.withLayerShadow {
-webkit-box-shadow: 0 5px 25px 0 var(--jaze-color-drop-shadow) !important;
box-shadow: 0 5px 25px 0 var(--jaze-color-drop-shadow) !important;
}
.alignLeft {
text-align: left !important;
}
.alignCenter {
text-align: center !important;
}
.alignRight {
text-align: right !important;
}
.autoMargin {
margin: auto !important;
}
.noMarginTop {
margin-top: 0 !important;
}
.noMarginBottom {
margin-bottom: 0 !important;
}
.noVerticalMargin {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.noMarginLeft {
margin-left: 0 !important;
}
.noMarginRight {
margin-right: 0 !important;
}
.noHorizontalMargin {
margin-left: 0 !important;
margin-right: 0 !important;
}
.noMargin {
margin: 0 !important;
}
.noPaddingTop {
padding-top: 0 !important;
}
.noPaddingBottom {
padding-bottom: 0 !important;
}
.noVerticalPadding {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.noPaddingLeft {
padding-left: 0 !important;
}
.noPaddingRight {
padding-right: 0 !important;
}
.noHorizontalPadding {
padding-left: 0 !important;
padding-right: 0 !important;
}
.noPadding {
padding: 0 !important;
}
.fullHeight {
height: 100% !important;
}
.fullWidth {
width: 100% !important;
}
.noMaxHeight {
max-height: none !important;
}
.autoMinHeight {
min-height: auto !important;
}
.autoMinWidth {
min-width: auto !important;
}
.autoHeight {
height: initial !important;
}
.autoWidth {
width: initial !important;
}
.fixedWidth {
width: 100%;
max-width: 960px;
}
.inline {
display: inline !important;
}
.inlineBlock {
display: inline-block !important;
}
.invisible {
visibility: hidden !important;
}
.noBorder {
border: none !important;
}
.noBorderLeft {
border-left: none !important;
}
.noBorderRight {
border-right: none !important;
}
.noBorderTop {
border-top: none !important;
}
.noBorderBottom {
border-bottom: none !important;
}
.noUserSelect {
-webkit-user-select: none !important;
-moz-user-select: none !important;
-ms-user-select: none !important;
user-select: none !important;
}
.noPointerEvents {
pointer-events: none !important;
}
.positionRelative {
position: relative !important;
}
.positionAbsolute,
.appVsRepeat {
position: absolute !important;
}
.positionCenter,
.appInfoBox--centered {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.floatLeft {
float: left !important;
}
.floatRight {
float: right !important;
}
.withActionBar {
margin-top: 47px !important;
}
.withCozyActionBar {
margin-top: 32px !important;
}
.withLayerShadow {
-webkit-box-shadow: -7px 7px 0px 0px rgba(0, 0, 0, 0.1) !important;
box-shadow: -7px 7px 0px 0px rgba(0, 0, 0, 0.1) !important;
}
@media only screen and (max-width: 480px) {
.visible--sm,
.is-overview-panel-open:not(.is-overview-panel-inline) .visibleAdjusted--sm,
.is-overview-panel-closed .visibleAdjusted--sm,
.appModal .visibleAdjusted--sm,
.visible--smUp,
.is-overview-panel-open:not(.is-overview-panel-inline) .visibleAdjusted--smUp,
.is-overview-panel-closed .visibleAdjusted--smUp,
.appModal .visibleAdjusted--smUp,
.visible--md,
.is-overview-panel-inline.is-overview-panel-open .visibleAdjusted--xs,
.is-overview-panel-open:not(.is-overview-panel-inline) .visibleAdjusted--md,
.is-overview-panel-closed .visibleAdjusted--md,
.appModal .visibleAdjusted--md,
.visible--mdUp,
.is-overview-panel-inline.is-overview-panel-open .visibleAdjusted--xsUp,
.is-overview-panel-open:not(.is-overview-panel-inline) .visibleAdjusted--mdUp,
.is-overview-panel-closed .visibleAdjusted--mdUp,
.appModal .visibleAdjusted--mdUp,
.visible--lg,
.is-overview-panel-inline.is-overview-panel-open .visibleAdjusted--sm,
.is-overview-panel-open:not(.is-overview-panel-inline) .visibleAdjusted--lg,
.is-overview-panel-closed .visibleAdjusted--lg,
.appModal .visibleAdjusted--lg,
.visible--lgUp,
.is-overview-panel-inline.is-overview-panel-open .visibleAdjusted--smUp,
.is-overview-panel-open:not(.is-overview-panel-inline) .visibleAdjusted--lgUp,
.is-overview-panel-closed .visibleAdjusted--lgUp,
.appModal .visibleAdjusted--lgUp,
.visible--xlg,
.is-overview-panel-inline.is-overview-panel-open .visibleAdjusted--md,
.is-overview-panel-open:not(.is-overview-panel-inline) .visibleAdjusted--xlg,
.is-overview-panel-closed .visibleAdjusted--xlg,
.appModal .visibleAdjusted--xlg,
.visible--xlgUp,
.is-overview-panel-inline.is-overview-panel-open .visibleAdjusted--mdUp,
.is-overview-panel-open:not(.is-overview-panel-inline) .visibleAdjusted--xlgUp,
.is-overview-panel-closed .visibleAdjusted--xlgUp,
.appModal .visibleAdjusted--xlgUp,
.visible--xxlg,
.is-overview-panel-inline.is-overview-panel-open .visibleAdjusted--lg,
.is-overview-panel-inline.is-overview-panel-open .visibleAdjusted--xlg,
.visible--xxlgUp,
.is-overview-panel-inline.is-overview-panel-open .visibleAdjusted--lgUp,
.is-overview-panel-inline.is-overview-panel-open .visibleAdjusted--xlgUp {
display: none !important;
}
}
@media only screen and (min-width: 481px) and (max-width: 800px) {
.visible--xs,
.is-overview-panel-open:not(.is-overview-panel-inline) .visibleAdjusted--xs,
.is-overview-panel-closed .visibleAdjusted--xs,
.appModal .visibleAdjusted--xs,
.visible--md,
.is-overview-panel-inline.is-overview-panel-open .visibleAdjusted--xs,
.is-overview-panel-open:not(.is-overview-panel-inline) .visibleAdjusted--md,
.is-overview-panel-closed .visibleAdjusted--md,
.appModal .visibleAdjusted--md,
.visible--mdUp,
.is-overview-panel-inline.is-overview-panel-open .visibleAdjusted--xsUp,
.is-overview-panel-open:not(.is-overview-panel-inline) .visibleAdjusted--mdUp,
.is-overview-panel-closed .visibleAdjusted--mdUp,
.appModal .visibleAdjusted--mdUp,
.visible--lg,
.is-overview-panel-inline.is-overview-panel-open .visibleAdjusted--sm,
.is-overview-panel-open:not(.is-overview-panel-inline) .visibleAdjusted--lg,
.is-overview-panel-closed .visibleAdjusted--lg,
.appModal .visibleAdjusted--lg,
.visible--lgUp,
.is-overview-panel-inline.is-overview-panel-open .visibleAdjusted--smUp,
.is-overview-panel-open:not(.is-overview-panel-inline) .visibleAdjusted--lgUp,
.is-overview-panel-closed .visibleAdjusted--lgUp,
.appModal .visibleAdjusted--lgUp,
.visible--xlg,
.is-overview-panel-inline.is-overview-panel-open .visibleAdjusted--md,
.is-overview-panel-open:not(.is-overview-panel-inline) .visibleAdjusted--xlg,
.is-overview-panel-closed .visibleAdjusted--xlg,
.appModal .visibleAdjusted--xlg,
.visible--xlgUp,
.is-overview-panel-inline.is-overview-panel-open .visibleAdjusted--mdUp,
.is-overview-panel-open:not(.is-overview-panel-inline) .visibleAdjusted--xlgUp,
.is-overview-panel-closed .visibleAdjusted--xlgUp,
.appModal .visibleAdjusted--xlgUp,
.visible--xxlg,
.is-overview-panel-inline.is-overview-panel-open .visibleAdjusted--lg,
.is-overview-panel-inline.is-overview-panel-open .visibleAdjusted--xlg,
.visible--xxlgUp,
.is-overview-panel-inline.is-overview-panel-open .visibleAdjusted--lgUp,
.is-overview-panel-inline.is-overview-panel-open .visibleAdjusted--xlgUp {
display: none !important;
}
}
@media only screen and (min-width: 801px) and (max-width: 1040px) {
.visible--xs,
.is-overview-panel-open:not(.is-overview-panel-inline) .visibleAdjusted--xs,
.is-overview-panel-closed .visibleAdjusted--xs,
.appModal .visibleAdjusted--xs,
.visible--sm,
.is-overview-panel-open:not(.is-overview-panel-inline) .visibleAdjusted--sm,
.is-overview-panel-closed .visibleAdjusted--sm,
.appModal .visibleAdjusted--sm,
.visible--smDown,
.is-overview-panel-open:not(.is-overview-panel-inline) .visibleAdjusted--smDown,
.is-overview-panel-closed .visibleAdjusted--smDown,
.appModal .visibleAdjusted--smDown,
.visible--lg,
.is-overview-panel-inline.is-overview-panel-open .visibleAdjusted--sm,
.is-overview-panel-open:not(.is-overview-panel-inline) .visibleAdjusted--lg,
.is-overview-panel-closed .visibleAdjusted--lg,
.appModal .visibleAdjusted--lg,
.visible--lgUp,
.is-overview-panel-inline.is-overview-panel-open .visibleAdjusted--smUp,
.is-overview-panel-open:not(.is-overview-panel-inline) .visibleAdjusted--lgUp,
.is-overview-panel-closed .visibleAdjusted--lgUp,
.appModal .visibleAdjusted--lgUp,
.visible--xlg,
.is-overview-panel-inline.is-overview-panel-open .visibleAdjusted--md,
.is-overview-panel-open:not(.is-overview-panel-inline) .visibleAdjusted--xlg,
.is-overview-panel-closed .visibleAdjusted--xlg,
.appModal .visibleAdjusted--xlg,
.visible--xlgUp,
.is-overview-panel-inline.is-overview-panel-open .visibleAdjusted--mdUp,
.is-overview-panel-open:not(.is-overview-panel-inline) .visibleAdjusted--xlgUp,
.is-overview-panel-closed .visibleAdjusted--xlgUp,
.appModal .visibleAdjusted--xlgUp,
.visible--xxlg,
.is-overview-panel-inline.is-overview-panel-open .visibleAdjusted--lg,
.is-overview-panel-inline.is-overview-panel-open .visibleAdjusted--xlg,
.visible--xxlgUp,
.is-overview-panel-inline.is-overview-panel-open .visibleAdjusted--lgUp,
.is-overview-panel-inline.is-overview-panel-open .visibleAdjusted--xlgUp {
display: none !important;
}
}
@media only screen and (min-width: 1041px) and (max-width: 1440px) {
.visible--xs,
.is-overview-panel-open:not(.is-overview-panel-inline) .visibleAdjusted--xs,
.is-overview-panel-closed .visibleAdjusted--xs,
.appModal .visibleAdjusted--xs,
.visible--sm,
.is-overview-panel-open:not(.is-overview-panel-inline) .visibleAdjusted--sm,
.is-overview-panel-closed .visibleAdjusted--sm,
.appModal .visibleAdjusted--sm,
.visible--smDown,
.is-overview-panel-open:not(.is-overview-panel-inline) .visibleAdjusted--smDown,
.is-overview-panel-closed .visibleAdjusted--smDown,
.appModal .visibleAdjusted--smDown,
.visible--md,
.is-overview-panel-inline.is-overview-panel-open .visibleAdjusted--xs,
.is-overview-panel-open:not(.is-overview-panel-inline) .visibleAdjusted--md,
.is-overview-panel-closed .visibleAdjusted--md,
.appModal .visibleAdjusted--md,
.visible--mdDown,
.is-overview-panel-inline.is-overview-panel-open .visibleAdjusted--xsDown,
.is-overview-panel-open:not(.is-overview-panel-inline) .visibleAdjusted--mdDown,
.is-overview-panel-closed .visibleAdjusted--mdDown,
.appModal .visibleAdjusted--mdDown,
.visible--xlg,
.is-overview-panel-inline.is-overview-panel-open .visibleAdjusted--md,
.is-overview-panel-open:not(.is-overview-panel-inline) .visibleAdjusted--xlg,
.is-overview-panel-closed .visibleAdjusted--xlg,
.appModal .visibleAdjusted--xlg,
.visible--xlgUp,
.is-overview-panel-inline.is-overview-panel-open .visibleAdjusted--mdUp,
.is-overview-panel-open:not(.is-overview-panel-inline) .visibleAdjusted--xlgUp,
.is-overview-panel-closed .visibleAdjusted--xlgUp,
.appModal .visibleAdjusted--xlgUp,
.visible--xxlg,
.is-overview-panel-inline.is-overview-panel-open .visibleAdjusted--lg,
.is-overview-panel-inline.is-overview-panel-open .visibleAdjusted--xlg,
.visible--xxlgUp,
.is-overview-panel-inline.is-overview-panel-open .visibleAdjusted--lgUp,
.is-overview-panel-inline.is-overview-panel-open .visibleAdjusted--xlgUp {
display: none !important;
}
}
@media only screen and (min-width: 1441px) and (max-width: 1920px) {
.visible--xs,
.is-overview-panel-open:not(.is-overview-panel-inline) .visibleAdjusted--xs,
.is-overview-panel-closed .visibleAdjusted--xs,
.appModal .visibleAdjusted--xs,
.visible--sm,
.is-overview-panel-open:not(.is-overview-panel-inline) .visibleAdjusted--sm,
.is-overview-panel-closed .visibleAdjusted--sm,
.appModal .visibleAdjusted--sm,
.visible--smDown,
.is-overview-panel-open:not(.is-overview-panel-inline) .visibleAdjusted--smDown,
.is-overview-panel-closed .visibleAdjusted--smDown,
.appModal .visibleAdjusted--smDown,
.visible--md,
.is-overview-panel-inline.is-overview-panel-open .visibleAdjusted--xs,
.is-overview-panel-open:not(.is-overview-panel-inline) .visibleAdjusted--md,
.is-overview-panel-closed .visibleAdjusted--md,
.appModal .visibleAdjusted--md,
.visible--mdDown,
.is-overview-panel-inline.is-overview-panel-open .visibleAdjusted--xsDown,
.is-overview-panel-open:not(.is-overview-panel-inline) .visibleAdjusted--mdDown,
.is-overview-panel-closed .visibleAdjusted--mdDown,
.appModal .visibleAdjusted--mdDown,
.visible--lg,
.is-overview-panel-inline.is-overview-panel-open .visibleAdjusted--sm,
.is-overview-panel-open:not(.is-overview-panel-inline) .visibleAdjusted--lg,
.is-overview-panel-closed .visibleAdjusted--lg,
.appModal .visibleAdjusted--lg,
.visible--lgDown,
.is-overview-panel-inline.is-overview-panel-open .visibleAdjusted--smDown,
.is-overview-panel-open:not(.is-overview-panel-inline) .visibleAdjusted--lgDown,
.is-overview-panel-closed .visibleAdjusted--lgDown,
.appModal .visibleAdjusted--lgDown,
.visible--xxlg,
.is-overview-panel-inline.is-overview-panel-open .visibleAdjusted--lg,
.is-overview-panel-inline.is-overview-panel-open .visibleAdjusted--xlg,
.visible--xxlgUp,
.is-overview-panel-inline.is-overview-panel-open .visibleAdjusted--lgUp,
.is-overview-panel-inline.is-overview-panel-open .visibleAdjusted--xlgUp {
display: none !important;
}
}
@media only screen and (min-width: 1921px) {
.visible--xs,
.is-overview-panel-open:not(.is-overview-panel-inline) .visibleAdjusted--xs,
.is-overview-panel-closed .visibleAdjusted--xs,
.appModal .visibleAdjusted--xs,
.visible--sm,
.is-overview-panel-open:not(.is-overview-panel-inline) .visibleAdjusted--sm,
.is-overview-panel-closed .visibleAdjusted--sm,
.appModal .visibleAdjusted--sm,
.visible--smDown,
.is-overview-panel-open:not(.is-overview-panel-inline) .visibleAdjusted--smDown,
.is-overview-panel-closed .visibleAdjusted--smDown,
.appModal .visibleAdjusted--smDown,
.visible--md,
.is-overview-panel-inline.is-overview-panel-open .visibleAdjusted--xs,
.is-overview-panel-open:not(.is-overview-panel-inline) .visibleAdjusted--md,
.is-overview-panel-closed .visibleAdjusted--md,
.appModal .visibleAdjusted--md,
.visible--mdDown,
.is-overview-panel-inline.is-overview-panel-open .visibleAdjusted--xsDown,
.is-overview-panel-open:not(.is-overview-panel-inline) .visibleAdjusted--mdDown,
.is-overview-panel-closed .visibleAdjusted--mdDown,
.appModal .visibleAdjusted--mdDown,
.visible--lg,
.is-overview-panel-inline.is-overview-panel-open .visibleAdjusted--sm,
.is-overview-panel-open:not(.is-overview-panel-inline) .visibleAdjusted--lg,
.is-overview-panel-closed .visibleAdjusted--lg,
.appModal .visibleAdjusted--lg,
.visible--lgDown,
.is-overview-panel-inline.is-overview-panel-open .visibleAdjusted--smDown,
.is-overview-panel-open:not(.is-overview-panel-inline) .visibleAdjusted--lgDown,
.is-overview-panel-closed .visibleAdjusted--lgDown,
.appModal .visibleAdjusted--lgDown,
.visible--xlg,
.is-overview-panel-inline.is-overview-panel-open .visibleAdjusted--md,
.is-overview-panel-open:not(.is-overview-panel-inline) .visibleAdjusted--xlg,
.is-overview-panel-closed .visibleAdjusted--xlg,
.appModal .visibleAdjusted--xlg,
.visible--xlgDown,
.is-overview-panel-inline.is-overview-panel-open .visibleAdjusted--mdDown,
.is-overview-panel-open:not(.is-overview-panel-inline) .visibleAdjusted--xlgDown,
.is-overview-panel-closed .visibleAdjusted--xlgDown,
.appModal .visibleAdjusted--xlgDown {
display: none !important;
}
}
.offstage {
position: absolute !important;
overflow: hidden !important;
clip: rect(0 0 0 0) !important;
height: 1px !important;
width: 1px !important;
margin: -1px !important;
padding: 0 !important;
border: 0 !important;
}
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
@-webkit-keyframes bounce {
0%,
20%,
50%,
80%,
100% {
-webkit-transform: translateY(0);
transform: translateY(0)
}
40% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px)
}
60% {
-webkit-transform: translateY(-15px);
transform: translateY(-15px)
}
}
@keyframes bounce {
0%,
20%,
50%,
80%,
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
40% {
-webkit-transform: translateY(-30px);
-ms-transform: translateY(-30px);
transform: translateY(-30px)
}
60% {
-webkit-transform: translateY(-15px);
-ms-transform: translateY(-15px);
transform: translateY(-15px)
}
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce
}
@-webkit-keyframes flash {
0%,
50%,
100% {
opacity: 1
}
25%,
75% {
opacity: 0
}
}
@keyframes flash {
0%,
50%,
100% {
opacity: 1
}
25%,
75% {
opacity: 0
}
}
.flash {
-webkit-animation-name: flash;
animation-name: flash
}
@-webkit-keyframes pulse {
0% {
-webkit-transform: scale(1);
transform: scale(1)
}
50% {
-webkit-transform: scale(1.1);
transform: scale(1.1)
}
100% {
-webkit-transform: scale(1);
transform: scale(1)
}
}
@keyframes pulse {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1)
}
50% {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1)
}
100% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1)
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse
}
@-webkit-keyframes shake {
0%,
100% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px)
}
20%,
40%,
60%,
80% {
-webkit-transform: translateX(10px);
transform: translateX(10px)
}
}
@keyframes shake {
0%,
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0)
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translateX(-10px);
-ms-transform: translateX(-10px);
transform: translateX(-10px)
}
20%,
40%,
60%,
80% {
-webkit-transform: translateX(10px);
-ms-transform: translateX(10px);
transform: translateX(10px)
}
}
.shake {
-webkit-animation-name: shake;
animation-name: shake
}
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate(15deg);
transform: rotate(15deg)
}
40% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg)
}
60% {
-webkit-transform: rotate(5deg);
transform: rotate(5deg)
}
80% {
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg)
}
100% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
}
@keyframes swing {
20% {
-webkit-transform: rotate(15deg);
-ms-transform: rotate(15deg);
transform: rotate(15deg)
}
40% {
-webkit-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
transform: rotate(-10deg)
}
60% {
-webkit-transform: rotate(5deg);
-ms-transform: rotate(5deg);
transform: rotate(5deg)
}
80% {
-webkit-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
transform: rotate(-5deg)
}
100% {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg)
}
}
.swing {
-webkit-transform-origin: top center;
-ms-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing
}
@-webkit-keyframes tada {
0% {
-webkit-transform: scale(1);
transform: scale(1)
}
10%,
20% {
-webkit-transform: scale(0.9) rotate(-3deg);
transform: scale(0.9) rotate(-3deg)
}
30%,
50%,
70%,
90% {
-webkit-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg)
}
40%,
60%,
80% {
-webkit-transform: scale(1.1) rotate(-3deg);
transform: scale(1.1) rotate(-3deg)
}
100% {
-webkit-transform: scale(1) rotate(0);
transform: scale(1) rotate(0)
}
}
@keyframes tada {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1)
}
10%,
20% {
-webkit-transform: scale(0.9) rotate(-3deg);
-ms-transform: scale(0.9) rotate(-3deg);
transform: scale(0.9) rotate(-3deg)
}
30%,
50%,
70%,
90% {
-webkit-transform: scale(1.1) rotate(3deg);
-ms-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg)
}
40%,
60%,
80% {
-webkit-transform: scale(1.1) rotate(-3deg);
-ms-transform: scale(1.1) rotate(-3deg);
transform: scale(1.1) rotate(-3deg)
}
100% {
-webkit-transform: scale(1) rotate(0);
-ms-transform: scale(1) rotate(0);
transform: scale(1) rotate(0)
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada
}
@-webkit-keyframes wobble {
0% {
-webkit-transform: translateX(0%);
transform: translateX(0%)
}
15% {
-webkit-transform: translateX(-25%) rotate(-5deg);
transform: translateX(-25%) rotate(-5deg)
}
30% {
-webkit-transform: translateX(20%) rotate(3deg);
transform: translateX(20%) rotate(3deg)
}
45% {
-webkit-transform: translateX(-15%) rotate(-3deg);
transform: translateX(-15%) rotate(-3deg)
}
60% {
-webkit-transform: translateX(10%) rotate(2deg);
transform: translateX(10%) rotate(2deg)
}
75% {
-webkit-transform: translateX(-5%) rotate(-1deg);
transform: translateX(-5%) rotate(-1deg)
}
100% {
-webkit-transform: translateX(0%);
transform: translateX(0%)
}
}
@keyframes wobble {
0% {
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%)
}
15% {
-webkit-transform: translateX(-25%) rotate(-5deg);
-ms-transform: translateX(-25%) rotate(-5deg);
transform: translateX(-25%) rotate(-5deg)
}
30% {
-webkit-transform: translateX(20%) rotate(3deg);
-ms-transform: translateX(20%) rotate(3deg);
transform: translateX(20%) rotate(3deg)
}
45% {
-webkit-transform: translateX(-15%) rotate(-3deg);
-ms-transform: translateX(-15%) rotate(-3deg);
transform: translateX(-15%) rotate(-3deg)
}
60% {
-webkit-transform: translateX(10%) rotate(2deg);
-ms-transform: translateX(10%) rotate(2deg);
transform: translateX(10%) rotate(2deg)
}
75% {
-webkit-transform: translateX(-5%) rotate(-1deg);
-ms-transform: translateX(-5%) rotate(-1deg);
transform: translateX(-5%) rotate(-1deg)
}
100% {
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%)
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble
}
@-webkit-keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(0.3);
transform: scale(0.3)
}
50% {
opacity: 1;
-webkit-transform: scale(1.05);
transform: scale(1.05)
}
70% {
-webkit-transform: scale(0.9);
transform: scale(0.9)
}
100% {
-webkit-transform: scale(1);
transform: scale(1)
}
}
@keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(0.3);
-ms-transform: scale(0.3);
transform: scale(0.3)
}
50% {
opacity: 1;
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05)
}
70% {
-webkit-transform: scale(0.9);
-ms-transform: scale(0.9);
transform: scale(0.9)
}
100% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1)
}
}
.bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn
}
@-webkit-keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px)
}
60% {
opacity: 1;
-webkit-transform: translateY(30px);
transform: translateY(30px)
}
80% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px)
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
@keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px)
}
60% {
opacity: 1;
-webkit-transform: translateY(30px);
-ms-transform: translateY(30px);
transform: translateY(30px)
}
80% {
-webkit-transform: translateY(-10px);
-ms-transform: translateY(-10px);
transform: translateY(-10px)
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown
}
@-webkit-keyframes bounceInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px)
}
60% {
opacity: 1;
-webkit-transform: translateX(30px);
transform: translateX(30px)
}
80% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px)
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
@keyframes bounceInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px)
}
60% {
opacity: 1;
-webkit-transform: translateX(30px);
-ms-transform: translateX(30px);
transform: translateX(30px)
}
80% {
-webkit-transform: translateX(-10px);
-ms-transform: translateX(-10px);
transform: translateX(-10px)
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0)
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft
}
@-webkit-keyframes bounceInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px)
}
60% {
opacity: 1;
-webkit-transform: translateX(-30px);
transform: translateX(-30px)
}
80% {
-webkit-transform: translateX(10px);
transform: translateX(10px)
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
@keyframes bounceInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px)
}
60% {
opacity: 1;
-webkit-transform: translateX(-30px);
-ms-transform: translateX(-30px);
transform: translateX(-30px)
}
80% {
-webkit-transform: translateX(10px);
-ms-transform: translateX(10px);
transform: translateX(10px)
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0)
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight
}
@-webkit-keyframes bounceInUp {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px)
}
60% {
opacity: 1;
-webkit-transform: translateY(-30px);
transform: translateY(-30px)
}
80% {
-webkit-transform: translateY(10px);
transform: translateY(10px)
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
@keyframes bounceInUp {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px)
}
60% {
opacity: 1;
-webkit-transform: translateY(-30px);
-ms-transform: translateY(-30px);
transform: translateY(-30px)
}
80% {
-webkit-transform: translateY(10px);
-ms-transform: translateY(10px);
transform: translateY(10px)
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp
}
@-webkit-keyframes bounceOut {
0% {
-webkit-transform: scale(1);
transform: scale(1)
}
25% {
-webkit-transform: scale(0.95);
transform: scale(0.95)
}
50% {
opacity: 1;
-webkit-transform: scale(1.1);
transform: scale(1.1)
}
100% {
opacity: 0;
-webkit-transform: scale(0.3);
transform: scale(0.3)
}
}
@keyframes bounceOut {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1)
}
25% {
-webkit-transform: scale(0.95);
-ms-transform: scale(0.95);
transform: scale(0.95)
}
50% {
opacity: 1;
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1)
}
100% {
opacity: 0;
-webkit-transform: scale(0.3);
-ms-transform: scale(0.3);
transform: scale(0.3)
}
}
.bounceOut {
-webkit-animation-name: bounceOut;
animation-name: bounceOut
}
@-webkit-keyframes bounceOutDown {
0% {
-webkit-transform: translateY(0);
transform: translateY(0)
}
20% {
opacity: 1;
-webkit-transform: translateY(-20px);
transform: translateY(-20px)
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px)
}
}
@keyframes bounceOutDown {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
20% {
opacity: 1;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px)
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px)
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown
}
@-webkit-keyframes bounceOutLeft {
0% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
20% {
opacity: 1;
-webkit-transform: translateX(20px);
transform: translateX(20px)
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px)
}
}
@keyframes bounceOutLeft {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0)
}
20% {
opacity: 1;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px)
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px)
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft
}
@-webkit-keyframes bounceOutRight {
0% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
20% {
opacity: 1;
-webkit-transform: translateX(-20px);
transform: translateX(-20px)
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px)
}
}
@keyframes bounceOutRight {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0)
}
20% {
opacity: 1;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px)
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px)
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight
}
@-webkit-keyframes bounceOutUp {
0% {
-webkit-transform: translateY(0);
transform: translateY(0)
}
20% {
opacity: 1;
-webkit-transform: translateY(20px);
transform: translateY(20px)
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px)
}
}
@keyframes bounceOutUp {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
20% {
opacity: 1;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px)
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px)
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
@keyframes fadeIn {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
transform: translateY(-20px)
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px)
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px)
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
@keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px)
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-20px);
transform: translateX(-20px)
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px)
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0)
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px)
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
@keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px)
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0)
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
transform: translateX(20px)
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px)
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0)
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px)
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
@keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px)
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0)
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px)
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px)
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px)
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
@keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px)
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1
}
100% {
opacity: 0
}
}
@keyframes fadeOut {
0% {
opacity: 1
}
100% {
opacity: 0
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut
}
@-webkit-keyframes fadeOutDown {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0)
}
100% {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px)
}
}
@keyframes fadeOutDown {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
100% {
opacity: 0;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px)
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown
}
@-webkit-keyframes fadeOutDownBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0)
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px)
}
}
@keyframes fadeOutDownBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px)
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig
}
@-webkit-keyframes fadeOutLeft {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0)
}
100% {
opacity: 0;
-webkit-transform: translateX(-20px);
transform: translateX(-20px)
}
}
@keyframes fadeOutLeft {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0)
}
100% {
opacity: 0;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px)
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft
}
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0)
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px)
}
}
@keyframes fadeOutLeftBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0)
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px)
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig
}
@-webkit-keyframes fadeOutRight {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0)
}
100% {
opacity: 0;
-webkit-transform: translateX(20px);
transform: translateX(20px)
}
}
@keyframes fadeOutRight {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0)
}
100% {
opacity: 0;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px)
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight
}
@-webkit-keyframes fadeOutRightBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0)
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px)
}
}
@keyframes fadeOutRightBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0)
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px)
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig
}
@-webkit-keyframes fadeOutUp {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0)
}
100% {
opacity: 0;
-webkit-transform: translateY(-20px);
transform: translateY(-20px)
}
}
@keyframes fadeOutUp {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
100% {
opacity: 0;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px)
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp
}
@-webkit-keyframes fadeOutUpBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0)
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px)
}
}
@keyframes fadeOutUpBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px)
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig
}
@-webkit-keyframes flip {
0% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
80% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
100% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
}
@keyframes flip {
0% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
80% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
-ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
100% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
}
.animated.flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip
}
@-webkit-keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0
}
40% {
-webkit-transform: perspective(400px) rotateX(-10deg);
transform: perspective(400px) rotateX(-10deg)
}
70% {
-webkit-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg)
}
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1
}
}
@keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
-ms-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0
}
40% {
-webkit-transform: perspective(400px) rotateX(-10deg);
-ms-transform: perspective(400px) rotateX(-10deg);
transform: perspective(400px) rotateX(-10deg)
}
70% {
-webkit-transform: perspective(400px) rotateX(10deg);
-ms-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg)
}
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
-ms-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX
}
@-webkit-keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0
}
40% {
-webkit-transform: perspective(400px) rotateY(-10deg);
transform: perspective(400px) rotateY(-10deg)
}
70% {
-webkit-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg)
}
100% {
-webkit-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1
}
}
@keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
-ms-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0
}
40% {
-webkit-transform: perspective(400px) rotateY(-10deg);
-ms-transform: perspective(400px) rotateY(-10deg);
transform: perspective(400px) rotateY(-10deg)
}
70% {
-webkit-transform: perspective(400px) rotateY(10deg);
-ms-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg)
}
100% {
-webkit-transform: perspective(400px) rotateY(0deg);
-ms-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY
}
@-webkit-keyframes flipOutX {
0% {
-webkit-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1
}
100% {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0
}
}
@keyframes flipOutX {
0% {
-webkit-transform: perspective(400px) rotateX(0deg);
-ms-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1
}
100% {
-webkit-transform: perspective(400px) rotateX(90deg);
-ms-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0
}
}
.flipOutX {
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important
}
@-webkit-keyframes flipOutY {
0% {
-webkit-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1
}
100% {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0
}
}
@keyframes flipOutY {
0% {
-webkit-transform: perspective(400px) rotateY(0deg);
-ms-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1
}
100% {
-webkit-transform: perspective(400px) rotateY(90deg);
-ms-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0
}
}
.flipOutY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY
}
@-webkit-keyframes lightSpeedIn {
0% {
-webkit-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0
}
60% {
-webkit-transform: translateX(-20%) skewX(30deg);
transform: translateX(-20%) skewX(30deg);
opacity: 1
}
80% {
-webkit-transform: translateX(0%) skewX(-15deg);
transform: translateX(0%) skewX(-15deg);
opacity: 1
}
100% {
-webkit-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1
}
}
@keyframes lightSpeedIn {
0% {
-webkit-transform: translateX(100%) skewX(-30deg);
-ms-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0
}
60% {
-webkit-transform: translateX(-20%) skewX(30deg);
-ms-transform: translateX(-20%) skewX(30deg);
transform: translateX(-20%) skewX(30deg);
opacity: 1
}
80% {
-webkit-transform: translateX(0%) skewX(-15deg);
-ms-transform: translateX(0%) skewX(-15deg);
transform: translateX(0%) skewX(-15deg);
opacity: 1
}
100% {
-webkit-transform: translateX(0%) skewX(0deg);
-ms-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
@-webkit-keyframes lightSpeedOut {
0% {
-webkit-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1
}
100% {
-webkit-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0
}
}
@keyframes lightSpeedOut {
0% {
-webkit-transform: translateX(0%) skewX(0deg);
-ms-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1
}
100% {
-webkit-transform: translateX(100%) skewX(-30deg);
-ms-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0
}
}
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
@-webkit-keyframes rotateIn {
0% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0
}
100% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
}
@keyframes rotateIn {
0% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(-200deg);
-ms-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0
}
100% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn
}
@-webkit-keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
}
@keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft
}
@-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
}
@keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight
}
@-webkit-keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
}
@keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft
}
@-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
}
@keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight
}
@-webkit-keyframes rotateOut {
0% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
100% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(200deg);
transform: rotate(200deg);
opacity: 0
}
}
@keyframes rotateOut {
0% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
100% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(200deg);
-ms-transform: rotate(200deg);
transform: rotate(200deg);
opacity: 0
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut
}
@-webkit-keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0
}
}
@keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft
}
@-webkit-keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0
}
}
@keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight
}
@-webkit-keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0
}
}
@keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft
}
@-webkit-keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0
}
}
@keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight
}
@-webkit-keyframes slideInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px)
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
@keyframes slideInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px)
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown
}
@-webkit-keyframes slideInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px)
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
@keyframes slideInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px)
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0)
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft
}
@-webkit-keyframes slideInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px)
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
@keyframes slideInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px)
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0)
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight
}
@-webkit-keyframes slideOutLeft {
0% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px)
}
}
@keyframes slideOutLeft {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0)
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px)
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft
}
@-webkit-keyframes slideOutRight {
0% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px)
}
}
@keyframes slideOutRight {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0)
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px)
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight
}
@-webkit-keyframes slideOutUp {
0% {
-webkit-transform: translateY(0);
transform: translateY(0)
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px)
}
}
@keyframes slideOutUp {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px)
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp
}
@-webkit-keyframes hinge {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
20%,
60% {
-webkit-transform: rotate(80deg);
transform: rotate(80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
40% {
-webkit-transform: rotate(60deg);
transform: rotate(60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
80% {
-webkit-transform: rotate(60deg) translateY(0);
transform: rotate(60deg) translateY(0);
opacity: 1;
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
100% {
-webkit-transform: translateY(700px);
transform: translateY(700px);
opacity: 0
}
}
@keyframes hinge {
0% {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
20%,
60% {
-webkit-transform: rotate(80deg);
-ms-transform: rotate(80deg);
transform: rotate(80deg);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
40% {
-webkit-transform: rotate(60deg);
-ms-transform: rotate(60deg);
transform: rotate(60deg);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
80% {
-webkit-transform: rotate(60deg) translateY(0);
-ms-transform: rotate(60deg) translateY(0);
transform: rotate(60deg) translateY(0);
opacity: 1;
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
100% {
-webkit-transform: translateY(700px);
-ms-transform: translateY(700px);
transform: translateY(700px);
opacity: 0
}
}
.hinge {
-webkit-animation-name: hinge;
animation-name: hinge
}
.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s
}
@-webkit-keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translateX(-100%) rotate(-120deg);
transform: translateX(-100%) rotate(-120deg)
}
100% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg)
}
}
@keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translateX(-100%) rotate(-120deg);
-ms-transform: translateX(-100%) rotate(-120deg);
transform: translateX(-100%) rotate(-120deg)
}
100% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
-ms-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg)
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn
}
@-webkit-keyframes rollOut {
0% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg)
}
100% {
opacity: 0;
-webkit-transform: translateX(100%) rotate(120deg);
transform: translateX(100%) rotate(120deg)
}
}
@keyframes rollOut {
0% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
-ms-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg)
}
100% {
opacity: 0;
-webkit-transform: translateX(100%) rotate(120deg);
-ms-transform: translateX(100%) rotate(120deg);
transform: translateX(100%) rotate(120deg)
}
}
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut
}
.avatar {
width: 5em;
height: 5em;
background-position: 50%;
background-size: cover
}
.avatar--circle {
border-radius: 100%
}
.buttonGroup {
display: table;
table-layout: fixed;
width: 100%;
list-style: none;
margin: 0;
padding: 0
}
.buttonGroup button,
.buttonGroup .button {
display: table-cell;
vertical-align: middle;
-webkit-box-shadow: none;
box-shadow: none
}
.buttonGroup button:not(:first-child):not(:last-child),
.buttonGroup .button:not(:first-child):not(:last-child) {
margin-left: 0;
margin-right: 0;
border-radius: 0
}
.buttonGroup button:first-child:not(:last-child),
.buttonGroup .button:first-child:not(:last-child) {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.buttonGroup button:last-child:not(:first-child),
.buttonGroup .button:last-child:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.buttonGroup li+li button,
.buttonGroup li+li .button,
.buttonGroup li+li.button {
border-left: 0
}
.buttonGroup--shrink {
display: block;
width: auto
}
.buttonGroup__item {
display: table-cell
}
button,
.button {
margin: 0;
display: inline-block;
cursor: pointer;
font-size: 1rem
}
button:hover,
button:focus,
.button:hover,
.button:focus {
outline: none
}
.button__icon {
display: inline-block;
vertical-align: middle;
margin-top: -.1428571429em;
margin-right: .7em
}
.button__icon--right {
margin-right: 0;
margin-left: .7em
}
.button--full {
width: 100%
}
.clearfix:after {
content: "";
display: table;
clear: both
}
.count {
height: 1.6em;
min-width: 1.6em;
display: table;
font-weight: 700;
line-height: 1em
}
.count__value {
display: table-cell;
text-align: center;
vertical-align: middle;
padding: 0 .3em
}
.count--smash .count__value {
padding: 0
}
.count--round {
border-radius: 2em;
padding: 0 .5ex
}
.count--right {
position: absolute;
right: 0px;
top: 0px
}
.count--outerRight {
position: absolute;
right: -10px;
top: -2px
}
.clickable {
cursor: pointer !important;
pointer-events: auto !important
}
.flag {
display: table;
width: 100%
}
.flag__img,
.flag__body {
display: table-cell;
vertical-align: middle
}
.flag__img {
padding-right: .8571428571rem
}
.flag__img>img {
display: block;
max-width: none
}
.flag__body {
width: 100%
}
.flag--rev {
direction: rtl
}
.flag--rev>.flag__img,
.flag--rev>.flag__body {
direction: ltr
}
.flag--rev>.flag__img {
padding-right: 0;
padding-left: .8571428571rem
}
.flag--small>.flag__img {
padding-right: .4285714286rem
}
.flag--small.flag--rev>.flag__img {
padding-right: 0;
padding-left: .4285714286rem
}
.flag--large>.flag__img {
padding-right: 1.7142857143rem
}
.flag--large.flag--rev>.flag__img {
padding-right: 0;
padding-left: 1.7142857143rem
}
.flag--top>.flag__img,
.flag--top>.flag__body {
vertical-align: top
}
.flag--bottom>.flag__img,
.flag--bottom>.flag__body {
vertical-align: bottom
}
.flag--flush>.flag__img {
padding-right: 0;
padding-left: 0
}
.appInfoBox,
.appToast,
.flexFlag,
.unifiMapUnplacedDevicesItem {
display: -webkit-box;
display: -moz-flex;
display: -ms-flex;
display: -ms-flexbox;
display: flex;
-ms-align-items: flex-start;
-ms-flex-align: flex-start;
-webkit-box-align: start;
align-items: flex-start
}
.appGlobalSideNav__itemText,
.appInfoBox__content,
.appToast__content,
.unifiMapContainer,
.flexFlag__body {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1
}
.flexFlag--centered,
.unifiMapUnplacedDevicesItem {
-ms-align-items: center;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center
}
.flexFlag--stretched {
-ms-align-items: stretch;
-ms-flex-align: stretch;
-webkit-box-align: stretch;
align-items: stretch
}
.flexFlag--vertical {
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column
}
.flexRow {
display: -webkit-box;
display: -moz-flex;
display: -ms-flex;
display: -ms-flexbox;
display: flex
}
.flexRow--alignCenter {
-ms-align-items: center;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center
}
.flexCol--1 {
width: 8.3333333333%
}
.flexCol--2 {
width: 16.6666666667%
}
.flexCol--3 {
width: 25%
}
.flexCol--4 {
width: 33.3333333333%
}
.flexCol--5 {
width: 41.6666666667%
}
.flexCol--6 {
width: 50%
}
.flexCol--7 {
width: 58.3333333333%
}
.flexCol--8 {
width: 66.6666666667%
}
.flexCol--9 {
width: 75%
}
.flexCol--10 {
width: 83.3333333333%
}
.flexCol--11 {
width: 91.6666666667%
}
.flexCol--12 {
width: 100%
}
.shelf,
.unifiAnomaliesModuleList {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.shelfCenter,
.unifiAnomaliesModuleHeader,
.unifiAssociationFailuresModuleHeader {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.shelfBottom {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.stack {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.stackCenter {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.stackRight {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end
}
.frame {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.spreadApart {
-ms-flex-pack: distribute;
justify-content: space-around
}
.splitApart {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.flexible,
.unifiAnomaliesModuleHeader__label,
.unifiAnomaliesModuleList__event,
.unifiAssociationFailuresModuleHeader__graph {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1
}
.inflexible,
.unifiAnomaliesModuleHeader__count,
.unifiAnomaliesModuleList__date,
.unifiAssociationFailuresModuleHeader__count {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto
}
.growable {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto
}
input,
select,
.appFormDropdown__selectedItem,
output,
textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
input[type="radio"],
input[type="checkbox"] {
cursor: pointer
}
.label--right {
text-align: right
}
.label--inline {
display: inline-block;
vertical-align: middle
}
.select--full {
width: 100%
}
.select--flex {
-ms-flex: 1;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1
}
input[type="radio"] {
-moz-appearance: radio
}
input[type="checkbox"] {
-moz-appearance: checkbox
}
select,
.appFormDropdown__selectedItem,
input[type="range"] {
cursor: pointer
}
.input--full {
width: 100%;
margin-left: 0
}
.input--flex {
-ms-flex: 1;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1
}
output {
cursor: text
}
.output--full {
width: 100%
}
.output--flex {
-ms-flex: 1;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1
}
.textarea--full {
width: 100%;
margin-left: 0
}
.textarea--flex {
-ms-flex: 1;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1
}
.appContainer {
padding-left: 5px;
padding-right: 5px;
*zoom: 1
}
.appContainer:before,
.appContainer:after {
content: " ";
display: table
}
.appContainer:after {
clear: both
}
.appContainer--centered {
margin-right: auto;
margin-left: auto
}
.appContainer--responsive {
max-width: 100%
}
@media only screen and (min-width: 481px) and (max-width: 800px) {
.appContainer--responsive {
max-width: 400px
}
}
@media only screen and (min-width: 801px) and (max-width: 1040px) {
.appContainer--responsive {
max-width: 600px
}
}
@media only screen and (min-width: 1041px) and (max-width: 1440px) {
.appContainer--responsive {
max-width: 900px
}
}
@media only screen and (min-width: 1441px) and (max-width: 1920px) {
.appContainer--responsive {
max-width: 1200px
}
}
@media only screen and (min-width: 1921px) {
.appContainer--responsive {
max-width: 1600px
}
}
.appContainer--fixed {
max-width: 960px
}
.appContainer--smash {
margin: 0;
padding: 0
}
.appContainer--smash .appRow {
margin: 0;
padding: 0
}
.appContainer--smash .appRow div[class*="col--"] {
margin: 0;
padding: 0
}
.appContainer--comfy {
padding-left: 15px;
padding-right: 15px;
*zoom: 1
}
.appContainer--comfy:before,
.appContainer--comfy:after {
content: " ";
display: table
}
.appContainer--comfy:after {
clear: both
}
.appContainer--comfy .appRow {
margin-left: -15px;
margin-right: -15px;
*zoom: 1
}
.appContainer--comfy .appRow:before,
.appContainer--comfy .appRow:after {
content: " ";
display: table
}
.appContainer--comfy .appRow:after {
clear: both
}
.appContainer--comfy .col--xs1,
.appContainer--comfy .col--sm1,
.appContainer--comfy .col--md1,
.appContainer--comfy .col--lg1,
.appContainer--comfy .col--xlg1,
.appContainer--comfy .col--xxlg1,
.appContainer--comfy .col--xs2,
.appContainer--comfy .col--sm2,
.appContainer--comfy .col--md2,
.appContainer--comfy .col--lg2,
.appContainer--comfy .col--xlg2,
.appContainer--comfy .col--xxlg2,
.appContainer--comfy .col--xs3,
.appContainer--comfy .col--sm3,
.appContainer--comfy .col--md3,
.appContainer--comfy .col--lg3,
.appContainer--comfy .col--xlg3,
.appContainer--comfy .col--xxlg3,
.appContainer--comfy .col--xs4,
.appContainer--comfy .col--sm4,
.appContainer--comfy .col--md4,
.appContainer--comfy .col--lg4,
.appContainer--comfy .col--xlg4,
.appContainer--comfy .col--xxlg4,
.appContainer--comfy .col--xs5,
.appContainer--comfy .col--sm5,
.appContainer--comfy .col--md5,
.appContainer--comfy .col--lg5,
.appContainer--comfy .col--xlg5,
.appContainer--comfy .col--xxlg5,
.appContainer--comfy .col--xs6,
.appContainer--comfy .col--sm6,
.appContainer--comfy .col--md6,
.appContainer--comfy .col--lg6,
.appContainer--comfy .col--xlg6,
.appContainer--comfy .col--xxlg6,
.appContainer--comfy .col--xs7,
.appContainer--comfy .col--sm7,
.appContainer--comfy .col--md7,
.appContainer--comfy .col--lg7,
.appContainer--comfy .col--xlg7,
.appContainer--comfy .col--xxlg7,
.appContainer--comfy .col--xs8,
.appContainer--comfy .col--sm8,
.appContainer--comfy .col--md8,
.appContainer--comfy .col--lg8,
.appContainer--comfy .col--xlg8,
.appContainer--comfy .col--xxlg8,
.appContainer--comfy .col--xs9,
.appContainer--comfy .col--sm9,
.appContainer--comfy .col--md9,
.appContainer--comfy .col--lg9,
.appContainer--comfy .col--xlg9,
.appContainer--comfy .col--xxlg9,
.appContainer--comfy .col--xs10,
.appContainer--comfy .col--sm10,
.appContainer--comfy .col--md10,
.appContainer--comfy .col--lg10,
.appContainer--comfy .col--xlg10,
.appContainer--comfy .col--xxlg10,
.appContainer--comfy .col--xs11,
.appContainer--comfy .col--sm11,
.appContainer--comfy .col--md11,
.appContainer--comfy .col--lg11,
.appContainer--comfy .col--xlg11,
.appContainer--comfy .col--xxlg11,
.appContainer--comfy .col--xs12,
.appContainer--comfy .col--sm12,
.appContainer--comfy .col--md12,
.appContainer--comfy .col--lg12,
.appContainer--comfy .col--xlg12,
.appContainer--comfy .col--xxlg12 {
padding-left: 15px;
padding-right: 15px
}
.appRow {
margin-left: -5px;
margin-right: -5px;
*zoom: 1
}
.appRow:before,
.appRow:after {
content: " ";
display: table
}
.appRow:after {
clear: both
}
.appRow--comfy {
margin-bottom: 1em
}
.appRow--cozy {
margin-bottom: .3rem
}
.appRow--smash {
margin: 0;
padding: 0
}
.appRow--smash div[class*="col--"] {
margin: 0;
padding: 0
}
.col--xs1,
.col--sm1,
.col--md1,
.col--lg1,
.col--xlg1,
.col--xxlg1,
.col--xs2,
.col--sm2,
.col--md2,
.col--lg2,
.col--xlg2,
.col--xxlg2,
.col--xs3,
.col--sm3,
.col--md3,
.col--lg3,
.col--xlg3,
.col--xxlg3,
.col--xs4,
.col--sm4,
.col--md4,
.col--lg4,
.col--xlg4,
.col--xxlg4,
.col--xs5,
.col--sm5,
.col--md5,
.col--lg5,
.col--xlg5,
.col--xxlg5,
.col--xs6,
.col--sm6,
.col--md6,
.col--lg6,
.col--xlg6,
.col--xxlg6,
.col--xs7,
.col--sm7,
.col--md7,
.col--lg7,
.col--xlg7,
.col--xxlg7,
.col--xs8,
.col--sm8,
.col--md8,
.col--lg8,
.col--xlg8,
.col--xxlg8,
.col--xs9,
.col--sm9,
.col--md9,
.col--lg9,
.col--xlg9,
.col--xxlg9,
.col--xs10,
.col--sm10,
.col--md10,
.col--lg10,
.col--xlg10,
.col--xxlg10,
.col--xs11,
.col--sm11,
.col--md11,
.col--lg11,
.col--xlg11,
.col--xxlg11,
.col--xs12,
.col--sm12,
.col--md12,
.col--lg12,
.col--xlg12,
.col--xxlg12 {
position: relative;
min-height: 1px;
padding-left: 5px;
padding-right: 5px
}
.col--comfy {
margin-bottom: 1em
}
.col--smash {
margin: 0;
padding: 0
}
.col--xs1,
.col--xs2,
.col--xs3,
.col--xs4,
.col--xs5,
.col--xs6,
.col--xs7,
.col--xs8,
.col--xs9,
.col--xs10,
.col--xs11,
.col--xs12 {
float: left
}
.col--xs1 {
width: 8.3333333333%
}
.col--xs2 {
width: 16.6666666667%
}
.col--xs3 {
width: 25%
}
.col--xs4 {
width: 33.3333333333%
}
.col--xs5 {
width: 41.6666666667%
}
.col--xs6 {
width: 50%
}
.col--xs7 {
width: 58.3333333333%
}
.col--xs8 {
width: 66.6666666667%
}
.col--xs9 {
width: 75%
}
.col--xs10 {
width: 83.3333333333%
}
.col--xs11 {
width: 91.6666666667%
}
.col--xs12 {
width: 100%
}
.col--xsPull0 {
right: 0%
}
.col--xsPull1 {
right: 8.3333333333%
}
.col--xsPull2 {
right: 16.6666666667%
}
.col--xsPull3 {
right: 25%
}
.col--xsPull4 {
right: 33.3333333333%
}
.col--xsPull5 {
right: 41.6666666667%
}
.col--xsPull6 {
right: 50%
}
.col--xsPull7 {
right: 58.3333333333%
}
.col--xsPull8 {
right: 66.6666666667%
}
.col--xsPull9 {
right: 75%
}
.col--xsPull10 {
right: 83.3333333333%
}
.col--xsPull11 {
right: 91.6666666667%
}
.col--xsPull12 {
right: 100%
}
.col--xsPush0 {
left: 0%
}
.col--xsPush1 {
left: 8.3333333333%
}
.col--xsPush2 {
left: 16.6666666667%
}
.col--xsPush3 {
left: 25%
}
.col--xsPush4 {
left: 33.3333333333%
}
.col--xsPush5 {
left: 41.6666666667%
}
.col--xsPush6 {
left: 50%
}
.col--xsPush7 {
left: 58.3333333333%
}
.col--xsPush8 {
left: 66.6666666667%
}
.col--xsPush9 {
left: 75%
}
.col--xsPush10 {
left: 83.3333333333%
}
.col--xsPush11 {
left: 91.6666666667%
}
.col--xsPush12 {
left: 100%
}
.col--xsOffset0 {
margin-left: 0%
}
.col--xsOffset1 {
margin-left: 8.3333333333%
}
.col--xsOffset2 {
margin-left: 16.6666666667%
}
.col--xsOffset3 {
margin-left: 25%
}
.col--xsOffset4 {
margin-left: 33.3333333333%
}
.col--xsOffset5 {
margin-left: 41.6666666667%
}
.col--xsOffset6 {
margin-left: 50%
}
.col--xsOffset7 {
margin-left: 58.3333333333%
}
.col--xsOffset8 {
margin-left: 66.6666666667%
}
.col--xsOffset9 {
margin-left: 75%
}
.col--xsOffset10 {
margin-left: 83.3333333333%
}
.col--xsOffset11 {
margin-left: 91.6666666667%
}
.col--xsOffset12 {
margin-left: 100%
}
@media only screen and (min-width: 481px) {
.col--sm1,
.col--sm2,
.col--sm3,
.col--sm4,
.col--sm5,
.col--sm6,
.col--sm7,
.col--sm8,
.col--sm9,
.col--sm10,
.col--sm11,
.col--sm12 {
float: left
}
.col--sm1 {
width: 8.3333333333%
}
.col--sm2 {
width: 16.6666666667%
}
.col--sm3 {
width: 25%
}
.col--sm4 {
width: 33.3333333333%
}
.col--sm5 {
width: 41.6666666667%
}
.col--sm6 {
width: 50%
}
.col--sm7 {
width: 58.3333333333%
}
.col--sm8 {
width: 66.6666666667%
}
.col--sm9 {
width: 75%
}
.col--sm10 {
width: 83.3333333333%
}
.col--sm11 {
width: 91.6666666667%
}
.col--sm12 {
width: 100%
}
.col--smPull0 {
right: 0%
}
.col--smPull1 {
right: 8.3333333333%
}
.col--smPull2 {
right: 16.6666666667%
}
.col--smPull3 {
right: 25%
}
.col--smPull4 {
right: 33.3333333333%
}
.col--smPull5 {
right: 41.6666666667%
}
.col--smPull6 {
right: 50%
}
.col--smPull7 {
right: 58.3333333333%
}
.col--smPull8 {
right: 66.6666666667%
}
.col--smPull9 {
right: 75%
}
.col--smPull10 {
right: 83.3333333333%
}
.col--smPull11 {
right: 91.6666666667%
}
.col--smPull12 {
right: 100%
}
.col--smPush0 {
left: 0%
}
.col--smPush1 {
left: 8.3333333333%
}
.col--smPush2 {
left: 16.6666666667%
}
.col--smPush3 {
left: 25%
}
.col--smPush4 {
left: 33.3333333333%
}
.col--smPush5 {
left: 41.6666666667%
}
.col--smPush6 {
left: 50%
}
.col--smPush7 {
left: 58.3333333333%
}
.col--smPush8 {
left: 66.6666666667%
}
.col--smPush9 {
left: 75%
}
.col--smPush10 {
left: 83.3333333333%
}
.col--smPush11 {
left: 91.6666666667%
}
.col--smPush12 {
left: 100%
}
.col--smOffset0 {
margin-left: 0%
}
.col--smOffset1 {
margin-left: 8.3333333333%
}
.col--smOffset2 {
margin-left: 16.6666666667%
}
.col--smOffset3 {
margin-left: 25%
}
.col--smOffset4 {
margin-left: 33.3333333333%
}
.col--smOffset5 {
margin-left: 41.6666666667%
}
.col--smOffset6 {
margin-left: 50%
}
.col--smOffset7 {
margin-left: 58.3333333333%
}
.col--smOffset8 {
margin-left: 66.6666666667%
}
.col--smOffset9 {
margin-left: 75%
}
.col--smOffset10 {
margin-left: 83.3333333333%
}
.col--smOffset11 {
margin-left: 91.6666666667%
}
.col--smOffset12 {
margin-left: 100%
}
}
@media only screen and (min-width: 801px) {
.col--md1,
.col--md2,
.col--md3,
.col--md4,
.col--md5,
.col--md6,
.col--md7,
.col--md8,
.col--md9,
.col--md10,
.col--md11,
.col--md12 {
float: left
}
.col--md1 {
width: 8.3333333333%
}
.col--md2 {
width: 16.6666666667%
}
.col--md3 {
width: 25%
}
.col--md4 {
width: 33.3333333333%
}
.col--md5 {
width: 41.6666666667%
}
.col--md6 {
width: 50%
}
.col--md7 {
width: 58.3333333333%
}
.col--md8 {
width: 66.6666666667%
}
.col--md9 {
width: 75%
}
.col--md10 {
width: 83.3333333333%
}
.col--md11 {
width: 91.6666666667%
}
.col--md12 {
width: 100%
}
.col--mdPull0 {
right: 0%
}
.col--mdPull1 {
right: 8.3333333333%
}
.col--mdPull2 {
right: 16.6666666667%
}
.col--mdPull3 {
right: 25%
}
.col--mdPull4 {
right: 33.3333333333%
}
.col--mdPull5 {
right: 41.6666666667%
}
.col--mdPull6 {
right: 50%
}
.col--mdPull7 {
right: 58.3333333333%
}
.col--mdPull8 {
right: 66.6666666667%
}
.col--mdPull9 {
right: 75%
}
.col--mdPull10 {
right: 83.3333333333%
}
.col--mdPull11 {
right: 91.6666666667%
}
.col--mdPull12 {
right: 100%
}
.col--mdPush0 {
left: 0%
}
.col--mdPush1 {
left: 8.3333333333%
}
.col--mdPush2 {
left: 16.6666666667%
}
.col--mdPush3 {
left: 25%
}
.col--mdPush4 {
left: 33.3333333333%
}
.col--mdPush5 {
left: 41.6666666667%
}
.col--mdPush6 {
left: 50%
}
.col--mdPush7 {
left: 58.3333333333%
}
.col--mdPush8 {
left: 66.6666666667%
}
.col--mdPush9 {
left: 75%
}
.col--mdPush10 {
left: 83.3333333333%
}
.col--mdPush11 {
left: 91.6666666667%
}
.col--mdPush12 {
left: 100%
}
.col--mdOffset0 {
margin-left: 0%
}
.col--mdOffset1 {
margin-left: 8.3333333333%
}
.col--mdOffset2 {
margin-left: 16.6666666667%
}
.col--mdOffset3 {
margin-left: 25%
}
.col--mdOffset4 {
margin-left: 33.3333333333%
}
.col--mdOffset5 {
margin-left: 41.6666666667%
}
.col--mdOffset6 {
margin-left: 50%
}
.col--mdOffset7 {
margin-left: 58.3333333333%
}
.col--mdOffset8 {
margin-left: 66.6666666667%
}
.col--mdOffset9 {
margin-left: 75%
}
.col--mdOffset10 {
margin-left: 83.3333333333%
}
.col--mdOffset11 {
margin-left: 91.6666666667%
}
.col--mdOffset12 {
margin-left: 100%
}
}
@media only screen and (min-width: 1041px) {
.col--lg1,
.col--lg2,
.col--lg3,
.col--lg4,
.col--lg5,
.col--lg6,
.col--lg7,
.col--lg8,
.col--lg9,
.col--lg10,
.col--lg11,
.col--lg12 {
float: left
}
.col--lg1 {
width: 8.3333333333%
}
.col--lg2 {
width: 16.6666666667%
}
.col--lg3 {
width: 25%
}
.col--lg4 {
width: 33.3333333333%
}
.col--lg5 {
width: 41.6666666667%
}
.col--lg6 {
width: 50%
}
.col--lg7 {
width: 58.3333333333%
}
.col--lg8 {
width: 66.6666666667%
}
.col--lg9 {
width: 75%
}
.col--lg10 {
width: 83.3333333333%
}
.col--lg11 {
width: 91.6666666667%
}
.col--lg12 {
width: 100%
}
.col--lgPull0 {
right: 0%
}
.col--lgPull1 {
right: 8.3333333333%
}
.col--lgPull2 {
right: 16.6666666667%
}
.col--lgPull3 {
right: 25%
}
.col--lgPull4 {
right: 33.3333333333%
}
.col--lgPull5 {
right: 41.6666666667%
}
.col--lgPull6 {
right: 50%
}
.col--lgPull7 {
right: 58.3333333333%
}
.col--lgPull8 {
right: 66.6666666667%
}
.col--lgPull9 {
right: 75%
}
.col--lgPull10 {
right: 83.3333333333%
}
.col--lgPull11 {
right: 91.6666666667%
}
.col--lgPull12 {
right: 100%
}
.col--lgPush0 {
left: 0%
}
.col--lgPush1 {
left: 8.3333333333%
}
.col--lgPush2 {
left: 16.6666666667%
}
.col--lgPush3 {
left: 25%
}
.col--lgPush4 {
left: 33.3333333333%
}
.col--lgPush5 {
left: 41.6666666667%
}
.col--lgPush6 {
left: 50%
}
.col--lgPush7 {
left: 58.3333333333%
}
.col--lgPush8 {
left: 66.6666666667%
}
.col--lgPush9 {
left: 75%
}
.col--lgPush10 {
left: 83.3333333333%
}
.col--lgPush11 {
left: 91.6666666667%
}
.col--lgPush12 {
left: 100%
}
.col--lgOffset0 {
margin-left: 0%
}
.col--lgOffset1 {
margin-left: 8.3333333333%
}
.col--lgOffset2 {
margin-left: 16.6666666667%
}
.col--lgOffset3 {
margin-left: 25%
}
.col--lgOffset4 {
margin-left: 33.3333333333%
}
.col--lgOffset5 {
margin-left: 41.6666666667%
}
.col--lgOffset6 {
margin-left: 50%
}
.col--lgOffset7 {
margin-left: 58.3333333333%
}
.col--lgOffset8 {
margin-left: 66.6666666667%
}
.col--lgOffset9 {
margin-left: 75%
}
.col--lgOffset10 {
margin-left: 83.3333333333%
}
.col--lgOffset11 {
margin-left: 91.6666666667%
}
.col--lgOffset12 {
margin-left: 100%
}
}
@media only screen and (min-width: 1441px) {
.col--xlg1,
.col--xlg2,
.col--xlg3,
.col--xlg4,
.col--xlg5,
.col--xlg6,
.col--xlg7,
.col--xlg8,
.col--xlg9,
.col--xlg10,
.col--xlg11,
.col--xlg12 {
float: left
}
.col--xlg1 {
width: 8.3333333333%
}
.col--xlg2 {
width: 16.6666666667%
}
.col--xlg3 {
width: 25%
}
.col--xlg4 {
width: 33.3333333333%
}
.col--xlg5 {
width: 41.6666666667%
}
.col--xlg6 {
width: 50%
}
.col--xlg7 {
width: 58.3333333333%
}
.col--xlg8 {
width: 66.6666666667%
}
.col--xlg9 {
width: 75%
}
.col--xlg10 {
width: 83.3333333333%
}
.col--xlg11 {
width: 91.6666666667%
}
.col--xlg12 {
width: 100%
}
.col--xlgPull0 {
right: 0%
}
.col--xlgPull1 {
right: 8.3333333333%
}
.col--xlgPull2 {
right: 16.6666666667%
}
.col--xlgPull3 {
right: 25%
}
.col--xlgPull4 {
right: 33.3333333333%
}
.col--xlgPull5 {
right: 41.6666666667%
}
.col--xlgPull6 {
right: 50%
}
.col--xlgPull7 {
right: 58.3333333333%
}
.col--xlgPull8 {
right: 66.6666666667%
}
.col--xlgPull9 {
right: 75%
}
.col--xlgPull10 {
right: 83.3333333333%
}
.col--xlgPull11 {
right: 91.6666666667%
}
.col--xlgPull12 {
right: 100%
}
.col--xlgPush0 {
left: 0%
}
.col--xlgPush1 {
left: 8.3333333333%
}
.col--xlgPush2 {
left: 16.6666666667%
}
.col--xlgPush3 {
left: 25%
}
.col--xlgPush4 {
left: 33.3333333333%
}
.col--xlgPush5 {
left: 41.6666666667%
}
.col--xlgPush6 {
left: 50%
}
.col--xlgPush7 {
left: 58.3333333333%
}
.col--xlgPush8 {
left: 66.6666666667%
}
.col--xlgPush9 {
left: 75%
}
.col--xlgPush10 {
left: 83.3333333333%
}
.col--xlgPush11 {
left: 91.6666666667%
}
.col--xlgPush12 {
left: 100%
}
.col--xlgOffset0 {
margin-left: 0%
}
.col--xlgOffset1 {
margin-left: 8.3333333333%
}
.col--xlgOffset2 {
margin-left: 16.6666666667%
}
.col--xlgOffset3 {
margin-left: 25%
}
.col--xlgOffset4 {
margin-left: 33.3333333333%
}
.col--xlgOffset5 {
margin-left: 41.6666666667%
}
.col--xlgOffset6 {
margin-left: 50%
}
.col--xlgOffset7 {
margin-left: 58.3333333333%
}
.col--xlgOffset8 {
margin-left: 66.6666666667%
}
.col--xlgOffset9 {
margin-left: 75%
}
.col--xlgOffset10 {
margin-left: 83.3333333333%
}
.col--xlgOffset11 {
margin-left: 91.6666666667%
}
.col--xlgOffset12 {
margin-left: 100%
}
}
@media only screen and (min-width: 1921px) {
.col--xxlg1,
.col--xxlg2,
.col--xxlg3,
.col--xxlg4,
.col--xxlg5,
.col--xxlg6,
.col--xxlg7,
.col--xxlg8,
.col--xxlg9,
.col--xxlg10,
.col--xxlg11,
.col--xxlg12 {
float: left
}
.col--xxlg1 {
width: 8.3333333333%
}
.col--xxlg2 {
width: 16.6666666667%
}
.col--xxlg3 {
width: 25%
}
.col--xxlg4 {
width: 33.3333333333%
}
.col--xxlg5 {
width: 41.6666666667%
}
.col--xxlg6 {
width: 50%
}
.col--xxlg7 {
width: 58.3333333333%
}
.col--xxlg8 {
width: 66.6666666667%
}
.col--xxlg9 {
width: 75%
}
.col--xxlg10 {
width: 83.3333333333%
}
.col--xxlg11 {
width: 91.6666666667%
}
.col--xxlg12 {
width: 100%
}
.col--xxlgPull0 {
right: 0%
}
.col--xxlgPull1 {
right: 8.3333333333%
}
.col--xxlgPull2 {
right: 16.6666666667%
}
.col--xxlgPull3 {
right: 25%
}
.col--xxlgPull4 {
right: 33.3333333333%
}
.col--xxlgPull5 {
right: 41.6666666667%
}
.col--xxlgPull6 {
right: 50%
}
.col--xxlgPull7 {
right: 58.3333333333%
}
.col--xxlgPull8 {
right: 66.6666666667%
}
.col--xxlgPull9 {
right: 75%
}
.col--xxlgPull10 {
right: 83.3333333333%
}
.col--xxlgPull11 {
right: 91.6666666667%
}
.col--xxlgPull12 {
right: 100%
}
.col--xxlgPush0 {
left: 0%
}
.col--xxlgPush1 {
left: 8.3333333333%
}
.col--xxlgPush2 {
left: 16.6666666667%
}
.col--xxlgPush3 {
left: 25%
}
.col--xxlgPush4 {
left: 33.3333333333%
}
.col--xxlgPush5 {
left: 41.6666666667%
}
.col--xxlgPush6 {
left: 50%
}
.col--xxlgPush7 {
left: 58.3333333333%
}
.col--xxlgPush8 {
left: 66.6666666667%
}
.col--xxlgPush9 {
left: 75%
}
.col--xxlgPush10 {
left: 83.3333333333%
}
.col--xxlgPush11 {
left: 91.6666666667%
}
.col--xxlgPush12 {
left: 100%
}
.col--xxlgOffset0 {
margin-left: 0%
}
.col--xxlgOffset1 {
margin-left: 8.3333333333%
}
.col--xxlgOffset2 {
margin-left: 16.6666666667%
}
.col--xxlgOffset3 {
margin-left: 25%
}
.col--xxlgOffset4 {
margin-left: 33.3333333333%
}
.col--xxlgOffset5 {
margin-left: 41.6666666667%
}
.col--xxlgOffset6 {
margin-left: 50%
}
.col--xxlgOffset7 {
margin-left: 58.3333333333%
}
.col--xxlgOffset8 {
margin-left: 66.6666666667%
}
.col--xxlgOffset9 {
margin-left: 75%
}
.col--xxlgOffset10 {
margin-left: 83.3333333333%
}
.col--xxlgOffset11 {
margin-left: 91.6666666667%
}
.col--xxlgOffset12 {
margin-left: 100%
}
}
.icon,
.appPikaday .pika-prev,
.appPikaday .pika-next {
font-family: 'jaze';
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased
}
.icon--inline {
display: inline-block;
margin: 0 .4285714286em
}
.iconTextContainer {
display: inline-block
}
.iconText {
display: -webkit-box;
display: -moz-flex;
display: -ms-flex;
display: -ms-flexbox;
display: flex;
-ms-align-items: center;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
padding-top: .3em;
padding-bottom: .3em
}
.iconText__icon {
font-size: 1.5em;
padding-right: .7857142857rem
}
.iconText--small .iconText__icon {
font-size: 1em
}
.iconText--medium .iconText__icon {
font-size: 1.55em
}
.iconText--large .iconText__icon {
font-size: 2em
}
.iconText--cozy {
padding-top: 0;
padding-bottom: 0
}
.iconText--comfy {
padding-top: .6em;
padding-bottom: .6em
}
.iconText--stacked {
display: inline-block;
text-align: center
}
.iconText--stacked .iconText__icon {
display: block;
padding-right: 0
}
.iconText--stacked .iconText__text {
padding-top: 5px;
display: block;
width: auto
}
.list {
list-style: none;
margin: 0;
padding: 0
}
.list li,
.list .list__item,
.list .appOrgSwitcher__item {
margin: .5em 0;
padding: 0
}
.list--inline {
*zoom: 1
}
.list--inline:before,
.list--inline:after {
content: " ";
display: table
}
.list--inline:after {
clear: both
}
.list--inline li,
.list--inline .list__item,
.list--inline .appOrgSwitcher__item {
float: left;
margin: 0 1.5em
}
.list--inline.list--comfy li,
.list--inline.list--comfy .list__item,
.list--inline.list--comfy .appOrgSwitcher__item {
margin: 0 2em
}
.list--inline.list--cozy li,
.list--inline.list--cozy .list__item,
.list--inline.list--cozy .appOrgSwitcher__item {
margin: 0 1em
}
.list--comfy li,
.list--comfy .list__item,
.list--comfy .appOrgSwitcher__item {
margin: 1em 0
}
.list--cozy li,
.list--cozy .list__item,
.list--cozy .appOrgSwitcher__item {
margin: .25em 0
}
.list--smash li,
.list--smash .list__item,
.list--smash .appOrgSwitcher__item {
margin: 0
}
.blackout {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 710;
background-color: rgba(0, 0, 0, 0.5)
}
.blackout,
.blackout__inner {
display: -webkit-box;
display: -moz-flex;
display: -ms-flex;
display: -ms-flexbox;
display: flex;
-ms-align-items: center;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
-ms-justify-content: center;
-webkit-box-pack: center;
justify-content: center;
-ms-flex-pack: center
}
.blackout__inner {
width: 100%;
height: 100%
}
.blackout--absolute {
position: absolute
}
.modal,
.modal--narrow {
position: relative;
overflow: hidden;
z-index: 120;
width: calc(100% - 1rem);
max-width: 57.1428571429rem
}
.modal__header h1,
.modal__header h2,
.modal__header h3,
.modal__header h4,
.modal__header h5,
.modal__header h6 {
margin-bottom: 0
}
.modal__close {
position: absolute;
cursor: pointer
}
.modal--wide {
max-width: 100rem
}
.modal--comfy .modal__header,
.modal--comfy .modal__content {
padding: 1.7142857143rem 2.5714285714rem
}
*,
*:before,
*:after {
-webkit-box-sizing: border-box;
box-sizing: border-box
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
display: block
}
audio,
canvas,
video {
display: inline-block
}
audio:not([controls]) {
display: none;
height: 0
}
[hidden],
template {
display: none
}
script {
display: none !important
}
html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%
}
body {
margin: 0
}
a {
background: transparent
}
a:focus {
outline: thin dotted
}
a:active,
a:hover {
outline: 0
}
h1 {
font-size: 2em;
margin: 0.67em 0
}
abbr[title] {
border-bottom: 1px dotted
}
b,
strong {
font-weight: bold
}
dfn {
font-style: italic
}
hr {
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 0
}
mark {
background: #ff0;
color: #000
}
code,
kbd,
pre,
samp {
font-family: monospace, serif;
font-size: 1em
}
pre {
white-space: pre-wrap
}
q {
quotes: "\201C" "\201D" "\2018" "\2019"
}
small {
font-size: 80%
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sup {
top: -0.5em
}
sub {
bottom: -0.25em
}
img {
border: 0
}
svg:not(:root) {
overflow: hidden
}
figure {
margin: 0
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em
}
legend {
border: 0;
padding: 0
}
button,
input,
select,
.appFormDropdown__selectedItem,
textarea {
font-family: inherit;
font-size: 100%;
margin: 0
}
button,
input {
line-height: normal
}
button,
select,
.appFormDropdown__selectedItem {
text-transform: none
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer
}
button[disabled],
html input[disabled] {
cursor: default
}
input[type="checkbox"],
input[type="radio"] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0
}
input[type="search"] {
-webkit-appearance: textfield;
-webkit-box-sizing: content-box;
box-sizing: content-box
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0
}
textarea {
overflow: auto;
vertical-align: top
}
table {
border-collapse: collapse;
border-spacing: 0
}
select::-ms-expand,
.appFormDropdown__selectedItem::-ms-expand {
display: none
}
html,
body {
font-size: 14px
}
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
dl,
dd,
ol,
ul,
form,
fieldset,
legend,
table,
th,
td,
caption,
hr {
margin: 0;
padding: 0
}
a {
text-decoration: none;
color: inherit
}
abbr[title],
dfn[title] {
cursor: help
}
u,
ins {
text-decoration: none
}
ins {
border-bottom: 1px solid
}
img {
-ms-interpolation-mode: bicubic
}
a>img {
border: none
}
address {
font-style: normal;
margin-bottom: 0
}
.statusBall {
width: .875em;
height: .875em;
font-size: inherit;
display: inline-block;
border-radius: 100%;
vertical-align: bottom
}
.statusBar {
overflow: hidden
}
.table--scrollable {
position: relative
}
.table--scrollable .th:last-child,
.table--scrollable th:last-child {
border-right-width: 1px;
border-right-style: solid
}
.table--scrollable .thead,
.table--scrollable thead {
position: absolute;
display: block;
left: 0;
right: 0;
height: 3.0714285714rem;
padding-right: 15px
}
.table--scrollable .thead .tr,
.table--scrollable thead tr {
width: 100%;
display: table
}
.table--scrollable .tbody,
.table--scrollable tbody {
display: block;
overflow-y: scroll
}
.table--scrollable .thead+.tbody,
.table--scrollable thead+tbody {
margin-top: 3.0714285714rem
}
.table--scrollable .tbody .tr,
.table--scrollable tbody tr {
width: 100%;
display: table
}
.tbody--short {
height: 13.7142857143rem
}
.tbody--medium {
height: 34.2857142857rem
}
.tbody--tall {
height: 61.7142857143rem
}
table,
.table {
display: table;
width: 100%;
border-collapse: collapse;
border-spacing: 0
}
.thead,
thead {
display: table-header-group
}
.th,
.td,
th,
td {
display: table-cell;
vertical-align: middle
}
.tbody {
display: table-row-group
}
.tr {
display: table-row
}
.table--grid {
table-layout: fixed !important
}
.table--solid .th,
.table--solid .td,
.table--solid th,
.table--solid td {
border: 1px solid !important
}
.table--solidRows,
.table--solidRows .th,
.table--solidRows .td,
.table--solidRows th,
.table--solidRows td {
border-width: 0 !important;
border-style: solid !important
}
.table--solidRows .tbody .td,
.table--solidRows tbody td {
border-bottom-width: 1px !important
}
.table--solidRows .tr:last-child .td tr:last-child td {
border-bottom-width: 0px !important
}
.table--solidColumns {
border-left-width: 1px !important
}
.table--solidColumns,
.table--solidColumns .th,
.table--solidColumns .td,
.table--solidColumns th,
.table--solidColumns td {
border-width: 0 !important;
border-style: solid !important
}
.table--solidColumns .th,
.table--solidColumns .td,
.table--solidColumns th,
.table--solidColumns td {
border-right-width: 1px !important
}
.table--cozy .th,
.table--cozy .td,
.table--cozy th,
.table--cozy td {
padding: .5714285714rem !important
}
.table--comfy .th,
.table--comfy .td,
.table--comfy th,
.table--comfy td {
padding: 1.1428571429rem !important
}
.table--comfyRows .td,
.table--comfyRows td {
padding-top: 1.1428571429rem !important;
padding-bottom: 1.1428571429rem !important
}
.table--cozyRows .td,
.table--cozyRows td {
padding-top: .5714285714rem !important;
padding-bottom: .5714285714rem !important
}
.tabs {
margin: 0;
padding: 0;
list-style: none;
width: 100%;
text-align: center;
font-size: 0
}
.tabs__item {
cursor: pointer;
display: inline-block;
width: 100px;
font-size: 1rem
}
.tabs__item.is-tab-disabled {
pointer-events: none;
cursor: not-allowed
}
.tabs--full {
display: table;
table-layout: fixed
}
.tabs--full .tabs__item {
display: table-cell
}
.tabs--cozy .tabs__item {
padding: .5714285714rem
}
.tabs--comfy .tabs__item {
padding: 1.1428571429rem
}
.tag {
display: inline-block;
line-height: 1;
white-space: nowrap;
font-weight: normal
}
.toggle {
width: 100%;
height: 1em;
background: #bbb;
position: relative;
font-size: 1em
}
.toggle:after,
.toggle:before {
width: 50%;
text-align: center;
text-transform: uppercase;
font-size: 0.5em;
line-height: 0.5em;
position: absolute;
top: 50%;
margin-top: -0.25em;
z-index: 0;
color: #fff
}
.toggle:after {
content: attr(data-off);
right: 0
}
.toggle:before {
content: attr(data-on);
left: 0
}
.toggle label {
width: 100%;
height: 1em;
display: block;
position: absolute;
cursor: pointer;
left: 0;
top: 0;
z-index: 1
}
.toggle label:after {
content: "";
display: block;
width: 50%;
height: 100%;
position: absolute;
background-color: #ddd;
top: 0;
left: 0;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease
}
.toggle input[type="checkbox"] {
visibility: hidden
}
.toggle input[type="checkbox"]:checked+label:after {
left: 50%
}
.rotateLeft {
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg)
}
.rotateRight {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg)
}
.type--small {
font-size: 78.5%
}
.type--large {
font-size: 114%
}
.type--reverse {
color: #fff
}
.uppercase {
text-transform: uppercase !important
}
.capitalize {
text-transform: capitalize !important
}
.truncate {
white-space: nowrap;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis
}
.wrappable {
white-space: normal !important
}
.justified {
text-align: justify !important
}
html {
height: 100%;
position: relative
}
body {
height: 100%;
background: #fff;
color: #000;
line-height: 1
}
hgroup,
hr,
ul,
ol,
dl,
blockquote,
address,
table,
fieldset,
figure,
pre {
margin-bottom: 24px
}
.verticalRhythm {
margin-bottom: 24px !important
}
.verticalRhythmTop {
margin-top: 24px !important
}
.verticalRhythmPadding {
padding-bottom: 24px !important
}
.verticalRhythmPaddingTop {
padding-top: 24px !important
}
.verticalRhythmHalf,
.unifiAnomaliesModuleHeader,
.unifiAnomaliesModuleList,
.unifiAssociationFailuresModuleHeader {
margin-bottom: 12px !important
}
.verticalRhythmTopHalf {
margin-top: 12px !important
}
.verticalRhythmPaddingHalf {
padding-bottom: 12px !important
}
.verticalRhythmPaddingTopHalf {
padding-top: 12px !important
}
.verticalRhythmQuarter {
margin-bottom: 6px !important
}
.verticalRhythmTopQuarter {
margin-top: 6px !important
}
.verticalRhythmPaddingQuarter {
padding-bottom: 6px !important
}
.verticalRhythmPaddingTopQuarter {
padding-top: 6px !important
}
.appAccordion .panel .panelTitle {
font-size: 1rem;
line-height: 1.2857142857rem;
margin-bottom: 0
}
.appAccordion .panel.is-panel-open .panelTitle {
margin-bottom: 12px
}
.appAccordion .panelCollapse.collapse-hide {
max-height: 0;
overflow: hidden
}
.appAccordion .panelCollapse.collapse-hide.collapse-show {
-webkit-transition: max-height .3s ease-in-out;
-o-transition: max-height .3s ease-in-out;
transition: max-height .3s ease-in-out;
max-height: 142.857142857rem
}
.appActionBar {
height: 47px;
min-height: 47px;
padding: 0 24px;
background-color: #f6f6f6;
border-bottom: 1px solid #ddd;
position: relative;
width: 100%;
z-index: 30
}
.appActionBar__inner {
display: table;
width: 100%;
height: inherit
}
.appActionBar__left,
.appActionBar__right {
display: table-cell;
vertical-align: middle
}
.appActionBar__right {
text-align: right
}
.appActionBar--cozy {
height: 32px;
min-height: 32px;
padding: 0 12px
}
.appActionBar--standalone {
border-top: 1px solid #ddd
}
.appActionBar--multiline {
height: auto
}
.appActionBar--flexible {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-negative: 0;
flex-shrink: 0;
height: auto;
padding-top: 2px;
padding-bottom: 2px
}
.appActionBar--flexible .appActionBar__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.appActionBar--flexible .appActionBar__left,
.appActionBar--flexible .appActionBar__right {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.appActionBar--dark {
border-top: 1px solid #454d51;
border-bottom-color: #454d51;
background-color: #343c47;
color: #fff
}
.appActionBar--transparent {
background-color: transparent !important
}
.appActionBar--detached {
border: 1px solid #ddd;
border-radius: 4px
}
.appActionBar--fixedRight .appActionBar__right {
width: 1px;
white-space: nowrap;
padding-left: 24px
}
.appActionBarTitle {
padding-left: 3px;
font-size: .8em;
font-weight: bold;
text-transform: uppercase;
letter-spacing: .05rem
}
.is-property-panel-available.is-property-panel-closed .appActionBar--centerPanel .appActionBar__right,
.is-overview-panel-available.is-overview-panel-closed .appActionBar--centerPanel .appActionBar__right {
padding-right: 34px
}
.is-property-panel-open .appActionBar--centerPanel .appActionBar__right,
.is-overview-panel-open .appActionBar--centerPanel .appActionBar__right {
padding-right: 6px
}
.appActionBar--withSideMenu {
left: 230px
}
.appActionBar--withWideSideMenu {
left: 270px
}
.appActionBar--fixed {
position: fixed;
top: 50px;
left: 50px;
right: 0;
z-index: 30
}
.appActionBarFilters {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.appActionBarFilters .buttonGroup {
margin-bottom: 0
}
.appActionBarFilters--right {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end
}
.appActionBarFilters--center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.appActionBarFilter {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 2px 0
}
.appActionBarFilter:not(:last-child):not(.appActionBarFilter--noBorder) {
padding-right: 11px;
margin-right: 11px
}
.appActionBarFilter:not(:last-child):not(.appActionBarFilter--noBorder):after {
content: ' ';
position: absolute;
top: 0;
bottom: 0;
right: 0;
border-right: 1px dotted var(--color-300);
border-radius: 0
}
.appActionBarFilter.appActionBarFilter--noBorder:not(:last-child) {
margin-right: 11px
}
.appActionBar--dark .appActionBarFilter {
border-color: #454d51
}
.appActionBarFilter--search {
width: 160px
}
.appActionBarFilter__tooltipContainer--cozy {
margin: 3px 6px 0
}
.appActionBarFilter__tooltipContainer--cozy:last-child {
margin-right: 0
}
@media only screen and (max-width: 480px) {
.appActionBarFilter,
.appActionBarFilter--noBorder:not(:last-child) {
margin-right: 6px !important
}
.appActionBarFilter {
padding-right: 0 !important
}
.appActionBarFilter:after {
content: none !important
}
.appActionBarFilter--search {
width: 120px
}
}
.appActionLinkContainer {
position: relative
}
.appActionLinkList {
position: absolute;
top: 0;
right: 0;
line-height: 0
}
.appActionLink {
display: inline-block;
margin-bottom: 0;
text-transform: uppercase;
font-size: 9px;
letter-spacing: 0.5px
}
.appActionLink+.appActionLink {
margin-left: 10px
}
.appActionLink--standalone {
position: absolute;
top: 0;
right: 0
}
.appActionIconGroup {
display: inline-block
}
.appActionIconGroup .appActionIcon {
margin-right: 3px
}
.appActionIconGroup .appActionIcon .button__icon {
margin-right: 0
}
.appActionIconGroup .appActionIcon:last-child {
margin-right: 0
}
.appActionIcon {
display: inline-block;
cursor: pointer;
color: var(--color-300);
margin-bottom: 0
}
.appActionIcon+.appActionIcon {
margin-left: 6px
}
.appActionIcon:hover {
color: var(--color-500)
}
.appActionIcon[disabled="disabled"] {
opacity: .4;
pointer-events: none;
cursor: not-allowed
}
.appActionIcon--dark {
color: #bfbfbf
}
.appActionIcon--dark:hover {
color: #fff
}
.appActionIcon--primary {
color: var(--color-500)
}
.appActionIcon--primary:hover {
color: #1a7dff
}
.appActionIcon--round {
border-radius: 100px
}
.appActionIcon--reverse {
padding: .25em;
font-size: .8em;
color: #fff;
background-color: var(--color-300)
}
.appActionIcon--reverse:hover {
color: #fff;
background-color: var(--color-500)
}
.appActionIcon--reverse.appActionIcon--primary {
background-color: var(--color-500)
}
.appActionIcon--reverse.appActionIcon--primary:hover {
background-color: #1a7dff
}
.appActionIcon--medium {
font-size: 14px
}
.appActionIcon--large {
font-size: 18px
}
@-webkit-keyframes appActionIconNotifying {
0% {
opacity: .4
}
100% {
opacity: 1
}
}
@keyframes appActionIconNotifying {
0% {
opacity: .4
}
100% {
opacity: 1
}
}
.appActionIcon.is-button-notifying {
-webkit-animation: appActionIconNotifying 0.5s alternate infinite;
animation: appActionIconNotifying 0.5s alternate infinite
}
.appAlertIcon {
font-size: 2em;
padding: .75ex;
display: inline-block;
vertical-align: middle;
color: #898989
}
.appAlertIcon--condensed {
font-size: 1.5em
}
.appAlertIcon--scaled {
font-size: 1em
}
.appAlertIcon--baseline {
vertical-align: baseline
}
.appAlertIcon--primary {
color: var(--color-500)
}
.appAlertIcon--success {
color: #39cc64
}
.appAlertIcon--warning {
color: #f5a623
}
.appAlertIcon--danger {
color: #f03a3e
}
.appAlertIcon--round {
border-radius: 100px
}
.appAlertIcon--outline {
border-width: 1px;
border-style: solid;
border-color: #898989
}
.appAlertIcon--outline.appAlertIcon--primary {
border-color: var(--color-500)
}
.appAlertIcon--outline.appAlertIcon--success {
border-color: #39cc64
}
.appAlertIcon--outline.appAlertIcon--warning {
border-color: #f5a623
}
.appAlertIcon--outline.appAlertIcon--danger {
border-color: #f03a3e
}
.appAlertIcon--reverse {
color: #fff;
background-color: #898989
}
.appAlertIcon--reverse.appAlertIcon--primary {
background-color: var(--color-500)
}
.appAlertIcon--reverse.appAlertIcon--success {
background-color: #39cc64
}
.appAlertIcon--reverse.appAlertIcon--warning {
background-color: #f5a623
}
.appAlertIcon--reverse.appAlertIcon--danger {
background-color: #f03a3e
}
.is-avatar-disabled {
background-color: #ddd !important
}
.appBadge {
display: inline-block;
position: relative;
top: -0.3em;
border-style: solid;
border-width: 1px;
background-color: transparent;
font-size: 0.6em;
font-weight: 800;
padding: 0.3em 0.6em 0.35em;
text-transform: uppercase;
letter-spacing: .0714285714em;
border-radius: .2142857143rem;
line-height: 1;
white-space: nowrap;
border-color: rgba(0, 0, 0, 0.5);
color: #000
}
.appBadge+.appBadge {
margin-left: .2857142857em
}
.appBadge--medium {
border-color: rgba(170, 170, 170, 0.5);
color: #aaa
}
.appBadge--light {
border-color: rgba(255, 255, 255, 0.5);
color: #fff
}
.appBadge--primary {
border-color: var(--color-600);
color: var(--color-500);
}
.appBadge--success {
border-color: rgba(57, 204, 100, 0.5);
color: #39cc64
}
.appBadge--warning {
border-color: rgba(245, 166, 35, 0.5);
color: #f5a623
}
.appBadge--danger {
border-color: rgba(240, 58, 62, 0.5);
color: #f03a3e
}
.appBadge--static {
border-color: rgba(204, 204, 204, 0.5);
color: #ccc
}
.appBadge--noMove {
top: 0
}
.appControlModal__close,
.appControlModal__window,
.appGlobalSideNavPopover__close,
.appGlobalSideNavPopover__fullscreenIcon,
.appPopover__close,
.appToast__close,
.appViewSidePanelCloseButton,
.appCloseButton {
cursor: pointer;
color: #1b262c;
-webkit-transition: opacity .5s;
-o-transition: opacity .5s;
transition: opacity .5s
}
.appControlModal__close:hover,
.appControlModal__window:hover,
.appGlobalSideNavPopover__close:hover,
.appGlobalSideNavPopover__fullscreenIcon:hover,
.appPopover__close:hover,
.appToast__close:hover,
.appViewSidePanelCloseButton:hover,
.appCloseButton:hover {
opacity: 0.5
}
.appControlModal__close,
.appControlModal__window,
.appGlobalSideNavPopover__close,
.appGlobalSideNavPopover__fullscreenIcon,
.appToast__close,
.appCloseButton--dark {
color: #fff
}
.appControlModal {
position: relative;
overflow: hidden;
z-index: 120;
width: calc(100% - 1rem);
max-width: 800px;
color: #969BA3;
background-color: #111;
border: 1px solid #333;
-webkit-box-shadow: 0 .7142857143rem 2.5rem rgba(0, 0, 0, 0.5);
box-shadow: 0 .7142857143rem 2.5rem rgba(0, 0, 0, 0.5);
border-radius: 5px;
font-size: 14px
}
.appControlModal .appControlModal__close+.appControlModal__header,
.appControlModal .appControlModal__window+.appControlModal__header {
padding-right: 20px
}
.appControlModal--tiny {
max-width: 420px
}
.appControlModal--small {
max-width: 600px
}
.appControlModal--wide {
width: calc(100% - 2rem);
max-width: 1150px
}
.appControlModal--light {
color: #000;
background-color: #fff;
border-color: #c7d7de
}
.appControlModal--light .appControlModal__header {
color: #000
}
.appControlModal--light .appControlModal__close,
.appControlModal--light .appControlModal__window {
color: #1b262c
}
.appControlModal--light .appControlModalScrollableContent {
border-color: #c7d7de
}
.appControlModal__close,
.appControlModal__window {
position: absolute;
cursor: pointer;
font-size: 12px;
top: 10px;
right: 8px;
z-index: 100
}
.appControlModal__window {
right: 33px
}
.appControlModal__header {
color: #fff;
padding: 10px 12px 8px;
font-weight: 300;
font-size: 13px;
text-transform: uppercase;
letter-spacing: 1px
}
.appControlModal__content {
position: relative;
padding: 10px 12px 12px
}
.appControlModalSpinnerContainer {
height: 200px;
font-size: 7em;
position: relative
}
.appControlModalSpinnerContainer .appControlModalSpinner {
position: absolute;
left: 50%;
top: 50%
}
.appControlModalScrollableContent {
min-height: 100px;
max-height: calc(100vh - 95px);
overflow: auto;
border-top: 1px solid #272b30;
border-bottom: 1px solid #272b30
}
.appControlModalScrollableContent::-webkit-scrollbar {
width: 12px;
height: 12px
}
.appControlModalScrollableContent::-webkit-scrollbar-thumb {
background-color: var(--jaze-color-scrollbar-thumb, #333543);
border: 4px solid transparent;
background-clip: content-box;
border-radius: 10px
}
.appControlModalScrollableContent::-webkit-scrollbar-track {
background-color: transparent
}
.appControlModalScrollableContent::-webkit-scrollbar-corner {
background-color: #1c1e2d
}
.appControlModalScrollableContent--withActionBar {
min-height: 100px;
max-height: calc(100vh - 127px);
overflow: auto;
border-top: 1px solid #272b30;
border-bottom: 1px solid #272b30
}
.appControlModalScrollableContent--withActionBar::-webkit-scrollbar {
width: 12px;
height: 12px
}
.appControlModalScrollableContent--withActionBar::-webkit-scrollbar-thumb {
background-color: var(--jaze-color-scrollbar-thumb, #333543);
border: 4px solid transparent;
background-clip: content-box;
border-radius: 10px
}
.appControlModalScrollableContent--withActionBar::-webkit-scrollbar-track {
background-color: transparent
}
.appControlModalScrollableContent--withActionBar::-webkit-scrollbar-corner {
background-color: #1c1e2d
}
.appCount {
color: #fff;
font-size: 1em;
background-color: #f5a623
}
.appCount--success {
background-color: #39cc64
}
.appCount--danger {
background-color: #f03a3e
}
.appCount--primary {
background-color: var(--color-500)
}
.appCount--static {
background-color: #ccc
}
.appCount--grey {
background-color: #706f6f
}
.appCount--grey.is-disabled {
background-color: #a3a2a2
}
.appCount--topRight {
position: absolute;
top: 0;
right: 0;
font-size: 0.7rem
}
.appCount--cozy {
font-size: 0.7rem
}
.appCountLabelContainer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.appCountLabel {
padding-left: 5px;
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto
}
.appCountLabel--uppercase {
font-weight: bold;
text-transform: uppercase;
letter-spacing: .05rem
}
.appDatepicker,
.appPikaday {
display: inline-block;
padding: .8571428571rem .3571428571rem .5714285714rem;
z-index: 20;
border: 1px solid #c7d7de;
background-color: #fff;
color: #000;
-webkit-box-shadow: .0714285714rem .0714285714rem .1428571429rem rgba(0, 0, 0, 0.25);
box-shadow: .0714285714rem .0714285714rem .1428571429rem rgba(0, 0, 0, 0.25)
}
.appDatepicker__title,
.appPikaday .pika-title {
position: relative;
text-align: center;
font-size: .9285714286rem;
margin-bottom: .3571428571rem;
font-weight: 300
}
.appDatepicker__prev,
.appPikaday .pika-prev,
.appDatepicker__next,
.appPikaday .pika-next {
position: absolute
}
.appDatepicker__prev,
.appPikaday .pika-prev {
left: .4285714286rem
}
.appDatepicker__next,
.appPikaday .pika-next {
right: .4285714286rem
}
.appDatepicker__table,
.appPikaday .pika-table {
border-collapse: separate;
border-spacing: .2857142857rem .4285714286rem;
margin-bottom: 0;
font-weight: 700
}
.appDatepicker__table thead,
.appPikaday .pika-table thead {
font-size: .8571428571rem
}
.appDatepicker__table th,
.appPikaday .pika-table th {
font-weight: 300
}
.appDatepicker__table tbody,
.appPikaday .pika-table tbody {
font-size: .7857142857rem
}
.appDatepicker__table td,
.appPikaday .pika-table td,
.appDatepicker__table th,
.appPikaday .pika-table th {
width: 1.2857142857rem;
height: 1.2857142857rem;
vertical-align: middle;
text-align: center;
border: 1px solid transparent
}
.appDatepicker__table a,
.appPikaday .pika-table a {
color: #000
}
.appDatepickerDay--past,
.appDatepickerDay--future,
.appPikaday .pika-table .is-disabled .pika-button {
color: #ccc;
font-weight: 300
}
.appDatepickerDay--selected,
.appPikaday .pika-table .is-selected {
background-color: #e9f0f4
}
.appDatepickerDay--today,
.appPikaday .pika-table .is-today {
border-color: rgba(0, 0, 0, 0.2) !important
}
.appDescriptionList dt {
font-weight: bold;
font-size: 10px;
color: #969ba3
}
.appDescriptionList dd {
font-size: 11px
}
.appDescriptionList--stacked {
margin-bottom: 12px
}
.appDescriptionList--stacked dt,
.appDescriptionList--stacked dd {
display: block
}
.appDescriptionList--stacked dt {
margin-bottom: 6px
}
.appDescriptionList--inline {
display: table;
width: 100%
}
.appDescriptionList__header {
margin-bottom: 5px;
font-size: 11px
}
.appDescriptionList__group {
display: table-row-group
}
.appDescriptionListRow {
display: table-row;
width: 100%;
line-height: 18px
}
.appDescriptionListRow dt,
.appDescriptionListRow dd {
display: table-cell;
width: 50%
}
.appDescriptionListRow dd {
padding-left: 10px
}
.appDescriptionListRow--cozy {
line-height: 13px
}
.appDescriptionList--divider {
padding-bottom: 5px;
margin-bottom: 5px;
border-bottom: 1px solid #ccc
}
.appDescriptionList--divider:last-child {
padding-bottom: 0;
margin-bottom: 0;
border-bottom: none
}
.appDescriptionList--longDefinition .appDescriptionListRow dt {
width: 35%
}
.appDescriptionList--longDefinition .appDescriptionListRow dd {
width: 65%
}
.appDropdown {
display: block;
list-style: none;
-webkit-box-sizing: content-box;
box-sizing: content-box;
margin-left: -1px;
min-width: 100%;
position: absolute;
visibility: hidden;
white-space: normal;
left: 0;
top: 100%;
padding: .4285714286rem 0;
font-size: 12px;
z-index: 20;
border: 1px solid #c7d7de;
background-color: #fff;
color: #000;
-webkit-box-shadow: .0714285714rem .0714285714rem .1428571429rem rgba(0, 0, 0, 0.25);
box-shadow: .0714285714rem .0714285714rem .1428571429rem rgba(0, 0, 0, 0.25)
}
.appDropdown::-webkit-scrollbar {
width: 12px;
height: 12px
}
.appDropdown::-webkit-scrollbar-thumb {
background-color: var(--jaze-color-scrollbar-thumb, #f1f2f4);
border: 4px solid transparent;
background-clip: content-box;
border-radius: 10px
}
.appDropdown::-webkit-scrollbar-track {
background-color: transparent
}
.appDropdown.is-dropdown-visible {
visibility: visible
}
.appDropdown--dark {
border-color: #565f63;
background-color: #1c1e2d;
color: #fff;
-webkit-box-shadow: 0 .0714285714rem .1428571429rem rgba(0, 0, 0, 0.75);
box-shadow: 0 .0714285714rem .1428571429rem rgba(0, 0, 0, 0.75)
}
.appDropdown--dark::-webkit-scrollbar {
width: 12px;
height: 12px
}
.appDropdown--dark::-webkit-scrollbar-thumb {
background-color: var(--jaze-color-scrollbar-thumb, #333543);
border: 4px solid transparent;
background-clip: content-box;
border-radius: 10px
}
.appDropdown--dark::-webkit-scrollbar-track {
background-color: transparent
}
.appDropdown--dark::-webkit-scrollbar-corner {
background-color: #1c1e2d
}
.appDropdown--left {
white-space: nowrap
}
.appDropdown--right {
white-space: nowrap;
left: auto;
right: 0;
margin-right: -1px
}
.appDropdown--inButton {
text-transform: none;
text-align: left;
letter-spacing: 0;
margin-top: .1428571429rem
}
.appDropdown--nonMenu .appDropdown__item:hover {
background-color: transparent
}
.appDropdown--scrollable {
overflow-y: auto;
max-height: 13.7142857143rem
}
.appDropdown--medium {
max-height: 34.2857142857rem
}
.appDropdown--tall {
max-height: 61.7142857143rem
}
.appDropdown__item {
padding: 6px 8px;
cursor: pointer
}
.appDropdown__item:hover {
background-color: #f4f4f4
}
.appDropdown--dark .appDropdown__item:hover {
background-color: #2b3038
}
.appDropdown--filters {
padding: 10px;
max-height: calc(100vh - 120px);
overflow-y: auto
}
.appDropdown--filters li {
position: relative;
width: 100%;
margin-right: 40px;
overflow: hidden
}
.appDropdown--filters li label {
width: 100%
}
.appDropdown--filters li .count {
position: absolute;
top: 0;
right: 0;
pointer-events: none
}
.appFeatureIcon {
width: 5em;
height: 5em;
border-radius: 100%;
background-color: #d9d9d9;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.67);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.67);
display: -webkit-box;
display: -moz-flex;
display: -ms-flex;
display: -ms-flexbox;
display: flex;
-ms-align-items: center;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
-ms-justify-content: center;
-webkit-box-pack: center;
justify-content: center;
-ms-flex-pack: center
}
.appFeatureIcon__content {
width: 85%;
height: 85%;
border-radius: 100%;
background-color: #2b3038;
color: #d9d9d9;
font-size: 2em;
display: -webkit-box;
display: -moz-flex;
display: -ms-flex;
display: -ms-flexbox;
display: flex;
-ms-align-items: center;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
-ms-justify-content: center;
-webkit-box-pack: center;
justify-content: center;
-ms-flex-pack: center
}
.appContentWithFooter {
padding-bottom: 57px;
min-height: 100%;
height: auto
}
.appFooter {
margin-top: -43px;
background: #f6f6f6;
border-top: 1px solid #c4c4c4;
padding: 1rem 0;
text-align: right
}
.appFooter__item {
margin: 0 1em
}
.appCompoundInput {
display: inline-block
}
.appCompoundInput>*+* {
margin-left: -1px
}
.appCompoundInput label,
.appCompoundInput input,
.appCompoundInput select,
.appCompoundInput .appFormDropdown__selectedItem,
.appCompoundInput button,
.appCompoundInput .appIconInput {
z-index: 1;
position: relative
}
.appCompoundInput label:focus,
.appCompoundInput label:hover,
.appCompoundInput label:active,
.appCompoundInput input:focus,
.appCompoundInput input:hover,
.appCompoundInput input:active,
.appCompoundInput select:focus,
.appCompoundInput .appFormDropdown__selectedItem:focus,
.appCompoundInput select:hover,
.appCompoundInput .appFormDropdown__selectedItem:hover,
.appCompoundInput select:active,
.appCompoundInput .appFormDropdown__selectedItem:active,
.appCompoundInput button:focus,
.appCompoundInput button:hover,
.appCompoundInput button:active,
.appCompoundInput .appIconInput:focus,
.appCompoundInput .appIconInput:hover,
.appCompoundInput .appIconInput:active {
z-index: 2
}
.appCompoundInput--flex {
display: -webkit-box;
display: -moz-flex;
display: -ms-flex;
display: -ms-flexbox;
display: flex;
-ms-align-items: flex-start;
-ms-flex-align: flex-start;
-webkit-box-align: start;
align-items: flex-start;
-ms-flex: 1;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1
}
.appForm input,
.appForm select,
.appForm .appFormDropdown__selectedItem,
.appForm output,
.appForm textarea {
-webkit-transition: border-color .3s;
-o-transition: border-color .3s;
transition: border-color .3s;
background-color: #fff
}
.appForm input[disabled],
.appForm input[disabled]:hover,
.appForm input.disabled,
.appForm input.disabled:hover,
.appForm select[disabled],
.appForm .appFormDropdown__selectedItem[disabled],
.appForm select[disabled]:hover,
.appForm .appFormDropdown__selectedItem[disabled]:hover,
.appForm select.disabled,
.appForm .disabled.appFormDropdown__selectedItem,
.appForm select.disabled:hover,
.appForm .disabled.appFormDropdown__selectedItem:hover,
.appForm output[disabled],
.appForm output[disabled]:hover,
.appForm output.disabled,
.appForm output.disabled:hover,
.appForm textarea[disabled],
.appForm textarea[disabled]:hover,
.appForm textarea.disabled,
.appForm textarea.disabled:hover {
cursor: not-allowed;
opacity: .2
}
.appForm input:focus,
.appForm select:focus,
.appForm .appFormDropdown__selectedItem:focus,
.appForm output:focus,
.appForm textarea:focus {
outline: none
}
.appForm input[type="color"],
.appForm input[type="date"],
.appForm input[type="datetime"],
.appForm input[type="datetime-local "],
.appForm input[type="email"],
.appForm input[type="file"],
.appForm input[type="image"],
.appForm input[type="month"],
.appForm input[type="number"],
.appForm input[type="password"],
.appForm input[type="reset"],
.appForm input[type="search"],
.appForm input[type="tel"],
.appForm input[type="text"],
.appForm input[type="time"],
.appForm input[type="url"],
.appForm input[type="week"],
.appForm output,
.appForm textarea {
font-size: 12px
}
.appForm input[type="color"],
.appForm input[type="date"],
.appForm input[type="datetime"],
.appForm input[type="datetime-local "],
.appForm input[type="email"],
.appForm input[type="file"],
.appForm input[type="image"],
.appForm input[type="month"],
.appForm input[type="number"],
.appForm input[type="password"],
.appForm input[type="reset"],
.appForm input[type="search"],
.appForm input[type="tel"],
.appForm input[type="text"],
.appForm input[type="time"],
.appForm input[type="url"],
.appForm input[type="week"],
.appForm output,
.appForm textarea {
padding-top: .5rem;
padding-bottom: .5714285714rem;
padding-left: .5714285714rem;
padding-right: .5714285714rem;
color: #000;
border-width: 1px;
border-style: solid;
vertical-align: middle;
border-color: #d7dbdd;
border-radius: 0px
}
.appForm input[type="color"]:hover,
.appForm input[type="color"]:focus,
.appForm input[type="date"]:hover,
.appForm input[type="date"]:focus,
.appForm input[type="datetime"]:hover,
.appForm input[type="datetime"]:focus,
.appForm input[type="datetime-local "]:hover,
.appForm input[type="datetime-local "]:focus,
.appForm input[type="email"]:hover,
.appForm input[type="email"]:focus,
.appForm input[type="file"]:hover,
.appForm input[type="file"]:focus,
.appForm input[type="image"]:hover,
.appForm input[type="image"]:focus,
.appForm input[type="month"]:hover,
.appForm input[type="month"]:focus,
.appForm input[type="number"]:hover,
.appForm input[type="number"]:focus,
.appForm input[type="password"]:hover,
.appForm input[type="password"]:focus,
.appForm input[type="reset"]:hover,
.appForm input[type="reset"]:focus,
.appForm input[type="search"]:hover,
.appForm input[type="search"]:focus,
.appForm input[type="tel"]:hover,
.appForm input[type="tel"]:focus,
.appForm input[type="text"]:hover,
.appForm input[type="text"]:focus,
.appForm input[type="time"]:hover,
.appForm input[type="time"]:focus,
.appForm input[type="url"]:hover,
.appForm input[type="url"]:focus,
.appForm input[type="week"]:hover,
.appForm input[type="week"]:focus,
.appForm output:hover,
.appForm output:focus,
.appForm textarea:hover,
.appForm textarea:focus {
border-color: #000
}
.appForm--cozy input[type="color"],
.appForm--cozy input[type="date"],
.appForm--cozy input[type="datetime"],
.appForm--cozy input[type="datetime-local "],
.appForm--cozy input[type="email"],
.appForm--cozy input[type="file"],
.appForm--cozy input[type="image"],
.appForm--cozy input[type="month"],
.appForm--cozy input[type="number"],
.appForm--cozy input[type="password"],
.appForm--cozy input[type="reset"],
.appForm--cozy input[type="search"],
.appForm--cozy input[type="tel"],
.appForm--cozy input[type="text"],
.appForm--cozy input[type="time"],
.appForm--cozy input[type="url"],
.appForm--cozy input[type="week"],
.appForm--cozy output,
.appForm--cozy textarea {
padding-top: .2142857143rem;
padding-bottom: .2142857143rem;
padding-left: .4285714286rem;
padding-right: .4285714286rem
}
.appForm select,
.appForm .appFormDropdown__selectedItem {
padding-top: .5rem;
padding-bottom: .5714285714rem;
padding-left: .5714285714rem;
padding-right: .5714285714rem;
color: #000;
border-width: 1px;
border-style: solid;
vertical-align: middle;
border-color: #d7dbdd;
border-radius: 0px
}
.appForm select:hover,
.appForm .appFormDropdown__selectedItem:hover,
.appForm select:focus,
.appForm .appFormDropdown__selectedItem:focus {
border-color: #000
}
.appForm--cozy select,
.appForm--cozy .appFormDropdown__selectedItem {
padding-left: .4285714286rem;
background-position: right .7142857143em top .5em;
background-size: .8571428571em;
padding-top: .3571428571em;
padding-bottom: .3571428571em
}
.appForm input[type="color"],
.appForm input[type="date"],
.appForm input[type="datetime"],
.appForm input[type="datetime-local"],
.appForm input[type="email"],
.appForm input[type="file"],
.appForm input[type="image"],
.appForm input[type="month"],
.appForm input[type="number"],
.appForm input[type="password"],
.appForm input[type="reset"],
.appForm input[type="search"],
.appForm input[type="tel"],
.appForm input[type="text"],
.appForm input[type="time"],
.appForm input[type="url"],
.appForm input[type="week"],
.appForm select,
.appForm .appFormDropdown__selectedItem {
height: 2.4285714286rem
}
.appForm select[multiple],
.appForm .appFormDropdown__selectedItem[multiple] {
height: 7.2857142857rem
}
.appForm--cozy input[type="color"],
.appForm--cozy input[type="date"],
.appForm--cozy input[type="datetime"],
.appForm--cozy input[type="datetime-local"],
.appForm--cozy input[type="email"],
.appForm--cozy input[type="file"],
.appForm--cozy input[type="image"],
.appForm--cozy input[type="month"],
.appForm--cozy input[type="number"],
.appForm--cozy input[type="password"],
.appForm--cozy input[type="reset"],
.appForm--cozy input[type="search"],
.appForm--cozy input[type="tel"],
.appForm--cozy input[type="text"],
.appForm--cozy input[type="time"],
.appForm--cozy input[type="url"],
.appForm--cozy input[type="week"],
.appForm--cozy select,
.appForm--cozy .appFormDropdown__selectedItem {
height: 1.6428571429rem
}
.appForm--cozy select[multiple],
.appForm--cozy .appFormDropdown__selectedItem[multiple] {
height: 4.9285714286rem
}
.appForm input[type="file"] {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
padding: 0 !important;
margin: 0 !important;
opacity: 0;
cursor: pointer !important
}
.appForm input[type="file"][disabled],
.appForm input[type="file"][disabled]:hover,
.appForm input[type="file"].disabled,
.appForm input[type="file"].disabled:hover {
cursor: not-allowed !important;
opacity: 0
}
.appForm--cozy {
font-size: 11px
}
.appForm--cozy input[type="color"],
.appForm--cozy input[type="date"],
.appForm--cozy input[type="datetime"],
.appForm--cozy input[type="datetime-local "],
.appForm--cozy input[type="email"],
.appForm--cozy input[type="file"],
.appForm--cozy input[type="image"],
.appForm--cozy input[type="month"],
.appForm--cozy input[type="number"],
.appForm--cozy input[type="password"],
.appForm--cozy input[type="reset"],
.appForm--cozy input[type="search"],
.appForm--cozy input[type="tel"],
.appForm--cozy input[type="text"],
.appForm--cozy input[type="time"],
.appForm--cozy input[type="url"],
.appForm--cozy input[type="week"],
.appForm--cozy output,
.appForm--cozy textarea {
font-size: 11px
}
.appForm input[type="checkbox"] {
background-color: #fff;
border: 1px solid #d7dbdd;
border-radius: 2px;
width: 18px;
height: 18px;
line-height: 1.1428571429em;
-webkit-transition: background-color .2s ease;
-o-transition: background-color .2s ease;
transition: background-color .2s ease
}
.appForm input[type="checkbox"]:before {
position: relative;
top: -0.04em;
left: 0.245em;
font-family: 'jaze';
content: "\e613";
font-size: 0.8em;
opacity: 0;
color: #ffffff;
-webkit-transition: opacity .2s ease;
-o-transition: opacity .2s ease;
transition: opacity .2s ease
}
.appForm input[type="checkbox"]:checked {
background-color: var(--color-500);
border-color: var(--color-500)
}
.appForm input[type="checkbox"]:checked:before {
opacity: 1
}
.appForm input[type="checkbox"]+label {
opacity: 0.6;
-webkit-transition: opacity .2s ease;
-o-transition: opacity .2s ease;
transition: opacity .2s ease
}
.appForm input[type="checkbox"]:checked+label {
opacity: 1
}
.appForm--dark input[type="checkbox"] {
border-color: #3e494f;
background-color: rgba(0, 0, 0, 0)
}
.appForm--dark input[type="checkbox"]:checked {
border-color: var(--color-500);
background-color: var(--color-500)
}
.appForm--cozy input[type="checkbox"] {
width: 15px;
height: 15px
}
input[type="checkbox"].appCheckbox--condensed {
width: 13px;
height: 13px;
font-size: 10px
}
.appForm input[type="radio"] {
background-color: #fff;
border: 1px solid #d7dbdd;
width: 18px;
height: 18px;
vertical-align: sub;
-webkit-box-shadow: 0 0 0 0 var(--color-500) inset;
box-shadow: 0 0 0 0 var(--color-500) inset;
border-radius: 18px;
-webkit-transition: box-shadow .2s linear, background-color .1s linear;
-o-transition: box-shadow .2s linear, background-color .1s linear;
-webkit-transition: background-color .1s linear, -webkit-box-shadow .2s linear;
transition: background-color .1s linear, -webkit-box-shadow .2s linear;
transition: box-shadow .2s linear, background-color .1s linear;
transition: box-shadow .2s linear, background-color .1s linear, -webkit-box-shadow .2s linear
}
.appForm input[type="radio"]:checked {
border-color: var(--color-500);
-webkit-box-shadow: 0 0 0 5px var(--color-500) inset;
box-shadow: 0 0 0 5px var(--color-500) inset
}
.appForm--cozy input[type="radio"] {
width: 15px;
height: 15px
}
.appForm--cozy input[type="radio"]:checked {
-webkit-box-shadow: 0 0 0 4px var(--color-500) inset;
box-shadow: 0 0 0 4px var(--color-500) inset
}
.appForm--dark input[type="radio"] {
border-color: #3e494f
}
.appForm--dark input[type="radio"]:checked {
background-color: #fff
}
.appForm input[type="checkbox"]+label[for],
.appForm input[type="radio"]+label[for] {
cursor: pointer
}
.appForm input[type="checkbox"].disabled+label,
.appForm input[type="checkbox"][disabled]+label,
.appForm input[type="radio"].disabled+label,
.appForm input[type="radio"][disabled]+label {
opacity: .2;
cursor: not-allowed
}
.appForm textarea {
max-width: 100%
}
.appFormDropdown {
cursor: pointer;
position: relative;
line-height: normal;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
padding-top: .5rem;
padding-bottom: .5714285714rem;
padding-left: .5714285714rem;
padding-right: .5714285714rem;
color: #000;
border-width: 1px;
border-style: solid;
vertical-align: middle;
border-color: #d7dbdd;
border-radius: 0px
}
.appFormDropdown:hover,
.appFormDropdown:focus {
border-color: #000
}
.appForm select,
.appForm .appFormDropdown__selectedItem,
.appFormDropdown {
display: inline-block;
background-image: var(
--form-select-icon-background,
url('data:image/svg+xml;utf8,')
);
background-repeat:no-repeat;
text-indent:0.01px;
-o-text-overflow:'';
text-overflow:'';
background-position:right .7142857143em top .5714285714em;
background-size:1.0714285714em;
padding-right:2.7142857143em
}
.appForm select[multiple],
.appForm .appFormDropdown__selectedItem[multiple] {
background-image: none;
padding-right: .5714285714rem
}
.appForm output {
display: inline-block;
line-height: normal
}
.appForm input[type="range"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
outline: none;
border: none;
padding: 0;
background: none
}
.appForm input[type="range"]::-webkit-slider-runnable-track {
background-color: #e8e8e8;
height: 6px;
border-radius: 3px
}
.appForm input[type="range"]::-moz-range-track {
background-color: #e8e8e8;
height: 6px;
border-radius: 3px
}
.appForm input[type="range"]::-ms-track {
color: transparent;
border: none;
background: none;
height: 6px
}
.appForm input[type="range"]::-ms-fill-lower {
background-color: #e8e8e8;
border-radius: 3px
}
.appForm input[type="range"]::-ms-fill-upper {
background-color: #e8e8e8;
border-radius: 3px
}
.appForm input[type="range"]::-ms-tooltip {
display: none
}
.appForm input[type="range"]::-webkit-slider-thumb {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 100%;
background-color: #898989;
height: 18px;
width: 18px;
margin-top: -6px
}
.appForm input[type="range"]:active::-webkit-slider-thumb {
outline: none
}
.appForm input[type="range"]::-moz-range-thumb {
border-radius: 100%;
height: 18px;
width: 18px;
border: none;
background: none;
background-color: #898989
}
.appForm input[type="range"]::-moz-range-thumb {
outline: none
}
.appForm input[type="range"]::-ms-thumb {
border-radius: 100%;
background-color: #898989;
height: 18px;
width: 18px;
border: none
}
.appForm input[type="range"]:active::-ms-thumb {
border: none
}
.appInputRange--aligned {
margin-top: 4px
}
.appForm--dark {
color: #fff
}
.appForm--dark input[type="color"],
.appForm--dark input[type="date"],
.appForm--dark input[type="datetime"],
.appForm--dark input[type="datetime-local "],
.appForm--dark input[type="email"],
.appForm--dark input[type="file"],
.appForm--dark input[type="image"],
.appForm--dark input[type="month"],
.appForm--dark input[type="number"],
.appForm--dark input[type="password"],
.appForm--dark input[type="reset"],
.appForm--dark input[type="search"],
.appForm--dark input[type="tel"],
.appForm--dark input[type="text"],
.appForm--dark input[type="time"],
.appForm--dark input[type="url"],
.appForm--dark input[type="week"],
.appForm--dark output,
.appForm--dark textarea {
color: #777;
border-color: #3e494f;
background-color: rgba(0, 0, 0, 0)
}
.appForm--dark input[type="color"]:hover,
.appForm--dark input[type="color"]:focus,
.appForm--dark input[type="date"]:hover,
.appForm--dark input[type="date"]:focus,
.appForm--dark input[type="datetime"]:hover,
.appForm--dark input[type="datetime"]:focus,
.appForm--dark input[type="datetime-local "]:hover,
.appForm--dark input[type="datetime-local "]:focus,
.appForm--dark input[type="email"]:hover,
.appForm--dark input[type="email"]:focus,
.appForm--dark input[type="file"]:hover,
.appForm--dark input[type="file"]:focus,
.appForm--dark input[type="image"]:hover,
.appForm--dark input[type="image"]:focus,
.appForm--dark input[type="month"]:hover,
.appForm--dark input[type="month"]:focus,
.appForm--dark input[type="number"]:hover,
.appForm--dark input[type="number"]:focus,
.appForm--dark input[type="password"]:hover,
.appForm--dark input[type="password"]:focus,
.appForm--dark input[type="reset"]:hover,
.appForm--dark input[type="reset"]:focus,
.appForm--dark input[type="search"]:hover,
.appForm--dark input[type="search"]:focus,
.appForm--dark input[type="tel"]:hover,
.appForm--dark input[type="tel"]:focus,
.appForm--dark input[type="text"]:hover,
.appForm--dark input[type="text"]:focus,
.appForm--dark input[type="time"]:hover,
.appForm--dark input[type="time"]:focus,
.appForm--dark input[type="url"]:hover,
.appForm--dark input[type="url"]:focus,
.appForm--dark input[type="week"]:hover,
.appForm--dark input[type="week"]:focus,
.appForm--dark output:hover,
.appForm--dark output:focus,
.appForm--dark textarea:hover,
.appForm--dark textarea:focus {
border-color: #929698
}
.appForm--dark select,
.appForm--dark .appFormDropdown__selectedItem,
.appForm--dark .appFormDropdown {
color: #fff;
border-color: #3e494f;
background-color: rgba(0, 0, 0, 0)
}
.appForm--dark select:hover,
.appForm--dark .appFormDropdown__selectedItem:hover,
.appForm--dark select:focus,
.appForm--dark .appFormDropdown__selectedItem:focus,
.appForm--dark .appFormDropdown:hover,
.appForm--dark .appFormDropdown:focus {
border-color: #929698
}
.appForm--dark select:not([multiple]) option,
.appForm--dark .appFormDropdown__selectedItem:not([multiple]) option {
color: #000;
background-color: #f0f0f0
}
.appForm--dark label {
color: #fff
}
.appForm--dark .appSubHeading {
color: #fff
}
.appForm--dark .appSubHeading--standalone {
border-bottom-color: #3e494f
}
.appForm--dark input[type="radio"],
.appForm--dark input[type="checkbox"] {
background-color: rgba(0, 0, 0, 0)
}
.appForm--dark input[type="range"]::-webkit-slider-runnable-track {
background-color: #535860
}
.appForm--dark input[type="range"]::-moz-range-track {
background-color: #535860;
border: none
}
.appForm--dark input[type="range"]::-ms-fill-lower {
background-color: #535860
}
.appForm--dark input[type="range"]::-ms-fill-upper {
background-color: #535860
}
.appForm--dark input[type="range"]::-webkit-slider-thumb {
background-color: #aaa;
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.5)
}
.appForm--dark input[type="range"]::-moz-range-thumb {
background-color: #aaa
}
.appForm--dark input[type="range"]::-ms-thumb {
background-color: #aaa
}
.appFormFooter {
height: 47px;
padding: 0 24px;
background-color: #fff;
display: -webkit-box;
display: -moz-flex;
display: -ms-flex;
display: -ms-flexbox;
display: flex;
-ms-align-items: flex-start;
-ms-flex-align: flex-start;
-webkit-box-align: start;
align-items: flex-start;
-ms-align-items: center;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center
}
.appFormFooter__left,
.appFormFooter__right {
-ms-flex: 1;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1
}
.appFormFooter__right {
text-align: right
}
.appFormFooter--cozy {
height: 32px;
padding: 0 12px
}
.appFormFooter--standalone {
border-top: 1px solid #ddd
}
.appFormFooter--flush {
padding: 0
}
.appFormFooter--dark {
background-color: rgba(0, 0, 0, 0)
}
.appFormFooter--dark.appFormFooter--standalone {
border-top: 1px solid #3e494f
}
.appFormFooter--transparent {
background-color: transparent !important
}
.appFormGroup {
margin-bottom: 24px
}
.appFormGroup--cozy {
margin-bottom: 1rem
}
.appFormGroup--smash {
margin-bottom: 0
}
.appInputFeedback {
position: relative;
width: 100%;
margin-top: .4285714286rem;
line-height: 1.3;
font-size: .8571428571rem;
color: var(--color-300)
}
.is-validation-hidden~.appInputFeedback,
.is-validation-hidden .appInputFeedback {
display: none
}
.appInputFeedback--success {
color: #39cc64
}
.appInputFeedback--warning {
color: #f5a623
}
.appInputFeedback--danger {
color: #f03a3e
}
.appInputFeedback--dark {
color: #fff
}
.appInputFeedback--simple {
margin-top: 0;
line-height: 1
}
.appForm input:invalid,
.appForm input.is-input-invalid,
.appForm input.ng-invalid,
.appForm select:invalid,
.appForm .appFormDropdown__selectedItem:invalid,
.appForm select.is-input-invalid,
.appForm .is-input-invalid.appFormDropdown__selectedItem,
.appForm select.ng-invalid,
.appForm .ng-invalid.appFormDropdown__selectedItem,
.appForm output:invalid,
.appForm output.is-input-invalid,
.appForm output.ng-invalid,
.appForm textarea:invalid,
.appForm textarea.is-input-invalid,
.appForm textarea.ng-invalid {
-webkit-box-shadow: 0px 4px 0px #f03a3e;
box-shadow: 0px 4px 0px #f03a3e
}
.appForm input.is-input-warning,
.appForm select.is-input-warning,
.appForm .is-input-warning.appFormDropdown__selectedItem,
.appForm output.is-input-warning,
.appForm textarea.is-input-warning {
-webkit-box-shadow: 0px 4px 0px #f5a623;
box-shadow: 0px 4px 0px #f5a623
}
.appForm input.is-input-success,
.appForm select.is-input-success,
.appForm .is-input-success.appFormDropdown__selectedItem,
.appForm output.is-input-success,
.appForm textarea.is-input-success {
-webkit-box-shadow: 0px 4px 0px #39cc64;
box-shadow: 0px 4px 0px #39cc64
}
.appForm.is-validation-hidden input:invalid,
.appForm.is-validation-hidden input.is-input-invalid,
.appForm.is-validation-hidden select:invalid,
.appForm.is-validation-hidden .appFormDropdown__selectedItem:invalid,
.appForm.is-validation-hidden select.is-input-invalid,
.appForm.is-validation-hidden .is-input-invalid.appFormDropdown__selectedItem,
.appForm.is-validation-hidden output:invalid,
.appForm.is-validation-hidden output.is-input-invalid,
.appForm.is-validation-hidden textarea:invalid,
.appForm.is-validation-hidden textarea.is-input-invalid {
-webkit-box-shadow: none;
box-shadow: none
}
.appForm input.is-validation-hidden:invalid,
.appForm input.is-validation-hidden.is-input-invalid,
.appForm select.is-validation-hidden:invalid,
.appForm .is-validation-hidden.appFormDropdown__selectedItem:invalid,
.appForm select.is-validation-hidden.is-input-invalid,
.appForm .is-validation-hidden.is-input-invalid.appFormDropdown__selectedItem,
.appForm output.is-validation-hidden:invalid,
.appForm output.is-validation-hidden.is-input-invalid,
.appForm textarea.is-validation-hidden:invalid,
.appForm textarea.is-validation-hidden.is-input-invalid {
-webkit-box-shadow: none;
box-shadow: none
}
.appForm.is-form-validation-visible .is-validation-hidden input:invalid,
.appForm.is-form-validation-visible .is-validation-hidden input.is-input-invalid,
.appForm.is-form-validation-visible .is-validation-hidden select:invalid,
.appForm.is-form-validation-visible .is-validation-hidden .appFormDropdown__selectedItem:invalid,
.appForm.is-form-validation-visible .is-validation-hidden select.is-input-invalid,
.appForm.is-form-validation-visible .is-validation-hidden .is-input-invalid.appFormDropdown__selectedItem,
.appForm.is-form-validation-visible .is-validation-hidden output:invalid,
.appForm.is-form-validation-visible .is-validation-hidden output.is-input-invalid,
.appForm.is-form-validation-visible .is-validation-hidden textarea:invalid,
.appForm.is-form-validation-visible .is-validation-hidden textarea.is-input-invalid {
-webkit-box-shadow: 0px 4px 0px #f03a3e;
box-shadow: 0px 4px 0px #f03a3e
}
.appForm.is-form-validation-visible input.is-validation-hidden:invalid,
.appForm.is-form-validation-visible input.is-validation-hidden.is-input-invalid,
.appForm.is-form-validation-visible select.is-validation-hidden:invalid,
.appForm.is-form-validation-visible .is-validation-hidden.appFormDropdown__selectedItem:invalid,
.appForm.is-form-validation-visible select.is-validation-hidden.is-input-invalid,
.appForm.is-form-validation-visible .is-validation-hidden.is-input-invalid.appFormDropdown__selectedItem,
.appForm.is-form-validation-visible output.is-validation-hidden:invalid,
.appForm.is-form-validation-visible output.is-validation-hidden.is-input-invalid,
.appForm.is-form-validation-visible textarea.is-validation-hidden:invalid,
.appForm.is-form-validation-visible textarea.is-validation-hidden.is-input-invalid {
-webkit-box-shadow: 0px 4px 0px #f03a3e;
box-shadow: 0px 4px 0px #f03a3e
}
.is-form-validation-visible .appInputFeedback {
display: block
}
.appIconInput {
position: relative;
display: inline-block
}
.appIconInput__icon {
position: absolute;
z-index: 3;
top: .7142857143rem;
color: #969ba3;
pointer-events: none
}
.appForm--cozy .appIconInput__icon {
top: .4285714286rem
}
a.appIconInput__icon {
pointer-events: auto
}
.appIconInput--full {
display: block
}
.appForm--cozy .appIconInput--right .appIconInput__icon,
.appIconInput--right .appIconInput__icon {
right: .5714285714em
}
.appForm--cozy .appIconInput--right .appIconInput__input,
.appIconInput--right .appIconInput__input {
padding-right: 1.4285714286em
}
.appForm--cozy .appIconInput--right.appIconInput--comfy .appIconInput__input,
.appIconInput--right.appIconInput--comfy .appIconInput__input {
padding-right: 1.9285714286em
}
.appForm--cozy .appIconInput--right.appIconInput--select .appIconInput__input,
.appIconInput--right.appIconInput--select .appIconInput__input {
padding-right: 4.2857142857em
}
.appForm--cozy .appIconInput--right.appIconInput--select .appIconInput__icon,
.appIconInput--right.appIconInput--select .appIconInput__icon {
right: 2.2857142857em
}
.appForm--cozy .appIconInput--left .appIconInput__icon,
.appIconInput--left .appIconInput__icon {
left: .5714285714em
}
.appForm--cozy .appIconInput--left .appIconInput__input,
.appIconInput--left .appIconInput__input {
padding-left: 1.4285714286em
}
.appForm--cozy .appIconInput--left.appIconInput--comfy .appIconInput__input,
.appIconInput--left.appIconInput--comfy .appIconInput__input {
padding-left: 1.9285714286em
}
.appInputGroup {
position: relative
}
.appInputGroup>*:not(:first-child) {
margin-left: .5rem
}
.appInputGroup>* {
margin-bottom: 0
}
.appInputGroup--flex {
display: -webkit-box;
display: -moz-flex;
display: -ms-flex;
display: -ms-flexbox;
display: flex;
-ms-align-items: flex-start;
-ms-flex-align: flex-start;
-webkit-box-align: start;
align-items: flex-start
}
.appInputGroup--cram {
margin-bottom: .1428571429rem
}
.appInputGroup--cozy {
margin-bottom: .3571428571rem
}
.appInputHelp {
margin-top: .4285714286rem;
font-size: .8571428571rem;
line-height: 1.1428571429rem;
color: #969ba3
}
.appInputList li {
margin-left: 0;
margin-right: 16px
}
.appInputNote {
display: inline-block;
float: right;
font-size: .75rem;
font-weight: normal;
text-align: right;
text-transform: uppercase;
margin-top: .1428571429rem;
color: #969ba3
}
.appForm--cozy .appInputNote {
margin-top: .2857142857rem
}
.appInputNote--cozy {
float: none;
margin-left: .3571428571rem
}
.appInputNote--aligned,
.appInputNote--alignedRadio {
display: block;
float: none;
text-align: left
}
.appInputNote--aligned {
margin-top: .9285714286rem
}
.appInputNote--alignedRadio {
margin-top: .3571428571rem
}
.appInputNote--primary {
color: var(--color-500)
}
.appInputNote--success {
color: #39cc64
}
.appInputNote--danger {
color: #f03a3e
}
.appInputNote--secondary {
text-transform: none
}
.appLabel {
display: inline-block;
margin-bottom: 5px;
line-height: 1.2857142857rem
}
.appLabel[disabled],
.appLabel[disabled]:hover,
.appLabel.disabled,
.appLabel.disabled:hover {
cursor: not-allowed
}
.appLabel.is-label-disabled {
opacity: .2;
cursor: not-allowed
}
.appLabel+.appTooltipContainer {
margin-left: .5rem
}
.appLabel--primary {
font-weight: 700
}
.appForm--dark .appLabel--primary {
color: #6d6e6f
}
.appLabel--boxAlign {
position: relative;
top: .5714285714rem
}
.appLabel--boxAlign+.appTooltipContainer {
position: relative;
top: .5714285714rem
}
.appForm--cozy .appLabel--boxAlign {
top: .2142857143rem
}
.appForm--cozy .appLabel--boxAlign+.appTooltipContainer {
position: relative;
top: .2142857143rem
}
.appLabel--toggleAlign {
position: relative;
top: .1428571429rem
}
.appLabel--toggleAlign+.appTooltipContainer {
position: relative;
top: .1428571429rem
}
.appForm--cozy .appLabel--toggleAlign {
top: .2142857143rem
}
.appForm--cozy .appLabel--toggleAlign+.appTooltipContainer {
position: relative;
top: .2142857143rem
}
.appLabel--boxInline {
position: relative;
top: .0714285714rem
}
.appForm--cozy .appLabel--boxInline {
top: .1428571429rem
}
.appLabel--blank {
display: inline-block;
width: 1px;
height: 1.0714285714rem
}
.appToggle {
width: 66px;
font-size: 22px;
border-radius: 3px;
border: 1px solid #d7dbdd;
background-color: #fff;
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 1.6428571429rem
}
.appToggle:after,
.appToggle:before {
color: #000
}
.appToggle label {
height: 100%;
opacity: 1 !important
}
.appToggle label:after {
border: 1px solid #d7dbdd;
background-color: #d7dbdd;
border-radius: 2px;
-webkit-box-sizing: content-box;
box-sizing: content-box;
margin-left: -1px;
margin-top: -1px
}
.appToggle input[type="checkbox"]:checked+label:after {
background-color: #39cc64;
border-color: #39cc64
}
.appToggle.is-toggle-disabled {
opacity: .2
}
.appToggle.is-toggle-disabled label {
cursor: not-allowed
}
.appForm--cozy .appToggle {
width: 60px;
height: 21px;
font-size: 20px
}
.appToggle--dark {
border-color: #535860;
background-color: rgba(0, 0, 0, 0)
}
.appToggle--dark:after,
.appToggle--dark:before {
color: #fff
}
.appToggle--dark label:after {
border-color: #535860;
background-color: #535860
}
.appToggle--light label:after {
border-color: #ff6666;
background-color: #e60000;
}
.appToggle--inline {
display: inline-block;
vertical-align: middle
}
.appGlobalHeader {
background-color: var(--color-500);
z-index: 50;
position: fixed;
top: 0;
left: 0;
right: 0;
height: 50px;
line-height: 41px;
color: #fff;
display: -webkit-box;
display: -moz-flex;
display: -ms-flex;
display: -ms-flexbox;
display: flex
}
.appGlobalHeader__jazeLogo {
display: inline-block;
vertical-align: middle;
width: 50px;
height: calc(100% - 14px);
font-size: 19px;
color: #fff;
border-right: 1px dotted #83D2F0
}
.appGlobalHeader__jazeLogo:hover {
color: white !important
}
.appGlobalHeader__jazeLogoInner {
display: -webkit-box;
display: -moz-flex;
display: -ms-flex;
display: -ms-flexbox;
display: flex;
-ms-align-items: center;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
-ms-justify-content: center;
-webkit-box-pack: center;
justify-content: center;
-ms-flex-pack: center;
width: 100%;
height: 100%;
padding-left: 2px
}
.appGlobalHeader__logo {
display: inline-block;
vertical-align: middle;
height: inherit;
text-align: center;
padding-left: 12px;
overflow: hidden
}
.appGlobalHeader__logo .icon,
.appGlobalHeader__logo .appPikaday .pika-prev,
.appPikaday .appGlobalHeader__logo .pika-prev,
.appGlobalHeader__logo .appPikaday .pika-next,
.appPikaday .appGlobalHeader__logo .pika-next {
color: #fff;
font-size: 57px;
line-height: 0.84
}
.appGlobalHeader__version {
display: inline-block;
margin-left: 20px;
font-size: 8px;
letter-spacing: 1px;
color: rgba(255, 255, 255, 0.75);
text-transform: uppercase
}
.appGlobalHeader__versionItem {
display: inline-block
}
.appGlobalHeader__versionItem+.appGlobalHeader__versionItem {
margin-left: 10px
}
.appGlobalHeader__content {
height: inherit
}
.appGlobalHeader__content--left {
-ms-flex-negative: 0;
flex-shrink: 0
}
.appGlobalHeader__content--right {
text-align: right;
padding-right: 10px;
-ms-flex: 1;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
display: -webkit-box;
display: -moz-flex;
display: -ms-flex;
display: -ms-flexbox;
display: flex;
-ms-justify-content: flex-end;
-webkit-box-pack: end;
justify-content: flex-end;
-ms-flex-pack: flex-end
}
.appGlobalHeader__item {
display: inline-block;
line-height: 50px;
height: inherit;
margin-bottom: 0;
font-size: .9142857143rem;
padding-left: 1.7142857143rem
}
.appGlobalHeader__menu .appMenu__link {
display: inline-block;
vertical-align: middle;
height: inherit;
margin-right: .8571428571rem;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
@media only screen and (max-width: 800px) {
.appGlobalHeader__version {
display: none
}
}
@media only screen and (max-width: 480px) {
.appGlobalHeader__logo {
display: none
}
}
.appGlobalHeaderIconGroup {
height: calc(100% - 14px);
margin-top: 7px;
margin-bottom: 7px;
white-space: nowrap
}
.appGlobalHeaderIconGroup--withLeftBorder {
margin-left: 20px;
padding-left: 5px;
border-left: 1px dotted #83D2F0
}
.appGlobalHeaderIconGroup--withRightBorder {
margin-right: 20px;
padding-right: 5px;
border-right: 1px dotted #83D2F0
}
.appSwitcher {
position: absolute;
display: block;
top: 53px;
text-align: left;
right: -14px;
width: 320px;
background-color: #fff;
border: 1px solid #c7d7de;
-webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.15);
box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.15);
margin-top: -1px;
top: 43px;
padding: .8571428571rem;
padding-left: .4285714286rem;
padding-right: .4285714286rem
}
.appSwitcher:after,
.appSwitcher:before {
content: "";
width: 0;
height: 0;
position: absolute;
border-color: transparent;
border-style: outset solid solid
}
.appSwitcher:before {
top: -.9285714286rem;
z-index: 1;
border-width: .5rem;
border-bottom-color: #fff;
right: 1.5rem
}
.appSwitcher:after {
top: -1.1428571429rem;
z-index: 0;
border-width: .5714285714rem;
border-bottom-color: #c7d7de;
right: 1.4285714286rem
}
.appSwitcher ul {
margin-bottom: 0;
line-height: 1
}
.appSwitcher__item {
display: inline-block;
width: 100px;
text-align: center;
line-height: 1.7142857143rem
}
.appSwitcher__item:nth-child(-n+3) {
margin-bottom: .8571428571rem
}
.appSwitcher__item .icon,
.appSwitcher__item .appPikaday .pika-prev,
.appPikaday .appSwitcher__item .pika-prev,
.appSwitcher__item .appPikaday .pika-next,
.appPikaday .appSwitcher__item .pika-next {
position: relative;
display: table-cell;
vertical-align: middle;
color: #ffffff;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
font-size: 1.8571428571rem
}
.appSwitcher__item .icon.jaze-icon--target,
.appSwitcher__item .appPikaday .jaze-icon--target.pika-prev,
.appPikaday .appSwitcher__item .jaze-icon--target.pika-prev,
.appSwitcher__item .appPikaday .jaze-icon--target.pika-next,
.appPikaday .appSwitcher__item .jaze-icon--target.pika-next {
font-size: 2rem
}
.appSwitcher__link {
position: relative;
display: block
}
.appSwitcher__link:after {
position: absolute;
content: "";
top: 3rem;
left: 50%;
width: 4.8571428571rem;
height: .7142857143rem;
margin-left: -2.4285714286rem;
z-index: 0;
background: -owg-radial-gradient(ellipse at center, #262626 0%, rgba(38, 38, 38, 0.3) 30%, rgba(38, 38, 38, 0) 55%);
background: -o-radial-gradient(ellipse at center, #262626 0%, rgba(38, 38, 38, 0.3) 30%, rgba(38, 38, 38, 0) 55%);
background: -o-radial-gradient(center, ellipse, #262626 0%, rgba(38, 38, 38, 0.3) 30%, rgba(38, 38, 38, 0) 55%);
background: radial-gradient(ellipse at center, #262626 0%, rgba(38, 38, 38, 0.3) 30%, rgba(38, 38, 38, 0) 55%)
}
.appSwitcher__link:hover .appSwitcher__itemText {
color: var(--color-400)
}
.appSwitcher__linkContent {
position: relative;
margin: 0 auto;
margin-bottom: .5714285714rem;
width: 3.4285714286rem;
height: 3.4285714286rem;
overflow: hidden;
z-index: 1;
border-radius: 100%;
background-size: 100%;
display:-webkit-box;
display:-moz-flex;
display:-ms-flex;
display:-ms-flexbox;
display:flex;
-ms-flex-direction:column;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
flex-direction:column;
-ms-justify-content:center;
-webkit-box-pack:center;
justify-content:center;
-ms-flex-pack:center;
-ms-align-items:center;
-ms-flex-align:center;
-webkit-box-align:center;
align-items:center
}
.appSwitcher__iconShadow--billing{
position:absolute;
z-index:0;
background-size:100%;
background-repeat:no-repeat;
top:.7857142857rem;
left:.9285714286rem;
width:2.6785714286rem;
height:2.8214285714rem;
}
.appSwitcher__iconShadow--control {
position: absolute;
z-index: 0;
background-size: 100%;
background-repeat: no-repeat;
top: .7857142857rem;
left: .8214285714rem;
width: 2.6785714286rem;
height: 2.6785714286rem;
}
.appSwitcher__iconShadow--market {
position: absolute;
z-index: 0;
background-size: 100%;
background-repeat: no-repeat;
top: .7142857143rem;
left: 1rem;
width: 2.3928571429rem;
height: 2.6428571429rem;
}
.appSwitcher__itemText {
text-transform: uppercase;
font-size: .8571428571rem;
letter-spacing: .1071428571em;
color: var(--color-300);
-webkit-transition: color .2s ease-out;
-o-transition: color .2s ease-out;
transition: color .2s ease-out
}
.appSwitcherButton {
-ms-flex-negative: 0;
flex-shrink: 0;
position: relative;
display: inline-block;
height: inherit;
margin-right: 10px
}
.appSwitcherButton__trigger {
display: inline-block;
position: relative;
width: 28px;
height: 28px;
text-align: center;
vertical-align: middle;
border: 1px solid #7fd6ff;
border-radius: 100%
}
.appSwitcherButton__trigger:hover {
color: inherit
}
.appSwitcherButton__trigger .icon,
.appSwitcherButton__trigger .appPikaday .pika-prev,
.appPikaday .appSwitcherButton__trigger .pika-prev,
.appSwitcherButton__trigger .appPikaday .pika-next,
.appPikaday .appSwitcherButton__trigger .pika-next {
position: absolute;
font-size: 11px;
line-height: 1.1;
color: #fff;
top: 50%;
left: 50%;
margin-top: -5px;
margin-left: -5px
}
.appAccountLinks {
-ms-flex-negative: 0;
flex-shrink: 0;
position: relative;
display: inline-block;
height: inherit
}
.appAccountLinks__trigger {
cursor: pointer;
height: inherit
}
.appAccountLinks__avatar {
display: inline-block;
vertical-align: middle;
width: 28px;
height: 28px
}
.appAccountLinks__username {
display: inline-block;
vertical-align: middle;
height: inherit;
text-align: right;
font-weight: 700;
font-size: .9142857143rem;
text-transform: uppercase;
letter-spacing: .25ex;
line-height: 50px;
color: #fff;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.appAccountLinks__dropdown {
position: absolute;
display: block;
top: 53px;
text-align: left;
right: -14px;
width: 200px;
background-color: #fff;
border: 1px solid #c7d7de;
-webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.15);
box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.15);
color: #1c1e2d;
line-height: normal;
padding-top: 1rem;
padding-bottom: 0.6rem;
padding-left: 1rem;
padding-right: 1rem;
top: 42px
}
.appAccountLinks__dropdown:after,
.appAccountLinks__dropdown:before {
content: "";
width: 0;
height: 0;
position: absolute;
border-color: transparent;
border-style: outset solid solid
}
.appAccountLinks__dropdown:before {
top: -.9285714286rem;
z-index: 1;
border-width: .5rem;
border-bottom-color: #fff;
right: 1.5rem
}
.appAccountLinks__dropdown:after {
top: -1.1428571429rem;
z-index: 0;
border-width: .5714285714rem;
border-bottom-color: #c7d7de;
right: 1.4285714286rem
}
.appAccountLinks__user {
border-bottom: 1px solid #ddd;
padding-bottom: 0.8rem;
margin-bottom: 0.5rem
}
.appAccountLinks__infoPrimary {
font-size: 1.2857142857rem
}
.appAccountLinks__infoSecondary {
color: #898989;
font-size: .7142857143rem
}
.appAccountLinks__links {
text-align: left;
font-size: 1.1428571429rem
}
.appOrgSwitcher {
position: relative;
display: inline-block;
margin-right: 2rem;
height: inherit;
font-weight: 400
}
.appOrgSwitcher:last-child {
margin-right: 1rem
}
.appOrgSwitcher--narrow .appOrgSwitcher__dropdown {
width: 144px
}
.appOrgSwitcher--wide .appOrgSwitcher__dropdown {
width: 600px;
max-width: 600px
}
.appOrgSwitcher--insideGlobalHeaderIconGroup,
.appOrgSwitcher--insideGlobalHeaderIconGroup:last-child {
margin-right: 10px;
height: auto
}
.appOrgSwitcher--insideGlobalHeaderIconGroup .appOrgSwitcher__trigger,
.appOrgSwitcher--insideGlobalHeaderIconGroup:last-child .appOrgSwitcher__trigger {
line-height: normal
}
.appOrgSwitcher--insideGlobalHeaderIconGroup .appOrgSwitcher__dropdown,
.appOrgSwitcher--insideGlobalHeaderIconGroup:last-child .appOrgSwitcher__dropdown {
top: 47px
}
.appOrgSwitcher--iconOnly .appOrgSwitcher__dropdown {
right: -10px
}
.appOrgSwitcher__trigger {
display: block;
background-color: transparent;
margin-left: auto;
cursor: pointer
}
.appOrgSwitcher__label,
.appOrgSwitcher__arrow {
color: #ffffff;
display: inline-block;
vertical-align: middle
}
.appOrgSwitcher__label {
font-size: 12px;
letter-spacing: 0.05em;
max-width: calc(100% - 22px)
}
.appOrgSwitcher__arrow {
font-size: 12px;
margin-left: 3px;
margin-top: 1px
}
.appOrgSwitcher__dropdown {
position: absolute;
display: block;
top: 53px;
text-align: left;
right: -14px;
width: 200px;
background-color: #fff;
border: 1px solid #c7d7de;
-webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.15);
box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.15);
top: 54px;
-webkit-box-shadow: -4px 4px 0px 0px rgba(0, 0, 0, 0.1) !important;
box-shadow: -4px 4px 0px 0px rgba(0, 0, 0, 0.1) !important
}
.appOrgSwitcher__dropdown:after,
.appOrgSwitcher__dropdown:before {
content: "";
width: 0;
height: 0;
position: absolute;
border-color: transparent;
border-style: outset solid solid
}
.appOrgSwitcher__dropdown:before {
top: -.9285714286rem;
z-index: 1;
border-width: .5rem;
border-bottom-color: #fff;
right: 1.5rem
}
.appOrgSwitcher__dropdown:after {
top: -1.1428571429rem;
z-index: 0;
border-width: .5714285714rem;
border-bottom-color: #c7d7de;
right: 1.4285714286rem
}
.appOrgSwitcher__dropdown:before {
right: 13px
}
.appOrgSwitcher__dropdown:after {
right: 12px
}
.appOrgSwitcher__list {
padding: 0.8rem 1.2rem;
list-style-type: none;
right: -1.5rem;
line-height: 1.3;
max-height: calc(100vh - 70px);
overflow: hidden;
overflow-y: auto;
margin-bottom: 0
}
.appOrgSwitcher__list::-webkit-scrollbar {
width: 12px;
height: 12px
}
.appOrgSwitcher__list::-webkit-scrollbar-thumb {
background-color: var(--jaze-color-scrollbar-thumb, #f1f2f4);
border: 4px solid transparent;
background-clip: content-box;
border-radius: 10px
}
.appOrgSwitcher__list::-webkit-scrollbar-track {
background-color: transparent
}
.appOrgSwitcher__item {
position: relative
}
.appOrgSwitcher__item:not(.appOrgSwitcher__add) {
padding-right: 1.4285714286rem
}
.appOrgSwitcher__item a {
color: var(--color-500);
display: block;
padding: 0.4rem 0
}
.appOrgSwitcher__item a[disabled="disabled"] {
opacity: .4;
pointer-events: none;
cursor: not-allowed
}
.appOrgSwitcher__item a:hover {
color: var(--color-400)
}
.appOrgSwitcher__item--active>a {
position: relative;
color: var(--color-300);
overflow: visible
}
.appOrgSwitcher__item--active>a:before {
content: "";
position: absolute;
left: -10px;
width: 4px;
height: 4px;
background: var(--color-500);
border-radius: 100%;
top: 50%;
margin-top: -2px
}
.appOrgSwitcher__item--divider,
.appOrgSwitcher__add {
border-top: 1px solid #ddd;
margin-top: 0.8rem;
padding-top: 0.8rem;
padding-bottom: 0
}
.appOrgSwitcher__addIcon {
position: relative;
top: 2px;
display: inline-block;
margin-right: .7142857143em
}
.appOrgSwitcherItem__note {
font-size: 10px;
color: #999
}
.appOrgSwitcher--withTitle {
padding-top: 10px;
line-height: 1
}
.appOrgSwitcher--withTitle .appOrgSwitcher__trigger {
text-align: left
}
.appOrgSwitcher--withTitle .appOrgSwitcher__label {
white-space: nowrap;
font-size: 12px;
line-height: 1
}
.appOrgSwitcher--withTitle .appOrgSwitcher__arrow {
font-size: 11px;
margin-left: 9px
}
.appOrgSwitcher__title {
white-space: nowrap;
text-transform: uppercase;
color: rgba(255, 255, 255, 0.65);
margin-bottom: 2px;
font-size: 9px;
line-height: 1
}
@media only screen and (max-width: 480px) {
.appOrgSwitcher {
margin-right: 1rem
}
.appOrgSwitcher--insideGlobalHeaderIconGroup,
.appOrgSwitcher--insideGlobalHeaderIconGroup:last-child {
margin-right: 10px
}
}
@media only screen and (max-width: 800px) {
.appOrgSwitcher--withTitle .appOrgSwitcher__label {
white-space: nowrap;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
display: inline-block;
max-width: 6rem
}
}
@media only screen and (max-width: 480px) {
.appOrgSwitcher--withTitle .appOrgSwitcher__label {
max-width: 4rem
}
}
@media only screen and (max-width: 800px) {
.appOrgSwitcher--wide .appOrgSwitcher__dropdown {
position: fixed;
left: 10px;
right: 10px;
margin: 0 auto;
width: auto
}
.appOrgSwitcher--wide .appOrgSwitcher__dropdown:before,
.appOrgSwitcher--wide .appOrgSwitcher__dropdown:after {
border: none
}
}
.is-side-nav-popover-visible {
display: block !important
}
.appGlobalSideNav {
overflow: visible;
width: 50px;
padding: 13px 0 5px;
background: #191c21;
color: #abb;
font-size: .9285714286rem;
position: fixed;
z-index: 40;
bottom: 0;
top: 50px;
left: 0
}
.appGlobalSideNav .appCount {
position: absolute;
top: 4px;
right: 5px;
font-size: 0.7rem
}
.appGlobalSideNav__menuToggle {
display: none
}
.appGlobalSideNav__menuToggle:after {
content: ' ';
position: absolute;
display: block;
left: 50%;
width: 0;
height: 0;
margin-left: -5px;
border-left: 5px solid transparent;
border-right: 5px solid transparent
}
.appGlobalSideNav__menuToggle.appGlobalSideNav__primaryMenu:after {
position: relative;
bottom: 5px;
border-top: 5px solid #abb
}
.appGlobalSideNav__menuToggle.appGlobalSideNav__secondaryMenu:after {
top: 0;
border-bottom: 5px solid #abb
}
.appGlobalSideNav__primaryMenu,
.appGlobalSideNav__secondaryMenu {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.appGlobalSideNav__primaryMenu:not(.appGlobalSideNav__menuToggle),
.appGlobalSideNav__secondaryMenu:not(.appGlobalSideNav__menuToggle) {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-line-pack: center;
align-content: center
}
.appGlobalSideNav__primaryMenu a,
.appGlobalSideNav__secondaryMenu a {
color: #abb
}
.appGlobalSideNav__primaryMenu a:hover,
.appGlobalSideNav__secondaryMenu a:hover {
color: #fff
}
.appGlobalSideNav__secondaryMenu {
position: absolute;
bottom: 10px;
width: 100%
}
.appGlobalSideNav__item {
position: relative;
display: block;
padding: 9px 0;
text-align: center;
min-width: 0;
cursor: pointer;
color: #abb;
font-size: .9285714286rem;
text-transform: uppercase;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.appGlobalSideNav__item:hover .appGlobalSideNav__itemIcon {
color: #fff
}
.appGlobalSideNav__item:hover .appGlobalSideNav__itemText {
color: #fff
}
.appGlobalSideNav__item.is-item-disabled {
opacity: 0.5;
pointer-events: none
}
.appGlobalSideNav__item.is-item-selected .appGlobalSideNav__itemIcon {
color: var(--color-400)
}
.appGlobalSideNav__item.is-item-selected .appGlobalSideNav__itemText {
color: var(--color-400)
}
.appGlobalSideNav__itemIcon {
-webkit-transition: color .2s ease-out;
-o-transition: color .2s ease-out;
transition: color .2s ease-out;
padding: 0;
font-size: 19px;
color: #abb;
display: inline-block
}
.appGlobalSideNav__itemText {
font-size: inherit;
padding-left: 11px;
padding-top: 3px;
text-transform: uppercase;
color: #abb;
min-height: 15px;
-webkit-transition: color .2s ease-out;
-o-transition: color .2s ease-out;
transition: color .2s ease-out;
backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-backface-visibility: hidden
}
.appGlobalSideNav__itemTrigger {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 100
}
.appGlobalSideNav__listItemPlaceholder {
height: 28px
}
@media screen and (max-height: 510px) {
.appGlobalSideNav {
padding-top: 6px
}
.appGlobalSideNav__secondaryMenu {
bottom: 6px
}
.appGlobalSideNav__item {
padding-top: 5px;
padding-bottom: 5px
}
}
@media screen and (max-height: 410px) {
.appGlobalSideNav .appGlobalSideNav__menuToggle {
display: block
}
.appGlobalSideNav .is-menu-hidden {
display: none
}
}
/* .appGlobalSideNavPopover {
display: none;
position: absolute;
color: #fff;
left: 63px;
bottom: 18px;
width: 720px;
max-width: calc(100vw - 80px);
-webkit-user-select: text;
-moz-user-select: text;
-ms-user-select: text;
user-select: text;
text-transform: none;
font-size: 11px;
text-align: left;
cursor: auto;
-webkit-font-smoothing: auto;
z-index: 30
}
.appGlobalSideNavPopover:before,
.appGlobalSideNavPopover:after {
display: block;
position: absolute;
width: 0;
height: 0;
content: " ";
border-color: transparent;
pointer-events: none;
border-width: 0 0 14px 14px;
border-style: solid;
bottom: 10px
}
.appGlobalSideNavPopover:after {
left: -11px;
bottom: 1px;
border-bottom-color: #151725
}
.appGlobalSideNavPopover:before {
left: -13px;
bottom: 0;
border-bottom-color: #565f63
}
.appGlobalSideNavPopover--subnav {
width: 200px
}
.appGlobalSideNavPopover--subnav .appGlobalSideNavPopover__inner {
max-height: calc(100vh - 120px);
padding: 10px;
overflow: auto
}*/
.appGlobalSideNavPopover--fullscreen {
width: calc(100vw - 80px)
}
.appGlobalSideNavPopover--small {
width: 480px
}
.appGlobalSideNavPopover--overlay {
position: fixed;
top: 45px;
bottom: 0;
left: 50px;
width: 580px;
max-width: calc(100vw - 50px)
}
.appGlobalSideNavPopover--overlay:before,
.appGlobalSideNavPopover--overlay:after {
display: none
}
.appGlobalSideNavPopover--overlay .appGlobalSideNavPopover__inner {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
border: none;
border-radius: initial;
-webkit-box-shadow: none;
box-shadow: none
}
.appGlobalSideNavPopover--overlay.appGlobalSideNavPopover--fullscreen {
right: 0;
width: auto !important
}
/*.appGlobalSideNavPopover--withLayerShadow {
-webkit-box-shadow: -6px 6px 0 rgba(0, 0, 0, 0.1);
box-shadow: -6px 6px 0 rgba(0, 0, 0, 0.1)
}
.appGlobalSideNavPopover--withLayerShadow .appGlobalSideNavPopover__inner {
-webkit-box-shadow: none;
box-shadow: none
}
.appGlobalSideNavPopover__inner {
background-color: #151725;
-webkit-box-shadow: 0 .7142857143rem 2.5rem rgba(0, 0, 0, 0.5);
box-shadow: 0 .7142857143rem 2.5rem rgba(0, 0, 0, 0.5);
border: 1px solid #565f63;
border-radius: 4px;
border-bottom-left-radius: 0;
overflow: hidden;
z-index: 10
}*/
.appGlobalSideNavPopover__close,
.appGlobalSideNavPopover__fullscreenIcon {
position: absolute;
top: 11px;
right: 13px;
cursor: pointer;
font-size: 12px
}
.appGlobalSideNavPopover__fullscreenIcon {
z-index: 20;
right: 33px
}
.appGlobalSideNavPopover__header {
padding: 10px 12px 8px;
font-weight: 300;
font-size: 13px;
text-transform: uppercase;
letter-spacing: 2px
}
.appGlobalSideNavPopover__content {
padding: 10px 12px 12px
}
@media screen and (max-height: 470px) {
.appGlobalSideNavPopover {
/*position: fixed*/
}
.appGlobalSideNavPopover:before,
.appGlobalSideNavPopover:after {
border: none
}
.appGlobalSideNavPopover__content .appDropdown--scrollable {
max-height: calc(100vh - 230px) !important
}
.appGlobalSideNavPopover--subnav .appGlobalSideNavPopover__inner {
max-height: calc(100vh - 80px)
}
}
@media screen and (min-height: 471px) {
.is-safari .appGlobalSideNavPopover__content .appDropdown--scrollable {
overflow-y: visible
}
}
.appGlobalSideNavTooltip {
position: absolute;
background-color: #111;
border: 1px solid #565f63;
color: #fff;
text-transform: uppercase;
display: none;
padding: 8px 10px;
border-radius: 4px;
font-size: 12px;
line-height: 1em;
top: 3px;
left: 53px;
white-space: nowrap;
z-index: 100;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.appGlobalSideNavTooltip:before,
.appGlobalSideNavTooltip:after {
position: absolute;
width: 0;
height: 0;
display: block;
content: " ";
border-color: transparent;
pointer-events: none;
border-width: 15px;
top: -1px
}
.appGlobalSideNavTooltip:before,
.appGlobalSideNavTooltip:after {
border-style: solid solid solid outset
}
.appGlobalSideNavTooltip:after {
left: -28px;
border-right-color: #111
}
.appGlobalSideNavTooltip:before {
left: -29px;
border-right-color: #565f63
}
.appGlobalSideNavTooltipContainer:hover .appGlobalSideNavTooltip,
.appGlobalSideNav__item:hover .appGlobalSideNavTooltip {
display: block
}
.appGlobalSideNavTooltipContainer.is-native-hover-disabled:hover .appGlobalSideNavTooltip,
.appGlobalSideNav__item.is-native-hover-disabled:hover .appGlobalSideNavTooltip {
display: none
}
.appGlobalSideNavTooltipContainer.is-native-hover-disabled.hover .appGlobalSideNavTooltip,
.appGlobalSideNav__item.is-native-hover-disabled.hover .appGlobalSideNavTooltip {
display: block
}
.appIconAnimated--rotate,
.appTable__sortSpinner,
.unifiActionIcon--refresh.is-working .icon,
.unifiActionIcon--refresh.is-working .appPikaday .pika-prev,
.appPikaday .unifiActionIcon--refresh.is-working .pika-prev,
.unifiActionIcon--refresh.is-working .appPikaday .pika-next,
.appPikaday .unifiActionIcon--refresh.is-working .pika-next {
-webkit-animation: appIconRotateAnimation 2s infinite linear;
animation: appIconRotateAnimation 2s infinite linear
}
.appIconAnimated--blink {
-webkit-animation: appIconBlinkAnimation 1s infinite linear;
animation: appIconBlinkAnimation 1s infinite linear
}
@-webkit-keyframes appIconRotateAnimation {
0% {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg)
}
100% {
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@keyframes appIconRotateAnimation {
0% {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg)
}
100% {
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@-webkit-keyframes appIconBlinkAnimation {
50% {
opacity: 0
}
}
@keyframes appIconBlinkAnimation {
50% {
opacity: 0
}
}
.appIconText {
padding-top: 0;
padding-bottom: 0
}
.appIconText .iconText__icon {
-ms-flex-negative: 0;
flex-shrink: 0;
font-size: 1.4em;
padding-right: 0;
margin-right: 0.5em;
vertical-align: middle
}
.appIconText .iconText__text {
vertical-align: middle
}
.appIconText .iconText__text+.iconText__icon {
margin-left: 0.5em;
margin-right: 0
}
.appIconText--flush .iconText__icon {
font-size: 1em
}
.appIconText--small .iconText__icon {
font-size: 12px
}
.appIconText--small .iconText__text {
font-size: 11px
}
.appIconText--large .iconText__icon {
font-size: 16px
}
.appIconText--large .iconText__text {
font-size: 13px
}
.appInfoBoxContainer {
border: 1px solid #c7d7de
}
.appInfoBoxContainer--dark {
border-color: #969BA3
}
.appInfoBox {
color: #000;
padding: 24px;
border: 1px solid #c7d7de
}
.appInfoBox--flexible .appInfoBox__icon,
.appInfoBox--flexible .appInfoBox__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-item-align: center;
align-self: center
}
.appInfoBox--wide {
width: 80%
}
.appInfoBox--solid {
background: #ffffff
}
.appInfoBox__icon {
margin-top: -4px;
font-size: 50px;
color: var(--color-500);
width: 80px
}
.appInfoBox__content p {
margin-bottom: 8px
}
.appInfoBox__header {
font-size: 18px
}
.appInfoBox__header+.appInfoBox__body {
margin-top: 8px
}
.appInfoBox__body {
margin-top: 10px
}
.appInfoBox__header+.appInfoBox__body {
margin-top: 0
}
.appInfoBox__footer {
padding-top: 12px;
text-align: right
}
.appInfoBox--noBorder {
border: none
}
.appInfoBox--success .appInfoBox__icon {
color: #39cc64
}
.appInfoBox--warning .appInfoBox__icon {
color: #f5a623
}
.appInfoBox--danger .appInfoBox__icon {
color: #f03a3e
}
.appInfoBox--default .appInfoBox__icon {
color: #000
}
.appInfoBox--dark {
color: #fff;
border-color: #969ba3
}
.appInfoBox--dark .appInfoBox__body {
color: #a7acb0
}
.appInfoBox--cozy {
padding: 10px
}
.appInfoBox--cozy .appInfoBox__body {
margin-top: -2px
}
.appInfoBox--cozy .appInfoBox__header+.appInfoBox__body {
margin-top: 0
}
.appInfoBox--cozy .appInfoBox__icon {
font-size: 20px;
width: 28px
}
.appInfoBox--cozy .appInfoBox__close {
top: 8px
}
.appInfoBox--cozy .appInfoBox__header {
font-size: 14px;
font-weight: bold
}
.appInfoBox--cozy .appInfoBox__header+.appInfoBox__body {
margin-top: 8px
}
.appInfoBox--cozy .appInfoBox__content p {
font-size: 12px;
margin-bottom: 8px
}
.appInfoBox--cozy.is-app-info-box-collapsed {
padding-bottom: 8px
}
.appInfoBox--collapsible .appInfoBox__header {
position: relative
}
.is-app-info-box-collapsed {
border: 1px solid transparent;
color: white;
cursor: pointer;
padding-bottom: 1px;
background-color: var(--color-500)
}
.is-app-info-box-collapsed .appInfoBox__icon {
color: white
}
.is-app-info-box-collapsed .appInfoBox__body,
.is-app-info-box-collapsed .appInfoBox__footer {
display: none
}
.is-app-info-box-collapsed .appInfoBox__toggle {
color: white
}
.is-app-info-box-collapsed.appInfoBox--success {
background-color: #39cc64
}
.is-app-info-box-collapsed.appInfoBox--warning {
background-color: #f5a623
}
.is-app-info-box-collapsed.appInfoBox--danger {
background-color: #f03a3e
}
.is-app-info-box-collapsed.appInfoBox--default {
background-color: #000
}
.is-app-info-box-collapsed:hover .appInfoBox__toggle {
opacity: 0.5
}
.appInfoBox__toggle {
position: absolute;
right: 0;
top: 0;
cursor: pointer;
color: #1b262c;
-webkit-transition: opacity .5s;
-o-transition: opacity .5s;
transition: opacity .5s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.appInfoBox__toggle:hover {
opacity: 0.5
}
.appInfoBox--dark .appInfoBox__toggle {
color: #fff
}
@media only screen and (max-width: 1040px) {
.appInfoBox--responsive {
padding: 12px
}
.appInfoBox--responsive .appMainButton {
padding: .2857142857rem .5714285714rem .3571428571rem
}
.appInfoBox--responsive .appInfoBox__icon {
font-size: 25px;
width: 40px
}
.appInfoBox--responsive .appInfoBox__header {
font-size: 14px;
margin-bottom: 8px;
font-weight: bold
}
.appInfoBox--responsive .appInfoBox__content p {
font-size: 12px;
margin-bottom: 8px
}
}
a {
text-decoration: none;
cursor: pointer;
outline: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.appLinkContainer a,
.appLink {
color: var(--color-500);
text-decoration: none;
cursor: pointer;
outline: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transition: color .2s ease-out;
-o-transition: color .2s ease-out;
transition: color .2s ease-out
}
.appLinkContainer a:hover,
.appLinkContainer a.is-link-selected,
.appLink:hover,
.appLink.is-link-selected {
color: var(--color-400)
}
.appLinkContainer a:hover,
.appLinkContainer a:focus,
.appLink:hover,
.appLink:focus {
outline: none
}
.appLinkContainer a.is-link-disabled,
.appLink.is-link-disabled {
cursor: not-allowed;
color: #d9eaff;
pointer-events: none
}
.appLinkContainer a.is-link-disabled:hover,
.appLink.is-link-disabled:hover {
color: #d9eaff
}
.appLink--secondary {
color: #969ba3;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.appLink--secondary:hover,
.appLink--secondary.is-link-selected {
color: #338cff
}
.appLink--subtleDanger:hover {
color: #f03a3e
}
.appLink--subtleSuccess:hover {
color: #39cc64
}
.appLink--dark {
color: #5790b4
}
.appLink--dark:hover {
color: var(--color-400)
}
.appLink--full {
display: block
}
.appLink--mobileAppBadge img {
height: 40px
}
.appLoadingStatus {
display: -webkit-box;
display: -moz-flex;
display: -ms-flex;
display: -ms-flexbox;
display: flex;
-ms-align-items: center;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
-ms-justify-content: center;
-webkit-box-pack: center;
justify-content: center;
-ms-flex-pack: center;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
padding: 30px;
background: rgba(255, 255, 255, 0.8);
z-index: 200
}
.appLoadingStatus.appLoadingStatus--opaque {
background: #fff
}
.appLoadingStatus--dark,
.jaze-mod-dark :not(.jaze-mod-reset-color) .appLoadingStatus {
background: rgba(17, 17, 17, 0.8)
}
.appLoadingStatus--dark.appLoadingStatus--opaque,
.jaze-mod-dark :not(.jaze-mod-reset-color) .appLoadingStatus--opaque.appLoadingStatus {
background: #111
}
.appMainButton {
border-style: solid;
border-width: 1px;
text-align: center;
text-transform: uppercase;
padding: 1em 1.3em;
vertical-align: middle;
display: inline-block;
cursor: pointer;
font-size: .7142857143rem;
letter-spacing: .0714285714em;
line-height: normal;
border-radius: 3px;
-webkit-transition: background-color .15s;
-o-transition: background-color .15s;
transition: background-color .15s;
color: #fff;
text-decoration: none;
border-color: #848484;
background-color: #898989
}
.appMainButton:visited {
color: #fff;
text-decoration: none
}
.appMainButton:hover {
color: #fff;
text-decoration: none;
background-color: #919191
}
.appMainButton:active {
color: #fff;
text-decoration: none;
background-color: #818181
}
.appMainButton[disabled],
.appMainButton[disabled]:hover,
.appMainButton[disabled]:focus,
.appMainButton.is-button-disabled,
.appMainButton.is-button-disabled:hover,
.appMainButton.is-button-disabled:focus {
color: rgba(255, 255, 255, 0.8);
opacity: .3;
border-color: #757575
}
.appMainButton[disabled]:hover,
.appMainButton[disabled]:active,
.appMainButton[disabled]:hover:hover,
.appMainButton[disabled]:hover:active,
.appMainButton[disabled]:focus:hover,
.appMainButton[disabled]:focus:active,
.appMainButton.is-button-disabled:hover,
.appMainButton.is-button-disabled:active,
.appMainButton.is-button-disabled:hover:hover,
.appMainButton.is-button-disabled:hover:active,
.appMainButton.is-button-disabled:focus:hover,
.appMainButton.is-button-disabled:focus:active {
background-color: #898989
}
.appMainButton[disabled],
.appMainButton[disabled]:hover,
.appMainButton[disabled]:focus,
.appMainButton.is-button-disabled,
.appMainButton.is-button-disabled:hover,
.appMainButton.is-button-disabled:focus {
cursor: not-allowed
}
.appMainButton+.appMainButton {
margin-left: .5em
}
.appMainButton+.appMainButtonGroup {
margin-left: .5em
}
.appMainButton--primary {
color: #fff;
text-decoration: none;
border-color: var(--color-500);
background-color: var(--color-500)
}
.appMainButton--primary:visited {
color: #fff;
text-decoration: none
}
.appMainButton--primary:hover {
color: #fff;
text-decoration: none;
background-color: var(--color-600);
}
.appMainButton--primary:active {
color: #fff;
text-decoration: none;
background-color: var(--color-600);
}
.appMainButton--primary[disabled],
.appMainButton--primary[disabled]:hover,
.appMainButton--primary[disabled]:focus,
.appMainButton--primary.is-button-disabled,
.appMainButton--primary.is-button-disabled:hover,
.appMainButton--primary.is-button-disabled:focus {
color: rgba(255, 255, 255, 0.8);
opacity: .3;
border-color: #005dd6
}
.appMainButton--primary[disabled]:hover,
.appMainButton--primary[disabled]:active,
.appMainButton--primary[disabled]:hover:hover,
.appMainButton--primary[disabled]:hover:active,
.appMainButton--primary[disabled]:focus:hover,
.appMainButton--primary[disabled]:focus:active,
.appMainButton--primary.is-button-disabled:hover,
.appMainButton--primary.is-button-disabled:active,
.appMainButton--primary.is-button-disabled:hover:hover,
.appMainButton--primary.is-button-disabled:hover:active,
.appMainButton--primary.is-button-disabled:focus:hover,
.appMainButton--primary.is-button-disabled:focus:active {
background-color: var(--color-500)
}
.appMainButton--secondary {
color: var(--color-500);
text-decoration: none;
border-color: #e3e3e3;
background-color: #e8e8e8
}
.appMainButton--secondary:visited {
color: var(--color-500);
text-decoration: none
}
.appMainButton--secondary:hover {
color: var(--color-500);
text-decoration: none;
background-color: #f0f0f0
}
.appMainButton--secondary:active {
color: var(--color-500);
text-decoration: none;
background-color: #e0e0e0
}
.appMainButton--secondary[disabled],
.appMainButton--secondary[disabled]:hover,
.appMainButton--secondary[disabled]:focus,
.appMainButton--secondary.is-button-disabled,
.appMainButton--secondary.is-button-disabled:hover,
.appMainButton--secondary.is-button-disabled:focus {
color: rgba(127, 127, 128, 0.8);
opacity: .3;
border-color: #d4d4d4
}
.appMainButton--secondary[disabled]:hover,
.appMainButton--secondary[disabled]:active,
.appMainButton--secondary[disabled]:hover:hover,
.appMainButton--secondary[disabled]:hover:active,
.appMainButton--secondary[disabled]:focus:hover,
.appMainButton--secondary[disabled]:focus:active,
.appMainButton--secondary.is-button-disabled:hover,
.appMainButton--secondary.is-button-disabled:active,
.appMainButton--secondary.is-button-disabled:hover:hover,
.appMainButton--secondary.is-button-disabled:hover:active,
.appMainButton--secondary.is-button-disabled:focus:hover,
.appMainButton--secondary.is-button-disabled:focus:active {
background-color: #e8e8e8
}
.appMainButton--secondaryDark {
color: #fff;
text-decoration: none;
border-color: #4e535b;
background-color: #535860
}
.appMainButton--secondaryDark:visited {
color: #fff;
text-decoration: none
}
.appMainButton--secondaryDark:hover {
color: #fff;
text-decoration: none;
background-color: #5a6068
}
.appMainButton--secondaryDark:active {
color: #fff;
text-decoration: none;
background-color: #4c5058
}
.appMainButton--secondaryDark[disabled],
.appMainButton--secondaryDark[disabled]:hover,
.appMainButton--secondaryDark[disabled]:focus,
.appMainButton--secondaryDark.is-button-disabled,
.appMainButton--secondaryDark.is-button-disabled:hover,
.appMainButton--secondaryDark.is-button-disabled:focus {
color: rgba(255, 255, 255, 0.8);
opacity: .3;
border-color: #40444a
}
.appMainButton--secondaryDark[disabled]:hover,
.appMainButton--secondaryDark[disabled]:active,
.appMainButton--secondaryDark[disabled]:hover:hover,
.appMainButton--secondaryDark[disabled]:hover:active,
.appMainButton--secondaryDark[disabled]:focus:hover,
.appMainButton--secondaryDark[disabled]:focus:active,
.appMainButton--secondaryDark.is-button-disabled:hover,
.appMainButton--secondaryDark.is-button-disabled:active,
.appMainButton--secondaryDark.is-button-disabled:hover:hover,
.appMainButton--secondaryDark.is-button-disabled:hover:active,
.appMainButton--secondaryDark.is-button-disabled:focus:hover,
.appMainButton--secondaryDark.is-button-disabled:focus:active {
background-color: #535860
}
.appMainButton--success {
color: #fff;
text-decoration: none;
border-color: #33c75f;
background-color: #39cc64
}
.appMainButton--success:visited {
color: #fff;
text-decoration: none
}
.appMainButton--success:hover {
color: #fff;
text-decoration: none;
background-color: #45cf6e
}
.appMainButton--success:active {
color: #fff;
text-decoration: none;
background-color: #32c35d
}
.appMainButton--success[disabled],
.appMainButton--success[disabled]:hover,
.appMainButton--success[disabled]:focus,
.appMainButton--success.is-button-disabled,
.appMainButton--success.is-button-disabled:hover,
.appMainButton--success.is-button-disabled:focus {
color: rgba(255, 255, 255, 0.8);
opacity: .3;
border-color: #2daf53
}
.appMainButton--success[disabled]:hover,
.appMainButton--success[disabled]:active,
.appMainButton--success[disabled]:hover:hover,
.appMainButton--success[disabled]:hover:active,
.appMainButton--success[disabled]:focus:hover,
.appMainButton--success[disabled]:focus:active,
.appMainButton--success.is-button-disabled:hover,
.appMainButton--success.is-button-disabled:active,
.appMainButton--success.is-button-disabled:hover:hover,
.appMainButton--success.is-button-disabled:hover:active,
.appMainButton--success.is-button-disabled:focus:hover,
.appMainButton--success.is-button-disabled:focus:active {
background-color: #39cc64
}
.appMainButton--warning {
color: #fff;
text-decoration: none;
border-color: #f5a219;
background-color: #f5a623
}
.appMainButton--warning:visited {
color: #fff;
text-decoration: none
}
.appMainButton--warning:hover {
color: #fff;
text-decoration: none;
background-color: #f6ac32
}
.appMainButton--warning:active {
color: #fff;
text-decoration: none;
background-color: #f4a014
}
.appMainButton--warning[disabled],
.appMainButton--warning[disabled]:hover,
.appMainButton--warning[disabled]:focus,
.appMainButton--warning.is-button-disabled,
.appMainButton--warning.is-button-disabled:hover,
.appMainButton--warning.is-button-disabled:focus {
color: rgba(255, 255, 255, 0.8);
opacity: .3;
border-color: #e5930a
}
.appMainButton--warning[disabled]:hover,
.appMainButton--warning[disabled]:active,
.appMainButton--warning[disabled]:hover:hover,
.appMainButton--warning[disabled]:hover:active,
.appMainButton--warning[disabled]:focus:hover,
.appMainButton--warning[disabled]:focus:active,
.appMainButton--warning.is-button-disabled:hover,
.appMainButton--warning.is-button-disabled:active,
.appMainButton--warning.is-button-disabled:hover:hover,
.appMainButton--warning.is-button-disabled:hover:active,
.appMainButton--warning.is-button-disabled:focus:hover,
.appMainButton--warning.is-button-disabled:focus:active {
background-color: #f5a623
}
.appMainButton--danger {
color: #fff;
text-decoration: none;
border-color: #ef3135;
background-color: #f03a3e
}
.appMainButton--danger:visited {
color: #fff;
text-decoration: none
}
.appMainButton--danger:hover {
color: #fff;
text-decoration: none;
background-color: #f2565a
}
.appMainButton--danger:active {
color: #fff;
text-decoration: none;
background-color: #ee1e22
}
.appMainButton--danger[disabled],
.appMainButton--danger[disabled]:hover,
.appMainButton--danger[disabled]:focus,
.appMainButton--danger.is-button-disabled,
.appMainButton--danger.is-button-disabled:hover,
.appMainButton--danger.is-button-disabled:focus {
color: rgba(255, 255, 255, 0.8);
opacity: .3;
border-color: #ed1419
}
.appMainButton--danger[disabled]:hover,
.appMainButton--danger[disabled]:active,
.appMainButton--danger[disabled]:hover:hover,
.appMainButton--danger[disabled]:hover:active,
.appMainButton--danger[disabled]:focus:hover,
.appMainButton--danger[disabled]:focus:active,
.appMainButton--danger.is-button-disabled:hover,
.appMainButton--danger.is-button-disabled:active,
.appMainButton--danger.is-button-disabled:hover:hover,
.appMainButton--danger.is-button-disabled:hover:active,
.appMainButton--danger.is-button-disabled:focus:hover,
.appMainButton--danger.is-button-disabled:focus:active {
background-color: #f03a3e
}
.appMainButton--transparent {
color: var(--color-500);
text-decoration: none;
border-color: rgba(0, 0, 0, 0);
background-color: rgba(0, 0, 0, 0);
-webkit-transition: color .2s ease-out;
-o-transition: color .2s ease-out;
transition: color .2s ease-out
}
.appMainButton--transparent:visited {
color: var(--color-500);
text-decoration: none
}
.appMainButton--transparent:hover {
color: var(--color-500);
text-decoration: none;
background-color: rgba(0, 0, 0, 0)
}
.appMainButton--transparent:active {
color: var(--color-500);
text-decoration: none;
background-color: rgba(0, 0, 0, 0)
}
.appMainButton--transparent[disabled],
.appMainButton--transparent[disabled]:hover,
.appMainButton--transparent[disabled]:focus,
.appMainButton--transparent.is-button-disabled,
.appMainButton--transparent.is-button-disabled:hover,
.appMainButton--transparent.is-button-disabled:focus {
color: rgba(127, 127, 128, 0.8);
opacity: .3;
border-color: rgba(0, 0, 0, 0)
}
.appMainButton--transparent[disabled]:hover,
.appMainButton--transparent[disabled]:active,
.appMainButton--transparent[disabled]:hover:hover,
.appMainButton--transparent[disabled]:hover:active,
.appMainButton--transparent[disabled]:focus:hover,
.appMainButton--transparent[disabled]:focus:active,
.appMainButton--transparent.is-button-disabled:hover,
.appMainButton--transparent.is-button-disabled:active,
.appMainButton--transparent.is-button-disabled:hover:hover,
.appMainButton--transparent.is-button-disabled:hover:active,
.appMainButton--transparent.is-button-disabled:focus:hover,
.appMainButton--transparent.is-button-disabled:focus:active {
background-color: rgba(0, 0, 0, 0)
}
.appMainButton--transparent:hover {
color: var(--color-400)
}
.appMainButton--transparent[disabled],
.appMainButton--transparent[disabled]:hover,
.appMainButton--transparent[disabled]:focus,
.appMainButton--transparent.is-button-disabled,
.appMainButton--transparent.is-button-disabled:hover,
.appMainButton--transparent.is-button-disabled:focus {
color: var(--color-500)
}
.appMainButton--transparentDark {
color: #fff;
text-decoration: none;
border-color: rgba(0, 0, 0, 0);
background-color: rgba(0, 0, 0, 0);
-webkit-transition: color .2s ease-out;
-o-transition: color .2s ease-out;
transition: color .2s ease-out
}
.appMainButton--transparentDark:visited {
color: #fff;
text-decoration: none
}
.appMainButton--transparentDark:hover {
color: #fff;
text-decoration: none;
background-color: rgba(0, 0, 0, 0)
}
.appMainButton--transparentDark:active {
color: #fff;
text-decoration: none;
background-color: rgba(0, 0, 0, 0)
}
.appMainButton--transparentDark[disabled],
.appMainButton--transparentDark[disabled]:hover,
.appMainButton--transparentDark[disabled]:focus,
.appMainButton--transparentDark.is-button-disabled,
.appMainButton--transparentDark.is-button-disabled:hover,
.appMainButton--transparentDark.is-button-disabled:focus {
color: rgba(255, 255, 255, 0.8);
opacity: .3;
border-color: rgba(0, 0, 0, 0)
}
.appMainButton--transparentDark[disabled]:hover,
.appMainButton--transparentDark[disabled]:active,
.appMainButton--transparentDark[disabled]:hover:hover,
.appMainButton--transparentDark[disabled]:hover:active,
.appMainButton--transparentDark[disabled]:focus:hover,
.appMainButton--transparentDark[disabled]:focus:active,
.appMainButton--transparentDark.is-button-disabled:hover,
.appMainButton--transparentDark.is-button-disabled:active,
.appMainButton--transparentDark.is-button-disabled:hover:hover,
.appMainButton--transparentDark.is-button-disabled:hover:active,
.appMainButton--transparentDark.is-button-disabled:focus:hover,
.appMainButton--transparentDark.is-button-disabled:focus:active {
background-color: rgba(0, 0, 0, 0)
}
.appMainButton--transparentDark:hover {
color: #e0e0e0
}
.appMainButton--transparentDark[disabled],
.appMainButton--transparentDark[disabled]:hover,
.appMainButton--transparentDark[disabled]:focus,
.appMainButton--transparentDark.is-button-disabled,
.appMainButton--transparentDark.is-button-disabled:hover,
.appMainButton--transparentDark.is-button-disabled:focus {
opacity: .3
}
.appMainButton--cozy {
padding: .2857142857rem .5714285714rem .3571428571rem
}
.appMainButton--large {
padding: .5714285714rem 1rem .7857142857rem;
font-size: 1.1428571429rem
}
.appMainButton--withDropdown {
position: relative
}
.appMainButton--iconOnly {
font-size: 1.1428571429rem;
padding-top: .4285714286rem;
padding-bottom: .5rem
}
.appMainButton--iconOnly.appMainButton--cozy {
font-size: 1.0714285714rem;
padding-top: .0714285714rem;
padding-bottom: .1428571429rem
}
.appMainButton--iconOnly.appMainButton--large {
font-size: 1.4285714286rem;
padding-top: .5rem;
padding-bottom: .5rem
}
.appMainButtonGroup {
margin-bottom: 24px;
border-radius: 3px
}
.appMainButtonGroup .appMainButton {
background-color: transparent;
color: var(--color-500);
border-color: var(--color-500)
}
.appMainButtonGroup .is-button-selected {
color: #fff;
background-color: var(--color-500)
}
.appMainButtonGroup--filter .appMainButton {
color: #31373a;
border-color: #31373a
}
.appMainButtonGroup--filter .is-button-selected {
color: #fff;
background-color: #31373a
}
.appMainButtonGroup--dark .appMainButton {
color: #ccc;
border-color: #31373a
}
.appMainButtonGroup--dark .is-button-selected {
color: #fff;
background-color: #31373a
}
.appMenu {
display: block;
list-style: none;
-webkit-box-sizing: content-box;
box-sizing: content-box;
min-width: 100%;
white-space: normal;
color: #000;
margin-bottom: 0;
font-size: 1rem;
background-color: #fff
}
.appMenu--cozy .appMenu__item {
padding: 3px 15px
}
.appMenu--cozy .appMenuItemContentLabel {
font-size: 13px
}
.appMenu--cozy .appMenuItemContentValue {
font-size: 12px
}
.appMenu--condensed {
font-size: 12px
}
.appMenu--condensed .appMenu__item {
padding: 3px 0
}
.appMenu--smash .appMenu__item {
padding: 3px 15px;
height: 42px
}
.appMenu--smash .appMenu__item:first-child {
padding-top: 0px;
height: 39px
}
.appMenu--smash .appMenuItemContent {
overflow: hidden
}
.appMenu--smash .appMenuItemIcon {
font-size: 11px
}
.appMenu--smash .appMenuItemContentLabel {
font-size: 11px
}
.appMenu--smash .appMenuItemContentValue {
font-size: 9px
}
.appMenu--dark {
color: #b7bcc3;
background-color: #1c1e2d
}
.appMenu--dark .appMenu__item.is-menu-item-selected {
color: #fff;
background-color: #007cae !important
}
.appMenu--dark.appMenu--clickable .appMenu__item:hover:not(.is-menu-item-selected),
.appMenu--dark.appMenu--hoverable .appMenu__item:hover:not(.is-menu-item-selected) {
color: #fff;
background-color: #007cae !important
}
.appMenu--light {
color: var(--color-300)
}
.appMenu--light .appMenu__item.is-menu-item-selected {
color: #fff;
background-color: #00a0df !important
}
.appMenu--light.appMenu--clickable .appMenu__item:hover:not(.is-menu-item-selected),
.appMenu--light.appMenu--hoverable .appMenu__item:hover:not(.is-menu-item-selected) {
color: #fff;
background-color: #00a0df !important
}
.appMenu--transparent {
background-color: transparent !important
}
.appMenu--scrollable {
overflow-y: auto
}
.appMenu--scrollable::-webkit-scrollbar {
width: 12px;
height: 12px
}
.appMenu--scrollable::-webkit-scrollbar-thumb {
background-color: var(--jaze-color-scrollbar-thumb, #c2c4ce);
border: 4px solid transparent;
background-clip: content-box;
border-radius: 10px
}
.appMenu--scrollable::-webkit-scrollbar-track {
background-color: transparent
}
.appMenu--clickable .appMenu__item,
.appMenu--hoverable .appMenu__item {
cursor: pointer
}
.appMenu--clickable .appMenu__item:hover:not(.is-menu-item-selected),
.appMenu--hoverable .appMenu__item:hover:not(.is-menu-item-selected) {
background-color: #f4f4f4
}
.appMenu--hoverable .appMenu__item {
cursor: default
}
.appMenu--complex .appMenu__item+.appMenu__item {
border-top: 1px solid #ddd
}
.appMenu--gradient .appMenu__item:not(.is-menu-item-selected) :first-child {
position: relative;
z-index: 1
}
.appMenu--gradient .appMenu__item:not(.is-menu-item-selected):hover:before {
content: '\A';
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: .2;
z-index: 0
}
.appView--dark .appMenu--gradient .appMenu__item:not(.is-menu-item-selected):hover {
color: #fff
}
.appView--dark .appMenu--gradient .appMenu__item:not(.is-menu-item-selected):hover:before {
background-color: #007cae
}
.appView--light .appMenu--gradient .appMenu__item:not(.is-menu-item-selected):hover {
color: #000
}
.appView--light .appMenu--gradient .appMenu__item:not(.is-menu-item-selected):hover:before {
background-color: #00a0df
}
.appMenu__item {
position: relative;
padding: .5714285714rem .8571428571rem
}
.appMenu__item.is-menu-item-selected {
background-color: #e9f0f4
}
.appMenu__item--divider {
border-top: 1px solid #ddd
}
.appMenu__item--withBadge {
padding-right: 45px
}
.appMenu__item--withBadge .appBadge {
position: absolute;
top: 50%;
right: 10px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 1
}
.appMenuItemImage {
width: 40px;
text-align: center
}
.appMenuItemContentLabel--withoutStatus,
.appMenuItemContentLabel--withoutStatus+.appMenuItemContentValue,
.appMenuItemContentLabel--withStatus+.appMenuItemContentValue {
margin-left: 20px
}
.appMenuItemContentValue {
white-space: nowrap;
color: #969ba3;
margin-top: 4px;
margin-bottom: 0
}
.is-menu-disabled {
background-color: #f6f6f6;
color: #ccc
}
.appOutdatedBrowserWarning {
display: none !important;
top: 0 !important;
bottom: 0 !important;
right: 0 !important
}
.appOutdatedBrowserWarning.is-warning-visible {
display: block !important
}
.appOutdatedBrowserWarning .appToast {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
max-width: none;
width: auto
}
@media all and (-ms-high-contrast: none) {
.appOutdatedBrowserWarning {
display: block !important
}
*::-ms-backdrop,
.appOutdatedBrowserWarning {
display: none !important
}
}
.appPagination {
position: relative;
top: 4px;
text-transform: none;
font-weight: normal
}
.appPagination--dark .appPaginationPages__list li.is-page-selected {
color: white
}
.appPagination__currentState,
.appPagination__pageSize,
.appPaginationPages {
margin-bottom: 4px
}
.appPopover {
position: absolute;
z-index: 80;
width: 18.5714285714rem;
font-size: 1rem;
color: #000;
text-transform: none;
text-align: left
}
.appPopover:before,
.appPopover:after {
position: absolute;
width: 0;
height: 0;
display: block;
content: " ";
border-color: transparent;
pointer-events: none;
border-width: .5rem
}
.appPopover--onActionIcon.appPopover--bottomLeft,
.appPopover--onActionIcon.appPopover--topLeft {
right: -10px
}
.appPopover--onActionIcon.appPopover--bottomRight,
.appPopover--onActionIcon.appPopover--topRight {
left: -10px
}
.appPopover--scrollable .appPopover__content {
overflow-y: auto;
max-height: calc(100vh - 105px)
}
.appPopover--scrollable .appPopover__content::-webkit-scrollbar {
width: 12px;
height: 12px
}
.appPopover--scrollable .appPopover__content::-webkit-scrollbar-thumb {
background-color: var(--jaze-color-scrollbar-thumb, #c2c4ce);
border: 4px solid transparent;
background-clip: content-box;
border-radius: 10px
}
.appPopover--scrollable .appPopover__content::-webkit-scrollbar-track {
background-color: transparent
}
.appPopover--scrollable.appPopover--withHeader .appPopover__content {
max-height: calc(100vh - 140px)
}
.appPopover--scrollable.appPopover--withFooter .appPopover__content {
max-height: calc(100vh - 144px)
}
.appPopover__inner {
background-color: #fff;
-webkit-box-shadow: -4px 4px 0px 0px rgba(0, 0, 0, 0.1);
box-shadow: -4px 4px 0px 0px rgba(0, 0, 0, 0.1);
border: 1px solid #c7d7de;
overflow: hidden
}
.appPopover__close {
position: absolute;
cursor: pointer;
font-size: .8571428571rem;
top: .7142857143rem;
right: .5714285714rem
}
.appPopover__header {
background-color: #f6f6f6;
padding: .5rem .8571428571rem .5714285714rem;
font-weight: bold;
font-size: 1.1428571429rem;
border-bottom: 1px solid #c4c4c4
}
.appPopover__header--standalone,
.appPopover__subHeader--standalone {
border-top: 1px solid #c4c4c4
}
.appPopover__subHeader {
padding: 7px 12px 8px;
font-size: 14px;
line-height: 1.2;
border-bottom: 4px solid #000
}
.appPopoverHeader__inputGroup {
margin-bottom: 6px
}
.appPopoverHeader__inputGroup:last-child {
margin-bottom: 0
}
.appPopover__footer {
background-color: #f6f6f6;
padding: .5rem .8571428571rem .5714285714rem;
border-top: 1px solid #c4c4c4
}
.appPopover__section {
padding: .5rem .8571428571rem .5rem;
border-bottom: 1px solid #ddd
}
.appPopover__content {
padding: .7142857143rem .8571428571rem .8571428571rem;
font-weight: normal
}
.appPopover--closeable .appPopover__header {
padding-right: 28px
}
.appPopover--cozy {
font-size: .7857142857rem
}
.appPopover--narrow {
width: 180px
}
.appPopover--rightDown,
.appPopover--rightUp {
left: calc(100% + .7142857143rem)
}
.appPopover--rightDown:before,
.appPopover--rightDown:after,
.appPopover--rightUp:before,
.appPopover--rightUp:after {
border-style: solid solid solid outset
}
.appPopover--rightDown:after,
.appPopover--rightUp:after {
left: -.8571428571rem;
border-right-color: #fff
}
.appPopover--rightDown:before,
.appPopover--rightUp:before {
left: -1rem;
border-right-color: #c7d7de
}
.appPopover--leftDown,
.appPopover--leftUp {
right: calc(100% + .7142857143rem)
}
.appPopover--leftDown:before,
.appPopover--leftDown:after,
.appPopover--leftUp:before,
.appPopover--leftUp:after {
border-style: solid outset
}
.appPopover--leftDown:after,
.appPopover--leftUp:after {
right: -.9285714286rem;
border-left-color: #fff
}
.appPopover--leftDown:before,
.appPopover--leftUp:before {
right: -1rem;
border-left-color: #c7d7de
}
.appPopover--rightDown,
.appPopover--leftDown {
top: 0
}
.appPopover--rightDown:before,
.appPopover--rightDown:after,
.appPopover--leftDown:before,
.appPopover--leftDown:after {
top: .7142857143rem
}
.appPopover--rightUp,
.appPopover--leftUp {
bottom: 0
}
.appPopover--rightUp:before,
.appPopover--rightUp:after,
.appPopover--leftUp:before,
.appPopover--leftUp:after {
bottom: .7142857143rem
}
.appPopover--bottomLeft,
.appPopover--bottomRight {
top: calc(100% + .7142857143rem)
}
.appPopover--bottomLeft:before,
.appPopover--bottomLeft:after,
.appPopover--bottomRight:before,
.appPopover--bottomRight:after {
border-style: outset solid solid
}
.appPopover--bottomLeft:after,
.appPopover--bottomRight:after {
top: -.8571428571rem;
border-bottom-color: #fff
}
.appPopover--bottomLeft:before,
.appPopover--bottomRight:before {
top: -1rem;
border-bottom-color: #c7d7de
}
.appPopover--topLeft,
.appPopover--topRight {
bottom: calc(100% + .7142857143rem)
}
.appPopover--topLeft:before,
.appPopover--topLeft:after,
.appPopover--topRight:before,
.appPopover--topRight:after {
border-style: solid solid outset
}
.appPopover--topLeft:after,
.appPopover--topRight:after {
bottom: -.9285714286rem;
border-top-color: #fff
}
.appPopover--topLeft:before,
.appPopover--topRight:before {
bottom: -1.0714285714rem;
border-top-color: #c7d7de
}
.appPopover--bottomLeft,
.appPopover--topLeft {
right: 0
}
.appPopover--bottomLeft:before,
.appPopover--bottomLeft:after,
.appPopover--topLeft:before,
.appPopover--topLeft:after {
right: .7142857143rem
}
.appPopover--bottomRight,
.appPopover--topRight {
left: 0
}
.appPopover--bottomRight:before,
.appPopover--bottomRight:after,
.appPopover--topRight:before,
.appPopover--topRight:after {
left: .7142857143rem
}
.appPopover--wide {
width: 44.2857142857rem
}
.appPopover--withHeader.appPopover--rightDown:after {
border-right-color: #f6f6f6
}
.appPopover--withHeader.appPopover--leftDown:after {
border-left-color: #f6f6f6
}
.appPopover--withHeader.appPopover--bottomLeft:after,
.appPopover--withHeader.appPopover--bottomRight:after {
border-bottom-color: #f6f6f6
}
.appPopoverContainer {
position: relative;
display: inline-block;
letter-spacing: normal
}
.is-popover-item-disabled {
color: #ccc;
background-color: #f6f6f6
}
.is-popover-item-disabled.appPopover__subHeader {
border-bottom: 4px solid #ddd
}
.appScrollable {
overflow-y: auto !important
}
.appScrollable::-webkit-scrollbar {
width: 12px;
height: 12px
}
.appScrollable::-webkit-scrollbar-thumb {
background-color: var(--jaze-color-scrollbar-thumb, #f1f2f4);
border: 4px solid transparent;
background-clip: content-box;
border-radius: 10px
}
.appScrollable::-webkit-scrollbar-track {
background-color: transparent
}
.appScrollable--centerPanel {
overflow-x: auto;
max-width: calc(100vw - 50px);
width: 100%
}
.appScrollable--dark::-webkit-scrollbar-corner {
background-color: transparent
}
.is-property-panel-inline.is-property-panel-open .appScrollable--centerPanel {
max-width: calc(100vw - 450px);
-webkit-transition: max-width .3s;
-o-transition: max-width .3s;
transition: max-width .3s
}
.is-overview-panel-inline.is-overview-panel-open .appScrollable--centerPanel {
max-width: calc(100vw - 890px);
-webkit-transition: max-width .3s;
-o-transition: max-width .3s;
transition: max-width .3s
}
.appSpinner {
width: 1.4285714286rem;
height: 1.4285714286rem;
background-size: cover;
-webkit-animation:appSpinnerAnimation 2s infinite linear;
animation:appSpinnerAnimation 2s infinite linear;
}
.appSpinner--centered {
margin-left: -.7142857143rem;
margin-top: -.7142857143rem
}
.appSpinner--centered.appSpinner--small {
margin-left: -.5rem;
margin-top: -.5rem
}
.appSpinner--centered.appSpinner--large {
margin-left: -3.5714285714rem;
margin-top: -3.5714285714rem
}
.appSpinner--centered.appSpinner--medium {
margin-left: -1.7857142857rem;
margin-top: -1.7857142857rem
}
.appSpinner--small {
width: 1rem;
height: 1rem
}
.appSpinner--large {
width: 7.1428571429rem;
height: 7.1428571429rem
}
.appSpinner--medium {
width: 3.5714285714rem;
height: 3.5714285714rem
}
@-webkit-keyframes appSpinnerAnimation {
0% {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg)
}
100% {
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@keyframes appSpinnerAnimation {
0% {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg)
}
100% {
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg)
}
}
.appStatusBall {
vertical-align: middle;
width: 14px;
height: 14px;
background-color: rgba(0, 0, 0, 0.13)
}
.appStatusBall.is-status-ball-busy {
-webkit-animation: appStatusBallBusyAnimation 0.5s alternate infinite;
animation: appStatusBallBusyAnimation 0.5s alternate infinite
}
.appStatusBall.is-status-ball-disabled {
background-color: #ddd
}
.appStatusBall--offline {
background-color: #ccc
}
.appStatusBall--dark {
background-color: var(--color-300)
}
.appStatusBall--primary {
background-color: var(--color-500)
}
.appStatusBall--positive {
background-color: #39cc64
}
.appStatusBall--warning {
background-color: #f5a623
}
.appStatusBall--danger {
background-color: #f03a3e
}
.appStatusBall--cozy {
width: 10px;
height: 10px
}
.appStatusBall--condensed {
width: 8px;
height: 8px
}
.appStatusBall--legend {
width: 8px;
height: 8px;
border-radius: 1px;
margin-right: 0.3em
}
.appStatusBall--legend+span {
vertical-align: middle
}
.appStatusBallLabel {
display: inline-block;
vertical-align: middle;
margin-left: .5714285714rem
}
.appStatusBallLabel--truncated {
white-space: nowrap;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis
}
@-webkit-keyframes appStatusBallBusyAnimation {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
@keyframes appStatusBallBusyAnimation {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
.appStatusBar {
display: inline-block;
vertical-align: middle;
width: 100%;
background-color: rgba(0, 0, 0, 0.1);
-webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.15);
box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.15);
border-radius: 1em
}
.appStatusBar--dark {
background-color: rgba(255, 255, 255, 0.1)
}
.appStatusBar--small {
-webkit-box-shadow: none;
box-shadow: none;
border-radius: none
}
.appStatusBar--small .statusBar__inner {
height: .2142857143rem;
-webkit-box-shadow: none;
box-shadow: none;
min-width: 0;
border-radius: none
}
.statusBar__inner {
-webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.15);
box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.15);
height: 1em;
min-width: 1em;
border-radius: 1em
}
.appStatusBar .statusBar__inner {
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-property: width, background-color;
-o-transition-property: width, background-color;
transition-property: width, background-color;
-webkit-transition-duration: .4s, .2s;
-o-transition-duration: .4s, .2s;
transition-duration: .4s, .2s
}
.appStatusBar.is-status-bar-muted .statusBar__inner {
background-color: #c6c6c6
}
.appStatusBar--low .statusBar__inner {
background-color: #f03a3e
}
.appStatusBar--medium .statusBar__inner {
background-color: #f5a623
}
.appStatusBar--high .statusBar__inner {
background-color: #39cc64
}
.appStatusIconGroup {
display: inline-block
}
.appStatusIconGroup .appStatusIcon {
margin-right: 3px
}
.appStatusIconGroup .appStatusIcon:last-child {
margin-right: 0
}
.appStatusIcon {
font-size: 1.2em;
vertical-align: middle;
display: inline-block;
color: var(--color-500)
}
.appStatusIcon--positive {
color: #39cc64
}
.appStatusIcon--warning {
color: #f5a623
}
.appStatusIcon--danger {
color: #f03a3e
}
.appStatusIcon--static {
color: #ccc
}
.appStatusIcon+.appStatusIcon {
margin-left: 6px
}
@-webkit-keyframes appStatusIconBusyAnimation {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
@keyframes appStatusIconBusyAnimation {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
.appStatusIcon.is-status-icon-busy {
-webkit-animation: appStatusIconBusyAnimation 0.5s alternate infinite;
animation: appStatusIconBusyAnimation 0.5s alternate infinite
}
.appTableCell--truncated {
white-space: nowrap;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis
}
.appTable--light .is-row-disabled {
color: rgba(0, 0, 0, 0.5)
}
.appTable--dark .is-row-disabled {
color: #70757e
}
.is-row-inactive {
pointer-events: none
}
.appTable--light .is-row-selected {
background-color: #b3dff7
}
.appTable--dark .is-row-selected {
color: #d7d9dc;
background-color: #0A222C
}
.appTable--hoverable .tbody .tr:hover:not(.is-row-selected),
.appTable--hoverable .tbody tr:hover:not(.is-row-selected),
.appTable--hoverable tbody .tr:hover:not(.is-row-selected),
.appTable--hoverable tbody tr:hover:not(.is-row-selected) {
background-color: #f8f8f9 !important
}
.appTable--hoverable.appTable--dark .tbody .tr:hover:not(.is-row-selected),
.appTable--hoverable.appTable--dark .tbody tr:hover:not(.is-row-selected),
.appTable--hoverable.appTable--dark tbody .tr:hover:not(.is-row-selected),
.appTable--hoverable.appTable--dark tbody tr:hover:not(.is-row-selected) {
background-color: #151725 !important;
color: #b7bbbe
}
.appTable {
table-layout: fixed
}
.appTable .thead,
.appTable thead {
border-bottom: 4px solid #000
}
.appTable .thead .th,
.appTable thead th {
white-space: nowrap
}
.appTable .thead .th,
.appTable .tfoot .td,
.appTable thead th,
.appTable tfoot td {
text-transform: uppercase;
font-size: .7857142857rem;
letter-spacing: .0714285714em;
font-weight: 900;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.appTable .tbody,
.appTable tbody {
line-height: 1.25
}
.appTable .tbody::-webkit-scrollbar,
.appTable tbody::-webkit-scrollbar {
width: 12px;
height: 12px
}
.appTable .tbody::-webkit-scrollbar-thumb,
.appTable tbody::-webkit-scrollbar-thumb {
background-color: var(--jaze-color-scrollbar-thumb, #f1f2f4);
border: 4px solid transparent;
background-clip: content-box;
border-radius: 10px
}
.appTable .tbody::-webkit-scrollbar-track,
.appTable tbody::-webkit-scrollbar-track {
background-color: transparent
}
.appTable .tbody .td,
.appTable tbody td {
word-break: break-word
}
.appTable .th,
.appTable .td,
.appTable th,
.appTable td {
text-align: left;
padding: 0 12px
}
.appTable .th,
.appTable th {
padding-top: 1.5rem;
padding-bottom: .5rem
}
.appTable .th.is-column-sorted,
.appTable th.is-column-sorted {
color: var(--color-500)
}
.appTable .th.is-column-sortable,
.appTable th.is-column-sortable {
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.appTable .th.is-column-sortable:hover,
.appTable th.is-column-sortable:hover {
color: #aaa
}
.appTable .td,
.appTable td {
padding-top: .6428571429rem;
padding-bottom: .6428571429rem
}
.appTable,
.appTable .th,
.appTable .td,
.appTable th,
.appTable td {
border-width: 0;
border-style: solid
}
.appTable .tbody .td,
.appTable tbody td {
border-bottom-width: 1px
}
.appTable .tr:last-child .td,
.appTable tr:last-child td {
border-bottom-width: 0px
}
.appTable--condensed {
font-size: 11px
}
.appTable--condensed .thead .th,
.appTable--condensed .tfoot .td,
.appTable--condensed thead th,
.appTable--condensed tfoot td {
font-size: 9px
}
.appTable--condensed .th,
.appTable--condensed th {
padding-top: 4px;
padding-bottom: 4px
}
.appTable--condensed .td,
.appTable--condensed td {
padding-top: 4px;
padding-bottom: 4px
}
.appTable--condensed.table--scrollable .thead,
.appTable--condensed.table--scrollable thead {
height: auto
}
.appTable--condensed.table--scrollable .thead+.tbody,
.appTable--condensed.table--scrollable thead+tbody {
margin-top: 21px
}
.appTable--condensed.appTable--fullScrollable .tbody,
.appTable--condensed.appTable--fullScrollable tbody {
height: calc(100% - 21px)
}
.appTable--condensed.appTable--fullScrollable .thead,
.appTable--condensed.appTable--fullScrollable thead {
height: 21px !important
}
.appTable--condensed .appStatusBall {
width: 10px !important;
height: 10px !important
}
.appTable--striped .tbody .tr:nth-child(even):not(.is-row-selected),
.appTable--striped .tbody tr:nth-child(even):not(.is-row-selected),
.appTable--striped tbody .tr:nth-child(even):not(.is-row-selected),
.appTable--striped tbody tr:nth-child(even):not(.is-row-selected) {
background-color: #fafafa
}
.appTable--striped .tbody .td,
.appTable--striped .tbody td,
.appTable--striped tbody .td,
.appTable--striped tbody td {
border: none
}
.appTable--striped.appTable--dark .tbody .tr:nth-child(even):not(.is-row-selected),
.appTable--striped.appTable--dark .tbody tr:nth-child(even):not(.is-row-selected),
.appTable--striped.appTable--dark tbody .tr:nth-child(even):not(.is-row-selected),
.appTable--striped.appTable--dark tbody tr:nth-child(even):not(.is-row-selected) {
background-color: #1A1C1F
}
.appTable--striped.appTable--dark .tbody .td,
.appTable--striped.appTable--dark .tbody td,
.appTable--striped.appTable--dark tbody .td,
.appTable--striped.appTable--dark tbody td {
border: none
}
.appTable--noLines .td,
.appTable--noLines td {
border: none
}
.appTable--full .th:first-child,
.appTable--full .td:first-child,
.appTable--full th:first-child,
.appTable--full td:first-child {
padding-left: 24px
}
.appTable--full .th:last-child,
.appTable--full .td:last-child,
.appTable--full th:last-child,
.appTable--full td:last-child {
padding-right: 24px
}
.appTable--cozy {
font-size: .8571428571rem
}
.appTable--cozy .thead .th,
.appTable--cozy .tfoot .td,
.appTable--cozy thead th,
.appTable--cozy tfoot td {
font-size: .6428571429rem
}
.appTable--cozy .th,
.appTable--cozy th {
padding-top: .3571428571rem;
padding-bottom: .3571428571rem
}
.appTable--cozy .td,
.appTable--cozy td {
padding-top: .3571428571rem;
padding-bottom: .3571428571rem
}
.appTable--cozy.table--scrollable .thead,
.appTable--cozy.table--scrollable thead {
height: auto
}
.appTable--cozy.table--scrollable .thead+.tbody,
.appTable--cozy.table--scrollable thead+tbody {
margin-top: 21px
}
.appTable--fixed {
table-layout: fixed
}
.appTable--light {
color: #000;
background-color: #fff
}
.appTable--light .th:last-child,
.appTable--light th:last-child {
border-right: 1px solid #fff
}
.appTable--light .td,
.appTable--light td {
border-color: #ddd
}
.appTable--dark {
color: #a7acb0;
background-color: rgba(0, 0, 0, 0)
}
.appTable--dark .thead,
.appTable--dark thead {
border-bottom: 4px solid #454d51
}
.appTable--dark .th:last-child,
.appTable--dark th:last-child {
border-right: 1px solid transparent
}
.appTable--dark .th.is-column-sorted,
.appTable--dark th.is-column-sorted {
color: var(--color-500)
}
.appTable--dark .th.is-column-sortable:hover,
.appTable--dark th.is-column-sortable:hover {
color: var(--color-400)
}
.appTable--dark .td,
.appTable--dark td {
border-color: #454d51
}
.appTable--dark .tbody::-webkit-scrollbar,
.appTable--dark tbody::-webkit-scrollbar {
width: 12px;
height: 12px
}
.appTable--dark .tbody::-webkit-scrollbar-thumb,
.appTable--dark tbody::-webkit-scrollbar-thumb {
background-color: var(--jaze-color-scrollbar-thumb, #333543);
border: 4px solid transparent;
background-clip: content-box;
border-radius: 10px
}
.appTable--dark .tbody::-webkit-scrollbar-track,
.appTable--dark tbody::-webkit-scrollbar-track {
background-color: transparent
}
.appTable--dark .tbody::-webkit-scrollbar-corner,
.appTable--dark tbody::-webkit-scrollbar-corner {
background-color: #1c1e2d
}
.appTable--dark.appTable--topBorder {
border-top: 1px solid #272b30
}
.appTable--dark.appTable--bottomBorder {
border-bottom: 1px solid #272b30
}
.appTable--standalone.appTable--light .tbody,
.appTable--standalone.appTable--light tbody {
border-bottom: 4px solid #000
}
.appTable--standalone.appTable--dark .tbody,
.appTable--standalone.appTable--dark tbody {
border-bottom: 4px solid #454d51
}
.appTable__sortArrow {
display: inline-block;
margin-left: .3571428571rem;
visibility: hidden
}
.is-column-sorted .appTable__sortArrow,
.is-column-sortable:hover .appTable__sortArrow {
visibility: visible
}
.appTable--dark .appTable__text--loud {
color: #fff
}
.appTable__image {
height: 2.1428571429rem;
width: auto;
vertical-align: middle
}
.appTable--fullScrollable {
display: block;
height: 100%
}
.appTable--fullScrollable .thead,
.appTable--fullScrollable thead {
position: static;
height: 43px !important
}
.appTable--fullScrollable .tbody,
.appTable--fullScrollable tbody {
margin-top: 0 !important;
height: calc(100% - 43px)
}
.appTable--fullScrollable.appTable--cozy .tbody,
.appTable--fullScrollable.appTable--cozy tbody {
height: calc(100% - 21px)
}
.appTable--fullScrollable.appTable--cozy .thead,
.appTable--fullScrollable.appTable--cozy thead {
height: 21px !important
}
.appTable--fullScrollable .tr,
.appTable--fullScrollable tr {
table-layout: fixed
}
.appTableViewContainer {
position: relative;
width: 100%
}
.appTableView {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0
}
.appSubtabs {
margin: 0;
padding: 0;
list-style: none;
width: 100%;
text-align: center;
font-size: 0;
background-color: #fff;
border-bottom-width: 1px;
border-bottom-style: solid;
border-top-width: 1px;
border-top-style: solid;
color: #a4a7b5;
border-top-color: #c4c4c4;
border-bottom-color: #c4c4c4
}
.appSubtabs .tabs__item:hover {
color: #7e8190
}
.appSubtabs .tabs__item.is-tab-selected {
color: #525461
}
.appSubtabs .tabs__item.is-tab-selected .icon,
.appSubtabs .tabs__item.is-tab-selected .appPikaday .pika-prev,
.appPikaday .appSubtabs .tabs__item.is-tab-selected .pika-prev,
.appSubtabs .tabs__item.is-tab-selected .appPikaday .pika-next,
.appPikaday .appSubtabs .tabs__item.is-tab-selected .pika-next {
color: #525461
}
.appSubtabs .tabs__item.is-tab-disabled {
color: #c2c4ce
}
.appSubtabs .tabs__item {
font-size: .7857142857rem;
padding: 1.6428571429rem .5714285714rem 1.4285714286rem;
position: relative;
line-height: 0;
width: auto;
min-width: 100px;
-webkit-transition: color .2s ease-out;
-o-transition: color .2s ease-out;
transition: color .2s ease-out
}
.appSubtabs .tabs__item .icon,
.appSubtabs .tabs__item .appPikaday .pika-prev,
.appPikaday .appSubtabs .tabs__item .pika-prev,
.appSubtabs .tabs__item .appPikaday .pika-next,
.appPikaday .appSubtabs .tabs__item .pika-next {
font-size: 1.0714285714rem;
vertical-align: middle;
margin-right: .4285714286rem;
line-height: 0
}
.appSubtabs .tabs__item.is-tab-selected:before,
.appSubtabs .tabs__item.is-tab-selected:after {
position: absolute;
width: 0;
height: 0;
display: block;
content: " ";
border-color: transparent;
pointer-events: none;
border-width: .5rem;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
border-style: solid solid outset
}
.appSubtabs .tabs__item.is-tab-selected:after {
bottom: -.8571428571rem;
border-top-color: #fff
}
.appSubtabs .tabs__item.is-tab-selected:before {
bottom: -1rem;
border-top-color: rgba(196, 196, 196, 0.75)
}
.appSubtabs--dark {
background-color: #1c1e2d;
color: #abb;
border-top-color: #515151;
border-bottom-color: #515151
}
.appSubtabs--dark .tabs__item:hover {
color: #d5dddd
}
.appSubtabs--dark .tabs__item.is-tab-selected {
color: #fff
}
.appSubtabs--dark .tabs__item.is-tab-selected .icon,
.appSubtabs--dark .tabs__item.is-tab-selected .appPikaday .pika-prev,
.appPikaday .appSubtabs--dark .tabs__item.is-tab-selected .pika-prev,
.appSubtabs--dark .tabs__item.is-tab-selected .appPikaday .pika-next,
.appPikaday .appSubtabs--dark .tabs__item.is-tab-selected .pika-next {
color: var(--color-400)
}
.appSubtabs--dark .tabs__item.is-tab-disabled {
color: rgba(170, 187, 187, 0.25)
}
.appSubtabs--dark .tabs__item.is-tab-selected:after {
border-top-color: #1c1e2d
}
.appSubtabs--dark .tabs__item.is-tab-selected:before {
border-top-color: rgba(81, 81, 81, 0.75)
}
.appSubtabs--cozy .tabs__item {
padding: 1.2857142857rem .5714285714rem 1.0714285714rem
}
@media only screen and (max-width: 800px) {
.appSubtabs--responsive .tabs__item {
min-width: 30px
}
.appSubtabs--responsive .appSubtabs__label {
display: none
}
}
.appTabs {
margin: 0;
padding: 0;
list-style: none;
width: 100%;
text-align: center;
font-size: 0;
text-transform: uppercase;
border-bottom-width: 1px;
border-bottom-style: solid;
color: #a4a7b5;
border-bottom-color: #c4c4c4
}
.appTabs .tabs__item:hover {
color: #7e8190
}
.appTabs .tabs__item.is-tab-selected {
color: #525461;
border-bottom-color: var(--color-500)
}
.appTabs .tabs__item.is-tab-disabled {
color: #c2c4ce
}
.appTabs .tabs__item {
font-size: .8571428571rem;
border-bottom: 3px solid transparent;
padding: 1.1428571429rem;
width: auto;
min-width: 100px;
-webkit-transition: color .2s ease-out, border-bottom-color .2s ease-out;
-o-transition: color .2s ease-out, border-bottom-color .2s ease-out;
transition: color .2s ease-out, border-bottom-color .2s ease-out
}
.appTabs .tabs__item.is-tab-loading {
-webkit-animation: appTabItemLoading 0.5s alternate infinite;
animation: appTabItemLoading 0.5s alternate infinite
}
.appTabs--dark {
color: #abb;
border-bottom-color: #515151
}
.appTabs--dark .tabs__item:hover {
color: #d5dddd
}
.appTabs--dark .tabs__item.is-tab-selected {
color: #fff;
border-bottom-color: var(--color-500)
}
.appTabs--dark .tabs__item.is-tab-disabled {
color: rgba(170, 187, 187, 0.25)
}
.appTabs--flexible .tabs__item {
min-width: auto;
margin-left: 4px;
margin-right: 4px
}
.appTabs--cozy .tabs__item {
padding: .6428571429rem .5714285714rem .5rem;
width: auto;
height: 30px
}
.appTabs--compressed .tabs__item {
text-transform: none;
padding: .2857142857rem 0 .2857142857rem 0;
margin-right: 22px;
min-width: 0;
width: auto
}
.appTabs--compressed .tabs__item.is-tab-loading {
-webkit-transition: border-bottom-color 0s;
-o-transition: border-bottom-color 0s;
transition: border-bottom-color 0s;
border-bottom-color: #c4c4c4;
cursor: wait
}
.appTabs--alignLeft {
text-align: left
}
.appTag {
background-color: #f6f6f6;
border: 1px solid #ddd;
color: var(--color-300);
padding: 0.3em 0.8em 0.4em;
font-size: 1em;
margin-bottom: .8571428571rem;
border-radius: 2px
}
.appTag+.appTag {
margin-left: 1ex
}
.appTag--cozy {
font-size: 12px;
padding: 4px 6px;
margin-bottom: 6px
}
.appTag--cozy .appTag__close {
top: -1px
}
.appTag--dark {
color: #ffffff;
border-color: #333;
background-color: #000000
}
.appTag--dark .appTag__close {
color: #ffffff
}
.appTag--transparent {
background-color: transparent
}
.appTag--white {
color: #fff;
border-color: #fff
}
.appTag--white .appTag__close {
color: #ffffff
}
.appTag__close {
position: relative;
font-family: 'jaze';
display: inline-block;
color: var(--color-500);
font-size: 0.6em;
margin-left: 0.8em;
cursor: pointer
}
.appTag__close:before {
content: "\e6cc"
}
.appTag__close:hover {
color: #338cff
}
.appTags {
margin-bottom: 24px
}
.appTags--wrapped .appTag {
margin-left: 0;
margin-right: 1ex
}
.appTextButton {
display: inline;
color: var(--color-500);
padding: 0;
background: none;
border: none;
cursor: pointer;
-webkit-box-shadow: none;
box-shadow: none
}
.appTextButton:hover {
color: var(--color-400)
}
.appToastContainer {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 140;
pointer-events: none;
padding: 60px 10px 0;
display: -webkit-box;
display: -moz-flex;
display: -ms-flex;
display: -ms-flexbox;
display: flex;
-ms-justify-content: center;
-webkit-box-pack: center;
justify-content: center;
-ms-flex-pack: center;
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-ms-align-items: flex-end;
-ms-flex-align: flex-end;
-webkit-box-align: end;
align-items: flex-end
}
.appToastContainer--topLeft,
.appToastContainer--topCenter,
.appToastContainer--topRight {
top: 0;
bottom: auto
}
.appToastContainer--bottomLeft,
.appToastContainer--bottomCenter,
.appToastContainer--bottomRight {
top: auto;
bottom: 10px
}
.appToastContainer--topLeft,
.appToastContainer--bottomLeft {
left: 50px;
right: auto
}
.appToastContainer--topCenter,
.appToastContainer--bottomCenter {
left: 50%;
margin-left: -190px;
right: auto
}
.appToastContainer--topRight,
.appToastContainer--bottomRight {
left: auto;
right: 0
}
.appToast {
background-color: #111;
color: #a7acb0;
border: 1px solid #454d51;
padding: 10px;
border-radius: 3px;
position: relative;
-webkit-box-shadow: 0 .7142857143rem 2.5rem rgba(0, 0, 0, 0.5);
box-shadow: 0 .7142857143rem 2.5rem rgba(0, 0, 0, 0.5);
width: 380px;
max-width: calc(100vw - 70px);
pointer-events: auto
}
.appToast+.appToast {
margin-top: .3571428571rem
}
.appToast__close {
position: absolute;
font-size: 10px;
top: 5px;
right: 5px
}
.appToast__header {
color: white;
font-size: 12px;
font-weight: bold;
margin-bottom: 8px
}
.appToast__icon {
position: relative;
color: var(--color-500);
font-size: 16px;
width: 28px;
top: -2px
}
.appToast__content {
padding-right: 10px
}
.appToast__content p {
font-size: 12px;
margin-bottom: 8px
}
.appToast__body {
margin-top: -3px
}
.appToast__header+.appToast__body {
margin-top: 10px
}
.appToast__header+.appToast__body {
margin-top: 0
}
.appToast--success .appToast__icon {
color: #39cc64
}
.appToast--warning .appToast__icon {
color: #f5a623
}
.appToast--danger .appToast__icon {
color: #f03a3e
}
.appToast--default .appToast__icon {
color: #fff
}
.appTooltipContainer {
position: relative;
display: inline-block
}
.appTooltipContainer--hoverable .appTooltip {
display: none
}
.appTooltipContainer--hoverable:hover .appTooltip {
display: block
}
.appTooltipContainer--prompt {
vertical-align: top;
width: 1.1428571429rem;
height: 1.1428571429rem;
background-color: var(--color-500);
color: #fff;
text-align: center;
padding-top: .0714285714rem;
cursor: pointer;
line-height: 1rem;
font-size: 1rem;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 1.1428571429rem
}
.appTooltipContainer--prompt:before {
content: "?"
}
.appTooltipContainer--withBlankLabel {
margin-left: 0 !important
}
.appTooltip {
z-index: 60;
background-color: #fff;
color: #000;
padding: 15px;
font-size: 11px;
line-height: 1.4;
width: 17.1428571429rem;
border-width: 1px;
border-style: solid;
border-color: #c7d7de;
text-align: left;
cursor: default;
border-radius: 5px;
text-transform: none;
-webkit-box-shadow: 0 .7142857143rem 2.5rem rgba(0, 0, 0, 0.5);
box-shadow: 0 .7142857143rem 2.5rem rgba(0, 0, 0, 0.5);
position: absolute;
bottom: calc(100% + 14px);
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%)
}
.appTooltip:before,
.appTooltip:after {
position: absolute;
width: 0;
height: 0;
display: block;
content: " ";
border-color: transparent;
pointer-events: none;
border-width: .7857142857rem;
left: calc(50% - .7857142857rem);
border-style: solid solid outset
}
.appTooltip:after {
bottom: -1.4285714286rem;
border-top-color: #fff
}
.appTooltip:before {
bottom: -1.5714285714rem;
border-top-color: #c7d7de
}
.appTooltip__header {
text-transform: uppercase;
font-size: 13px;
font-weight: 700;
margin-bottom: 5px
}
.appTooltip--right,
.appTooltip--bottomRight {
left: 0;
-webkit-transform: translateX(-1.0714285714rem);
-ms-transform: translateX(-1.0714285714rem);
transform: translateX(-1.0714285714rem)
}
.appTooltip--right:before,
.appTooltip--right:after,
.appTooltip--bottomRight:before,
.appTooltip--bottomRight:after {
left: .7857142857rem
}
.appTooltip--left,
.appTooltip--bottomLeft {
left: auto;
right: 0;
-webkit-transform: translateX(1.0714285714rem);
-ms-transform: translateX(1.0714285714rem);
transform: translateX(1.0714285714rem)
}
.appTooltip--left:before,
.appTooltip--left:after,
.appTooltip--bottomLeft:before,
.appTooltip--bottomLeft:after {
left: auto;
right: .7857142857rem
}
.appTooltip--bottom,
.appTooltip--bottomLeft,
.appTooltip--bottomRight {
top: calc(100% + 14px);
bottom: auto
}
.appTooltip--bottom:before,
.appTooltip--bottom:after,
.appTooltip--bottomLeft:before,
.appTooltip--bottomLeft:after,
.appTooltip--bottomRight:before,
.appTooltip--bottomRight:after {
border-style: outset solid solid
}
.appTooltip--bottom:after,
.appTooltip--bottomLeft:after,
.appTooltip--bottomRight:after {
top: -1.4285714286rem;
border-top-color: transparent;
border-bottom-color: #fff
}
.appTooltip--bottom:before,
.appTooltip--bottomLeft:before,
.appTooltip--bottomRight:before {
top: -1.5714285714rem;
border-top-color: transparent;
border-bottom-color: #c7d7de
}
.appTooltip--wide {
padding: 2rem 2.5714285714rem;
width: 34.2857142857rem
}
.appTooltip--brief {
text-align: center;
width: initial;
white-space: nowrap
}
.appTooltip--hint {
padding: 1px 9px;
white-space: nowrap;
width: auto;
font-size: 12px;
-webkit-box-shadow: .0714285714rem .0714285714rem .1428571429rem rgba(0, 0, 0, 0.25);
box-shadow: .0714285714rem .0714285714rem .1428571429rem rgba(0, 0, 0, 0.25)
}
.appTooltip--dark {
color: #969BA3;
background-color: #111;
border: 1px solid #515151;
-webkit-box-shadow: 0 .7142857143rem 2.5rem rgba(0, 0, 0, 0.5);
box-shadow: 0 .7142857143rem 2.5rem rgba(0, 0, 0, 0.5);
padding: .7142857143rem .7142857143rem
}
.appTooltip--dark:after {
border-top-color: #111
}
.appTooltip--dark:before {
border-top-color: #515151
}
.appTooltip--dark.appTooltip--bottom:after,
.appTooltip--dark.appTooltip--bottomLeft:after,
.appTooltip--dark.appTooltip--bottomRight:after {
border-top-color: transparent;
border-bottom-color: #111
}
.appTooltip--dark.appTooltip--bottom:before,
.appTooltip--dark.appTooltip--bottomLeft:before,
.appTooltip--dark.appTooltip--bottomRight:before {
border-top-color: transparent;
border-bottom-color: #111
}
body {
font-family: "Inter", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
font-weight: 400
}
h1,
.appH1,
.appAlpha {
font-size: 2.5714285714rem;
line-height: 2.8571428571rem;
font-weight: 300;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin-bottom: 24px
}
h2,
.appH2,
.appBeta {
font-size: 2rem;
line-height: 2.2857142857rem;
font-weight: 400;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin-bottom: 24px
}
h3,
.appH3,
.appGamma {
font-size: 1.5714285714rem;
line-height: 1.8571428571rem;
font-weight: 400;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin-bottom: 24px
}
h4,
.appH4,
.appDelta {
font-size: 1.2857142857rem;
line-height: 1.7142857143rem;
font-weight: 700;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin-bottom: 24px
}
h5,
.appH5,
.appEpsilon {
font-size: 1rem;
line-height: 1.2857142857rem;
font-weight: 700;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin-bottom: 24px
}
h6,
.appSubHeading,
.appH6,
.appZeta {
font-size: .8571428571rem;
line-height: 1.1428571429rem;
font-weight: 900;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin-bottom: 24px
}
p,
.appParagraph {
font-size: 1rem;
line-height: 1.2857142857rem;
margin-bottom: 24px
}
.appType--micro {
font-size: 12px
}
.appType--nano {
font-size: 11px;
line-height: 13px
}
.appType--quiet {
color: #969ba3
}
.appSubHeading {
text-transform: uppercase;
color: #000;
margin-bottom: 0
}
.appSubHeading--small {
font-size: 11px;
font-weight: 700;
letter-spacing: 1.2px
}
.appSubHeading--comfy {
font-size: 13px;
letter-spacing: .05rem
}
.appSubHeading--dark {
color: #fff
}
.appSubHeading--standalone {
border-bottom: 1px solid #ddd;
padding-bottom: 3px
}
.appSubHeading--standalone.appSubHeading--comfy {
padding-bottom: 8px;
margin-bottom: 8px
}
.appSubHeading--standalone.appSubHeading--dark {
border-color: #3e494f
}
.appItemHeading {
font-size: 14px;
font-weight: 700;
margin-bottom: 8px
}
.appType--darkImportant {
color: white
}
.appType--dark {
color: #969BA3
}
.appType--dummy {
background-color: #ddd;
line-height: 0.8;
margin-bottom: 0.2em;
display: inline-block;
color: transparent
}
hr {
border-style: solid;
border-color: #c4c4c4;
border-bottom-width: 0;
margin-bottom: 24px
}
.warning {
color: #f5a623 !important
}
.danger {
color: #f03a3e !important
}
.success {
color: #39cc64 !important
}
.primary {
color: var(--color-500) !important
}
.noTextTransform {
text-transform: none !important
}
.italicized {
font-style: italic
}
.unweighted {
font-weight: normal
}
.noWrap {
white-space: nowrap !important
}
.allowWrap {
white-space: normal !important
}
.noLineHeight {
line-height: 0
}
.appView {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: hidden;
padding-top: 50px;
padding-left: 50px
}
.appView--dark,
.appView--dark .appViewSidePanel {
background-color: #1c1e2d;
background: -owg-linear-gradient(#202930, #000);
background: -o-linear-gradient(#202930, #000);
background: -webkit-gradient(linear, left top, left bottom, from(#202930), to(#000));
background: linear-gradient(#202930, #000);
color: #fff
}
.appView--noGlobalSideNav {
padding-left: 0
}
.appView--panelLayout,
.appView--widePanelLayout,
.appView--settingsPanelLayout {
display: -webkit-box;
display: -moz-flex;
display: -ms-flex;
display: -ms-flexbox;
display: flex
}
.appView--widePanelLayout .appViewSidePanel--right {
width: 840px;
margin-right: -840px;
-webkit-transition: margin-right .3s;
-o-transition: margin-right .3s;
transition: margin-right .3s;
-webkit-box-shadow: none;
box-shadow: none
}
.appView--widePanelLayout .appViewSidePanel--right.is-view-side-panel-open {
margin-right: 0
}
.appView--widePanelLayout .appViewSidePanel--right.is-view-side-panel-open.appViewSidePanel--shadow {
-webkit-box-shadow: -4px 0 0 rgba(0, 0, 0, 0.1), -1px 0 1px rgba(0, 0, 0, 0.2);
box-shadow: -4px 0 0 rgba(0, 0, 0, 0.1), -1px 0 1px rgba(0, 0, 0, 0.2)
}
@media only screen and (min-width: 801px) {
.appView--settingsPanelLayout {
padding-left: 280px
}
}
.is-chrome-hidden .appView {
padding-top: 0;
padding-left: 0
}
.is-property-panel-inline.is-property-panel-open .appView,
.is-property-panel-inline.is-property-panel-closed .appView {
-webkit-transition: right .3s;
-o-transition: right .3s;
transition: right .3s
}
.is-property-panel-inline.is-property-panel-open .appView {
right: 400px
}
.is-overview-panel-inline.is-overview-panel-open .appView,
.is-overview-panel-inline.is-overview-panel-closed .appView {
-webkit-transition: right .3s;
-o-transition: right .3s;
transition: right .3s
}
.is-overview-panel-inline.is-overview-panel-open .appView {
right: 840px
}
.appViewCenterPanel {
-ms-flex: 1;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1
}
.appViewSidePanel {
position: relative;
height: 100%;
z-index: 45;
background: transparent;
color: #000;
overflow-y: auto;
-ms-flex-negative: 0;
flex-shrink: 0;
z-index: 45
}
.appViewSidePanel::-webkit-scrollbar {
width: 12px;
height: 12px
}
.appViewSidePanel::-webkit-scrollbar-thumb {
background-color: var(--jaze-color-scrollbar-thumb, #f1f2f4);
border: 4px solid transparent;
background-clip: content-box;
border-radius: 10px
}
.appViewSidePanel::-webkit-scrollbar-track {
background-color: transparent
}
.appViewSidePanel.is-view-side-panel-open {
max-width: calc(100vw - 50px)
}
.appViewSidePanel--navigation .appMenu__item--divider {
border-top: none;
margin-top: 2px
}
.appViewSidePanelCloseButton {
position: absolute;
z-index: 1;
top: 12px;
right: 12px;
font-size: 12px
}
.appViewSidePanel__title {
font-size: 16px;
text-transform: uppercase;
letter-spacing: .1em;
border-bottom: 1px solid;
padding-bottom: 10px;
margin-bottom: 10px
}
.appView--dark .appViewSidePanel__title {
color: #fff;
border-color: #3e494f
}
.appViewSidePanel__inner {
height: 100%;
*zoom: 1
}
.appViewSidePanel__inner:before,
.appViewSidePanel__inner:after {
content: " ";
display: table
}
.appViewSidePanel__inner:after {
clear: both
}
.appViewSidePanel--left {
width: 400px;
margin-left: -400px;
-webkit-transition: margin-left .3s;
-o-transition: margin-left .3s;
transition: margin-left .3s;
-webkit-box-shadow: none;
box-shadow: none
}
.appViewSidePanel--left.is-view-side-panel-open {
margin-left: 0
}
.appViewSidePanel--left.is-view-side-panel-open.appViewSidePanel--shadow {
-webkit-box-shadow: 4px 0 0 rgba(0, 0, 0, 0.1), 1px 0 1px rgba(0, 0, 0, 0.2);
box-shadow: 4px 0 0 rgba(0, 0, 0, 0.1), 1px 0 1px rgba(0, 0, 0, 0.2)
}
.appViewSidePanel--right {
width: 400px;
margin-right: -400px;
-webkit-transition: margin-right .3s;
-o-transition: margin-right .3s;
transition: margin-right .3s;
-webkit-box-shadow: none;
box-shadow: none
}
.appViewSidePanel--right.is-view-side-panel-open {
margin-right: 0
}
.appViewSidePanel--right.is-view-side-panel-open.appViewSidePanel--shadow {
-webkit-box-shadow: -4px 0 0 rgba(0, 0, 0, 0.1), -1px 0 1px rgba(0, 0, 0, 0.2);
box-shadow: -4px 0 0 rgba(0, 0, 0, 0.1), -1px 0 1px rgba(0, 0, 0, 0.2)
}
.appViewSidePanel--menu .appMenu__item,
.appViewSidePanel--menuWide .appMenu__item {
padding: 1.1428571429rem 1.7142857143rem
}
.appViewSidePanel--menu {
width: 180px;
-webkit-transition: margin-left .3s;
-o-transition: margin-left .3s;
transition: margin-left .3s;
-webkit-box-shadow: none;
box-shadow: none
}
.appViewSidePanel--menuWide {
width: 220px;
-webkit-transition: margin-left .3s;
-o-transition: margin-left .3s;
transition: margin-left .3s;
-webkit-box-shadow: none;
box-shadow: none
}
.appViewSidePanel--navigation {
width: 230px;
-webkit-transition: margin-left .3s;
-o-transition: margin-left .3s;
transition: margin-left .3s;
-webkit-box-shadow: none;
box-shadow: none;
border-right: none;
padding: 25px 15px
}
.appViewSidePanel--navigation .appMenu__item {
position: relative;
padding: 10px 30px
}
.appViewSidePanel--navigation .appMenu__item.is-menu-item-selected:after {
position: absolute;
top: 0;
right: -15px;
width: 0;
height: 0;
display: block;
content: " ";
border-style: solid;
border-width: 15px 15px 0 0;
border-color: transparent;
border-top-color: #e9f0f4
}
anel--navigation .appMenu__item.is-menu-item-selected:after {
border-top-color: #00a0df
}
.appViewSidePanel--navigation .appMenu__item--withBadge {
padding-right: 48px
}
.appViewSidePanelContent {
overflow-y: auto !important;
background-color: #fff;
border-left: 1px solid #ccc;
padding: 0
}
.appViewSidePanelContent::-webkit-scrollbar {
width: 12px;
height: 12px
}
.appViewSidePanelContent::-webkit-scrollbar-thumb {
background-color: var(--jaze-color-scrollbar-thumb, #f1f2f4);
border: 4px solid transparent;
background-clip: content-box;
border-radius: 10px
}
.appViewSidePanelContent::-webkit-scrollbar-track {
background-color: transparent
}
.appViewSidePanelContentItem:not(.is-undocked) {
border-bottom: 1px solid #ccc
}
.appViewSidePanel--withToggleButton {
overflow-y: visible
}
.appViewSidePanelToggleButton {
cursor: pointer;
position: absolute;
top: 7px;
left: -32px;
width: 32px;
height: 32px;
color: #fff;
z-index: 46
}
.is-view-side-panel-closed .appViewSidePanelToggleButton {
-webkit-animation: appViewSidePanelToggleButtonShake 0.4s 0.2s 1 ease-in-out;
animation: appViewSidePanelToggleButtonShake 0.4s 0.2s 1 ease-in-out;
-webkit-animation-delay: .3s;
animation-delay: .3s
}
.is-view-side-panel-open .appViewSidePanelToggleButton {
display: none
}
.appViewSidePanelToggleButton__background {
height: 100%;
width: 100%;
background-color: #2b3038;
border-radius: 16px 0 16px 16px;
-webkit-box-shadow: -2px 2px 0px 0px rgba(0, 0, 0, 0.2);
box-shadow: -2px 2px 0px 0px rgba(0, 0, 0, 0.2)
}
.appViewSidePanelToggleButton:hover .appViewSidePanelToggleButton__background {
background-color: #706f6f
}
.appViewSidePanelToggleButton__icon {
position: absolute;
top: 8px;
right: 8px;
font-size: 16px;
z-index: 4
}
.appViewSidePanelToggleButton--cozy {
top: 3px;
left: -24px;
width: 24px;
height: 24px
}
.appViewSidePanelToggleButton--cozy .appViewSidePanelToggleButton__icon {
top: 5px;
right: 5px;
font-size: 14px
}
.appViewSidePanel--right .appViewSidePanelToggleButton {
left: -42px
}
.appViewSidePanel--right .appViewSidePanelToggleButton--cozy {
left: -32px
}
@-webkit-keyframes appViewSidePanelToggleButtonShake {
0%,
20%,
50%,
80%,
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
40% {
-webkit-transform: translateX(-3px);
-ms-transform: translateX(-3px);
transform: translateX(-3px)
}
60% {
-webkit-transform: translateX(-1px);
-ms-transform: translateX(-1px);
transform: translateX(-1px)
}
}
@keyframes appViewSidePanelToggleButtonShake {
0%,
20%,
50%,
80%,
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
40% {
-webkit-transform: translateX(-3px);
-ms-transform: translateX(-3px);
transform: translateX(-3px)
}
60% {
-webkit-transform: translateX(-1px);
-ms-transform: translateX(-1px);
transform: translateX(-1px)
}
}
/*! angularjs-slider - v6.6.1 -
(c) Rafal Zajac , Valentin Hervieu , Jussi Saarivirta , Angelin Sirbu -
https://github.com/angular-slider/angularjs-slider -
2018-06-30 */
.rzslider {
position: relative;
display: inline-block;
width: 100%;
height: 4px;
margin: 35px 0 15px 0;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.rzslider.with-legend {
margin-bottom: 40px
}
.rzslider[disabled] {
cursor: not-allowed
}
.rzslider[disabled] .rz-pointer {
cursor: not-allowed;
background-color: #d8e0f3
}
.rzslider[disabled] .rz-draggable {
cursor: not-allowed
}
.rzslider[disabled] .rz-selection {
background: #8b91a2
}
.rzslider[disabled] .rz-tick {
cursor: not-allowed
}
.rzslider[disabled] .rz-tick.rz-selected {
background: #8b91a2
}
.rzslider span {
position: absolute;
display: inline-block;
white-space: nowrap
}
.rzslider .rz-base {
width: 100%;
height: 100%;
padding: 0
}
.rzslider .rz-bar-wrapper {
left: 0;
z-index: 1;
width: 100%;
height: 32px;
padding-top: 16px;
margin-top: -16px;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.rzslider .rz-draggable {
cursor: move
}
.rzslider .rz-bar {
left: 0;
z-index: 1;
width: 100%;
height: 4px;
background: #d8e0f3;
border-radius: 2px
}
.rzslider .rz-bar-wrapper.rz-transparent .rz-bar {
background: transparent
}
.rzslider .rz-bar-wrapper.rz-left-out-selection .rz-bar {
background: #df002d
}
.rzslider .rz-bar-wrapper.rz-right-out-selection .rz-bar {
background: #03a688
}
.rzslider .rz-selection {
z-index: 2;
background: #0db9f0;
border-radius: 2px
}
.rzslider .rz-restricted {
z-index: 3;
background: #ff0000;
border-radius: 2px
}
.rzslider .rz-pointer {
top: -14px;
z-index: 3;
width: 32px;
height: 32px;
cursor: pointer;
background-color: #0db9f0;
border-radius: 16px
}
.rzslider .rz-pointer:after {
position: absolute;
top: 12px;
left: 12px;
width: 8px;
height: 8px;
background: #ffffff;
border-radius: 4px;
content: ''
}
.rzslider .rz-pointer:hover:after {
background-color: #ffffff
}
.rzslider .rz-pointer.rz-active {
z-index: 4
}
.rzslider .rz-pointer.rz-active:after {
background-color: #451aff
}
.rzslider .rz-bubble {
bottom: 16px;
padding: 1px 3px;
color: #55637d;
cursor: default
}
.rzslider .rz-bubble.rz-limit {
color: #55637d
}
.rzslider .rz-ticks {
position: absolute;
top: -3px;
left: 0;
z-index: 1;
width: 100%;
height: 0;
margin: 0;
list-style: none;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.rzslider .rz-ticks-values-under .rz-tick-value {
top: auto;
bottom: -32px
}
.rzslider .rz-tick {
position: absolute;
top: 0;
left: 0;
width: 10px;
height: 10px;
margin-left: 11px;
text-align: center;
cursor: pointer;
background: #d8e0f3;
border-radius: 50%
}
.rzslider .rz-tick.rz-selected {
background: #0db9f0
}
.rzslider .rz-tick-value {
position: absolute;
top: -30px;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0)
}
.rzslider .rz-tick-legend {
position: absolute;
top: 24px;
max-width: 50px;
white-space: normal;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0)
}
.rzslider.rz-vertical {
position: relative;
width: 4px;
height: 100%;
padding: 0;
margin: 0 20px;
vertical-align: baseline
}
.rzslider.rz-vertical .rz-base {
width: 100%;
height: 100%;
padding: 0
}
.rzslider.rz-vertical .rz-bar-wrapper {
top: auto;
left: 0;
width: 32px;
height: 100%;
padding: 0 0 0 16px;
margin: 0 0 0 -16px
}
.rzslider.rz-vertical .rz-bar {
bottom: 0;
left: auto;
width: 4px;
height: 100%
}
.rzslider.rz-vertical .rz-pointer {
top: auto;
bottom: 0;
left: -14px !important
}
.rzslider.rz-vertical .rz-bubble {
bottom: 0;
left: 16px !important;
margin-left: 3px
}
.rzslider.rz-vertical .rz-ticks {
top: 0;
left: -3px;
z-index: 1;
width: 0;
height: 100%
}
.rzslider.rz-vertical .rz-tick {
margin-top: 11px;
margin-left: auto;
vertical-align: middle
}
.rzslider.rz-vertical .rz-tick-value {
top: auto;
left: 24px;
-webkit-transform: translate(0, -28%);
-ms-transform: translate(0, -28%);
transform: translate(0, -28%)
}
.rzslider.rz-vertical .rz-tick-legend {
top: auto;
right: 24px;
max-width: none;
white-space: nowrap;
-webkit-transform: translate(0, -28%);
-ms-transform: translate(0, -28%);
transform: translate(0, -28%)
}
.rzslider.rz-vertical .rz-ticks-values-under .rz-tick-value {
right: 24px;
bottom: auto;
left: auto
}
/*!
* Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
* License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
*/
@font-face {
font-family: 'FontAwesome';
src: url("../fonts/fontawesome-webfont.eot?v=4.7.0");
src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("../fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg");
font-weight: normal;
font-style: normal
}
.fa {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.fa-lg {
font-size: 1.3333333333em;
line-height: .75em;
vertical-align: -15%
}
.fa-2x {
font-size: 2em
}
.fa-3x {
font-size: 3em
}
.fa-4x {
font-size: 4em
}
.fa-5x {
font-size: 5em
}
.fa-fw {
width: 1.2857142857em;
text-align: center
}
.fa-ul {
padding-left: 0;
margin-left: 2.1428571429em;
list-style-type: none
}
.fa-ul>li {
position: relative
}
.fa-li {
position: absolute;
left: -2.1428571429em;
width: 2.1428571429em;
top: .1428571429em;
text-align: center
}
.fa-li.fa-lg {
left: -1.8571428571em
}
.fa-border {
padding: .2em .25em .15em;
border: solid 0.08em #eee;
border-radius: .1em
}
.fa-pull-left {
float: left
}
.fa-pull-right {
float: right
}
.fa.fa-pull-left {
margin-right: .3em
}
.fa.fa-pull-right {
margin-left: .3em
}
.pull-right {
float: right
}
.pull-left {
float: left
}
.fa.pull-left {
margin-right: .3em
}
.fa.pull-right {
margin-left: .3em
}
.fa-spin {
-webkit-animation: fa-spin 2s infinite linear;
animation: fa-spin 2s infinite linear
}
.fa-pulse {
-webkit-animation: fa-spin 1s infinite steps(8);
animation: fa-spin 1s infinite steps(8)
}
@-webkit-keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg)
}
}
@keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg)
}
}
.fa-rotate-90 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg)
}
.fa-rotate-180 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg)
}
.fa-rotate-270 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
-webkit-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg)
}
.fa-flip-horizontal {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
-webkit-transform: scale(-1, 1);
-ms-transform: scale(-1, 1);
transform: scale(-1, 1)
}
.fa-flip-vertical {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
-webkit-transform: scale(1, -1);
-ms-transform: scale(1, -1);
transform: scale(1, -1)
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
-webkit-filter: none;
filter: none
}
.fa-stack {
position: relative;
display: inline-block;
width: 2em;
height: 2em;
line-height: 2em;
vertical-align: middle
}
.fa-stack-1x,
.fa-stack-2x {
position: absolute;
left: 0;
width: 100%;
text-align: center
}
.fa-stack-1x {
line-height: inherit
}
.fa-stack-2x {
font-size: 2em
}
.fa-inverse {
color: #fff
}
.fa-glass:before {
content: ""
}
.fa-music:before {
content: "ï€"
}
.fa-search:before {
content: ""
}
.fa-envelope-o:before {
content: ""
}
.fa-heart:before {
content: ""
}
.fa-star:before {
content: ""
}
.fa-star-o:before {
content: ""
}
.fa-user:before {
content: ""
}
.fa-film:before {
content: ""
}
.fa-th-large:before {
content: ""
}
.fa-th:before {
content: ""
}
.fa-th-list:before {
content: ""
}
.fa-check:before {
content: ""
}
.fa-remove:before,
.fa-close:before,
.fa-times:before {
content: "ï€"
}
.fa-search-plus:before {
content: ""
}
.fa-search-minus:before {
content: "ï€"
}
.fa-power-off:before {
content: ""
}
.fa-signal:before {
content: ""
}
.fa-gear:before,
.fa-cog:before {
content: ""
}
.fa-trash-o:before {
content: ""
}
.fa-home:before {
content: ""
}
.fa-file-o:before {
content: ""
}
.fa-clock-o:before {
content: ""
}
.fa-road:before {
content: ""
}
.fa-download:before {
content: ""
}
.fa-arrow-circle-o-down:before {
content: ""
}
.fa-arrow-circle-o-up:before {
content: ""
}
.fa-inbox:before {
content: ""
}
.fa-play-circle-o:before {
content: "ï€"
}
.fa-rotate-right:before,
.fa-repeat:before {
content: ""
}
.fa-refresh:before {
content: ""
}
.fa-list-alt:before {
content: ""
}
.fa-lock:before {
content: ""
}
.fa-flag:before {
content: ""
}
.fa-headphones:before {
content: ""
}
.fa-volume-off:before {
content: ""
}
.fa-volume-down:before {
content: ""
}
.fa-volume-up:before {
content: ""
}
.fa-qrcode:before {
content: ""
}
.fa-barcode:before {
content: ""
}
.fa-tag:before {
content: ""
}
.fa-tags:before {
content: ""
}
.fa-book:before {
content: "ï€"
}
.fa-bookmark:before {
content: ""
}
.fa-print:before {
content: ""
}
.fa-camera:before {
content: ""
}
.fa-font:before {
content: ""
}
.fa-bold:before {
content: ""
}
.fa-italic:before {
content: ""
}
.fa-text-height:before {
content: ""
}
.fa-text-width:before {
content: ""
}
.fa-align-left:before {
content: ""
}
.fa-align-center:before {
content: ""
}
.fa-align-right:before {
content: ""
}
.fa-align-justify:before {
content: ""
}
.fa-list:before {
content: ""
}
.fa-dedent:before,
.fa-outdent:before {
content: ""
}
.fa-indent:before {
content: ""
}
.fa-video-camera:before {
content: ""
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
content: ""
}
.fa-pencil:before {
content: "ï€"
}
.fa-map-marker:before {
content: "ï"
}
.fa-adjust:before {
content: "ï‚"
}
.fa-tint:before {
content: "ïƒ"
}
.fa-edit:before,
.fa-pencil-square-o:before {
content: "ï„"
}
.fa-share-square-o:before {
content: "ï…"
}
.fa-check-square-o:before {
content: "ï†"
}
.fa-arrows:before {
content: "ï‡"
}
.fa-step-backward:before {
content: "ïˆ"
}
.fa-fast-backward:before {
content: "ï‰"
}
.fa-backward:before {
content: "ïŠ"
}
.fa-play:before {
content: "ï‹"
}
.fa-pause:before {
content: "ïŒ"
}
.fa-stop:before {
content: "ï"
}
.fa-forward:before {
content: "ïŽ"
}
.fa-fast-forward:before {
content: "ï"
}
.fa-step-forward:before {
content: "ï‘"
}
.fa-eject:before {
content: "ï’"
}
.fa-chevron-left:before {
content: "ï“"
}
.fa-chevron-right:before {
content: "ï”"
}
.fa-plus-circle:before {
content: "ï•"
}
.fa-minus-circle:before {
content: "ï–"
}
.fa-times-circle:before {
content: "ï—"
}
.fa-check-circle:before {
content: "ï˜"
}
.fa-question-circle:before {
content: "ï™"
}
.fa-info-circle:before {
content: "ïš"
}
.fa-crosshairs:before {
content: "ï›"
}
.fa-times-circle-o:before {
content: "ïœ"
}
.fa-check-circle-o:before {
content: "ï"
}
.fa-ban:before {
content: "ïž"
}
.fa-arrow-left:before {
content: "ï "
}
.fa-arrow-right:before {
content: "ï¡"
}
.fa-arrow-up:before {
content: "ï¢"
}
.fa-arrow-down:before {
content: "ï£"
}
.fa-mail-forward:before,
.fa-share:before {
content: "ï¤"
}
.fa-expand:before {
content: "ï¥"
}
.fa-compress:before {
content: "ï¦"
}
.fa-plus:before {
content: "ï§"
}
.fa-minus:before {
content: "ï¨"
}
.fa-asterisk:before {
content: "ï©"
}
.fa-exclamation-circle:before {
content: "ïª"
}
.fa-gift:before {
content: "ï«"
}
.fa-leaf:before {
content: "ï¬"
}
.fa-fire:before {
content: "ï"
}
.fa-eye:before {
content: "ï®"
}
.fa-eye-slash:before {
content: "ï°"
}
.fa-warning:before,
.fa-exclamation-triangle:before {
content: "ï±"
}
.fa-plane:before {
content: "ï²"
}
.fa-calendar:before {
content: "ï³"
}
.fa-random:before {
content: "ï´"
}
.fa-comment:before {
content: "ïµ"
}
.fa-magnet:before {
content: "ï¶"
}
.fa-chevron-up:before {
content: "ï·"
}
.fa-chevron-down:before {
content: "ï¸"
}
.fa-retweet:before {
content: "ï¹"
}
.fa-shopping-cart:before {
content: "ïº"
}
.fa-folder:before {
content: "ï»"
}
.fa-folder-open:before {
content: "ï¼"
}
.fa-arrows-v:before {
content: "ï½"
}
.fa-arrows-h:before {
content: "ï¾"
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
content: "ï‚€"
}
.fa-twitter-square:before {
content: "ï‚"
}
.fa-facebook-square:before {
content: "ï‚‚"
}
.fa-camera-retro:before {
content: ""
}
.fa-key:before {
content: "ï‚„"
}
.fa-gears:before,
.fa-cogs:before {
content: "ï‚…"
}
.fa-comments:before {
content: ""
}
.fa-thumbs-o-up:before {
content: ""
}
.fa-thumbs-o-down:before {
content: ""
}
.fa-star-half:before {
content: ""
}
.fa-heart-o:before {
content: "ï‚Š"
}
.fa-sign-out:before {
content: "ï‚‹"
}
.fa-linkedin-square:before {
content: ""
}
.fa-thumb-tack:before {
content: "ï‚"
}
.fa-external-link:before {
content: "ï‚Ž"
}
.fa-sign-in:before {
content: "ï‚"
}
.fa-trophy:before {
content: "ï‚‘"
}
.fa-github-square:before {
content: "ï‚’"
}
.fa-upload:before {
content: "ï‚“"
}
.fa-lemon-o:before {
content: "ï‚”"
}
.fa-phone:before {
content: "ï‚•"
}
.fa-square-o:before {
content: "ï‚–"
}
.fa-bookmark-o:before {
content: "ï‚—"
}
.fa-phone-square:before {
content: ""
}
.fa-twitter:before {
content: "ï‚™"
}
.fa-facebook-f:before,
.fa-facebook:before {
content: "ï‚š"
}
.fa-github:before {
content: "ï‚›"
}
.fa-unlock:before {
content: ""
}
.fa-credit-card:before {
content: "ï‚"
}
.fa-feed:before,
.fa-rss:before {
content: "ï‚ž"
}
.fa-hdd-o:before {
content: "ï‚ "
}
.fa-bullhorn:before {
content: "ï‚¡"
}
.fa-bell:before {
content: ""
}
.fa-certificate:before {
content: "ï‚£"
}
.fa-hand-o-right:before {
content: ""
}
.fa-hand-o-left:before {
content: "ï‚¥"
}
.fa-hand-o-up:before {
content: ""
}
.fa-hand-o-down:before {
content: ""
}
.fa-arrow-circle-left:before {
content: ""
}
.fa-arrow-circle-right:before {
content: "ï‚©"
}
.fa-arrow-circle-up:before {
content: ""
}
.fa-arrow-circle-down:before {
content: "ï‚«"
}
.fa-globe:before {
content: ""
}
.fa-wrench:before {
content: "ï‚"
}
.fa-tasks:before {
content: "ï‚®"
}
.fa-filter:before {
content: "ï‚°"
}
.fa-briefcase:before {
content: ""
}
.fa-arrows-alt:before {
content: ""
}
.fa-group:before,
.fa-users:before {
content: ""
}
.fa-chain:before,
.fa-link:before {
content: "ïƒ"
}
.fa-cloud:before {
content: ""
}
.fa-flask:before {
content: ""
}
.fa-cut:before,
.fa-scissors:before {
content: ""
}
.fa-copy:before,
.fa-files-o:before {
content: ""
}
.fa-paperclip:before {
content: ""
}
.fa-save:before,
.fa-floppy-o:before {
content: ""
}
.fa-square:before {
content: ""
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
content: ""
}
.fa-list-ul:before {
content: ""
}
.fa-list-ol:before {
content: ""
}
.fa-strikethrough:before {
content: ""
}
.fa-underline:before {
content: "ïƒ"
}
.fa-table:before {
content: ""
}
.fa-magic:before {
content: "ïƒ"
}
.fa-truck:before {
content: ""
}
.fa-pinterest:before {
content: ""
}
.fa-pinterest-square:before {
content: ""
}
.fa-google-plus-square:before {
content: ""
}
.fa-google-plus:before {
content: ""
}
.fa-money:before {
content: ""
}
.fa-caret-down:before {
content: ""
}
.fa-caret-up:before {
content: ""
}
.fa-caret-left:before {
content: ""
}
.fa-caret-right:before {
content: ""
}
.fa-columns:before {
content: ""
}
.fa-unsorted:before,
.fa-sort:before {
content: ""
}
.fa-sort-down:before,
.fa-sort-desc:before {
content: "ïƒ"
}
.fa-sort-up:before,
.fa-sort-asc:before {
content: ""
}
.fa-envelope:before {
content: "ïƒ "
}
.fa-linkedin:before {
content: ""
}
.fa-rotate-left:before,
.fa-undo:before {
content: ""
}
.fa-legal:before,
.fa-gavel:before {
content: ""
}
.fa-dashboard:before,
.fa-tachometer:before {
content: ""
}
.fa-comment-o:before {
content: ""
}
.fa-comments-o:before {
content: ""
}
.fa-flash:before,
.fa-bolt:before {
content: ""
}
.fa-sitemap:before {
content: ""
}
.fa-umbrella:before {
content: ""
}
.fa-paste:before,
.fa-clipboard:before {
content: ""
}
.fa-lightbulb-o:before {
content: ""
}
.fa-exchange:before {
content: ""
}
.fa-cloud-download:before {
content: "ïƒ"
}
.fa-cloud-upload:before {
content: ""
}
.fa-user-md:before {
content: ""
}
.fa-stethoscope:before {
content: ""
}
.fa-suitcase:before {
content: ""
}
.fa-bell-o:before {
content: "ï‚¢"
}
.fa-coffee:before {
content: ""
}
.fa-cutlery:before {
content: ""
}
.fa-file-text-o:before {
content: ""
}
.fa-building-o:before {
content: ""
}
.fa-hospital-o:before {
content: ""
}
.fa-ambulance:before {
content: ""
}
.fa-medkit:before {
content: ""
}
.fa-fighter-jet:before {
content: ""
}
.fa-beer:before {
content: ""
}
.fa-h-square:before {
content: ""
}
.fa-plus-square:before {
content: ""
}
.fa-angle-double-left:before {
content: "ï„€"
}
.fa-angle-double-right:before {
content: "ï„"
}
.fa-angle-double-up:before {
content: "ï„‚"
}
.fa-angle-double-down:before {
content: ""
}
.fa-angle-left:before {
content: "ï„„"
}
.fa-angle-right:before {
content: "ï„…"
}
.fa-angle-up:before {
content: ""
}
.fa-angle-down:before {
content: ""
}
.fa-desktop:before {
content: ""
}
.fa-laptop:before {
content: ""
}
.fa-tablet:before {
content: "ï„Š"
}
.fa-mobile-phone:before,
.fa-mobile:before {
content: "ï„‹"
}
.fa-circle-o:before {
content: ""
}
.fa-quote-left:before {
content: "ï„"
}
.fa-quote-right:before {
content: "ï„Ž"
}
.fa-spinner:before {
content: "ï„"
}
.fa-circle:before {
content: "ï„‘"
}
.fa-mail-reply:before,
.fa-reply:before {
content: "ï„’"
}
.fa-github-alt:before {
content: "ï„“"
}
.fa-folder-o:before {
content: "ï„”"
}
.fa-folder-open-o:before {
content: "ï„•"
}
.fa-smile-o:before {
content: ""
}
.fa-frown-o:before {
content: "ï„™"
}
.fa-meh-o:before {
content: "ï„š"
}
.fa-gamepad:before {
content: "ï„›"
}
.fa-keyboard-o:before {
content: ""
}
.fa-flag-o:before {
content: "ï„"
}
.fa-flag-checkered:before {
content: "ï„ž"
}
.fa-terminal:before {
content: "ï„ "
}
.fa-code:before {
content: "ï„¡"
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
content: "ï„¢"
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
content: "ï„£"
}
.fa-location-arrow:before {
content: ""
}
.fa-crop:before {
content: "ï„¥"
}
.fa-code-fork:before {
content: ""
}
.fa-unlink:before,
.fa-chain-broken:before {
content: ""
}
.fa-question:before {
content: ""
}
.fa-info:before {
content: "ï„©"
}
.fa-exclamation:before {
content: ""
}
.fa-superscript:before {
content: "ï„«"
}
.fa-subscript:before {
content: ""
}
.fa-eraser:before {
content: "ï„"
}
.fa-puzzle-piece:before {
content: "ï„®"
}
.fa-microphone:before {
content: "ï„°"
}
.fa-microphone-slash:before {
content: ""
}
.fa-shield:before {
content: ""
}
.fa-calendar-o:before {
content: ""
}
.fa-fire-extinguisher:before {
content: "ï„´"
}
.fa-rocket:before {
content: ""
}
.fa-maxcdn:before {
content: ""
}
.fa-chevron-circle-left:before {
content: "ï„·"
}
.fa-chevron-circle-right:before {
content: ""
}
.fa-chevron-circle-up:before {
content: ""
}
.fa-chevron-circle-down:before {
content: ""
}
.fa-html5:before {
content: "ï„»"
}
.fa-css3:before {
content: ""
}
.fa-anchor:before {
content: ""
}
.fa-unlock-alt:before {
content: ""
}
.fa-bullseye:before {
content: "ï…€"
}
.fa-ellipsis-h:before {
content: "ï…"
}
.fa-ellipsis-v:before {
content: "ï…‚"
}
.fa-rss-square:before {
content: "ï…ƒ"
}
.fa-play-circle:before {
content: "ï…„"
}
.fa-ticket:before {
content: "ï……"
}
.fa-minus-square:before {
content: "ï…†"
}
.fa-minus-square-o:before {
content: "ï…‡"
}
.fa-level-up:before {
content: "ï…ˆ"
}
.fa-level-down:before {
content: "ï…‰"
}
.fa-check-square:before {
content: "ï…Š"
}
.fa-pencil-square:before {
content: "ï…‹"
}
.fa-external-link-square:before {
content: ""
}
.fa-share-square:before {
content: "ï…"
}
.fa-compass:before {
content: "ï…Ž"
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
content: "ï…"
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
content: "ï…‘"
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
content: "ï…’"
}
.fa-euro:before,
.fa-eur:before {
content: "ï…“"
}
.fa-gbp:before {
content: "ï…”"
}
.fa-dollar:before,
.fa-usd:before {
content: "ï…•"
}
.fa-rupee:before,
.fa-inr:before {
content: "ï…–"
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
content: "ï…—"
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
content: "ï…˜"
}
.fa-won:before,
.fa-krw:before {
content: "ï…™"
}
.fa-bitcoin:before,
.fa-btc:before {
content: "ï…š"
}
.fa-file:before {
content: "ï…›"
}
.fa-file-text:before {
content: ""
}
.fa-sort-alpha-asc:before {
content: "ï…"
}
.fa-sort-alpha-desc:before {
content: "ï…ž"
}
.fa-sort-amount-asc:before {
content: "ï… "
}
.fa-sort-amount-desc:before {
content: "ï…¡"
}
.fa-sort-numeric-asc:before {
content: "ï…¢"
}
.fa-sort-numeric-desc:before {
content: "ï…£"
}
.fa-thumbs-up:before {
content: "ï…¤"
}
.fa-thumbs-down:before {
content: "ï…¥"
}
.fa-youtube-square:before {
content: "ï…¦"
}
.fa-youtube:before {
content: "ï…§"
}
.fa-xing:before {
content: "ï…¨"
}
.fa-xing-square:before {
content: "ï…©"
}
.fa-youtube-play:before {
content: "ï…ª"
}
.fa-dropbox:before {
content: "ï…«"
}
.fa-stack-overflow:before {
content: "ï…¬"
}
.fa-instagram:before {
content: "ï…"
}
.fa-flickr:before {
content: "ï…®"
}
.fa-adn:before {
content: "ï…°"
}
.fa-bitbucket:before {
content: "ï…±"
}
.fa-bitbucket-square:before {
content: "ï…²"
}
.fa-tumblr:before {
content: "ï…³"
}
.fa-tumblr-square:before {
content: "ï…´"
}
.fa-long-arrow-down:before {
content: "ï…µ"
}
.fa-long-arrow-up:before {
content: "ï…¶"
}
.fa-long-arrow-left:before {
content: "ï…·"
}
.fa-long-arrow-right:before {
content: "ï…¸"
}
.fa-apple:before {
content: "ï…¹"
}
.fa-windows:before {
content: "ï…º"
}
.fa-android:before {
content: "ï…»"
}
.fa-linux:before {
content: "ï…¼"
}
.fa-dribbble:before {
content: "ï…½"
}
.fa-skype:before {
content: "ï…¾"
}
.fa-foursquare:before {
content: ""
}
.fa-trello:before {
content: "ï†"
}
.fa-female:before {
content: ""
}
.fa-male:before {
content: ""
}
.fa-gittip:before,
.fa-gratipay:before {
content: ""
}
.fa-sun-o:before {
content: ""
}
.fa-moon-o:before {
content: ""
}
.fa-archive:before {
content: ""
}
.fa-bug:before {
content: ""
}
.fa-vk:before {
content: ""
}
.fa-weibo:before {
content: ""
}
.fa-renren:before {
content: ""
}
.fa-pagelines:before {
content: ""
}
.fa-stack-exchange:before {
content: "ï†"
}
.fa-arrow-circle-o-right:before {
content: ""
}
.fa-arrow-circle-o-left:before {
content: "ï†"
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
content: ""
}
.fa-dot-circle-o:before {
content: ""
}
.fa-wheelchair:before {
content: ""
}
.fa-vimeo-square:before {
content: ""
}
.fa-turkish-lira:before,
.fa-try:before {
content: ""
}
.fa-plus-square-o:before {
content: ""
}
.fa-space-shuttle:before {
content: ""
}
.fa-slack:before {
content: ""
}
.fa-envelope-square:before {
content: ""
}
.fa-wordpress:before {
content: ""
}
.fa-openid:before {
content: ""
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
content: ""
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
content: "ï†"
}
.fa-yahoo:before {
content: ""
}
.fa-google:before {
content: "ï† "
}
.fa-reddit:before {
content: ""
}
.fa-reddit-square:before {
content: ""
}
.fa-stumbleupon-circle:before {
content: ""
}
.fa-stumbleupon:before {
content: ""
}
.fa-delicious:before {
content: ""
}
.fa-digg:before {
content: ""
}
.fa-pied-piper-pp:before {
content: ""
}
.fa-pied-piper-alt:before {
content: ""
}
.fa-drupal:before {
content: ""
}
.fa-joomla:before {
content: ""
}
.fa-language:before {
content: ""
}
.fa-fax:before {
content: ""
}
.fa-building:before {
content: "ï†"
}
.fa-child:before {
content: ""
}
.fa-paw:before {
content: ""
}
.fa-spoon:before {
content: ""
}
.fa-cube:before {
content: ""
}
.fa-cubes:before {
content: ""
}
.fa-behance:before {
content: ""
}
.fa-behance-square:before {
content: ""
}
.fa-steam:before {
content: ""
}
.fa-steam-square:before {
content: ""
}
.fa-recycle:before {
content: ""
}
.fa-automobile:before,
.fa-car:before {
content: ""
}
.fa-cab:before,
.fa-taxi:before {
content: ""
}
.fa-tree:before {
content: ""
}
.fa-spotify:before {
content: ""
}
.fa-deviantart:before {
content: ""
}
.fa-soundcloud:before {
content: ""
}
.fa-database:before {
content: ""
}
.fa-file-pdf-o:before {
content: "ï‡"
}
.fa-file-word-o:before {
content: ""
}
.fa-file-excel-o:before {
content: ""
}
.fa-file-powerpoint-o:before {
content: ""
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
content: ""
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
content: ""
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
content: ""
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
content: ""
}
.fa-file-code-o:before {
content: ""
}
.fa-vine:before {
content: ""
}
.fa-codepen:before {
content: ""
}
.fa-jsfiddle:before {
content: ""
}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
content: "ï‡"
}
.fa-circle-o-notch:before {
content: ""
}
.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
content: "ï‡"
}
.fa-ge:before,
.fa-empire:before {
content: ""
}
.fa-git-square:before {
content: ""
}
.fa-git:before {
content: ""
}
.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
content: ""
}
.fa-tencent-weibo:before {
content: ""
}
.fa-qq:before {
content: ""
}
.fa-wechat:before,
.fa-weixin:before {
content: ""
}
.fa-send:before,
.fa-paper-plane:before {
content: ""
}
.fa-send-o:before,
.fa-paper-plane-o:before {
content: ""
}
.fa-history:before {
content: ""
}
.fa-circle-thin:before {
content: ""
}
.fa-header:before {
content: ""
}
.fa-paragraph:before {
content: "ï‡"
}
.fa-sliders:before {
content: ""
}
.fa-share-alt:before {
content: "ï‡ "
}
.fa-share-alt-square:before {
content: ""
}
.fa-bomb:before {
content: ""
}
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
content: ""
}
.fa-tty:before {
content: ""
}
.fa-binoculars:before {
content: ""
}
.fa-plug:before {
content: ""
}
.fa-slideshare:before {
content: ""
}
.fa-twitch:before {
content: ""
}
.fa-yelp:before {
content: ""
}
.fa-newspaper-o:before {
content: ""
}
.fa-wifi:before {
content: ""
}
.fa-calculator:before {
content: ""
}
.fa-paypal:before {
content: "ï‡"
}
.fa-google-wallet:before {
content: ""
}
.fa-cc-visa:before {
content: ""
}
.fa-cc-mastercard:before {
content: ""
}
.fa-cc-discover:before {
content: ""
}
.fa-cc-amex:before {
content: ""
}
.fa-cc-paypal:before {
content: ""
}
.fa-cc-stripe:before {
content: ""
}
.fa-bell-slash:before {
content: ""
}
.fa-bell-slash-o:before {
content: ""
}
.fa-trash:before {
content: ""
}
.fa-copyright:before {
content: ""
}
.fa-at:before {
content: ""
}
.fa-eyedropper:before {
content: ""
}
.fa-paint-brush:before {
content: ""
}
.fa-birthday-cake:before {
content: ""
}
.fa-area-chart:before {
content: ""
}
.fa-pie-chart:before {
content: ""
}
.fa-line-chart:before {
content: "ïˆ"
}
.fa-lastfm:before {
content: ""
}
.fa-lastfm-square:before {
content: ""
}
.fa-toggle-off:before {
content: ""
}
.fa-toggle-on:before {
content: ""
}
.fa-bicycle:before {
content: ""
}
.fa-bus:before {
content: ""
}
.fa-ioxhost:before {
content: ""
}
.fa-angellist:before {
content: ""
}
.fa-cc:before {
content: ""
}
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
content: ""
}
.fa-meanpath:before {
content: ""
}
.fa-buysellads:before {
content: "ïˆ"
}
.fa-connectdevelop:before {
content: ""
}
.fa-dashcube:before {
content: "ïˆ"
}
.fa-forumbee:before {
content: ""
}
.fa-leanpub:before {
content: ""
}
.fa-sellsy:before {
content: ""
}
.fa-shirtsinbulk:before {
content: ""
}
.fa-simplybuilt:before {
content: ""
}
.fa-skyatlas:before {
content: ""
}
.fa-cart-plus:before {
content: ""
}
.fa-cart-arrow-down:before {
content: ""
}
.fa-diamond:before {
content: ""
}
.fa-ship:before {
content: ""
}
.fa-user-secret:before {
content: ""
}
.fa-motorcycle:before {
content: ""
}
.fa-street-view:before {
content: "ïˆ"
}
.fa-heartbeat:before {
content: ""
}
.fa-venus:before {
content: ""
}
.fa-mars:before {
content: ""
}
.fa-mercury:before {
content: ""
}
.fa-intersex:before,
.fa-transgender:before {
content: ""
}
.fa-transgender-alt:before {
content: ""
}
.fa-venus-double:before {
content: ""
}
.fa-mars-double:before {
content: ""
}
.fa-venus-mars:before {
content: ""
}
.fa-mars-stroke:before {
content: ""
}
.fa-mars-stroke-v:before {
content: ""
}
.fa-mars-stroke-h:before {
content: ""
}
.fa-neuter:before {
content: ""
}
.fa-genderless:before {
content: "ïˆ"
}
.fa-facebook-official:before {
content: ""
}
.fa-pinterest-p:before {
content: ""
}
.fa-whatsapp:before {
content: ""
}
.fa-server:before {
content: ""
}
.fa-user-plus:before {
content: ""
}
.fa-user-times:before {
content: ""
}
.fa-hotel:before,
.fa-bed:before {
content: ""
}
.fa-viacoin:before {
content: ""
}
.fa-train:before {
content: ""
}
.fa-subway:before {
content: ""
}
.fa-medium:before {
content: ""
}
.fa-yc:before,
.fa-y-combinator:before {
content: ""
}
.fa-optin-monster:before {
content: ""
}
.fa-opencart:before {
content: ""
}
.fa-expeditedssl:before {
content: ""
}
.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before {
content: ""
}
.fa-battery-3:before,
.fa-battery-three-quarters:before {
content: "ï‰"
}
.fa-battery-2:before,
.fa-battery-half:before {
content: ""
}
.fa-battery-1:before,
.fa-battery-quarter:before {
content: ""
}
.fa-battery-0:before,
.fa-battery-empty:before {
content: ""
}
.fa-mouse-pointer:before {
content: ""
}
.fa-i-cursor:before {
content: ""
}
.fa-object-group:before {
content: ""
}
.fa-object-ungroup:before {
content: ""
}
.fa-sticky-note:before {
content: ""
}
.fa-sticky-note-o:before {
content: ""
}
.fa-cc-jcb:before {
content: ""
}
.fa-cc-diners-club:before {
content: ""
}
.fa-clone:before {
content: "ï‰"
}
.fa-balance-scale:before {
content: ""
}
.fa-hourglass-o:before {
content: "ï‰"
}
.fa-hourglass-1:before,
.fa-hourglass-start:before {
content: ""
}
.fa-hourglass-2:before,
.fa-hourglass-half:before {
content: ""
}
.fa-hourglass-3:before,
.fa-hourglass-end:before {
content: ""
}
.fa-hourglass:before {
content: ""
}
.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
content: ""
}
.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
content: ""
}
.fa-hand-scissors-o:before {
content: ""
}
.fa-hand-lizard-o:before {
content: ""
}
.fa-hand-spock-o:before {
content: ""
}
.fa-hand-pointer-o:before {
content: ""
}
.fa-hand-peace-o:before {
content: ""
}
.fa-trademark:before {
content: ""
}
.fa-registered:before {
content: "ï‰"
}
.fa-creative-commons:before {
content: ""
}
.fa-gg:before {
content: "ï‰ "
}
.fa-gg-circle:before {
content: ""
}
.fa-tripadvisor:before {
content: ""
}
.fa-odnoklassniki:before {
content: ""
}
.fa-odnoklassniki-square:before {
content: ""
}
.fa-get-pocket:before {
content: ""
}
.fa-wikipedia-w:before {
content: ""
}
.fa-safari:before {
content: ""
}
.fa-chrome:before {
content: ""
}
.fa-firefox:before {
content: ""
}
.fa-opera:before {
content: ""
}
.fa-internet-explorer:before {
content: ""
}
.fa-tv:before,
.fa-television:before {
content: ""
}
.fa-contao:before {
content: "ï‰"
}
.fa-500px:before {
content: ""
}
.fa-amazon:before {
content: ""
}
.fa-calendar-plus-o:before {
content: ""
}
.fa-calendar-minus-o:before {
content: ""
}
.fa-calendar-times-o:before {
content: ""
}
.fa-calendar-check-o:before {
content: ""
}
.fa-industry:before {
content: ""
}
.fa-map-pin:before {
content: ""
}
.fa-map-signs:before {
content: ""
}
.fa-map-o:before {
content: ""
}
.fa-map:before {
content: ""
}
.fa-commenting:before {
content: ""
}
.fa-commenting-o:before {
content: ""
}
.fa-houzz:before {
content: ""
}
.fa-vimeo:before {
content: ""
}
.fa-black-tie:before {
content: ""
}
.fa-fonticons:before {
content: ""
}
.fa-reddit-alien:before {
content: "ïŠ"
}
.fa-edge:before {
content: ""
}
.fa-credit-card-alt:before {
content: ""
}
.fa-codiepie:before {
content: ""
}
.fa-modx:before {
content: ""
}
.fa-fort-awesome:before {
content: ""
}
.fa-usb:before {
content: ""
}
.fa-product-hunt:before {
content: ""
}
.fa-mixcloud:before {
content: ""
}
.fa-scribd:before {
content: ""
}
.fa-pause-circle:before {
content: ""
}
.fa-pause-circle-o:before {
content: ""
}
.fa-stop-circle:before {
content: "ïŠ"
}
.fa-stop-circle-o:before {
content: ""
}
.fa-shopping-bag:before {
content: "ïŠ"
}
.fa-shopping-basket:before {
content: ""
}
.fa-hashtag:before {
content: ""
}
.fa-bluetooth:before {
content: ""
}
.fa-bluetooth-b:before {
content: ""
}
.fa-percent:before {
content: ""
}
.fa-gitlab:before {
content: ""
}
.fa-wpbeginner:before {
content: ""
}
.fa-wpforms:before {
content: ""
}
.fa-envira:before {
content: ""
}
.fa-universal-access:before {
content: ""
}
.fa-wheelchair-alt:before {
content: ""
}
.fa-question-circle-o:before {
content: ""
}
.fa-blind:before {
content: "ïŠ"
}
.fa-audio-description:before {
content: ""
}
.fa-volume-control-phone:before {
content: "ïŠ "
}
.fa-braille:before {
content: ""
}
.fa-assistive-listening-systems:before {
content: ""
}
.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
content: ""
}
.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
content: ""
}
.fa-glide:before {
content: ""
}
.fa-glide-g:before {
content: ""
}
.fa-signing:before,
.fa-sign-language:before {
content: ""
}
.fa-low-vision:before {
content: ""
}
.fa-viadeo:before {
content: ""
}
.fa-viadeo-square:before {
content: ""
}
.fa-snapchat:before {
content: ""
}
.fa-snapchat-ghost:before {
content: ""
}
.fa-snapchat-square:before {
content: "ïŠ"
}
.fa-pied-piper:before {
content: ""
}
.fa-first-order:before {
content: ""
}
.fa-yoast:before {
content: ""
}
.fa-themeisle:before {
content: ""
}
.fa-google-plus-circle:before,
.fa-google-plus-official:before {
content: ""
}
.fa-fa:before,
.fa-font-awesome:before {
content: ""
}
.fa-handshake-o:before {
content: ""
}
.fa-envelope-open:before {
content: ""
}
.fa-envelope-open-o:before {
content: ""
}
.fa-linode:before {
content: ""
}
.fa-address-book:before {
content: ""
}
.fa-address-book-o:before {
content: ""
}
.fa-vcard:before,
.fa-address-card:before {
content: ""
}
.fa-vcard-o:before,
.fa-address-card-o:before {
content: ""
}
.fa-user-circle:before {
content: ""
}
.fa-user-circle-o:before {
content: ""
}
.fa-user-o:before {
content: "ï‹€"
}
.fa-id-badge:before {
content: "ï‹"
}
.fa-drivers-license:before,
.fa-id-card:before {
content: "ï‹‚"
}
.fa-drivers-license-o:before,
.fa-id-card-o:before {
content: ""
}
.fa-quora:before {
content: "ï‹„"
}
.fa-free-code-camp:before {
content: "ï‹…"
}
.fa-telegram:before {
content: ""
}
.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
content: ""
}
.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
content: ""
}
.fa-thermometer-2:before,
.fa-thermometer-half:before {
content: ""
}
.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
content: "ï‹Š"
}
.fa-thermometer-0:before,
.fa-thermometer-empty:before {
content: "ï‹‹"
}
.fa-shower:before {
content: ""
}
.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
content: "ï‹"
}
.fa-podcast:before {
content: "ï‹Ž"
}
.fa-window-maximize:before {
content: "ï‹"
}
.fa-window-minimize:before {
content: "ï‹‘"
}
.fa-window-restore:before {
content: "ï‹’"
}
.fa-times-rectangle:before,
.fa-window-close:before {
content: "ï‹“"
}
.fa-times-rectangle-o:before,
.fa-window-close-o:before {
content: "ï‹”"
}
.fa-bandcamp:before {
content: "ï‹•"
}
.fa-grav:before {
content: "ï‹–"
}
.fa-etsy:before {
content: "ï‹—"
}
.fa-imdb:before {
content: ""
}
.fa-ravelry:before {
content: "ï‹™"
}
.fa-eercast:before {
content: "ï‹š"
}
.fa-microchip:before {
content: "ï‹›"
}
.fa-snowflake-o:before {
content: ""
}
.fa-superpowers:before {
content: "ï‹"
}
.fa-wpexplorer:before {
content: "ï‹ž"
}
.fa-meetup:before {
content: "ï‹ "
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip: auto
}
.appPikaday.pika-single.is-hidden {
display: none
}
.appPikaday.pika-single.is-bound {
position: absolute
}
.appPikaday .pika-label {
position: relative;
display: inline-block;
padding: 0 .2142857143rem
}
.appPikaday .pika-title select,
.appPikaday .pika-title .appFormDropdown__selectedItem {
position: absolute;
cursor: pointer;
left: 0;
opacity: 0;
padding: 0 !important;
width: 100%;
height: 100%
}
.appPikaday .pika-prev,
.appPikaday .pika-next {
background: transparent;
border: 0;
padding: 0;
outline: none;
font-size: .8571428571rem;
font-weight: normal;
-webkit-transition: color .2s ease-out;
-o-transition: color .2s ease-out;
transition: color .2s ease-out
}
.appPikaday .pika-prev:before {
content: "\e629"
}
.appPikaday .pika-next:before {
content: "\e628"
}
.appPikaday .pika-prev:hover,
.appPikaday .pika-next:hover {
color: var(--color-400)
}
.appPikaday .pika-select {
display: inline-block;
*display: inline
}
.appPikaday .pika-table th abbr {
border-bottom: none
}
.appPikaday .pika-button {
background: transparent;
border: 0;
padding: 0;
outline: none;
width: 100%;
text-align: center;
color: #000;
font-weight: bold;
-webkit-transition: color .2s ease-out;
-o-transition: color .2s ease-out;
transition: color .2s ease-out
}
.appPikaday .pika-table .is-disabled .pika-button {
pointer-events: none;
cursor: normal
}
.appPikaday .pika-button:hover {
color: var(--color-400)
}
.flag-icon-background,
.flag-icon {
background-size: contain;
background-position: 50%;
background-repeat: no-repeat
}
.flag-icon {
position: relative;
display: inline-block;
width: 1.3333333333em;
line-height: 1em
}
.flag-icon:before {
content: '\00a0'
}
.flag-icon.flag-icon-squared {
width: 1em
}
.flag-icon-ad {
background-image: url(../images/flags/4x3/ad.svg)
}
.flag-icon-ad.flag-icon-squared {
background-image: url(../images/flags/1x1/ad.svg)
}
.flag-icon-ae {
background-image: url(../images/flags/4x3/ae.svg)
}
.flag-icon-ae.flag-icon-squared {
background-image: url(../images/flags/1x1/ae.svg)
}
.flag-icon-af {
background-image: url(../images/flags/4x3/af.svg)
}
.flag-icon-af.flag-icon-squared {
background-image: url(../images/flags/1x1/af.svg)
}
.flag-icon-ag {
background-image: url(../images/flags/4x3/ag.svg)
}
.flag-icon-ag.flag-icon-squared {
background-image: url(../images/flags/1x1/ag.svg)
}
.flag-icon-ai {
background-image: url(../images/flags/4x3/ai.svg)
}
.flag-icon-ai.flag-icon-squared {
background-image: url(../images/flags/1x1/ai.svg)
}
.flag-icon-al {
background-image: url(../images/flags/4x3/al.svg)
}
.flag-icon-al.flag-icon-squared {
background-image: url(../images/flags/1x1/al.svg)
}
.flag-icon-am {
background-image: url(../images/flags/4x3/am.svg)
}
.flag-icon-am.flag-icon-squared {
background-image: url(../images/flags/1x1/am.svg)
}
.flag-icon-ao {
background-image: url(../images/flags/4x3/ao.svg)
}
.flag-icon-ao.flag-icon-squared {
background-image: url(../images/flags/1x1/ao.svg)
}
.flag-icon-aq {
background-image: url(../images/flags/4x3/aq.svg)
}
.flag-icon-aq.flag-icon-squared {
background-image: url(../images/flags/1x1/aq.svg)
}
.flag-icon-ar {
background-image: url(../images/flags/4x3/ar.svg)
}
.flag-icon-ar.flag-icon-squared {
background-image: url(../images/flags/1x1/ar.svg)
}
.flag-icon-as {
background-image: url(../images/flags/4x3/as.svg)
}
.flag-icon-as.flag-icon-squared {
background-image: url(../images/flags/1x1/as.svg)
}
.flag-icon-at {
background-image: url(../images/flags/4x3/at.svg)
}
.flag-icon-at.flag-icon-squared {
background-image: url(../images/flags/1x1/at.svg)
}
.flag-icon-au {
background-image: url(../images/flags/4x3/au.svg)
}
.flag-icon-au.flag-icon-squared {
background-image: url(../images/flags/1x1/au.svg)
}
.flag-icon-aw {
background-image: url(../images/flags/4x3/aw.svg)
}
.flag-icon-aw.flag-icon-squared {
background-image: url(../images/flags/1x1/aw.svg)
}
.flag-icon-ax {
background-image: url(../images/flags/4x3/ax.svg)
}
.flag-icon-ax.flag-icon-squared {
background-image: url(../images/flags/1x1/ax.svg)
}
.flag-icon-az {
background-image: url(../images/flags/4x3/az.svg)
}
.flag-icon-az.flag-icon-squared {
background-image: url(../images/flags/1x1/az.svg)
}
.flag-icon-ba {
background-image: url(../images/flags/4x3/ba.svg)
}
.flag-icon-ba.flag-icon-squared {
background-image: url(../images/flags/1x1/ba.svg)
}
.flag-icon-bb {
background-image: url(../images/flags/4x3/bb.svg)
}
.flag-icon-bb.flag-icon-squared {
background-image: url(../images/flags/1x1/bb.svg)
}
.flag-icon-bd {
background-image: url(../images/flags/4x3/bd.svg)
}
.flag-icon-bd.flag-icon-squared {
background-image: url(../images/flags/1x1/bd.svg)
}
.flag-icon-be {
background-image: url(../images/flags/4x3/be.svg)
}
.flag-icon-be.flag-icon-squared {
background-image: url(../images/flags/1x1/be.svg)
}
.flag-icon-bf {
background-image: url(../images/flags/4x3/bf.svg)
}
.flag-icon-bf.flag-icon-squared {
background-image: url(../images/flags/1x1/bf.svg)
}
.flag-icon-bg {
background-image: url(../images/flags/4x3/bg.svg)
}
.flag-icon-bg.flag-icon-squared {
background-image: url(../images/flags/1x1/bg.svg)
}
.flag-icon-bh {
background-image: url(../images/flags/4x3/bh.svg)
}
.flag-icon-bh.flag-icon-squared {
background-image: url(../images/flags/1x1/bh.svg)
}
.flag-icon-bi {
background-image: url(../images/flags/4x3/bi.svg)
}
.flag-icon-bi.flag-icon-squared {
background-image: url(../images/flags/1x1/bi.svg)
}
.flag-icon-bj {
background-image: url(../images/flags/4x3/bj.svg)
}
.flag-icon-bj.flag-icon-squared {
background-image: url(../images/flags/1x1/bj.svg)
}
.flag-icon-bl {
background-image: url(../images/flags/4x3/bl.svg)
}
.flag-icon-bl.flag-icon-squared {
background-image: url(../images/flags/1x1/bl.svg)
}
.flag-icon-bm {
background-image: url(../images/flags/4x3/bm.svg)
}
.flag-icon-bm.flag-icon-squared {
background-image: url(../images/flags/1x1/bm.svg)
}
.flag-icon-bn {
background-image: url(../images/flags/4x3/bn.svg)
}
.flag-icon-bn.flag-icon-squared {
background-image: url(../images/flags/1x1/bn.svg)
}
.flag-icon-bo {
background-image: url(../images/flags/4x3/bo.svg)
}
.flag-icon-bo.flag-icon-squared {
background-image: url(../images/flags/1x1/bo.svg)
}
.flag-icon-bq {
background-image: url(../images/flags/4x3/bq.svg)
}
.flag-icon-bq.flag-icon-squared {
background-image: url(../images/flags/1x1/bq.svg)
}
.flag-icon-br {
background-image: url(../images/flags/4x3/br.svg)
}
.flag-icon-br.flag-icon-squared {
background-image: url(../images/flags/1x1/br.svg)
}
.flag-icon-bs {
background-image: url(../images/flags/4x3/bs.svg)
}
.flag-icon-bs.flag-icon-squared {
background-image: url(../images/flags/1x1/bs.svg)
}
.flag-icon-bt {
background-image: url(../images/flags/4x3/bt.svg)
}
.flag-icon-bt.flag-icon-squared {
background-image: url(../images/flags/1x1/bt.svg)
}
.flag-icon-bv {
background-image: url(../images/flags/4x3/bv.svg)
}
.flag-icon-bv.flag-icon-squared {
background-image: url(../images/flags/1x1/bv.svg)
}
.flag-icon-bw {
background-image: url(../images/flags/4x3/bw.svg)
}
.flag-icon-bw.flag-icon-squared {
background-image: url(../images/flags/1x1/bw.svg)
}
.flag-icon-by {
background-image: url(../images/flags/4x3/by.svg)
}
.flag-icon-by.flag-icon-squared {
background-image: url(../images/flags/1x1/by.svg)
}
.flag-icon-bz {
background-image: url(../images/flags/4x3/bz.svg)
}
.flag-icon-bz.flag-icon-squared {
background-image: url(../images/flags/1x1/bz.svg)
}
.flag-icon-ca {
background-image: url(../images/flags/4x3/ca.svg)
}
.flag-icon-ca.flag-icon-squared {
background-image: url(../images/flags/1x1/ca.svg)
}
.flag-icon-cc {
background-image: url(../images/flags/4x3/cc.svg)
}
.flag-icon-cc.flag-icon-squared {
background-image: url(../images/flags/1x1/cc.svg)
}
.flag-icon-cd {
background-image: url(../images/flags/4x3/cd.svg)
}
.flag-icon-cd.flag-icon-squared {
background-image: url(../images/flags/1x1/cd.svg)
}
.flag-icon-cf {
background-image: url(../images/flags/4x3/cf.svg)
}
.flag-icon-cf.flag-icon-squared {
background-image: url(../images/flags/1x1/cf.svg)
}
.flag-icon-cg {
background-image: url(../images/flags/4x3/cg.svg)
}
.flag-icon-cg.flag-icon-squared {
background-image: url(../images/flags/1x1/cg.svg)
}
.flag-icon-ch {
background-image: url(../images/flags/4x3/ch.svg)
}
.flag-icon-ch.flag-icon-squared {
background-image: url(../images/flags/1x1/ch.svg)
}
.flag-icon-ci {
background-image: url(../images/flags/4x3/ci.svg)
}
.flag-icon-ci.flag-icon-squared {
background-image: url(../images/flags/1x1/ci.svg)
}
.flag-icon-ck {
background-image: url(../images/flags/4x3/ck.svg)
}
.flag-icon-ck.flag-icon-squared {
background-image: url(../images/flags/1x1/ck.svg)
}
.flag-icon-cl {
background-image: url(../images/flags/4x3/cl.svg)
}
.flag-icon-cl.flag-icon-squared {
background-image: url(../images/flags/1x1/cl.svg)
}
.flag-icon-cm {
background-image: url(../images/flags/4x3/cm.svg)
}
.flag-icon-cm.flag-icon-squared {
background-image: url(../images/flags/1x1/cm.svg)
}
.flag-icon-cn {
background-image: url(../images/flags/4x3/cn.svg)
}
.flag-icon-cn.flag-icon-squared {
background-image: url(../images/flags/1x1/cn.svg)
}
.flag-icon-co {
background-image: url(../images/flags/4x3/co.svg)
}
.flag-icon-co.flag-icon-squared {
background-image: url(../images/flags/1x1/co.svg)
}
.flag-icon-cr {
background-image: url(../images/flags/4x3/cr.svg)
}
.flag-icon-cr.flag-icon-squared {
background-image: url(../images/flags/1x1/cr.svg)
}
.flag-icon-cu {
background-image: url(../images/flags/4x3/cu.svg)
}
.flag-icon-cu.flag-icon-squared {
background-image: url(../images/flags/1x1/cu.svg)
}
.flag-icon-cv {
background-image: url(../images/flags/4x3/cv.svg)
}
.flag-icon-cv.flag-icon-squared {
background-image: url(../images/flags/1x1/cv.svg)
}
.flag-icon-cw {
background-image: url(../images/flags/4x3/cw.svg)
}
.flag-icon-cw.flag-icon-squared {
background-image: url(../images/flags/1x1/cw.svg)
}
.flag-icon-cx {
background-image: url(../images/flags/4x3/cx.svg)
}
.flag-icon-cx.flag-icon-squared {
background-image: url(../images/flags/1x1/cx.svg)
}
.flag-icon-cy {
background-image: url(../images/flags/4x3/cy.svg)
}
.flag-icon-cy.flag-icon-squared {
background-image: url(../images/flags/1x1/cy.svg)
}
.flag-icon-cz {
background-image: url(../images/flags/4x3/cz.svg)
}
.flag-icon-cz.flag-icon-squared {
background-image: url(../images/flags/1x1/cz.svg)
}
.flag-icon-de {
background-image: url(../images/flags/4x3/de.svg)
}
.flag-icon-de.flag-icon-squared {
background-image: url(../images/flags/1x1/de.svg)
}
.flag-icon-dj {
background-image: url(../images/flags/4x3/dj.svg)
}
.flag-icon-dj.flag-icon-squared {
background-image: url(../images/flags/1x1/dj.svg)
}
.flag-icon-dk {
background-image: url(../images/flags/4x3/dk.svg)
}
.flag-icon-dk.flag-icon-squared {
background-image: url(../images/flags/1x1/dk.svg)
}
.flag-icon-dm {
background-image: url(../images/flags/4x3/dm.svg)
}
.flag-icon-dm.flag-icon-squared {
background-image: url(../images/flags/1x1/dm.svg)
}
.flag-icon-do {
background-image: url(../images/flags/4x3/do.svg)
}
.flag-icon-do.flag-icon-squared {
background-image: url(../images/flags/1x1/do.svg)
}
.flag-icon-dz {
background-image: url(../images/flags/4x3/dz.svg)
}
.flag-icon-dz.flag-icon-squared {
background-image: url(../images/flags/1x1/dz.svg)
}
.flag-icon-ec {
background-image: url(../images/flags/4x3/ec.svg)
}
.flag-icon-ec.flag-icon-squared {
background-image: url(../images/flags/1x1/ec.svg)
}
.flag-icon-ee {
background-image: url(../images/flags/4x3/ee.svg)
}
.flag-icon-ee.flag-icon-squared {
background-image: url(../images/flags/1x1/ee.svg)
}
.flag-icon-eg {
background-image: url(../images/flags/4x3/eg.svg)
}
.flag-icon-eg.flag-icon-squared {
background-image: url(../images/flags/1x1/eg.svg)
}
.flag-icon-eh {
background-image: url(../images/flags/4x3/eh.svg)
}
.flag-icon-eh.flag-icon-squared {
background-image: url(../images/flags/1x1/eh.svg)
}
.flag-icon-er {
background-image: url(../images/flags/4x3/er.svg)
}
.flag-icon-er.flag-icon-squared {
background-image: url(../images/flags/1x1/er.svg)
}
.flag-icon-es {
background-image: url(../images/flags/4x3/es.svg)
}
.flag-icon-es.flag-icon-squared {
background-image: url(../images/flags/1x1/es.svg)
}
.flag-icon-et {
background-image: url(../images/flags/4x3/et.svg)
}
.flag-icon-et.flag-icon-squared {
background-image: url(../images/flags/1x1/et.svg)
}
.flag-icon-fi {
background-image: url(../images/flags/4x3/fi.svg)
}
.flag-icon-fi.flag-icon-squared {
background-image: url(../images/flags/1x1/fi.svg)
}
.flag-icon-fj {
background-image: url(../images/flags/4x3/fj.svg)
}
.flag-icon-fj.flag-icon-squared {
background-image: url(../images/flags/1x1/fj.svg)
}
.flag-icon-fk {
background-image: url(../images/flags/4x3/fk.svg)
}
.flag-icon-fk.flag-icon-squared {
background-image: url(../images/flags/1x1/fk.svg)
}
.flag-icon-fm {
background-image: url(../images/flags/4x3/fm.svg)
}
.flag-icon-fm.flag-icon-squared {
background-image: url(../images/flags/1x1/fm.svg)
}
.flag-icon-fo {
background-image: url(../images/flags/4x3/fo.svg)
}
.flag-icon-fo.flag-icon-squared {
background-image: url(../images/flags/1x1/fo.svg)
}
.flag-icon-fr {
background-image: url(../images/flags/4x3/fr.svg)
}
.flag-icon-fr.flag-icon-squared {
background-image: url(../images/flags/1x1/fr.svg)
}
.flag-icon-ga {
background-image: url(../images/flags/4x3/ga.svg)
}
.flag-icon-ga.flag-icon-squared {
background-image: url(../images/flags/1x1/ga.svg)
}
.flag-icon-gb {
background-image: url(../images/flags/4x3/gb.svg)
}
.flag-icon-gb.flag-icon-squared {
background-image: url(../images/flags/1x1/gb.svg)
}
.flag-icon-gd {
background-image: url(../images/flags/4x3/gd.svg)
}
.flag-icon-gd.flag-icon-squared {
background-image: url(../images/flags/1x1/gd.svg)
}
.flag-icon-ge {
background-image: url(../images/flags/4x3/ge.svg)
}
.flag-icon-ge.flag-icon-squared {
background-image: url(../images/flags/1x1/ge.svg)
}
.flag-icon-gf {
background-image: url(../images/flags/4x3/gf.svg)
}
.flag-icon-gf.flag-icon-squared {
background-image: url(../images/flags/1x1/gf.svg)
}
.flag-icon-gg {
background-image: url(../images/flags/4x3/gg.svg)
}
.flag-icon-gg.flag-icon-squared {
background-image: url(../images/flags/1x1/gg.svg)
}
.flag-icon-gh {
background-image: url(../images/flags/4x3/gh.svg)
}
.flag-icon-gh.flag-icon-squared {
background-image: url(../images/flags/1x1/gh.svg)
}
.flag-icon-gi {
background-image: url(../images/flags/4x3/gi.svg)
}
.flag-icon-gi.flag-icon-squared {
background-image: url(../images/flags/1x1/gi.svg)
}
.flag-icon-gl {
background-image: url(../images/flags/4x3/gl.svg)
}
.flag-icon-gl.flag-icon-squared {
background-image: url(../images/flags/1x1/gl.svg)
}
.flag-icon-gm {
background-image: url(../images/flags/4x3/gm.svg)
}
.flag-icon-gm.flag-icon-squared {
background-image: url(../images/flags/1x1/gm.svg)
}
.flag-icon-gn {
background-image: url(../images/flags/4x3/gn.svg)
}
.flag-icon-gn.flag-icon-squared {
background-image: url(../images/flags/1x1/gn.svg)
}
.flag-icon-gp {
background-image: url(../images/flags/4x3/gp.svg)
}
.flag-icon-gp.flag-icon-squared {
background-image: url(../images/flags/1x1/gp.svg)
}
.flag-icon-gq {
background-image: url(../images/flags/4x3/gq.svg)
}
.flag-icon-gq.flag-icon-squared {
background-image: url(../images/flags/1x1/gq.svg)
}
.flag-icon-gr {
background-image: url(../images/flags/4x3/gr.svg)
}
.flag-icon-gr.flag-icon-squared {
background-image: url(../images/flags/1x1/gr.svg)
}
.flag-icon-gs {
background-image: url(../images/flags/4x3/gs.svg)
}
.flag-icon-gs.flag-icon-squared {
background-image: url(../images/flags/1x1/gs.svg)
}
.flag-icon-gt {
background-image: url(../images/flags/4x3/gt.svg)
}
.flag-icon-gt.flag-icon-squared {
background-image: url(../images/flags/1x1/gt.svg)
}
.flag-icon-gu {
background-image: url(../images/flags/4x3/gu.svg)
}
.flag-icon-gu.flag-icon-squared {
background-image: url(../images/flags/1x1/gu.svg)
}
.flag-icon-gw {
background-image: url(../images/flags/4x3/gw.svg)
}
.flag-icon-gw.flag-icon-squared {
background-image: url(../images/flags/1x1/gw.svg)
}
.flag-icon-gy {
background-image: url(../images/flags/4x3/gy.svg)
}
.flag-icon-gy.flag-icon-squared {
background-image: url(../images/flags/1x1/gy.svg)
}
.flag-icon-hk {
background-image: url(../images/flags/4x3/hk.svg)
}
.flag-icon-hk.flag-icon-squared {
background-image: url(../images/flags/1x1/hk.svg)
}
.flag-icon-hm {
background-image: url(../images/flags/4x3/hm.svg)
}
.flag-icon-hm.flag-icon-squared {
background-image: url(../images/flags/1x1/hm.svg)
}
.flag-icon-hn {
background-image: url(../images/flags/4x3/hn.svg)
}
.flag-icon-hn.flag-icon-squared {
background-image: url(../images/flags/1x1/hn.svg)
}
.flag-icon-hr {
background-image: url(../images/flags/4x3/hr.svg)
}
.flag-icon-hr.flag-icon-squared {
background-image: url(../images/flags/1x1/hr.svg)
}
.flag-icon-ht {
background-image: url(../images/flags/4x3/ht.svg)
}
.flag-icon-ht.flag-icon-squared {
background-image: url(../images/flags/1x1/ht.svg)
}
.flag-icon-hu {
background-image: url(../images/flags/4x3/hu.svg)
}
.flag-icon-hu.flag-icon-squared {
background-image: url(../images/flags/1x1/hu.svg)
}
.flag-icon-id {
background-image: url(../images/flags/4x3/id.svg)
}
.flag-icon-id.flag-icon-squared {
background-image: url(../images/flags/1x1/id.svg)
}
.flag-icon-ie {
background-image: url(../images/flags/4x3/ie.svg)
}
.flag-icon-ie.flag-icon-squared {
background-image: url(../images/flags/1x1/ie.svg)
}
.flag-icon-il {
background-image: url(../images/flags/4x3/il.svg)
}
.flag-icon-il.flag-icon-squared {
background-image: url(../images/flags/1x1/il.svg)
}
.flag-icon-im {
background-image: url(../images/flags/4x3/im.svg)
}
.flag-icon-im.flag-icon-squared {
background-image: url(../images/flags/1x1/im.svg)
}
.flag-icon-in {
background-image: url(../images/flags/4x3/in.svg)
}
.flag-icon-in.flag-icon-squared {
background-image: url(../images/flags/1x1/in.svg)
}
.flag-icon-io {
background-image: url(../images/flags/4x3/io.svg)
}
.flag-icon-io.flag-icon-squared {
background-image: url(../images/flags/1x1/io.svg)
}
.flag-icon-iq {
background-image: url(../images/flags/4x3/iq.svg)
}
.flag-icon-iq.flag-icon-squared {
background-image: url(../images/flags/1x1/iq.svg)
}
.flag-icon-ir {
background-image: url(../images/flags/4x3/ir.svg)
}
.flag-icon-ir.flag-icon-squared {
background-image: url(../images/flags/1x1/ir.svg)
}
.flag-icon-is {
background-image: url(../images/flags/4x3/is.svg)
}
.flag-icon-is.flag-icon-squared {
background-image: url(../images/flags/1x1/is.svg)
}
.flag-icon-it {
background-image: url(../images/flags/4x3/it.svg)
}
.flag-icon-it.flag-icon-squared {
background-image: url(../images/flags/1x1/it.svg)
}
.flag-icon-je {
background-image: url(../images/flags/4x3/je.svg)
}
.flag-icon-je.flag-icon-squared {
background-image: url(../images/flags/1x1/je.svg)
}
.flag-icon-jm {
background-image: url(../images/flags/4x3/jm.svg)
}
.flag-icon-jm.flag-icon-squared {
background-image: url(../images/flags/1x1/jm.svg)
}
.flag-icon-jo {
background-image: url(../images/flags/4x3/jo.svg)
}
.flag-icon-jo.flag-icon-squared {
background-image: url(../images/flags/1x1/jo.svg)
}
.flag-icon-jp {
background-image: url(../images/flags/4x3/jp.svg)
}
.flag-icon-jp.flag-icon-squared {
background-image: url(../images/flags/1x1/jp.svg)
}
.flag-icon-ke {
background-image: url(../images/flags/4x3/ke.svg)
}
.flag-icon-ke.flag-icon-squared {
background-image: url(../images/flags/1x1/ke.svg)
}
.flag-icon-kg {
background-image: url(../images/flags/4x3/kg.svg)
}
.flag-icon-kg.flag-icon-squared {
background-image: url(../images/flags/1x1/kg.svg)
}
.flag-icon-kh {
background-image: url(../images/flags/4x3/kh.svg)
}
.flag-icon-kh.flag-icon-squared {
background-image: url(../images/flags/1x1/kh.svg)
}
.flag-icon-ki {
background-image: url(../images/flags/4x3/ki.svg)
}
.flag-icon-ki.flag-icon-squared {
background-image: url(../images/flags/1x1/ki.svg)
}
.flag-icon-km {
background-image: url(../images/flags/4x3/km.svg)
}
.flag-icon-km.flag-icon-squared {
background-image: url(../images/flags/1x1/km.svg)
}
.flag-icon-kn {
background-image: url(../images/flags/4x3/kn.svg)
}
.flag-icon-kn.flag-icon-squared {
background-image: url(../images/flags/1x1/kn.svg)
}
.flag-icon-kp {
background-image: url(../images/flags/4x3/kp.svg)
}
.flag-icon-kp.flag-icon-squared {
background-image: url(../images/flags/1x1/kp.svg)
}
.flag-icon-kr {
background-image: url(../images/flags/4x3/kr.svg)
}
.flag-icon-kr.flag-icon-squared {
background-image: url(../images/flags/1x1/kr.svg)
}
.flag-icon-kw {
background-image: url(../images/flags/4x3/kw.svg)
}
.flag-icon-kw.flag-icon-squared {
background-image: url(../images/flags/1x1/kw.svg)
}
.flag-icon-ky {
background-image: url(../images/flags/4x3/ky.svg)
}
.flag-icon-ky.flag-icon-squared {
background-image: url(../images/flags/1x1/ky.svg)
}
.flag-icon-kz {
background-image: url(../images/flags/4x3/kz.svg)
}
.flag-icon-kz.flag-icon-squared {
background-image: url(../images/flags/1x1/kz.svg)
}
.flag-icon-la {
background-image: url(../images/flags/4x3/la.svg)
}
.flag-icon-la.flag-icon-squared {
background-image: url(../images/flags/1x1/la.svg)
}
.flag-icon-lb {
background-image: url(../images/flags/4x3/lb.svg)
}
.flag-icon-lb.flag-icon-squared {
background-image: url(../images/flags/1x1/lb.svg)
}
.flag-icon-lc {
background-image: url(../images/flags/4x3/lc.svg)
}
.flag-icon-lc.flag-icon-squared {
background-image: url(../images/flags/1x1/lc.svg)
}
.flag-icon-li {
background-image: url(../images/flags/4x3/li.svg)
}
.flag-icon-li.flag-icon-squared {
background-image: url(../images/flags/1x1/li.svg)
}
.flag-icon-lk {
background-image: url(../images/flags/4x3/lk.svg)
}
.flag-icon-lk.flag-icon-squared {
background-image: url(../images/flags/1x1/lk.svg)
}
.flag-icon-lr {
background-image: url(../images/flags/4x3/lr.svg)
}
.flag-icon-lr.flag-icon-squared {
background-image: url(../images/flags/1x1/lr.svg)
}
.flag-icon-ls {
background-image: url(../images/flags/4x3/ls.svg)
}
.flag-icon-ls.flag-icon-squared {
background-image: url(../images/flags/1x1/ls.svg)
}
.flag-icon-lt {
background-image: url(../images/flags/4x3/lt.svg)
}
.flag-icon-lt.flag-icon-squared {
background-image: url(../images/flags/1x1/lt.svg)
}
.flag-icon-lu {
background-image: url(../images/flags/4x3/lu.svg)
}
.flag-icon-lu.flag-icon-squared {
background-image: url(../images/flags/1x1/lu.svg)
}
.flag-icon-lv {
background-image: url(../images/flags/4x3/lv.svg)
}
.flag-icon-lv.flag-icon-squared {
background-image: url(../images/flags/1x1/lv.svg)
}
.flag-icon-ly {
background-image: url(../images/flags/4x3/ly.svg)
}
.flag-icon-ly.flag-icon-squared {
background-image: url(../images/flags/1x1/ly.svg)
}
.flag-icon-ma {
background-image: url(../images/flags/4x3/ma.svg)
}
.flag-icon-ma.flag-icon-squared {
background-image: url(../images/flags/1x1/ma.svg)
}
.flag-icon-mc {
background-image: url(../images/flags/4x3/mc.svg)
}
.flag-icon-mc.flag-icon-squared {
background-image: url(../images/flags/1x1/mc.svg)
}
.flag-icon-md {
background-image: url(../images/flags/4x3/md.svg)
}
.flag-icon-md.flag-icon-squared {
background-image: url(../images/flags/1x1/md.svg)
}
.flag-icon-me {
background-image: url(../images/flags/4x3/me.svg)
}
.flag-icon-me.flag-icon-squared {
background-image: url(../images/flags/1x1/me.svg)
}
.flag-icon-mf {
background-image: url(../images/flags/4x3/mf.svg)
}
.flag-icon-mf.flag-icon-squared {
background-image: url(../images/flags/1x1/mf.svg)
}
.flag-icon-mg {
background-image: url(../images/flags/4x3/mg.svg)
}
.flag-icon-mg.flag-icon-squared {
background-image: url(../images/flags/1x1/mg.svg)
}
.flag-icon-mh {
background-image: url(../images/flags/4x3/mh.svg)
}
.flag-icon-mh.flag-icon-squared {
background-image: url(../images/flags/1x1/mh.svg)
}
.flag-icon-mk {
background-image: url(../images/flags/4x3/mk.svg)
}
.flag-icon-mk.flag-icon-squared {
background-image: url(../images/flags/1x1/mk.svg)
}
.flag-icon-ml {
background-image: url(../images/flags/4x3/ml.svg)
}
.flag-icon-ml.flag-icon-squared {
background-image: url(../images/flags/1x1/ml.svg)
}
.flag-icon-mm {
background-image: url(../images/flags/4x3/mm.svg)
}
.flag-icon-mm.flag-icon-squared {
background-image: url(../images/flags/1x1/mm.svg)
}
.flag-icon-mn {
background-image: url(../images/flags/4x3/mn.svg)
}
.flag-icon-mn.flag-icon-squared {
background-image: url(../images/flags/1x1/mn.svg)
}
.flag-icon-mo {
background-image: url(../images/flags/4x3/mo.svg)
}
.flag-icon-mo.flag-icon-squared {
background-image: url(../images/flags/1x1/mo.svg)
}
.flag-icon-mp {
background-image: url(../images/flags/4x3/mp.svg)
}
.flag-icon-mp.flag-icon-squared {
background-image: url(../images/flags/1x1/mp.svg)
}
.flag-icon-mq {
background-image: url(../images/flags/4x3/mq.svg)
}
.flag-icon-mq.flag-icon-squared {
background-image: url(../images/flags/1x1/mq.svg)
}
.flag-icon-mr {
background-image: url(../images/flags/4x3/mr.svg)
}
.flag-icon-mr.flag-icon-squared {
background-image: url(../images/flags/1x1/mr.svg)
}
.flag-icon-ms {
background-image: url(../images/flags/4x3/ms.svg)
}
.flag-icon-ms.flag-icon-squared {
background-image: url(../images/flags/1x1/ms.svg)
}
.flag-icon-mt {
background-image: url(../images/flags/4x3/mt.svg)
}
.flag-icon-mt.flag-icon-squared {
background-image: url(../images/flags/1x1/mt.svg)
}
.flag-icon-mu {
background-image: url(../images/flags/4x3/mu.svg)
}
.flag-icon-mu.flag-icon-squared {
background-image: url(../images/flags/1x1/mu.svg)
}
.flag-icon-mv {
background-image: url(../images/flags/4x3/mv.svg)
}
.flag-icon-mv.flag-icon-squared {
background-image: url(../images/flags/1x1/mv.svg)
}
.flag-icon-mw {
background-image: url(../images/flags/4x3/mw.svg)
}
.flag-icon-mw.flag-icon-squared {
background-image: url(../images/flags/1x1/mw.svg)
}
.flag-icon-mx {
background-image: url(../images/flags/4x3/mx.svg)
}
.flag-icon-mx.flag-icon-squared {
background-image: url(../images/flags/1x1/mx.svg)
}
.flag-icon-my {
background-image: url(../images/flags/4x3/my.svg)
}
.flag-icon-my.flag-icon-squared {
background-image: url(../images/flags/1x1/my.svg)
}
.flag-icon-mz {
background-image: url(../images/flags/4x3/mz.svg)
}
.flag-icon-mz.flag-icon-squared {
background-image: url(../images/flags/1x1/mz.svg)
}
.flag-icon-na {
background-image: url(../images/flags/4x3/na.svg)
}
.flag-icon-na.flag-icon-squared {
background-image: url(../images/flags/1x1/na.svg)
}
.flag-icon-nc {
background-image: url(../images/flags/4x3/nc.svg)
}
.flag-icon-nc.flag-icon-squared {
background-image: url(../images/flags/1x1/nc.svg)
}
.flag-icon-ne {
background-image: url(../images/flags/4x3/ne.svg)
}
.flag-icon-ne.flag-icon-squared {
background-image: url(../images/flags/1x1/ne.svg)
}
.flag-icon-nf {
background-image: url(../images/flags/4x3/nf.svg)
}
.flag-icon-nf.flag-icon-squared {
background-image: url(../images/flags/1x1/nf.svg)
}
.flag-icon-ng {
background-image: url(../images/flags/4x3/ng.svg)
}
.flag-icon-ng.flag-icon-squared {
background-image: url(../images/flags/1x1/ng.svg)
}
.flag-icon-ni {
background-image: url(../images/flags/4x3/ni.svg)
}
.flag-icon-ni.flag-icon-squared {
background-image: url(../images/flags/1x1/ni.svg)
}
.flag-icon-nl {
background-image: url(../images/flags/4x3/nl.svg)
}
.flag-icon-nl.flag-icon-squared {
background-image: url(../images/flags/1x1/nl.svg)
}
.flag-icon-no {
background-image: url(../images/flags/4x3/no.svg)
}
.flag-icon-no.flag-icon-squared {
background-image: url(../images/flags/1x1/no.svg)
}
.flag-icon-np {
background-image: url(../images/flags/4x3/np.svg)
}
.flag-icon-np.flag-icon-squared {
background-image: url(../images/flags/1x1/np.svg)
}
.flag-icon-nr {
background-image: url(../images/flags/4x3/nr.svg)
}
.flag-icon-nr.flag-icon-squared {
background-image: url(../images/flags/1x1/nr.svg)
}
.flag-icon-nu {
background-image: url(../images/flags/4x3/nu.svg)
}
.flag-icon-nu.flag-icon-squared {
background-image: url(../images/flags/1x1/nu.svg)
}
.flag-icon-nz {
background-image: url(../images/flags/4x3/nz.svg)
}
.flag-icon-nz.flag-icon-squared {
background-image: url(../images/flags/1x1/nz.svg)
}
.flag-icon-om {
background-image: url(../images/flags/4x3/om.svg)
}
.flag-icon-om.flag-icon-squared {
background-image: url(../images/flags/1x1/om.svg)
}
.flag-icon-pa {
background-image: url(../images/flags/4x3/pa.svg)
}
.flag-icon-pa.flag-icon-squared {
background-image: url(../images/flags/1x1/pa.svg)
}
.flag-icon-pe {
background-image: url(../images/flags/4x3/pe.svg)
}
.flag-icon-pe.flag-icon-squared {
background-image: url(../images/flags/1x1/pe.svg)
}
.flag-icon-pf {
background-image: url(../images/flags/4x3/pf.svg)
}
.flag-icon-pf.flag-icon-squared {
background-image: url(../images/flags/1x1/pf.svg)
}
.flag-icon-pg {
background-image: url(../images/flags/4x3/pg.svg)
}
.flag-icon-pg.flag-icon-squared {
background-image: url(../images/flags/1x1/pg.svg)
}
.flag-icon-ph {
background-image: url(../images/flags/4x3/ph.svg)
}
.flag-icon-ph.flag-icon-squared {
background-image: url(../images/flags/1x1/ph.svg)
}
.flag-icon-pk {
background-image: url(../images/flags/4x3/pk.svg)
}
.flag-icon-pk.flag-icon-squared {
background-image: url(../images/flags/1x1/pk.svg)
}
.flag-icon-pl {
background-image: url(../images/flags/4x3/pl.svg)
}
.flag-icon-pl.flag-icon-squared {
background-image: url(../images/flags/1x1/pl.svg)
}
.flag-icon-pm {
background-image: url(../images/flags/4x3/pm.svg)
}
.flag-icon-pm.flag-icon-squared {
background-image: url(../images/flags/1x1/pm.svg)
}
.flag-icon-pn {
background-image: url(../images/flags/4x3/pn.svg)
}
.flag-icon-pn.flag-icon-squared {
background-image: url(../images/flags/1x1/pn.svg)
}
.flag-icon-pr {
background-image: url(../images/flags/4x3/pr.svg)
}
.flag-icon-pr.flag-icon-squared {
background-image: url(../images/flags/1x1/pr.svg)
}
.flag-icon-ps {
background-image: url(../images/flags/4x3/ps.svg)
}
.flag-icon-ps.flag-icon-squared {
background-image: url(../images/flags/1x1/ps.svg)
}
.flag-icon-pt {
background-image: url(../images/flags/4x3/pt.svg)
}
.flag-icon-pt.flag-icon-squared {
background-image: url(../images/flags/1x1/pt.svg)
}
.flag-icon-pw {
background-image: url(../images/flags/4x3/pw.svg)
}
.flag-icon-pw.flag-icon-squared {
background-image: url(../images/flags/1x1/pw.svg)
}
.flag-icon-py {
background-image: url(../images/flags/4x3/py.svg)
}
.flag-icon-py.flag-icon-squared {
background-image: url(../images/flags/1x1/py.svg)
}
.flag-icon-qa {
background-image: url(../images/flags/4x3/qa.svg)
}
.flag-icon-qa.flag-icon-squared {
background-image: url(../images/flags/1x1/qa.svg)
}
.flag-icon-re {
background-image: url(../images/flags/4x3/re.svg)
}
.flag-icon-re.flag-icon-squared {
background-image: url(../images/flags/1x1/re.svg)
}
.flag-icon-ro {
background-image: url(../images/flags/4x3/ro.svg)
}
.flag-icon-ro.flag-icon-squared {
background-image: url(../images/flags/1x1/ro.svg)
}
.flag-icon-rs {
background-image: url(../images/flags/4x3/rs.svg)
}
.flag-icon-rs.flag-icon-squared {
background-image: url(../images/flags/1x1/rs.svg)
}
.flag-icon-ru {
background-image: url(../images/flags/4x3/ru.svg)
}
.flag-icon-ru.flag-icon-squared {
background-image: url(../images/flags/1x1/ru.svg)
}
.flag-icon-rw {
background-image: url(../images/flags/4x3/rw.svg)
}
.flag-icon-rw.flag-icon-squared {
background-image: url(../images/flags/1x1/rw.svg)
}
.flag-icon-sa {
background-image: url(../images/flags/4x3/sa.svg)
}
.flag-icon-sa.flag-icon-squared {
background-image: url(../images/flags/1x1/sa.svg)
}
.flag-icon-sb {
background-image: url(../images/flags/4x3/sb.svg)
}
.flag-icon-sb.flag-icon-squared {
background-image: url(../images/flags/1x1/sb.svg)
}
.flag-icon-sc {
background-image: url(../images/flags/4x3/sc.svg)
}
.flag-icon-sc.flag-icon-squared {
background-image: url(../images/flags/1x1/sc.svg)
}
.flag-icon-sd {
background-image: url(../images/flags/4x3/sd.svg)
}
.flag-icon-sd.flag-icon-squared {
background-image: url(../images/flags/1x1/sd.svg)
}
.flag-icon-se {
background-image: url(../images/flags/4x3/se.svg)
}
.flag-icon-se.flag-icon-squared {
background-image: url(../images/flags/1x1/se.svg)
}
.flag-icon-sg {
background-image: url(../images/flags/4x3/sg.svg)
}
.flag-icon-sg.flag-icon-squared {
background-image: url(../images/flags/1x1/sg.svg)
}
.flag-icon-sh {
background-image: url(../images/flags/4x3/sh.svg)
}
.flag-icon-sh.flag-icon-squared {
background-image: url(../images/flags/1x1/sh.svg)
}
.flag-icon-si {
background-image: url(../images/flags/4x3/si.svg)
}
.flag-icon-si.flag-icon-squared {
background-image: url(../images/flags/1x1/si.svg)
}
.flag-icon-sj {
background-image: url(../images/flags/4x3/sj.svg)
}
.flag-icon-sj.flag-icon-squared {
background-image: url(../images/flags/1x1/sj.svg)
}
.flag-icon-sk {
background-image: url(../images/flags/4x3/sk.svg)
}
.flag-icon-sk.flag-icon-squared {
background-image: url(../images/flags/1x1/sk.svg)
}
.flag-icon-sl {
background-image: url(../images/flags/4x3/sl.svg)
}
.flag-icon-sl.flag-icon-squared {
background-image: url(../images/flags/1x1/sl.svg)
}
.flag-icon-sm {
background-image: url(../images/flags/4x3/sm.svg)
}
.flag-icon-sm.flag-icon-squared {
background-image: url(../images/flags/1x1/sm.svg)
}
.flag-icon-sn {
background-image: url(../images/flags/4x3/sn.svg)
}
.flag-icon-sn.flag-icon-squared {
background-image: url(../images/flags/1x1/sn.svg)
}
.flag-icon-so {
background-image: url(../images/flags/4x3/so.svg)
}
.flag-icon-so.flag-icon-squared {
background-image: url(../images/flags/1x1/so.svg)
}
.flag-icon-sr {
background-image: url(../images/flags/4x3/sr.svg)
}
.flag-icon-sr.flag-icon-squared {
background-image: url(../images/flags/1x1/sr.svg)
}
.flag-icon-ss {
background-image: url(../images/flags/4x3/ss.svg)
}
.flag-icon-ss.flag-icon-squared {
background-image: url(../images/flags/1x1/ss.svg)
}
.flag-icon-st {
background-image: url(../images/flags/4x3/st.svg)
}
.flag-icon-st.flag-icon-squared {
background-image: url(../images/flags/1x1/st.svg)
}
.flag-icon-sv {
background-image: url(../images/flags/4x3/sv.svg)
}
.flag-icon-sv.flag-icon-squared {
background-image: url(../images/flags/1x1/sv.svg)
}
.flag-icon-sx {
background-image: url(../images/flags/4x3/sx.svg)
}
.flag-icon-sx.flag-icon-squared {
background-image: url(../images/flags/1x1/sx.svg)
}
.flag-icon-sy {
background-image: url(../images/flags/4x3/sy.svg)
}
.flag-icon-sy.flag-icon-squared {
background-image: url(../images/flags/1x1/sy.svg)
}
.flag-icon-sz {
background-image: url(../images/flags/4x3/sz.svg)
}
.flag-icon-sz.flag-icon-squared {
background-image: url(../images/flags/1x1/sz.svg)
}
.flag-icon-tc {
background-image: url(../images/flags/4x3/tc.svg)
}
.flag-icon-tc.flag-icon-squared {
background-image: url(../images/flags/1x1/tc.svg)
}
.flag-icon-td {
background-image: url(../images/flags/4x3/td.svg)
}
.flag-icon-td.flag-icon-squared {
background-image: url(../images/flags/1x1/td.svg)
}
.flag-icon-tf {
background-image: url(../images/flags/4x3/tf.svg)
}
.flag-icon-tf.flag-icon-squared {
background-image: url(../images/flags/1x1/tf.svg)
}
.flag-icon-tg {
background-image: url(../images/flags/4x3/tg.svg)
}
.flag-icon-tg.flag-icon-squared {
background-image: url(../images/flags/1x1/tg.svg)
}
.flag-icon-th {
background-image: url(../images/flags/4x3/th.svg)
}
.flag-icon-th.flag-icon-squared {
background-image: url(../images/flags/1x1/th.svg)
}
.flag-icon-tj {
background-image: url(../images/flags/4x3/tj.svg)
}
.flag-icon-tj.flag-icon-squared {
background-image: url(../images/flags/1x1/tj.svg)
}
.flag-icon-tk {
background-image: url(../images/flags/4x3/tk.svg)
}
.flag-icon-tk.flag-icon-squared {
background-image: url(../images/flags/1x1/tk.svg)
}
.flag-icon-tl {
background-image: url(../images/flags/4x3/tl.svg)
}
.flag-icon-tl.flag-icon-squared {
background-image: url(../images/flags/1x1/tl.svg)
}
.flag-icon-tm {
background-image: url(../images/flags/4x3/tm.svg)
}
.flag-icon-tm.flag-icon-squared {
background-image: url(../images/flags/1x1/tm.svg)
}
.flag-icon-tn {
background-image: url(../images/flags/4x3/tn.svg)
}
.flag-icon-tn.flag-icon-squared {
background-image: url(../images/flags/1x1/tn.svg)
}
.flag-icon-to {
background-image: url(../images/flags/4x3/to.svg)
}
.flag-icon-to.flag-icon-squared {
background-image: url(../images/flags/1x1/to.svg)
}
.flag-icon-tr {
background-image: url(../images/flags/4x3/tr.svg)
}
.flag-icon-tr.flag-icon-squared {
background-image: url(../images/flags/1x1/tr.svg)
}
.flag-icon-tt {
background-image: url(../images/flags/4x3/tt.svg)
}
.flag-icon-tt.flag-icon-squared {
background-image: url(../images/flags/1x1/tt.svg)
}
.flag-icon-tv {
background-image: url(../images/flags/4x3/tv.svg)
}
.flag-icon-tv.flag-icon-squared {
background-image: url(../images/flags/1x1/tv.svg)
}
.flag-icon-tw {
background-image: url(../images/flags/4x3/tw.svg)
}
.flag-icon-tw.flag-icon-squared {
background-image: url(../images/flags/1x1/tw.svg)
}
.flag-icon-tz {
background-image: url(../images/flags/4x3/tz.svg)
}
.flag-icon-tz.flag-icon-squared {
background-image: url(../images/flags/1x1/tz.svg)
}
.flag-icon-ua {
background-image: url(../images/flags/4x3/ua.svg)
}
.flag-icon-ua.flag-icon-squared {
background-image: url(../images/flags/1x1/ua.svg)
}
.flag-icon-ug {
background-image: url(../images/flags/4x3/ug.svg)
}
.flag-icon-ug.flag-icon-squared {
background-image: url(../images/flags/1x1/ug.svg)
}
.flag-icon-um {
background-image: url(../images/flags/4x3/um.svg)
}
.flag-icon-um.flag-icon-squared {
background-image: url(../images/flags/1x1/um.svg)
}
.flag-icon-us {
background-image: url(../images/flags/4x3/us.svg)
}
.flag-icon-us.flag-icon-squared {
background-image: url(../images/flags/1x1/us.svg)
}
.flag-icon-uy {
background-image: url(../images/flags/4x3/uy.svg)
}
.flag-icon-uy.flag-icon-squared {
background-image: url(../images/flags/1x1/uy.svg)
}
.flag-icon-uz {
background-image: url(../images/flags/4x3/uz.svg)
}
.flag-icon-uz.flag-icon-squared {
background-image: url(../images/flags/1x1/uz.svg)
}
.flag-icon-va {
background-image: url(../images/flags/4x3/va.svg)
}
.flag-icon-va.flag-icon-squared {
background-image: url(../images/flags/1x1/va.svg)
}
.flag-icon-vc {
background-image: url(../images/flags/4x3/vc.svg)
}
.flag-icon-vc.flag-icon-squared {
background-image: url(../images/flags/1x1/vc.svg)
}
.flag-icon-ve {
background-image: url(../images/flags/4x3/ve.svg)
}
.flag-icon-ve.flag-icon-squared {
background-image: url(../images/flags/1x1/ve.svg)
}
.flag-icon-vg {
background-image: url(../images/flags/4x3/vg.svg)
}
.flag-icon-vg.flag-icon-squared {
background-image: url(../images/flags/1x1/vg.svg)
}
.flag-icon-vi {
background-image: url(../images/flags/4x3/vi.svg)
}
.flag-icon-vi.flag-icon-squared {
background-image: url(../images/flags/1x1/vi.svg)
}
.flag-icon-vn {
background-image: url(../images/flags/4x3/vn.svg)
}
.flag-icon-vn.flag-icon-squared {
background-image: url(../images/flags/1x1/vn.svg)
}
.flag-icon-vu {
background-image: url(../images/flags/4x3/vu.svg)
}
.flag-icon-vu.flag-icon-squared {
background-image: url(../images/flags/1x1/vu.svg)
}
.flag-icon-wf {
background-image: url(../images/flags/4x3/wf.svg)
}
.flag-icon-wf.flag-icon-squared {
background-image: url(../images/flags/1x1/wf.svg)
}
.flag-icon-ws {
background-image: url(../images/flags/4x3/ws.svg)
}
.flag-icon-ws.flag-icon-squared {
background-image: url(../images/flags/1x1/ws.svg)
}
.flag-icon-ye {
background-image: url(../images/flags/4x3/ye.svg)
}
.flag-icon-ye.flag-icon-squared {
background-image: url(../images/flags/1x1/ye.svg)
}
.flag-icon-yt {
background-image: url(../images/flags/4x3/yt.svg)
}
.flag-icon-yt.flag-icon-squared {
background-image: url(../images/flags/1x1/yt.svg)
}
.flag-icon-za {
background-image: url(../images/flags/4x3/za.svg)
}
.flag-icon-za.flag-icon-squared {
background-image: url(../images/flags/1x1/za.svg)
}
.flag-icon-zm {
background-image: url(../images/flags/4x3/zm.svg)
}
.flag-icon-zm.flag-icon-squared {
background-image: url(../images/flags/1x1/zm.svg)
}
.flag-icon-zw {
background-image: url(../images/flags/4x3/zw.svg)
}
.flag-icon-zw.flag-icon-squared {
background-image: url(../images/flags/1x1/zw.svg)
}
.flag-icon-es-ct {
background-image: url(../images/flags/4x3/es-ct.svg)
}
.flag-icon-es-ct.flag-icon-squared {
background-image: url(../images/flags/1x1/es-ct.svg)
}
.flag-icon-eu {
background-image: url(../images/flags/4x3/eu.svg)
}
.flag-icon-eu.flag-icon-squared {
background-image: url(../images/flags/1x1/eu.svg)
}
.flag-icon-gb-eng {
background-image: url(../images/flags/4x3/gb-eng.svg)
}
.flag-icon-gb-eng.flag-icon-squared {
background-image: url(../images/flags/1x1/gb-eng.svg)
}
.flag-icon-gb-nir {
background-image: url(../images/flags/4x3/gb-nir.svg)
}
.flag-icon-gb-nir.flag-icon-squared {
background-image: url(../images/flags/1x1/gb-nir.svg)
}
.flag-icon-gb-sct {
background-image: url(../images/flags/4x3/gb-sct.svg)
}
.flag-icon-gb-sct.flag-icon-squared {
background-image: url(../images/flags/1x1/gb-sct.svg)
}
.flag-icon-gb-wls {
background-image: url(../images/flags/4x3/gb-wls.svg)
}
.flag-icon-gb-wls.flag-icon-squared {
background-image: url(../images/flags/1x1/gb-wls.svg)
}
.flag-icon-un {
background-image: url(../images/flags/4x3/un.svg)
}
.flag-icon-un.flag-icon-squared {
background-image: url(../images/flags/1x1/un.svg)
}
.icon--small {
font-size: 1.4em
}
.icon--medium {
font-size: 1.8em !important
}
.icon--large {
font-size: 4.0em
}
.icon--fa {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
font-size: 1.1em
}
.icon--fa.icon--medium {
font-size: 1.5em
}
.icon--gold {
background: -o-linear-gradient(355deg, #f4db81 0%, #dfc788 20%, #c09340 40%, #dfc788 60%, #f7f4c6 80%, #f4db81 100%);
background: linear-gradient(95deg, #f4db81 0%, #dfc788 20%, #c09340 40%, #dfc788 60%, #f7f4c6 80%, #f4db81 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent
}
.allPointerEvents {
pointer-events: all !important
}
.disabledAndMuted {
opacity: .4;
pointer-events: none
}
.modal__loading {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
min-height: 80px;
margin-top: 26px
}
.withLightBorderHighlight {
border-color: rgba(255, 255, 255, 0.15)
}
.horizontalRhythm {
margin-right: 24px
}
.horizontalRhythm--smash {
margin-right: 4px
}
.horizontalRhythm--condensed {
margin-right: 6px
}
.horizontalRhythm--cozy {
margin-right: 12px
}
.horizontalRhythm--comfy {
margin-right: 30px
}
.horizontalRhythmLeft {
margin-left: 24px !important
}
.horizontalRhythmLeft--smash {
margin-left: 4px !important
}
.horizontalRhythmLeft--condensed {
margin-left: 6px !important
}
.horizontalRhythmLeft--cozy {
margin-left: 12px !important
}
.horizontalRhythmLeft--comfy {
margin-left: 30px !important
}
.verticalRhythm--smash {
margin-bottom: 4px !important
}
.verticalRhythm--condensed {
margin-bottom: 6px !important
}
.verticalRhythm--cozy {
margin-bottom: 12px !important
}
.verticalRhythm--comfy {
margin-bottom: 30px !important
}
.verticalRhythm--breezy {
margin-bottom: 36px !important
}
.verticalRhythmTop--smash {
margin-top: 4px !important
}
.verticalRhythmTop--condensed {
margin-top: 6px !important
}
.verticalRhythmTop--cozy {
margin-top: 12px !important
}
.verticalRhythmTop--comfy {
margin-top: 30px !important
}
.verticalRhythmTop--breezy {
margin-top: 36px !important
}
.jaze-mod-dark.appSubHeading,
.jaze-mod-dark .appSubHeading,
.appSubHeading--dark.appSubHeading,
.appSubHeading--dark .appSubHeading {
--app-subheading-font-color: #fff;
--app-subheading-border-color: #3e494f
}
.jaze-mod-reset-color.appSubHeading,
.jaze-mod-reset-color .appSubHeading {
--app-subheading-font-color: initial;
--app-subheading-border-color: initial
}
.appMicroHeading,
.unifiStatusBarTitle,
.unifiStatusBarValue,
.unifiStatusBarRange {
font-size: 9px;
font-weight: 900;
letter-spacing: 1px;
text-transform: uppercase;
color: #b5b5b5;
-webkit-font-smoothing: antialiased
}
.appSubHeading,
.appSubHeading--dark {
color: var(--app-subheading-font-color, #000)
}
.appSubHeading--standalone {
border-bottom: 1px solid var(--app-subheading-border-color, #ddd)
}
.appSubHeading--light {
color: var(--jaze-color-text-secondary, var(--color-300));
text-transform: none;
font-weight: 500;
border-bottom: 0
}
.appSubHeading__note {
float: right;
text-transform: none;
font-weight: normal;
letter-spacing: normal;
font-size: 11px;
margin-top: 2px;
color: var(--jaze-color-text-secondary, var(--color-300))
}
.appSubHeading__circle:before {
content: '';
border: 3px solid var(--jaze-color-text-secondary, var(--color-300));
border-radius: 7px;
display: inline-block;
width: 14px;
height: 14px;
margin-right: 10px
}
.appSubHeading__circle--danger:before {
border-color: #F96B5C
}
.appSubHeading__circle--primary:before {
border-color: #5A9CDB
}
.appSubHeading__circle--success:before {
border-color: #30D7B0
}
.appCollapserType,
.appExpanderType {
cursor: pointer
}
.appCollapserType:after,
.appCollapserType:before,
.appExpanderType:after,
.appExpanderType:before {
font-family: 'jaze';
font-size: 1em;
display: inline-block
}
.appCollapserType:after,
.appExpanderType:after {
margin-left: 5px
}
.appCollapserType:before,
.appExpanderType:before {
margin-right: 5px
}
.appCollapserType:after {
content: "\e6d0"
}
.appExpanderType:after {
content: "\e6ce"
}
.appDisplayEmptyLine:after {
content: '.';
visibility: hidden
}
.appDisplaySpaceBefore:before {
content: "\00a0"
}
.appDisplaySpaceAfter:after {
content: "\00a0"
}
.appDisplaySpaceAutoDivider :not(:first-child):before {
content: "\00a0"
}
.appDisplayInBrackets:before {
content: "("
}
.appDisplayInBrackets:after {
content: ")"
}
.appDisplaySpaceAutoDivider .appDisplayInBrackets:not(:first-child):before,
.appDisplaySpaceBefore.appDisplayInBrackets:before {
content: "\00a0("
}
.appDisplayInBrackets.appDisplaySpaceAfter:after {
content: ")\00a0"
}
.inactive--dark {
color: #70757e
}
.verticalAlign--top {
vertical-align: top
}
.verticalAlign--bottom {
vertical-align: bottom
}
.lineHeight--normal {
line-height: normal
}
.static {
color: #ccc !important
}
.neutral {
color: var(--color-300) !important
}
.bg-warning {
background-color: #f5a623 !important
}
.bg-danger {
background-color: #f03a3e !important
}
.bg-success {
background-color: #39cc64 !important
}
.lowercase {
text-transform: lowercase !important
}
.bold {
font-weight: bold
}
.withDropdown {
cursor: pointer;
padding-right: 20px !important
}
.withDropdown:after {
position: absolute;
content: "";
width: 0;
height: 0;
border: 6px solid transparent;
border-top-color: #000;
right: 0;
top: 50%;
-webkit-transform: translateY(-10%);
-ms-transform: translateY(-10%);
transform: translateY(-10%)
}
.withParenthesis:before {
content: '('
}
.withParenthesis:after {
content: ')'
}
.withColon:after {
content: ': '
}
.forceWrap {
white-space: pre !important
}
.appPagination {
font-size: 11px
}
.appPagination__currentState {
display: inline-block;
margin-right: 12px
}
.appPagination__pageSize {
display: inline-block;
margin-right: 12px
}
.appPagination__pageSize>label {
margin-right: 6px
}
.appPaginationPages {
display: inline-block
}
.appPaginationPages__list {
display: inline-block;
border-collapse: initial;
margin-bottom: 0
}
.appPaginationPages__list li {
display: inline-block;
margin: 0 2px;
color: var(--color-500);
cursor: pointer
}
.appPaginationPages__list li.is-page-selected {
color: #000;
cursor: normal
}
.appPaginationPages__list li:last-child {
margin-right: 0
}
.appPaginationPages__previous {
display: inline-block;
margin-right: 5px
}
.appPaginationPages__next {
display: inline-block;
margin-left: 5px
}
.appPaginationPages__previous,
.appPaginationPages__next {
color: var(--color-500);
cursor: pointer
}
.appPaginationPages__previous .icon,
.appPaginationPages__previous .appPikaday .pika-prev,
.appPikaday .appPaginationPages__previous .pika-prev,
.appPaginationPages__previous .appPikaday .pika-next,
.appPikaday .appPaginationPages__previous .pika-next,
.appPaginationPages__next .icon,
.appPaginationPages__next .appPikaday .pika-prev,
.appPikaday .appPaginationPages__next .pika-prev,
.appPaginationPages__next .appPikaday .pika-next,
.appPikaday .appPaginationPages__next .pika-next {
font-size: 10px
}
.appPaginationPages__previous .is-disabled,
.appPaginationPages__next .is-disabled {
color: #ccc;
cursor: normal
}
.appAccountLinks__avatar {
min-width: 28px
}
.appAccountLinks__avatar.appAccountLinks__avatar--large {
height: 38px;
width: 38px;
min-width: 38px
}
.jaze-mod-dark.appActionBarFilter,
.jaze-mod-dark .appActionBarFilter,
.appActionBar--dark.appActionBarFilter,
.appActionBar--dark .appActionBarFilter {
--app-action-bar-filter-border-color: var(--jaze-color-border-secondary)
}
.jaze-mod-reset-color.appActionBarFilter,
.jaze-mod-reset-color .appActionBarFilter {
--app-action-bar-filter-border-color: initial
}
.appActionBarFilter {
-ms-flex-item-align: center;
align-self: center
}
.appActionBar--flexible {
padding-top: 5px;
padding-bottom: 5px
}
.appActionBarFilter--search {
width: auto
}
.appActionBarFilter:not(:last-child):not(.appActionBarFilter--noBorder):after,
.appActionBar--dark .appActionBarFilter:not(:last-child):not(.appActionBarFilter--noBorder):after {
border-right: 1px solid var(--app-action-bar-filter-border-color, var(--jaze-color-border-tertiary))
}
.appActionIcon {
color: var(--jaze-color-text-secondary, var(--jaze-color-DN10))
}
.appActionIcon:hover {
color: var(--jaze-color-text-primary, var(--jaze-color-DN30))
}
.appAccessibilityDescription {
clip: rect(1px 1px 1px 1px);
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute;
white-space: nowrap;
width: 1px
}
.appBadgeContainer--header {
font-size: 12px
}
.appBadge--solid {
background: var(--jaze-color-background-primary)
}
.appDescriptionList dd {
word-break: break-word
}
.appDescriptionList--properties {
color: var(--jaze-color-DN20)
}
.appDescriptionList--properties dt {
color: currentColor;
font-weight: normal;
font-size: 11px
}
.appDescriptionList--properties dd {
font-size: 11px;
text-align: right
}
.appDescriptionList--properties .appDescriptionListRow {
line-height: 22px
}
.appDescriptionList--tooltip {
color: currentColor
}
.appDescriptionList--tooltip dt {
font-size: 9px;
font-weight: normal
}
.appDescriptionList--tooltip dd {
font-size: 9px;
font-weight: bold;
text-align: right
}
.appDescriptionList--tooltip .appDescriptionListRow {
line-height: 16px
}
.appDescriptionList--divider {
border-color: var(--jaze-color-border-secondary)
}
.appDescriptionList--spacer:not(:last-child) {
margin-bottom: 8px
}
.appDescriptionListRow--autoSize dt,
.appDescriptionListRow--autoSize dd {
width: auto
}
.appDateIntervalInput {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
select.appDateIntervalInputButton,
.appDateIntervalInputButton.appFormDropdown__selectedItem,
input.appDateIntervalInputButton[type="text"] {
border: none;
height: auto;
padding: 0;
width: 80px
}
.appFormFooter--standalone {
padding-top: 10px !important
}
.appFormFooter--smash {
padding-top: 10px !important;
height: auto
}
.appFormGroup--condensed {
margin-bottom: 6px
}
.appForm--cozy input[type="radio"],
.appForm--cozy input[type="checkbox"] {
font-size: 11px
}
fieldset[disabled="disabled"] input,
fieldset[disabled="disabled"] select,
fieldset[disabled="disabled"] .appFormDropdown__selectedItem,
fieldset[disabled="disabled"] output,
fieldset[disabled="disabled"] textarea {
pointer-events: none
}
.appForm input[type="checkbox"]:indeterminate {
background-color: var(--color-500);
border-color: var(--color-500)
}
.appForm input[type="checkbox"]:indeterminate:before {
content: "\e785";
opacity: 1 !important
}
.appForm input[type="checkbox"]:before {
-webkit-transition: none !important;
-o-transition: none !important;
transition: none !important
}
.input--half,
.select--half,
.output--half,
.textarea--half {
width: 50%
}
.input--smallNumber {
width: 5em
}
.input--mediumNumber {
width: 7em
}
.input--inSentence {
margin-left: 0.5em;
margin-right: 0.5em
}
.input--hexColor {
width: 6em
}
.appFieldset--quiet {
border: none;
margin: 0;
padding: 0
}
.appFieldset--collapsed .appFormGroup,
.appFieldset--collapsed .appInputGroup {
display: none
}
.appFieldset--scrollable {
overflow-y: auto !important;
max-height: calc(100vh - 100px)
}
.appFieldset--scrollable::-webkit-scrollbar {
height: 14px;
width: 14px
}
.appFieldset--scrollable::-webkit-scrollbar-thumb {
background-clip: content-box;
background-color: var(--jaze-color-scrollbar-thumb);
border-radius: 14px;
border: 4px solid transparent;
min-height: 60px
}
.appFieldset--scrollable::-webkit-scrollbar-track {
background: rgba(0, 0, 0, 0);
border-radius: 6pxcalc($offset * 2)
}
.appFieldset--scrollable::-webkit-scrollbar-corner {
background-color: transparent
}
.appForm--isLoading input,
.appForm--isLoading select,
.appForm--isLoading .appFormDropdown__selectedItem,
.appForm--isLoading textarea {
-webkit-transition: none !important;
-o-transition: none !important;
transition: none !important
}
.appForm--dark input[type="checkbox"]:focus,
.appForm--dark input[type="radio"]:focus {
border-color: #929698
}
.appForm--dark input[type="checkbox"]:focus:checked,
.appForm--dark input[type="radio"]:focus:checked {
border-color: #c6c9ca
}
.appFormDropdown {
height: 2.4285714286rem
}
.appForm--cozy .appFormDropdown {
height: 1.6428571429rem
}
.appFormDropdown--withSearch {
border: none !important;
padding: 0 !important;
background: transparent
}
.appFormDropdown--withSearch .appDropdown {
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-left: 0;
-webkit-box-shadow: none;
box-shadow: none;
border: 1px solid #d7dbdd;
border-top-width: 0
}
.appForm--dark .appFormDropdown--withSearch .appDropdown {
border-color: #3e494f
}
.appFormDropdown--withSearch .appDropdown--upward {
top: auto;
bottom: 2.4285714286rem;
border-bottom-width: 0;
border-top-width: 1px
}
.appForm--cozy .appFormDropdown--withSearch .appDropdown--upward {
bottom: 1.6428571429rem
}
.appFormDropdown__selectedItem {
width: 100%;
text-align: left
}
.appFormDropdown__selectedItem--noIcon {
background-image: none
}
.appFormDropdown__input {
width: 100%
}
.appFormUpload {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
border: 1px dashed var(--jaze-color-primary);
background-color: var(--jaze-color-primary-T5);
border-radius: 3px;
width: 100%;
height: 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.appFormUpload.is-dragover .appFormUploadContent {
opacity: .2
}
.appFormUpload--large {
height: 170px
}
.appFormUploadContent {
width: 100%
}
.appFormUploadContentIcon {
font-size: 34px;
text-align: center;
color: var(--jaze-color-primary)
}
.appFormUploadContentLabel {
font-size: 13px;
text-align: center
}
.appFormUploadContentLabel a {
color: var(--jaze-color-primary)
}
.appFormUploadContentIcon+.appFormUploadContentLabel {
margin-top: 20px
}
.appForm input[type="color"]:valid,
.appForm input[type="color"].is-input-valid,
.appForm input[type="color"].ng-valid,
.appForm input[type="color"]:invalid,
.appForm input[type="color"].is-input-invalid,
.appForm input[type="color"].ng-invalid,
.appForm input[type="date"]:valid,
.appForm input[type="date"].is-input-valid,
.appForm input[type="date"].ng-valid,
.appForm input[type="date"]:invalid,
.appForm input[type="date"].is-input-invalid,
.appForm input[type="date"].ng-invalid,
.appForm input[type="datetime"]:valid,
.appForm input[type="datetime"].is-input-valid,
.appForm input[type="datetime"].ng-valid,
.appForm input[type="datetime"]:invalid,
.appForm input[type="datetime"].is-input-invalid,
.appForm input[type="datetime"].ng-invalid,
.appForm input[type="datetime-local "]:valid,
.appForm input[type="datetime-local "].is-input-valid,
.appForm input[type="datetime-local "].ng-valid,
.appForm input[type="datetime-local "]:invalid,
.appForm input[type="datetime-local "].is-input-invalid,
.appForm input[type="datetime-local "].ng-invalid,
.appForm input[type="email"]:valid,
.appForm input[type="email"].is-input-valid,
.appForm input[type="email"].ng-valid,
.appForm input[type="email"]:invalid,
.appForm input[type="email"].is-input-invalid,
.appForm input[type="email"].ng-invalid,
.appForm input[type="file"]:valid,
.appForm input[type="file"].is-input-valid,
.appForm input[type="file"].ng-valid,
.appForm input[type="file"]:invalid,
.appForm input[type="file"].is-input-invalid,
.appForm input[type="file"].ng-invalid,
.appForm input[type="image"]:valid,
.appForm input[type="image"].is-input-valid,
.appForm input[type="image"].ng-valid,
.appForm input[type="image"]:invalid,
.appForm input[type="image"].is-input-invalid,
.appForm input[type="image"].ng-invalid,
.appForm input[type="month"]:valid,
.appForm input[type="month"].is-input-valid,
.appForm input[type="month"].ng-valid,
.appForm input[type="month"]:invalid,
.appForm input[type="month"].is-input-invalid,
.appForm input[type="month"].ng-invalid,
.appForm input[type="number"]:valid,
.appForm input[type="number"].is-input-valid,
.appForm input[type="number"].ng-valid,
.appForm input[type="number"]:invalid,
.appForm input[type="number"].is-input-invalid,
.appForm input[type="number"].ng-invalid,
.appForm input[type="password"]:valid,
.appForm input[type="password"].is-input-valid,
.appForm input[type="password"].ng-valid,
.appForm input[type="password"]:invalid,
.appForm input[type="password"].is-input-invalid,
.appForm input[type="password"].ng-invalid,
.appForm input[type="reset"]:valid,
.appForm input[type="reset"].is-input-valid,
.appForm input[type="reset"].ng-valid,
.appForm input[type="reset"]:invalid,
.appForm input[type="reset"].is-input-invalid,
.appForm input[type="reset"].ng-invalid,
.appForm input[type="search"]:valid,
.appForm input[type="search"].is-input-valid,
.appForm input[type="search"].ng-valid,
.appForm input[type="search"]:invalid,
.appForm input[type="search"].is-input-invalid,
.appForm input[type="search"].ng-invalid,
.appForm input[type="tel"]:valid,
.appForm input[type="tel"].is-input-valid,
.appForm input[type="tel"].ng-valid,
.appForm input[type="tel"]:invalid,
.appForm input[type="tel"].is-input-invalid,
.appForm input[type="tel"].ng-invalid,
.appForm input[type="text"]:valid,
.appForm input[type="text"].is-input-valid,
.appForm input[type="text"].ng-valid,
.appForm input[type="text"]:invalid,
.appForm input[type="text"].is-input-invalid,
.appForm input[type="text"].ng-invalid,
.appForm input[type="time"]:valid,
.appForm input[type="time"].is-input-valid,
.appForm input[type="time"].ng-valid,
.appForm input[type="time"]:invalid,
.appForm input[type="time"].is-input-invalid,
.appForm input[type="time"].ng-invalid,
.appForm input[type="url"]:valid,
.appForm input[type="url"].is-input-valid,
.appForm input[type="url"].ng-valid,
.appForm input[type="url"]:invalid,
.appForm input[type="url"].is-input-invalid,
.appForm input[type="url"].ng-invalid,
.appForm input[type="week"]:valid,
.appForm input[type="week"].is-input-valid,
.appForm input[type="week"].ng-valid,
.appForm input[type="week"]:invalid,
.appForm input[type="week"].is-input-invalid,
.appForm input[type="week"].ng-invalid,
.appForm output:valid,
.appForm output.is-input-valid,
.appForm output.ng-valid,
.appForm output:invalid,
.appForm output.is-input-invalid,
.appForm output.ng-invalid,
.appForm textarea:valid,
.appForm textarea.is-input-valid,
.appForm textarea.ng-valid,
.appForm textarea:invalid,
.appForm textarea.is-input-invalid,
.appForm textarea.ng-invalid,
.appForm select:valid,
.appForm .appFormDropdown__selectedItem:valid,
.appForm select.is-input-valid,
.appForm .is-input-valid.appFormDropdown__selectedItem,
.appForm select.ng-valid,
.appForm .ng-valid.appFormDropdown__selectedItem,
.appForm select:invalid,
.appForm .appFormDropdown__selectedItem:invalid,
.appForm select.is-input-invalid,
.appForm .is-input-invalid.appFormDropdown__selectedItem,
.appForm select.ng-invalid,
.appForm .ng-invalid.appFormDropdown__selectedItem,
.appForm .appFormDropdown:valid,
.appForm .appFormDropdown.is-input-valid,
.appForm .appFormDropdown.ng-valid,
.appForm .appFormDropdown:invalid,
.appForm .appFormDropdown.is-input-invalid,
.appForm .appFormDropdown.ng-invalid,
.appForm .appCompoundInput--withValidation:valid,
.appForm .appCompoundInput--withValidation.is-input-valid,
.appForm .appCompoundInput--withValidation.ng-valid,
.appForm .appCompoundInput--withValidation:invalid,
.appForm .appCompoundInput--withValidation.is-input-invalid,
.appForm .appCompoundInput--withValidation.ng-invalid {
-webkit-box-shadow: none;
box-shadow: none
}
.appForm input[type="color"]:valid.is-empty,
.appForm input[type="color"].is-input-valid.is-empty,
.appForm input[type="color"].ng-valid.is-empty,
.appForm input[type="color"]:invalid.is-empty,
.appForm input[type="color"].is-input-invalid.is-empty,
.appForm input[type="color"].ng-invalid.is-empty,
.appForm input[type="date"]:valid.is-empty,
.appForm input[type="date"].is-input-valid.is-empty,
.appForm input[type="date"].ng-valid.is-empty,
.appForm input[type="date"]:invalid.is-empty,
.appForm input[type="date"].is-input-invalid.is-empty,
.appForm input[type="date"].ng-invalid.is-empty,
.appForm input[type="datetime"]:valid.is-empty,
.appForm input[type="datetime"].is-input-valid.is-empty,
.appForm input[type="datetime"].ng-valid.is-empty,
.appForm input[type="datetime"]:invalid.is-empty,
.appForm input[type="datetime"].is-input-invalid.is-empty,
.appForm input[type="datetime"].ng-invalid.is-empty,
.appForm input[type="datetime-local "]:valid.is-empty,
.appForm input[type="datetime-local "].is-input-valid.is-empty,
.appForm input[type="datetime-local "].ng-valid.is-empty,
.appForm input[type="datetime-local "]:invalid.is-empty,
.appForm input[type="datetime-local "].is-input-invalid.is-empty,
.appForm input[type="datetime-local "].ng-invalid.is-empty,
.appForm input[type="email"]:valid.is-empty,
.appForm input[type="email"].is-input-valid.is-empty,
.appForm input[type="email"].ng-valid.is-empty,
.appForm input[type="email"]:invalid.is-empty,
.appForm input[type="email"].is-input-invalid.is-empty,
.appForm input[type="email"].ng-invalid.is-empty,
.appForm input[type="file"]:valid.is-empty,
.appForm input[type="file"].is-input-valid.is-empty,
.appForm input[type="file"].ng-valid.is-empty,
.appForm input[type="file"]:invalid.is-empty,
.appForm input[type="file"].is-input-invalid.is-empty,
.appForm input[type="file"].ng-invalid.is-empty,
.appForm input[type="image"]:valid.is-empty,
.appForm input[type="image"].is-input-valid.is-empty,
.appForm input[type="image"].ng-valid.is-empty,
.appForm input[type="image"]:invalid.is-empty,
.appForm input[type="image"].is-input-invalid.is-empty,
.appForm input[type="image"].ng-invalid.is-empty,
.appForm input[type="month"]:valid.is-empty,
.appForm input[type="month"].is-input-valid.is-empty,
.appForm input[type="month"].ng-valid.is-empty,
.appForm input[type="month"]:invalid.is-empty,
.appForm input[type="month"].is-input-invalid.is-empty,
.appForm input[type="month"].ng-invalid.is-empty,
.appForm input[type="number"]:valid.is-empty,
.appForm input[type="number"].is-input-valid.is-empty,
.appForm input[type="number"].ng-valid.is-empty,
.appForm input[type="number"]:invalid.is-empty,
.appForm input[type="number"].is-input-invalid.is-empty,
.appForm input[type="number"].ng-invalid.is-empty,
.appForm input[type="password"]:valid.is-empty,
.appForm input[type="password"].is-input-valid.is-empty,
.appForm input[type="password"].ng-valid.is-empty,
.appForm input[type="password"]:invalid.is-empty,
.appForm input[type="password"].is-input-invalid.is-empty,
.appForm input[type="password"].ng-invalid.is-empty,
.appForm input[type="reset"]:valid.is-empty,
.appForm input[type="reset"].is-input-valid.is-empty,
.appForm input[type="reset"].ng-valid.is-empty,
.appForm input[type="reset"]:invalid.is-empty,
.appForm input[type="reset"].is-input-invalid.is-empty,
.appForm input[type="reset"].ng-invalid.is-empty,
.appForm input[type="search"]:valid.is-empty,
.appForm input[type="search"].is-input-valid.is-empty,
.appForm input[type="search"].ng-valid.is-empty,
.appForm input[type="search"]:invalid.is-empty,
.appForm input[type="search"].is-input-invalid.is-empty,
.appForm input[type="search"].ng-invalid.is-empty,
.appForm input[type="tel"]:valid.is-empty,
.appForm input[type="tel"].is-input-valid.is-empty,
.appForm input[type="tel"].ng-valid.is-empty,
.appForm input[type="tel"]:invalid.is-empty,
.appForm input[type="tel"].is-input-invalid.is-empty,
.appForm input[type="tel"].ng-invalid.is-empty,
.appForm input[type="text"]:valid.is-empty,
.appForm input[type="text"].is-input-valid.is-empty,
.appForm input[type="text"].ng-valid.is-empty,
.appForm input[type="text"]:invalid.is-empty,
.appForm input[type="text"].is-input-invalid.is-empty,
.appForm input[type="text"].ng-invalid.is-empty,
.appForm input[type="time"]:valid.is-empty,
.appForm input[type="time"].is-input-valid.is-empty,
.appForm input[type="time"].ng-valid.is-empty,
.appForm input[type="time"]:invalid.is-empty,
.appForm input[type="time"].is-input-invalid.is-empty,
.appForm input[type="time"].ng-invalid.is-empty,
.appForm input[type="url"]:valid.is-empty,
.appForm input[type="url"].is-input-valid.is-empty,
.appForm input[type="url"].ng-valid.is-empty,
.appForm input[type="url"]:invalid.is-empty,
.appForm input[type="url"].is-input-invalid.is-empty,
.appForm input[type="url"].ng-invalid.is-empty,
.appForm input[type="week"]:valid.is-empty,
.appForm input[type="week"].is-input-valid.is-empty,
.appForm input[type="week"].ng-valid.is-empty,
.appForm input[type="week"]:invalid.is-empty,
.appForm input[type="week"].is-input-invalid.is-empty,
.appForm input[type="week"].ng-invalid.is-empty,
.appForm output:valid.is-empty,
.appForm output.is-input-valid.is-empty,
.appForm output.ng-valid.is-empty,
.appForm output:invalid.is-empty,
.appForm output.is-input-invalid.is-empty,
.appForm output.ng-invalid.is-empty,
.appForm textarea:valid.is-empty,
.appForm textarea.is-input-valid.is-empty,
.appForm textarea.ng-valid.is-empty,
.appForm textarea:invalid.is-empty,
.appForm textarea.is-input-invalid.is-empty,
.appForm textarea.ng-invalid.is-empty,
.appForm select:valid.is-empty,
.appForm .appFormDropdown__selectedItem:valid.is-empty,
.appForm select.is-input-valid.is-empty,
.appForm .is-input-valid.is-empty.appFormDropdown__selectedItem,
.appForm select.ng-valid.is-empty,
.appForm .ng-valid.is-empty.appFormDropdown__selectedItem,
.appForm select:invalid.is-empty,
.appForm .appFormDropdown__selectedItem:invalid.is-empty,
.appForm select.is-input-invalid.is-empty,
.appForm .is-input-invalid.is-empty.appFormDropdown__selectedItem,
.appForm select.ng-invalid.is-empty,
.appForm .ng-invalid.is-empty.appFormDropdown__selectedItem,
.appForm .appFormDropdown:valid.is-empty,
.appForm .appFormDropdown.is-input-valid.is-empty,
.appForm .appFormDropdown.ng-valid.is-empty,
.appForm .appFormDropdown:invalid.is-empty,
.appForm .appFormDropdown.is-input-invalid.is-empty,
.appForm .appFormDropdown.ng-invalid.is-empty,
.appForm .appCompoundInput--withValidation:valid.is-empty,
.appForm .appCompoundInput--withValidation.is-input-valid.is-empty,
.appForm .appCompoundInput--withValidation.ng-valid.is-empty,
.appForm .appCompoundInput--withValidation:invalid.is-empty,
.appForm .appCompoundInput--withValidation.is-input-invalid.is-empty,
.appForm .appCompoundInput--withValidation.ng-invalid.is-empty {
-webkit-box-shadow: none !important;
box-shadow: none !important
}
.appForm.is-form-validation-visible input[type="color"]:valid:not(.without-standard-validation),
.appForm.is-form-validation-visible input[type="color"].is-input-valid:not(.without-standard-validation),
.appForm.is-form-validation-visible input[type="color"].ng-valid:not(.without-standard-validation),
.appForm.is-form-validation-visible input[type="date"]:valid:not(.without-standard-validation),
.appForm.is-form-validation-visible input[type="date"].is-input-valid:not(.without-standard-validation),
.appForm.is-form-validation-visible input[type="date"].ng-valid:not(.without-standard-validation),
.appForm.is-form-validation-visible input[type="datetime"]:valid:not(.without-standard-validation),
.appForm.is-form-validation-visible input[type="datetime"].is-input-valid:not(.without-standard-validation),
.appForm.is-form-validation-visible input[type="datetime"].ng-valid:not(.without-standard-validation),
.appForm.is-form-validation-visible input[type="datetime-local "]:valid:not(.without-standard-validation),
.appForm.is-form-validation-visible input[type="datetime-local "].is-input-valid:not(.without-standard-validation),
.appForm.is-form-validation-visible input[type="datetime-local "].ng-valid:not(.without-standard-validation),
.appForm.is-form-validation-visible input[type="email"]:valid:not(.without-standard-validation),
.appForm.is-form-validation-visible input[type="email"].is-input-valid:not(.without-standard-validation),
.appForm.is-form-validation-visible input[type="email"].ng-valid:not(.without-standard-validation),
.appForm.is-form-validation-visible input[type="file"]:valid:not(.without-standard-validation),
.appForm.is-form-validation-visible input[type="file"].is-input-valid:not(.without-standard-validation),
.appForm.is-form-validation-visible input[type="file"].ng-valid:not(.without-standard-validation),
.appForm.is-form-validation-visible input[type="image"]:valid:not(.without-standard-validation),
.appForm.is-form-validation-visible input[type="image"].is-input-valid:not(.without-standard-validation),
.appForm.is-form-validation-visible input[type="image"].ng-valid:not(.without-standard-validation),
.appForm.is-form-validation-visible input[type="month"]:valid:not(.without-standard-validation),
.appForm.is-form-validation-visible input[type="month"].is-input-valid:not(.without-standard-validation),
.appForm.is-form-validation-visible input[type="month"].ng-valid:not(.without-standard-validation),
.appForm.is-form-validation-visible input[type="number"]:valid:not(.without-standard-validation),
.appForm.is-form-validation-visible input[type="number"].is-input-valid:not(.without-standard-validation),
.appForm.is-form-validation-visible input[type="number"].ng-valid:not(.without-standard-validation),
.appForm.is-form-validation-visible input[type="password"]:valid:not(.without-standard-validation),
.appForm.is-form-validation-visible input[type="password"].is-input-valid:not(.without-standard-validation),
.appForm.is-form-validation-visible input[type="password"].ng-valid:not(.without-standard-validation),
.appForm.is-form-validation-visible input[type="reset"]:valid:not(.without-standard-validation),
.appForm.is-form-validation-visible input[type="reset"].is-input-valid:not(.without-standard-validation),
.appForm.is-form-validation-visible input[type="reset"].ng-valid:not(.without-standard-validation),
.appForm.is-form-validation-visible input[type="search"]:valid:not(.without-standard-validation),
.appForm.is-form-validation-visible input[type="search"].is-input-valid:not(.without-standard-validation),
.appForm.is-form-validation-visible input[type="search"].ng-valid:not(.without-standard-validation),
.appForm.is-form-validation-visible input[type="tel"]:valid:not(.without-standard-validation),
.appForm.is-form-validation-visible input[type="tel"].is-input-valid:not(.without-standard-validation),
.appForm.is-form-validation-visible input[type="tel"].ng-valid:not(.without-standard-validation),
.appForm.is-form-validation-visible input[type="text"]:valid:not(.without-standard-validation),
.appForm.is-form-validation-visible input[type="text"].is-input-valid:not(.without-standard-validation),
.appForm.is-form-validation-visible input[type="text"].ng-valid:not(.without-standard-validation),
.appForm.is-form-validation-visible input[type="time"]:valid:not(.without-standard-validation),
.appForm.is-form-validation-visible input[type="time"].is-input-valid:not(.without-standard-validation),
.appForm.is-form-validation-visible input[type="time"].ng-valid:not(.without-standard-validation),
.appForm.is-form-validation-visible input[type="url"]:valid:not(.without-standard-validation),
.appForm.is-form-validation-visible input[type="url"].is-input-valid:not(.without-standard-validation),
.appForm.is-form-validation-visible input[type="url"].ng-valid:not(.without-standard-validation),
.appForm.is-form-validation-visible input[type="week"]:valid:not(.without-standard-validation),
.appForm.is-form-validation-visible input[type="week"].is-input-valid:not(.without-standard-validation),
.appForm.is-form-validation-visible input[type="week"].ng-valid:not(.without-standard-validation),
.appForm.is-form-validation-visible output:valid:not(.without-standard-validation),
.appForm.is-form-validation-visible output.is-input-valid:not(.without-standard-validation),
.appForm.is-form-validation-visible output.ng-valid:not(.without-standard-validation),
.appForm.is-form-validation-visible textarea:valid:not(.without-standard-validation),
.appForm.is-form-validation-visible textarea.is-input-valid:not(.without-standard-validation),
.appForm.is-form-validation-visible textarea.ng-valid:not(.without-standard-validation),
.appForm.is-form-validation-visible select:valid:not(.without-standard-validation),
.appForm.is-form-validation-visible .appFormDropdown__selectedItem:valid:not(.without-standard-validation),
.appForm.is-form-validation-visible select.is-input-valid:not(.without-standard-validation),
.appForm.is-form-validation-visible .is-input-valid.appFormDropdown__selectedItem:not(.without-standard-validation),
.appForm.is-form-validation-visible select.ng-valid:not(.without-standard-validation),
.appForm.is-form-validation-visible .ng-valid.appFormDropdown__selectedItem:not(.without-standard-validation),
.appForm.is-form-validation-visible .appFormDropdown:valid:not(.without-standard-validation),
.appForm.is-form-validation-visible .appFormDropdown.is-input-valid:not(.without-standard-validation),
.appForm.is-form-validation-visible .appFormDropdown.ng-valid:not(.without-standard-validation),
.appForm.is-form-validation-visible .appCompoundInput--withValidation:valid:not(.without-standard-validation),
.appForm.is-form-validation-visible .appCompoundInput--withValidation.is-input-valid:not(.without-standard-validation),
.appForm.is-form-validation-visible .appCompoundInput--withValidation.ng-valid:not(.without-standard-validation) {
-webkit-box-shadow: none;
box-shadow: none
}
.appForm.is-form-validation-visible input[type="color"]:invalid:not(.without-standard-validation),
.appForm.is-form-validation-visible input[type="color"].is-input-invalid:not(.without-standard-validation),
.appForm.is-form-validation-visible input[type="color"].ng-invalid:not(.without-standard-validation),
.appForm.is-form-validation-visible input[type="date"]:invalid:not(.without-standard-validation),
.appForm.is-form-validation-visible input[type="date"].is-input-invalid:not(.without-standard-validation),
.appForm.is-form-validation-visible input[type="date"].ng-invalid:not(.without-standard-validation),
.appForm.is-form-validation-visible input[type="datetime"]:invalid:not(.without-standard-validation),
.appForm.is-form-validation-visible input[type="datetime"].is-input-invalid:not(.without-standard-validation),
.appForm.is-form-validation-visible input[type="datetime"].ng-invalid:not(.without-standard-validation),
.appForm.is-form-validation-visible input[type="datetime-local "]:invalid:not(.without-standard-validation),
.appForm.is-form-validation-visible input[type="datetime-local "].is-input-invalid:not(.without-standard-validation),
.appForm.is-form-validation-visible input[type="datetime-local "].ng-invalid:not(.without-standard-validation),
.appForm.is-form-validation-visible input[type="email"]:invalid:not(.without-standard-validation),
.appForm.is-form-validation-visible input[type="email"].is-input-invalid:not(.without-standard-validation),
.appForm.is-form-validation-visible input[type="email"].ng-invalid:not(.without-standard-validation),
.appForm.is-form-validation-visible input[type="file"]:invalid:not(.without-standard-validation),
.appForm.is-form-validation-visible input[type="file"].is-input-invalid:not(.without-standard-validation),
.appForm.is-form-validation-visible input[type="file"].ng-invalid:not(.without-standard-validation),
.appForm.is-form-validation-visible input[type="image"]:invalid:not(.without-standard-validation),
.appForm.is-form-validation-visible input[type="image"].is-input-invalid:not(.without-standard-validation),
.appForm.is-form-validation-visible input[type="image"].ng-invalid:not(.without-standard-validation),
.appForm.is-form-validation-visible input[type="month"]:invalid:not(.without-standard-validation),
.appForm.is-form-validation-visible input[type="month"].is-input-invalid:not(.without-standard-validation),
.appForm.is-form-validation-visible input[type="month"].ng-invalid:not(.without-standard-validation),
.appForm.is-form-validation-visible input[type="number"]:invalid:not(.without-standard-validation),
.appForm.is-form-validation-visible input[type="number"].is-input-invalid:not(.without-standard-validation),
.appForm.is-form-validation-visible input[type="number"].ng-invalid:not(.without-standard-validation),
.appForm.is-form-validation-visible input[type="password"]:invalid:not(.without-standard-validation),
.appForm.is-form-validation-visible input[type="password"].is-input-invalid:not(.without-standard-validation),
.appForm.is-form-validation-visible input[type="password"].ng-invalid:not(.without-standard-validation),
.appForm.is-form-validation-visible input[type="reset"]:invalid:not(.without-standard-validation),
.appForm.is-form-validation-visible input[type="reset"].is-input-invalid:not(.without-standard-validation),
.appForm.is-form-validation-visible input[type="reset"].ng-invalid:not(.without-standard-validation),
.appForm.is-form-validation-visible input[type="search"]:invalid:not(.without-standard-validation),
.appForm.is-form-validation-visible input[type="search"].is-input-invalid:not(.without-standard-validation),
.appForm.is-form-validation-visible input[type="search"].ng-invalid:not(.without-standard-validation),
.appForm.is-form-validation-visible input[type="tel"]:invalid:not(.without-standard-validation),
.appForm.is-form-validation-visible input[type="tel"].is-input-invalid:not(.without-standard-validation),
.appForm.is-form-validation-visible input[type="tel"].ng-invalid:not(.without-standard-validation),
.appForm.is-form-validation-visible input[type="text"]:invalid:not(.without-standard-validation),
.appForm.is-form-validation-visible input[type="text"].is-input-invalid:not(.without-standard-validation),
.appForm.is-form-validation-visible input[type="text"].ng-invalid:not(.without-standard-validation),
.appForm.is-form-validation-visible input[type="time"]:invalid:not(.without-standard-validation),
.appForm.is-form-validation-visible input[type="time"].is-input-invalid:not(.without-standard-validation),
.appForm.is-form-validation-visible input[type="time"].ng-invalid:not(.without-standard-validation),
.appForm.is-form-validation-visible input[type="url"]:invalid:not(.without-standard-validation),
.appForm.is-form-validation-visible input[type="url"].is-input-invalid:not(.without-standard-validation),
.appForm.is-form-validation-visible input[type="url"].ng-invalid:not(.without-standard-validation),
.appForm.is-form-validation-visible input[type="week"]:invalid:not(.without-standard-validation),
.appForm.is-form-validation-visible input[type="week"].is-input-invalid:not(.without-standard-validation),
.appForm.is-form-validation-visible input[type="week"].ng-invalid:not(.without-standard-validation),
.appForm.is-form-validation-visible output:invalid:not(.without-standard-validation),
.appForm.is-form-validation-visible output.is-input-invalid:not(.without-standard-validation),
.appForm.is-form-validation-visible output.ng-invalid:not(.without-standard-validation),
.appForm.is-form-validation-visible textarea:invalid:not(.without-standard-validation),
.appForm.is-form-validation-visible textarea.is-input-invalid:not(.without-standard-validation),
.appForm.is-form-validation-visible textarea.ng-invalid:not(.without-standard-validation),
.appForm.is-form-validation-visible select:invalid:not(.without-standard-validation),
.appForm.is-form-validation-visible .appFormDropdown__selectedItem:invalid:not(.without-standard-validation),
.appForm.is-form-validation-visible select.is-input-invalid:not(.without-standard-validation),
.appForm.is-form-validation-visible .is-input-invalid.appFormDropdown__selectedItem:not(.without-standard-validation),
.appForm.is-form-validation-visible select.ng-invalid:not(.without-standard-validation),
.appForm.is-form-validation-visible .ng-invalid.appFormDropdown__selectedItem:not(.without-standard-validation),
.appForm.is-form-validation-visible .appFormDropdown:invalid:not(.without-standard-validation),
.appForm.is-form-validation-visible .appFormDropdown.is-input-invalid:not(.without-standard-validation),
.appForm.is-form-validation-visible .appFormDropdown.ng-invalid:not(.without-standard-validation),
.appForm.is-form-validation-visible .appCompoundInput--withValidation:invalid:not(.without-standard-validation),
.appForm.is-form-validation-visible .appCompoundInput--withValidation.is-input-invalid:not(.without-standard-validation),
.appForm.is-form-validation-visible .appCompoundInput--withValidation.ng-invalid:not(.without-standard-validation) {
-webkit-box-shadow: 0px 4px 0px #f03a3e;
box-shadow: 0px 4px 0px #f03a3e
}
.appForm.is-form-validation-visible input[type="color"].is-input-warning:not(.without-standard-validation),
.appForm.is-form-validation-visible input[type="color"].ng-invalid-divergent:not(.without-standard-validation),
.appForm.is-form-validation-visible input[type="date"].is-input-warning:not(.without-standard-validation),
.appForm.is-form-validation-visible input[type="date"].ng-invalid-divergent:not(.without-standard-validation),
.appForm.is-form-validation-visible input[type="datetime"].is-input-warning:not(.without-standard-validation),
.appForm.is-form-validation-visible input[type="datetime"].ng-invalid-divergent:not(.without-standard-validation),
.appForm.is-form-validation-visible input[type="datetime-local "].is-input-warning:not(.without-standard-validation),
.appForm.is-form-validation-visible input[type="datetime-local "].ng-invalid-divergent:not(.without-standard-validation),
.appForm.is-form-validation-visible input[type="email"].is-input-warning:not(.without-standard-validation),
.appForm.is-form-validation-visible input[type="email"].ng-invalid-divergent:not(.without-standard-validation),
.appForm.is-form-validation-visible input[type="file"].is-input-warning:not(.without-standard-validation),
.appForm.is-form-validation-visible input[type="file"].ng-invalid-divergent:not(.without-standard-validation),
.appForm.is-form-validation-visible input[type="image"].is-input-warning:not(.without-standard-validation),
.appForm.is-form-validation-visible input[type="image"].ng-invalid-divergent:not(.without-standard-validation),
.appForm.is-form-validation-visible input[type="month"].is-input-warning:not(.without-standard-validation),
.appForm.is-form-validation-visible input[type="month"].ng-invalid-divergent:not(.without-standard-validation),
.appForm.is-form-validation-visible input[type="number"].is-input-warning:not(.without-standard-validation),
.appForm.is-form-validation-visible input[type="number"].ng-invalid-divergent:not(.without-standard-validation),
.appForm.is-form-validation-visible input[type="password"].is-input-warning:not(.without-standard-validation),
.appForm.is-form-validation-visible input[type="password"].ng-invalid-divergent:not(.without-standard-validation),
.appForm.is-form-validation-visible input[type="reset"].is-input-warning:not(.without-standard-validation),
.appForm.is-form-validation-visible input[type="reset"].ng-invalid-divergent:not(.without-standard-validation),
.appForm.is-form-validation-visible input[type="search"].is-input-warning:not(.without-standard-validation),
.appForm.is-form-validation-visible input[type="search"].ng-invalid-divergent:not(.without-standard-validation),
.appForm.is-form-validation-visible input[type="tel"].is-input-warning:not(.without-standard-validation),
.appForm.is-form-validation-visible input[type="tel"].ng-invalid-divergent:not(.without-standard-validation),
.appForm.is-form-validation-visible input[type="text"].is-input-warning:not(.without-standard-validation),
.appForm.is-form-validation-visible input[type="text"].ng-invalid-divergent:not(.without-standard-validation),
.appForm.is-form-validation-visible input[type="time"].is-input-warning:not(.without-standard-validation),
.appForm.is-form-validation-visible input[type="time"].ng-invalid-divergent:not(.without-standard-validation),
.appForm.is-form-validation-visible input[type="url"].is-input-warning:not(.without-standard-validation),
.appForm.is-form-validation-visible input[type="url"].ng-invalid-divergent:not(.without-standard-validation),
.appForm.is-form-validation-visible input[type="week"].is-input-warning:not(.without-standard-validation),
.appForm.is-form-validation-visible input[type="week"].ng-invalid-divergent:not(.without-standard-validation),
.appForm.is-form-validation-visible output.is-input-warning:not(.without-standard-validation),
.appForm.is-form-validation-visible output.ng-invalid-divergent:not(.without-standard-validation),
.appForm.is-form-validation-visible textarea.is-input-warning:not(.without-standard-validation),
.appForm.is-form-validation-visible textarea.ng-invalid-divergent:not(.without-standard-validation),
.appForm.is-form-validation-visible select.is-input-warning:not(.without-standard-validation),
.appForm.is-form-validation-visible .is-input-warning.appFormDropdown__selectedItem:not(.without-standard-validation),
.appForm.is-form-validation-visible select.ng-invalid-divergent:not(.without-standard-validation),
.appForm.is-form-validation-visible .ng-invalid-divergent.appFormDropdown__selectedItem:not(.without-standard-validation),
.appForm.is-form-validation-visible .appFormDropdown.is-input-warning:not(.without-standard-validation),
.appForm.is-form-validation-visible .appFormDropdown.ng-invalid-divergent:not(.without-standard-validation),
.appForm.is-form-validation-visible .appCompoundInput--withValidation.is-input-warning:not(.without-standard-validation),
.appForm.is-form-validation-visible .appCompoundInput--withValidation.ng-invalid-divergent:not(.without-standard-validation) {
-webkit-box-shadow: 0px 4px 0px #f5a623;
box-shadow: 0px 4px 0px #f5a623
}
.appForm input.with-validation-meter {
-webkit-transition: -webkit-box-shadow 0.3s ease-in-out;
transition: -webkit-box-shadow 0.3s ease-in-out;
-o-transition: box-shadow 0.3s ease-in-out;
transition: box-shadow 0.3s ease-in-out;
transition: box-shadow 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out
}
.appForm input.with-validation-meter:valid,
.appForm input.with-validation-meter.is-input-valid,
.appForm input.with-validation-meter.ng-valid {
-webkit-box-shadow: 0px 4px 0px #39cc64;
box-shadow: 0px 4px 0px #39cc64
}
.appForm input.with-validation-meter:invalid,
.appForm input.with-validation-meter.is-input-invalid,
.appForm input.with-validation-meter.ng-invalid {
-webkit-box-shadow: 0px 4px 0px #f03a3e;
box-shadow: 0px 4px 0px #f03a3e
}
.appForm input.with-validation-meter.is-input-warning,
.appForm input.with-validation-meter.ng-invalid-divergent {
-webkit-box-shadow: 0px 4px 0px #f5a623;
box-shadow: 0px 4px 0px #f5a623
}
.appForm--cozy .appIconInput--right .appIconInput__input[type=number],
.appIconInput--right .appIconInput__input[type=number] {
padding-right: 2.1428571429em
}
.appForm--cozy .appIconInput--right.appIconInput--comfy .appIconInput__input[type=number],
.appIconInput--right.appIconInput--comfy .appIconInput__input[type=number] {
padding-right: 2.6428571429em
}
.appIconInput--right.appIconInput--left .appIconInput__icon--left {
right: auto
}
.appIconInput--right.appIconInput--left .appIconInput__icon--right {
left: auto
}
.appInputGroup--comfy {
margin-bottom: .8571428571rem
}
.appInputGroup>*:not(:first-child) {
margin-left: 0
}
.appInputGroup>*:not(:last-child) {
margin-right: .5rem
}
.appInputGroup--flex {
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline
}
.appInputGroup--flex .appLabel--flexible {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1
}
.appInputList li {
padding-top: 4px;
padding-bottom: 4px
}
label[for],
.appLabel[for] {
cursor: pointer
}
.appLabel--withBadge {
margin-right: 6px
}
label.is-label-inactive {
opacity: 0.6
}
.appToggle--invalid {
border: 1px solid #f03a3e
}
.appToggle--invalid label:after {
border-top-color: #f03a3e !important;
border-bottom-color: #f03a3e !important
}
.appToggle--invalid input[type="checkbox"]:checked+label:after {
border-right-color: #f03a3e !important
}
.appToggle--invalid input[type="checkbox"]:checked+label:after {
border-right-color: #f03a3e !important
}
.appToggle--invalid input[type="checkbox"]:not(:checked)+label:after {
border-left-color: #f03a3e !important
}
.appGlobalSideNavPopover--overlay {
left: var(--jaze-layout-global-side-nav-width);
top: var(--jaze-layout-global-header-panel-height);
-webkit-box-shadow: 6px -2px 40px 0 var(--jaze-color-drop-shadow, rgba(0, 0, 0, 0.1));
box-shadow: 6px -2px 40px 0 var(--jaze-color-drop-shadow, rgba(0, 0, 0, 0.1));
border-right: 1px solid var(--jaze-color-border-primary, #d6d9e2)
}
.appInfoBoxContainer,
.appInfoBoxContainer--dark {
border: 1px solid var(--jaze-color-border-primary, #c7d7de)
}
.appInfoBox:not(.is-app-info-box-collapsed),
.appInfoBox--dark:not(.is-app-info-box-collapsed) {
color: var(--jaze-color-text-primary, #000);
border-color: var(--jaze-color-border-primary, #c7d7de)
}
.appInfoBox:not(.is-app-info-box-collapsed) .appInfoBox__body,
.appInfoBox--dark:not(.is-app-info-box-collapsed) .appInfoBox__body {
color: var(--jaze-color-text-primary, #000)
}
.appInfoBox:not(.is-app-info-box-collapsed) .appInfoBox__toggle,
.appInfoBox--dark:not(.is-app-info-box-collapsed) .appInfoBox__toggle {
color: var(--jaze-color-text-secondary)
}
.appInfoBox--solid {
background: var(--jaze-color-background-primary)
}
.appInfoBox--cozy .appInfoBox__header {
font-size: 12px;
margin-top: 2px
}
.appInfoBox--collapsible .appInfoBox__header {
padding-right: 16px
}
.appInfoBox__icon {
color: var(--jaze-color-primary)
}
.is-app-info-box-collapsed {
background-color: var(--jaze-color-primary)
}
.appLoadingStatus {
z-index: calc(var(--header-panel-z-index, 600) + 1)
}
.appLoadingStatus--withActionBar {
z-index: 29
}
.appMainButtonContainer .appMainButton:not(.appMainButton--iconOnly) {
margin-left: 0;
margin-right: 2em
}
.appMainButton {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.appMainButton--full {
width: 100%
}
.appMainButton--cozy {
padding: 4px 8px 5px
}
.appMainButton--condensed {
font-size: 9px;
padding: 3px 8px 4px
}
.appMainButton--withBadge .appBadge {
top: 1px;
vertical-align: bottom
}
.appMainButton--iconOnly:not(.appMainButton--condensed),
.appMainButton--iconOnly:not(.appMainButton--cozy) {
padding-left: 8px;
padding-right: 8px
}
.appMainButton--iconOnly.appMainButton--condensed {
font-size: 12px;
padding-top: 2px;
padding-bottom: 1px
}
.appMainButton--input {
-webkit-transition: border-color .3s;
-o-transition: border-color .3s;
transition: border-color .3s;
background-color: #fff;
border-color: #d7dbdd;
color: #000
}
.appMainButton--input:hover,
.appMainButton--input:focus {
background-color: #fff;
border-color: #000;
color: #000
}
.appMainButton--inputDark,
.appForm--dark .appMainButton--input {
-webkit-transition: border-color .3s;
-o-transition: border-color .3s;
transition: border-color .3s;
background-color: rgba(0, 0, 0, 0);
border-color: #3e494f;
color: #fff
}
.appMainButton--inputDark:hover,
.appMainButton--inputDark:focus,
.appForm--dark .appMainButton--input:hover,
.appForm--dark .appMainButton--input:focus {
background-color: rgba(0, 0, 0, 0);
border-color: #929698;
color: #fff
}
.appMainButton--tertiary {
color: var(--color-500);
text-decoration: none;
border-color: rgba(0, 0, 0, 0);
background-color: rgba(0, 0, 0, 0);
-webkit-transition: color .2s ease-out;
-o-transition: color .2s ease-out;
transition: color .2s ease-out;
padding: 3px 0 1px 0
}
.appMainButton--tertiary:visited {
color: var(--color-500);
text-decoration: none
}
.appMainButton--tertiary:hover {
color: var(--color-500);
text-decoration: none;
background-color: rgba(0, 0, 0, 0)
}
.appMainButton--tertiary:active {
color: var(--color-500);
text-decoration: none;
background-color: rgba(0, 0, 0, 0)
}
.appMainButton--tertiary[disabled],
.appMainButton--tertiary[disabled]:hover,
.appMainButton--tertiary[disabled]:focus,
.appMainButton--tertiary.is-button-disabled,
.appMainButton--tertiary.is-button-disabled:hover,
.appMainButton--tertiary.is-button-disabled:focus {
color: rgba(127, 127, 128, 0.8);
opacity: .3;
border-color: rgba(0, 0, 0, 0)
}
.appMainButton--tertiary[disabled]:hover,
.appMainButton--tertiary[disabled]:active,
.appMainButton--tertiary[disabled]:hover:hover,
.appMainButton--tertiary[disabled]:hover:active,
.appMainButton--tertiary[disabled]:focus:hover,
.appMainButton--tertiary[disabled]:focus:active,
.appMainButton--tertiary.is-button-disabled:hover,
.appMainButton--tertiary.is-button-disabled:active,
.appMainButton--tertiary.is-button-disabled:hover:hover,
.appMainButton--tertiary.is-button-disabled:hover:active,
.appMainButton--tertiary.is-button-disabled:focus:hover,
.appMainButton--tertiary.is-button-disabled:focus:active {
background-color: rgba(0, 0, 0, 0)
}
.appMainButton--tertiary:hover {
color: var(--color-400)
}
.appMainButton--tertiary[disabled],
.appMainButton--tertiary[disabled]:hover,
.appMainButton--tertiary[disabled]:focus,
.appMainButton--tertiary.is-button-disabled,
.appMainButton--tertiary.is-button-disabled:hover,
.appMainButton--tertiary.is-button-disabled:focus {
color: var(--color-500)
}
.appMainButton--tertiary .button__icon {
font-size: 1.7em;
margin-right: .35em
}
.appMainButton--tertiary.appMainButton--iconOnly {
padding: 3px 0 1px 0
}
.appMainButton--tertiary.appMainButton--iconOnly.appMainButton--condensed {
font-size: 9px
}
.appMainButton--tertiary.appMainButton--iconOnly.appMainButton--cozy {
font-size: 10px
}
.appMainButton--tertiary.appMainButton--iconOnly.appMainButton--comfy {
font-size: 13px
}
@-webkit-keyframes appMainButtonNotifying {
0% {
opacity: .6
}
100% {
opacity: 1
}
}
@keyframes appMainButtonNotifying {
0% {
opacity: .6
}
100% {
opacity: 1
}
}
.appMainButton.is-button-notifying {
-webkit-animation: appMainButtonNotifying 0.5s alternate infinite;
animation: appMainButtonNotifying 0.5s alternate infinite
}
.appMainButton.is-collapsed .button__label,
.appTableCell--actions.is-collapsed .appMainButton .button__label {
display: none
}
@media only screen and (max-width: 800px) {
.appMainButton.is-responsive .button__label {
display: none
}
}
.appMainButtonGroup .appMainButton {
white-space: nowrap
}
.appMainButtonGroup--secondary .appMainButton {
color: #969ba3;
border-color: #969ba3
}
.appMainButtonGroup--secondary .is-button-selected {
color: #fff;
background-color: #969ba3
}
.appMainButtonGroup--success .appMainButton {
color: #39cc64;
border-color: #39cc64
}
.appMainButtonGroup--success .is-button-selected {
color: #fff;
background-color: #39cc64
}
.appMainButtonGroup--dark .is-button-selected {
background-color: var(--jaze-color-DN40)
}
.appMainButtonGroup--dark .appMainButton {
border-color: var(--jaze-color-DN40)
}
.appTextButton {
letter-spacing: inherit
}
.appMenu--flexible {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
.appMenu--flexible .appMenu__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.appMenu--flexible .appMenuItemContent {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.appMenu--flexible .appMenuItemContent--noWrap {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
.appMenu--flexible .appMenuItemContentLabel,
.appMenu--flexible .appMenuItemContentValue {
margin-top: 2px;
margin-bottom: 2px
}
.appMenu--flexible .appMenuItemContentLabel+.appMenuItemContentValue {
margin-left: 5px
}
.appMenu--flexible .appMenuItemContentLabel {
white-space: nowrap;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis
}
.appMenu--flexible .appMenuItemImage {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 40px
}
.appMenu--flexible .appMenuItemIcon {
margin-left: 5px
}
.appMenu--smash .appMenuItemContentValue {
font-size: 11px
}
.appMenu--gradient .appMenu__item {
color: #fff
}
.appMenu--gradient .appMenu__item:not(.is-menu-item-selected):hover {
color: #fff
}
.appMenu--gradient .appMenu__item:not(.is-menu-item-selected):hover:before {
background-color: rgba(0, 0, 0, 0.2)
}
.appMenu--gradient .appMenu__item.is-menu-item-selected {
/* background-color: var(--color-500) !important */
}
.appMenu--sidePanel .appMenu__item {
padding: 10px 30px
}
.appMenu--sidePanel .appMenu__item.is-menu-item-selected:after {
border-color: transparent;
border-style: solid;
/* border-top-color: var(--color-500); */
border-width: 15px 15px 0 0;
content: "";
display: block;
height: 0;
position: absolute;
right: -15px;
top: 0;
width: 0
}
.appMenu--sidePanel .appMenu__item--divider {
border-top: none;
margin-top: 2px
}
.appMenu__item.is-item-muted {
opacity: .4
}
.appMenu__item--withBadge .appBadge {
right: 5px
}
.appOrgSwitcher__title,
.appOrgSwitcher__label,
.appOrgSwitcher__arrow {
color: inherit
}
.appOrgSwitcher__list {
font-size: 12px
}
.appOrgSwitcher__addIcon {
top: 1px
}
.is-tablet .visible--mobile,
.is-desktop .visible--mobile {
display: none
}
.is-mobile .visible--tablet,
.is-desktop .visible--tablet {
display: none
}
.is-mobile .visible--desktop,
.is-tablet .visible--desktop {
display: none
}
.appStatusBall--smash {
width: 6px;
height: 6px
}
.appTable.is-not-responsive .th.visible--smUp,
.appTable.is-not-responsive .is-overview-panel-open:not(.is-overview-panel-inline) .th.visibleAdjusted--smUp,
.is-overview-panel-open:not(.is-overview-panel-inline) .appTable.is-not-responsive .th.visibleAdjusted--smUp,
.appTable.is-not-responsive .is-overview-panel-closed .th.visibleAdjusted--smUp,
.is-overview-panel-closed .appTable.is-not-responsive .th.visibleAdjusted--smUp,
.appTable.is-not-responsive .appModal .th.visibleAdjusted--smUp,
.appModal .appTable.is-not-responsive .th.visibleAdjusted--smUp,
.appTable.is-not-responsive .th.visible--mdUp,
.appTable.is-not-responsive .is-overview-panel-inline.is-overview-panel-open .th.visibleAdjusted--xsUp,
.is-overview-panel-inline.is-overview-panel-open .appTable.is-not-responsive .th.visibleAdjusted--xsUp,
.appTable.is-not-responsive .is-overview-panel-open:not(.is-overview-panel-inline) .th.visibleAdjusted--mdUp,
.is-overview-panel-open:not(.is-overview-panel-inline) .appTable.is-not-responsive .th.visibleAdjusted--mdUp,
.appTable.is-not-responsive .is-overview-panel-closed .th.visibleAdjusted--mdUp,
.is-overview-panel-closed .appTable.is-not-responsive .th.visibleAdjusted--mdUp,
.appTable.is-not-responsive .appModal .th.visibleAdjusted--mdUp,
.appModal .appTable.is-not-responsive .th.visibleAdjusted--mdUp,
.appTable.is-not-responsive .th.visible--lgUp,
.appTable.is-not-responsive .is-overview-panel-inline.is-overview-panel-open .th.visibleAdjusted--smUp,
.is-overview-panel-inline.is-overview-panel-open .appTable.is-not-responsive .th.visibleAdjusted--smUp,
.appTable.is-not-responsive .is-overview-panel-open:not(.is-overview-panel-inline) .th.visibleAdjusted--lgUp,
.is-overview-panel-open:not(.is-overview-panel-inline) .appTable.is-not-responsive .th.visibleAdjusted--lgUp,
.appTable.is-not-responsive .is-overview-panel-closed .th.visibleAdjusted--lgUp,
.is-overview-panel-closed .appTable.is-not-responsive .th.visibleAdjusted--lgUp,
.appTable.is-not-responsive .appModal .th.visibleAdjusted--lgUp,
.appModal .appTable.is-not-responsive .th.visibleAdjusted--lgUp,
.appTable.is-not-responsive .th.visible--xlgUp,
.appTable.is-not-responsive .is-overview-panel-inline.is-overview-panel-open .th.visibleAdjusted--mdUp,
.is-overview-panel-inline.is-overview-panel-open .appTable.is-not-responsive .th.visibleAdjusted--mdUp,
.appTable.is-not-responsive .is-overview-panel-open:not(.is-overview-panel-inline) .th.visibleAdjusted--xlgUp,
.is-overview-panel-open:not(.is-overview-panel-inline) .appTable.is-not-responsive .th.visibleAdjusted--xlgUp,
.appTable.is-not-responsive .is-overview-panel-closed .th.visibleAdjusted--xlgUp,
.is-overview-panel-closed .appTable.is-not-responsive .th.visibleAdjusted--xlgUp,
.appTable.is-not-responsive .appModal .th.visibleAdjusted--xlgUp,
.appModal .appTable.is-not-responsive .th.visibleAdjusted--xlgUp,
.appTable.is-not-responsive .th.visible--xxlgUp,
.appTable.is-not-responsive .is-overview-panel-inline.is-overview-panel-open .th.visibleAdjusted--lgUp,
.is-overview-panel-inline.is-overview-panel-open .appTable.is-not-responsive .th.visibleAdjusted--lgUp,
.appTable.is-not-responsive .is-overview-panel-inline.is-overview-panel-open .th.visibleAdjusted--xlgUp,
.is-overview-panel-inline.is-overview-panel-open .appTable.is-not-responsive .th.visibleAdjusted--xlgUp,
.appTable.is-not-responsive .td.visible--smUp,
.appTable.is-not-responsive .is-overview-panel-open:not(.is-overview-panel-inline) .td.visibleAdjusted--smUp,
.is-overview-panel-open:not(.is-overview-panel-inline) .appTable.is-not-responsive .td.visibleAdjusted--smUp,
.appTable.is-not-responsive .is-overview-panel-closed .td.visibleAdjusted--smUp,
.is-overview-panel-closed .appTable.is-not-responsive .td.visibleAdjusted--smUp,
.appTable.is-not-responsive .appModal .td.visibleAdjusted--smUp,
.appModal .appTable.is-not-responsive .td.visibleAdjusted--smUp,
.appTable.is-not-responsive .td.visible--mdUp,
.appTable.is-not-responsive .is-overview-panel-inline.is-overview-panel-open .td.visibleAdjusted--xsUp,
.is-overview-panel-inline.is-overview-panel-open .appTable.is-not-responsive .td.visibleAdjusted--xsUp,
.appTable.is-not-responsive .is-overview-panel-open:not(.is-overview-panel-inline) .td.visibleAdjusted--mdUp,
.is-overview-panel-open:not(.is-overview-panel-inline) .appTable.is-not-responsive .td.visibleAdjusted--mdUp,
.appTable.is-not-responsive .is-overview-panel-closed .td.visibleAdjusted--mdUp,
.is-overview-panel-closed .appTable.is-not-responsive .td.visibleAdjusted--mdUp,
.appTable.is-not-responsive .appModal .td.visibleAdjusted--mdUp,
.appModal .appTable.is-not-responsive .td.visibleAdjusted--mdUp,
.appTable.is-not-responsive .td.visible--lgUp,
.appTable.is-not-responsive .is-overview-panel-inline.is-overview-panel-open .td.visibleAdjusted--smUp,
.is-overview-panel-inline.is-overview-panel-open .appTable.is-not-responsive .td.visibleAdjusted--smUp,
.appTable.is-not-responsive .is-overview-panel-open:not(.is-overview-panel-inline) .td.visibleAdjusted--lgUp,
.is-overview-panel-open:not(.is-overview-panel-inline) .appTable.is-not-responsive .td.visibleAdjusted--lgUp,
.appTable.is-not-responsive .is-overview-panel-closed .td.visibleAdjusted--lgUp,
.is-overview-panel-closed .appTable.is-not-responsive .td.visibleAdjusted--lgUp,
.appTable.is-not-responsive .appModal .td.visibleAdjusted--lgUp,
.appModal .appTable.is-not-responsive .td.visibleAdjusted--lgUp,
.appTable.is-not-responsive .td.visible--xlgUp,
.appTable.is-not-responsive .is-overview-panel-inline.is-overview-panel-open .td.visibleAdjusted--mdUp,
.is-overview-panel-inline.is-overview-panel-open .appTable.is-not-responsive .td.visibleAdjusted--mdUp,
.appTable.is-not-responsive .is-overview-panel-open:not(.is-overview-panel-inline) .td.visibleAdjusted--xlgUp,
.is-overview-panel-open:not(.is-overview-panel-inline) .appTable.is-not-responsive .td.visibleAdjusted--xlgUp,
.appTable.is-not-responsive .is-overview-panel-closed .td.visibleAdjusted--xlgUp,
.is-overview-panel-closed .appTable.is-not-responsive .td.visibleAdjusted--xlgUp,
.appTable.is-not-responsive .appModal .td.visibleAdjusted--xlgUp,
.appModal .appTable.is-not-responsive .td.visibleAdjusted--xlgUp,
.appTable.is-not-responsive .td.visible--xxlgUp,
.appTable.is-not-responsive .is-overview-panel-inline.is-overview-panel-open .td.visibleAdjusted--lgUp,
.is-overview-panel-inline.is-overview-panel-open .appTable.is-not-responsive .td.visibleAdjusted--lgUp,
.appTable.is-not-responsive .is-overview-panel-inline.is-overview-panel-open .td.visibleAdjusted--xlgUp,
.is-overview-panel-inline.is-overview-panel-open .appTable.is-not-responsive .td.visibleAdjusted--xlgUp,
.appTable.is-not-responsive th.visible--smUp,
.appTable.is-not-responsive .is-overview-panel-open:not(.is-overview-panel-inline) th.visibleAdjusted--smUp,
.is-overview-panel-open:not(.is-overview-panel-inline) .appTable.is-not-responsive th.visibleAdjusted--smUp,
.appTable.is-not-responsive .is-overview-panel-closed th.visibleAdjusted--smUp,
.is-overview-panel-closed .appTable.is-not-responsive th.visibleAdjusted--smUp,
.appTable.is-not-responsive .appModal th.visibleAdjusted--smUp,
.appModal .appTable.is-not-responsive th.visibleAdjusted--smUp,
.appTable.is-not-responsive th.visible--mdUp,
.appTable.is-not-responsive .is-overview-panel-inline.is-overview-panel-open th.visibleAdjusted--xsUp,
.is-overview-panel-inline.is-overview-panel-open .appTable.is-not-responsive th.visibleAdjusted--xsUp,
.appTable.is-not-responsive .is-overview-panel-open:not(.is-overview-panel-inline) th.visibleAdjusted--mdUp,
.is-overview-panel-open:not(.is-overview-panel-inline) .appTable.is-not-responsive th.visibleAdjusted--mdUp,
.appTable.is-not-responsive .is-overview-panel-closed th.visibleAdjusted--mdUp,
.is-overview-panel-closed .appTable.is-not-responsive th.visibleAdjusted--mdUp,
.appTable.is-not-responsive .appModal th.visibleAdjusted--mdUp,
.appModal .appTable.is-not-responsive th.visibleAdjusted--mdUp,
.appTable.is-not-responsive th.visible--lgUp,
.appTable.is-not-responsive .is-overview-panel-inline.is-overview-panel-open th.visibleAdjusted--smUp,
.is-overview-panel-inline.is-overview-panel-open .appTable.is-not-responsive th.visibleAdjusted--smUp,
.appTable.is-not-responsive .is-overview-panel-open:not(.is-overview-panel-inline) th.visibleAdjusted--lgUp,
.is-overview-panel-open:not(.is-overview-panel-inline) .appTable.is-not-responsive th.visibleAdjusted--lgUp,
.appTable.is-not-responsive .is-overview-panel-closed th.visibleAdjusted--lgUp,
.is-overview-panel-closed .appTable.is-not-responsive th.visibleAdjusted--lgUp,
.appTable.is-not-responsive .appModal th.visibleAdjusted--lgUp,
.appModal .appTable.is-not-responsive th.visibleAdjusted--lgUp,
.appTable.is-not-responsive th.visible--xlgUp,
.appTable.is-not-responsive .is-overview-panel-inline.is-overview-panel-open th.visibleAdjusted--mdUp,
.is-overview-panel-inline.is-overview-panel-open .appTable.is-not-responsive th.visibleAdjusted--mdUp,
.appTable.is-not-responsive .is-overview-panel-open:not(.is-overview-panel-inline) th.visibleAdjusted--xlgUp,
.is-overview-panel-open:not(.is-overview-panel-inline) .appTable.is-not-responsive th.visibleAdjusted--xlgUp,
.appTable.is-not-responsive .is-overview-panel-closed th.visibleAdjusted--xlgUp,
.is-overview-panel-closed .appTable.is-not-responsive th.visibleAdjusted--xlgUp,
.appTable.is-not-responsive .appModal th.visibleAdjusted--xlgUp,
.appModal .appTable.is-not-responsive th.visibleAdjusted--xlgUp,
.appTable.is-not-responsive th.visible--xxlgUp,
.appTable.is-not-responsive .is-overview-panel-inline.is-overview-panel-open th.visibleAdjusted--lgUp,
.is-overview-panel-inline.is-overview-panel-open .appTable.is-not-responsive th.visibleAdjusted--lgUp,
.appTable.is-not-responsive .is-overview-panel-inline.is-overview-panel-open th.visibleAdjusted--xlgUp,
.is-overview-panel-inline.is-overview-panel-open .appTable.is-not-responsive th.visibleAdjusted--xlgUp,
.appTable.is-not-responsive td.visible--smUp,
.appTable.is-not-responsive .is-overview-panel-open:not(.is-overview-panel-inline) td.visibleAdjusted--smUp,
.is-overview-panel-open:not(.is-overview-panel-inline) .appTable.is-not-responsive td.visibleAdjusted--smUp,
.appTable.is-not-responsive .is-overview-panel-closed td.visibleAdjusted--smUp,
.is-overview-panel-closed .appTable.is-not-responsive td.visibleAdjusted--smUp,
.appTable.is-not-responsive .appModal td.visibleAdjusted--smUp,
.appModal .appTable.is-not-responsive td.visibleAdjusted--smUp,
.appTable.is-not-responsive td.visible--mdUp,
.appTable.is-not-responsive .is-overview-panel-inline.is-overview-panel-open td.visibleAdjusted--xsUp,
.is-overview-panel-inline.is-overview-panel-open .appTable.is-not-responsive td.visibleAdjusted--xsUp,
.appTable.is-not-responsive .is-overview-panel-open:not(.is-overview-panel-inline) td.visibleAdjusted--mdUp,
.is-overview-panel-open:not(.is-overview-panel-inline) .appTable.is-not-responsive td.visibleAdjusted--mdUp,
.appTable.is-not-responsive .is-overview-panel-closed td.visibleAdjusted--mdUp,
.is-overview-panel-closed .appTable.is-not-responsive td.visibleAdjusted--mdUp,
.appTable.is-not-responsive .appModal td.visibleAdjusted--mdUp,
.appModal .appTable.is-not-responsive td.visibleAdjusted--mdUp,
.appTable.is-not-responsive td.visible--lgUp,
.appTable.is-not-responsive .is-overview-panel-inline.is-overview-panel-open td.visibleAdjusted--smUp,
.is-overview-panel-inline.is-overview-panel-open .appTable.is-not-responsive td.visibleAdjusted--smUp,
.appTable.is-not-responsive .is-overview-panel-open:not(.is-overview-panel-inline) td.visibleAdjusted--lgUp,
.is-overview-panel-open:not(.is-overview-panel-inline) .appTable.is-not-responsive td.visibleAdjusted--lgUp,
.appTable.is-not-responsive .is-overview-panel-closed td.visibleAdjusted--lgUp,
.is-overview-panel-closed .appTable.is-not-responsive td.visibleAdjusted--lgUp,
.appTable.is-not-responsive .appModal td.visibleAdjusted--lgUp,
.appModal .appTable.is-not-responsive td.visibleAdjusted--lgUp,
.appTable.is-not-responsive td.visible--xlgUp,
.appTable.is-not-responsive .is-overview-panel-inline.is-overview-panel-open td.visibleAdjusted--mdUp,
.is-overview-panel-inline.is-overview-panel-open .appTable.is-not-responsive td.visibleAdjusted--mdUp,
.appTable.is-not-responsive .is-overview-panel-open:not(.is-overview-panel-inline) td.visibleAdjusted--xlgUp,
.is-overview-panel-open:not(.is-overview-panel-inline) .appTable.is-not-responsive td.visibleAdjusted--xlgUp,
.appTable.is-not-responsive .is-overview-panel-closed td.visibleAdjusted--xlgUp,
.is-overview-panel-closed .appTable.is-not-responsive td.visibleAdjusted--xlgUp,
.appTable.is-not-responsive .appModal td.visibleAdjusted--xlgUp,
.appModal .appTable.is-not-responsive td.visibleAdjusted--xlgUp,
.appTable.is-not-responsive td.visible--xxlgUp,
.appTable.is-not-responsive .is-overview-panel-inline.is-overview-panel-open td.visibleAdjusted--lgUp,
.is-overview-panel-inline.is-overview-panel-open .appTable.is-not-responsive td.visibleAdjusted--lgUp,
.appTable.is-not-responsive .is-overview-panel-inline.is-overview-panel-open td.visibleAdjusted--xlgUp,
.is-overview-panel-inline.is-overview-panel-open .appTable.is-not-responsive td.visibleAdjusted--xlgUp {
display: table-cell !important
}
.appTable--noWrap .th,
.appTable--noWrap .td,
.appTable--noWrap th,
.appTable--noWrap td {
white-space: nowrap
}
.appTable--condensed {
margin-bottom: 12px
}
.appTable--transparent {
background: transparent
}
.appTable--noPadding .th,
.appTable--noPadding .td,
.appTable--noPadding th,
.appTable--noPadding td {
padding-left: 0 !important;
padding-right: 0 !important
}
.appTable--quietHeader thead {
border-bottom: 20px solid transparent
}
.appTable--quietHeader thead th {
color: #b5b5b5
}
.appTable--quietBody tbody td {
color: #b5b5b5
}
.appTable--quietBody .th,
.appTable--quietBody .td,
.appTable--quietBody th,
.appTable--quietBody td {
border-color: transparent
}
.appTable--verticalAlignTop td,
.appTable--verticalAlignTop .td {
vertical-align: top
}
.appTable--striped .tbody,
.appTable--striped tbody {
border-bottom: 1px solid #ddd
}
.appTable--striped.appTable--dark .tbody,
.appTable--striped.appTable--dark tbody {
border-color: #454d51
}
.appTable--dark .tfoot,
.appTable--dark tfoot {
border-top: 1px solid #454d51
}
.appTable--dark a {
color: var(--color-500)
}
.appTable--dark a:hover {
color: var(--color-400)
}
.appTable--flexible {
table-layout: auto
}
.appTable__collapseIcon {
display: inline-block;
margin-left: .3571428571rem;
cursor: pointer
}
.appTable__collapseIcon:hover {
color: var(--color-500)
}
.appTable--dark .appTable__collapseIcon:hover {
color: var(--color-400)
}
.appTable__sortArrow:first-child {
margin-left: 0
}
td.appTableCell--withLargeIcon {
padding-top: 0;
padding-bottom: 0
}
td.appTableCell--withLargeIcon .icon,
td.appTableCell--withLargeIcon .appPikaday .pika-prev,
.appPikaday td.appTableCell--withLargeIcon .pika-prev,
td.appTableCell--withLargeIcon .appPikaday .pika-next,
.appPikaday td.appTableCell--withLargeIcon .pika-next {
font-size: 1.8em
}
td.appTableCell--withSmallIcon {
line-height: 1.6em
}
.appTableCell--smash,
.appTableCell--actions {
white-space: nowrap;
width: 1px
}
.appTableCell--actions .appMainButton:not(.appMainButton--iconOnly) {
margin-left: 0;
margin-right: 2em
}
.appTableCell--actions.is-collapsed .appMainButton {
margin-right: 6px
}
@media only screen and (max-width: 800px) {
.appTableCell--actions .appMainButton:not(.appMainButton--iconOnly) {
margin-right: 6px
}
}
.appTable--light .is-cell-disabled {
color: rgba(0, 0, 0, 0.5)
}
.appTable--dark .is-cell-disabled {
color: #70757e
}
.appSubtabs--aura {
background-color: var(--jaze-color-background-primary);
color: var(--jaze-color-text-secondary);
border-top-color: var(--jaze-color-border-primary);
border-bottom-color: var(--jaze-color-border-primary)
}
.appSubtabs--aura .tabs__item:hover {
color: var(--jaze-color-text-primary)
}
.appSubtabs--aura .tabs__item.is-tab-selected {
color: var(--jaze-color-text-primary)
}
.appSubtabs--aura .tabs__item.is-tab-selected .icon,
.appSubtabs--aura .tabs__item.is-tab-selected .appPikaday .pika-prev,
.appPikaday .appSubtabs--aura .tabs__item.is-tab-selected .pika-prev,
.appSubtabs--aura .tabs__item.is-tab-selected .appPikaday .pika-next,
.appPikaday .appSubtabs--aura .tabs__item.is-tab-selected .pika-next {
color: var(--jaze-color-text-primary)
}
.appSubtabs--aura .tabs__item.is-tab-disabled {
color: var(--jaze-color-text-secondary)
}
.appSubtabs--aura .tabs__item.is-tab-selected:after {
border-top-color: var(--jaze-color-background-primary)
}
.appSubtabs--aura .tabs__item.is-tab-selected:before {
border-top-color: var(--jaze-color-border-primary)
}
.appSubtabs--aura .tabs__item.is-tab-disabled {
opacity: .5
}
.jaze-mod-dark.appTag,
.jaze-mod-dark .appTag,
.appTag--dark.appTag,
.appTag--dark .appTag {
--app-tag-border-color: var(--jaze-color-border-secondary);
--app-tag-font-color: #fff;
--app-tag-close-color: #fff
}
.jaze-mod-reset-color.appTag,
.jaze-mod-reset-color .appTag {
--app-tag-border-color: initial;
--app-tag-font-color: initial;
--app-tag-close-color: initial
}
.appTag,
.appTag--dark {
background-color: var(--app-tag-background-color, var(--jaze-color-background-primary));
border: 1px solid var(--app-tag-border-color, var(--jaze-color-border-primary));
color: var(--app-tag-font-color, var(--jaze-color-text-primary))
}
.appTag.appTag--transparent,
.appTag--dark.appTag--transparent {
background: transparent
}
.appTag__close {
color: var(--app-tag-close-color, var(--color-500))
}
.appTag__close:hover {
color: var(--app-tag-close-color, var(--color-500));
opacity: .8
}
.jaze-mod-dark.appViewSidePanel__title,
.jaze-mod-dark .appViewSidePanel__title,
.appView--dark.appViewSidePanel__title,
.appView--dark .appViewSidePanel__title {
--app-view-side-panel-title-font-color: #fff;
--app-view-side-panel-dark-border-color: #3e494f
}
.jaze-mod-reset-color.appViewSidePanel__title,
.jaze-mod-reset-color .appViewSidePanel__title {
--app-view-side-panel-title-font-color: initial;
--app-view-side-panel-dark-border-color: initial
}
.appView--aura {
padding-top: 0;
padding-left: 0;
margin-top: 50px;
margin-left: 50px
}
.appView--dark,
.appView--dark .appViewSidePanel {
background: initial
}
.appViewSidePanel__title {
color: var(--app-view-side-panel-title-font-color, #000);
border-color: var(--app-view-side-panel-dark-border-color, #000)
}
.unifiPanel {
overflow-y: auto !important;
background-color: #fff;
padding: 0
}
.unifiPanel::-webkit-scrollbar {
height: 14px;
width: 14px
}
.unifiPanel::-webkit-scrollbar-thumb {
background-clip: content-box;
background-color: var(--jaze-color-scrollbar-thumb);
border-radius: 14px;
border: 4px solid transparent;
min-height: 60px
}
.unifiPanel::-webkit-scrollbar-track {
background: rgba(0, 0, 0, 0);
border-radius: 6pxcalc($offset * 2)
}
.unifiPanel::-webkit-scrollbar-corner {
background-color: transparent
}
.unifiPanel>*:not(.is-undocked) {
border-bottom: 1px solid #ccc
}
.unifiPanelItemContainer {
width: 100%
}
.unifiPanelItem {
position: relative;
width: 100%;
-webkit-transition: opacity .3s ease-in-out;
-o-transition: opacity .3s ease-in-out;
transition: opacity .3s ease-in-out
}
.unifiPanelItem.is-collapsed {
overflow: hidden !important
}
.unifiPanelItem.is-collapsed .unifiPanelItemHeader {
background-color: #fff;
border-bottom: none
}
.unifiPanelItem.is-collapsed .unifiPanelItemHeader__status {
display: none
}
.unifiPanelItem.is-collapsed .unifiPanelItemBody {
overflow: hidden !important;
margin-top: 0;
max-height: 0
}
.unifiPanelItemHeader {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
background-color: #fafafa;
padding: 5px 15px;
border-bottom: 1px solid #ccc;
min-height: 34px
}
.unifiPanelItemHeader__collapseToggle {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 20px;
margin-top: 5px;
font-size: 11px
}
.unifiPanelItemHeader__avatar {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
display: -webkit-box;
display: -moz-flex;
display: -ms-flex;
display: -ms-flexbox;
display: flex;
-ms-align-items: center;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
-ms-justify-content: center;
-webkit-box-pack: center;
justify-content: center;
-ms-flex-pack: center;
position: relative;
width: 26px;
height: 24px;
font-size: 20px
}
.unifiPanelItemHeader__title {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
margin-top: 5px;
padding-left: 5px;
min-width: 0;
pointer-events: none
}
.unifiPanelItemHeader__status {
margin: 7px 0 0 20px;
white-space: nowrap
}
.unifiPanelItemHeader__actions {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
margin-top: 5px
}
.unifiPanelItemHeader__actions .appStatusIconGroup+.appActionIconGroup {
margin-left: 15px
}
.unifiPanelItemBody {
position: relative;
background-color: #fff;
max-height: 2000px;
-webkit-transition: max-height .3s ease-in-out;
-o-transition: max-height .3s ease-in-out;
transition: max-height .3s ease-in-out
}
.unifiPanelItemBodySection {
padding: 0 15px
}
.unifiPanelItemBodySection .appTabs {
margin-top: 5px
}
.unifiPanelItemBodySection--pending {
background-color: var(--color-500)
}
.unifiPanelItemBodySection--pending .appTags {
padding-top: 10px;
padding-bottom: 4px
}
.is-dnd-dragging .unifiPanelItem.is-collapsed .unifiPanelItemBody {
display: none
}
.is-dnd-dragging .unifiPanelItem .panelCollapse.collapse-hide:not(.collapse-show) {
display: none
}
.is-docked {
position: inherit !important
}
.is-docked .hide-if-docked {
display: none
}
.is-undocked .unifiPanelItem {
border-radius: 0
}
.is-undocked .unifiPanelItem:not(.is-collapsed) .unifiPanelItemHeader__collapseToggle {
display: none
}
.is-undocked .unifiPanelItemHeader {
padding-top: 10px;
padding-bottom: 10px;
border-top-left-radius: 0;
border-top-right-radius: 0
}
.unifiPanelItemContent {
position: relative;
margin-top: 10px;
margin-bottom: 15px
}
.unifiPanelItemContent .unifiConfigChanged--whiteout {
border-radius: 5px
}
.unifiPanelItemContent__section {
position: relative;
padding: 7px 10px;
margin-bottom: 5px;
border: 1px solid #ccc;
border-radius: 5px;
background-color: #f6f6f6
}
.unifiPanelItemContent__section:last-child {
margin-bottom: 0
}
.unifiPanelItemContent__section .panelTitle {
line-height: 1;
margin-bottom: 12px
}
.unifiPanelItemContent__section .panelTitle span,
.unifiPanelItemContent__section .panelTitle a {
display: block;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: .05rem;
color: #000
}
.unifiPanelItemContent__section .panelTitle span {
padding: 4px 0
}
.unifiPanelItemContent__section .panelTitle a:before {
content: "\e6ce";
font-family: 'jaze';
font-size: 1em;
margin-right: 5px;
display: inline-block
}
.unifiPanelItemContent__section.is-accordion-expanded .panelTitle a:before {
content: "\e6d0";
color: var(--color-300)
}
.unifiPanelItemContentSection__subsection:not(:last-child) {
padding-bottom: 24px;
margin-bottom: 24px;
border-bottom: 1px solid #ccc
}
.unifiPanelItemContentSection__subsection .panelTitle>span {
color: #777
}
.unifiPanelItemContentSection__header {
position: relative;
padding: 7px 10px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom: 1px solid #ccc;
background-color: #fafafa
}
.unifiPanelItemContentSection__content {
position: relative;
padding: 15px 10px
}
.unifiPanelItemContentSection__titleIcon {
position: absolute;
right: 26px;
top: 20px;
font-size: 15px;
color: #ccc;
-webkit-transition: none;
-o-transition: none;
transition: none
}
.is-accordion-expanded .unifiPanelItemContentSection__titleIcon {
color: var(--jaze-color-primary);
-webkit-transition: color .3s ease-in-out;
-o-transition: color .3s ease-in-out;
transition: color .3s ease-in-out
}
.unifiPanelItemContentSection__titleActions {
position: absolute;
right: 26px;
top: 20px;
display: none
}
.is-accordion-expanded .unifiPanelItemContentSection__titleActions {
display: block
}
.unifiPanelItemContentSection__loading {
display: -webkit-box;
display: -moz-flex;
display: -ms-flex;
display: -ms-flexbox;
display: flex;
-ms-align-items: center;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
-ms-justify-content: center;
-webkit-box-pack: center;
justify-content: center;
-ms-flex-pack: center;
margin-top: 6px;
margin-bottom: 6px;
padding-top: 5px;
padding-bottom: 5px
}
.is-undocked .unifiPanelItem {
max-height: calc(100vh - 57px);
overflow-y: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.is-undocked .unifiPanelItemHeader {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto
}
.is-undocked .unifiPanelItemBody {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-ms-flex-preferred-size: auto;
flex-basis: auto;
max-height: 80vh
}
.is-undocked .unifiPanelItemBodySection--static {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto
}
.is-undocked .unifiPanelItemBodySection--flexible {
overflow: auto;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-ms-flex-preferred-size: auto;
flex-basis: auto
}
.unifiActionIcon {
cursor: pointer
}
.appGlobalHeader .unifiActionIcon {
display: inline-block;
text-align: center;
font-size: 22px;
padding: 5px;
margin-right: 5px
}
.appGlobalHeader .unifiActionIcon--etc {
margin: 0;
padding: 0
}
.unifiActionIcon--etc .icon.jaze-icon--ellipsis,
.unifiActionIcon--etc .appPikaday .jaze-icon--ellipsis.pika-prev,
.appPikaday .unifiActionIcon--etc .jaze-icon--ellipsis.pika-prev,
.unifiActionIcon--etc .appPikaday .jaze-icon--ellipsis.pika-next,
.appPikaday .unifiActionIcon--etc .jaze-icon--ellipsis.pika-next {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
line-height: 50px
}
.appGlobalHeader .unifiActionIcon--switcher {
margin: 0;
padding: 0
}
.unifiActionIcon--switcher .icon.jaze-icon--grid,
.unifiActionIcon--switcher .appPikaday .jaze-icon--grid.pika-prev,
.appPikaday .unifiActionIcon--switcher .jaze-icon--grid.pika-prev,
.unifiActionIcon--switcher .appPikaday .jaze-icon--grid.pika-next,
.appPikaday .unifiActionIcon--switcher .jaze-icon--grid.pika-next {
line-height: 50px
}
.unifiDeviceMarkerLabel {
text-align: center;
margin-top: 10px
}
.unifiDeviceMarkerLabel .appBadge {
background-color: white;
font-size: 0.8em;
top: 0
}
.unifiDeviceMarkerLabel .up {
color: #a252e3
}
.unifiDeviceMarkerLabel .down {
color: #39cc64
}
.unifiDeviceMarkerLabel__box {
display: inline-block;
margin: 0 auto;
font-size: .7142857143rem;
color: white;
background-color: rgba(137, 137, 137, 0.8);
border-radius: 3px;
text-transform: uppercase;
padding: 1em 1.3em;
letter-spacing: .0714285714em;
line-height: 140%;
white-space: nowrap
}
.unifiDeviceMarkerLabel__box--cozy {
padding: 0.5em 0.6em;
font-size: .6428571429rem
}
.unifiDeviceMarkerLabel__link {
color: white;
pointer-events: all
}
.unifiDeviceMarkerAutoChannel {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 140px;
height: 30px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.unifiDeviceMarkerAutoChannel__box {
pointer-events: auto;
cursor: default;
text-align: center;
width: 140px;
height: 30px;
line-height: 30px;
font-size: .7142857143rem;
color: white;
padding: 0 10px;
border-radius: 3px;
letter-spacing: .0714285714em;
white-space: nowrap;
-webkit-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out
}
.unifiDeviceMarkerAutoChannel__box.faded {
background-color: rgba(137, 137, 137, 0.7);
color: rgba(255, 255, 255, 0.7)
}
.unifiDeviceMarkerAutoChannel__box:not(:last-child) {
margin-bottom: .2em
}
.unifiDeviceMarkerAutoChannel__box .channelDetail {
display: inline-block;
width: 45px
}
.unifiDeviceMarkerAutoChannel__box .channelDetail:first-child {
width: 30px;
text-align: left
}
.unifiDeviceMarkerAutoChannel__box .channelDetail:last-child {
text-align: right
}
.channelId__1 {
background-color: #427BD2
}
.channelId__2 {
background-color: #2C87D6
}
.channelId__3 {
background-color: #1693DA
}
.channelId__4 {
background-color: #00A0DF
}
.channelId__5 {
background-color: #06A9BA
}
.channelId__6 {
background-color: #0CB296
}
.channelId__7 {
background-color: #13BB72
}
.channelId__8 {
background-color: #3AC25F
}
.channelId__9 {
background-color: #61CA4C
}
.channelId__10 {
background-color: #89D23A
}
.channelId__11 {
background-color: #B0D927
}
.channelId__12 {
background-color: #D7E114
}
.channelId__13 {
background-color: #F9CC01
}
.channelId__14 {
background-color: #F4AF00
}
.channelId__15 {
background-color: #F09300
}
.channelId__16 {
background-color: #F28303
}
.channelId__17 {
background-color: #F57307
}
.channelId__18 {
background-color: #F8640B
}
.channelId__19 {
background-color: #FA540E
}
.channelId__20 {
background-color: #FC4412
}
.channelId__21 {
background-color: #FF3516
}
.channelId__22 {
background-color: #c1456e
}
.channelId__23 {
background-color: #8355C5
}
.channelId__24 {
background-color: #6D61C9
}
.channelId__25 {
background-color: #576ECD
}
.unifiDeviceStatus .appStatusBallLabel {
max-width: calc(100% - 25px)
}
.unifiDeviceStatus__indicator {
display: inline-block;
text-align: center;
vertical-align: top
}
.unifiDeviceStatus__ball {
position: relative
}
.unifiDeviceStatus--condensed,
.unifiDeviceStatus--cozy {
line-height: 14px
}
.unifiDeviceStatus--condensed .unifiDeviceStatus__indicator,
.unifiDeviceStatus--cozy .unifiDeviceStatus__indicator {
width: 17px
}
.unifiDeviceStatus--condensed .appStatusBallLabel,
.unifiDeviceStatus--cozy .appStatusBallLabel {
max-width: calc(100% - 20px);
margin-left: 3px
}
.unifiDeviceStatus--condensed {
font-size: 11px
}
.unifiDeviceBadgeIcon {
font-size: 12px;
margin-right: -2px;
margin-top: -2px;
position: absolute;
right: 0;
top: 0
}
.is-grid .unifiDeviceBadgeIcon {
font-size: 24px;
margin-right: 10px;
margin-top: 14px
}
.unifiDeviceBadgeIcon--circle {
background: -o-radial-gradient(center, circle, #fff 60%, rgba(255, 255, 255, 0) 60%);
background: radial-gradient(circle at center, #fff 60%, rgba(255, 255, 255, 0) 60%);
border-radius: 50%
}
.unifiDeviceIcon {
display: inline-block;
position: relative;
background-position: center center;
background-repeat: no-repeat;
vertical-align: top;
width: 25px;
height: 26px;
-webkit-filter: grayscale(0%);
filter: grayscale(0%)
}
.unifiDeviceIcon.is-grid {
width: 128px;
height: 128px
}
.unifiDeviceIcon.is-maximum {
width: 100%;
height: 100%
}
.unifiDeviceIcon:not(.is-success) {
-webkit-filter: grayscale(100%);
filter: grayscale(100%)
}
.unifiDeviceIcon--uap {
background-image: url("../images/devices/uap/missing/standard.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--uap {
background-image: url("../images/devices/uap/missing/standard@2x.png")
}
}
.unifiDeviceIcon--uap.is-large {
background-image: url("../images/devices/uap/missing/standard@2x.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--uap.is-large {
background-image: url("../images/devices/uap/missing/standard@4x.png")
}
}
.unifiDeviceIcon--uap.is-grid,
.unifiDeviceIcon--uap.is-maximum {
background-image: url("../images/devices/uap/missing/grid.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--uap.is-grid,
.unifiDeviceIcon--uap.is-maximum {
background-image: url("../images/devices/uap/missing/grid@2x.png")
}
}
.unifiDeviceIcon--BZ2 {
background-image: url("../images/devices/uap/default/standard.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--BZ2 {
background-image: url("../images/devices/uap/default/standard@2x.png")
}
}
.unifiDeviceIcon--BZ2.is-large {
background-image: url("../images/devices/uap/default/standard@2x.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--BZ2.is-large {
background-image: url("../images/devices/uap/default/standard@4x.png")
}
}
.unifiDeviceIcon--BZ2.is-grid,
.unifiDeviceIcon--BZ2.is-maximum {
background-image: url("../images/devices/uap/default/grid.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--BZ2.is-grid,
.unifiDeviceIcon--BZ2.is-maximum {
background-image: url("../images/devices/uap/default/grid@2x.png")
}
}
.unifiDeviceIcon--BZ2LR {
background-image: url("../images/devices/uap/default/standard.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--BZ2LR {
background-image: url("../images/devices/uap/default/standard@2x.png")
}
}
.unifiDeviceIcon--BZ2LR.is-large {
background-image: url("../images/devices/uap/default/standard@2x.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--BZ2LR.is-large {
background-image: url("../images/devices/uap/default/standard@4x.png")
}
}
.unifiDeviceIcon--BZ2LR.is-grid,
.unifiDeviceIcon--BZ2LR.is-maximum {
background-image: url("../images/devices/uap/default/grid.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--BZ2LR.is-grid,
.unifiDeviceIcon--BZ2LR.is-maximum {
background-image: url("../images/devices/uap/default/grid@2x.png")
}
}
.unifiDeviceIcon--p2N {
background-image: url("../images/devices/uap/p2N/standard.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--p2N {
background-image: url("../images/devices/uap/p2N/standard@2x.png")
}
}
.unifiDeviceIcon--p2N.is-large {
background-image: url("../images/devices/uap/p2N/standard@2x.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--p2N.is-large {
background-image: url("../images/devices/uap/p2N/standard@4x.png")
}
}
.unifiDeviceIcon--p2N.is-grid,
.unifiDeviceIcon--p2N.is-maximum {
background-image: url("../images/devices/uap/p2N/grid.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--p2N.is-grid,
.unifiDeviceIcon--p2N.is-maximum {
background-image: url("../images/devices/uap/p2N/grid@2x.png")
}
}
.unifiDeviceIcon--U2HSR {
background-image: url("../images/devices/uap/U2HSR/standard.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--U2HSR {
background-image: url("../images/devices/uap/U2HSR/standard@2x.png")
}
}
.unifiDeviceIcon--U2HSR.is-large {
background-image: url("../images/devices/uap/U2HSR/standard@2x.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--U2HSR.is-large {
background-image: url("../images/devices/uap/U2HSR/standard@4x.png")
}
}
.unifiDeviceIcon--U2HSR.is-grid,
.unifiDeviceIcon--U2HSR.is-maximum {
background-image: url("../images/devices/uap/U2HSR/grid.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--U2HSR.is-grid,
.unifiDeviceIcon--U2HSR.is-maximum {
background-image: url("../images/devices/uap/U2HSR/grid@2x.png")
}
}
.unifiDeviceIcon--U2IW {
background-image: url("../images/devices/uap/U2IW/standard.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--U2IW {
background-image: url("../images/devices/uap/U2IW/standard@2x.png")
}
}
.unifiDeviceIcon--U2IW.is-large {
background-image: url("../images/devices/uap/U2IW/standard@2x.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--U2IW.is-large {
background-image: url("../images/devices/uap/U2IW/standard@4x.png")
}
}
.unifiDeviceIcon--U2IW.is-grid,
.unifiDeviceIcon--U2IW.is-maximum {
background-image: url("../images/devices/uap/U2IW/grid.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--U2IW.is-grid,
.unifiDeviceIcon--U2IW.is-maximum {
background-image: url("../images/devices/uap/U2IW/grid@2x.png")
}
}
.unifiDeviceIcon--U2L48 {
background-image: url("../images/devices/uap/default/standard.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--U2L48 {
background-image: url("../images/devices/uap/default/standard@2x.png")
}
}
.unifiDeviceIcon--U2L48.is-large {
background-image: url("../images/devices/uap/default/standard@2x.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--U2L48.is-large {
background-image: url("../images/devices/uap/default/standard@4x.png")
}
}
.unifiDeviceIcon--U2L48.is-grid,
.unifiDeviceIcon--U2L48.is-maximum {
background-image: url("../images/devices/uap/default/grid.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--U2L48.is-grid,
.unifiDeviceIcon--U2L48.is-maximum {
background-image: url("../images/devices/uap/default/grid@2x.png")
}
}
.unifiDeviceIcon--U2Lv2 {
background-image: url("../images/devices/uap/default/standard.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--U2Lv2 {
background-image: url("../images/devices/uap/default/standard@2x.png")
}
}
.unifiDeviceIcon--U2Lv2.is-large {
background-image: url("../images/devices/uap/default/standard@2x.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--U2Lv2.is-large {
background-image: url("../images/devices/uap/default/standard@4x.png")
}
}
.unifiDeviceIcon--U2Lv2.is-grid,
.unifiDeviceIcon--U2Lv2.is-maximum {
background-image: url("../images/devices/uap/default/grid.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--U2Lv2.is-grid,
.unifiDeviceIcon--U2Lv2.is-maximum {
background-image: url("../images/devices/uap/default/grid@2x.png")
}
}
.unifiDeviceIcon--U2M {
background-image: url("../images/devices/uap/default/standard.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--U2M {
background-image: url("../images/devices/uap/default/standard@2x.png")
}
}
.unifiDeviceIcon--U2M.is-large {
background-image: url("../images/devices/uap/default/standard@2x.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--U2M.is-large {
background-image: url("../images/devices/uap/default/standard@4x.png")
}
}
.unifiDeviceIcon--U2M.is-grid,
.unifiDeviceIcon--U2M.is-maximum {
background-image: url("../images/devices/uap/default/grid.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--U2M.is-grid,
.unifiDeviceIcon--U2M.is-maximum {
background-image: url("../images/devices/uap/default/grid@2x.png")
}
}
.unifiDeviceIcon--U2O {
background-image: url("../images/devices/uap/U2O/standard.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--U2O {
background-image: url("../images/devices/uap/U2O/standard@2x.png")
}
}
.unifiDeviceIcon--U2O.is-large {
background-image: url("../images/devices/uap/U2O/standard@2x.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--U2O.is-large {
background-image: url("../images/devices/uap/U2O/standard@4x.png")
}
}
.unifiDeviceIcon--U2O.is-grid,
.unifiDeviceIcon--U2O.is-maximum {
background-image: url("../images/devices/uap/U2O/grid.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--U2O.is-grid,
.unifiDeviceIcon--U2O.is-maximum {
background-image: url("../images/devices/uap/U2O/grid@2x.png")
}
}
.unifiDeviceIcon--U2S48 {
background-image: url("../images/devices/uap/default/standard.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--U2S48 {
background-image: url("../images/devices/uap/default/standard@2x.png")
}
}
.unifiDeviceIcon--U2S48.is-large {
background-image: url("../images/devices/uap/default/standard@2x.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--U2S48.is-large {
background-image: url("../images/devices/uap/default/standard@4x.png")
}
}
.unifiDeviceIcon--U2S48.is-grid,
.unifiDeviceIcon--U2S48.is-maximum {
background-image: url("../images/devices/uap/default/grid.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--U2S48.is-grid,
.unifiDeviceIcon--U2S48.is-maximum {
background-image: url("../images/devices/uap/default/grid@2x.png")
}
}
.unifiDeviceIcon--U2Sv2 {
background-image: url("../images/devices/uap/default/standard.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--U2Sv2 {
background-image: url("../images/devices/uap/default/standard@2x.png")
}
}
.unifiDeviceIcon--U2Sv2.is-large {
background-image: url("../images/devices/uap/default/standard@2x.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--U2Sv2.is-large {
background-image: url("../images/devices/uap/default/standard@4x.png")
}
}
.unifiDeviceIcon--U2Sv2.is-grid,
.unifiDeviceIcon--U2Sv2.is-maximum {
background-image: url("../images/devices/uap/default/grid.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--U2Sv2.is-grid,
.unifiDeviceIcon--U2Sv2.is-maximum {
background-image: url("../images/devices/uap/default/grid@2x.png")
}
}
.unifiDeviceIcon--U5O {
background-image: url("../images/devices/uap/U2O/standard.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--U5O {
background-image: url("../images/devices/uap/U2O/standard@2x.png")
}
}
.unifiDeviceIcon--U5O.is-large {
background-image: url("../images/devices/uap/U2O/standard@2x.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--U5O.is-large {
background-image: url("../images/devices/uap/U2O/standard@4x.png")
}
}
.unifiDeviceIcon--U5O.is-grid,
.unifiDeviceIcon--U5O.is-maximum {
background-image: url("../images/devices/uap/U2O/grid.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--U5O.is-grid,
.unifiDeviceIcon--U5O.is-maximum {
background-image: url("../images/devices/uap/U2O/grid@2x.png")
}
}
.unifiDeviceIcon--U7E {
background-image: url("../images/devices/uap/U7E/standard.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--U7E {
background-image: url("../images/devices/uap/U7E/standard@2x.png")
}
}
.unifiDeviceIcon--U7E.is-large {
background-image: url("../images/devices/uap/U7E/standard@2x.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--U7E.is-large {
background-image: url("../images/devices/uap/U7E/standard@4x.png")
}
}
.unifiDeviceIcon--U7E.is-grid,
.unifiDeviceIcon--U7E.is-maximum {
background-image: url("../images/devices/uap/U7E/grid.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--U7E.is-grid,
.unifiDeviceIcon--U7E.is-maximum {
background-image: url("../images/devices/uap/U7E/grid@2x.png")
}
}
.unifiDeviceIcon--U7EDU {
background-image: url("../images/devices/uap/U7EDU/standard.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--U7EDU {
background-image: url("../images/devices/uap/U7EDU/standard@2x.png")
}
}
.unifiDeviceIcon--U7EDU.is-large {
background-image: url("../images/devices/uap/U7EDU/standard@2x.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--U7EDU.is-large {
background-image: url("../images/devices/uap/U7EDU/standard@4x.png")
}
}
.unifiDeviceIcon--U7EDU.is-grid,
.unifiDeviceIcon--U7EDU.is-maximum {
background-image: url("../images/devices/uap/U7EDU/grid.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--U7EDU.is-grid,
.unifiDeviceIcon--U7EDU.is-maximum {
background-image: url("../images/devices/uap/U7EDU/grid@2x.png")
}
}
.unifiDeviceIcon--U7Ev2 {
background-image: url("../images/devices/uap/U7E/standard.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--U7Ev2 {
background-image: url("../images/devices/uap/U7E/standard@2x.png")
}
}
.unifiDeviceIcon--U7Ev2.is-large {
background-image: url("../images/devices/uap/U7E/standard@2x.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--U7Ev2.is-large {
background-image: url("../images/devices/uap/U7E/standard@4x.png")
}
}
.unifiDeviceIcon--U7Ev2.is-grid,
.unifiDeviceIcon--U7Ev2.is-maximum {
background-image: url("../images/devices/uap/U7E/grid.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--U7Ev2.is-grid,
.unifiDeviceIcon--U7Ev2.is-maximum {
background-image: url("../images/devices/uap/U7E/grid@2x.png")
}
}
.unifiDeviceIcon--U7HD {
background-image: url("../images/devices/uap/default/standard.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--U7HD {
background-image: url("../images/devices/uap/default/standard@2x.png")
}
}
.unifiDeviceIcon--U7HD.is-large {
background-image: url("../images/devices/uap/default/standard@2x.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--U7HD.is-large {
background-image: url("../images/devices/uap/default/standard@4x.png")
}
}
.unifiDeviceIcon--U7HD.is-grid,
.unifiDeviceIcon--U7HD.is-maximum {
background-image: url("../images/devices/uap/default/grid.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--U7HD.is-grid,
.unifiDeviceIcon--U7HD.is-maximum {
background-image: url("../images/devices/uap/default/grid@2x.png")
}
}
.unifiDeviceIcon--U7IW {
background-image: url("../images/devices/uap/U7IW/standard.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--U7IW {
background-image: url("../images/devices/uap/U7IW/standard@2x.png")
}
}
.unifiDeviceIcon--U7IW.is-large {
background-image: url("../images/devices/uap/U7IW/standard@2x.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--U7IW.is-large {
background-image: url("../images/devices/uap/U7IW/standard@4x.png")
}
}
.unifiDeviceIcon--U7IW.is-grid,
.unifiDeviceIcon--U7IW.is-maximum {
background-image: url("../images/devices/uap/U7IW/grid.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--U7IW.is-grid,
.unifiDeviceIcon--U7IW.is-maximum {
background-image: url("../images/devices/uap/U7IW/grid@2x.png")
}
}
.unifiDeviceIcon--U7IWP {
background-image: url("../images/devices/uap/U7IW/standard.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--U7IWP {
background-image: url("../images/devices/uap/U7IW/standard@2x.png")
}
}
.unifiDeviceIcon--U7IWP.is-large {
background-image: url("../images/devices/uap/U7IW/standard@2x.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--U7IWP.is-large {
background-image: url("../images/devices/uap/U7IW/standard@4x.png")
}
}
.unifiDeviceIcon--U7IWP.is-grid,
.unifiDeviceIcon--U7IWP.is-maximum {
background-image: url("../images/devices/uap/U7IW/grid.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--U7IWP.is-grid,
.unifiDeviceIcon--U7IWP.is-maximum {
background-image: url("../images/devices/uap/U7IW/grid@2x.png")
}
}
.unifiDeviceIcon--U7LR {
background-image: url("../images/devices/uap/default/standard.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--U7LR {
background-image: url("../images/devices/uap/default/standard@2x.png")
}
}
.unifiDeviceIcon--U7LR.is-large {
background-image: url("../images/devices/uap/default/standard@2x.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--U7LR.is-large {
background-image: url("../images/devices/uap/default/standard@4x.png")
}
}
.unifiDeviceIcon--U7LR.is-grid,
.unifiDeviceIcon--U7LR.is-maximum {
background-image: url("../images/devices/uap/default/grid.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--U7LR.is-grid,
.unifiDeviceIcon--U7LR.is-maximum {
background-image: url("../images/devices/uap/default/grid@2x.png")
}
}
.unifiDeviceIcon--U7LT {
background-image: url("../images/devices/uap/default/standard.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--U7LT {
background-image: url("../images/devices/uap/default/standard@2x.png")
}
}
.unifiDeviceIcon--U7LT.is-large {
background-image: url("../images/devices/uap/default/standard@2x.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--U7LT.is-large {
background-image: url("../images/devices/uap/default/standard@4x.png")
}
}
.unifiDeviceIcon--U7LT.is-grid,
.unifiDeviceIcon--U7LT.is-maximum {
background-image: url("../images/devices/uap/default/grid.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--U7LT.is-grid,
.unifiDeviceIcon--U7LT.is-maximum {
background-image: url("../images/devices/uap/default/grid@2x.png")
}
}
.unifiDeviceIcon--U7MP {
background-image: url("../images/devices/uap/U7O/standard.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--U7MP {
background-image: url("../images/devices/uap/U7O/standard@2x.png")
}
}
.unifiDeviceIcon--U7MP.is-large {
background-image: url("../images/devices/uap/U7O/standard@2x.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--U7MP.is-large {
background-image: url("../images/devices/uap/U7O/standard@4x.png")
}
}
.unifiDeviceIcon--U7MP.is-grid,
.unifiDeviceIcon--U7MP.is-maximum {
background-image: url("../images/devices/uap/U7O/grid.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--U7MP.is-grid,
.unifiDeviceIcon--U7MP.is-maximum {
background-image: url("../images/devices/uap/U7O/grid@2x.png")
}
}
.unifiDeviceIcon--U7MSH {
background-image: url("../images/devices/uap/U7MSH/standard.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--U7MSH {
background-image: url("../images/devices/uap/U7MSH/standard@2x.png")
}
}
.unifiDeviceIcon--U7MSH.is-large {
background-image: url("../images/devices/uap/U7MSH/standard@2x.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--U7MSH.is-large {
background-image: url("../images/devices/uap/U7MSH/standard@4x.png")
}
}
.unifiDeviceIcon--U7MSH.is-grid,
.unifiDeviceIcon--U7MSH.is-maximum {
background-image: url("../images/devices/uap/U7MSH/grid.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--U7MSH.is-grid,
.unifiDeviceIcon--U7MSH.is-maximum {
background-image: url("../images/devices/uap/U7MSH/grid@2x.png")
}
}
.unifiDeviceIcon--U7NHD {
background-image: url("../images/devices/uap/U7NHD/standard.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--U7NHD {
background-image: url("../images/devices/uap/U7NHD/standard@2x.png")
}
}
.unifiDeviceIcon--U7NHD.is-large {
background-image: url("../images/devices/uap/U7NHD/standard@2x.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--U7NHD.is-large {
background-image: url("../images/devices/uap/U7NHD/standard@4x.png")
}
}
.unifiDeviceIcon--U7NHD.is-grid,
.unifiDeviceIcon--U7NHD.is-maximum {
background-image: url("../images/devices/uap/U7NHD/grid.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--U7NHD.is-grid,
.unifiDeviceIcon--U7NHD.is-maximum {
background-image: url("../images/devices/uap/U7NHD/grid@2x.png")
}
}
.unifiDeviceIcon--U7O {
background-image: url("../images/devices/uap/U7O/standard.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--U7O {
background-image: url("../images/devices/uap/U7O/standard@2x.png")
}
}
.unifiDeviceIcon--U7O.is-large {
background-image: url("../images/devices/uap/U7O/standard@2x.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--U7O.is-large {
background-image: url("../images/devices/uap/U7O/standard@4x.png")
}
}
.unifiDeviceIcon--U7O.is-grid,
.unifiDeviceIcon--U7O.is-maximum {
background-image: url("../images/devices/uap/U7O/grid.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--U7O.is-grid,
.unifiDeviceIcon--U7O.is-maximum {
background-image: url("../images/devices/uap/U7O/grid@2x.png")
}
}
.unifiDeviceIcon--UFLHD {
background-image: url("../images/devices/uap/UFLHD/standard.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--UFLHD {
background-image: url("../images/devices/uap/UFLHD/standard@2x.png")
}
}
.unifiDeviceIcon--UFLHD.is-large {
background-image: url("../images/devices/uap/UFLHD/standard@2x.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--UFLHD.is-large {
background-image: url("../images/devices/uap/UFLHD/standard@4x.png")
}
}
.unifiDeviceIcon--UFLHD.is-grid,
.unifiDeviceIcon--UFLHD.is-maximum {
background-image: url("../images/devices/uap/UFLHD/grid.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--UFLHD.is-grid,
.unifiDeviceIcon--UFLHD.is-maximum {
background-image: url("../images/devices/uap/UFLHD/grid@2x.png")
}
}
.unifiDeviceIcon--U7P {
background-image: url("../images/devices/uap/default/standard.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--U7P {
background-image: url("../images/devices/uap/default/standard@2x.png")
}
}
.unifiDeviceIcon--U7P.is-large {
background-image: url("../images/devices/uap/default/standard@2x.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--U7P.is-large {
background-image: url("../images/devices/uap/default/standard@4x.png")
}
}
.unifiDeviceIcon--U7P.is-grid,
.unifiDeviceIcon--U7P.is-maximum {
background-image: url("../images/devices/uap/default/grid.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--U7P.is-grid,
.unifiDeviceIcon--U7P.is-maximum {
background-image: url("../images/devices/uap/default/grid@2x.png")
}
}
.unifiDeviceIcon--U7PG2 {
background-image: url("../images/devices/uap/default/standard.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--U7PG2 {
background-image: url("../images/devices/uap/default/standard@2x.png")
}
}
.unifiDeviceIcon--U7PG2.is-large {
background-image: url("../images/devices/uap/default/standard@2x.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--U7PG2.is-large {
background-image: url("../images/devices/uap/default/standard@4x.png")
}
}
.unifiDeviceIcon--U7PG2.is-grid,
.unifiDeviceIcon--U7PG2.is-maximum {
background-image: url("../images/devices/uap/default/grid.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--U7PG2.is-grid,
.unifiDeviceIcon--U7PG2.is-maximum {
background-image: url("../images/devices/uap/default/grid@2x.png")
}
}
.unifiDeviceIcon--U7SHD {
background-image: url("../images/devices/uap/default/standard.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--U7SHD {
background-image: url("../images/devices/uap/default/standard@2x.png")
}
}
.unifiDeviceIcon--U7SHD.is-large {
background-image: url("../images/devices/uap/default/standard@2x.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--U7SHD.is-large {
background-image: url("../images/devices/uap/default/standard@4x.png")
}
}
.unifiDeviceIcon--U7SHD.is-grid,
.unifiDeviceIcon--U7SHD.is-maximum {
background-image: url("../images/devices/uap/default/grid.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--U7SHD.is-grid,
.unifiDeviceIcon--U7SHD.is-maximum {
background-image: url("../images/devices/uap/default/grid@2x.png")
}
}
.unifiDeviceIcon--UCMSH {
background-image: url("../images/devices/uap/default/standard.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--UCMSH {
background-image: url("../images/devices/uap/default/standard@2x.png")
}
}
.unifiDeviceIcon--UCMSH.is-large {
background-image: url("../images/devices/uap/default/standard@2x.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--UCMSH.is-large {
background-image: url("../images/devices/uap/default/standard@4x.png")
}
}
.unifiDeviceIcon--UCMSH.is-grid,
.unifiDeviceIcon--UCMSH.is-maximum {
background-image: url("../images/devices/uap/default/grid.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--UCMSH.is-grid,
.unifiDeviceIcon--UCMSH.is-maximum {
background-image: url("../images/devices/uap/default/grid@2x.png")
}
}
.unifiDeviceIcon--UCXG {
background-image: url("../images/devices/uap/default/standard.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--UCXG {
background-image: url("../images/devices/uap/default/standard@2x.png")
}
}
.unifiDeviceIcon--UCXG.is-large {
background-image: url("../images/devices/uap/default/standard@2x.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--UCXG.is-large {
background-image: url("../images/devices/uap/default/standard@4x.png")
}
}
.unifiDeviceIcon--UCXG.is-grid,
.unifiDeviceIcon--UCXG.is-maximum {
background-image: url("../images/devices/uap/default/grid.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--UCXG.is-grid,
.unifiDeviceIcon--UCXG.is-maximum {
background-image: url("../images/devices/uap/default/grid@2x.png")
}
}
.unifiDeviceIcon--UHDIW {
background-image: url("../images/devices/uap/U7IW/standard.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--UHDIW {
background-image: url("../images/devices/uap/U7IW/standard@2x.png")
}
}
.unifiDeviceIcon--UHDIW.is-large {
background-image: url("../images/devices/uap/U7IW/standard@2x.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--UHDIW.is-large {
background-image: url("../images/devices/uap/U7IW/standard@4x.png")
}
}
.unifiDeviceIcon--UHDIW.is-grid,
.unifiDeviceIcon--UHDIW.is-maximum {
background-image: url("../images/devices/uap/U7IW/grid.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--UHDIW.is-grid,
.unifiDeviceIcon--UHDIW.is-maximum {
background-image: url("../images/devices/uap/U7IW/grid@2x.png")
}
}
.unifiDeviceIcon--ULTE {
background-image: url("../images/devices/uap/ULTE/standard.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--ULTE {
background-image: url("../images/devices/uap/ULTE/standard@2x.png")
}
}
.unifiDeviceIcon--ULTE.is-large {
background-image: url("../images/devices/uap/ULTE/standard@2x.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--ULTE.is-large {
background-image: url("../images/devices/uap/ULTE/standard@4x.png")
}
}
.unifiDeviceIcon--ULTE.is-grid,
.unifiDeviceIcon--ULTE.is-maximum {
background-image: url("../images/devices/uap/ULTE/grid.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--ULTE.is-grid,
.unifiDeviceIcon--ULTE.is-maximum {
background-image: url("../images/devices/uap/ULTE/grid@2x.png")
}
}
.unifiDeviceIcon--UXSDM {
background-image: url("../images/devices/uap/UXSDM/standard.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--UXSDM {
background-image: url("../images/devices/uap/UXSDM/standard@2x.png")
}
}
.unifiDeviceIcon--UXSDM.is-large {
background-image: url("../images/devices/uap/UXSDM/standard@2x.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--UXSDM.is-large {
background-image: url("../images/devices/uap/UXSDM/standard@4x.png")
}
}
.unifiDeviceIcon--UXSDM.is-grid,
.unifiDeviceIcon--UXSDM.is-maximum {
background-image: url("../images/devices/uap/UXSDM/grid.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--UXSDM.is-grid,
.unifiDeviceIcon--UXSDM.is-maximum {
background-image: url("../images/devices/uap/UXSDM/grid@2x.png")
}
}
.unifiDeviceIcon--UXBSDM {
background-image: url("../images/devices/uap/UXBSDM/standard.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--UXBSDM {
background-image: url("../images/devices/uap/UXBSDM/standard@2x.png")
}
}
.unifiDeviceIcon--UXBSDM.is-large {
background-image: url("../images/devices/uap/UXBSDM/standard@2x.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--UXBSDM.is-large {
background-image: url("../images/devices/uap/UXBSDM/standard@4x.png")
}
}
.unifiDeviceIcon--UXBSDM.is-grid,
.unifiDeviceIcon--UXBSDM.is-maximum {
background-image: url("../images/devices/uap/UXBSDM/grid.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--UXBSDM.is-grid,
.unifiDeviceIcon--UXBSDM.is-maximum {
background-image: url("../images/devices/uap/UXBSDM/grid@2x.png")
}
}
.unifiDeviceIcon--UDMB {
background-image: url("../images/devices/uap/UDMB/standard.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--UDMB {
background-image: url("../images/devices/uap/UDMB/standard@2x.png")
}
}
.unifiDeviceIcon--UDMB.is-large {
background-image: url("../images/devices/uap/UDMB/standard@2x.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--UDMB.is-large {
background-image: url("../images/devices/uap/UDMB/standard@4x.png")
}
}
.unifiDeviceIcon--UDMB.is-grid,
.unifiDeviceIcon--UDMB.is-maximum {
background-image: url("../images/devices/uap/UDMB/grid.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--UDMB.is-grid,
.unifiDeviceIcon--UDMB.is-maximum {
background-image: url("../images/devices/uap/UDMB/grid@2x.png")
}
}
.unifiDeviceIcon--ugw {
background-image: url("../images/devices/ugw/missing/standard.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--ugw {
background-image: url("../images/devices/ugw/missing/standard@2x.png")
}
}
.unifiDeviceIcon--ugw.is-large {
background-image: url("../images/devices/ugw/missing/standard@2x.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--ugw.is-large {
background-image: url("../images/devices/ugw/missing/standard@4x.png")
}
}
.unifiDeviceIcon--ugw.is-grid,
.unifiDeviceIcon--ugw.is-maximum {
background-image: url("../images/devices/ugw/missing/grid.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--ugw.is-grid,
.unifiDeviceIcon--ugw.is-maximum {
background-image: url("../images/devices/ugw/missing/grid@2x.png")
}
}
.unifiDeviceIcon--UGW3 {
background-image: url("../images/devices/ugw/UGW3/standard.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--UGW3 {
background-image: url("../images/devices/ugw/UGW3/standard@2x.png")
}
}
.unifiDeviceIcon--UGW3.is-large {
background-image: url("../images/devices/ugw/UGW3/standard@2x.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--UGW3.is-large {
background-image: url("../images/devices/ugw/UGW3/standard@4x.png")
}
}
.unifiDeviceIcon--UGW3.is-grid,
.unifiDeviceIcon--UGW3.is-maximum {
background-image: url("../images/devices/ugw/UGW3/grid.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--UGW3.is-grid,
.unifiDeviceIcon--UGW3.is-maximum {
background-image: url("../images/devices/ugw/UGW3/grid@2x.png")
}
}
.unifiDeviceIcon--UGW4 {
background-image: url("../images/devices/ugw/UGW4/standard.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--UGW4 {
background-image: url("../images/devices/ugw/UGW4/standard@2x.png")
}
}
.unifiDeviceIcon--UGW4.is-large {
background-image: url("../images/devices/ugw/UGW4/standard@2x.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--UGW4.is-large {
background-image: url("../images/devices/ugw/UGW4/standard@4x.png")
}
}
.unifiDeviceIcon--UGW4.is-grid,
.unifiDeviceIcon--UGW4.is-maximum {
background-image: url("../images/devices/ugw/UGW4/grid.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--UGW4.is-grid,
.unifiDeviceIcon--UGW4.is-maximum {
background-image: url("../images/devices/ugw/UGW4/grid@2x.png")
}
}
.unifiDeviceIcon--UGWXG {
background-image: url("../images/devices/ugw/UGWXG/standard.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--UGWXG {
background-image: url("../images/devices/ugw/UGWXG/standard@2x.png")
}
}
.unifiDeviceIcon--UGWXG.is-large {
background-image: url("../images/devices/ugw/UGWXG/standard@2x.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--UGWXG.is-large {
background-image: url("../images/devices/ugw/UGWXG/standard@4x.png")
}
}
.unifiDeviceIcon--UGWXG.is-grid,
.unifiDeviceIcon--UGWXG.is-maximum {
background-image: url("../images/devices/ugw/UGWXG/grid.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--UGWXG.is-grid,
.unifiDeviceIcon--UGWXG.is-maximum {
background-image: url("../images/devices/ugw/UGWXG/grid@2x.png")
}
}
.unifiDeviceIcon--usw {
background-image: url("../images/devices/usw/missing/standard.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--usw {
background-image: url("../images/devices/usw/missing/standard@2x.png")
}
}
.unifiDeviceIcon--usw.is-large {
background-image: url("../images/devices/usw/missing/standard@2x.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--usw.is-large {
background-image: url("../images/devices/usw/missing/standard@4x.png")
}
}
.unifiDeviceIcon--usw.is-grid,
.unifiDeviceIcon--usw.is-maximum {
background-image: url("../images/devices/usw/missing/grid.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--usw.is-grid,
.unifiDeviceIcon--usw.is-maximum {
background-image: url("../images/devices/usw/missing/grid@2x.png")
}
}
.unifiDeviceIcon--S216150 {
background-image: url("../images/devices/usw/US16/standard.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--S216150 {
background-image: url("../images/devices/usw/US16/standard@2x.png")
}
}
.unifiDeviceIcon--S216150.is-large {
background-image: url("../images/devices/usw/US16/standard@2x.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--S216150.is-large {
background-image: url("../images/devices/usw/US16/standard@4x.png")
}
}
.unifiDeviceIcon--S216150.is-grid,
.unifiDeviceIcon--S216150.is-maximum {
background-image: url("../images/devices/usw/US16/grid.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--S216150.is-grid,
.unifiDeviceIcon--S216150.is-maximum {
background-image: url("../images/devices/usw/US16/grid@2x.png")
}
}
.unifiDeviceIcon--S224250 {
background-image: url("../images/devices/usw/US24/standard.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--S224250 {
background-image: url("../images/devices/usw/US24/standard@2x.png")
}
}
.unifiDeviceIcon--S224250.is-large {
background-image: url("../images/devices/usw/US24/standard@2x.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--S224250.is-large {
background-image: url("../images/devices/usw/US24/standard@4x.png")
}
}
.unifiDeviceIcon--S224250.is-grid,
.unifiDeviceIcon--S224250.is-maximum {
background-image: url("../images/devices/usw/US24/grid.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--S224250.is-grid,
.unifiDeviceIcon--S224250.is-maximum {
background-image: url("../images/devices/usw/US24/grid@2x.png")
}
}
.unifiDeviceIcon--S224500 {
background-image: url("../images/devices/usw/US24/standard.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--S224500 {
background-image: url("../images/devices/usw/US24/standard@2x.png")
}
}
.unifiDeviceIcon--S224500.is-large {
background-image: url("../images/devices/usw/US24/standard@2x.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--S224500.is-large {
background-image: url("../images/devices/usw/US24/standard@4x.png")
}
}
.unifiDeviceIcon--S224500.is-grid,
.unifiDeviceIcon--S224500.is-maximum {
background-image: url("../images/devices/usw/US24/grid.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--S224500.is-grid,
.unifiDeviceIcon--S224500.is-maximum {
background-image: url("../images/devices/usw/US24/grid@2x.png")
}
}
.unifiDeviceIcon--S248500 {
background-image: url("../images/devices/usw/US48/standard.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--S248500 {
background-image: url("../images/devices/usw/US48/standard@2x.png")
}
}
.unifiDeviceIcon--S248500.is-large {
background-image: url("../images/devices/usw/US48/standard@2x.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--S248500.is-large {
background-image: url("../images/devices/usw/US48/standard@4x.png")
}
}
.unifiDeviceIcon--S248500.is-grid,
.unifiDeviceIcon--S248500.is-maximum {
background-image: url("../images/devices/usw/US48/grid.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--S248500.is-grid,
.unifiDeviceIcon--S248500.is-maximum {
background-image: url("../images/devices/usw/US48/grid@2x.png")
}
}
.unifiDeviceIcon--S248750 {
background-image: url("../images/devices/usw/US48/standard.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--S248750 {
background-image: url("../images/devices/usw/US48/standard@2x.png")
}
}
.unifiDeviceIcon--S248750.is-large {
background-image: url("../images/devices/usw/US48/standard@2x.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--S248750.is-large {
background-image: url("../images/devices/usw/US48/standard@4x.png")
}
}
.unifiDeviceIcon--S248750.is-grid,
.unifiDeviceIcon--S248750.is-maximum {
background-image: url("../images/devices/usw/US48/grid.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--S248750.is-grid,
.unifiDeviceIcon--S248750.is-maximum {
background-image: url("../images/devices/usw/US48/grid@2x.png")
}
}
.unifiDeviceIcon--S28150 {
background-image: url("../images/devices/usw/US8P150/standard.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--S28150 {
background-image: url("../images/devices/usw/US8P150/standard@2x.png")
}
}
.unifiDeviceIcon--S28150.is-large {
background-image: url("../images/devices/usw/US8P150/standard@2x.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--S28150.is-large {
background-image: url("../images/devices/usw/US8P150/standard@4x.png")
}
}
.unifiDeviceIcon--S28150.is-grid,
.unifiDeviceIcon--S28150.is-maximum {
background-image: url("../images/devices/usw/US8P150/grid.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--S28150.is-grid,
.unifiDeviceIcon--S28150.is-maximum {
background-image: url("../images/devices/usw/US8P150/grid@2x.png")
}
}
.unifiDeviceIcon--US16P150 {
background-image: url("../images/devices/usw/US16/standard.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--US16P150 {
background-image: url("../images/devices/usw/US16/standard@2x.png")
}
}
.unifiDeviceIcon--US16P150.is-large {
background-image: url("../images/devices/usw/US16/standard@2x.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--US16P150.is-large {
background-image: url("../images/devices/usw/US16/standard@4x.png")
}
}
.unifiDeviceIcon--US16P150.is-grid,
.unifiDeviceIcon--US16P150.is-maximum {
background-image: url("../images/devices/usw/US16/grid.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--US16P150.is-grid,
.unifiDeviceIcon--US16P150.is-maximum {
background-image: url("../images/devices/usw/US16/grid@2x.png")
}
}
.unifiDeviceIcon--US24 {
background-image: url("../images/devices/usw/US24/standard.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--US24 {
background-image: url("../images/devices/usw/US24/standard@2x.png")
}
}
.unifiDeviceIcon--US24.is-large {
background-image: url("../images/devices/usw/US24/standard@2x.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--US24.is-large {
background-image: url("../images/devices/usw/US24/standard@4x.png")
}
}
.unifiDeviceIcon--US24.is-grid,
.unifiDeviceIcon--US24.is-maximum {
background-image: url("../images/devices/usw/US24/grid.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--US24.is-grid,
.unifiDeviceIcon--US24.is-maximum {
background-image: url("../images/devices/usw/US24/grid@2x.png")
}
}
.unifiDeviceIcon--US24P250 {
background-image: url("../images/devices/usw/US24/standard.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--US24P250 {
background-image: url("../images/devices/usw/US24/standard@2x.png")
}
}
.unifiDeviceIcon--US24P250.is-large {
background-image: url("../images/devices/usw/US24/standard@2x.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--US24P250.is-large {
background-image: url("../images/devices/usw/US24/standard@4x.png")
}
}
.unifiDeviceIcon--US24P250.is-grid,
.unifiDeviceIcon--US24P250.is-maximum {
background-image: url("../images/devices/usw/US24/grid.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--US24P250.is-grid,
.unifiDeviceIcon--US24P250.is-maximum {
background-image: url("../images/devices/usw/US24/grid@2x.png")
}
}
.unifiDeviceIcon--US24P500 {
background-image: url("../images/devices/usw/US24/standard.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--US24P500 {
background-image: url("../images/devices/usw/US24/standard@2x.png")
}
}
.unifiDeviceIcon--US24P500.is-large {
background-image: url("../images/devices/usw/US24/standard@2x.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--US24P500.is-large {
background-image: url("../images/devices/usw/US24/standard@4x.png")
}
}
.unifiDeviceIcon--US24P500.is-grid,
.unifiDeviceIcon--US24P500.is-maximum {
background-image: url("../images/devices/usw/US24/grid.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--US24P500.is-grid,
.unifiDeviceIcon--US24P500.is-maximum {
background-image: url("../images/devices/usw/US24/grid@2x.png")
}
}
.unifiDeviceIcon--US24PL2 {
background-image: url("../images/devices/usw/US24/standard.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--US24PL2 {
background-image: url("../images/devices/usw/US24/standard@2x.png")
}
}
.unifiDeviceIcon--US24PL2.is-large {
background-image: url("../images/devices/usw/US24/standard@2x.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--US24PL2.is-large {
background-image: url("../images/devices/usw/US24/standard@4x.png")
}
}
.unifiDeviceIcon--US24PL2.is-grid,
.unifiDeviceIcon--US24PL2.is-maximum {
background-image: url("../images/devices/usw/US24/grid.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--US24PL2.is-grid,
.unifiDeviceIcon--US24PL2.is-maximum {
background-image: url("../images/devices/usw/US24/grid@2x.png")
}
}
.unifiDeviceIcon--US24PRO {
background-image: url("../images/devices/usw/US24PRO/standard.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--US24PRO {
background-image: url("../images/devices/usw/US24PRO/standard@2x.png")
}
}
.unifiDeviceIcon--US24PRO.is-large {
background-image: url("../images/devices/usw/US24PRO/standard@2x.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--US24PRO.is-large {
background-image: url("../images/devices/usw/US24PRO/standard@4x.png")
}
}
.unifiDeviceIcon--US24PRO.is-grid,
.unifiDeviceIcon--US24PRO.is-maximum {
background-image: url("../images/devices/usw/US24PRO/grid.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--US24PRO.is-grid,
.unifiDeviceIcon--US24PRO.is-maximum {
background-image: url("../images/devices/usw/US24PRO/grid@2x.png")
}
}
.unifiDeviceIcon--US48 {
background-image: url("../images/devices/usw/US48/standard.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--US48 {
background-image: url("../images/devices/usw/US48/standard@2x.png")
}
}
.unifiDeviceIcon--US48.is-large {
background-image: url("../images/devices/usw/US48/standard@2x.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--US48.is-large {
background-image: url("../images/devices/usw/US48/standard@4x.png")
}
}
.unifiDeviceIcon--US48.is-grid,
.unifiDeviceIcon--US48.is-maximum {
background-image: url("../images/devices/usw/US48/grid.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--US48.is-grid,
.unifiDeviceIcon--US48.is-maximum {
background-image: url("../images/devices/usw/US48/grid@2x.png")
}
}
.unifiDeviceIcon--US48P500 {
background-image: url("../images/devices/usw/US48/standard.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--US48P500 {
background-image: url("../images/devices/usw/US48/standard@2x.png")
}
}
.unifiDeviceIcon--US48P500.is-large {
background-image: url("../images/devices/usw/US48/standard@2x.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--US48P500.is-large {
background-image: url("../images/devices/usw/US48/standard@4x.png")
}
}
.unifiDeviceIcon--US48P500.is-grid,
.unifiDeviceIcon--US48P500.is-maximum {
background-image: url("../images/devices/usw/US48/grid.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--US48P500.is-grid,
.unifiDeviceIcon--US48P500.is-maximum {
background-image: url("../images/devices/usw/US48/grid@2x.png")
}
}
.unifiDeviceIcon--US48P750 {
background-image: url("../images/devices/usw/US48/standard.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--US48P750 {
background-image: url("../images/devices/usw/US48/standard@2x.png")
}
}
.unifiDeviceIcon--US48P750.is-large {
background-image: url("../images/devices/usw/US48/standard@2x.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--US48P750.is-large {
background-image: url("../images/devices/usw/US48/standard@4x.png")
}
}
.unifiDeviceIcon--US48P750.is-grid,
.unifiDeviceIcon--US48P750.is-maximum {
background-image: url("../images/devices/usw/US48/grid.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--US48P750.is-grid,
.unifiDeviceIcon--US48P750.is-maximum {
background-image: url("../images/devices/usw/US48/grid@2x.png")
}
}
.unifiDeviceIcon--US48PL2 {
background-image: url("../images/devices/usw/US48/standard.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--US48PL2 {
background-image: url("../images/devices/usw/US48/standard@2x.png")
}
}
.unifiDeviceIcon--US48PL2.is-large {
background-image: url("../images/devices/usw/US48/standard@2x.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--US48PL2.is-large {
background-image: url("../images/devices/usw/US48/standard@4x.png")
}
}
.unifiDeviceIcon--US48PL2.is-grid,
.unifiDeviceIcon--US48PL2.is-maximum {
background-image: url("../images/devices/usw/US48/grid.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--US48PL2.is-grid,
.unifiDeviceIcon--US48PL2.is-maximum {
background-image: url("../images/devices/usw/US48/grid@2x.png")
}
}
.unifiDeviceIcon--US48PRO {
background-image: url("../images/devices/usw/US48PRO/standard.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--US48PRO {
background-image: url("../images/devices/usw/US48PRO/standard@2x.png")
}
}
.unifiDeviceIcon--US48PRO.is-large {
background-image: url("../images/devices/usw/US48PRO/standard@2x.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--US48PRO.is-large {
background-image: url("../images/devices/usw/US48PRO/standard@4x.png")
}
}
.unifiDeviceIcon--US48PRO.is-grid,
.unifiDeviceIcon--US48PRO.is-maximum {
background-image: url("../images/devices/usw/US48PRO/grid.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--US48PRO.is-grid,
.unifiDeviceIcon--US48PRO.is-maximum {
background-image: url("../images/devices/usw/US48PRO/grid@2x.png")
}
}
.unifiDeviceIcon--US6XG150 {
background-image: url("../images/devices/usw/US6XG150/standard.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--US6XG150 {
background-image: url("../images/devices/usw/US6XG150/standard@2x.png")
}
}
.unifiDeviceIcon--US6XG150.is-large {
background-image: url("../images/devices/usw/US6XG150/standard@2x.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--US6XG150.is-large {
background-image: url("../images/devices/usw/US6XG150/standard@4x.png")
}
}
.unifiDeviceIcon--US6XG150.is-grid,
.unifiDeviceIcon--US6XG150.is-maximum {
background-image: url("../images/devices/usw/US6XG150/grid.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--US6XG150.is-grid,
.unifiDeviceIcon--US6XG150.is-maximum {
background-image: url("../images/devices/usw/US6XG150/grid@2x.png")
}
}
.unifiDeviceIcon--US8 {
background-image: url("../images/devices/usw/US8/standard.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--US8 {
background-image: url("../images/devices/usw/US8/standard@2x.png")
}
}
.unifiDeviceIcon--US8.is-large {
background-image: url("../images/devices/usw/US8/standard@2x.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--US8.is-large {
background-image: url("../images/devices/usw/US8/standard@4x.png")
}
}
.unifiDeviceIcon--US8.is-grid,
.unifiDeviceIcon--US8.is-maximum {
background-image: url("../images/devices/usw/US8/grid.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--US8.is-grid,
.unifiDeviceIcon--US8.is-maximum {
background-image: url("../images/devices/usw/US8/grid@2x.png")
}
}
.unifiDeviceIcon--US8P150 {
background-image: url("../images/devices/usw/US8P150/standard.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--US8P150 {
background-image: url("../images/devices/usw/US8P150/standard@2x.png")
}
}
.unifiDeviceIcon--US8P150.is-large {
background-image: url("../images/devices/usw/US8P150/standard@2x.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--US8P150.is-large {
background-image: url("../images/devices/usw/US8P150/standard@4x.png")
}
}
.unifiDeviceIcon--US8P150.is-grid,
.unifiDeviceIcon--US8P150.is-maximum {
background-image: url("../images/devices/usw/US8P150/grid.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--US8P150.is-grid,
.unifiDeviceIcon--US8P150.is-maximum {
background-image: url("../images/devices/usw/US8P150/grid@2x.png")
}
}
.unifiDeviceIcon--US8P60 {
background-image: url("../images/devices/usw/US8P60/standard.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--US8P60 {
background-image: url("../images/devices/usw/US8P60/standard@2x.png")
}
}
.unifiDeviceIcon--US8P60.is-large {
background-image: url("../images/devices/usw/US8P60/standard@2x.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--US8P60.is-large {
background-image: url("../images/devices/usw/US8P60/standard@4x.png")
}
}
.unifiDeviceIcon--US8P60.is-grid,
.unifiDeviceIcon--US8P60.is-maximum {
background-image: url("../images/devices/usw/US8P60/grid.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--US8P60.is-grid,
.unifiDeviceIcon--US8P60.is-maximum {
background-image: url("../images/devices/usw/US8P60/grid@2x.png")
}
}
.unifiDeviceIcon--USC8 {
background-image: url("../images/devices/usw/US8/standard.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--USC8 {
background-image: url("../images/devices/usw/US8/standard@2x.png")
}
}
.unifiDeviceIcon--USC8.is-large {
background-image: url("../images/devices/usw/US8/standard@2x.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--USC8.is-large {
background-image: url("../images/devices/usw/US8/standard@4x.png")
}
}
.unifiDeviceIcon--USC8.is-grid,
.unifiDeviceIcon--USC8.is-maximum {
background-image: url("../images/devices/usw/US8/grid.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--USC8.is-grid,
.unifiDeviceIcon--USC8.is-maximum {
background-image: url("../images/devices/usw/US8/grid@2x.png")
}
}
.unifiDeviceIcon--USC8P450 {
background-image: url("../images/devices/usw/USC8P450/standard.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--USC8P450 {
background-image: url("../images/devices/usw/USC8P450/standard@2x.png")
}
}
.unifiDeviceIcon--USC8P450.is-large {
background-image: url("../images/devices/usw/USC8P450/standard@2x.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--USC8P450.is-large {
background-image: url("../images/devices/usw/USC8P450/standard@4x.png")
}
}
.unifiDeviceIcon--USC8P450.is-grid,
.unifiDeviceIcon--USC8P450.is-maximum {
background-image: url("../images/devices/usw/USC8P450/grid.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--USC8P450.is-grid,
.unifiDeviceIcon--USC8P450.is-maximum {
background-image: url("../images/devices/usw/USC8P450/grid@2x.png")
}
}
.unifiDeviceIcon--USF5P {
background-image: url("../images/devices/usw/USF5P/standard.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--USF5P {
background-image: url("../images/devices/usw/USF5P/standard@2x.png")
}
}
.unifiDeviceIcon--USF5P.is-large {
background-image: url("../images/devices/usw/USF5P/standard@2x.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--USF5P.is-large {
background-image: url("../images/devices/usw/USF5P/standard@4x.png")
}
}
.unifiDeviceIcon--USF5P.is-grid,
.unifiDeviceIcon--USF5P.is-maximum {
background-image: url("../images/devices/usw/USF5P/grid.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--USF5P.is-grid,
.unifiDeviceIcon--USF5P.is-maximum {
background-image: url("../images/devices/usw/USF5P/grid@2x.png")
}
}
.unifiDeviceIcon--USXG {
background-image: url("../images/devices/usw/USXG/standard.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--USXG {
background-image: url("../images/devices/usw/USXG/standard@2x.png")
}
}
.unifiDeviceIcon--USXG.is-large {
background-image: url("../images/devices/usw/USXG/standard@2x.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--USXG.is-large {
background-image: url("../images/devices/usw/USXG/standard@4x.png")
}
}
.unifiDeviceIcon--USXG.is-grid,
.unifiDeviceIcon--USXG.is-maximum {
background-image: url("../images/devices/usw/USXG/grid.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--USXG.is-grid,
.unifiDeviceIcon--USXG.is-maximum {
background-image: url("../images/devices/usw/USXG/grid@2x.png")
}
}
.unifiDeviceIcon--USL16P {
background-image: url("../images/devices/usw/USL16P/standard.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--USL16P {
background-image: url("../images/devices/usw/USL16P/standard@2x.png")
}
}
.unifiDeviceIcon--USL16P.is-large {
background-image: url("../images/devices/usw/USL16P/standard@2x.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--USL16P.is-large {
background-image: url("../images/devices/usw/USL16P/standard@4x.png")
}
}
.unifiDeviceIcon--USL16P.is-grid,
.unifiDeviceIcon--USL16P.is-maximum {
background-image: url("../images/devices/usw/USL16P/grid.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--USL16P.is-grid,
.unifiDeviceIcon--USL16P.is-maximum {
background-image: url("../images/devices/usw/USL16P/grid@2x.png")
}
}
.unifiDeviceIcon--USL24P {
background-image: url("../images/devices/usw/USL24P/standard.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--USL24P {
background-image: url("../images/devices/usw/USL24P/standard@2x.png")
}
}
.unifiDeviceIcon--USL24P.is-large {
background-image: url("../images/devices/usw/USL24P/standard@2x.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--USL24P.is-large {
background-image: url("../images/devices/usw/USL24P/standard@4x.png")
}
}
.unifiDeviceIcon--USL24P.is-grid,
.unifiDeviceIcon--USL24P.is-maximum {
background-image: url("../images/devices/usw/USL24P/grid.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--USL24P.is-grid,
.unifiDeviceIcon--USL24P.is-maximum {
background-image: url("../images/devices/usw/USL24P/grid@2x.png")
}
}
.unifiDeviceIcon--UAS {
background-image: url("../images/devices/uas/UAS/standard.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--UAS {
background-image: url("../images/devices/uas/UAS/standard@2x.png")
}
}
.unifiDeviceIcon--UAS.is-large {
background-image: url("../images/devices/uas/UAS/standard@2x.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--UAS.is-large {
background-image: url("../images/devices/uas/UAS/standard@4x.png")
}
}
.unifiDeviceIcon--UAS.is-grid,
.unifiDeviceIcon--UAS.is-maximum {
background-image: url("../images/devices/uas/UAS/grid.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--UAS.is-grid,
.unifiDeviceIcon--UAS.is-maximum {
background-image: url("../images/devices/uas/UAS/grid@2x.png")
}
}
.unifiDeviceIcon--UCK {
background-image: url("../images/devices/uas/UCK/standard.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--UCK {
background-image: url("../images/devices/uas/UCK/standard@2x.png")
}
}
.unifiDeviceIcon--UCK.is-large {
background-image: url("../images/devices/uas/UCK/standard@2x.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--UCK.is-large {
background-image: url("../images/devices/uas/UCK/standard@4x.png")
}
}
.unifiDeviceIcon--UCK.is-grid,
.unifiDeviceIcon--UCK.is-maximum {
background-image: url("../images/devices/uas/UCK/grid.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--UCK.is-grid,
.unifiDeviceIcon--UCK.is-maximum {
background-image: url("../images/devices/uas/UCK/grid@2x.png")
}
}
.unifiDeviceIcon--UCKG2 {
background-image: url("../images/devices/uas/UCKG2/standard.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--UCKG2 {
background-image: url("../images/devices/uas/UCKG2/standard@2x.png")
}
}
.unifiDeviceIcon--UCKG2.is-large {
background-image: url("../images/devices/uas/UCKG2/standard@2x.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--UCKG2.is-large {
background-image: url("../images/devices/uas/UCKG2/standard@4x.png")
}
}
.unifiDeviceIcon--UCKG2.is-grid,
.unifiDeviceIcon--UCKG2.is-maximum {
background-image: url("../images/devices/uas/UCKG2/grid.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--UCKG2.is-grid,
.unifiDeviceIcon--UCKG2.is-maximum {
background-image: url("../images/devices/uas/UCKG2/grid@2x.png")
}
}
.unifiDeviceIcon--UCKP {
background-image: url("../images/devices/uas/UCKP/standard.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--UCKP {
background-image: url("../images/devices/uas/UCKP/standard@2x.png")
}
}
.unifiDeviceIcon--UCKP.is-large {
background-image: url("../images/devices/uas/UCKP/standard@2x.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--UCKP.is-large {
background-image: url("../images/devices/uas/UCKP/standard@4x.png")
}
}
.unifiDeviceIcon--UCKP.is-grid,
.unifiDeviceIcon--UCKP.is-maximum {
background-image: url("../images/devices/uas/UCKP/grid.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--UCKP.is-grid,
.unifiDeviceIcon--UCKP.is-maximum {
background-image: url("../images/devices/uas/UCKP/grid@2x.png")
}
}
.unifiDeviceIcon--UMAD {
background-image: url("../images/devices/ua/UMAD/standard.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--UMAD {
background-image: url("../images/devices/ua/UMAD/standard@2x.png")
}
}
.unifiDeviceIcon--UMAD.is-large {
background-image: url("../images/devices/ua/UMAD/standard@2x.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--UMAD.is-large {
background-image: url("../images/devices/ua/UMAD/standard@4x.png")
}
}
.unifiDeviceIcon--UMAD.is-grid,
.unifiDeviceIcon--UMAD.is-maximum {
background-image: url("../images/devices/ua/UMAD/grid.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--UMAD.is-grid,
.unifiDeviceIcon--UMAD.is-maximum {
background-image: url("../images/devices/ua/UMAD/grid@2x.png")
}
}
.unifiDeviceIcon--UDM {
background-image: url("../images/devices/udm/UDM/standard.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--UDM {
background-image: url("../images/devices/udm/UDM/standard@2x.png")
}
}
.unifiDeviceIcon--UDM.is-large {
background-image: url("../images/devices/udm/UDM/standard@2x.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--UDM.is-large {
background-image: url("../images/devices/udm/UDM/standard@4x.png")
}
}
.unifiDeviceIcon--UDM.is-grid,
.unifiDeviceIcon--UDM.is-maximum {
background-image: url("../images/devices/udm/UDM/grid.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--UDM.is-grid,
.unifiDeviceIcon--UDM.is-maximum {
background-image: url("../images/devices/udm/UDM/grid@2x.png")
}
}
.unifiDeviceIcon--UDM-UAP {
background-image: url("../images/devices/udm/UDM-UAP/standard.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--UDM-UAP {
background-image: url("../images/devices/udm/UDM-UAP/standard@2x.png")
}
}
.unifiDeviceIcon--UDM-UAP.is-large {
background-image: url("../images/devices/udm/UDM-UAP/standard@2x.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--UDM-UAP.is-large {
background-image: url("../images/devices/udm/UDM-UAP/standard@4x.png")
}
}
.unifiDeviceIcon--UDM-UAP.is-grid,
.unifiDeviceIcon--UDM-UAP.is-maximum {
background-image: url("../images/devices/udm/UDM-UAP/grid.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--UDM-UAP.is-grid,
.unifiDeviceIcon--UDM-UAP.is-maximum {
background-image: url("../images/devices/udm/UDM-UAP/grid@2x.png")
}
}
.unifiDeviceIcon--UDM-USW {
background-image: url("../images/devices/udm/UDM-USW/standard.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--UDM-USW {
background-image: url("../images/devices/udm/UDM-USW/standard@2x.png")
}
}
.unifiDeviceIcon--UDM-USW.is-large {
background-image: url("../images/devices/udm/UDM-USW/standard@2x.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--UDM-USW.is-large {
background-image: url("../images/devices/udm/UDM-USW/standard@4x.png")
}
}
.unifiDeviceIcon--UDM-USW.is-grid,
.unifiDeviceIcon--UDM-USW.is-maximum {
background-image: url("../images/devices/udm/UDM-USW/grid.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--UDM-USW.is-grid,
.unifiDeviceIcon--UDM-USW.is-maximum {
background-image: url("../images/devices/udm/UDM-USW/grid@2x.png")
}
}
.unifiDeviceIcon--UDM-UGW {
background-image: url("../images/devices/udm/UDM-UGW/standard.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--UDM-UGW {
background-image: url("../images/devices/udm/UDM-UGW/standard@2x.png")
}
}
.unifiDeviceIcon--UDM-UGW.is-large {
background-image: url("../images/devices/udm/UDM-UGW/standard@2x.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--UDM-UGW.is-large {
background-image: url("../images/devices/udm/UDM-UGW/standard@4x.png")
}
}
.unifiDeviceIcon--UDM-UGW.is-grid,
.unifiDeviceIcon--UDM-UGW.is-maximum {
background-image: url("../images/devices/udm/UDM-UGW/grid.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--UDM-UGW.is-grid,
.unifiDeviceIcon--UDM-UGW.is-maximum {
background-image: url("../images/devices/udm/UDM-UGW/grid@2x.png")
}
}
.unifiDeviceIcon--UDMPRO {
background-image: url("../images/devices/udm/UDMPRO/standard.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--UDMPRO {
background-image: url("../images/devices/udm/UDMPRO/standard@2x.png")
}
}
.unifiDeviceIcon--UDMPRO.is-large {
background-image: url("../images/devices/udm/UDMPRO/standard@2x.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--UDMPRO.is-large {
background-image: url("../images/devices/udm/UDMPRO/standard@4x.png")
}
}
.unifiDeviceIcon--UDMPRO.is-grid,
.unifiDeviceIcon--UDMPRO.is-maximum {
background-image: url("../images/devices/udm/UDMPRO/grid.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--UDMPRO.is-grid,
.unifiDeviceIcon--UDMPRO.is-maximum {
background-image: url("../images/devices/udm/UDMPRO/grid@2x.png")
}
}
.unifiDeviceIcon--UDMPRO-USW {
background-image: url("../images/devices/udm/UDMPRO-USW/standard.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--UDMPRO-USW {
background-image: url("../images/devices/udm/UDMPRO-USW/standard@2x.png")
}
}
.unifiDeviceIcon--UDMPRO-USW.is-large {
background-image: url("../images/devices/udm/UDMPRO-USW/standard@2x.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--UDMPRO-USW.is-large {
background-image: url("../images/devices/udm/UDMPRO-USW/standard@4x.png")
}
}
.unifiDeviceIcon--UDMPRO-USW.is-grid,
.unifiDeviceIcon--UDMPRO-USW.is-maximum {
background-image: url("../images/devices/udm/UDMPRO-USW/grid.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--UDMPRO-USW.is-grid,
.unifiDeviceIcon--UDMPRO-USW.is-maximum {
background-image: url("../images/devices/udm/UDMPRO-USW/grid@2x.png")
}
}
.unifiDeviceIcon--UDMPRO-UGW {
background-image: url("../images/devices/udm/UDMPRO-UGW/standard.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--UDMPRO-UGW {
background-image: url("../images/devices/udm/UDMPRO-UGW/standard@2x.png")
}
}
.unifiDeviceIcon--UDMPRO-UGW.is-large {
background-image: url("../images/devices/udm/UDMPRO-UGW/standard@2x.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--UDMPRO-UGW.is-large {
background-image: url("../images/devices/udm/UDMPRO-UGW/standard@4x.png")
}
}
.unifiDeviceIcon--UDMPRO-UGW.is-grid,
.unifiDeviceIcon--UDMPRO-UGW.is-maximum {
background-image: url("../images/devices/udm/UDMPRO-UGW/grid.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiDeviceIcon--UDMPRO-UGW.is-grid,
.unifiDeviceIcon--UDMPRO-UGW.is-maximum {
background-image: url("../images/devices/udm/UDMPRO-UGW/grid@2x.png")
}
}
.unifiDeviceIconText .iconText__icon {
width: 26px;
height: 24px
}
.unifiDeviceIconText--withActions .iconText__icon {
-ms-flex-item-align: start;
align-self: flex-start
}
.unifiDeviceIconText--withActions .iconText__text>div {
margin-top: 3px
}
.unifiDeviceIconTextAligned {
margin-left: 35px
}
.unifiBatchDeviceIcon {
position: relative;
width: 25px;
height: 26px
}
.unifiBatchDeviceIcon .appCount {
position: absolute;
bottom: 0;
right: -10px;
font-size: 10px
}
.unifiBatchDeviceIcon--offsetCount .appCount {
bottom: -5px;
right: -6px
}
.is-device-icon-text-aligned {
margin-left: 35px
}
td.unifiDevicesTable__statusBall {
width: 20px;
text-align: center !important;
line-height: 1
}
.unifi-icon--default-collapse:before {
content: ""
}
.unifi-icon--default-expand:before {
content: ""
}
.unifi-icon--default-close:before {
content: ""
}
.jaze-mod-dark.unifiMapCustomControls,
.jaze-mod-dark .unifiMapCustomControls {
--unifi-map-custom-control-background-color: var(--jaze-color-DN30)
}
.jaze-mod-reset-color.unifiMapCustomControls,
.jaze-mod-reset-color .unifiMapCustomControls {
--unifi-map-custom-control-background-color: initial
}
.unifiMapContainer {
-ms-flex-item-align: stretch;
align-self: stretch
}
.unifiMap {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0
}
.unifiMapCustomControls {
color: #fff;
margin: .8571428571rem .7142857143rem;
font-family: "Inter";
-webkit-box-shadow: none;
box-shadow: none;
display: block
}
.unifiMapCustomControls__control {
position: relative;
border-style: none;
text-align: center;
text-decoration: none;
display: block;
background-color: var(--unifi-map-custom-control-background-color, #2b3038);
color: #fff;
height: 2.5714285714rem;
width: 2.5714285714rem;
line-height: 2.3571428571rem;
border-radius: .2142857143rem;
font-size: 1.5rem;
-webkit-transition-property: background-color;
-o-transition-property: background-color;
transition-property: background-color;
-webkit-transition-duration: .35s;
-o-transition-duration: .35s;
transition-duration: .35s
}
.unifiMapCustomControls__control[disabled],
.unifiMapCustomControls__control[disabled]:hover,
.unifiMapCustomControls__control[disabled]:focus,
.unifiMapCustomControls__control.is-button-disabled,
.unifiMapCustomControls__control.is-button-disabled:hover,
.unifiMapCustomControls__control.is-button-disabled:focus {
opacity: 0.3;
background-color: var(--unifi-map-custom-control-background-color, #2b3038);
cursor: not-allowed
}
.unifiMapCustomControls__control:hover {
color: white;
text-decoration: none;
background-color: var(--jaze-color-text-link)
}
.unifiMapCustomControls__control:hover .appGlobalSideNavTooltip {
display: block
}
.unifiMapCustomControls__control--small {
font-size: 1.1428571429rem;
line-height: 2.3571428571rem
}
.unifiMapCustomControls__control--selected {
background-color: var(--jaze-color-text-link)
}
.unifiMapCustomControls__icon {
display: inline-block;
vertical-align: text-bottom
}
.unifiMapCustomControls__count {
font-size: 0.8rem;
position: absolute;
top: -5px;
right: -6px
}
.unifiMapCustomControls__groupedItem {
border-radius: 0
}
.unifiMapCustomControls__groupedItem:not(:first-child):not(:last-child) {
border-bottom: 1px dotted #969ba3
}
.unifiMapCustomControls__groupedItem:first-child {
border-top-left-radius: 3px;
border-top-right-radius: 3px;
border-bottom: none
}
.unifiMapCustomControls__groupedItem:last-child {
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
border-top: none
}
.unifiMapCustomControls__popover {
max-height: calc(100vh - 360px);
max-width: calc(100vw - 120px);
overflow: hidden
}
.unifiMapCustomControls__popover--unplacedDevices {
height: 500px;
width: 450px
}
.unifiMapCustomControls__popover--wallPicker {
width: 360px
}
.unifiMapActionBarIconInput__receiverSensitivity {
padding-right: 35px
}
.unifiMapSearch {
--icon-input-background-horizontal-offset: 12px;
-webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);
box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);
margin: .8571428571rem .7142857143rem .8571428571rem 0
}
input[type="text"].unifiMapSearch__searchBox {
--icon-input-padding-size: 36px;
background: #fff;
border: none
}
.unifiAutoChannelsModal form,
.unifiAutoChannelsModal button {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.unifiAutoChannelsModal .autoChannelsModalContent>* {
height: auto
}
.unifiAutoChannelsModal .autoChannelsModalContent>*:not(form) {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.unifiAutoChannelsModal .autoChannelsModalContent>*.statusContainer {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.unifiAutoChannelsModal .autoChannelsModalContent>*.statusContainer h3 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.unifiAutoChannelsModal .autoChannelsModalContent>*.statusContainer h3>span:last-of-type {
margin-left: 1em
}
unifi-map-auto-channels .appPopoverContainer {
margin-right: .5em
}
unifi-map-auto-channels .appPopoverContainer .appCountLabelContainer {
font-size: .8em
}
unifi-map-auto-channels .appPopoverContainer .appCountLabelContainer .appCountLabel {
text-align: left;
font-size: .8em
}
unifi-map-auto-channels .appPopoverContainer .appPopover {
width: 200px
}
unifi-map-auto-channels .appPopoverContainer .appPopover .iconText__text {
margin: auto
}
unifi-map-auto-channels .appPopoverContainer .appPopover .iconText__text>div {
margin-top: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.unifiMapEdit {
height: 480px
}
.unifiMapEdit__container {
height: 100%;
position: relative
}
.unifiMapEdit__container--flex {
display: -webkit-box;
display: -moz-flex;
display: -ms-flex;
display: -ms-flexbox;
display: flex;
-ms-align-items: center;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
-ms-justify-content: center;
-webkit-box-pack: center;
justify-content: center;
-ms-flex-pack: center
}
.unifiMapEdit__preview {
display: inherit;
height: 100%;
margin: auto
}
.unifiMapEdit__hint {
background-color: rgba(255, 255, 255, 0.9);
border: 1px solid rgba(215, 215, 215, 0.9);
position: absolute;
left: 0;
top: 5px;
margin: auto;
padding: 8px;
right: 0;
text-align: center;
width: 50%;
border-radius: 3px
}
.unifiMapEditButtonGroup {
margin-bottom: 0;
padding-left: 0;
padding-right: 0
}
.unifiMapEditInput__name {
min-width: 335px
}
.unifiMapEditIcon__geolocation {
font-size: 50px
}
.unifiMapConfigureList {
min-height: 100px;
max-height: calc(100vh - 170px);
overflow: auto;
border-top: 1px solid #272b30;
border-bottom: 1px solid #272b30;
border-bottom: none
}
.unifiMapConfigureList::-webkit-scrollbar {
width: 12px;
height: 12px
}
.unifiMapConfigureList::-webkit-scrollbar-thumb {
background-color: var(--jaze-color-scrollbar-thumb, #333543);
border: 4px solid transparent;
background-clip: content-box;
border-radius: 10px
}
.unifiMapConfigureList::-webkit-scrollbar-track {
background-color: transparent
}
.unifiMapConfigureList::-webkit-scrollbar-corner {
background-color: #1c1e2d
}
.unifiMapUnplacedDevicesItem__deviceIcon {
display: -webkit-box;
display: -moz-flex;
display: -ms-flex;
display: -ms-flexbox;
display: flex;
-ms-align-items: center;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
-ms-justify-content: center;
-webkit-box-pack: center;
justify-content: center;
-ms-flex-pack: center;
margin-right: 10px
}
.unifiMapUnplacedDevicesItem__label {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
min-width: 0
}
.unifiDeviceMarker__icon {
height: 40px;
width: 40px
}
.unifiDeviceMarker__icon.unifiDeviceIcon {
height: 40px;
width: 40px
}
.unifiDeviceMarker__locating:before {
border-radius: 50%;
position: absolute;
content: '';
height: calc(100% + 16px);
width: calc(100% + 16px);
border: 2px dashed red;
top: -8px;
left: -8px;
-webkit-animation: spin 7s linear infinite;
animation: spin 7s linear infinite
}
.is-chrome .unifiSvgMap .unifiDeviceMarker__locating:before {
-webkit-animation: none;
animation: none
}
@-webkit-keyframes spin {
100% {
-webkit-transform: rotateZ(360deg);
transform: rotateZ(360deg)
}
}
@keyframes spin {
100% {
-webkit-transform: rotateZ(360deg);
transform: rotateZ(360deg)
}
}
.unifiDeviceMarker__antennaIcon {
position: absolute;
left: 0;
margin-top: -100%;
z-index: -2
}
.unifiDeviceMarker--small .unifiDeviceMarker__icon {
height: 28px;
width: 28px;
margin: 6px
}
.unifiDeviceMarker--small .unifiDeviceMarker__antennaIcon {
margin-top: -56%;
z-index: -2
}
.unifiDeviceMarker--small .unifiDeviceMarker {
margin-left: 130px;
margin-top: 130px
}
.unifiDeviceMarker .unifiDeviceMarkerLabel,
.unifiDeviceMarker .unifiDeviceMarkerAutoChannel {
position: absolute;
left: 50%;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0)
}
.unifiDeviceMarker .unifiDeviceMarkerLabel {
top: 100%
}
.unifiDeviceMarker .unifiDeviceMarkerAutoChannel {
top: 110%
}
.unifiDeviceMarker .unifiDeviceBadgeIcon {
font-size: 20px;
margin-right: -10px;
margin-top: -10px
}
.unifiDeviceMarkerContainer {
overflow: visible
}
.unifiDeviceMarkerContainer .unifiDeviceMarker {
margin-left: 130px;
margin-top: 130px
}
.unifiDeviceMarker__status {
color: white;
border: 1px solid white;
font-size: 16px;
line-height: 18px;
position: absolute;
top: -10px;
left: -10px;
height: 20px;
width: 20px;
border-radius: 10px
}
.unifiDeviceMarker__status-static {
background-color: #ccc
}
.unifiDeviceMarker__status-warning {
background-color: #f5a623
}
.unifiDeviceMarker__status-danger {
background-color: #f03a3e
}
.unifiDeviceMarker__status--virtual {
font-size: 10px
}
.unifiDeviceMarkerToolbar {
font-size: 16px;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: -1;
opacity: 1;
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1)
}
.unifiDeviceMarkerToolbar.ng-hide {
opacity: 0;
-webkit-transform: scale(0.3);
-ms-transform: scale(0.3);
transform: scale(0.3)
}
.unifiDeviceMarkerToolbar.ng-hide-add.ng-hide-add-active,
.unifiDeviceMarkerToolbar.ng-hide-remove.ng-hide-remove-active {
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease
}
.is-chrome .unifiSvgMap .unifiDeviceMarkerToolbar.ng-hide-add.ng-hide-add-active,
.is-chrome .unifiSvgMap .unifiDeviceMarkerToolbar.ng-hide-remove.ng-hide-remove-active {
-webkit-transition: none;
-o-transition: none;
transition: none
}
.unifiDeviceMarkerToolbar__button {
position: absolute;
color: white;
background: rgba(50, 51, 51, 0.8);
border-radius: 33px;
width: 35px;
height: 35px;
padding: 9px 8px;
text-align: center;
border: none;
pointer-events: all
}
.unifiDeviceMarkerToolbar__button:nth-of-type(1) {
top: 49.9999999985%;
left: 199.999999989%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
.unifiDeviceMarkerToolbar__button:nth-of-type(2) {
top: -56.066017178%;
left: 156.066017178%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
.unifiDeviceMarkerToolbar__button:nth-of-type(3) {
top: -100%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
.unifiDeviceMarkerToolbar__button:nth-of-type(4) {
top: -56.066017178%;
left: -56.066017178%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
.unifiDeviceMarkerToolbar__button:disabled {
background: rgba(50, 51, 51, 0.4)
}
.unifiDeviceMarkerLocate .unifiDeviceMarker__icon {
-webkit-animation: locatingDeviceAnimation 1.1s ease infinite;
animation: locatingDeviceAnimation 1.1s ease infinite
}
.is-chrome .unifiSvgMap .unifiDeviceMarker__icon {
-webkit-animation: none;
animation: none
}
@-webkit-keyframes locatingDeviceAnimation {
0% {
opacity: 1.0;
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1)
}
50% {
opacity: 0.3;
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1)
}
100% {
opacity: 1.0;
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1)
}
}
@keyframes locatingDeviceAnimation {
0% {
opacity: 1.0;
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1)
}
50% {
opacity: 0.3;
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1)
}
100% {
opacity: 1.0;
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1)
}
}
.unifiMapDraggableOverlay {
position: absolute;
cursor: pointer;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
.unifiMapDraggableOverlay__dragged {
cursor: move
}
.unifiStoreCheckoutList {
padding: 16px 24px;
line-height: 1.25em;
color: var(--jaze-color-text-primary)
}
.unifiStoreCheckoutList__lineItems {
max-height: calc(100vh - 140px)
}
.unifiStoreCheckoutList__lineItems thead {
line-height: 2em
}
td.unifiStoreCheckoutList__picture {
height: 40px;
width: 40px;
text-align: center;
vertical-align: middle
}
td.unifiStoreCheckoutList__picture img {
max-height: 32px;
max-width: 32px
}
td.unifiStoreCheckoutList__price .unifiStoreCheckoutList__priceInfo {
font-size: 0.8em;
color: var(--jaze-color-text-secondary)
}
td.unifiStoreCheckoutList__linePrice .unifiStoreCheckoutList__linePrice--info {
font-size: 0.8em;
color: var(--jaze-color-text-secondary)
}
.unifiStoreCheckoutList__summary {
margin: 0;
font-size: 1.5em
}
.unifiStoreCheckoutList__summary dt {
display: inline-block
}
.unifiStoreCheckoutList__summary dd {
display: inline-block;
margin-left: 0.5em;
font-weight: bold
}
.unifiStoreVariantsList__header {
margin-top: 24px
}
.unifiStoreVariantsList__price {
-webkit-box-flex: 1 auto;
-ms-flex: 1 auto;
flex: 1 auto;
display: -webkit-box;
display: -moz-flex;
display: -ms-flex;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-ms-justify-content: center;
-webkit-box-pack: center;
justify-content: center;
-ms-flex-pack: center;
-ms-align-items: flex-end;
-ms-flex-align: flex-end;
-webkit-box-align: end;
align-items: flex-end;
padding: 0 6px
}
.unifiStoreVariantsList__price .unifiStoreVariantsList__priceInfo {
margin-top: 3px;
font-size: 0.6em;
color: var(--jaze-color-text-primary)
}
.unifiStoreVariantsList__price .unifiStoreVariantsList__priceInfo--msg {
text-transform: uppercase
}
.unifiStoreVariantsList__buyButton {
-webkit-box-flex: 1 auto;
-ms-flex: 1 auto;
flex: 1 auto;
display: -webkit-box;
display: -moz-flex;
display: -ms-flex;
display: -ms-flexbox;
display: flex;
-ms-justify-content: flex-start;
-webkit-box-pack: start;
justify-content: flex-start;
-ms-flex-pack: flex-start;
-ms-align-items: center;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
padding: 0 6px
}
.unifiStoreVariantsList__buyButton .unifiStoreVariantsList__buyButtonPlusMinus {
width: 18px;
padding: 0px;
font-size: 7px
}
.unifiStoreVariantsList__buyButton .unifiStoreVariantsList__buyButtonQuantity {
height: 23px;
min-width: 26px;
padding: 4px 2px
}
.unifiStoreVariantsList__buyButton .unifiStoreVariantsList__buyButtonCartOnly {
min-width: 62px
}
.unifiViewSidePanelActionBar {
z-index: 45
}
.unifiViewSidePanelActionBar .appCountLabelContainer {
font-size: .8em
}
.unifiViewSidePanelActionBar .appCountLabelContainer--doubleLine .appCount {
font-size: 1.1em;
padding: 0 .4ex
}
.unifiViewSidePanelActionBar .appCountLabelContainer--doubleLine .appCountLabel {
font-size: .8em;
line-height: 1.1em;
padding: 0 8px
}
.is-msie .unifiViewSidePanelActionBar {
height: 28px
}
.unifiViewSidePanelActionBarPendingChanges {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
@media only screen and (max-width: 480px) {
.unifiViewSidePanelActionBar .appCountLabelContainer .appCountLabel:not(.appActionIcon) {
display: none
}
.unifiViewSidePanelActionBarPendingChanges {
-webkit-box-align: end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
margin-right: 10px
}
.unifiViewSidePanelActionBarPendingChanges .appPopover {
width: 180px
}
}
.unifiViewSidePanelStickyTitle {
position: absolute;
top: 50px;
z-index: 42;
width: 100%;
padding: 5px 15px;
background-color: #f6f6f6;
border-bottom: 1px solid #ccc;
border-left: 1px solid #ccc
}
.jaze-mod-dark {
--unifi-charts-primary-stroke-color: var(--jaze-color-DN40)
}
.jaze-mod-dark.unifiSunburstChart,
.jaze-mod-dark .unifiSunburstChart {
--unifi-sunburst-chart-background-color: var(--jaze-color-DN50);
--unifi-sunburst-chart-arc-color: var(--jaze-color-DN40)
}
.jaze-mod-dark.unifiStackedBarChart,
.jaze-mod-dark .unifiStackedBarChart {
--unifi-stacked-bar-chart-bar-background-color: var(--jaze-color-DN50)
}
.jaze-mod-dark.unifiDonutChart,
.jaze-mod-dark .unifiDonutChart {
--unifi-donut-chart-label-main: var(--jaze-color-N0);
--unifi-donut-chart-label-secondary: var(--jaze-color-N0);
--unifi-donut-chart-external-ring-color: var(--jaze-color-DN40);
--unifi-donut-chart-background-ring-color: var(--jaze-color-DN40)
}
.jaze-mod-reset-color {
--unifi-charts-primary-stroke-color: initial
}
.jaze-mod-reset-color.unifiSunburstChart,
.jaze-mod-reset-color .unifiSunburstChart {
--unifi-sunburst-chart-background-color: initial;
--unifi-sunburst-chart-arc-color: initial
}
.jaze-mod-reset-color.unifiStackedBarChart,
.jaze-mod-reset-color .unifiStackedBarChart {
--unifi-stacked-bar-chart-bar-background-color: initial
}
.jaze-mod-reset-color.unifiDonutChart,
.jaze-mod-reset-color .unifiDonutChart {
--unifi-donut-chart-label-main: initial;
--unifi-donut-chart-label-secondary: initial;
--unifi-donut-chart-external-ring-color: initial;
--unifi-donut-chart-background-ring-color: initial
}
.unifiBarChart {
height: 20px;
min-width: 50px;
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.unifiBarChart--justify {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.unifiBarChartSegment0 {
background-color: #39cc64
}
.unifiBarChartSegment1 {
background-color: #bfe041
}
.unifiBarChartSegment2 {
background-color: #ffdb1a
}
.unifiBarChartSegment3 {
background-color: #f5a623
}
.unifiBarChartSegment4 {
background-color: #f03a3e
}
.unifiBarChartSegment5 {
background-color: #a252e3
}
.unifiBarChartSegment6 {
background-color: #6b34e0
}
.unifiBarChartSegment7 {
background-color: #003c9e
}
.unifiBarChartSegment8 {
background-color: var(--color-500)
}
.unifiBarChartSegment9 {
background-color: var(--color-400)
}
.unifiBarChartSegment10 {
background-color: #39cc64
}
.unifiBarChartSegment11 {
background-color: #bfe041
}
.unifiBarChartSegment12 {
background-color: #ffdb1a
}
.unifiBarChartSegment13 {
background-color: #f5a623
}
.unifiBarChartSegment14 {
background-color: #f03a3e
}
.unifiBarChartSegment15 {
background-color: #a252e3
}
.unifiBarChartSegment16 {
background-color: #6b34e0
}
.unifiBarChartSegment17 {
background-color: #003c9e
}
.unifiBarChartSegment18 {
background-color: var(--color-500)
}
.unifiBarChartSegment19 {
background-color: var(--color-400)
}
.unifiBarChartSegment20 {
background-color: #39cc64
}
.unifiBarChartSegment21 {
background-color: #bfe041
}
.unifiBarChartSegment22 {
background-color: #ffdb1a
}
.unifiBarChartSegment23 {
background-color: #f5a623
}
.unifiBarChartSegment24 {
background-color: #f03a3e
}
.unifiBarChartSegment25 {
background-color: #a252e3
}
.unifiBarChartSegment26 {
background-color: #6b34e0
}
.unifiBarChartSegment27 {
background-color: #003c9e
}
.unifiBarChartSegment28 {
background-color: var(--color-500)
}
.unifiBarChartSegment29 {
background-color: var(--color-400)
}
.unifiBarChartSegment30 {
background-color: #39cc64
}
.unifiBarChartSegment31 {
background-color: #bfe041
}
.unifiBarChartSegment32 {
background-color: #ffdb1a
}
.unifiBarChartSegment33 {
background-color: #f5a623
}
.unifiBarChartSegment34 {
background-color: #f03a3e
}
.unifiBarChartSegment35 {
background-color: #a252e3
}
.unifiBarChartSegment36 {
background-color: #6b34e0
}
.unifiBarChartSegment37 {
background-color: #003c9e
}
.unifiBarChartSegment38 {
background-color: var(--color-500)
}
.unifiBarChartSegment39 {
background-color: var(--color-400)
}
.unifiCdfChart {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-box;
display: -moz-flex;
display: -ms-flex;
display: -ms-flexbox;
display: flex
}
.unifiCdfChart svg {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1
}
.unifiCdfChart__rect {
shape-rendering: optimizeSpeed
}
.unifiCdfChart__axis path,
.unifiCdfChart__axis line {
fill: none;
shape-rendering: crispEdges;
stroke: var(--unifi-charts-primary-stroke-color, lightgrey);
opacity: 0.7
}
.unifiCdfChart__axis text {
font-family: sans-serif;
font-size: 11px;
fill: var(--jaze-color-text-primary, #a1a2a3)
}
.unifiCdfChart__xAxis text {
text-anchor: start
}
.unifiCdfChart__xAxisLabel {
font-size: 11px;
text-anchor: left;
fill: #616777;
dominant-baseline: text-before-edge
}
.unifiCdfChart__yAxisLabel {
font-size: 11px;
text-anchor: middle;
fill: #616777;
dominant-baseline: text-before-edge
}
.unifiCdfChart__textLabel {
font-size: 12px;
fill: #616777;
dominant-baseline: text-before-edge
}
.unifiCdfChart__gridLine {
fill: none;
shape-rendering: crispEdges;
stroke: var(--unifi-charts-primary-stroke-color, lightgrey);
stroke-dasharray: 2;
opacity: 0.7
}
.unifiCdfChart__horizontalGridLine:first-child {
opacity: 0
}
.unifiCdfChart__verticalGridLine:last-child {
opacity: 0
}
.unifiChartLegend {
-webkit-column-count: 1;
-ms-column-count: 1;
-o-column-count: 1;
column-count: 1;
min-width: 170px
}
.unifiChartLegendEntry {
-webkit-column-break-inside: avoid;
break-inside: avoid;
font-size: 11px;
line-height: normal
}
.unifiChartLegendEntry.is-row-muted {
opacity: .4
}
.unifiChartLegendEntry.is-row-muted:hover {
color: var(--jaze-color-text-secondary)
}
.unifiChartLegendEntry__iconContainer {
--table-body-cell-horizontal-rhythm-multiplier: 0;
--table-body-cell-vertical-rhythm-multiplier: 0;
width: 15px;
color: var(--jaze-color-text-secondary)
}
.unifiChartLegendEntry__icon,
.col.unifiChartLegendEntry__icon {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 15px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 15px
}
.unifiChartLegendEntry__label {
white-space: nowrap;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis
}
.unifiChartLegendEntry__value,
.col.unifiChartLegendEntry__value {
white-space: nowrap;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
text-align: right !important;
width: 68px
}
.unifiChartLegend--invertedIcons .unifiChartLegendEntry__icon {
color: rgba(255, 255, 255, 0.9) !important;
font-size: 11px
}
.unifiChartLegend--invertedIcons .unifiChartLegendEntry__item0 .unifiChartLegendEntry__icon {
background-color: #39cc64
}
.unifiChartLegend--invertedIcons .unifiChartLegendEntry__item1 .unifiChartLegendEntry__icon {
background-color: #bfe041
}
.unifiChartLegend--invertedIcons .unifiChartLegendEntry__item2 .unifiChartLegendEntry__icon {
background-color: #ffdb1a
}
.unifiChartLegend--invertedIcons .unifiChartLegendEntry__item3 .unifiChartLegendEntry__icon {
background-color: #f5a623
}
.unifiChartLegend--invertedIcons .unifiChartLegendEntry__item4 .unifiChartLegendEntry__icon {
background-color: #f03a3e
}
.unifiChartLegend--invertedIcons .unifiChartLegendEntry__item5 .unifiChartLegendEntry__icon {
background-color: #a252e3
}
.unifiChartLegend--invertedIcons .unifiChartLegendEntry__item6 .unifiChartLegendEntry__icon {
background-color: #6b34e0
}
.unifiChartLegend--invertedIcons .unifiChartLegendEntry__item7 .unifiChartLegendEntry__icon {
background-color: #003c9e
}
.unifiChartLegend--invertedIcons .unifiChartLegendEntry__item8 .unifiChartLegendEntry__icon {
background-color: var(--color-500)
}
.unifiChartLegend--invertedIcons .unifiChartLegendEntry__item9 .unifiChartLegendEntry__icon {
background-color: var(--color-400)
}
.unifiChartLegend--invertedIcons .unifiChartLegendEntry__item10 .unifiChartLegendEntry__icon {
background-color: #39cc64
}
.unifiChartLegend--invertedIcons .unifiChartLegendEntry__item11 .unifiChartLegendEntry__icon {
background-color: #bfe041
}
.unifiChartLegend--invertedIcons .unifiChartLegendEntry__item12 .unifiChartLegendEntry__icon {
background-color: #ffdb1a
}
.unifiChartLegend--invertedIcons .unifiChartLegendEntry__item13 .unifiChartLegendEntry__icon {
background-color: #f5a623
}
.unifiChartLegend--invertedIcons .unifiChartLegendEntry__item14 .unifiChartLegendEntry__icon {
background-color: #f03a3e
}
.unifiChartLegend--invertedIcons .unifiChartLegendEntry__item15 .unifiChartLegendEntry__icon {
background-color: #a252e3
}
.unifiChartLegend--invertedIcons .unifiChartLegendEntry__item16 .unifiChartLegendEntry__icon {
background-color: #6b34e0
}
.unifiChartLegend--invertedIcons .unifiChartLegendEntry__item17 .unifiChartLegendEntry__icon {
background-color: #003c9e
}
.unifiChartLegend--invertedIcons .unifiChartLegendEntry__item18 .unifiChartLegendEntry__icon {
background-color: var(--color-500)
}
.unifiChartLegend--invertedIcons .unifiChartLegendEntry__item19 .unifiChartLegendEntry__icon {
background-color: var(--color-400)
}
.unifiChartLegend--invertedIcons .unifiChartLegendEntry__item20 .unifiChartLegendEntry__icon {
background-color: #39cc64
}
.unifiChartLegend--invertedIcons .unifiChartLegendEntry__item21 .unifiChartLegendEntry__icon {
background-color: #bfe041
}
.unifiChartLegend--invertedIcons .unifiChartLegendEntry__item22 .unifiChartLegendEntry__icon {
background-color: #ffdb1a
}
.unifiChartLegend--invertedIcons .unifiChartLegendEntry__item23 .unifiChartLegendEntry__icon {
background-color: #f5a623
}
.unifiChartLegend--invertedIcons .unifiChartLegendEntry__item24 .unifiChartLegendEntry__icon {
background-color: #f03a3e
}
.unifiChartLegend--invertedIcons .unifiChartLegendEntry__item25 .unifiChartLegendEntry__icon {
background-color: #a252e3
}
.unifiChartLegend--invertedIcons .unifiChartLegendEntry__item26 .unifiChartLegendEntry__icon {
background-color: #6b34e0
}
.unifiChartLegend--invertedIcons .unifiChartLegendEntry__item27 .unifiChartLegendEntry__icon {
background-color: #003c9e
}
.unifiChartLegend--invertedIcons .unifiChartLegendEntry__item28 .unifiChartLegendEntry__icon {
background-color: var(--color-500)
}
.unifiChartLegend--invertedIcons .unifiChartLegendEntry__item29 .unifiChartLegendEntry__icon {
background-color: var(--color-400)
}
.unifiChartLegend--invertedIcons .unifiChartLegendEntry__item30 .unifiChartLegendEntry__icon {
background-color: #39cc64
}
.unifiChartLegend--invertedIcons .unifiChartLegendEntry__item31 .unifiChartLegendEntry__icon {
background-color: #bfe041
}
.unifiChartLegend--invertedIcons .unifiChartLegendEntry__item32 .unifiChartLegendEntry__icon {
background-color: #ffdb1a
}
.unifiChartLegend--invertedIcons .unifiChartLegendEntry__item33 .unifiChartLegendEntry__icon {
background-color: #f5a623
}
.unifiChartLegend--invertedIcons .unifiChartLegendEntry__item34 .unifiChartLegendEntry__icon {
background-color: #f03a3e
}
.unifiChartLegend--invertedIcons .unifiChartLegendEntry__item35 .unifiChartLegendEntry__icon {
background-color: #a252e3
}
.unifiChartLegend--invertedIcons .unifiChartLegendEntry__item36 .unifiChartLegendEntry__icon {
background-color: #6b34e0
}
.unifiChartLegend--invertedIcons .unifiChartLegendEntry__item37 .unifiChartLegendEntry__icon {
background-color: #003c9e
}
.unifiChartLegend--invertedIcons .unifiChartLegendEntry__item38 .unifiChartLegendEntry__icon {
background-color: var(--color-500)
}
.unifiChartLegend--invertedIcons .unifiChartLegendEntry__item39 .unifiChartLegendEntry__icon {
background-color: var(--color-400)
}
.unifiChartLegend--invertedIcons .unifiChartLegendEntry__item0 .jazeStatusBox {
--status-box-color: #39cc64
}
.unifiChartLegend--invertedIcons .unifiChartLegendEntry__item1 .jazeStatusBox {
--status-box-color: #bfe041
}
.unifiChartLegend--invertedIcons .unifiChartLegendEntry__item2 .jazeStatusBox {
--status-box-color: #ffdb1a
}
.unifiChartLegend--invertedIcons .unifiChartLegendEntry__item3 .jazeStatusBox {
--status-box-color: #f5a623
}
.unifiChartLegend--invertedIcons .unifiChartLegendEntry__item4 .jazeStatusBox {
--status-box-color: #f03a3e
}
.unifiChartLegend--invertedIcons .unifiChartLegendEntry__item5 .jazeStatusBox {
--status-box-color: #a252e3
}
.unifiChartLegend--invertedIcons .unifiChartLegendEntry__item6 .jazeStatusBox {
--status-box-color: #6b34e0
}
.unifiChartLegend--invertedIcons .unifiChartLegendEntry__item7 .jazeStatusBox {
--status-box-color: #003c9e
}
.unifiChartLegend--invertedIcons .unifiChartLegendEntry__item8 .jazeStatusBox {
--status-box-color: var(--color-500)
}
.unifiChartLegend--invertedIcons .unifiChartLegendEntry__item9 .jazeStatusBox {
--status-box-color: var(--color-400)
}
.unifiChartLegend--invertedIcons .unifiChartLegendEntry__item10 .jazeStatusBox {
--status-box-color: #39cc64
}
.unifiChartLegend--invertedIcons .unifiChartLegendEntry__item11 .jazeStatusBox {
--status-box-color: #bfe041
}
.unifiChartLegend--invertedIcons .unifiChartLegendEntry__item12 .jazeStatusBox {
--status-box-color: #ffdb1a
}
.unifiChartLegend--invertedIcons .unifiChartLegendEntry__item13 .jazeStatusBox {
--status-box-color: #f5a623
}
.unifiChartLegend--invertedIcons .unifiChartLegendEntry__item14 .jazeStatusBox {
--status-box-color: #f03a3e
}
.unifiChartLegend--invertedIcons .unifiChartLegendEntry__item15 .jazeStatusBox {
--status-box-color: #a252e3
}
.unifiChartLegend--invertedIcons .unifiChartLegendEntry__item16 .jazeStatusBox {
--status-box-color: #6b34e0
}
.unifiChartLegend--invertedIcons .unifiChartLegendEntry__item17 .jazeStatusBox {
--status-box-color: #003c9e
}
.unifiChartLegend--invertedIcons .unifiChartLegendEntry__item18 .jazeStatusBox {
--status-box-color: var(--color-500)
}
.unifiChartLegend--invertedIcons .unifiChartLegendEntry__item19 .jazeStatusBox {
--status-box-color: var(--color-400)
}
.unifiChartLegend--invertedIcons .unifiChartLegendEntry__item20 .jazeStatusBox {
--status-box-color: #39cc64
}
.unifiChartLegend--invertedIcons .unifiChartLegendEntry__item21 .jazeStatusBox {
--status-box-color: #bfe041
}
.unifiChartLegend--invertedIcons .unifiChartLegendEntry__item22 .jazeStatusBox {
--status-box-color: #ffdb1a
}
.unifiChartLegend--invertedIcons .unifiChartLegendEntry__item23 .jazeStatusBox {
--status-box-color: #f5a623
}
.unifiChartLegend--invertedIcons .unifiChartLegendEntry__item24 .jazeStatusBox {
--status-box-color: #f03a3e
}
.unifiChartLegend--invertedIcons .unifiChartLegendEntry__item25 .jazeStatusBox {
--status-box-color: #a252e3
}
.unifiChartLegend--invertedIcons .unifiChartLegendEntry__item26 .jazeStatusBox {
--status-box-color: #6b34e0
}
.unifiChartLegend--invertedIcons .unifiChartLegendEntry__item27 .jazeStatusBox {
--status-box-color: #003c9e
}
.unifiChartLegend--invertedIcons .unifiChartLegendEntry__item28 .jazeStatusBox {
--status-box-color: var(--color-500)
}
.unifiChartLegend--invertedIcons .unifiChartLegendEntry__item29 .jazeStatusBox {
--status-box-color: var(--color-400)
}
.unifiChartLegend--invertedIcons .unifiChartLegendEntry__item30 .jazeStatusBox {
--status-box-color: #39cc64
}
.unifiChartLegend--invertedIcons .unifiChartLegendEntry__item31 .jazeStatusBox {
--status-box-color: #bfe041
}
.unifiChartLegend--invertedIcons .unifiChartLegendEntry__item32 .jazeStatusBox {
--status-box-color: #ffdb1a
}
.unifiChartLegend--invertedIcons .unifiChartLegendEntry__item33 .jazeStatusBox {
--status-box-color: #f5a623
}
.unifiChartLegend--invertedIcons .unifiChartLegendEntry__item34 .jazeStatusBox {
--status-box-color: #f03a3e
}
.unifiChartLegend--invertedIcons .unifiChartLegendEntry__item35 .jazeStatusBox {
--status-box-color: #a252e3
}
.unifiChartLegend--invertedIcons .unifiChartLegendEntry__item36 .jazeStatusBox {
--status-box-color: #6b34e0
}
.unifiChartLegend--invertedIcons .unifiChartLegendEntry__item37 .jazeStatusBox {
--status-box-color: #003c9e
}
.unifiChartLegend--invertedIcons .unifiChartLegendEntry__item38 .jazeStatusBox {
--status-box-color: var(--color-500)
}
.unifiChartLegend--invertedIcons .unifiChartLegendEntry__item39 .jazeStatusBox {
--status-box-color: var(--color-400)
}
.unifiChartLegendEntry__item0 .unifiChartLegendEntry__icon {
color: #39cc64
}
.unifiChartLegendEntry__item1 .unifiChartLegendEntry__icon {
color: #bfe041
}
.unifiChartLegendEntry__item2 .unifiChartLegendEntry__icon {
color: #ffdb1a
}
.unifiChartLegendEntry__item3 .unifiChartLegendEntry__icon {
color: #f5a623
}
.unifiChartLegendEntry__item4 .unifiChartLegendEntry__icon {
color: #f03a3e
}
.unifiChartLegendEntry__item5 .unifiChartLegendEntry__icon {
color: #a252e3
}
.unifiChartLegendEntry__item6 .unifiChartLegendEntry__icon {
color: #6b34e0
}
.unifiChartLegendEntry__item7 .unifiChartLegendEntry__icon {
color: #003c9e
}
.unifiChartLegendEntry__item8 .unifiChartLegendEntry__icon {
color: var(--color-500)
}
.unifiChartLegendEntry__item9 .unifiChartLegendEntry__icon {
color: var(--color-400)
}
.unifiChartLegendEntry__item10 .unifiChartLegendEntry__icon {
color: #39cc64
}
.unifiChartLegendEntry__item11 .unifiChartLegendEntry__icon {
color: #bfe041
}
.unifiChartLegendEntry__item12 .unifiChartLegendEntry__icon {
color: #ffdb1a
}
.unifiChartLegendEntry__item13 .unifiChartLegendEntry__icon {
color: #f5a623
}
.unifiChartLegendEntry__item14 .unifiChartLegendEntry__icon {
color: #f03a3e
}
.unifiChartLegendEntry__item15 .unifiChartLegendEntry__icon {
color: #a252e3
}
.unifiChartLegendEntry__item16 .unifiChartLegendEntry__icon {
color: #6b34e0
}
.unifiChartLegendEntry__item17 .unifiChartLegendEntry__icon {
color: #003c9e
}
.unifiChartLegendEntry__item18 .unifiChartLegendEntry__icon {
color: var(--color-500)
}
.unifiChartLegendEntry__item19 .unifiChartLegendEntry__icon {
color: var(--color-400)
}
.unifiChartLegendEntry__item20 .unifiChartLegendEntry__icon {
color: #39cc64
}
.unifiChartLegendEntry__item21 .unifiChartLegendEntry__icon {
color: #bfe041
}
.unifiChartLegendEntry__item22 .unifiChartLegendEntry__icon {
color: #ffdb1a
}
.unifiChartLegendEntry__item23 .unifiChartLegendEntry__icon {
color: #f5a623
}
.unifiChartLegendEntry__item24 .unifiChartLegendEntry__icon {
color: #f03a3e
}
.unifiChartLegendEntry__item25 .unifiChartLegendEntry__icon {
color: #a252e3
}
.unifiChartLegendEntry__item26 .unifiChartLegendEntry__icon {
color: #6b34e0
}
.unifiChartLegendEntry__item27 .unifiChartLegendEntry__icon {
color: #003c9e
}
.unifiChartLegendEntry__item28 .unifiChartLegendEntry__icon {
color: var(--color-500)
}
.unifiChartLegendEntry__item29 .unifiChartLegendEntry__icon {
color: var(--color-400)
}
.unifiChartLegendEntry__item30 .unifiChartLegendEntry__icon {
color: #39cc64
}
.unifiChartLegendEntry__item31 .unifiChartLegendEntry__icon {
color: #bfe041
}
.unifiChartLegendEntry__item32 .unifiChartLegendEntry__icon {
color: #ffdb1a
}
.unifiChartLegendEntry__item33 .unifiChartLegendEntry__icon {
color: #f5a623
}
.unifiChartLegendEntry__item34 .unifiChartLegendEntry__icon {
color: #f03a3e
}
.unifiChartLegendEntry__item35 .unifiChartLegendEntry__icon {
color: #a252e3
}
.unifiChartLegendEntry__item36 .unifiChartLegendEntry__icon {
color: #6b34e0
}
.unifiChartLegendEntry__item37 .unifiChartLegendEntry__icon {
color: #003c9e
}
.unifiChartLegendEntry__item38 .unifiChartLegendEntry__icon {
color: var(--color-500)
}
.unifiChartLegendEntry__item39 .unifiChartLegendEntry__icon {
color: var(--color-400)
}
.unifiColumnChartInstance {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-flow: space-around;
flex-flow: space-around;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end
}
.unifiColumnChart__column {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
height: 100%;
min-width: 21px
}
.unifiColumnChart__column--inner {
height: 100%;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-flow: space-around;
flex-flow: space-around
}
.unifiColumnChartSegment {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-flow: space-around;
flex-flow: space-around;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
margin-top: 5px
}
.unifiColumnChartSegment__value {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
width: 100%;
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-transition: -webkit-flex-basis 500ms ease-in-out;
transition: -webkit-flex-basis 500ms ease-in-out;
-o-transition: flex-basis 500ms ease-in-out;
transition: flex-basis 500ms ease-in-out;
transition: flex-basis 500ms ease-in-out, -webkit-flex-basis 500ms ease-in-out, -ms-flex-preferred-size 500ms ease-in-out
}
.unifiColumnChartSegment__value--noData {
visibility: hidden
}
.unifiColumnChartSegment__yScale {
margin-left: 10px;
border-left: 1.5px dashed #8ccff1;
padding-left: 10px
}
.unifiColumnChart__columnLabel {
-webkit-box-flex: 0;
-ms-flex: 0;
flex: 0;
-ms-flex-preferred-size: 20px;
flex-basis: 20px;
text-align: center
}
.unifiColumnChart__yScaleLabel {
-ms-flex-item-align: start;
align-self: flex-start
}
.unifiColumnChart__yScaleLabel:first-of-type {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1
}
.unifiColumnChart__yScaleLabel:last-of-type {
margin-bottom: 3px
}
.unifiColumnChart__column--scale {
-webkit-box-flex: 0;
-ms-flex: 0;
flex: 0
}
.unifiColumnChart__column--selected {
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
border-left: 0;
-webkit-box-shadow: 1px 1px 20px #888888;
box-shadow: 1px 1px 20px #888888;
background-color: white
}
.unifiColumnChart__column--selected .unifiColumnChart__column--inner {
-webkit-transform: scale(0.83);
-ms-transform: scale(0.83);
transform: scale(0.83)
}
.unifiColumnChart__dataContainer {
z-index: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
height: 100%;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.unifiColumnChart__data {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
height: 100%;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
.unifiColumnChart__legend {
width: 100%
}
.unifiColumnChartLegendEntry {
float: left
}
.unifiColumnChartLegendEntry__fill {
height: 10px
}
.unifiColumnChartLegendEntry__label {
padding-top: 10px;
text-align: center;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis
}
.jaze-mod-dark .jazeDonutChart--placeholder .unifiDonutChartPie0 {
--unifi-donut-chart-pie-color: #242635
}
.jaze-mod-dark .jazeDonutChart--placeholder .unifiDonutChartPie1 {
--unifi-donut-chart-pie-color: #333543
}
.jaze-mod-dark .jazeDonutChart--placeholder .unifiDonutChartPie2 {
--unifi-donut-chart-pie-color: #525461
}
.jaze-mod-dark .jazeDonutChart--placeholder .unifiDonutChartPie3 {
--unifi-donut-chart-pie-color: #7e8190
}
.jaze-mod-reset-color .jazeDonutChart--placeholder .unifiDonutChartPie0 {
--unifi-donut-chart-pie-color: #9b9b9b
}
.jaze-mod-reset-color .jazeDonutChart--placeholder .unifiDonutChartPie1 {
--unifi-donut-chart-pie-color: #d8d8d8
}
.jaze-mod-reset-color .jazeDonutChart--placeholder .unifiDonutChartPie2 {
--unifi-donut-chart-pie-color: #c1c1c1
}
.jaze-mod-reset-color .jazeDonutChart--placeholder .unifiDonutChartPie3 {
--unifi-donut-chart-pie-color: #a8a8a8
}
.unifiDonutChart {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-box;
display: -moz-flex;
display: -ms-flex;
display: -ms-flexbox;
display: flex;
position: relative
}
.unifiDonutChart svg {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1
}
.unifiDonutChartClickableCircle {
cursor: pointer;
opacity: 0
}
.unifiDonutChartExternalRing {
fill: var(--unifi-donut-chart-external-ring-color, #f1f2f4)
}
.unifiDonutChartBackgroundRing {
fill: var(--unifi-donut-chart-background-ring-color, #bbb)
}
.unifiDonutChartPie {
fill: var(--unifi-donut-chart-background-ring-color, #bbb);
stroke-width: 0
}
.unifiDonutChartPie--hidden {
opacity: 0 !important
}
.unifiDonutChartTick {
fill: #f6f6f6
}
.unifiDonutChartTick--selected {
stroke-width: 0.5
}
.unifiDonutChartLabel__main {
fill: var(--unifi-donut-chart-label-main, #000);
font-size: 14px;
text-anchor: middle;
dominant-baseline: central
}
.unifiDonutChartLabel__secondary {
fill: var(--unifi-donut-chart-label-secondary, #000);
font-size: 6px;
text-anchor: middle;
dominant-baseline: text-before-edge
}
.unifiDonutChartPie0 {
fill: #39cc64
}
.unifiDonutChartPie1 {
fill: #bfe041
}
.unifiDonutChartPie2 {
fill: #ffdb1a
}
.unifiDonutChartPie3 {
fill: #f5a623
}
.unifiDonutChartPie4 {
fill: #f03a3e
}
.unifiDonutChartPie5 {
fill: #a252e3
}
.unifiDonutChartPie6 {
fill: #6b34e0
}
.unifiDonutChartPie7 {
fill: #003c9e
}
.unifiDonutChartPie8 {
fill: var(--color-500)
}
.unifiDonutChartPie9 {
fill: var(--color-400)
}
.unifiDonutChartPie10 {
fill: #39cc64
}
.unifiDonutChartPie11 {
fill: #bfe041
}
.unifiDonutChartPie12 {
fill: #ffdb1a
}
.unifiDonutChartPie13 {
fill: #f5a623
}
.unifiDonutChartPie14 {
fill: #f03a3e
}
.unifiDonutChartPie15 {
fill: #a252e3
}
.unifiDonutChartPie16 {
fill: #6b34e0
}
.unifiDonutChartPie17 {
fill: #003c9e
}
.unifiDonutChartPie18 {
fill: var(--color-500)
}
.unifiDonutChartPie19 {
fill: var(--color-400)
}
.unifiDonutChartPie20 {
fill: #39cc64
}
.unifiDonutChartPie21 {
fill: #bfe041
}
.unifiDonutChartPie22 {
fill: #ffdb1a
}
.unifiDonutChartPie23 {
fill: #f5a623
}
.unifiDonutChartPie24 {
fill: #f03a3e
}
.unifiDonutChartPie25 {
fill: #a252e3
}
.unifiDonutChartPie26 {
fill: #6b34e0
}
.unifiDonutChartPie27 {
fill: #003c9e
}
.unifiDonutChartPie28 {
fill: var(--color-500)
}
.unifiDonutChartPie29 {
fill: var(--color-400)
}
.unifiDonutChartPie30 {
fill: #39cc64
}
.unifiDonutChartPie31 {
fill: #bfe041
}
.unifiDonutChartPie32 {
fill: #ffdb1a
}
.unifiDonutChartPie33 {
fill: #f5a623
}
.unifiDonutChartPie34 {
fill: #f03a3e
}
.unifiDonutChartPie35 {
fill: #a252e3
}
.unifiDonutChartPie36 {
fill: #6b34e0
}
.unifiDonutChartPie37 {
fill: #003c9e
}
.unifiDonutChartPie38 {
fill: var(--color-500)
}
.unifiDonutChartPie39 {
fill: var(--color-400)
}
.unifiDonutChartTick--serie0 {
fill: #39cc64
}
.unifiDonutChartTick--serie1 {
fill: #bfe041
}
.unifiDonutChartTick--serie2 {
fill: #ffdb1a
}
.unifiDonutChartTick--serie3 {
fill: #f5a623
}
.unifiDonutChartTick--serie4 {
fill: #f03a3e
}
.unifiDonutChartTick--serie5 {
fill: #a252e3
}
.unifiDonutChartTick--serie6 {
fill: #6b34e0
}
.unifiDonutChartTick--serie7 {
fill: #003c9e
}
.unifiDonutChartTick--serie8 {
fill: var(--color-500)
}
.unifiDonutChartTick--serie9 {
fill: var(--color-400)
}
.unifiDonutChartTick--serie10 {
fill: #39cc64
}
.unifiDonutChartTick--serie11 {
fill: #bfe041
}
.unifiDonutChartTick--serie12 {
fill: #ffdb1a
}
.unifiDonutChartTick--serie13 {
fill: #f5a623
}
.unifiDonutChartTick--serie14 {
fill: #f03a3e
}
.unifiDonutChartTick--serie15 {
fill: #a252e3
}
.unifiDonutChartTick--serie16 {
fill: #6b34e0
}
.unifiDonutChartTick--serie17 {
fill: #003c9e
}
.unifiDonutChartTick--serie18 {
fill: var(--color-500)
}
.unifiDonutChartTick--serie19 {
fill: var(--color-400)
}
.unifiDonutChartTick--serie20 {
fill: #39cc64
}
.unifiDonutChartTick--serie21 {
fill: #bfe041
}
.unifiDonutChartTick--serie22 {
fill: #ffdb1a
}
.unifiDonutChartTick--serie23 {
fill: #f5a623
}
.unifiDonutChartTick--serie24 {
fill: #f03a3e
}
.unifiDonutChartTick--serie25 {
fill: #a252e3
}
.unifiDonutChartTick--serie26 {
fill: #6b34e0
}
.unifiDonutChartTick--serie27 {
fill: #003c9e
}
.unifiDonutChartTick--serie28 {
fill: var(--color-500)
}
.unifiDonutChartTick--serie29 {
fill: var(--color-400)
}
.unifiDonutChartTick--serie30 {
fill: #39cc64
}
.unifiDonutChartTick--serie31 {
fill: #bfe041
}
.unifiDonutChartTick--serie32 {
fill: #ffdb1a
}
.unifiDonutChartTick--serie33 {
fill: #f5a623
}
.unifiDonutChartTick--serie34 {
fill: #f03a3e
}
.unifiDonutChartTick--serie35 {
fill: #a252e3
}
.unifiDonutChartTick--serie36 {
fill: #6b34e0
}
.unifiDonutChartTick--serie37 {
fill: #003c9e
}
.unifiDonutChartTick--serie38 {
fill: var(--color-500)
}
.unifiDonutChartTick--serie39 {
fill: var(--color-400)
}
.unifiDonutChartTick--serie0.unifiDonutChartTick--selected {
stroke: #39cc64
}
.unifiDonutChartTick--serie1.unifiDonutChartTick--selected {
stroke: #bfe041
}
.unifiDonutChartTick--serie2.unifiDonutChartTick--selected {
stroke: #ffdb1a
}
.unifiDonutChartTick--serie3.unifiDonutChartTick--selected {
stroke: #f5a623
}
.unifiDonutChartTick--serie4.unifiDonutChartTick--selected {
stroke: #f03a3e
}
.unifiDonutChartTick--serie5.unifiDonutChartTick--selected {
stroke: #a252e3
}
.unifiDonutChartTick--serie6.unifiDonutChartTick--selected {
stroke: #6b34e0
}
.unifiDonutChartTick--serie7.unifiDonutChartTick--selected {
stroke: #003c9e
}
.unifiDonutChartTick--serie8.unifiDonutChartTick--selected {
stroke: var(--color-500)
}
.unifiDonutChartTick--serie9.unifiDonutChartTick--selected {
stroke: var(--color-400)
}
.unifiDonutChartTick--serie10.unifiDonutChartTick--selected {
stroke: #39cc64
}
.unifiDonutChartTick--serie11.unifiDonutChartTick--selected {
stroke: #bfe041
}
.unifiDonutChartTick--serie12.unifiDonutChartTick--selected {
stroke: #ffdb1a
}
.unifiDonutChartTick--serie13.unifiDonutChartTick--selected {
stroke: #f5a623
}
.unifiDonutChartTick--serie14.unifiDonutChartTick--selected {
stroke: #f03a3e
}
.unifiDonutChartTick--serie15.unifiDonutChartTick--selected {
stroke: #a252e3
}
.unifiDonutChartTick--serie16.unifiDonutChartTick--selected {
stroke: #6b34e0
}
.unifiDonutChartTick--serie17.unifiDonutChartTick--selected {
stroke: #003c9e
}
.unifiDonutChartTick--serie18.unifiDonutChartTick--selected {
stroke: var(--color-500)
}
.unifiDonutChartTick--serie19.unifiDonutChartTick--selected {
stroke: var(--color-400)
}
.unifiDonutChartTick--serie20.unifiDonutChartTick--selected {
stroke: #39cc64
}
.unifiDonutChartTick--serie21.unifiDonutChartTick--selected {
stroke: #bfe041
}
.unifiDonutChartTick--serie22.unifiDonutChartTick--selected {
stroke: #ffdb1a
}
.unifiDonutChartTick--serie23.unifiDonutChartTick--selected {
stroke: #f5a623
}
.unifiDonutChartTick--serie24.unifiDonutChartTick--selected {
stroke: #f03a3e
}
.unifiDonutChartTick--serie25.unifiDonutChartTick--selected {
stroke: #a252e3
}
.unifiDonutChartTick--serie26.unifiDonutChartTick--selected {
stroke: #6b34e0
}
.unifiDonutChartTick--serie27.unifiDonutChartTick--selected {
stroke: #003c9e
}
.unifiDonutChartTick--serie28.unifiDonutChartTick--selected {
stroke: var(--color-500)
}
.unifiDonutChartTick--serie29.unifiDonutChartTick--selected {
stroke: var(--color-400)
}
.unifiDonutChartTick--serie30.unifiDonutChartTick--selected {
stroke: #39cc64
}
.unifiDonutChartTick--serie31.unifiDonutChartTick--selected {
stroke: #bfe041
}
.unifiDonutChartTick--serie32.unifiDonutChartTick--selected {
stroke: #ffdb1a
}
.unifiDonutChartTick--serie33.unifiDonutChartTick--selected {
stroke: #f5a623
}
.unifiDonutChartTick--serie34.unifiDonutChartTick--selected {
stroke: #f03a3e
}
.unifiDonutChartTick--serie35.unifiDonutChartTick--selected {
stroke: #a252e3
}
.unifiDonutChartTick--serie36.unifiDonutChartTick--selected {
stroke: #6b34e0
}
.unifiDonutChartTick--serie37.unifiDonutChartTick--selected {
stroke: #003c9e
}
.unifiDonutChartTick--serie38.unifiDonutChartTick--selected {
stroke: var(--color-500)
}
.unifiDonutChartTick--serie39.unifiDonutChartTick--selected {
stroke: var(--color-400)
}
.jazeDonutChart--placeholder .unifiDonutChartPie0 {
--unifi-donut-chart-pie-color: #9b9b9b
}
.jazeDonutChart--placeholder .unifiDonutChartPie1 {
--unifi-donut-chart-pie-color: #d8d8d8
}
.jazeDonutChart--placeholder .unifiDonutChartPie2 {
--unifi-donut-chart-pie-color: #c1c1c1
}
.jazeDonutChart--placeholder .unifiDonutChartPie3 {
--unifi-donut-chart-pie-color: #a8a8a8
}
.jazeDonutChart--placeholder .unifiDonutChartPie {
fill: var(--unifi-donut-chart-pie-color) !important;
stroke: var(--unifi-donut-chart-pie-color) !important
}
.unifiDonutChartBinaryLegend {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.unifiDonutChartBinaryLegendEntry {
position: absolute;
-ms-flex-item-align: center;
align-self: center;
text-align: center;
min-width: 125px
}
.unifiDonutChartBinaryLegendEntry__label {
text-transform: uppercase;
color: var(--color-300);
margin-bottom: 10px;
font-size: 18px
}
.unifiDonutChartBinaryLegendEntry__value {
font-size: 40px
}
.unifiDonutChartBinaryLegendEntry--left {
left: 0
}
.unifiDonutChartBinaryLegendEntry--right {
right: 0
}
.unifiDonutChartWithTooltip {
-webkit-box-flex: 1 1 120px;
-ms-flex: 1 1 120px;
flex: 1 1 120px;
display: -webkit-box;
display: -moz-flex;
display: -ms-flex;
display: -ms-flexbox;
display: flex;
min-width: 120px
}
.unifiDonutChartWithTooltip__inner {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-box;
display: -moz-flex;
display: -ms-flex;
display: -ms-flexbox;
display: flex;
position: relative
}
.unifiDonutTooltip {
left: 0;
top: 0;
pointer-events: none;
position: absolute
}
.is-mobile .unifiDonutTooltip {
display: none !important
}
.unifiGradientLegendChart {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-box;
display: -moz-flex;
display: -ms-flex;
display: -ms-flexbox;
display: flex
}
.unifiGradientLegendChart svg {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1
}
.unifiGradientLegendChart__axis path,
.unifiGradientLegendChart__axis line {
display: none
}
.unifiGradientLegendChart__axis text {
font-family: sans-serif;
font-size: 10px;
fill: var(--jaze-color-text-primary, #a1a2a3)
}
.unifiGradientLegendChart__xAxisLabel {
font-size: 11px;
text-anchor: left;
fill: var(--jaze-color-text-primary, #a1a2a3);
alignment-baseline: text-after-edge;
dominant-baseline: text-before-edge
}
.unifiLineChart {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-box;
display: -moz-flex;
display: -ms-flex;
display: -ms-flexbox;
display: flex
}
.unifiLineChart svg {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1
}
.unifiLineChart #unifiLineChart__regionPattern line {
stroke: grey;
stroke-width: 1;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s
}
.is-responsive .unifiLineChart__xAxis g {
opacity: 0 !important
}
@media only screen and (max-width: 480px) {
.is-responsive .unifiLineChart__xAxis g:nth-of-type(4n+1) {
opacity: 1 !important
}
}
@media only screen and (min-width: 481px) and (max-width: 800px) {
.is-responsive .unifiLineChart__xAxis g:nth-of-type(3n+1) {
opacity: 1 !important
}
}
@media only screen and (min-width: 801px) and (max-width: 1040px) {
.is-responsive .unifiLineChart__xAxis g:nth-of-type(3n+1) {
opacity: 1 !important
}
}
@media only screen and (min-width: 1041px) and (max-width: 1440px) {
.is-responsive .unifiLineChart__xAxis g:nth-of-type(odd) {
opacity: 1 !important
}
}
@media only screen and (min-width: 1441px) {
.is-responsive .unifiLineChart__xAxis g {
opacity: 1 !important
}
}
.is-responsive.is-narrow .unifiLineChart__xAxis g {
opacity: 0 !important
}
@media only screen and (max-width: 480px) {
.is-responsive.is-narrow .unifiLineChart__xAxis g:nth-of-type(5n+1) {
opacity: 1 !important
}
}
@media only screen and (min-width: 481px) and (max-width: 800px) {
.is-responsive.is-narrow .unifiLineChart__xAxis g:nth-of-type(4n+2) {
opacity: 1 !important
}
}
@media only screen and (min-width: 801px) and (max-width: 1040px) {
.is-responsive.is-narrow .unifiLineChart__xAxis g:nth-of-type(3n+2) {
opacity: 1 !important
}
}
@media only screen and (min-width: 1041px) and (max-width: 1440px) {
.is-responsive.is-narrow .unifiLineChart__xAxis g:nth-of-type(even) {
opacity: 1 !important
}
}
@media only screen and (min-width: 1441px) and (max-width: 1920px) {
.is-responsive.is-narrow .unifiLineChart__xAxis g:nth-of-type(even) {
opacity: 1 !important
}
}
@media only screen and (min-width: 1921px) {
.is-responsive.is-narrow .unifiLineChart__xAxis g {
opacity: 1 !important
}
}
.unifiLineChart__grid .tick {
stroke: var(--unifi-charts-primary-stroke-color, lightgrey);
opacity: 0.7
}
.unifiLineChart__grid .tick line {
stroke: var(--unifi-charts-primary-stroke-color, lightgrey)
}
.unifiLineChart__grid path {
stroke-width: 0;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s
}
.unifiLineChart__axis path,
.unifiLineChart__axis line {
fill: none;
stroke: black;
shape-rendering: crispEdges;
opacity: 0;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s
}
.unifiLineChart__axis text {
font-family: sans-serif;
font-size: 11px;
fill: var(--jaze-color-text-primary, #a1a2a3)
}
.unifiLineChart__yAxisLabel {
font-size: 11px;
text-anchor: middle;
fill: #616777;
dominant-baseline: text-before-edge
}
.unifiLineChart__textLabel {
font-size: 12px;
fill: #616777;
dominant-baseline: text-before-edge
}
.unifiLineChart__focusPoint {
fill: var(--color-500)
}
.unifiLineChart__focusArea {
fill: none;
pointer-events: all
}
.unifiLineChart__area {
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
stroke-width: 0;
fill: #39cc64;
fill-opacity: 0.5
}
.unifiLineChart__secondaryBar {
fill: #cccccc;
opacity: 0.8
}
.unifiLineChart__secondaryBar.selected {
fill: #f5a623;
opacity: 0.3
}
.unifiLineChart__bar {
fill: #aaaaaa;
opacity: 1
}
.unifiLineChart__bar.selected {
fill: #f5a623;
opacity: 1
}
.unifiLineChart__backgroundBar {
fill: #969ba3;
opacity: 0.05
}
.unifiLineChart__plot path {
fill: none;
stroke-width: 1.5;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
stroke: var(--color-500)
}
.unifiLineChart__plot--right path {
stroke-dasharray: 6, 1
}
.unifiLineChart--noData svg {
opacity: 0.3;
pointer-events: none
}
.unifiLineChart--noData .unifiLineChart__focusArea {
pointer-events: none
}
.unifiLineChartWithTooltip {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1
}
.unifiStackedBarChart {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-box;
display: -moz-flex;
display: -ms-flex;
display: -ms-flexbox;
display: flex
}
.unifiStackedBarChart svg {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1
}
.unifiStackedBarChart__bgBar {
fill: var(--unifi-stacked-bar-chart-bar-background-color, #fbfbfc)
}
.unifiStackedBarChart__indicator {
fill: var(--color-500)
}
.unifiStackedBarChart__bar {
cursor: pointer;
-webkit-transition: opacity 0.3s;
-o-transition: opacity 0.3s;
transition: opacity 0.3s
}
.unifiStackedBarChart__bar--blur {
opacity: 0.2;
-webkit-filter: gray;
filter: gray
}
.unifiStackedBarChart__axis path,
.unifiStackedBarChart__axis line {
fill: none;
shape-rendering: crispEdges;
stroke: var(--unifi-charts-primary-stroke-color, lightgrey);
opacity: 0.7
}
.unifiStackedBarChart__axis text {
font-family: sans-serif;
font-size: 11px;
fill: var(--jaze-color-text-primary, #a1a2a3)
}
.unifiStackedBarChart__yAxis {
stroke-dasharray: 2
}
.unifiStackedBarChart__yAxisLabel {
font-size: 11px;
text-anchor: middle;
fill: var(--jaze-color-text-primary, #a1a2a3);
dominant-baseline: text-before-edge
}
.unifiStackedBarChart__textLabel {
font-size: 12px;
fill: var(--jaze-color-text-primary, #a1a2a3);
dominant-baseline: text-before-edge
}
.unifiSunburstChart {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-box;
display: -moz-flex;
display: -ms-flex;
display: -ms-flexbox;
display: flex
}
.unifiSunburstChart svg {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1
}
.unifiSunburstChart__bg {
fill: var(--unifi-sunburst-chart-background-color, #fbfbfc)
}
.unifiSunburstChart__arc {
fill: var(--unifi-sunburst-chart-arc-color, #f1f2f4);
opacity: 1.0;
stroke: var(--unifi-sunburst-chart-arc-color, #f1f2f4);
stroke-opacity: 0.5;
stroke-width: 0.1;
-webkit-transition: opacity 0.3s;
-o-transition: opacity 0.3s;
transition: opacity 0.3s
}
.unifiSunburstChart__arc--blur {
opacity: 0.2;
-webkit-filter: gray;
filter: gray
}
.unifiSunburstChart__arc--hide {
opacity: 0 !important
}
.unifiSunburstChart__arc--clickable {
cursor: pointer
}
.unifiSunburstChartLegend {
pointer-events: none;
opacity: 1.0;
top: 25%;
left: 25%;
right: 25%;
bottom: 25%;
position: absolute;
z-index: 0
}
.jaze-mod-dark {
--modular-module-background-color: var(--jaze-color-DN55);
--modular-module-border-color: var(--jaze-color-DN40);
--modular-module-header-border-color: var(--jaze-color-DN40);
--modular-module-header-secondary-border-color: var(--jaze-color-DN40);
--modular-module-header-color: var(--jaze-color-DN20);
--modular-module-color: var(--jaze-color-DN20);
--modular-module-tertiary-color: var(--jaze-color-DN20);
--modular-module-color-success: #48d000;
--modular-module-color-warning: #ffaa2e;
--modular-module-color-danger: #f7151a
}
.jaze-mod-dark.modular,
.jaze-mod-dark .modular {
--modular-container-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.37)
}
.jaze-mod-dark.moduleDefinitionsContainer,
.jaze-mod-dark .moduleDefinitionsContainer {
--modular-configuration-panel-background-color: var(--jaze-color-DN50);
--modular-configuration-panel-definition-preview-background-color: var(--jaze-color-DN60);
--modular-configuration-panel-definition-preview-hover-background-color: var(--jaze-color-DN40);
--modular-configuration-panel-definition-preview-overlay-icon-color: var(--jaze-color-DN20);
--modular-configuration-panel-definition-preview-overlay-text-color: var(--jaze-color-DN20)
}
.jaze-mod-dark.moduleEditor,
.jaze-mod-dark .moduleEditor {
--modular-edit-module-border-color: var(--jaze-color-DN40)
}
.jaze-mod-dark.modulesDock,
.jaze-mod-dark .modulesDock {
--modules-dock-permanent-background-color: var(--jaze-color-DN55)
}
.jaze-mod-dark.modulesSticky,
.jaze-mod-dark .modulesSticky {
--modules-sticky-background-color: var(--jaze-color-DN55)
}
.jaze-mod-dark.moduleUnavailable,
.jaze-mod-dark .moduleUnavailable {
--module-unavailable-border-color: var(--jaze-color-N10);
--module-unavailable-color: var(--jaze-color-N10)
}
.jaze-mod-dark.moduleContentScrollable,
.jaze-mod-dark .moduleContentScrollable {
--module-content-scrollbar-thumb-background-color: var(--jaze-color-DN20);
--module-content-scrollbar-track-background-color: var(--jaze-color-DN40)
}
.jaze-mod-dark.moduleCarousel,
.jaze-mod-dark .moduleCarousel {
--module-carousel-arrow-background-color: var(--jaze-color-DN40);
--module-carousel-dot-background-color: var(--jaze-color-DN30)
}
.jaze-mod-reset-color {
--modular-module-background-color: initial;
--modular-module-border-color: initial;
--modular-module-header-border-color: initial;
--modular-module-header-secondary-border-color: initial;
--modular-module-header-color: initial;
--modular-module-color: initial;
--modular-module-tertiary-color: initial;
--modular-module-color-success: initial;
--modular-module-color-warning: initial;
--modular-module-color-danger: initial
}
.jaze-mod-reset-color.modular,
.jaze-mod-reset-color .modular {
--modular-container-shadow: initial
}
.jaze-mod-reset-color.moduleDefinitionsContainer,
.jaze-mod-reset-color .moduleDefinitionsContainer {
--modular-configuration-panel-background-color: initial;
--modular-configuration-panel-definition-preview-background-color: initial;
--modular-configuration-panel-definition-preview-hover-background-color: initial;
--modular-configuration-panel-definition-preview-overlay-icon-color: initial;
--modular-configuration-panel-definition-preview-overlay-text-color: initial
}
.jaze-mod-reset-color.moduleEditor,
.jaze-mod-reset-color .moduleEditor {
--modular-edit-module-border-color: initial
}
.jaze-mod-reset-color.modulesDock,
.jaze-mod-reset-color .modulesDock {
--modules-dock-permanent-background-color: initial
}
.jaze-mod-reset-color.modulesSticky,
.jaze-mod-reset-color .modulesSticky {
--modules-sticky-background-color: initial
}
.jaze-mod-reset-color.moduleUnavailable,
.jaze-mod-reset-color .moduleUnavailable {
--module-unavailable-border-color: initial;
--module-unavailable-color: initial
}
.jaze-mod-reset-color.moduleContentScrollable,
.jaze-mod-reset-color .moduleContentScrollable {
--module-content-scrollbar-thumb-background-color: initial;
--module-content-scrollbar-track-background-color: initial
}
.jaze-mod-reset-color.moduleCarousel,
.jaze-mod-reset-color .moduleCarousel {
--module-carousel-arrow-background-color: initial;
--module-carousel-dot-background-color: initial
}
.modularAlertIcon {
position: absolute;
left: 50%;
width: 350px;
height: 350px;
margin-left: -175px;
margin-top: 30px;
margin-bottom: 30px;
padding: 20px;
border-radius: 30px;
border: 10px dashed #eaeaea;
color: #eaeaea;
text-align: center;
-webkit-transition: all .2s;
-o-transition: all .2s;
transition: all .2s
}
.modularAlertIcon:hover {
border-color: #ccc;
color: #ccc
}
.modularAlertIcon .icon,
.modularAlertIcon .appPikaday .pika-prev,
.appPikaday .modularAlertIcon .pika-prev,
.modularAlertIcon .appPikaday .pika-next,
.appPikaday .modularAlertIcon .pika-next {
font-size: 150px;
line-height: 280px
}
@media only screen and (max-width: 800px) {
.modularAlertIcon {
-webkit-transform: scale(0.7);
-ms-transform: scale(0.7);
transform: scale(0.7)
}
}
.modularAlertIconText {
position: absolute;
left: 0;
right: 0;
bottom: 30px;
font-size: 20px;
padding: 10px 0;
text-align: center
}
.moduleDefinitionsContainer {
width: 100%;
position: relative;
background-color: var(--modular-configuration-panel-background-color, #fff);
overflow: auto
}
.moduleDefinitionsContainer::-webkit-scrollbar {
height: 14px;
width: 14px
}
.moduleDefinitionsContainer::-webkit-scrollbar-thumb {
background-clip: content-box;
background-color: var(--jaze-color-scrollbar-thumb);
border-radius: 14px;
border: 4px solid transparent;
min-height: 60px
}
.moduleDefinitionsContainer::-webkit-scrollbar-track {
background: rgba(0, 0, 0, 0);
border-radius: 6pxcalc($offset * 2)
}
.moduleDefinitionsContainer::-webkit-scrollbar-corner {
background-color: transparent
}
.moduleDefinitions {
float: left;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
padding: 25px 20px 0;
padding-right: 0
}
.moduleDefinitions--horizontal {
margin-top: -1px
}
.moduleDefinitions--horizontal::-webkit-scrollbar {
height: 14px;
width: 14px
}
.moduleDefinitions--horizontal::-webkit-scrollbar-thumb {
background-clip: content-box;
background-color: var(--jaze-color-scrollbar-thumb);
border-radius: 14px;
border: 4px solid transparent;
min-height: 60px
}
.moduleDefinitions--horizontal::-webkit-scrollbar-track {
background: rgba(0, 0, 0, 0);
border-radius: 6pxcalc($offset * 2)
}
.moduleDefinitions--horizontal::-webkit-scrollbar-corner {
background-color: transparent
}
.moduleDefinitions--horizontal .moduleDefinition {
float: none
}
.moduleDefinition {
float: left;
display: inline-block;
margin: 0 25px 25px
}
.moduleDefinitionPreview {
position: relative;
width: 200px;
height: 132px;
background-color: var(--modular-configuration-panel-definition-preview-background-color, #f3f3f3);
cursor: pointer
}
.moduleDefinitionPreview img {
position: absolute;
top: 50%;
left: 50%;
margin-right: -50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
.moduleDefinitionPreview:hover .moduleDefinitionPreviewOverlay {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.moduleDefinitionPreviewOverlay {
display: none;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: var(--modular-configuration-panel-definition-preview-hover-background-color, #1d2534);
z-index: 10
}
.moduleDefinitionPreviewOverlayIcon {
color: var(--modular-configuration-panel-definition-preview-overlay-icon-color, #fff);
font-size: 40px;
text-align: center
}
.moduleDefinitionPreviewOverlayText {
color: var(--modular-configuration-panel-definition-preview-overlay-text-color, #fff);
font-size: 11px;
margin-top: 8px;
text-align: center
}
.moduleDefinitionPreviewInUse {
position: absolute;
top: 8px;
right: 8px;
z-index: 5
}
.moduleDefinitionTitle {
max-width: 200px;
margin-bottom: 4px
}
.moduleDefinitionsEmpty {
position: relative;
height: 130px
}
.modules {
position: relative;
width: 100%;
min-height: 100%
}
.modulesSticky {
position: fixed;
top: 50px;
left: 50px;
right: 0;
z-index: 50;
background-color: var(--modules-sticky-background-color, #fff);
-webkit-box-shadow: -4px 4px 0px 0px rgba(0, 0, 0, 0.1) !important;
box-shadow: -4px 4px 0px 0px rgba(0, 0, 0, 0.1) !important
}
.modulesDockContainer {
min-width: var(--modules-dock-container-min-width, 280px)
}
.modulesDock {
*zoom: 1;
position: relative;
width: 100%;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-left: 20px;
padding-right: 20px
}
.modulesDock:before,
.modulesDock:after {
content: " ";
display: table
}
.modulesDock:after {
clear: both
}
@media only screen and (max-width: 800px) {
.modulesDock {
padding-left: 0px;
padding-right: 0px
}
}
.modulesDock--flush {
margin-left: -25px;
margin-right: -25px;
padding-left: 0;
padding-right: 0;
min-width: calc(100% + 50px)
}
.modulesDock--permanent {
background: var(--modules-dock-permanent-background-color, #fff);
-webkit-box-shadow: var(--modular-container-shadow, 0px 2px 3px 0px rgba(0, 0, 0, 0.1));
box-shadow: var(--modular-container-shadow, 0px 2px 3px 0px rgba(0, 0, 0, 0.1));
z-index: 10
}
.modulesDock--withBorders {
padding-bottom: 1px
}
.modularDraggable.is-dnd-dragging-source {
display: none
}
.modularDraggable.is-dnd-dragging {
cursor: grab;
cursor: -webkit-grab
}
.modularDraggable.is-dragging {
cursor: move !important
}
.modularDraggable.is-dragging * {
cursor: move !important
}
.is-desktop .modularDraggable__shiftHandle {
display: none
}
.modularDraggable--withBorders.is-dnd-dragging {
border: 1px solid #979797;
-webkit-box-shadow: none !important;
box-shadow: none !important;
cursor: grab;
cursor: -webkit-grab
}
.is-desktop .modularDraggable--withoutHandle {
cursor: grab;
cursor: -webkit-grab
}
.modularFiltersContainer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.modularFilter {
margin: 3px 24px 3px 0
}
.modularFilter:last-child {
margin-right: 0
}
.modularNavigation {
margin: 0 45px 10px;
position: relative;
overflow: visible;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
min-height: 60px;
padding: 10px 0;
border-bottom: 1px solid var(--modular-module-header-border-color, #cacaca)
}
@media only screen and (max-width: 800px) {
.modularNavigation {
margin-left: 25px;
margin-right: 25px
}
}
.modularNavigationContent {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
margin-right: 10px
}
.modularNavigationTitle {
padding: 10px 0;
font-size: 18px;
color: var(--modular-module-color, #4a4a4a)
}
.modularNavigationTitle--withDropdown {
cursor: pointer;
padding-right: 20px !important
}
.modularNavigationTitle--withDropdown:after {
position: absolute;
content: "";
width: 0;
height: 0;
border: 6px solid transparent;
border-top-color: var(--modular-module-color, #4a4a4a);
right: 0;
top: 50%;
-webkit-transform: translateY(-10%);
-ms-transform: translateY(-10%);
transform: translateY(-10%)
}
.modularNavigationActions,
.modularNavigationFilters {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: var(--modular-module-color, #4a4a4a)
}
a.modularNavigationActionItem {
color: var(--modular-module-color, #4a4a4a)
}
.modularNavigationActionItem+.modularNavigationActionItem {
margin-left: 15px
}
.modularNavigationActionItemIcon {
display: inline-block;
position: relative;
top: 3px;
font-size: 17px
}
.modularNavigationActionItemText {
display: inline-block
}
.modularNavigationActionItemText+.modularNavigationActionItemIcon {
padding-left: 7px
}
.modularNavigationActionItem--hoverable {
position: relative;
width: 21px;
height: 21px;
border: 1px solid var(--modular-module-color, #4a4a4a);
border-radius: 20px;
text-align: center
}
.modularNavigationActionItem--hoverable .modularNavigationActionItemIcon {
position: absolute;
font-size: 10.5px;
top: 5px;
left: 4px
}
.modularNavigationActionItem--hoverable .modularNavigationActionItemText {
font-size: 14px;
line-height: 14px;
display: none
}
.modularNavigationActionItem--hoverable:hover {
width: auto;
height: auto;
text-align: left;
padding: 9px 20px
}
.modularNavigationActionItem--hoverable:hover .modularNavigationActionItemIcon {
display: none
}
.modularNavigationActionItem--hoverable:hover .modularNavigationActionItemText {
display: inline-block
}
@media only screen and (min-width: 801px) {
.modularNavigationActionItem--hoverable {
-webkit-transition: padding-top 0.1s, padding-bottom 0.1s;
-o-transition: padding-top 0.1s, padding-bottom 0.1s;
transition: padding-top 0.1s, padding-bottom 0.1s
}
.modularNavigationActionItem--hoverable .modularNavigationActionItemText {
-webkit-transition: all 0.1s;
-o-transition: all 0.1s;
transition: all 0.1s;
display: inline-block;
font-size: 11px;
width: 0;
overflow: hidden
}
.modularNavigationActionItem--hoverable:hover .modularNavigationActionItemText {
font-size: 14px;
width: auto
}
}
.modularNavigationActions--left {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
.modularNavigationActions--right {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end
}
.modular {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
width: 100%;
background-color: var(--modular-module-background-color, #fafafa)
}
.modularPanel {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%
}
.modularPanel--secondary {
-ms-flex-negative: 0;
flex-shrink: 0;
max-height: 425px;
overflow: visible;
-webkit-box-shadow: var(--modular-container-shadow, 0px 2px 3px 0px rgba(0, 0, 0, 0.1));
box-shadow: var(--modular-container-shadow, 0px 2px 3px 0px rgba(0, 0, 0, 0.1));
z-index: 10
}
.modularPanel--secondary.is-resize-handle-mouseover:after,
.modularPanel--secondary.is-dragging:after {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 1px;
background-color: var(--color-500)
}
@media only screen and (max-height: 475px) {
.modularPanel--secondary {
max-height: calc(100vh - 115px)
}
}
.modularPanel--secondary .resizeHandleBottom {
position: absolute;
left: 0;
right: 0;
bottom: -18px;
height: 26px;
z-index: 10
}
.modularPanel--secondary .resizeHandleBottom:after {
content: '';
position: absolute;
bottom: 5px;
left: 50%;
margin-left: -10px;
width: 19px;
height: 4px;
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAABAQMAAADO7O3JAAAABlBMVEUAAAC9vb2MWstIAAAAAXRSTlMAQObYZgAAAApJREFUCNdjaAAAAIIAgd1DavQAAAAASUVORK5CYII=") repeat
}
.modularPanel--primary {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
overflow-y: auto !important;
overflow-x: hidden
}
.modularPanel--primary::-webkit-scrollbar {
height: 14px;
width: 14px
}
.modularPanel--primary::-webkit-scrollbar-thumb {
background-clip: content-box;
background-color: var(--jaze-color-scrollbar-thumb);
border-radius: 14px;
border: 4px solid transparent;
min-height: 60px
}
.modularPanel--primary::-webkit-scrollbar-track {
background: rgba(0, 0, 0, 0);
border-radius: 6pxcalc($offset * 2)
}
.modularPanel--primary::-webkit-scrollbar-corner {
background-color: transparent
}
.modularPanelContent {
margin: 0 45px 10px
}
@media only screen and (max-width: 800px) {
.modularPanelContent {
margin-left: 25px;
margin-right: 25px
}
}
.modularTableRow--placeholder td {
position: relative;
height: 37px
}
.appTable--condensed .modularTableRow--placeholder td {
height: 27px
}
.modularTableRow--placeholder td:after {
content: "";
background: #ccc;
opacity: 0.1;
top: 0;
left: 0;
bottom: 0;
right: 0;
position: absolute;
z-index: 1
}
.modularSubHeading {
font-size: 11px;
line-height: 13px;
font-weight: bold;
color: var(--modular-module-header-color, #4a4a4a)
}
.modularSubHeading--secondary {
font-weight: normal
}
.modularSubHeading--clipped {
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden
}
.modularSubHeading--dark {
color: #fff
}
.modularSuccess {
color: var(--modular-module-color-success, var(--jaze-color-success))
}
.modularWarning {
color: var(--modular-module-color-warning, var(--jaze-color-warning))
}
.modularDanger {
color: var(--modular-module-color-danger, var(--jaze-color-danger))
}
.module .success {
color: var(--modular-module-color-success, var(--jaze-color-success)) !important
}
.module .warning {
color: var(--modular-module-color-warning, var(--jaze-color-warning)) !important
}
.module .danger {
color: var(--modular-module-color-danger, var(--jaze-color-danger)) !important
}
.module.is-sticky {
border-bottom: 1px solid var(--modular-module-header-border-color, #cacaca)
}
.moduleContent {
padding: 0 25px
}
.moduleContent--flexible {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
height: 100%
}
.moduleHeader {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
margin-bottom: 20px;
min-height: 22px;
padding-bottom: 8px;
border-bottom: 1px solid var(--modular-module-header-border-color, #cacaca)
}
@media only screen and (max-width: 800px) {
.moduleHeader {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
}
.modulesDock--withBorders .moduleHeader {
border-bottom-color: transparent
}
.moduleHeader--secondary {
--modular-module-header-border-color: var(--modular-module-header-secondary-border-color, var(--jaze-color-N50))
}
.is-editing .moduleHeader {
max-width: calc(100% - 50px)
}
.is-mobile .is-editing .moduleHeader {
max-width: calc(100% - 90px)
}
.is-editing .moduleHeaderFilters,
.is-editing .moduleHeaderActions,
.is-editing .moduleHeaderForm {
display: none
}
.moduleHeaderTitle+.moduleHeaderFilters {
padding-left: 5px
}
.moduleHeaderTitle+.moduleHeaderDropdown {
margin-left: 8px
}
.moduleHeaderDropdown {
position: relative;
font-weight: normal;
margin-left: 8px;
cursor: pointer;
padding-right: 14px !important
}
.moduleHeaderDropdown:after {
position: absolute;
content: "";
width: 0;
height: 0;
border: 4px solid transparent;
border-top-color: var(--modular-module-color, #4a4a4a);
right: 0;
top: 50%;
-webkit-transform: translateY(-10%);
-ms-transform: translateY(-10%);
transform: translateY(-10%)
}
.moduleHeaderLegend {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1
}
.moduleHeaderLegendItem {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-left: 20px
}
.moduleHeaderLegendItem:first-child {
margin-left: 0
}
.moduleHeaderLegendItem .appIconText .iconText__icon {
font-size: 11px
}
.moduleHeaderLegendLabel {
margin-left: 5px;
color: #a1a2a3;
font-size: 11px;
font-weight: normal;
letter-spacing: normal;
white-space: nowrap
}
.moduleHeaderLegend__statusBall--success {
background-color: var(--modular-module-color-success, var(--jaze-color-success))
}
.moduleHeaderLegend__statusBall--warning {
background-color: var(--modular-module-color-warning, var(--jaze-color-warning))
}
.moduleHeaderLegend__statusBall--danger {
background-color: var(--modular-module-color-danger, var(--jaze-color-danger))
}
.moduleHeaderForm {
margin-top: -10px
}
@media only screen and (max-width: 480px) {
.moduleHeaderForm {
margin-top: 5px
}
}
.moduleHeaderForm--search {
margin-left: 12px;
margin-top: -21px;
-webkit-transform: translateY(9px);
-ms-transform: translateY(9px);
transform: translateY(9px);
z-index: 1
}
@media only screen and (max-width: 480px) {
.moduleHeaderForm--search {
margin-left: 0;
margin-top: -12px;
width: 100%
}
}
.moduleHeaderActions {
height: 13px;
overflow: visible
}
.moduleContentScrollable {
overflow-y: auto !important;
width: 100%;
height: 206px;
padding-right: 10px;
overflow-x: hidden
}
.moduleContentScrollable::-webkit-scrollbar {
height: 14px;
width: 14px
}
.moduleContentScrollable::-webkit-scrollbar-thumb {
background-clip: content-box;
background-color: var(--jaze-color-scrollbar-thumb);
border-radius: 14px;
border: 4px solid transparent;
min-height: 60px
}
.moduleContentScrollable::-webkit-scrollbar-track {
background: rgba(0, 0, 0, 0);
border-radius: 6pxcalc($offset * 2)
}
.moduleContentScrollable::-webkit-scrollbar-corner {
background-color: transparent
}
.moduleContentScrollable::-webkit-scrollbar {
margin-left: 2px;
width: 3px
}
.moduleContentScrollable::-webkit-scrollbar-thumb {
background: var(--module-content-scrollbar-thumb-background-color, #9297a2);
min-height: 40%
}
.moduleContentScrollable::-webkit-scrollbar-track {
background: var(--module-content-scrollbar-track-background-color, #ddd);
border-radius: 6px
}
.moduleContentScrollable--withFade:before,
.moduleContentScrollable--withFade:after {
content: '';
display: block;
position: absolute;
width: calc(100% - 8px);
z-index: 10;
pointer-events: none
}
.moduleContentScrollable--withFade:before {
height: 3px;
top: 0;
background: -webkit-gradient(linear, left top, left bottom, from(var(--modular-module-background-color, #fafafa)), to(rgba(250, 250, 250, 0)));
background: -o-linear-gradient(top, var(--modular-module-background-color, #fafafa) 0%, rgba(250, 250, 250, 0) 100%);
background: linear-gradient(to bottom, var(--modular-module-background-color, #fafafa) 0%, rgba(250, 250, 250, 0) 100%)
}
.moduleContentScrollable--withFade:after {
height: 20px;
bottom: 0;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(var(--modular-module-background-color, #fafafa)));
background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, var(--modular-module-background-color, #fafafa) 100%);
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, var(--modular-module-background-color, #fafafa) 100%)
}
.moduleContentStretched {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-ms-flex-item-align: stretch;
align-self: stretch;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.moduleCarouselDotContainer {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
position: absolute;
bottom: -20px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%)
}
.moduleCarouselDot {
cursor: pointer;
width: 6px;
height: 6px;
vertical-align: middle;
background-color: var(--module-carousel-dot-background-color, var(--jaze-color-N60));
font-size: inherit;
display: inline-block;
border-radius: 100%;
margin: 3px
}
.moduleCarouselDot.moduleCarouselDot--active {
background-color: #0046cc
}
.moduleCarouselArrow {
position: absolute;
top: 50%;
-webkit-transform: translateY(calc(-50% + 20px));
-ms-transform: translateY(calc(-50% + 20px));
transform: translateY(calc(-50% + 20px));
margin-top: -13px;
min-width: 15px;
min-height: 20px;
padding: 6px 3px;
background-color: var(--module-carousel-arrow-background-color, var(--jaze-color-N0));
border-radius: 3px;
cursor: pointer;
-webkit-box-shadow: -1px 1px 5px 0 rgba(0, 0, 0, 0.25);
box-shadow: -1px 1px 5px 0 rgba(0, 0, 0, 0.25)
}
.moduleCarouselArrow.moduleCarouselArrow--right {
right: 19px
}
.moduleCarouselArrow.moduleCarouselArrow--left {
left: 31px
}
.moduleCarousel--withLineChart .moduleCarouselArrow.moduleCarouselArrow--left {
margin-left: 16px
}
.moduleCarouselArrow:hover .moduleCarouselArrowLabel {
display: block
}
.moduleCarouselArrowIcon {
position: absolute;
top: 50%;
margin-top: -4px;
font-size: 10px
}
.moduleCarouselArrow--right .moduleCarouselArrowIcon {
right: 2px
}
.moduleCarouselArrow--left .moduleCarouselArrowIcon {
left: 2px
}
.moduleCarouselArrowLabel {
display: none;
width: 74px;
padding: 6px 13px;
font-size: 11px;
word-break: keep-all;
line-height: normal;
font-weight: bold
}
.moduleCarouselArrow--right .moduleCarouselArrowLabel {
margin-right: 13px
}
.moduleCarouselArrow--left .moduleCarouselArrowLabel {
margin-left: 13px
}
.moduleControls {
position: absolute;
z-index: 5;
font-size: 14px;
top: 20px;
right: 25px
}
.moduleControlIcon {
cursor: pointer;
float: left;
color: var(--modular-module-color, #4a4a4a)
}
.moduleControlIcon.is-disabled {
pointer-events: none;
opacity: .3
}
.moduleControlIcon+.moduleControlIcon {
margin-left: 10px
}
@media only screen and (max-width: 480px) {
.moduleControlIcon+.moduleControlIcon {
margin-left: 7px
}
}
.moduleEditor {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
padding: 21px 25px;
background-color: #242635;
z-index: 100;
-webkit-box-shadow: 1px 0 0 0 var(--modular-edit-module-border-color, #0d0e10), 0 1px 0 0 var(--modular-edit-module-border-color, #0d0e10), 1px 1px 0 0 var(--modular-edit-module-border-color, #0d0e10), 1px 0 0 0 var(--modular-edit-module-border-color, #0d0e10) inset, 0 1px 0 0 var(--modular-edit-module-border-color, #0d0e10) inset;
box-shadow: 1px 0 0 0 var(--modular-edit-module-border-color, #0d0e10), 0 1px 0 0 var(--modular-edit-module-border-color, #0d0e10), 1px 1px 0 0 var(--modular-edit-module-border-color, #0d0e10), 1px 0 0 0 var(--modular-edit-module-border-color, #0d0e10) inset, 0 1px 0 0 var(--modular-edit-module-border-color, #0d0e10) inset
}
.moduleEditor .moduleHeader {
padding-bottom: 8px
}
.module .moduleContent,
.module .moduleEditor {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: -webkit-transform .3s;
transition: -webkit-transform .3s;
-o-transition: transform .3s;
transition: transform .3s;
transition: transform .3s, -webkit-transform .3s
}
.module .moduleEditor {
-webkit-transform: rotateY(-180deg);
transform: rotateY(-180deg)
}
.module.is-editing .moduleContent {
-webkit-transform: rotateY(-180deg);
transform: rotateY(-180deg)
}
.module.is-editing .moduleEditor {
-webkit-transform: rotateY(0);
transform: rotateY(0)
}
.moduleContainer {
display: inline-block;
position: relative;
float: left;
width: 100%;
height: var(--modular-module-height, 280px);
min-height: var(--modular-module-min-height, 280px);
padding: 21px 1px;
color: var(--modular-module-color, #4a4a4a)
}
.modulesDock--withBorders .moduleContainer {
-webkit-box-shadow: 1px 0 0 0 var(--modular-module-border-color, #979797), 0 1px 0 0 var(--modular-module-border-color, #979797), 1px 1px 0 0 var(--modular-module-border-color, #979797), 1px 0 0 0 var(--modular-module-border-color, #979797) inset, 0 1px 0 0 var(--modular-module-border-color, #979797) inset;
box-shadow: 1px 0 0 0 var(--modular-module-border-color, #979797), 0 1px 0 0 var(--modular-module-border-color, #979797), 1px 1px 0 0 var(--modular-module-border-color, #979797), 1px 0 0 0 var(--modular-module-border-color, #979797) inset, 0 1px 0 0 var(--modular-module-border-color, #979797) inset
}
.moduleContainer--full {
width: 100%;
height: auto;
min-height: 120px
}
.moduleContainer--placeholder:after {
content: "";
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADAgMAAAArRl0sAAAACVBMVEX///////8AAACO9MPsAAAAAnRSTlMUCrjo83MAAAAOSURBVAjXY2hh4GBQAAAC0gCtpneRZQAAAABJRU5ErkJggg==") repeat;
opacity: 0.1;
top: 0;
left: 0;
bottom: 0;
right: 0;
position: absolute;
z-index: 1
}
@media only screen and (max-width: 530px) {
.moduleContainer--single {
width: 100%;
height: auto
}
.moduleContainer--single:not(.moduleContainer--isLoading) {
min-height: 130px
}
.moduleContainer--double {
width: 100%;
height: auto
}
.moduleContainer--double:not(.moduleContainer--isLoading) {
min-height: 130px
}
.moduleContainer--triple {
width: 100%;
height: auto
}
.moduleContainer--triple:not(.moduleContainer--isLoading) {
min-height: 130px
}
}
@media only screen and (min-width: 531px) and (max-width: 840px) {
.moduleContainer--single {
width: 50%
}
.moduleContainer--double {
width: 100%;
height: auto
}
.moduleContainer--double:not(.moduleContainer--isLoading) {
min-height: 130px
}
.moduleContainer--triple {
width: 100%;
height: auto
}
.moduleContainer--triple:not(.moduleContainer--isLoading) {
min-height: 130px
}
.is-property-panel-open.is-property-panel-inline .moduleContainer--single {
width: 100%;
height: auto
}
.is-property-panel-open.is-property-panel-inline .moduleContainer--single:not(.moduleContainer--isLoading) {
min-height: 130px
}
.is-property-panel-open.is-property-panel-inline .moduleContainer--double {
width: 100%;
height: auto
}
.is-property-panel-open.is-property-panel-inline .moduleContainer--double:not(.moduleContainer--isLoading) {
min-height: 130px
}
.is-property-panel-open.is-property-panel-inline .moduleContainer--triple {
width: 100%;
height: auto
}
.is-property-panel-open.is-property-panel-inline .moduleContainer--triple:not(.moduleContainer--isLoading) {
min-height: 130px
}
}
@media only screen and (min-width: 841px) and (max-width: 1040px) {
.moduleContainer--single {
width: 33.3333333333%
}
.moduleContainer--double {
width: 66.6666666667%
}
.moduleContainer--triple {
width: 100%;
height: auto
}
.moduleContainer--triple:not(.moduleContainer--isLoading) {
min-height: 130px
}
.is-property-panel-open.is-property-panel-inline .moduleContainer--single {
width: 50%
}
.is-property-panel-open.is-property-panel-inline .moduleContainer--double {
width: 100%;
height: auto
}
.is-property-panel-open.is-property-panel-inline .moduleContainer--double:not(.moduleContainer--isLoading) {
min-height: 130px
}
.is-property-panel-open.is-property-panel-inline .moduleContainer--triple {
width: 100%;
height: auto
}
.is-property-panel-open.is-property-panel-inline .moduleContainer--triple:not(.moduleContainer--isLoading) {
min-height: 130px
}
}
@media only screen and (min-width: 1041px) and (max-width: 1500px) {
.moduleContainer--single {
width: 25%
}
.moduleContainer--double {
width: 50%
}
.moduleContainer--triple {
width: 75%
}
}
@media only screen and (min-width: 1501px) and (max-width: 2200px) {
.moduleContainer--single {
width: 16.6666666667%
}
.moduleContainer--double {
width: 33.3333333333%
}
.moduleContainer--triple {
width: 50%
}
}
@media only screen and (min-width: 2201px) {
.moduleContainer--single {
width: 11.1111111111%
}
.moduleContainer--double {
width: 22.2222222222%
}
.moduleContainer--triple {
width: 33.3333333333%
}
}
.moduleLoadingStatus {
display: -webkit-box;
display: -moz-flex;
display: -ms-flex;
display: -ms-flexbox;
display: flex;
-ms-align-items: center;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
-ms-justify-content: center;
-webkit-box-pack: center;
justify-content: center;
-ms-flex-pack: center;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0
}
.moduleUnavailable {
--icon-text-icon-height: 40px;
--icon-text-icon-width: 40px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 8px;
border: 1px dashed var(--module-unavailable-border-color, #5c5c5c);
bottom: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
left: 25px;
margin-top: 34px;
opacity: .2;
padding-left: 12px;
padding-right: 12px;
position: absolute;
right: 25px;
top: 20px
}
.moduleUnavailable .icon,
.moduleUnavailable .appPikaday .pika-prev,
.appPikaday .moduleUnavailable .pika-prev,
.moduleUnavailable .appPikaday .pika-next,
.appPikaday .moduleUnavailable .pika-next {
color: var(--module-unavailable-color, #5c5c5c);
font-size: 34px;
padding: 0 5px
}
.moduleUnavailable .label {
color: var(--module-unavailable-color, #5c5c5c);
font-size: 12px;
padding: 0 5px
}
.moduleUnavailable--standalone {
margin-top: 0
}
.moduleUnavailable--relative {
bottom: auto;
left: auto;
padding: 16px 12px;
position: relative;
right: auto;
top: auto
}
.moduleDonutUnavailable {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.moduleDonutUnavailable .moduleDonutLegend {
min-width: auto;
max-width: 150px
}
.moduleDonutUnavailable .icon,
.moduleDonutUnavailable .appPikaday .pika-prev,
.appPikaday .moduleDonutUnavailable .pika-prev,
.moduleDonutUnavailable .appPikaday .pika-next,
.appPikaday .moduleDonutUnavailable .pika-next {
padding: 0 10px;
color: #dddddd;
font-size: 48px
}
.unifiDpiIcon {
display: inline-block;
position: relative;
background-position: center center;
background-repeat: no-repeat;
vertical-align: middle;
width: 16px;
height: 16px;
margin-right: 5px
}
.unifiDpiIcon--1 {
background-size: contain;
background-image: url("../images/dpi/msn.com/favicon.ico")
}
.unifiDpiIcon--1114133 {
background-size: contain;
background-image: url("../images/dpi/microsoft.com/favicon.ico")
}
.unifiDpiIcon--1114134 {
background-size: contain;
background-image: url("../images/dpi/microsoft.com/favicon.ico")
}
.unifiDpiIcon--1114188 {
background-size: contain;
background-image: url("../images/dpi/microsoft.com/favicon.ico")
}
.unifiDpiIcon--1114246 {
background-size: contain;
background-image: url("../images/dpi/microsoft.com/favicon.ico")
}
.unifiDpiIcon--1114248 {
background-size: contain;
background-image: url("../images/dpi/microsoft.com/favicon.ico")
}
.unifiDpiIcon--1114250 {
background-size: contain;
background-image: url("../images/dpi/microsoft.com/favicon.ico")
}
.unifiDpiIcon--1114253 {
background-size: contain;
background-image: url("../images/dpi/microsoft.com/favicon.ico")
}
.unifiDpiIcon--1179832 {
background-size: contain;
background-image: url("../images/dpi/apple.com/favicon.ico")
}
.unifiDpiIcon--1179833 {
background-size: contain;
background-image: url("../images/dpi/apple.com/favicon.ico")
}
.unifiDpiIcon--1179834 {
background-size: contain;
background-image: url("../images/dpi/apple.com/favicon.ico")
}
.unifiDpiIcon--1179835 {
background-size: contain;
background-image: url("../images/dpi/apple.com/favicon.ico")
}
.unifiDpiIcon--1179836 {
background-size: contain;
background-image: url("../images/dpi/apple.com/favicon.ico")
}
.unifiDpiIcon--1179884 {
background-size: contain;
background-image: url("../images/dpi/apple.com/favicon.ico")
}
.unifiDpiIcon--1245221 {
background-size: contain;
background-image: url("../images/dpi/apple.com/favicon.ico")
}
.unifiDpiIcon--1245407 {
background-size: contain;
background-image: url("../images/dpi/microsoft.com/favicon.ico")
}
.unifiDpiIcon--1245408 {
background-size: contain;
background-image: url("../images/dpi/microsoft.com/favicon.ico")
}
.unifiDpiIcon--1310887 {
background-size: contain;
background-image: url("../images/dpi/microsoft.com/favicon.ico")
}
.unifiDpiIcon--1310888 {
background-size: contain;
background-image: url("../images/dpi/google.com/favicon.ico")
}
.unifiDpiIcon--1310889 {
background-size: contain;
background-image: url("../images/dpi/yahoo.com/favicon.ico")
}
.unifiDpiIcon--1310890 {
background-size: contain;
background-image: url("../images/dpi/aol.com/favicon.ico")
}
.unifiDpiIcon--1310898 {
background-size: contain;
background-image: url("../images/dpi/apple.com/favicon.ico")
}
.unifiDpiIcon--1310902 {
background-size: contain;
background-image: url("../images/dpi/microsoft.com/favicon.ico")
}
.unifiDpiIcon--1310903 {
background-size: contain;
background-image: url("../images/dpi/microsoft.com/favicon.ico")
}
.unifiDpiIcon--1310906 {
background-size: contain;
background-image: url("../images/dpi/google.com/favicon.ico")
}
.unifiDpiIcon--1310908 {
background-size: contain;
background-image: url("../images/dpi/google.com/favicon.ico")
}
.unifiDpiIcon--1310909 {
background-size: contain;
background-image: url("../images/dpi/google.com/favicon.ico")
}
.unifiDpiIcon--1376306 {
background-size: contain;
background-image: url("../images/dpi/apple.com/favicon.ico")
}
.unifiDpiIcon--1572867 {
background-size: contain;
background-image: url("../images/dpi/facebook.com/favicon.ico")
}
.unifiDpiIcon--1572872 {
background-size: contain;
background-image: url("../images/dpi/linkedin.com/favicon.ico")
}
.unifiDpiIcon--1572874 {
background-size: contain;
background-image: url("../images/dpi/twitter.com/favicon.ico")
}
.unifiDpiIcon--1572881 {
background-size: contain;
background-image: url("../images/dpi/pinterest.com/favicon.ico")
}
.unifiDpiIcon--1572882 {
background-size: contain;
background-image: url("../images/dpi/tumblr.com/favicon.ico")
}
.unifiDpiIcon--1572913 {
background-size: contain;
background-image: url("../images/dpi/wordpress.com/favicon.ico")
}
.unifiDpiIcon--1572976 {
background-size: contain;
background-image: url("../images/dpi/yahoo.com/favicon.ico")
}
.unifiDpiIcon--1572985 {
background-size: contain;
background-image: url("../images/dpi/aol.com/favicon.ico")
}
.unifiDpiIcon--1573008 {
background-size: contain;
background-image: url("../images/dpi/yahoo.com/favicon.ico")
}
.unifiDpiIcon--1573016 {
background-size: contain;
background-image: url("../images/dpi/google.com/favicon.ico")
}
.unifiDpiIcon--1573022 {
background-size: contain;
background-image: url("../images/dpi/instagram.com/favicon.ico")
}
.unifiDpiIcon--1900547 {
background-size: contain;
background-image: url("../images/dpi/cnn.com/favicon.ico")
}
.unifiDpiIcon--1900548 {
background-size: contain;
background-image: url("../images/dpi/espn.go.com/favicon.ico")
}
.unifiDpiIcon--1900552 {
background-size: contain;
background-image: url("../images/dpi/yahoo.com/favicon.ico")
}
.unifiDpiIcon--1900554 {
background-size: contain;
background-image: url("../images/dpi/yahoo.com/favicon.ico")
}
.unifiDpiIcon--1900558 {
background-size: contain;
background-image: url("../images/dpi/cnn.com/favicon.ico")
}
.unifiDpiIcon--1900563 {
background-size: contain;
background-image: url("../images/dpi/cnn.com/favicon.ico")
}
.unifiDpiIcon--1966081 {
background-size: contain;
background-image: url("../images/dpi/paypal.com/favicon.ico")
}
.unifiDpiIcon--1966083 {
background-size: contain;
background-image: url("../images/dpi/yahoo.com/favicon.ico")
}
.unifiDpiIcon--1966084 {
background-size: contain;
background-image: url("../images/dpi/bankofamerica.com/favicon.ico")
}
.unifiDpiIcon--1966085 {
background-size: contain;
background-image: url("../images/dpi/chase.com/favicon.ico")
}
.unifiDpiIcon--1966086 {
background-size: contain;
background-image: url("../images/dpi/wellsfargo.com/favicon.ico")
}
.unifiDpiIcon--1966090 {
background-size: contain;
background-image: url("../images/dpi/target.com/favicon.ico")
}
.unifiDpiIcon--1966112 {
background-size: contain;
background-image: url("../images/dpi/zillow.com/favicon.ico")
}
.unifiDpiIcon--196758 {
background-size: contain;
background-image: url("../images/dpi/apple.com/favicon.ico")
}
.unifiDpiIcon--2 {
background-size: contain;
background-image: url("../images/dpi/yahoo.com/favicon.ico")
}
.unifiDpiIcon--2031617 {
background-size: contain;
background-image: url("../images/dpi/yahoo.com/favicon.ico")
}
.unifiDpiIcon--2031618 {
background-size: contain;
background-image: url("../images/dpi/yahoo.com/favicon.ico")
}
.unifiDpiIcon--2031620 {
background-size: contain;
background-image: url("../images/dpi/yahoo.com/favicon.ico")
}
.unifiDpiIcon--2031621 {
background-size: contain;
background-image: url("../images/dpi/google.com/favicon.ico")
}
.unifiDpiIcon--2031623 {
background-size: contain;
background-image: url("../images/dpi/bing.com/favicon.ico")
}
.unifiDpiIcon--2031625 {
background-size: contain;
background-image: url("../images/dpi/google.com/favicon.ico")
}
.unifiDpiIcon--2031626 {
background-size: contain;
background-image: url("../images/dpi/microsoft.com/favicon.ico")
}
.unifiDpiIcon--2031627 {
background-size: contain;
background-image: url("../images/dpi/apple.com/favicon.ico")
}
.unifiDpiIcon--2031637 {
background-size: contain;
background-image: url("../images/dpi/google.com/favicon.ico")
}
.unifiDpiIcon--2031638 {
background-size: contain;
background-image: url("../images/dpi/imgur.com/favicon.ico")
}
.unifiDpiIcon--2031640 {
background-size: contain;
background-image: url("../images/dpi/google.com/favicon.ico")
}
.unifiDpiIcon--2031642 {
background-size: contain;
background-image: url("../images/dpi/apple.com/favicon.ico")
}
.unifiDpiIcon--2031648 {
background-size: contain;
background-image: url("../images/dpi/wikia.com/favicon.ico")
}
.unifiDpiIcon--2031649 {
background-size: contain;
background-image: url("../images/dpi/google.com/favicon.ico")
}
.unifiDpiIcon--2031658 {
background-size: contain;
background-image: url("../images/dpi/yahoo.com/favicon.ico")
}
.unifiDpiIcon--2031667 {
background-size: contain;
background-image: url("../images/dpi/msdn.com/favicon.ico")
}
.unifiDpiIcon--2031670 {
background-size: contain;
background-image: url("../images/dpi/microsoft.com/favicon.ico")
}
.unifiDpiIcon--2031678 {
background-size: contain;
background-image: url("../images/dpi/google.com/favicon.ico")
}
.unifiDpiIcon--2097162 {
background-size: contain;
background-image: url("../images/dpi/yahoo.com/favicon.ico")
}
.unifiDpiIcon--2097183 {
background-size: contain;
background-image: url("../images/dpi/msn.com/favicon.ico")
}
.unifiDpiIcon--2228226 {
background-size: contain;
background-image: url("../images/dpi/yelp.com/favicon.ico")
}
.unifiDpiIcon--2228236 {
background-size: contain;
background-image: url("../images/dpi/yahoo.com/favicon.ico")
}
.unifiDpiIcon--2228239 {
background-size: contain;
background-image: url("../images/dpi/yahoo.com/favicon.ico")
}
.unifiDpiIcon--2228272 {
background-size: contain;
background-image: url("../images/dpi/aol.com/favicon.ico")
}
.unifiDpiIcon--2293787 {
background-size: contain;
background-image: url("../images/dpi/aol.com/favicon.ico")
}
.unifiDpiIcon--2359297 {
background-size: contain;
background-image: url("../images/dpi/yahoo.com/favicon.ico")
}
.unifiDpiIcon--2359298 {
background-size: contain;
background-image: url("../images/dpi/huffingtonpost.com/favicon.ico")
}
.unifiDpiIcon--2359300 {
background-size: contain;
background-image: url("../images/dpi/google.com/favicon.ico")
}
.unifiDpiIcon--2359301 {
background-size: contain;
background-image: url("../images/dpi/reddit.com/favicon.ico")
}
.unifiDpiIcon--2359314 {
background-size: contain;
background-image: url("../images/dpi/yahoo.com/favicon.ico")
}
.unifiDpiIcon--2424852 {
background-size: contain;
background-image: url("../images/dpi/yahoo.com/favicon.ico")
}
.unifiDpiIcon--2490369 {
background-size: contain;
background-image: url("../images/dpi/yahoo.com/favicon.ico")
}
.unifiDpiIcon--2490412 {
background-size: contain;
background-image: url("../images/dpi/yahoo.com/favicon.ico")
}
.unifiDpiIcon--2555905 {
background-size: contain;
background-image: url("../images/dpi/google.com/favicon.ico")
}
.unifiDpiIcon--2555906 {
background-size: contain;
background-image: url("../images/dpi/google.com/favicon.ico")
}
.unifiDpiIcon--2555907 {
background-size: contain;
background-image: url("../images/dpi/amazon.com/favicon.ico")
}
.unifiDpiIcon--2555908 {
background-size: contain;
background-image: url("../images/dpi/amazon.com/favicon.ico")
}
.unifiDpiIcon--2555909 {
background-size: contain;
background-image: url("../images/dpi/google.com/favicon.ico")
}
.unifiDpiIcon--2555910 {
background-size: contain;
background-image: url("../images/dpi/ebay.com/favicon.ico")
}
.unifiDpiIcon--2555914 {
background-size: contain;
background-image: url("../images/dpi/yahoo.com/favicon.ico")
}
.unifiDpiIcon--2555917 {
background-size: contain;
background-image: url("../images/dpi/cnn.com/favicon.ico")
}
.unifiDpiIcon--2555919 {
background-size: contain;
background-image: url("../images/dpi/ebay.com/favicon.ico")
}
.unifiDpiIcon--2555920 {
background-size: contain;
background-image: url("../images/dpi/ebay.com/favicon.ico")
}
.unifiDpiIcon--2555922 {
background-size: contain;
background-image: url("../images/dpi/yahoo.com/favicon.ico")
}
.unifiDpiIcon--2555930 {
background-size: contain;
background-image: url("../images/dpi/yahoo.com/favicon.ico")
}
.unifiDpiIcon--2555937 {
background-size: contain;
background-image: url("../images/dpi/google.com/favicon.ico")
}
.unifiDpiIcon--2555943 {
background-size: contain;
background-image: url("../images/dpi/google.com/favicon.ico")
}
.unifiDpiIcon--2555945 {
background-size: contain;
background-image: url("../images/dpi/msn.com/favicon.ico")
}
.unifiDpiIcon--2555949 {
background-size: contain;
background-image: url("../images/dpi/craigslist.com/favicon.ico")
}
.unifiDpiIcon--2621441 {
background-size: contain;
background-image: url("../images/dpi/yahoo.com/favicon.ico")
}
.unifiDpiIcon--262154 {
background-size: contain;
background-image: url("../images/dpi/apple.com/favicon.ico")
}
.unifiDpiIcon--262219 {
background-size: contain;
background-image: url("../images/dpi/amazon.com/favicon.ico")
}
.unifiDpiIcon--262256 {
background-size: contain;
background-image: url("../images/dpi/youtube.com/favicon.ico")
}
.unifiDpiIcon--262276 {
background-size: contain;
background-image: url("../images/dpi/netflix.com/favicon.ico")
}
.unifiDpiIcon--262286 {
background-size: contain;
background-image: url("../images/dpi/microsoft.com/favicon.ico")
}
.unifiDpiIcon--262311 {
background-size: contain;
background-image: url("../images/dpi/imdb.com/favicon.ico")
}
.unifiDpiIcon--262337 {
background-size: contain;
background-image: url("../images/dpi/amazon.com/favicon.ico")
}
.unifiDpiIcon--2686977 {
background-size: contain;
background-image: url("../images/dpi/ebay.com/favicon.ico")
}
.unifiDpiIcon--2752514 {
background-size: contain;
background-image: url("../images/dpi/yahoo.com/favicon.ico")
}
.unifiDpiIcon--2752568 {
background-size: contain;
background-image: url("../images/dpi/imdb.com/favicon.ico")
}
.unifiDpiIcon--2818049 {
background-size: contain;
background-image: url("../images/dpi/yahoo.com/favicon.ico")
}
.unifiDpiIcon--327776 {
background-size: contain;
background-image: url("../images/dpi/aol.com/favicon.ico")
}
.unifiDpiIcon--327784 {
background-size: contain;
background-image: url("../images/dpi/comcast.com/favicon.ico")
}
.unifiDpiIcon--327786 {
background-size: contain;
background-image: url("../images/dpi/yahoo.com/favicon.ico")
}
.unifiDpiIcon--851976 {
background-size: contain;
background-image: url("../images/dpi/google.com/favicon.ico")
}
.unifiDpiIcon--851978 {
background-size: contain;
background-image: url("../images/dpi/google.com/favicon.ico")
}
.unifiDpiIcon--851981 {
background-size: contain;
background-image: url("../images/dpi/apple.com/favicon.ico")
}
.unifiDpiIcon--851983 {
background-size: contain;
background-image: url("../images/dpi/google.com/favicon.ico")
}
.unifiDpiIcon--851984 {
background-size: contain;
background-image: url("../images/dpi/google.com/favicon.ico")
}
.unifiDpiIcon--851985 {
background-size: contain;
background-image: url("../images/dpi/ebay.com/favicon.ico")
}
.unifiDpiIcon--851989 {
background-size: contain;
background-image: url("../images/dpi/paypal.com/favicon.ico")
}
.unifiDpiIcon--851993 {
background-size: contain;
background-image: url("../images/dpi/cnn.com/favicon.ico")
}
.unifiDpiIcon--851999 {
background-size: contain;
background-image: url("../images/dpi/imgur.com/favicon.ico")
}
.unifiDpiIcon--852001 {
background-size: contain;
background-image: url("../images/dpi/huffingtonpost.com/favicon.ico")
}
.unifiDpiIcon--852005 {
background-size: contain;
background-image: url("../images/dpi/craigslist.com/favicon.ico")
}
.unifiDpiIcon--852006 {
background-size: contain;
background-image: url("../images/dpi/google.com/favicon.ico")
}
.unifiDpiIcon--852007 {
background-size: contain;
background-image: url("../images/dpi/bing.com/favicon.ico")
}
.unifiDpiIcon--852034 {
background-size: contain;
background-image: url("../images/dpi/amazon.com/favicon.ico")
}
.unifiDpiIcon--852037 {
background-size: contain;
background-image: url("../images/dpi/microsoft.com/favicon.ico")
}
.unifiDpiIcon--852052 {
background-size: contain;
background-image: url("../images/dpi/apple.com/favicon.ico")
}
.unifiDpiIcon--852054 {
background-size: contain;
background-image: url("../images/dpi/google.com/favicon.ico")
}
.unifiDpiIcon--852071 {
background-size: contain;
background-image: url("../images/dpi/msn.com/favicon.ico")
}
.unifiDpiIcon--852088 {
background-size: contain;
background-image: url("../images/dpi/microsoft.com/favicon.ico")
}
.unifiDpiIcon--852102 {
background-size: contain;
background-image: url("../images/dpi/google.com/favicon.ico")
}
.unifiDpiIcon--852131 {
background-size: contain;
background-image: url("../images/dpi/google.com/favicon.ico")
}
.unifiDpiIcon--852147 {
background-size: contain;
background-image: url("../images/dpi/google.com/favicon.ico")
}
.unifiDpiIcon--852154 {
background-size: contain;
background-image: url("../images/dpi/google.com/favicon.ico")
}
.unifiDpiIcon--852155 {
background-size: contain;
background-image: url("../images/dpi/microsoft.com/favicon.ico")
}
.unifiDpiIcon--852156 {
background-size: contain;
background-image: url("../images/dpi/yahoo.com/favicon.ico")
}
.unifiDpiIcon--852168 {
background-size: contain;
background-image: url("../images/dpi/yahoo.com/favicon.ico")
}
.unifiDpiIcon--852189 {
background-size: contain;
background-image: url("../images/dpi/msn.com/favicon.ico")
}
.unifiDpiIcon--852191 {
background-size: contain;
background-image: url("../images/dpi/aol.com/favicon.ico")
}
.unifiDpiIcon--852197 {
background-size: contain;
background-image: url("../images/dpi/yahoo.com/favicon.ico")
}
.unifiDpiIcon--852200 {
background-size: contain;
background-image: url("../images/dpi/wikipedia.com/favicon.ico")
}
.unifiDpiIcon--852202 {
background-size: contain;
background-image: url("../images/dpi/amazon.com/favicon.ico")
}
.unifiDpiIcon--852203 {
background-size: contain;
background-image: url("../images/dpi/google.com/favicon.ico")
}
.unifiDpiIcon--852204 {
background-size: contain;
background-image: url("../images/dpi/google.com/favicon.ico")
}
.unifiDpiIcon--852206 {
background-size: contain;
background-image: url("../images/dpi/microsoft.com/favicon.ico")
}
.unifiDpiIcon--852214 {
background-size: contain;
background-image: url("../images/dpi/yahoo.com/favicon.ico")
}
.unifiDpiIcon--852218 {
background-size: contain;
background-image: url("../images/dpi/bing.com/favicon.ico")
}
.unifiDpiIcon--9 {
background-size: contain;
background-image: url("../images/dpi/google.com/favicon.ico")
}
.unifiDpiIcon--917513 {
background-size: contain;
background-image: url("../images/dpi/microsoft.com/favicon.ico")
}
.unifiDpiIcon--917536 {
background-size: contain;
background-image: url("../images/dpi/apple.com/favicon.ico")
}
.unifiDpiIcon--917538 {
background-size: contain;
background-image: url("../images/dpi/google.com/favicon.ico")
}
.unifiDpiIcon--983051 {
background-size: contain;
background-image: url("../images/dpi/aol.com/favicon.ico")
}
.unifiAccountContainer {
position: absolute;
width: 100%;
height: 100%;
min-height: 600px;
padding-top: 50px;
padding-bottom: 50px;
background-color: #1c1e2d;
background-image: -owg-linear-gradient(#ffffff , #788a9a);
background-image: -o-linear-gradient(#ffffff , #788a9a);
background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#788a9a));
background-image: linear-gradient(#ffffff , #788a9a);
display: -webkit-box;
display: -moz-flex;
display: -ms-flex;
display: -ms-flexbox;
display: flex;
-ms-align-items: center;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
-ms-justify-content: center;
-webkit-box-pack: center;
justify-content: center;
-ms-flex-pack: center;
z-index: 95
}
.unifiAccount {
color: #969BA3
}
.unifiAccount .appForm input,
.unifiAccount .appForm select,
.unifiAccount .appForm .appFormDropdown__selectedItem,
.unifiAccount .appForm output,
.unifiAccount .appForm textarea {
background-color: rgba(255, 255, 255, 0.1);
border-color: rgba(255, 255, 255, 0.14)
}
.unifiAccount__unifiLogo {
color: #fff;
font-size: 150px;
line-height: 0.4;
text-align: center
}
.unifiAccount__content {
display: -webkit-box;
display: -moz-flex;
display: -ms-flex;
display: -ms-flexbox;
display: flex;
-ms-align-items: center;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
-ms-justify-content: center;
-webkit-box-pack: center;
justify-content: center;
-ms-flex-pack: center;
width: 340px;
min-height: 240px
}
.unifiAccount__content>* {
width: 100%
}
@media only screen and (max-width: 480px) {
.unifiAccount__content {
width: 300px
}
}
.unifiAccount__oneAccount {
margin-top: 24px;
text-align: center
}
.unifiAccount__oneAccount>p {
margin-bottom: 6px;
font-size: 12px
}
.unifiAccount__jazeLogo {
margin-bottom: 12px;
font-size: 30px
}
.unifiAccount__appNameAndVersion {
margin-bottom: 24px;
text-align: center
}
.unifiAddSshKey__key {
min-height: 150px
}
.unifiAirTimeSession__list {
position: relative;
padding: 7px 10px;
margin-bottom: 5px;
border: 1px solid #ccc;
border-radius: 5px;
background-color: #f6f6f6
}
.unifiAirTimeSession__list--cozy {
height: 150px
}
.unifiAirTimeSession__scans {
position: relative
}
.unifiAirTimeSession__scan {
position: relative;
width: 100%;
max-width: 400px
}
.unifiAirTimeSession__statusBox--aps {
background-color: #00a0df
}
.unifiAirTimeSession__statusBox--free {
background-color: #cfd8dc
}
.unifiAirTimeSession__statusBox--noise {
background-color: #c2c4ce
}
.unifiAirTimeScanGraph__chart .unifiSunburstChartNoData {
visibility: hidden
}
.unifiAirTimeScanGraph__chart .unifiSunburstChart {
min-height: 350px
}
.unifiAirTimeScanGraphLegend__header {
height: 45%
}
.unifiAirTimeScanGraphLegend__title {
height: 40px
}
.unifiAirTimeScanGraphLegend__name {
font-size: 1.2857142857rem;
line-height: 1.5714285714rem;
font-weight: 400;
text-align: center;
width: 100%
}
.unifiAirTimeScanGraphLegend__name--large {
font-size: 2.5714285714rem;
line-height: 2.8571428571rem;
font-weight: 300;
width: 100%;
text-align: center;
overflow: hidden
}
.unifiAirTimeScanGraphLegend__name--small {
font-size: 1rem;
line-height: 1.2857142857rem;
font-weight: 400;
width: 85%;
text-align: center
}
.unifiAirTimeScanGraphLegend__labels {
height: 55%
}
.unifiAirTimeScansGraph.unifiAirTimeScansGraph--cozy {
max-height: 100px
}
.unifiAirTimeScansGraph .unifiStackedBarChartNoData {
visibility: hidden
}
.unifiAirViewSession__scanLegend {
width: 200px
}
.unifiAirViewSession__scansLegend {
width: 260px
}
.unifiAirViewScanGraph__chart {
min-height: 200px
}
.unifiAirViewScanGraph__chart .unifiCdfChartNoData {
visibility: hidden
}
.unifiAirViewScansGraph__chart {
min-height: 200px
}
.unifiAirViewScansGraph__chart .unifiCdfChartNoData {
visibility: hidden
}
.unifiAnomaliesModule {
height: 100%
}
.unifiAnomaliesModuleHeader__count {
font-size: 34px;
font-weight: bold;
color: var(--modular-module-tertiary-color, #28303f);
margin-right: 17px;
min-width: 40px
}
.unifiAnomaliesModuleHeader__label {
font-size: 11px;
font-weight: normal;
color: var(--modular-module-tertiary-color, #28303f)
}
.unifiAnomaliesModuleList {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
color: var(--modular-module-tertiary-color, #28303f);
font-size: 11px;
line-height: 16px
}
.unifiAnomaliesModuleList__date {
width: 50px;
margin-right: 12px
}
@media only screen and (max-width: 1040px) {
.unifiApStatisticsModule {
margin-bottom: -5px
}
}
.unifiApStatisticsModule .unifiLineChart .tick text {
font-size: 10px;
fill: #a1a2a3
}
.unifiApStatisticsModule .unifiLineChart__yAxis .tick text {
text-anchor: start;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px)
}
.unifiApStatisticsModule .unifiLineChart__yAxisLabel {
fill: #bfc3c4
}
.unifiApStatisticsModule .unifiLineChart__area {
fill: url(#apStatisticsGradient)
}
.unifiApStatisticsModule .unifiLineChart__plot path {
stroke: #0046cc
}
.unifiApStatisticsModule .unifiLineChart__plot,
.unifiApStatisticsModule .unifiLineChart__area {
opacity: 0;
-webkit-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
pointer-events: none
}
.unifiApStatisticsModule .unifiLineChart__plot.visible,
.unifiApStatisticsModule .unifiLineChart__area.visible {
opacity: 1 !important
}
.unifiApStatisticsModule .unifiLineChart__scatter--left circle {
stroke: transparent;
-webkit-transition: 1s;
-o-transition: 1s;
transition: 1s;
fill: #dddddd;
pointer-events: none
}
.unifiApStatisticsModule .unifiLineChart__scatter--left circle.scatterPoint--low {
fill: var(--modular-module-color-success, var(--jaze-color-success))
}
.unifiApStatisticsModule .unifiLineChart__scatter--left circle.scatterPoint--medium {
fill: var(--modular-module-color-warning, var(--jaze-color-warning))
}
.unifiApStatisticsModule .unifiLineChart__scatter--left circle.scatterPoint--high {
fill: var(--modular-module-color-danger, var(--jaze-color-danger))
}
.unifiApStatisticsModule .unifiLineChart__xAxis .tick text {
opacity: 0
}
@media only screen and (max-width: 1040px) {
.unifiApStatisticsModule .unifiLineChart__xAxis g:nth-of-type(2n+2) text {
-webkit-transform: translateY(10px);
-ms-transform: translateY(10px);
transform: translateY(10px)
}
}
.unifiApStatisticsModule .unifiLineChart__xAxisSecondary .tick text {
opacity: 1
}
@media only screen and (max-width: 480px) {
.unifiApStatisticsModule .unifiLineChart__xAxisSecondary g:nth-of-type(2n+2) {
opacity: 0
}
}
.unifiApStatisticsModule .unifiLineChart svg.hover .unifiLineChart__scatter {
opacity: 0.3
}
.unifiApStatisticsModule .unifiLineChart svg.hover .unifiLineChart__scatter.hover {
opacity: 1
}
.unifiApStatisticsModule .unifiChartTooltip {
padding: 12px 20px 17px 20px
}
.unifiApStatisticsModule .jazeTooltipContainer.ng-enter,
.unifiApStatisticsModule .jazeTooltipContainer.ng-leave {
-webkit-transition: opacity ease-in-out 0.2s;
-o-transition: opacity ease-in-out 0.2s;
transition: opacity ease-in-out 0.2s
}
.unifiApStatisticsModule .jazeTooltipContainer.ng-enter,
.unifiApStatisticsModule .jazeTooltipContainer.ng-leave.ng-leave-active {
opacity: 0
}
.unifiApStatisticsModule .jazeTooltipContainer.ng-leave,
.unifiApStatisticsModule .jazeTooltipContainer.ng-enter.ng-enter-active {
opacity: 1
}
@-webkit-keyframes fadeIn {
99% {
visibility: hidden
}
100% {
visibility: visible
}
}
@keyframes fadeIn {
99% {
visibility: hidden
}
100% {
visibility: visible
}
}
.unifiApStatisticsModule--isInitializing,
.unifiApStatisticsModule--isLoading {
visibility: hidden
}
.unifiApStatisticsModule--isInitializing .unifiLineChart__scatter--left circle,
.unifiApStatisticsModule--isLoading .unifiLineChart__scatter--left circle {
-webkit-transition: 0s !important;
-o-transition: 0s !important;
transition: 0s !important
}
.unifiApStatisticsModule--isLoading {
-webkit-animation: 0.2s fadeIn;
animation: 0.2s fadeIn;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards
}
.hidden .unifiApStatisticsModule .unifiLineChart__focusArea {
pointer-events: none
}
.unifiAssociationFailuresType0 {
background-color: #210b80
}
.unifiAssociationFailuresType1 {
background-color: #533498
}
.unifiAssociationFailuresType2 {
background-color: #874999
}
.unifiAssociationFailuresType3 {
background-color: #922963
}
.unifiAssociationFailuresType4 {
background-color: #dc1a2d
}
.unifiAssociationFailuresType5 {
background-color: #9297a2
}
.unifiAssociationFailuresModuleHeader__count {
font-size: 34px;
font-weight: bold;
color: var(--modular-module-tertiary-color, #28303f);
margin-right: 17px;
min-width: 40px
}
.unifiAssociationFailuresModuleHeader__graph .unifiBarChart {
height: 14px;
border: 1px solid var(--jaze-color-border-primary);
border-radius: 5px;
overflow: hidden
}
.unifiAssociationFailuresModuleHeader__graph .unifiBarChart .unifiBarChartSegment {
position: static !important
}
.unifiAuraIcon svg {
float: left;
vertical-align: top
}
.unifiAutocomplete {
width: 250px
}
.unifiAutocomplete__dropdown {
position: relative
}
.unifiAutocomplete__dropdown .appIconInput__icon {
pointer-events: initial;
padding: 5px;
margin: -5px
}
.unifiAutocompleteItem--selected {
background-color: #00a0df;
color: #ffffff
}
.unifiAuraIcon svg {
float: left;
vertical-align: top
}
.jaze-mod-dark.unifiBlock--fingerprint,
.jaze-mod-dark .unifiBlock--fingerprint {
--block-selected-background-color: transparent;
--block-selected-border-color: #fff
}
.jaze-mod-dark.unifiBlock__fingerprintIcon,
.jaze-mod-dark .unifiBlock__fingerprintIcon {
--unifi-block-fingerprint-icon-background-color: var(--jaze-color-DN40)
}
.jaze-mod-reset-color.unifiBlock--fingerprint,
.jaze-mod-reset-color .unifiBlock--fingerprint {
--block-selected-background-color: initial;
--block-selected-border-color: initial
}
.jaze-mod-reset-color.unifiBlock__fingerprintIcon,
.jaze-mod-reset-color .unifiBlock__fingerprintIcon {
--unifi-block-fingerprint-icon-background-color: initial
}
.unifiBlockContainer--fingerprint {
--block-width: 100px;
--block-height: 140px;
--block-horizontal-rhythm-multiplier: 1;
--block-vertical-rhythm-multiplier: 4;
--block-drop-shadow-size: 7px;
--block-selected-background-color: transparent
}
.unifiBlock--fingerprint {
--block-section-horizontal-rhythm-multiplier: 2;
--block-section-image-height: 68px;
--block-alerts-offset: 8px;
border-radius: 0;
color: var(--jaze-color-text-secondary)
}
.unifiBlock--fingerprint .jazeBlock__section--below {
bottom: auto;
color: var(--jaze-color-text-quaternary);
font-size: 11px;
margin-top: 8px;
text-align: center;
top: 100%
}
.unifiBlock__fingerprintIcon {
--icon-height: 42px;
--icon-width: 42px;
background: var(--unifi-block-fingerprint-icon-background-color, var(--jaze-color-background-tertiary));
color: var(--jaze-color-text-quaternary);
margin: 0 auto;
padding: 16px 12px
}
.unifiBlock__fingerprintPhoto {
background-size: contain;
max-width: 80px;
width: 86px
}
.unifiBlock__fingerprintIcon,
.unifiBlock__fingerprintPhoto {
height: 86px
}
.unifiCalendarView .is-button-selected {
color: white
}
.unifiCalendarView__scrollable {
overflow: auto;
padding-right: 12px;
margin-right: -12px;
max-height: calc(100vh - 240px);
min-height: 62px
}
.unifiCalendarView__scrollable::-webkit-scrollbar {
height: 14px;
width: 14px
}
.unifiCalendarView__scrollable::-webkit-scrollbar-thumb {
background-clip: content-box;
background-color: var(--jaze-color-scrollbar-thumb);
border-radius: 14px;
border: 4px solid transparent;
min-height: 60px
}
.unifiCalendarView__scrollable::-webkit-scrollbar-track {
background: rgba(0, 0, 0, 0);
border-radius: 6pxcalc($offset * 2)
}
.unifiCalendarView__scrollable::-webkit-scrollbar-corner {
background-color: transparent
}
.unifiCalendarView__legendHeader {
font-weight: bold
}
.unifiCalendarView__legend {
width: 1px;
white-space: nowrap
}
.unifiCalendarView__icon {
width: 1px;
white-space: nowrap
}
td.unifiCalendarView__date {
white-space: nowrap
}
.unifiCalendarView__time {
width: 1px
}
td.unifiCalendarView__time {
white-space: nowrap;
text-align: right
}
.unifiCalendarView__busy {
display: -webkit-box;
display: -moz-flex;
display: -ms-flex;
display: -ms-flexbox;
display: flex;
-ms-align-items: center;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
-ms-justify-content: center;
-webkit-box-pack: center;
justify-content: center;
-ms-flex-pack: center;
margin-top: 36px;
margin-bottom: 36px
}
.unifiCalendarView__changeDate {
display: -webkit-box;
display: -moz-flex;
display: -ms-flex;
display: -ms-flexbox;
display: flex;
-ms-align-items: flex-start;
-ms-flex-align: flex-start;
-webkit-box-align: start;
align-items: flex-start;
-ms-justify-content: space-between;
-webkit-box-pack: justify;
justify-content: space-between;
-ms-flex-pack: space-between;
-ms-align-items: center;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-color: var(--jaze-color-DN50);
color: var(--jaze-color-DN10);
padding-left: 12px;
padding-right: 12px;
font-size: 12px
}
.unifiCalendarView__changeDate>div {
margin-top: 0;
vertical-align: middle;
font-size: 1em;
line-height: 2.25em
}
@media only screen and (max-width: 480px) {
.unifiCalendarView__changeDate {
font-size: 10px
}
}
.unifiCalendarViewList__table th:not(:last-child),
.unifiCalendarViewList__table td:not(:last-child) {
padding-right: 0
}
.unifiCalendarViewDay__table thead,
.unifiCalendarViewDay__table th {
border-bottom: none
}
.unifiCalendarViewDay__table tbody tr:first-child td:not(:first-child) {
border-top: 1px solid var(--table-body-cell-border-color, var(--jaze-color-DN40))
}
.unifiCalendarViewDay__table td {
height: 24px
}
.unifiCalendarViewDay__table td.unifiCalendarView__legend {
vertical-align: top;
font-size: 0.9em;
text-align: right
}
.unifiCalendarViewDay__table td.unifiCalendarView__legend span {
position: relative;
top: -6px
}
.unifiCalendarViewWeek__table {
--table-body-cell-border-width: 0
}
.unifiCalendarViewWeek__table tbody {
border-top: 1px solid var(--table-body-cell-border-color, var(--jaze-color-DN40));
border-bottom: 1px solid var(--table-body-cell-border-color, var(--jaze-color-DN40))
}
.unifiCalendarViewWeek__table td {
height: 24px
}
.unifiCalendarViewWeek__table td.unifiCalendarView__legend {
vertical-align: top;
height: 96px
}
.unifiCalendarViewWeek__table .unifiCalendarViewWeek__day--chosen .unifiCalendarView__legend {
color: #fff
}
.unifiCalendarViewMonth__table {
background-image: -o-radial-gradient(center, ellipse, #333543 30%, transparent 80%);
background-image: radial-gradient(ellipse at center, #333543 30%, transparent 80%);
background-origin: border-box;
border-collapse: separate;
border-spacing: 1px;
min-width: 400px
}
.unifiCalendarViewMonth__table th,
.unifiCalendarViewMonth__table td {
background-color: #151725
}
.unifiCalendarViewMonth__table th {
padding-top: .3571428571rem;
padding-bottom: .8571428571rem
}
.unifiCalendarViewMonth__table td {
padding: .4285714286rem
}
th.unifiCalendarViewMonth__day {
color: #fff
}
td.unifiCalendarViewMonth__day {
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
height: 80px;
vertical-align: top
}
td.unifiCalendarViewMonth__day--thisMonth {
color: #fff
}
td.unifiCalendarViewMonth__day--chosen {
background-color: var(--jaze-color-DN50)
}
.unifiCalendarViewMonth__date {
position: absolute;
bottom: .4285714286rem;
right: .4285714286rem;
font-size: 1.2em
}
.unifiCalendarViewMonth__counters {
font-size: 0.8em
}
@media only screen and (min-width: 801px) {
.appGlobalSideNavPopover--fullscreen .unifiCalendarViewMonth__date {
font-size: 1.8em
}
}
.unifiChannelDistribution {
width: 100%;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
@media only screen and (max-width: 480px) {
.unifiChannelDistribution {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
}
.unifiChannelDistributionGroup:first-child {
padding-right: 10px
}
@media only screen and (max-width: 800px) {
.unifiChannelDistributionGroup:first-child {
margin-bottom: 8px
}
}
@media only screen and (max-width: 480px) {
.unifiChannelDistributionGroup:first-child {
padding-right: 0;
margin-right: 0;
border-right: 0
}
}
.unifiChannelDistributionChannels {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
-ms-flex-line-pack: start;
align-content: flex-start;
border-top: 1px solid var(--modular-module-header-border-color, #cacaca)
}
@media only screen and (min-width: 1921px) {
.unifiChannelDistributionChannels {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
}
.unifiChannelDistributionChannel {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1
}
@media only screen and (max-width: 800px) {
.unifiChannelDistributionChannel {
width: 27px;
max-width: 27px
}
}
.unifiChannelDistributionChannelHeader {
font-size: 9px;
line-height: 11px;
margin-top: 2px;
margin-bottom: 6px
}
.jaze-mod-dark.unifiChannelDistributionItem,
.jaze-mod-dark .unifiChannelDistributionItem {
--unifi-channel-distribution-item-disabled-color: var(--jaze-color-DN40);
--unifi-channel-distribution-item-color1: #48d000;
--unifi-channel-distribution-item-color2: #bfe041;
--unifi-channel-distribution-item-color3: #ffdb1a;
--unifi-channel-distribution-item-color4: #ffaa2e;
--unifi-channel-distribution-item-color5: #f7151a
}
.jaze-mod-reset-color.unifiChannelDistributionItem,
.jaze-mod-reset-color .unifiChannelDistributionItem {
--unifi-channel-distribution-item-disabled-color: initial;
--unifi-channel-distribution-item-color1: initial;
--unifi-channel-distribution-item-color2: initial;
--unifi-channel-distribution-item-color3: initial;
--unifi-channel-distribution-item-color4: initial;
--unifi-channel-distribution-item-color5: initial
}
.unifiChannelDistributionItem {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.unifiChannelDistributionItem .jazeTooltipContainer--hoverable .jazeTooltip {
display: initial;
opacity: 0;
-webkit-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
pointer-events: none
}
.unifiChannelDistributionItem .jazeTooltipContainer--hoverable:hover .jazeTooltip {
display: initial;
opacity: 1
}
.unifiChannelDistributionItem__box {
background-color: var(--unifi-channel-distribution-item-disabled-color, #e2e2e2);
border-radius: 1px;
height: 10px;
margin: 9px 0 9px 1px
}
.unifiChannelDistributionChannel:first-child .unifiChannelDistributionItem__box {
margin-left: 0
}
.unifiChannelDistributionItem__label {
font-size: 11px;
color: var(--modular-module-color, #4a4a4a);
text-align: center;
border-top: 1px solid var(--modular-module-header-border-color, #cacaca);
padding-top: 7px;
min-width: 23px
}
.jaze-mod-dark.unifiChannelUtilizationStatusBarSegment,
.jaze-mod-dark .unifiChannelUtilizationStatusBarSegment {
--unifi-channel-utilization-status-bar-segment-free-background-color: var(--jaze-color-DN40)
}
.jaze-mod-reset-color.unifiChannelUtilizationStatusBarSegment,
.jaze-mod-reset-color .unifiChannelUtilizationStatusBarSegment {
--unifi-channel-utilization-status-bar-segment-free-background-color: initial
}
.unifiChannelUtilizationStatusHeader {
margin-bottom: 2px
}
.unifiChannelUtilizationStatusHeader__channel,
.unifiChannelUtilizationStatusHeader__total {
display: inline-block;
font-size: 13px;
font-weight: 700
}
.unifiChannelUtilizationStatusHeader__protocol,
.unifiChannelUtilizationStatusHeader__notice {
display: inline-block;
font-size: 9px
}
.unifiChannelUtilizationStatusHeader__notice,
.unifiChannelUtilizationStatusHeader__total {
text-align: right
}
.unifiChannelUtilizationStatusHeader__channel,
.unifiChannelUtilizationStatusHeader__notice {
margin-right: 3px
}
.unifiChannelUtilizationStatus--disabled {
opacity: .5
}
.unifiChannelUtilizationStatus--disabled .unifiChannelUtilizationStatusHeader__notice {
display: none
}
.unifiChannelUtilizationStatusBarSegment--rx {
background-color: var(--jaze-color-success)
}
.unifiChannelUtilizationStatusBarSegment--tx {
background-color: var(--jaze-color-P50)
}
.unifiChannelUtilizationStatusBarSegment--interference {
background-color: var(--jaze-color-warning)
}
.unifiChannelUtilizationStatusBarSegment--free {
background-color: var(--unifi-channel-utilization-status-bar-segment-free-background-color, rgba(0, 0, 0, 0.1))
}
.jaze-mod-dark.unifiChartTooltip,
.jaze-mod-dark .unifiChartTooltip {
--unifi-chart-tooltip-background-color: var(--jaze-color-DN55);
--unifi-chart-tooltip-border-color: var(--jaze-color-DN40)
}
.jaze-mod-reset-color.unifiChartTooltip,
.jaze-mod-reset-color .unifiChartTooltip {
--unifi-chart-tooltip-background-color: initial;
--unifi-chart-tooltip-border-color: initial
}
.unifiChartTooltip {
top: 0;
left: 0;
position: absolute;
pointer-events: none;
margin: 0;
padding: 0 20px;
height: calc(100% + 6px);
z-index: 29;
-webkit-transition: opacity 0.2s ease-in-out;
-o-transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out;
opacity: 0
}
.unifiChartTooltip--light {
display: none;
height: initial;
margin: initial;
padding: initial;
-webkit-transition: initial;
-o-transition: initial;
transition: initial
}
.unifiChartTooltip--light .jazeTooltip--lineChart {
margin-left: -16px;
margin-top: -34px
}
.unifiChartTooltip--visible {
opacity: 1;
-webkit-transition: opacity 0.2s ease-in-out;
-o-transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out
}
.unifiChartTooltip__inner {
background-color: var(--unifi-chart-tooltip-background-color, rgba(255, 255, 255, 0.9));
border: 1px solid var(--unifi-chart-tooltip-border-color, #c7d7de);
border-radius: 3px;
-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
height: 100%;
width: 170px;
pointer-events: none;
padding: 5px 10px 5px 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin: -3px 0
}
.unifiChartTooltip__inner block-tooltip {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.unifiChartTooltipHeader {
color: var(--jaze-color-text-primary);
padding: 5px 0 5px 0;
font-size: 13px;
font-weight: bold
}
.unifiChartTooltipBody {
font-size: 11px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1
}
.unifiChartTooltipBody__title {
font-size: 11px;
color: #969ba3
}
.unifiChartTooltipBody__number {
display: inline;
font-size: 11px;
color: var(--jaze-color-text-primary)
}
.unifiChartTooltipBody__number strong {
font-size: 13px
}
.unifiChartTooltipBody__number strong:after {
content: "\00a0"
}
.unifiClientGraph {
min-height: 160px
}
.unifiClientGraph .memory {
color: #00a0df
}
.unifiClientGraph .cpu {
color: orange
}
.unifiClientGraph .unifiLineChart__area {
fill-opacity: 0.7
}
.unifiClientGraph .unifiLineChart__plot--left path,
.unifiClientGraph .unifiLineChart__plot--right path {
stroke-width: 1.5
}
.unifiClientGraph .unifiChartTooltip {
padding: 12px 20px 17px 20px
}
.unifiClientGraph .unifiChartTooltip .unifiChartTooltip__inner {
width: 220px
}
.unifiClientGraph .unifiChartTooltip .up {
color: #a252e3
}
.unifiClientGraph .unifiChartTooltip .down {
color: #39cc64
}
.unifiClientGraph__performance .unifiLineChart__plot--left path {
stroke-width: 1
}
.unifiClientGraph__performance .unifiLineChart__area {
fill: orange
}
.unifiClientGraph__performance .unifiLineChart__plot--left path {
stroke: orange
}
.unifiClientGraph__performance .unifiLineChart__focusPoint--left {
fill: orange
}
.unifiClientGraph__performance .unifiLineChart__plot--right path {
stroke-dasharray: none;
stroke: #00a0df
}
.unifiClientGraph__performance .unifiLineChart__focusPoint--right {
fill: #00a0df
}
.unifiClientGraph--bytes .unifiLineChart__plot--left path,
.unifiClientGraph--packets .unifiLineChart__plot--left path,
.unifiClientGraph--retries .unifiLineChart__plot--left path,
.unifiClientGraph--rate .unifiLineChart__plot--left path {
stroke: #a252e3
}
.unifiClientGraph--bytes .unifiLineChart__focusPoint--left,
.unifiClientGraph--packets .unifiLineChart__focusPoint--left,
.unifiClientGraph--retries .unifiLineChart__focusPoint--left,
.unifiClientGraph--rate .unifiLineChart__focusPoint--left {
fill: #a252e3
}
.unifiClientGraph--bytes .unifiLineChart__plot--left circle,
.unifiClientGraph--packets .unifiLineChart__plot--left circle,
.unifiClientGraph--retries .unifiLineChart__plot--left circle,
.unifiClientGraph--rate .unifiLineChart__plot--left circle {
fill: white;
stroke: rgba(162, 82, 227, 0.5);
stroke-width: 1.5px
}
.unifiClientGraph--bytes .unifiLineChart__plot--right path,
.unifiClientGraph--packets .unifiLineChart__plot--right path,
.unifiClientGraph--retries .unifiLineChart__plot--right path,
.unifiClientGraph--rate .unifiLineChart__plot--right path {
stroke-dasharray: initial;
stroke: #39cc64
}
.unifiClientGraph--bytes .unifiLineChart__focusPoint--right,
.unifiClientGraph--packets .unifiLineChart__focusPoint--right,
.unifiClientGraph--retries .unifiLineChart__focusPoint--right,
.unifiClientGraph--rate .unifiLineChart__focusPoint--right {
fill: #39cc64
}
.unifiClientGraph--bytes .unifiLineChart__plot--right circle,
.unifiClientGraph--packets .unifiLineChart__plot--right circle,
.unifiClientGraph--retries .unifiLineChart__plot--right circle,
.unifiClientGraph--rate .unifiLineChart__plot--right circle {
fill: white;
stroke: rgba(57, 204, 100, 0.5);
stroke-width: 1.5px
}
.unifiClientGraph--signal .unifiLineChart__plot--left path {
stroke: red
}
.unifiClientGraph--signal .unifiLineChart__focusPoint--left {
fill: red
}
.unifiClientGraph--signal .unifiLineChart__plot--left circle {
fill: white;
stroke: rgba(255, 0, 0, 0.5);
stroke-width: 1.5px
}
.unifiClientIcon {
display: inline-block;
font-size: var(--unifi-client-icon-font-size, 24px)
}
.unifiBatchClientIcon {
position: relative
}
.unifiBatchClientIcon .unifiClientIcon {
position: relative;
font-size: 20px
}
.unifiBatchClientIcon .appCount {
position: absolute;
bottom: 0;
right: -10px;
font-size: 10px
}
.unifiBatchClientIcon--offsetCount .appCount {
bottom: -5px;
right: -6px
}
.unifiClientPhoto {
display: inline-block;
position: relative;
background-position: center center;
background-repeat: no-repeat;
vertical-align: top;
width: 25px;
height: 26px
}
.unifiClientPhoto.is-grid {
width: 128px;
height: 128px
}
.unifiClientPhoto.is-maximum {
width: 100%;
height: 100%
}
.unifiClientPhoto--alignTop {
background-position-y: top
}
.unifiClientPhoto--alignLeft {
background-position-x: left
}
.unifiClientPhoto--custom {
background-size: contain
}
.unifiClientPhoto--custom:not(.is-grid):not(.is-maximum) {
width: 30px;
height: 30px
}
.unifiClientPhoto--custom.is-grid {
height: 120px;
width: 200px
}
:root .unifiClientPhoto--wired,
.jaze-mod-reset-color .unifiClientPhoto--wired,
.jaze-mod-dark .jaze-mod-reset-color .unifiClientPhoto--wired {
background-image: url("../images/clients/photos/general/light/wired/standard.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
:root .unifiClientPhoto--wired,
.jaze-mod-reset-color .unifiClientPhoto--wired,
.jaze-mod-dark .jaze-mod-reset-color .unifiClientPhoto--wired {
background-image: url("../images/clients/photos/general/light/wired/standard@2x.png")
}
}
:root .unifiClientPhoto--wired.is-large,
.jaze-mod-reset-color .unifiClientPhoto--wired.is-large,
.jaze-mod-dark .jaze-mod-reset-color .unifiClientPhoto--wired.is-large {
background-image: url("../images/clients/photos/general/light/wired/standard@2x.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
:root .unifiClientPhoto--wired.is-large,
.jaze-mod-reset-color .unifiClientPhoto--wired.is-large,
.jaze-mod-dark .jaze-mod-reset-color .unifiClientPhoto--wired.is-large {
background-image: url("../images/clients/photos/general/light/wired/standard@4x.png")
}
}
:root .unifiClientPhoto--wired.is-grid,
:root .unifiClientPhoto--wired.is-maximum,
.jaze-mod-reset-color .unifiClientPhoto--wired.is-grid,
.jaze-mod-reset-color .unifiClientPhoto--wired.is-maximum,
.jaze-mod-dark .jaze-mod-reset-color .unifiClientPhoto--wired.is-grid,
.jaze-mod-dark .jaze-mod-reset-color .unifiClientPhoto--wired.is-maximum {
background-image: url("../images/clients/photos/general/light/wired/grid.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
:root .unifiClientPhoto--wired.is-grid,
:root .unifiClientPhoto--wired.is-maximum,
.jaze-mod-reset-color .unifiClientPhoto--wired.is-grid,
.jaze-mod-reset-color .unifiClientPhoto--wired.is-maximum,
.jaze-mod-dark .jaze-mod-reset-color .unifiClientPhoto--wired.is-grid,
.jaze-mod-dark .jaze-mod-reset-color .unifiClientPhoto--wired.is-maximum {
background-image: url("../images/clients/photos/general/light/wired/grid@2x.png")
}
}
:root .unifiClientPhoto--wired:not(.is-grid):not(.is-maximum),
.jaze-mod-reset-color .unifiClientPhoto--wired:not(.is-grid):not(.is-maximum),
.jaze-mod-dark .jaze-mod-reset-color .unifiClientPhoto--wired:not(.is-grid):not(.is-maximum) {
width: 25px;
height: 26px
}
:root .unifiClientPhoto--wireless,
.jaze-mod-reset-color .unifiClientPhoto--wireless,
.jaze-mod-dark .jaze-mod-reset-color .unifiClientPhoto--wireless {
background-image: url("../images/clients/photos/general/light/wireless/standard.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
:root .unifiClientPhoto--wireless,
.jaze-mod-reset-color .unifiClientPhoto--wireless,
.jaze-mod-dark .jaze-mod-reset-color .unifiClientPhoto--wireless {
background-image: url("../images/clients/photos/general/light/wireless/standard@2x.png")
}
}
:root .unifiClientPhoto--wireless.is-large,
.jaze-mod-reset-color .unifiClientPhoto--wireless.is-large,
.jaze-mod-dark .jaze-mod-reset-color .unifiClientPhoto--wireless.is-large {
background-image: url("../images/clients/photos/general/light/wireless/standard@2x.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
:root .unifiClientPhoto--wireless.is-large,
.jaze-mod-reset-color .unifiClientPhoto--wireless.is-large,
.jaze-mod-dark .jaze-mod-reset-color .unifiClientPhoto--wireless.is-large {
background-image: url("../images/clients/photos/general/light/wireless/standard@4x.png")
}
}
:root .unifiClientPhoto--wireless.is-grid,
:root .unifiClientPhoto--wireless.is-maximum,
.jaze-mod-reset-color .unifiClientPhoto--wireless.is-grid,
.jaze-mod-reset-color .unifiClientPhoto--wireless.is-maximum,
.jaze-mod-dark .jaze-mod-reset-color .unifiClientPhoto--wireless.is-grid,
.jaze-mod-dark .jaze-mod-reset-color .unifiClientPhoto--wireless.is-maximum {
background-image: url("../images/clients/photos/general/light/wireless/grid.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
:root .unifiClientPhoto--wireless.is-grid,
:root .unifiClientPhoto--wireless.is-maximum,
.jaze-mod-reset-color .unifiClientPhoto--wireless.is-grid,
.jaze-mod-reset-color .unifiClientPhoto--wireless.is-maximum,
.jaze-mod-dark .jaze-mod-reset-color .unifiClientPhoto--wireless.is-grid,
.jaze-mod-dark .jaze-mod-reset-color .unifiClientPhoto--wireless.is-maximum {
background-image: url("../images/clients/photos/general/light/wireless/grid@2x.png")
}
}
:root .unifiClientPhoto--wireless:not(.is-grid):not(.is-maximum),
.jaze-mod-reset-color .unifiClientPhoto--wireless:not(.is-grid):not(.is-maximum),
.jaze-mod-dark .jaze-mod-reset-color .unifiClientPhoto--wireless:not(.is-grid):not(.is-maximum) {
width: 25px;
height: 26px
}
:root .unifiClientPhoto--camera,
.jaze-mod-reset-color .unifiClientPhoto--camera,
.jaze-mod-dark .jaze-mod-reset-color .unifiClientPhoto--camera {
background-image: url("../images/clients/photos/general/light/camera/default/standard.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
:root .unifiClientPhoto--camera,
.jaze-mod-reset-color .unifiClientPhoto--camera,
.jaze-mod-dark .jaze-mod-reset-color .unifiClientPhoto--camera {
background-image: url("../images/clients/photos/general/light/camera/default/standard@2x.png")
}
}
:root .unifiClientPhoto--camera.is-large,
.jaze-mod-reset-color .unifiClientPhoto--camera.is-large,
.jaze-mod-dark .jaze-mod-reset-color .unifiClientPhoto--camera.is-large {
background-image: url("../images/clients/photos/general/light/camera/default/standard@2x.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
:root .unifiClientPhoto--camera.is-large,
.jaze-mod-reset-color .unifiClientPhoto--camera.is-large,
.jaze-mod-dark .jaze-mod-reset-color .unifiClientPhoto--camera.is-large {
background-image: url("../images/clients/photos/general/light/camera/default/standard@4x.png")
}
}
:root .unifiClientPhoto--camera.is-grid,
:root .unifiClientPhoto--camera.is-maximum,
.jaze-mod-reset-color .unifiClientPhoto--camera.is-grid,
.jaze-mod-reset-color .unifiClientPhoto--camera.is-maximum,
.jaze-mod-dark .jaze-mod-reset-color .unifiClientPhoto--camera.is-grid,
.jaze-mod-dark .jaze-mod-reset-color .unifiClientPhoto--camera.is-maximum {
background-image: url("../images/clients/photos/general/light/camera/default/grid.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
:root .unifiClientPhoto--camera.is-grid,
:root .unifiClientPhoto--camera.is-maximum,
.jaze-mod-reset-color .unifiClientPhoto--camera.is-grid,
.jaze-mod-reset-color .unifiClientPhoto--camera.is-maximum,
.jaze-mod-dark .jaze-mod-reset-color .unifiClientPhoto--camera.is-grid,
.jaze-mod-dark .jaze-mod-reset-color .unifiClientPhoto--camera.is-maximum {
background-image: url("../images/clients/photos/general/light/camera/default/grid@2x.png")
}
}
:root .unifiClientPhoto--camera:not(.is-grid):not(.is-maximum),
.jaze-mod-reset-color .unifiClientPhoto--camera:not(.is-grid):not(.is-maximum),
.jaze-mod-dark .jaze-mod-reset-color .unifiClientPhoto--camera:not(.is-grid):not(.is-maximum) {
width: 25px;
height: 26px
}
:root .unifiClientPhoto--wiredCamera,
.jaze-mod-reset-color .unifiClientPhoto--wiredCamera,
.jaze-mod-dark .jaze-mod-reset-color .unifiClientPhoto--wiredCamera {
background-image: url("../images/clients/photos/general/light/camera/wired/standard.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
:root .unifiClientPhoto--wiredCamera,
.jaze-mod-reset-color .unifiClientPhoto--wiredCamera,
.jaze-mod-dark .jaze-mod-reset-color .unifiClientPhoto--wiredCamera {
background-image: url("../images/clients/photos/general/light/camera/wired/standard@2x.png")
}
}
:root .unifiClientPhoto--wiredCamera.is-large,
.jaze-mod-reset-color .unifiClientPhoto--wiredCamera.is-large,
.jaze-mod-dark .jaze-mod-reset-color .unifiClientPhoto--wiredCamera.is-large {
background-image: url("../images/clients/photos/general/light/camera/wired/standard@2x.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
:root .unifiClientPhoto--wiredCamera.is-large,
.jaze-mod-reset-color .unifiClientPhoto--wiredCamera.is-large,
.jaze-mod-dark .jaze-mod-reset-color .unifiClientPhoto--wiredCamera.is-large {
background-image: url("../images/clients/photos/general/light/camera/wired/standard@4x.png")
}
}
:root .unifiClientPhoto--wiredCamera.is-grid,
:root .unifiClientPhoto--wiredCamera.is-maximum,
.jaze-mod-reset-color .unifiClientPhoto--wiredCamera.is-grid,
.jaze-mod-reset-color .unifiClientPhoto--wiredCamera.is-maximum,
.jaze-mod-dark .jaze-mod-reset-color .unifiClientPhoto--wiredCamera.is-grid,
.jaze-mod-dark .jaze-mod-reset-color .unifiClientPhoto--wiredCamera.is-maximum {
background-image: url("../images/clients/photos/general/light/camera/wired/grid.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
:root .unifiClientPhoto--wiredCamera.is-grid,
:root .unifiClientPhoto--wiredCamera.is-maximum,
.jaze-mod-reset-color .unifiClientPhoto--wiredCamera.is-grid,
.jaze-mod-reset-color .unifiClientPhoto--wiredCamera.is-maximum,
.jaze-mod-dark .jaze-mod-reset-color .unifiClientPhoto--wiredCamera.is-grid,
.jaze-mod-dark .jaze-mod-reset-color .unifiClientPhoto--wiredCamera.is-maximum {
background-image: url("../images/clients/photos/general/light/camera/wired/grid@2x.png")
}
}
:root .unifiClientPhoto--wiredCamera:not(.is-grid):not(.is-maximum),
.jaze-mod-reset-color .unifiClientPhoto--wiredCamera:not(.is-grid):not(.is-maximum),
.jaze-mod-dark .jaze-mod-reset-color .unifiClientPhoto--wiredCamera:not(.is-grid):not(.is-maximum) {
width: 25px;
height: 26px
}
:root .unifiClientPhoto--wirelessCamera,
.jaze-mod-reset-color .unifiClientPhoto--wirelessCamera,
.jaze-mod-dark .jaze-mod-reset-color .unifiClientPhoto--wirelessCamera {
background-image: url("../images/clients/photos/general/light/camera/wireless/standard.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
:root .unifiClientPhoto--wirelessCamera,
.jaze-mod-reset-color .unifiClientPhoto--wirelessCamera,
.jaze-mod-dark .jaze-mod-reset-color .unifiClientPhoto--wirelessCamera {
background-image: url("../images/clients/photos/general/light/camera/wireless/standard@2x.png")
}
}
:root .unifiClientPhoto--wirelessCamera.is-large,
.jaze-mod-reset-color .unifiClientPhoto--wirelessCamera.is-large,
.jaze-mod-dark .jaze-mod-reset-color .unifiClientPhoto--wirelessCamera.is-large {
background-image: url("../images/clients/photos/general/light/camera/wireless/standard@2x.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
:root .unifiClientPhoto--wirelessCamera.is-large,
.jaze-mod-reset-color .unifiClientPhoto--wirelessCamera.is-large,
.jaze-mod-dark .jaze-mod-reset-color .unifiClientPhoto--wirelessCamera.is-large {
background-image: url("../images/clients/photos/general/light/camera/wireless/standard@4x.png")
}
}
:root .unifiClientPhoto--wirelessCamera.is-grid,
:root .unifiClientPhoto--wirelessCamera.is-maximum,
.jaze-mod-reset-color .unifiClientPhoto--wirelessCamera.is-grid,
.jaze-mod-reset-color .unifiClientPhoto--wirelessCamera.is-maximum,
.jaze-mod-dark .jaze-mod-reset-color .unifiClientPhoto--wirelessCamera.is-grid,
.jaze-mod-dark .jaze-mod-reset-color .unifiClientPhoto--wirelessCamera.is-maximum {
background-image: url("../images/clients/photos/general/light/camera/wireless/grid.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
:root .unifiClientPhoto--wirelessCamera.is-grid,
:root .unifiClientPhoto--wirelessCamera.is-maximum,
.jaze-mod-reset-color .unifiClientPhoto--wirelessCamera.is-grid,
.jaze-mod-reset-color .unifiClientPhoto--wirelessCamera.is-maximum,
.jaze-mod-dark .jaze-mod-reset-color .unifiClientPhoto--wirelessCamera.is-grid,
.jaze-mod-dark .jaze-mod-reset-color .unifiClientPhoto--wirelessCamera.is-maximum {
background-image: url("../images/clients/photos/general/light/camera/wireless/grid@2x.png")
}
}
:root .unifiClientPhoto--wirelessCamera:not(.is-grid):not(.is-maximum),
.jaze-mod-reset-color .unifiClientPhoto--wirelessCamera:not(.is-grid):not(.is-maximum),
.jaze-mod-dark .jaze-mod-reset-color .unifiClientPhoto--wirelessCamera:not(.is-grid):not(.is-maximum) {
width: 25px;
height: 26px
}
.jaze-mod-dark .unifiClientPhoto--wired {
background-image: url("../images/clients/photos/general/dark/wired/standard.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.jaze-mod-dark .unifiClientPhoto--wired {
background-image: url("../images/clients/photos/general/dark/wired/standard@2x.png")
}
}
.jaze-mod-dark .unifiClientPhoto--wired.is-large {
background-image: url("../images/clients/photos/general/dark/wired/standard@2x.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.jaze-mod-dark .unifiClientPhoto--wired.is-large {
background-image: url("../images/clients/photos/general/dark/wired/standard@4x.png")
}
}
.jaze-mod-dark .unifiClientPhoto--wired.is-grid,
.jaze-mod-dark .unifiClientPhoto--wired.is-maximum {
background-image: url("../images/clients/photos/general/dark/wired/grid.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.jaze-mod-dark .unifiClientPhoto--wired.is-grid,
.jaze-mod-dark .unifiClientPhoto--wired.is-maximum {
background-image: url("../images/clients/photos/general/dark/wired/grid@2x.png")
}
}
.jaze-mod-dark .unifiClientPhoto--wired:not(.is-grid):not(.is-maximum) {
width: 25px;
height: 26px
}
.jaze-mod-dark .unifiClientPhoto--wireless {
background-image: url("../images/clients/photos/general/dark/wireless/standard.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.jaze-mod-dark .unifiClientPhoto--wireless {
background-image: url("../images/clients/photos/general/dark/wireless/standard@2x.png")
}
}
.jaze-mod-dark .unifiClientPhoto--wireless.is-large {
background-image: url("../images/clients/photos/general/dark/wireless/standard@2x.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.jaze-mod-dark .unifiClientPhoto--wireless.is-large {
background-image: url("../images/clients/photos/general/dark/wireless/standard@4x.png")
}
}
.jaze-mod-dark .unifiClientPhoto--wireless.is-grid,
.jaze-mod-dark .unifiClientPhoto--wireless.is-maximum {
background-image: url("../images/clients/photos/general/dark/wireless/grid.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.jaze-mod-dark .unifiClientPhoto--wireless.is-grid,
.jaze-mod-dark .unifiClientPhoto--wireless.is-maximum {
background-image: url("../images/clients/photos/general/dark/wireless/grid@2x.png")
}
}
.jaze-mod-dark .unifiClientPhoto--wireless:not(.is-grid):not(.is-maximum) {
width: 25px;
height: 26px
}
.jaze-mod-dark .unifiClientPhoto--camera {
background-image: url("../images/clients/photos/general/dark/camera/default/standard.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.jaze-mod-dark .unifiClientPhoto--camera {
background-image: url("../images/clients/photos/general/dark/camera/default/standard@2x.png")
}
}
.jaze-mod-dark .unifiClientPhoto--camera.is-large {
background-image: url("../images/clients/photos/general/dark/camera/default/standard@2x.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.jaze-mod-dark .unifiClientPhoto--camera.is-large {
background-image: url("../images/clients/photos/general/dark/camera/default/standard@4x.png")
}
}
.jaze-mod-dark .unifiClientPhoto--camera.is-grid,
.jaze-mod-dark .unifiClientPhoto--camera.is-maximum {
background-image: url("../images/clients/photos/general/dark/camera/default/grid.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.jaze-mod-dark .unifiClientPhoto--camera.is-grid,
.jaze-mod-dark .unifiClientPhoto--camera.is-maximum {
background-image: url("../images/clients/photos/general/dark/camera/default/grid@2x.png")
}
}
.jaze-mod-dark .unifiClientPhoto--camera:not(.is-grid):not(.is-maximum) {
width: 25px;
height: 26px
}
.jaze-mod-dark .unifiClientPhoto--wiredCamera {
background-image: url("../images/clients/photos/general/dark/camera/wired/standard.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.jaze-mod-dark .unifiClientPhoto--wiredCamera {
background-image: url("../images/clients/photos/general/dark/camera/wired/standard@2x.png")
}
}
.jaze-mod-dark .unifiClientPhoto--wiredCamera.is-large {
background-image: url("../images/clients/photos/general/dark/camera/wired/standard@2x.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.jaze-mod-dark .unifiClientPhoto--wiredCamera.is-large {
background-image: url("../images/clients/photos/general/dark/camera/wired/standard@4x.png")
}
}
.jaze-mod-dark .unifiClientPhoto--wiredCamera.is-grid,
.jaze-mod-dark .unifiClientPhoto--wiredCamera.is-maximum {
background-image: url("../images/clients/photos/general/dark/camera/wired/grid.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.jaze-mod-dark .unifiClientPhoto--wiredCamera.is-grid,
.jaze-mod-dark .unifiClientPhoto--wiredCamera.is-maximum {
background-image: url("../images/clients/photos/general/dark/camera/wired/grid@2x.png")
}
}
.jaze-mod-dark .unifiClientPhoto--wiredCamera:not(.is-grid):not(.is-maximum) {
width: 25px;
height: 26px
}
.jaze-mod-dark .unifiClientPhoto--wirelessCamera {
background-image: url("../images/clients/photos/general/dark/camera/wireless/standard.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.jaze-mod-dark .unifiClientPhoto--wirelessCamera {
background-image: url("../images/clients/photos/general/dark/camera/wireless/standard@2x.png")
}
}
.jaze-mod-dark .unifiClientPhoto--wirelessCamera.is-large {
background-image: url("../images/clients/photos/general/dark/camera/wireless/standard@2x.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.jaze-mod-dark .unifiClientPhoto--wirelessCamera.is-large {
background-image: url("../images/clients/photos/general/dark/camera/wireless/standard@4x.png")
}
}
.jaze-mod-dark .unifiClientPhoto--wirelessCamera.is-grid,
.jaze-mod-dark .unifiClientPhoto--wirelessCamera.is-maximum {
background-image: url("../images/clients/photos/general/dark/camera/wireless/grid.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.jaze-mod-dark .unifiClientPhoto--wirelessCamera.is-grid,
.jaze-mod-dark .unifiClientPhoto--wirelessCamera.is-maximum {
background-image: url("../images/clients/photos/general/dark/camera/wireless/grid@2x.png")
}
}
.jaze-mod-dark .unifiClientPhoto--wirelessCamera:not(.is-grid):not(.is-maximum) {
width: 25px;
height: 26px
}
.unifiClientPhoto--linuxDesktop {
background-image: url("../images/clients/photos/dpi/linuxDesktop/standard.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiClientPhoto--linuxDesktop {
background-image: url("../images/clients/photos/dpi/linuxDesktop/standard@2x.png")
}
}
.unifiClientPhoto--linuxDesktop.is-large {
background-image: url("../images/clients/photos/dpi/linuxDesktop/standard@2x.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiClientPhoto--linuxDesktop.is-large {
background-image: url("../images/clients/photos/dpi/linuxDesktop/standard@4x.png")
}
}
.unifiClientPhoto--linuxDesktop.is-grid,
.unifiClientPhoto--linuxDesktop.is-maximum {
background-image: url("../images/clients/photos/dpi/linuxDesktop/grid.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiClientPhoto--linuxDesktop.is-grid,
.unifiClientPhoto--linuxDesktop.is-maximum {
background-image: url("../images/clients/photos/dpi/linuxDesktop/grid@2x.png")
}
}
.unifiClientPhoto--linuxDesktop:not(.is-grid):not(.is-maximum) {
width: 25px;
height: 26px
}
.unifiClientPhoto--androidPhone {
background-image: url("../images/clients/photos/dpi/androidPhone/standard.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiClientPhoto--androidPhone {
background-image: url("../images/clients/photos/dpi/androidPhone/standard@2x.png")
}
}
.unifiClientPhoto--androidPhone.is-large {
background-image: url("../images/clients/photos/dpi/androidPhone/standard@2x.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiClientPhoto--androidPhone.is-large {
background-image: url("../images/clients/photos/dpi/androidPhone/standard@4x.png")
}
}
.unifiClientPhoto--androidPhone.is-grid,
.unifiClientPhoto--androidPhone.is-maximum {
background-image: url("../images/clients/photos/dpi/androidPhone/grid.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiClientPhoto--androidPhone.is-grid,
.unifiClientPhoto--androidPhone.is-maximum {
background-image: url("../images/clients/photos/dpi/androidPhone/grid@2x.png")
}
}
.unifiClientPhoto--androidPhone:not(.is-grid):not(.is-maximum) {
width: 25px;
height: 26px
}
.unifiClientPhoto--androidTablet {
background-image: url("../images/clients/photos/dpi/androidTablet/standard.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiClientPhoto--androidTablet {
background-image: url("../images/clients/photos/dpi/androidTablet/standard@2x.png")
}
}
.unifiClientPhoto--androidTablet.is-large {
background-image: url("../images/clients/photos/dpi/androidTablet/standard@2x.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiClientPhoto--androidTablet.is-large {
background-image: url("../images/clients/photos/dpi/androidTablet/standard@4x.png")
}
}
.unifiClientPhoto--androidTablet.is-grid,
.unifiClientPhoto--androidTablet.is-maximum {
background-image: url("../images/clients/photos/dpi/androidTablet/grid.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiClientPhoto--androidTablet.is-grid,
.unifiClientPhoto--androidTablet.is-maximum {
background-image: url("../images/clients/photos/dpi/androidTablet/grid@2x.png")
}
}
.unifiClientPhoto--androidTablet:not(.is-grid):not(.is-maximum) {
width: 25px;
height: 26px
}
.unifiClientPhoto--androidWatch {
background-image: url("../images/clients/photos/dpi/androidWatch/standard.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiClientPhoto--androidWatch {
background-image: url("../images/clients/photos/dpi/androidWatch/standard@2x.png")
}
}
.unifiClientPhoto--androidWatch.is-large {
background-image: url("../images/clients/photos/dpi/androidWatch/standard@2x.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiClientPhoto--androidWatch.is-large {
background-image: url("../images/clients/photos/dpi/androidWatch/standard@4x.png")
}
}
.unifiClientPhoto--androidWatch.is-grid,
.unifiClientPhoto--androidWatch.is-maximum {
background-image: url("../images/clients/photos/dpi/androidWatch/grid.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiClientPhoto--androidWatch.is-grid,
.unifiClientPhoto--androidWatch.is-maximum {
background-image: url("../images/clients/photos/dpi/androidWatch/grid@2x.png")
}
}
.unifiClientPhoto--androidWatch:not(.is-grid):not(.is-maximum) {
width: 25px;
height: 26px
}
.unifiClientPhoto--windowsDesktop {
background-image: url("../images/clients/photos/dpi/windowsDesktop/standard.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiClientPhoto--windowsDesktop {
background-image: url("../images/clients/photos/dpi/windowsDesktop/standard@2x.png")
}
}
.unifiClientPhoto--windowsDesktop.is-large {
background-image: url("../images/clients/photos/dpi/windowsDesktop/standard@2x.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiClientPhoto--windowsDesktop.is-large {
background-image: url("../images/clients/photos/dpi/windowsDesktop/standard@4x.png")
}
}
.unifiClientPhoto--windowsDesktop.is-grid,
.unifiClientPhoto--windowsDesktop.is-maximum {
background-image: url("../images/clients/photos/dpi/windowsDesktop/grid.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiClientPhoto--windowsDesktop.is-grid,
.unifiClientPhoto--windowsDesktop.is-maximum {
background-image: url("../images/clients/photos/dpi/windowsDesktop/grid@2x.png")
}
}
.unifiClientPhoto--windowsDesktop:not(.is-grid):not(.is-maximum) {
width: 25px;
height: 26px
}
.unifiClientPhoto--windowsPhone {
background-image: url("../images/clients/photos/dpi/windowsPhone/standard.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiClientPhoto--windowsPhone {
background-image: url("../images/clients/photos/dpi/windowsPhone/standard@2x.png")
}
}
.unifiClientPhoto--windowsPhone.is-large {
background-image: url("../images/clients/photos/dpi/windowsPhone/standard@2x.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiClientPhoto--windowsPhone.is-large {
background-image: url("../images/clients/photos/dpi/windowsPhone/standard@4x.png")
}
}
.unifiClientPhoto--windowsPhone.is-grid,
.unifiClientPhoto--windowsPhone.is-maximum {
background-image: url("../images/clients/photos/dpi/windowsPhone/grid.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiClientPhoto--windowsPhone.is-grid,
.unifiClientPhoto--windowsPhone.is-maximum {
background-image: url("../images/clients/photos/dpi/windowsPhone/grid@2x.png")
}
}
.unifiClientPhoto--windowsPhone:not(.is-grid):not(.is-maximum) {
width: 25px;
height: 26px
}
.unifiClientPhoto--windowsTablet {
background-image: url("../images/clients/photos/dpi/windowsTablet/standard.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiClientPhoto--windowsTablet {
background-image: url("../images/clients/photos/dpi/windowsTablet/standard@2x.png")
}
}
.unifiClientPhoto--windowsTablet.is-large {
background-image: url("../images/clients/photos/dpi/windowsTablet/standard@2x.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiClientPhoto--windowsTablet.is-large {
background-image: url("../images/clients/photos/dpi/windowsTablet/standard@4x.png")
}
}
.unifiClientPhoto--windowsTablet.is-grid,
.unifiClientPhoto--windowsTablet.is-maximum {
background-image: url("../images/clients/photos/dpi/windowsTablet/grid.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiClientPhoto--windowsTablet.is-grid,
.unifiClientPhoto--windowsTablet.is-maximum {
background-image: url("../images/clients/photos/dpi/windowsTablet/grid@2x.png")
}
}
.unifiClientPhoto--windowsTablet:not(.is-grid):not(.is-maximum) {
width: 25px;
height: 26px
}
.unifiClientPhoto--windowsWatch {
background-image: url("../images/clients/photos/dpi/windowsWatch/standard.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiClientPhoto--windowsWatch {
background-image: url("../images/clients/photos/dpi/windowsWatch/standard@2x.png")
}
}
.unifiClientPhoto--windowsWatch.is-large {
background-image: url("../images/clients/photos/dpi/windowsWatch/standard@2x.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiClientPhoto--windowsWatch.is-large {
background-image: url("../images/clients/photos/dpi/windowsWatch/standard@4x.png")
}
}
.unifiClientPhoto--windowsWatch.is-grid,
.unifiClientPhoto--windowsWatch.is-maximum {
background-image: url("../images/clients/photos/dpi/windowsWatch/grid.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiClientPhoto--windowsWatch.is-grid,
.unifiClientPhoto--windowsWatch.is-maximum {
background-image: url("../images/clients/photos/dpi/windowsWatch/grid@2x.png")
}
}
.unifiClientPhoto--windowsWatch:not(.is-grid):not(.is-maximum) {
width: 25px;
height: 26px
}
.unifiClientPhoto--appleDesktop {
background-image: url("../images/clients/photos/dpi/appleDesktop/standard.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiClientPhoto--appleDesktop {
background-image: url("../images/clients/photos/dpi/appleDesktop/standard@2x.png")
}
}
.unifiClientPhoto--appleDesktop.is-large {
background-image: url("../images/clients/photos/dpi/appleDesktop/standard@2x.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiClientPhoto--appleDesktop.is-large {
background-image: url("../images/clients/photos/dpi/appleDesktop/standard@4x.png")
}
}
.unifiClientPhoto--appleDesktop.is-grid,
.unifiClientPhoto--appleDesktop.is-maximum {
background-image: url("../images/clients/photos/dpi/appleDesktop/grid.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiClientPhoto--appleDesktop.is-grid,
.unifiClientPhoto--appleDesktop.is-maximum {
background-image: url("../images/clients/photos/dpi/appleDesktop/grid@2x.png")
}
}
.unifiClientPhoto--appleDesktop:not(.is-grid):not(.is-maximum) {
width: 25px;
height: 26px
}
.unifiClientPhoto--applePhone {
background-image: url("../images/clients/photos/dpi/applePhone/standard.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiClientPhoto--applePhone {
background-image: url("../images/clients/photos/dpi/applePhone/standard@2x.png")
}
}
.unifiClientPhoto--applePhone.is-large {
background-image: url("../images/clients/photos/dpi/applePhone/standard@2x.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiClientPhoto--applePhone.is-large {
background-image: url("../images/clients/photos/dpi/applePhone/standard@4x.png")
}
}
.unifiClientPhoto--applePhone.is-grid,
.unifiClientPhoto--applePhone.is-maximum {
background-image: url("../images/clients/photos/dpi/applePhone/grid.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiClientPhoto--applePhone.is-grid,
.unifiClientPhoto--applePhone.is-maximum {
background-image: url("../images/clients/photos/dpi/applePhone/grid@2x.png")
}
}
.unifiClientPhoto--applePhone:not(.is-grid):not(.is-maximum) {
width: 25px;
height: 26px
}
.unifiClientPhoto--appleTablet {
background-image: url("../images/clients/photos/dpi/appleTablet/standard.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiClientPhoto--appleTablet {
background-image: url("../images/clients/photos/dpi/appleTablet/standard@2x.png")
}
}
.unifiClientPhoto--appleTablet.is-large {
background-image: url("../images/clients/photos/dpi/appleTablet/standard@2x.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiClientPhoto--appleTablet.is-large {
background-image: url("../images/clients/photos/dpi/appleTablet/standard@4x.png")
}
}
.unifiClientPhoto--appleTablet.is-grid,
.unifiClientPhoto--appleTablet.is-maximum {
background-image: url("../images/clients/photos/dpi/appleTablet/grid.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiClientPhoto--appleTablet.is-grid,
.unifiClientPhoto--appleTablet.is-maximum {
background-image: url("../images/clients/photos/dpi/appleTablet/grid@2x.png")
}
}
.unifiClientPhoto--appleTablet:not(.is-grid):not(.is-maximum) {
width: 25px;
height: 26px
}
.unifiClientPhoto--appleWatch {
background-image: url("../images/clients/photos/dpi/appleWatch/standard.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiClientPhoto--appleWatch {
background-image: url("../images/clients/photos/dpi/appleWatch/standard@2x.png")
}
}
.unifiClientPhoto--appleWatch.is-large {
background-image: url("../images/clients/photos/dpi/appleWatch/standard@2x.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiClientPhoto--appleWatch.is-large {
background-image: url("../images/clients/photos/dpi/appleWatch/standard@4x.png")
}
}
.unifiClientPhoto--appleWatch.is-grid,
.unifiClientPhoto--appleWatch.is-maximum {
background-image: url("../images/clients/photos/dpi/appleWatch/grid.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiClientPhoto--appleWatch.is-grid,
.unifiClientPhoto--appleWatch.is-maximum {
background-image: url("../images/clients/photos/dpi/appleWatch/grid@2x.png")
}
}
.unifiClientPhoto--appleWatch:not(.is-grid):not(.is-maximum) {
width: 25px;
height: 26px
}
.unifiClientPhoto--smartTv {
background-image: url("../images/clients/photos/dpi/smartTv/standard.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiClientPhoto--smartTv {
background-image: url("../images/clients/photos/dpi/smartTv/standard@2x.png")
}
}
.unifiClientPhoto--smartTv.is-large {
background-image: url("../images/clients/photos/dpi/smartTv/standard@2x.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiClientPhoto--smartTv.is-large {
background-image: url("../images/clients/photos/dpi/smartTv/standard@4x.png")
}
}
.unifiClientPhoto--smartTv.is-grid,
.unifiClientPhoto--smartTv.is-maximum {
background-image: url("../images/clients/photos/dpi/smartTv/grid.png");
background-size: contain
}
@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-resolution: 192dpi),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx) {
.unifiClientPhoto--smartTv.is-grid,
.unifiClientPhoto--smartTv.is-maximum {
background-image: url("../images/clients/photos/dpi/smartTv/grid@2x.png")
}
}
.unifiClientPhoto--smartTv:not(.is-grid):not(.is-maximum) {
width: 25px;
height: 26px
}
.unifiBatchClientPhoto {
position: relative;
width: 25px;
height: 26px
}
.unifiBatchClientPhoto .appCount {
position: absolute;
bottom: 0;
right: -10px;
font-size: 10px
}
.unifiBatchClientPhoto--offsetCount .appCount {
bottom: -5px;
right: -6px
}
.unifiClientPropertiesDpiList .unifiDonutChartLabel__main {
fill: #949ba2;
font-size: 8px;
dominant-baseline: ideographic
}
.unifiClientPropertiesDpiList .unifiDonutChartLabel__secondary {
fill: #00a2e2;
font-size: 12px;
dominant-baseline: middle
}
td.unifiClientsTable__clientIcon {
padding-top: 0;
padding-bottom: 0;
width: 40px;
text-align: center !important
}
td.unifiClientsTable__clientPhoto {
width: 30px;
height: 30px;
padding: 4px 0;
text-align: center
}
.unifiColorBall {
border-radius: 100%;
border: 1px solid #d7dbdd;
display: inline-block;
font-size: inherit;
height: 15px;
vertical-align: middle;
width: 15px
}
.unifiColorBall--dark {
border-color: #3e494f
}
.unifiColorTool--standalone {
display: block;
margin-left: -10px;
margin-right: -10px
}
.unifiColorToolHsvSpace {
position: relative
}
.unifiColorToolSvSpace {
cursor: crosshair;
padding: 10px;
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.unifiColorToolSvSpace__canvas {
background-image: -o-linear-gradient(bottom, #000 0%, rgba(0, 0, 0, 0) 100%), -o-linear-gradient(left, #fff 0%, rgba(255, 255, 255, 0) 100%);
background-image: -webkit-gradient(linear, left bottom, left top, from(#000), to(rgba(0, 0, 0, 0))), -webkit-gradient(linear, left top, right top, from(#fff), to(rgba(255, 255, 255, 0)));
background-image: linear-gradient(to top, #000 0%, rgba(0, 0, 0, 0) 100%), linear-gradient(to right, #fff 0%, rgba(255, 255, 255, 0) 100%);
border-radius: 4px;
pointer-events: none;
position: relative
}
.unifiColorToolSvSpace__cursor {
background: none;
border-radius: 10px;
border: solid 2px #fff;
height: 12px;
left: 0;
margin-left: -6px;
margin-top: -6px;
pointer-events: none;
position: absolute;
top: 0;
width: 12px
}
.unifiColorToolHueSpace {
cursor: col-resize;
padding: 10px;
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.unifiColorToolHueSpace__canvas {
background-image: -o-linear-gradient(left, red 0%, #ff0 16.66%, lime 33.33%, cyan 50%, blue 66.66%, #f0f 83.33%, red 100%);
background-image: -webkit-gradient(linear, left top, right top, from(red), color-stop(16.66%, #ff0), color-stop(33.33%, lime), color-stop(50%, cyan), color-stop(66.66%, blue), color-stop(83.33%, #f0f), to(red));
background-image: linear-gradient(to right, red 0%, #ff0 16.66%, lime 33.33%, cyan 50%, blue 66.66%, #f0f 83.33%, red 100%);
border-radius: 4px;
height: 25px;
pointer-events: none;
position: relative
}
.unifiColorToolHueSpace__cursor {
background: none;
border: solid 1px #fff;
height: 100%;
left: 0;
pointer-events: none;
position: absolute;
top: 0;
width: 0
}
.unifiColorToolPresets {
padding-left: 10px;
padding-right: 10px
}
.unifiColorToolPresets--flexFlag {
display: -webkit-box;
display: -moz-flex;
display: -ms-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.unifiColorToolPresets__item {
cursor: pointer;
height: 25px;
width: 25px;
border-radius: 4px;
margin: 3px
}
.unifiColorToolPresets__item:before {
content: '';
border: 1px solid lightgrey;
height: 29px;
width: 29px;
display: block;
margin-top: -2px;
margin-left: -2px;
border-radius: 6px
}
.unifiColorToolPresets__item.is-selected:before {
border: 2px solid #00a0df;
margin-top: -3px;
margin-left: -3px;
width: 31px;
height: 31px
}
.unifiColumnGraph .unifiColumnChartSegment__value {
background-color: #f0f0f2
}
.unifiColumnGraph .unifiColumnChart__column {
border-left: 1px solid #e3e3e3
}
.unifiColumnGraph .unifiColumnChart__columnLabel {
color: #C6C7C9
}
.unifiColumnGraph .unifiColumnChart__yScaleLabel {
color: #C6C7C9
}
.unifiColumnGraph .jazeTooltip {
color: #fff
}
.unifiColumnGraph .unifiColumnChartLegendEntry__label {
color: var(--color-300);
font-size: 12px;
font-weight: 300
}
.unifiColumnGraph .unifiColumnChartLegendEntry__active>.unifiColumnChartLegendEntry__label {
font-weight: bold
}
.unifiColumnGraph--danger .unifiColumnChart__column--selected .unifiColumnChartSegment__value {
background: -webkit-gradient(linear, left bottom, left top, from(#f73e2b), to(#fb978d));
background: -o-linear-gradient(bottom, #f73e2b, #fb978d);
background: linear-gradient(0deg, #f73e2b, #fb978d)
}
.unifiColumnGraph--danger .jazeTooltip {
background-color: #f73e2b;
border: 0;
padding: .7142857143rem .7142857143rem
}
.unifiColumnGraph--primary .unifiColumnChart__column--selected .unifiColumnChartSegment__value {
background: -webkit-gradient(linear, left bottom, left top, from(#1BA2DD), to(#70c8ee));
background: -o-linear-gradient(bottom, #1BA2DD, #70c8ee);
background: linear-gradient(0deg, #1BA2DD, #70c8ee)
}
.unifiColumnGraph--primary .jazeTooltip {
background-color: #1BA2DD;
border: 0;
padding: .7142857143rem .7142857143rem
}
.unifiColumnGraph--success .unifiColumnChart__column--selected .unifiColumnChartSegment__value {
background: -webkit-gradient(linear, left bottom, left top, from(#29A589), to(#5dd7bb));
background: -o-linear-gradient(bottom, #29A589, #5dd7bb);
background: linear-gradient(0deg, #29A589, #5dd7bb)
}
.unifiColumnGraph--success .jazeTooltip {
background-color: #29A589;
border: 0;
padding: .7142857143rem .7142857143rem
}
.unifiConfigChanged {
display: -webkit-box;
display: -moz-flex;
display: -ms-flex;
display: -ms-flexbox;
display: flex;
-ms-align-items: center;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
-ms-justify-content: center;
-webkit-box-pack: center;
justify-content: center;
-ms-flex-pack: center
}
.unifiConfigChanged--whiteout {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
padding: 0 1.4rem;
background: var(--main-panel-background-color, #fff);
z-index: 40
}
.unifiConfigChanged__content {
padding: 1rem
}
.unifiCustomPortalPreview__wrapper {
overflow: hidden;
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.unifiCustomPortalPreview__wrapper--desktop {
height: 320px;
width: 100%
}
.unifiCustomPortalPreview__wrapper--mobile {
height: 320px;
width: 160px
}
.unifiCustomPortalPreview__iframe {
border: 1px solid #31373a;
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: scale(0.5);
-ms-transform: scale(0.5);
transform: scale(0.5)
}
.unifiCustomPortalPreview__iframe--desktop {
height: 640px;
width: 200%
}
.unifiCustomPortalPreview__iframe--mobile {
height: 640px;
width: 320px
}
.unifiDashboardTooltip {
text-align: left
}
.unifiDashboardTooltip .unifiDashboardTooltip__header,
.unifiDashboardTooltip .unifiDashboardTooltip__footer {
font-size: 9px
}
.unifiDashboardTooltip__section,
.unifiDashboardTooltip__header {
padding-bottom: 9px;
margin-bottom: 9px !important;
border-bottom: 1px solid var(--modular-module-header-border-color, #cacaca)
}
.unifiDashboardTooltip__header {
font-size: 11px;
font-weight: bold
}
.unifiDashboardTooltip__header:last-child,
.unifiDashboardTooltip__section:last-child,
.unifiDashboardTooltip__header:last-child {
border-bottom: none;
padding-bottom: 0;
margin-bottom: 0 !important
}
.unifiChartTooltip__inner>.unifiDashboardTooltip {
-webkit-box-shadow: none;
box-shadow: none
}
.unifiDashboardFilters {
color: var(--modular-module-color, #4a4a4a)
}
.unifiDashboardFilters .appMenu__item,
.unifiDashboardFilters .appMenuItemContentValue {
color: var(--modular-module-color, #4a4a4a)
}
.unifiDashboardFiltersTitle--withDropdown {
cursor: pointer;
padding-right: 20px !important
}
.unifiDashboardFiltersTitle--withDropdown:after {
position: absolute;
content: "";
width: 0;
height: 0;
border: 6px solid transparent;
border-top-color: var(--modular-module-color, #4a4a4a);
right: 0;
top: 50%;
-webkit-transform: translateY(-10%);
-ms-transform: translateY(-10%);
transform: translateY(-10%)
}
.unifiDashboardFiltersTitle--withDropdown:after {
-webkit-transform: translateY(-15%);
-ms-transform: translateY(-15%);
transform: translateY(-15%)
}
.jaze-mod-dark.module--summary,
.jaze-mod-dark .module--summary {
--unifi-summary-module-image-color: var(--jaze-color-DN20)
}
.jaze-mod-dark.dashboardModuleDummy,
.jaze-mod-dark .dashboardModuleDummy,
.jaze-mod-dark.dashboardModuleDummyText,
.jaze-mod-dark .dashboardModuleDummyText,
.jaze-mod-dark.dashboardModuleDummyIcon,
.jaze-mod-dark .dashboardModuleDummyIcon,
.jaze-mod-dark.dashboardModuleDummyColor,
.jaze-mod-dark .dashboardModuleDummyColor {
--dashboard-module-dummy-text-background-color: var(--jaze-color-DN40)
}
.jaze-mod-reset-color.module--summary,
.jaze-mod-reset-color .module--summary {
--unifi-summary-module-image-color: initial
}
.jaze-mod-reset-color.dashboardModuleDummy,
.jaze-mod-reset-color .dashboardModuleDummy,
.jaze-mod-reset-color.dashboardModuleDummyText,
.jaze-mod-reset-color .dashboardModuleDummyText,
.jaze-mod-reset-color.dashboardModuleDummyIcon,
.jaze-mod-reset-color .dashboardModuleDummyIcon,
.jaze-mod-reset-color.dashboardModuleDummyColor,
.jaze-mod-reset-color .dashboardModuleDummyColor {
--dashboard-module-dummy-text-background-color: initial
}
.module--apStatistics {
height: 280px
}
.module--carousel {
position: relative
}
.module--carousel .moduleContainer--full {
width: 100% !important
}
.module--carousel .moduleContainer--full+.moduleContainer--full {
position: absolute;
left: 0;
top: 0
}
.module--carousel .module--carouselElement {
opacity: 1;
visibility: visible;
-webkit-transition: visibility 0.2s linear, opacity 0.2s linear;
-o-transition: visibility 0.2s linear, opacity 0.2s linear;
transition: visibility 0.2s linear, opacity 0.2s linear
}
.module--carousel .module--carouselElement.hidden {
opacity: 0;
visibility: hidden
}
.module--channelDistribution.module .unifiChannelDistributionHeader {
display: none
}
.unifiSummaryContentLabel,
.unifiUtilizationItemContentName,
.dashboardModuleSummaryLabel {
font-size: 10px;
text-transform: uppercase;
color: #969ba3
}
.unifiSummaryContentValue,
.dashboardModuleSummaryValue {
font-size: 22px;
line-height: 26px;
font-weight: 600;
white-space: nowrap;
color: var(--color-500);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.dashboardModuleDummyText {
background-color: var(--dashboard-module-dummy-text-background-color, #ddd) !important;
color: transparent !important;
display: inline-block;
width: 50%;
border-radius: 1px
}
.dashboardModuleDummyText.dashboardModuleDummyText--full {
width: 100%
}
.dashboardModuleDummyText.dashboardModuleDummyText--large {
width: 75%
}
.dashboardModuleDummyText.dashboardModuleDummyText--small {
width: 25%
}
.dashboardModuleDummyText.dashboardModuleDummyText--fixed40 {
width: 40px
}
.dashboardModuleDummyText.dashboardModuleDummyText--fixed60 {
width: 60px
}
.dashboardModuleDummyText.dashboardModuleDummyText--fixed100 {
width: 100px
}
.dashboardModuleDummyIcon {
background-color: var(--dashboard-module-dummy-text-background-color, #ddd) !important;
color: transparent !important;
border-radius: 1px
}
.dashboardModuleDummyColor {
color: var(--dashboard-module-dummy-text-background-color, #ddd) !important
}
.module--donut .unifiDonutChartWithTooltip {
height: 200px;
max-width: 200px;
min-width: 210px;
-webkit-box-flex: 0;
-ms-flex: 0 1 200px;
flex: 0 1 200px
}
.module--donut .unifiDonutChartWithTooltip .unifiDonutChartLabel__main,
.module--donut .unifiDonutChartWithTooltip .unifiDonutChartLabel__secondary {
fill: #969ba3
}
.module--donut .list__item,
.module--donut .appOrgSwitcher__item {
margin-right: 10px;
margin-bottom: 4px
}
.module--donut .list {
margin-bottom: 6px
}
.moduleDonutChartContainer--standard10 {
position: relative
}
.moduleDonutChartContainer--standard10 .unifiChartLegendEntry__item0 .unifiChartLegendEntry__label {
color: #39cc64
}
.moduleDonutChartContainer--standard10 .unifiChartLegendEntry__item1 .unifiChartLegendEntry__label {
color: #bfe041
}
.moduleDonutChartContainer--standard10 .unifiChartLegendEntry__item2 .unifiChartLegendEntry__label {
color: #ffdb1a
}
.moduleDonutChartContainer--standard10 .unifiChartLegendEntry__item3 .unifiChartLegendEntry__label {
color: #f5a623
}
.moduleDonutChartContainer--standard10 .unifiChartLegendEntry__item4 .unifiChartLegendEntry__label {
color: #f03a3e
}
.moduleDonutChartContainer--standard10 .unifiChartLegendEntry__item5 .unifiChartLegendEntry__label {
color: #a252e3
}
.moduleDonutChartContainer--standard10 .unifiChartLegendEntry__item6 .unifiChartLegendEntry__label {
color: #6b34e0
}
.moduleDonutChartContainer--standard10 .unifiChartLegendEntry__item7 .unifiChartLegendEntry__label {
color: #003c9e
}
.moduleDonutChartContainer--standard10 .unifiChartLegendEntry__item8 .unifiChartLegendEntry__label {
color: var(--color-500)
}
.moduleDonutChartContainer--standard10 .unifiChartLegendEntry__item9 .unifiChartLegendEntry__label {
color: var(--color-400)
}
.moduleDonutChartContainer--standard10 .unifiDonutChartPie0 {
fill: #39cc64
}
.moduleDonutChartContainer--standard10 .unifiDonutChartPie1 {
fill: #bfe041
}
.moduleDonutChartContainer--standard10 .unifiDonutChartPie2 {
fill: #ffdb1a
}
.moduleDonutChartContainer--standard10 .unifiDonutChartPie3 {
fill: #f5a623
}
.moduleDonutChartContainer--standard10 .unifiDonutChartPie4 {
fill: #f03a3e
}
.moduleDonutChartContainer--standard10 .unifiDonutChartPie5 {
fill: #a252e3
}
.moduleDonutChartContainer--standard10 .unifiDonutChartPie6 {
fill: #6b34e0
}
.moduleDonutChartContainer--standard10 .unifiDonutChartPie7 {
fill: #003c9e
}
.moduleDonutChartContainer--standard10 .unifiDonutChartPie8 {
fill: var(--color-500)
}
.moduleDonutChartContainer--standard10 .unifiDonutChartPie9 {
fill: var(--color-400)
}
.moduleDonutChartContainer--standard10 .unifiDonutChartPie0 {
stroke: #39cc64
}
.moduleDonutChartContainer--standard10 .unifiDonutChartPie1 {
stroke: #bfe041
}
.moduleDonutChartContainer--standard10 .unifiDonutChartPie2 {
stroke: #ffdb1a
}
.moduleDonutChartContainer--standard10 .unifiDonutChartPie3 {
stroke: #f5a623
}
.moduleDonutChartContainer--standard10 .unifiDonutChartPie4 {
stroke: #f03a3e
}
.moduleDonutChartContainer--standard10 .unifiDonutChartPie5 {
stroke: #a252e3
}
.moduleDonutChartContainer--standard10 .unifiDonutChartPie6 {
stroke: #6b34e0
}
.moduleDonutChartContainer--standard10 .unifiDonutChartPie7 {
stroke: #003c9e
}
.moduleDonutChartContainer--standard10 .unifiDonutChartPie8 {
stroke: var(--color-500)
}
.moduleDonutChartContainer--standard10 .unifiDonutChartPie9 {
stroke: var(--color-400)
}
.moduleDonutChartContainer--standard10 .unifiDonutChartTick--serie0 {
fill: #39cc64
}
.moduleDonutChartContainer--standard10 .unifiDonutChartTick--serie1 {
fill: #bfe041
}
.moduleDonutChartContainer--standard10 .unifiDonutChartTick--serie2 {
fill: #ffdb1a
}
.moduleDonutChartContainer--standard10 .unifiDonutChartTick--serie3 {
fill: #f5a623
}
.moduleDonutChartContainer--standard10 .unifiDonutChartTick--serie4 {
fill: #f03a3e
}
.moduleDonutChartContainer--standard10 .unifiDonutChartTick--serie5 {
fill: #a252e3
}
.moduleDonutChartContainer--standard10 .unifiDonutChartTick--serie6 {
fill: #6b34e0
}
.moduleDonutChartContainer--standard10 .unifiDonutChartTick--serie7 {
fill: #003c9e
}
.moduleDonutChartContainer--standard10 .unifiDonutChartTick--serie8 {
fill: var(--color-500)
}
.moduleDonutChartContainer--standard10 .unifiDonutChartTick--serie9 {
fill: var(--color-400)
}
.moduleDonutChartContainer--standard10 .unifiDonutChartTick--serie0.unifiDonutChartTick--selected {
stroke: #39cc64
}
.moduleDonutChartContainer--standard10 .unifiDonutChartTick--serie1.unifiDonutChartTick--selected {
stroke: #bfe041
}
.moduleDonutChartContainer--standard10 .unifiDonutChartTick--serie2.unifiDonutChartTick--selected {
stroke: #ffdb1a
}
.moduleDonutChartContainer--standard10 .unifiDonutChartTick--serie3.unifiDonutChartTick--selected {
stroke: #f5a623
}
.moduleDonutChartContainer--standard10 .unifiDonutChartTick--serie4.unifiDonutChartTick--selected {
stroke: #f03a3e
}
.moduleDonutChartContainer--standard10 .unifiDonutChartTick--serie5.unifiDonutChartTick--selected {
stroke: #a252e3
}
.moduleDonutChartContainer--standard10 .unifiDonutChartTick--serie6.unifiDonutChartTick--selected {
stroke: #6b34e0
}
.moduleDonutChartContainer--standard10 .unifiDonutChartTick--serie7.unifiDonutChartTick--selected {
stroke: #003c9e
}
.moduleDonutChartContainer--standard10 .unifiDonutChartTick--serie8.unifiDonutChartTick--selected {
stroke: var(--color-500)
}
.moduleDonutChartContainer--standard10 .unifiDonutChartTick--serie9.unifiDonutChartTick--selected {
stroke: var(--color-400)
}
.moduleDonutChartContainer--blueGradient10 {
position: relative
}
.moduleDonutChartContainer--blueGradient10 .unifiChartLegendEntry__item0 .unifiChartLegendEntry__label {
color: #01579b
}
.moduleDonutChartContainer--blueGradient10 .unifiChartLegendEntry__item1 .unifiChartLegendEntry__label {
color: #0277bd
}
.moduleDonutChartContainer--blueGradient10 .unifiChartLegendEntry__item2 .unifiChartLegendEntry__label {
color: #0288d1
}
.moduleDonutChartContainer--blueGradient10 .unifiChartLegendEntry__item3 .unifiChartLegendEntry__label {
color: #039be5
}
.moduleDonutChartContainer--blueGradient10 .unifiChartLegendEntry__item4 .unifiChartLegendEntry__label {
color: #03a9f4
}
.moduleDonutChartContainer--blueGradient10 .unifiChartLegendEntry__item5 .unifiChartLegendEntry__label {
color: #29b6f6
}
.moduleDonutChartContainer--blueGradient10 .unifiChartLegendEntry__item6 .unifiChartLegendEntry__label {
color: #4fc3f7
}
.moduleDonutChartContainer--blueGradient10 .unifiChartLegendEntry__item7 .unifiChartLegendEntry__label {
color: #81d4fa
}
.moduleDonutChartContainer--blueGradient10 .unifiChartLegendEntry__item8 .unifiChartLegendEntry__label {
color: #b3e5fc
}
.moduleDonutChartContainer--blueGradient10 .unifiChartLegendEntry__item9 .unifiChartLegendEntry__label {
color: #e1f5fe
}
.moduleDonutChartContainer--blueGradient10 .unifiDonutChartPie0 {
fill: #01579b
}
.moduleDonutChartContainer--blueGradient10 .unifiDonutChartPie1 {
fill: #0277bd
}
.moduleDonutChartContainer--blueGradient10 .unifiDonutChartPie2 {
fill: #0288d1
}
.moduleDonutChartContainer--blueGradient10 .unifiDonutChartPie3 {
fill: #039be5
}
.moduleDonutChartContainer--blueGradient10 .unifiDonutChartPie4 {
fill: #03a9f4
}
.moduleDonutChartContainer--blueGradient10 .unifiDonutChartPie5 {
fill: #29b6f6
}
.moduleDonutChartContainer--blueGradient10 .unifiDonutChartPie6 {
fill: #4fc3f7
}
.moduleDonutChartContainer--blueGradient10 .unifiDonutChartPie7 {
fill: #81d4fa
}
.moduleDonutChartContainer--blueGradient10 .unifiDonutChartPie8 {
fill: #b3e5fc
}
.moduleDonutChartContainer--blueGradient10 .unifiDonutChartPie9 {
fill: #e1f5fe
}
.moduleDonutChartContainer--blueGradient10 .unifiDonutChartPie0 {
stroke: #01579b
}
.moduleDonutChartContainer--blueGradient10 .unifiDonutChartPie1 {
stroke: #0277bd
}
.moduleDonutChartContainer--blueGradient10 .unifiDonutChartPie2 {
stroke: #0288d1
}
.moduleDonutChartContainer--blueGradient10 .unifiDonutChartPie3 {
stroke: #039be5
}
.moduleDonutChartContainer--blueGradient10 .unifiDonutChartPie4 {
stroke: #03a9f4
}
.moduleDonutChartContainer--blueGradient10 .unifiDonutChartPie5 {
stroke: #29b6f6
}
.moduleDonutChartContainer--blueGradient10 .unifiDonutChartPie6 {
stroke: #4fc3f7
}
.moduleDonutChartContainer--blueGradient10 .unifiDonutChartPie7 {
stroke: #81d4fa
}
.moduleDonutChartContainer--blueGradient10 .unifiDonutChartPie8 {
stroke: #b3e5fc
}
.moduleDonutChartContainer--blueGradient10 .unifiDonutChartPie9 {
stroke: #e1f5fe
}
.moduleDonutChartContainer--blueGradient10 .unifiDonutChartTick--serie0 {
fill: #01579b
}
.moduleDonutChartContainer--blueGradient10 .unifiDonutChartTick--serie1 {
fill: #0277bd
}
.moduleDonutChartContainer--blueGradient10 .unifiDonutChartTick--serie2 {
fill: #0288d1
}
.moduleDonutChartContainer--blueGradient10 .unifiDonutChartTick--serie3 {
fill: #039be5
}
.moduleDonutChartContainer--blueGradient10 .unifiDonutChartTick--serie4 {
fill: #03a9f4
}
.moduleDonutChartContainer--blueGradient10 .unifiDonutChartTick--serie5 {
fill: #29b6f6
}
.moduleDonutChartContainer--blueGradient10 .unifiDonutChartTick--serie6 {
fill: #4fc3f7
}
.moduleDonutChartContainer--blueGradient10 .unifiDonutChartTick--serie7 {
fill: #81d4fa
}
.moduleDonutChartContainer--blueGradient10 .unifiDonutChartTick--serie8 {
fill: #b3e5fc
}
.moduleDonutChartContainer--blueGradient10 .unifiDonutChartTick--serie9 {
fill: #e1f5fe
}
.moduleDonutChartContainer--blueGradient10 .unifiDonutChartTick--serie0.unifiDonutChartTick--selected {
stroke: #01579b
}
.moduleDonutChartContainer--blueGradient10 .unifiDonutChartTick--serie1.unifiDonutChartTick--selected {
stroke: #0277bd
}
.moduleDonutChartContainer--blueGradient10 .unifiDonutChartTick--serie2.unifiDonutChartTick--selected {
stroke: #0288d1
}
.moduleDonutChartContainer--blueGradient10 .unifiDonutChartTick--serie3.unifiDonutChartTick--selected {
stroke: #039be5
}
.moduleDonutChartContainer--blueGradient10 .unifiDonutChartTick--serie4.unifiDonutChartTick--selected {
stroke: #03a9f4
}
.moduleDonutChartContainer--blueGradient10 .unifiDonutChartTick--serie5.unifiDonutChartTick--selected {
stroke: #29b6f6
}
.moduleDonutChartContainer--blueGradient10 .unifiDonutChartTick--serie6.unifiDonutChartTick--selected {
stroke: #4fc3f7
}
.moduleDonutChartContainer--blueGradient10 .unifiDonutChartTick--serie7.unifiDonutChartTick--selected {
stroke: #81d4fa
}
.moduleDonutChartContainer--blueGradient10 .unifiDonutChartTick--serie8.unifiDonutChartTick--selected {
stroke: #b3e5fc
}
.moduleDonutChartContainer--blueGradient10 .unifiDonutChartTick--serie9.unifiDonutChartTick--selected {
stroke: #e1f5fe
}
.moduleDonutChartContainer--blueGradient5 {
position: relative
}
.moduleDonutChartContainer--blueGradient5 .unifiChartLegendEntry__item0 .unifiChartLegendEntry__label {
color: #01579b
}
.moduleDonutChartContainer--blueGradient5 .unifiChartLegendEntry__item1 .unifiChartLegendEntry__label {
color: #0288d1
}
.moduleDonutChartContainer--blueGradient5 .unifiChartLegendEntry__item2 .unifiChartLegendEntry__label {
color: #03a9f4
}
.moduleDonutChartContainer--blueGradient5 .unifiChartLegendEntry__item3 .unifiChartLegendEntry__label {
color: #4fc3f7
}
.moduleDonutChartContainer--blueGradient5 .unifiChartLegendEntry__item4 .unifiChartLegendEntry__label {
color: #b3e5fc
}
.moduleDonutChartContainer--blueGradient5 .unifiDonutChartPie0 {
fill: #01579b
}
.moduleDonutChartContainer--blueGradient5 .unifiDonutChartPie1 {
fill: #0288d1
}
.moduleDonutChartContainer--blueGradient5 .unifiDonutChartPie2 {
fill: #03a9f4
}
.moduleDonutChartContainer--blueGradient5 .unifiDonutChartPie3 {
fill: #4fc3f7
}
.moduleDonutChartContainer--blueGradient5 .unifiDonutChartPie4 {
fill: #b3e5fc
}
.moduleDonutChartContainer--blueGradient5 .unifiDonutChartPie0 {
stroke: #01579b
}
.moduleDonutChartContainer--blueGradient5 .unifiDonutChartPie1 {
stroke: #0288d1
}
.moduleDonutChartContainer--blueGradient5 .unifiDonutChartPie2 {
stroke: #03a9f4
}
.moduleDonutChartContainer--blueGradient5 .unifiDonutChartPie3 {
stroke: #4fc3f7
}
.moduleDonutChartContainer--blueGradient5 .unifiDonutChartPie4 {
stroke: #b3e5fc
}
.moduleDonutChartContainer--blueGradient5 .unifiDonutChartTick--serie0 {
fill: #01579b
}
.moduleDonutChartContainer--blueGradient5 .unifiDonutChartTick--serie1 {
fill: #0288d1
}
.moduleDonutChartContainer--blueGradient5 .unifiDonutChartTick--serie2 {
fill: #03a9f4
}
.moduleDonutChartContainer--blueGradient5 .unifiDonutChartTick--serie3 {
fill: #4fc3f7
}
.moduleDonutChartContainer--blueGradient5 .unifiDonutChartTick--serie4 {
fill: #b3e5fc
}
.moduleDonutChartContainer--blueGradient5 .unifiDonutChartTick--serie0.unifiDonutChartTick--selected {
stroke: #01579b
}
.moduleDonutChartContainer--blueGradient5 .unifiDonutChartTick--serie1.unifiDonutChartTick--selected {
stroke: #0288d1
}
.moduleDonutChartContainer--blueGradient5 .unifiDonutChartTick--serie2.unifiDonutChartTick--selected {
stroke: #03a9f4
}
.moduleDonutChartContainer--blueGradient5 .unifiDonutChartTick--serie3.unifiDonutChartTick--selected {
stroke: #4fc3f7
}
.moduleDonutChartContainer--blueGradient5 .unifiDonutChartTick--serie4.unifiDonutChartTick--selected {
stroke: #b3e5fc
}
.moduleDonutChart {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.moduleDonutLegend {
position: absolute;
top: 50%;
left: 50%;
min-width: 110px;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
.moduleDonutLegend .unifiChartLegendEntry {
position: relative
}
.moduleDonutLegend .unifiChartLegendEntry__value {
position: absolute;
text-align: right;
width: 40%;
left: 0
}
.moduleDonutLegend .unifiChartLegendEntry__label {
position: absolute;
text-align: left;
width: 60%;
right: 0;
white-space: nowrap
}
.unifiDonutFlexModule {
--unifi-donut-flex-chart-min-width: 140px;
--unifi-donut-flex-content-min-width: 80px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.unifiDonutFlexModule--dpi {
--unifi-donut-flex-content-min-width: 180px;
--unifi-donut-flex-wrap: wrap
}
.unifiDonutFlexModule--dpi.unifiDonutFlexModule--double {
--unifi-donut-flex-chart-min-width: 140px
}
.unifiDonutFlexModule--dpi .unifiDonutFlex__content {
padding-left: 0;
padding-top: 4px;
padding-bottom: 4px
}
.unifiDonutFlexModule--fullWidth {
--unifi-donut-flex-chart-legend-max-height: auto;
--unifi-donut-flex-chart-legend-min-height: auto;
--unifi-donut-flex-chart-max-width: 250px
}
.unifiDonutFlexModule--double {
--unifi-donut-flex-chart-min-width: 120px
}
.unifiDonutFlexModule--double .unifiDonutFlex__content {
-webkit-box-flex: 2;
-ms-flex: 2;
flex: 2
}
.unifiDonutFlexModule--disabled {
opacity: 0.5
}
.unifiDonutFlexModule--disabled .unifiDonutChartWithTooltip {
pointer-events: none
}
.unifiDonutFlex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: var(--unifi-donut-flex-wrap, nowrap);
flex-wrap: var(--unifi-donut-flex-wrap, nowrap);
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.unifiDonutFlex__chart {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
min-width: var(--unifi-donut-flex-chart-min-width);
max-width: var(--unifi-donut-flex-chart-max-width, auto);
max-height: var(--unifi-donut-flex-chart-max-height, auto)
}
.unifiDonutFlex__chart .unifiDonutChartWithTooltip__inner {
height: 100%;
margin-left: auto;
margin-right: auto;
width: 100%
}
.unifiDonutFlex__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
min-width: var(--unifi-donut-flex-content-min-width);
padding-left: 8px;
position: relative
}
.unifiDonutFlex__content .unifiChartLegend {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
min-height: var(--unifi-donut-flex-chart-legend-min-height, 150px);
max-height: var(--unifi-donut-flex-chart-legend-max-height, auto);
min-width: auto;
width: 100%
}
.unifiDonutFlex__content .unifiChartLegend:not(.unifiChartLegend--unavailable) {
padding: var(--unifi-donut-flex-chart-legend-vertical-padding, 8px) 0
}
.unifiDonutFlex__content .unifiChartLegend--withColumns {
-webkit-column-count: var(--unifi-donut-flex-chart-legend-column-count, 1);
column-count: var(--unifi-donut-flex-chart-legend-column-count, 1);
display: block
}
.unifiDonutFlex__content .unifiChartLegendHeaders,
.unifiDonutFlex__content .unifiChartLegendEntry {
max-width: 300px
}
.unifiDonutFlex__more {
position: absolute;
bottom: -16px;
right: -4px
}
@media only screen and (min-width: 1501px) {
.unifiDonutFlexModule--fullWidth {
--unifi-donut-flex-chart-legend-column-count: 4
}
.is-property-panel-open.is-property-panel-inline .unifiDonutFlexModule--fullWidth {
--unifi-donut-flex-chart-legend-column-count: 2
}
}
@media only screen and (min-width: 1041px) and (max-width: 1500px) {
.unifiDonutFlexModule--fullWidth {
--unifi-donut-flex-chart-legend-column-count: 3
}
.is-property-panel-open.is-property-panel-inline .unifiDonutFlexModule--fullWidth {
--unifi-donut-flex-chart-legend-column-count: 1
}
}
@media only screen and (min-width: 841px) and (max-width: 1040px) {
.unifiDonutFlexModule--fullWidth {
--unifi-donut-flex-chart-legend-column-count: 2
}
.is-property-panel-open.is-property-panel-inline .unifiDonutFlexModule--fullWidth {
--unifi-donut-flex-chart-legend-column-count: 1
}
}
@media only screen and (max-width: 1040px) {
.unifiDonutFlexModule {
--unifi-donut-flex-chart-legend-min-height: auto;
--unifi-donut-flex-chart-legend-vertical-padding: 0
}
}
@media only screen and (min-width: 531px) {
.unifiDonutFlexModule {
min-height: var(--unifi-donut-flex-chart-max-width)
}
}
@media only screen and (max-width: 530px) {
.unifiDonutFlexModule {
--unifi-donut-flex-content-min-width: 180px;
--unifi-donut-flex-wrap: wrap
}
.unifiDonutFlexModule.unifiDonutFlexModule--double {
--unifi-donut-flex-chart-min-width: 140px
}
.unifiDonutFlexModule .unifiDonutFlex__content {
padding-left: 0;
padding-top: 4px;
padding-bottom: 4px
}
}
.module--flexRow,
.module--flexColumn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: -20px;
margin-bottom: -20px
}
@media only screen and (max-width: 800px) {
.module--flexRow .moduleContainer--single,
.module--flexRow .moduleContainer--double,
.module--flexRow .moduleContainer--triple,
.module--flexColumn .moduleContainer--single,
.module--flexColumn .moduleContainer--double,
.module--flexColumn .moduleContainer--triple {
width: 100%
}
}
@media only screen and (min-width: 801px) and (max-width: 1040px) {
.is-property-panel-open.is-property-panel-inline .module--flexRow .moduleContainer--single,
.is-property-panel-open.is-property-panel-inline .module--flexRow .moduleContainer--double,
.is-property-panel-open.is-property-panel-inline .module--flexRow .moduleContainer--triple,
.is-property-panel-open.is-property-panel-inline .module--flexColumn .moduleContainer--single,
.is-property-panel-open.is-property-panel-inline .module--flexColumn .moduleContainer--double,
.is-property-panel-open.is-property-panel-inline .module--flexColumn .moduleContainer--triple {
width: 100%
}
}
@media only screen and (max-width: 1040px) {
.module--flexRow,
.module--flexColumn {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
}
@media only screen and (min-width: 801px) {
.module--flexRow .moduleContainer--single,
.module--flexColumn .moduleContainer--single {
width: 350px
}
.module--flexRow .moduleContainer--double,
.module--flexColumn .moduleContainer--double {
width: 700px
}
.module--flexRow .moduleContainer--triple,
.module--flexColumn .moduleContainer--triple {
width: 1050px
}
.module--flexRow .moduleContainer--full,
.module--flexColumn .moduleContainer--full {
min-width: 350px
}
}
.module--flexRow .moduleContainer,
.module--flexColumn .moduleContainer {
height: auto;
min-height: 130px;
-webkit-box-shadow: none;
box-shadow: none;
padding: 20px 0
}
.module--flexRow .moduleContainer--full,
.module--flexColumn .moduleContainer--full {
width: auto;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1
}
.module--flexColumn {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.module--flexColumn>.moduleContainer--full {
min-height: var(--modular-module-min-height, 280px)
}
.module--healthBar {
height: 118px
}
@media only screen and (max-width: 480px) {
.module--healthBar {
height: 80px
}
}
.module--healthBar .moduleContent {
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.unifiHealthBarContainer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0 5px
}
@media only screen and (min-width: 801px) and (max-width: 1040px) {
.unifiHealthBar {
min-width: 185px
}
}
.unifiHealthBarIcon {
display: inline-block;
width: 60px;
height: 60px;
border-radius: 100%;
line-height: 60px;
margin-left: 5px;
margin-right: 5px;
margin-bottom: 5px;
font-size: 30px;
text-align: center;
color: #fff
}
@media only screen and (max-width: 1440px) {
.unifiHealthBarIcon {
width: 50px;
height: 50px;
line-height: 50px;
font-size: 25px
}
}
@media only screen and (max-width: 1040px) {
.unifiHealthBarIcon {
float: left
}
}
.unifiHealthBarIcon--disabled {
background-color: #ccc
}
.unifiHealthBarIcon--primary {
background-color: var(--color-500)
}
.unifiHealthBarIcon--success {
background-color: #39cc64
}
.unifiHealthBarIcon--warning {
background-color: #f5a623
}
.unifiHealthBarIcon--danger {
background-color: #f03a3e
}
.unifiHealthBarCount {
position: relative;
display: inline-block;
top: -2px;
margin-top: 2px;
margin-left: 5px;
margin-right: 5px;
width: 60px;
border-bottom: 3px solid transparent;
padding-bottom: 1px
}
@media only screen and (min-width: 1921px) {
.unifiHealthBarCount {
margin-left: 20px;
width: 65px
}
}
@media only screen and (max-width: 1440px) {
.unifiHealthBarCount {
width: 50px;
margin-left: 4px;
margin-right: 4px
}
}
@media only screen and (max-width: 1040px) {
.unifiHealthBarCount {
white-space: nowrap;
border-bottom: none;
border-left: 2px solid transparent;
width: 105px
}
}
@media only screen and (max-width: 800px) {
.unifiHealthBarCount {
display: none
}
}
.unifiHealthBarCount--primary {
border-color: var(--color-500);
color: var(--color-500)
}
.unifiHealthBarCount--active {
border-color: #39cc64;
color: #39cc64
}
.unifiHealthBarCount--pending {
border-color: #f5a623;
color: #f5a623
}
.unifiHealthBarCount--inactive {
border-color: #f03a3e;
color: #f03a3e
}
.unifiHealthBarCount--static {
border-color: #ccc;
color: #ccc
}
.unifiHealthBarCountLabel {
white-space: nowrap;
text-align: center;
font-size: 9px;
line-height: 10px;
text-transform: uppercase;
letter-spacing: 1.2px
}
@media only screen and (max-width: 1040px) {
.unifiHealthBarCountLabel {
display: inline-block;
text-align: left;
width: 65px;
padding-left: 5px
}
}
.unifiHealthBarCountValue {
white-space: nowrap;
padding: 7px 0;
line-height: 1;
text-align: center
}
@media only screen and (max-width: 1040px) {
.unifiHealthBarCountValue {
display: inline-block;
padding: 0;
text-align: left
}
}
.unifiHealthBarCountValue--text {
font-size: 11px
}
.unifiHealthBarCountValue--number {
font-size: 15px
}
@media only screen and (max-width: 1040px) {
.unifiHealthBarCountValue--number {
font-size: 11px
}
}
.module--healthBarSticky {
height: 55px
}
.module--healthBarSticky .moduleContent {
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.unifiHealthBarStickyContainer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-ms-flex-pack: distribute;
justify-content: space-around
}
.unifiHealthBarStickyIcon {
display: inline-block;
width: 30px;
height: 30px;
border-radius: 100%;
line-height: 30px;
margin: 5px;
font-size: 15px;
text-align: center;
color: #fff
}
.unifiHealthBarStickyIcon--disabled {
background-color: #ccc
}
.unifiHealthBarStickyIcon--primary {
background-color: var(--color-500)
}
.unifiHealthBarStickyIcon--success {
background-color: #39cc64
}
.unifiHealthBarStickyIcon--warning {
background-color: #f5a623
}
.unifiHealthBarStickyIcon--danger {
background-color: #f03a3e
}
.unifiHealthBarStickyCount {
position: relative;
display: inline-block;
margin-left: 5px;
margin-right: 5px;
min-width: 35px
}
@media only screen and (max-width: 800px) {
.unifiHealthBarStickyCount {
display: none
}
}
.unifiHealthBarStickyCount--primary {
color: var(--color-500)
}
.unifiHealthBarStickyCount--active {
color: #39cc64
}
.unifiHealthBarStickyCount--pending {
color: #f5a623
}
.unifiHealthBarStickyCount--inactive {
color: #f03a3e
}
.unifiHealthBarStickyCount--static {
color: #ccc
}
.unifiHealthBarStickyCountValue {
white-space: nowrap;
padding: 7px 0;
line-height: 1;
text-align: center
}
.unifiHealthBarStickyCountValue--text {
font-size: 11px
}
.unifiHealthBarStickyCountValue--number {
font-size: 15px
}
.module--histogram {
display: -webkit-box;
display: -moz-flex;
display: -ms-flex;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
min-height: 190px
}
.module--histogram .unifiHistogramBarChart__xAxisLabel {
fill: #5d6e83
}
.module--histogram .unifiHistogramDonutLegend--dark .unifiHistogramDonutLegend__mainLabel,
.module--histogram .unifiHistogramDonutLegend--dark .unifiHistogramDonutLegend__secondaryLabel,
.module--histogram .unifiHistogramDonutLegend--dark .unifiHistogramDonutLegend__bottom {
color: #5d6e83
}
.module--histogram .unifiHistogramDonutLegend__status--good {
color: #39cc64
}
.module--histogram .unifiHistogramDonutLegend__status--warn {
color: #f5a623
}
.module--histogram .unifiHistogramDonutLegend__status--bad {
color: #f03a3e
}
.module--list .unifiDeviceIcon {
height: 28px;
width: 28px
}
.module--list .unifiClientIcon {
font-size: 28px;
color: #a1a2a3
}
.module--list .appMenu__item,
.module--list .appMenuItemContentValue {
color: var(--modular-module-color, #4a4a4a)
}
.module--load .unifiLoadContainer {
height: 206px
}
.module--load .unifiLoadContainer .unifiLineChart {
max-height: 103px
}
.module--map {
height: 472px
}
.unifiPortUsageContainer {
display: -webkit-box;
display: -moz-flex;
display: -ms-flex;
display: -ms-flexbox;
display: flex;
-ms-align-items: flex-start;
-ms-flex-align: flex-start;
-webkit-box-align: start;
align-items: flex-start;
-ms-justify-content: space-between;
-webkit-box-pack: justify;
justify-content: space-between;
-ms-flex-pack: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
display: -webkit-box;
display: -moz-flex;
display: -ms-flex;
display: -ms-flexbox;
display: flex
}
.unifiPortUsageItem {
margin-bottom: 9px;
font-size: 12px;
width: 7.5em
}
.module--speedTest .unifiDonutChart {
height: 200px;
max-width: 200px;
min-width: 210px;
-webkit-box-flex: 0;
-ms-flex: 0 1 200px;
flex: 0 1 200px
}
.module--speedTest .unifiSpeedTestDonutChartLegend {
background: none;
padding: 12%
}
.module--speedTest .unifiSpeedTestDonutChartLegend .unifiSpeedTestDonutChartLegend__row--label {
height: 17%;
visibility: hidden
}
.module--speedTest .unifiSpeedTestDonutChartLegend .unifiSpeedTestDonutChartLegend__row--download,
.module--speedTest .unifiSpeedTestDonutChartLegend .unifiSpeedTestDonutChartLegend__row--upload {
height: 20%;
font-size: 3em
}
.module--speedTest .unifiSpeedTestDonutChartLegend .unifiSpeedTestDonutChartLegend__row--unit {
height: 8%;
padding-right: 8%;
text-align: right
}
.module--speedTest .unifiSpeedTestResult {
font-size: 1.4em
}
.unifiStatusMegaHeadline {
color: var(--modular-module-color, #4a4a4a);
font-size: 20px;
padding: 0 0 5px;
text-align: center;
width: 100%
}
.unifiStatusMegaHeadline em {
font-style: normal
}
.unifiStatusMegaHeadline--success em {
color: var(--modular-module-color-success, var(--jaze-color-success))
}
.unifiStatusMegaHeadline--warning em {
color: var(--modular-module-color-warning, var(--jaze-color-warning))
}
.unifiStatusMegaHeadline--danger em {
color: var(--modular-module-color-danger, var(--jaze-color-danger))
}
.unifiStatusMegaHeadline__status {
display: inline-block
}
.unifiStatusMegaHeadline__satisfaction {
display: inline-block
}
.unifiStatusMegaHeadline__satisfaction unifi-general-satisfaction>* {
margin-left: 19px;
padding-left: 20px
}
.unifiStatusMegaHeadline__satisfaction unifi-general-satisfaction>*:after {
content: "";
background-color: var(--jaze-color-border-primary);
float: left;
position: relative;
left: -19px;
top: 2px;
height: 20px;
width: 1px
}
.unifiStatusMegaByline {
width: 100%;
text-align: center;
font-size: 12px;
color: #5d6e83;
height: 0;
overflow: visible
}
.unifiStatusMegaSubHeading {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-top: -4px;
margin-bottom: 8px;
padding-bottom: 8px;
border-bottom: 1px solid var(--modular-module-header-border-color, #cacaca)
}
.unifiStatusMegaLoad .unifiLoadContainer {
height: 172px
}
.unifiStatusMegaLoad .unifiLoadContainer .unifiLineChart {
max-height: 86px;
min-height: 86px
}
.unifiStatusMegaLoad .unifiLoadContainer__chart--first .unifiLineChart {
max-height: 94px;
min-height: 94px
}
.unifiStatusMegaLoad .unifiLoadContainer__chart--second .unifiLineChart {
max-height: 61px;
min-height: 61px
}
.unifiStatusMegaToggleTheme {
border-left: none;
height: 20px;
position: absolute;
right: 20px;
top: -1px
}
.unifiStatusMegaContainer--channels {
-webkit-box-align: left;
-ms-flex-align: left;
align-items: left;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.unifiStatusMegaContainer--channels .unifiChannelDistribution {
margin-top: 5px
}
@media only screen and (max-width: 1040px) {
.unifiStatusMegaLoad {
width: 100% !important
}
}
@media only screen and (max-width: 1040px) {
.unifiStatusMegaLoad .unifiLoadContainer {
height: 92px
}
.unifiStatusMegaLoad .unifiLoadContainer .unifiLineChart {
max-height: 92px;
min-height: 92px
}
.unifiStatusMegaLoad .unifiLoadContainerCharts {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row
}
.unifiStatusMegaLoad .unifiLoadContainer__chart {
margin-right: 11px
}
.unifiStatusMegaLoad .unifiLoadContainer__chart--second {
margin-left: 11px;
margin-right: 0
}
.unifiStatusMegaLoad .unifiLoadContainer__chart--second .unifiLineChart__area {
fill: url(#loadBarPatternHigh)
}
.unifiStatusMegaLoad--wan {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2
}
}
@media only screen and (max-width: 800px) {
.unifiStatusMegaByline {
height: auto
}
.unifiStatusMegaNetworkDiagram {
margin-top: 0;
margin-bottom: 0
}
.unifiStatusMegaNetworkTitle {
margin-bottom: 0
}
.unifiStatusMegaLoad {
-ms-flex-preferred-size: 100% !important;
flex-basis: 100% !important;
margin-left: 0;
margin-right: 0
}
}
.module--statusMegaSticky {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
min-height: 70px
}
.module--statusMegaSticky .moduleContent {
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-item-align: center;
align-self: center
}
.unifiStatusMegaStickyContainer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.unifiStatusMegaStickyHeadline {
padding: 5px 20px;
font-size: 18px;
color: var(--modular-module-color, #4a4a4a)
}
.unifiStatusMegaStickyHeadline em {
font-style: normal
}
.unifiStatusMegaStickyHeadline--success em {
color: var(--modular-module-color-success, var(--jaze-color-success))
}
.unifiStatusMegaStickyHeadline--warning em {
color: var(--modular-module-color-warning, var(--jaze-color-warning))
}
.unifiStatusMegaStickyHeadline--danger em {
color: var(--modular-module-color-danger, var(--jaze-color-danger))
}
.unifiStatusMegaStickyHeadline__status {
display: inline-block
}
.unifiStatusMegaStickyHeadline__satisfaction {
display: inline-block
}
.unifiStatusMegaStickyHeadline__satisfaction unifi-general-satisfaction>* {
padding-left: 19px;
margin-left: 20px
}
.unifiStatusMegaStickyHeadline__satisfaction unifi-general-satisfaction>*:after {
content: "";
background-color: var(--jaze-color-border-primary);
float: left;
position: relative;
left: -19px;
top: 2px;
height: 20px;
width: 1px
}
.unifiStatusMegaStickyCountContainer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0 20px
}
.unifiStatusMegaStickyCount {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 5px 10px
}
.unifiStatusMegaStickyCountLabel {
color: #5d6e83;
margin: 0;
text-align: center;
white-space: nowrap
}
.unifiStatusMegaStickyCountValue {
color: var(--modular-module-color, #4a4a4a);
text-align: center;
line-height: 22px;
white-space: nowrap
}
.unifiStatusMegaStickyCountValue em {
font-style: normal
}
.unifiStatusMegaStickyCountValue--text {
font-size: 10px;
color: #5d6e83
}
.unifiStatusMegaStickyCountValue--text em {
position: relative;
top: 1px;
margin-right: 3px;
font-size: 12px
}
.unifiStatusMegaStickyCountValue--number {
font-size: 18px
}
.unifiStatusMegaStickyCountValue--low em {
color: #39cc64
}
.unifiStatusMegaStickyCountValue--medium em {
color: #f5a623
}
.unifiStatusMegaStickyCountValue--high em {
color: #f03a3e
}
.module--summary .appMenu__item+.appMenu__item {
margin-top: 14px
}
.module--summary .appMenuItemImage {
width: 32px;
min-width: 32px;
font-size: 32px;
color: var(--unifi-summary-module-image-color, #e1e1e1)
}
.unifiSummaryContent {
margin-left: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.unifiSummaryContentLabel {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
text-align: right
}
.unifiSummaryContentValue {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
padding-right: 3px
}
.module--table .jazeTableCell--vpnListSmall {
width: 74px
}
.module--utilization .unifiDeviceIcon {
-webkit-transform: scale(1.3);
-ms-transform: scale(1.3);
transform: scale(1.3);
-webkit-transform-origin: top;
-ms-transform-origin: top;
transform-origin: top
}
.unifiUtilizationItem.is-disabled {
opacity: .4
}
.unifiUtilizationItem+.unifiUtilizationItem {
margin-top: 36px
}
.unifiUtilizationItemTitle {
margin-bottom: 6px
}
.unifiUtilizationItemContent {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.unifiUtilizationItemContentIcon {
width: 40px;
margin-right: 10px;
text-align: center;
color: #969ba3
}
.unifiUtilizationItemContentIcon .unifiDeviceIcon {
margin-top: 3px
}
.unifiUtilizationItemContentIcon .icon:not(.eliteIcon),
.unifiUtilizationItemContentIcon .appPikaday .pika-prev:not(.eliteIcon),
.appPikaday .unifiUtilizationItemContentIcon .pika-prev:not(.eliteIcon),
.unifiUtilizationItemContentIcon .appPikaday .pika-next:not(.eliteIcon),
.appPikaday .unifiUtilizationItemContentIcon .pika-next:not(.eliteIcon) {
font-size: 32px
}
.unifiUtilizationItemContentName {
margin-top: 12px;
margin-bottom: 6px;
font-size: 11px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
text-transform: none
}
.unifiUtilizationItemContentSummary {
display: block;
text-align: right
}
.unifiUtilizationItemContentSummary.is-disabled .dashboardModuleSummaryValue {
color: #969ba3
}
.unifiUtilizationItemStatusBar {
margin-top: 4px
}
.module--wifiAssociations {
height: 275px
}
.unifiDateRangeSelector .unifiDateRangeSelector__toggle {
min-width: 180px
}
.unifiDateRangeSelectorPopover .pika-single {
width: 100%
}
.unifiDateRangeSelectorPopover .pika-lendar {
width: 50%;
display: inline-block;
padding-left: 10px;
padding-right: 10px
}
.unifiDateRangeSelectorPopover .pika-lendar abbr[title],
.unifiDateRangeSelectorPopover .pika-lendar dfn[title] {
cursor: default
}
.unifiDateRangeSelectorPopover .pika-table {
border-spacing: 0 1px !important
}
.unifiDateRangeSelectorPopover .pika-table td {
border: 0
}
.unifiDateRangeSelectorPopover .pika-table td:not(.is-empty):hover {
position: relative;
overflow: hidden;
background-color: transparent
}
.unifiDateRangeSelectorPopover .pika-table .is-startrange.is-endrange .pika-button:after {
top: 0% !important;
left: 0% !important;
height: 100% !important;
width: 100% !important
}
.unifiDateRangeSelectorPopover .pika-table .is-selected:not(.is-endrange):not(.is-startrange):not(.is-inrange) {
background-color: transparent
}
.unifiDateRangeSelectorPopover .pika-table .is-startrange,
.unifiDateRangeSelectorPopover .pika-table .is-endrange {
position: relative;
overflow: hidden;
background-color: transparent
}
.unifiDateRangeSelectorPopover .pika-table .is-startrange .pika-button:after,
.unifiDateRangeSelectorPopover .pika-table .is-endrange .pika-button:after {
z-index: -1;
height: 200%;
width: 200%;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
content: '';
display: block;
position: absolute;
left: 15%;
top: -50%;
background-color: var(--jaze-color-primary);
border-radius: 20px
}
.unifiDateRangeSelectorPopover .pika-table .is-endrange .pika-button:after {
left: -115%
}
.unifiDateRangeSelectorPopover .pika-button {
width: 30px;
height: 30px;
z-index: 1;
position: relative
}
.unifiDateRangeSelectorPopover .pika-button:hover {
color: white !important
}
.unifiDateRangeSelectorPopover .pika-button:hover:after {
z-index: -1;
height: 200%;
width: 200%;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
content: '';
display: block;
position: absolute;
left: 15%;
top: -50%;
background-color: var(--jaze-color-primary);
border-radius: 20px;
background-color: #f5a623 !important
}
.unifiDateRangeSelectorPopover--selectingEndRange .pika-button:hover:after {
left: -115%
}
.unifiDateRangeSelectorPopover__picker {
min-width: 500px;
text-align: center;
padding: 20px 12px 12px
}
.unifiDateRangeSelectorPopover__picker .appPikaday {
border: none;
-webkit-box-shadow: none;
box-shadow: none;
padding: 0
}
.unifiDateRangeSelectorPopover__pickers--withList {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch
}
.unifiDateRangeSelectorPopover__presetsDropdown {
padding: 10px 22px;
border-bottom: 1px solid var(--jaze-color-border-secondary)
}
.unifiDateRangeSelectorPopover__presetsList {
max-height: 272px;
min-width: 150px;
border-left: 1px solid var(--jaze-color-border-secondary);
padding: 20px;
overflow: auto
}
@media only screen and (max-width: 800px) {
.unifiDateRangeSelectorPopover .pika-lendar {
width: 100%
}
.unifiDateRangeSelectorPopover .pika-lendar+.pika-lendar {
margin-top: 10px
}
.unifiDateRangeSelectorPopover__pickers--withList {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.unifiDateRangeSelectorPopover__picker {
min-width: 200px
}
}
.unifiDebugPanel .appAccordion .accordionToggle,
.unifiDebugPanel .appAccordion .accordionToggle:hover {
color: #000;
text-transform: none
}
.unifiDebugPanel .appAccordion .panel .accordionToggle:after {
display: none
}
.unifiDebugPanel .appAccordion .panel .panelTitle {
margin-bottom: 0;
font-size: .9285714286rem
}
.unifiDebugPanel__toggler {
font-size: .7857142857rem;
line-height: 1.2em;
vertical-align: middle;
opacity: 0.6;
cursor: pointer;
color: black;
margin-right: 0.5em
}
.unifiDebugPanel__toggler:after {
display: inline-block;
-webkit-transition: -webkit-transform 100ms ease-in;
transition: -webkit-transform 100ms ease-in;
-o-transition: transform 100ms ease-in;
transition: transform 100ms ease-in;
transition: transform 100ms ease-in, -webkit-transform 100ms ease-in;
content: "â–º"
}
.unifiDebugPanel__toggler.is-open:after {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg)
}
.unifiDebugPanel__id {
margin-left: 1ex;
color: #88bb34
}
.unifiDebugPanel__content {
height: calc(100vh - 170px);
max-height: 500px
}
.appAccordion .unifiDebugPanel__message {
padding: .1428571429rem .8571428571rem .4285714286rem
}
.unifiDebugPanel__messageBody {
white-space: pre;
font-family: monospace;
font-size: .8571428571rem
}
.unifiDebugPanel__flags {
width: auto
}
.unifiDesignerMap {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-box;
display: -moz-flex;
display: -ms-flex;
display: -ms-flexbox;
display: flex;
position: relative
}
.unifiDesignerMap>svg {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1
}
.unifiDesignerMap #designerContainer {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1
}
.unifiDesignerMap #designer {
position: absolute;
top: 0;
left: 0;
height: 0;
width: 0
}
.unifiDesignerMapControls {
position: absolute;
left: 0;
top: 0
}
.unifiDesignerMapDeviceMarker {
position: absolute;
z-index: 10;
width: 40px;
height: 40px;
margin-left: -20px;
margin-top: -20px
}
.unifiDeviceChannel {
display: inline
}
.unifiDeviceChannel div {
display: inline
}
.unifiDeviceChannel__minorChannel {
color: var(--jaze-color-text-primary);
opacity: .5
}
.unifiDeviceChannel__dfsInfo {
color: var(--jaze-color-text-primary);
opacity: .5
}
.unifiDeviceGraph {
min-height: 160px;
min-width: 325px
}
.unifiDeviceGraph .memory {
color: var(--color-500)
}
.unifiDeviceGraph .cpu {
color: #f5a623
}
.unifiDeviceGraph .unifiLineChart__xAxis .tick text {
opacity: 0
}
.unifiDeviceGraph .unifiLineChart__xAxisSecondary .tick text {
opacity: 1
}
@media only screen and (max-width: 480px) {
.unifiDeviceGraph .unifiLineChart__xAxisSecondary g:nth-of-type(2n+2) {
opacity: 0
}
}
.unifiDeviceGraph .unifiLineChart__area {
fill-opacity: 0.7
}
.unifiDeviceGraph .unifiLineChart__plot--left path,
.unifiDeviceGraph .unifiLineChart__plot--right path {
stroke-width: 1.5
}
.unifiDeviceGraph .unifiChartTooltip {
padding: 12px 20px 17px 20px
}
.unifiDeviceGraph .unifiChartTooltip .unifiChartTooltip__inner {
width: 220px
}
.unifiDeviceGraph .unifiChartTooltip .up {
color: #a252e3
}
.unifiDeviceGraph .unifiChartTooltip .down {
color: #39cc64
}
.unifiDeviceGraph__performance .unifiLineChart__plot--left path {
stroke-width: 1
}
.unifiDeviceGraph__performance .unifiLineChart__area {
fill: #f5a623
}
.unifiDeviceGraph__performance .unifiLineChart__plot--left path {
stroke: #f5a623
}
.unifiDeviceGraph__performance .unifiLineChart__focusPoint--left {
fill: #f5a623
}
.unifiDeviceGraph__performance .unifiLineChart__plot--right path {
stroke-dasharray: none;
stroke: var(--color-500)
}
.unifiDeviceGraph__performance .unifiLineChart__focusPoint--right {
fill: var(--color-500)
}
.unifiDeviceGraph__channelUtilization .unifiLineChart__plot--right path {
stroke-width: 1
}
.unifiDeviceGraph__channelUtilization .unifiLineChart__area {
fill: #f5a623
}
.unifiDeviceGraph__channelUtilization .unifiLineChart__plot--left path {
stroke: #f5a623
}
.unifiDeviceGraph__channelUtilization .unifiLineChart__focusPoint--left {
fill: #f5a623
}
.unifiDeviceGraph__channelUtilization .unifiLineChart__plot--right_0 path {
stroke-dasharray: none;
stroke: #39cc64
}
.unifiDeviceGraph__channelUtilization .unifiLineChart__focusPoint--right_0 {
fill: #39cc64
}
.unifiDeviceGraph__channelUtilization .unifiLineChart__plot--right_1 path {
stroke-dasharray: none;
stroke: #a252e3
}
.unifiDeviceGraph__channelUtilization .unifiLineChart__focusPoint--right_1 {
fill: #a252e3
}
.unifiDeviceGraph__bytes .unifiLineChart__plot--left path,
.unifiDeviceGraph__packets .unifiLineChart__plot--left path,
.unifiDeviceGraph__dropped .unifiLineChart__plot--left path,
.unifiDeviceGraph__errors .unifiLineChart__plot--left path,
.unifiDeviceGraph__crypts .unifiLineChart__plot--left path,
.unifiDeviceGraph__frags .unifiLineChart__plot--left path {
stroke: #39cc64
}
.unifiDeviceGraph__bytes .unifiLineChart__focusPoint--left,
.unifiDeviceGraph__packets .unifiLineChart__focusPoint--left,
.unifiDeviceGraph__dropped .unifiLineChart__focusPoint--left,
.unifiDeviceGraph__errors .unifiLineChart__focusPoint--left,
.unifiDeviceGraph__crypts .unifiLineChart__focusPoint--left,
.unifiDeviceGraph__frags .unifiLineChart__focusPoint--left {
fill: #39cc64
}
.unifiDeviceGraph__bytes .unifiLineChart__plot--left circle,
.unifiDeviceGraph__packets .unifiLineChart__plot--left circle,
.unifiDeviceGraph__dropped .unifiLineChart__plot--left circle,
.unifiDeviceGraph__errors .unifiLineChart__plot--left circle,
.unifiDeviceGraph__crypts .unifiLineChart__plot--left circle,
.unifiDeviceGraph__frags .unifiLineChart__plot--left circle {
fill: white;
stroke: rgba(57, 204, 100, 0.5);
stroke-width: 1.5px
}
.unifiDeviceGraph__bytes .unifiLineChart__plot--right path,
.unifiDeviceGraph__packets .unifiLineChart__plot--right path,
.unifiDeviceGraph__dropped .unifiLineChart__plot--right path,
.unifiDeviceGraph__errors .unifiLineChart__plot--right path,
.unifiDeviceGraph__crypts .unifiLineChart__plot--right path,
.unifiDeviceGraph__frags .unifiLineChart__plot--right path {
stroke-dasharray: initial;
stroke: #a252e3
}
.unifiDeviceGraph__bytes .unifiLineChart__focusPoint--right,
.unifiDeviceGraph__packets .unifiLineChart__focusPoint--right,
.unifiDeviceGraph__dropped .unifiLineChart__focusPoint--right,
.unifiDeviceGraph__errors .unifiLineChart__focusPoint--right,
.unifiDeviceGraph__crypts .unifiLineChart__focusPoint--right,
.unifiDeviceGraph__frags .unifiLineChart__focusPoint--right {
fill: #a252e3
}
.unifiDeviceGraph__bytes .unifiLineChart__plot--right circle,
.unifiDeviceGraph__packets .unifiLineChart__plot--right circle,
.unifiDeviceGraph__dropped .unifiLineChart__plot--right circle,
.unifiDeviceGraph__errors .unifiLineChart__plot--right circle,
.unifiDeviceGraph__crypts .unifiLineChart__plot--right circle,
.unifiDeviceGraph__frags .unifiLineChart__plot--right circle {
fill: white;
stroke: rgba(162, 82, 227, 0.5);
stroke-width: 1.5px
}
.unifiDeviceGraph__retries .unifiLineChart__plot--left path {
stroke: #a252e3
}
.unifiDeviceGraph__retries .unifiLineChart__focusPoint--left {
fill: #a252e3
}
.unifiDeviceGraph__retries .unifiLineChart__plot--left circle {
fill: white;
stroke: rgba(162, 82, 227, 0.5);
stroke-width: 1.5px
}
.unifiDevice__legend--cpu {
border-bottom-color: #f5a623 !important
}
.unifiDevice__legend--cpu:before {
border-bottom-color: #f5a623 !important
}
.unifiDevice__legend--memory {
border-color: var(--color-500) !important;
color: var(--color-500) !important
}
.unifiDevice__legend--up {
border-color: #a252e3 !important;
color: #a252e3 !important
}
.unifiDevice__legend--down {
border-color: #39cc64 !important;
color: #39cc64 !important
}
.unifiDeviceGraph--cozy .unifiLineChart__xAxisSecondary .tick,
.unifiDeviceGraph--cozy .unifiLineChart__grid:not(.unifiLineChart__grid--horizontal) .tick {
opacity: 0 !important
}
.unifiDeviceGraph--cozy .unifiLineChart__xAxisSecondary .tick:nth-child(4n+2),
.unifiDeviceGraph--cozy .unifiLineChart__xAxisSecondary .tick:last-child,
.unifiDeviceGraph--cozy .unifiLineChart__grid:not(.unifiLineChart__grid--horizontal) .tick:nth-child(4n+2),
.unifiDeviceGraph--cozy .unifiLineChart__grid:not(.unifiLineChart__grid--horizontal) .tick:last-child {
opacity: 1 !important
}
.unifiDeviceGraph--cozy .unifiChartTooltip,
.unifiDeviceGraph--cozy .unifiLineChart__focusPoint {
display: none !important
}
.unifiDeviceRadioChannel {
display: block
}
.unifiDeviceRadioChannel div {
display: inline
}
.unifiDeviceRadioChannel__minorChannel {
color: var(--jaze-color-text-primary);
opacity: .5
}
.unifiDeviceRadioChannel__dfsInfo {
color: var(--jaze-color-text-primary);
opacity: .5
}
.unifiDndItem.is-undocked {
position: fixed;
left: 100px;
top: 100px;
width: 500px;
min-width: 530px;
background-color: #fff;
border: 1px solid #c4c4c4;
border-radius: 0;
-webkit-box-shadow: 0 5px 25px 0 var(--jaze-color-drop-shadow);
box-shadow: 0 5px 25px 0 var(--jaze-color-drop-shadow)
}
.unifiDndItem.is-undocked.is-dnd-dragging {
-webkit-box-shadow: none;
box-shadow: none
}
.unifiDndItem.is-dnd-dragging-source {
display: none
}
.unifiDndItem.is-dnd-dragging {
border: 1px solid #c4c4c4
}
.unifiDndItem.is-dragging {
cursor: move !important
}
.unifiDndItem.is-dragging * {
cursor: move !important
}
.unifiDndPlaceholder {
display: -webkit-box;
display: -moz-flex;
display: -ms-flex;
display: -ms-flexbox;
display: flex;
-ms-align-items: center;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
-ms-justify-content: center;
-webkit-box-pack: center;
justify-content: center;
-ms-flex-pack: center;
background-color: #eee;
min-height: 35px
}
@keyframes bounce {
0%,
20%,
53%,
80%,
100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
40%,
43% {
-webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-o-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0)
}
70% {
-webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-o-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0)
}
90% {
-webkit-transform: translate3d(0, -2px, 0);
transform: translate3d(0, -2px, 0)
}
}
.unifiEffect--bump {
-webkit-animation: bounce 1s infinite;
animation: bounce 1s infinite;
-webkit-transform-origin: center bottom;
-ms-transform-origin: center bottom;
transform-origin: center bottom
}
.unifiEffect--bump:hover,
.unifiEffect--bump:focus {
-webkit-animation: none;
animation: none
}
.unifiEvents__header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
position: absolute;
top: 7px;
left: 50px;
right: 50px;
font-size: 12px
}
.unifiHeaderIconGroup {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-right: 24px
}
.unifiHeaderIconGroup>*:not(:last-child) {
margin-right: 12px
}
.unifiHeaderIcon {
display: inline-block;
font-size: 24px
}
.unifiHistogramDonutContainer {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 150px;
height: 150px;
margin: 0 auto
}
.unifiHistogramBarChartContainer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 182px;
height: 30px;
margin: 0 auto
}
.unifiHistogramDonutContainer+.unifiHistogramBarChartContainer {
margin-top: 10px
}
.unifiHotspotAnalyticsContainer .tabs__item {
line-height: 2px
}
.unifiHotspotAnalytics__valueSeparator:before {
content: ' / '
}
@media only screen and (min-width: 1041px) {
.unifiHotspotAnalytics__sectionBottomBorder--responsive {
border-bottom: 1px solid #dddddd
}
}
.unifiHotspotAnalyticsAge__chart {
position: relative;
width: 100%;
height: 250px
}
.unifiHotspotAnalyticsAgeGraph__chartContainer {
min-height: 250px
}
.unifiHotspotAnalyticsBreakdownGraph .unifiDonutChart {
max-height: 250px
}
.unifiHotspotAnalyticsBreakdownGraph .unifiDonutChartLabel__main {
fill: var(--color-300)
}
.unifiHotspotAnalyticsBreakdownGraph .unifiDonutChartBinaryLegendEntry__label {
font-weight: 300
}
.unifiHotspotAnalyticsBreakdownGraph .unifiDonutChartBinaryLegendEntry--left>.unifiDonutChartBinaryLegendEntry__value {
color: #61A48A
}
.unifiHotspotAnalyticsBreakdownGraph .unifiDonutChartBinaryLegendEntry--right>.unifiDonutChartBinaryLegendEntry__value {
font-weight: 300;
color: #7DD3B0
}
@media only screen and (min-width: 1041px) {
.unifiHotspotAnalyticsBreakdownGraph__chart {
min-height: 250px
}
}
.unifiHotspotAnalyticsBreakdownGraph .unifiDonutChartPie0 {
fill: #61a48a
}
.unifiHotspotAnalyticsBreakdownGraph .unifiDonutChartPie1 {
fill: #7dd3b0
}
.unifiHotspotAnalyticsBreakdownGraph .unifiDonutChartPie0 {
stroke: #61a48a
}
.unifiHotspotAnalyticsBreakdownGraph .unifiDonutChartPie1 {
stroke: #7dd3b0
}
.unifiHotspotAnalyticsBreakdownGraph .unifiDonutChartBinaryLegendEntry__item0 {
color: #61a48a
}
.unifiHotspotAnalyticsBreakdownGraph .unifiDonutChartBinaryLegendEntry__item1 {
color: #7dd3b0
}
.unifiHotspotAnalyticsCountriesMap {
max-height: 262px
}
.unifiHotspotAnalyticsCountriesMap .unifiDataMap {
height: 260px;
width: 100%;
padding-top: 6px !important;
padding-bottom: 6px !important
}
.unifiHotspotAnalyticsCountriesMap__container {
max-height: 260px
}
.unifiHotspotAnalyticsCountries__chart {
position: relative;
width: calc(100% - 40px);
height: 250px
}
.unifiHotspotAnalyticsDeviceTypeColumnGraph__chart {
position: relative;
width: calc(100% - 40px);
height: 250px
}
.unifiHotspotAnalyticsDeviceTypeColumnGraph--color1 .unifiColumnChart__column--selected .unifiColumnChartSegment__value {
background: -webkit-gradient(linear, left bottom, left top, from(#457DCF), to(#96b6e4));
background: -o-linear-gradient(bottom, #457DCF, #96b6e4);
background: linear-gradient(0deg, #457DCF, #96b6e4)
}
.unifiHotspotAnalyticsDeviceTypeColumnGraph--color1 .jazeTooltip {
background-color: #457DCF;
border: 0;
padding: .7142857143rem .7142857143rem
}
.unifiHotspotAnalyticsDeviceTypeColumnGraph--color2 .unifiColumnChart__column--selected .unifiColumnChartSegment__value {
background: -webkit-gradient(linear, left bottom, left top, from(#8259C2), to(#baa4dd));
background: -o-linear-gradient(bottom, #8259C2, #baa4dd);
background: linear-gradient(0deg, #8259C2, #baa4dd)
}
.unifiHotspotAnalyticsDeviceTypeColumnGraph--color2 .jazeTooltip {
background-color: #8259C2;
border: 0;
padding: .7142857143rem .7142857143rem
}
.unifiHotspotAnalyticsDeviceTypeColumnGraph--color3 .unifiColumnChart__column--selected .unifiColumnChartSegment__value {
background: -webkit-gradient(linear, left bottom, left top, from(#BF476F), to(#d993aa));
background: -o-linear-gradient(bottom, #BF476F, #d993aa);
background: linear-gradient(0deg, #BF476F, #d993aa)
}
.unifiHotspotAnalyticsDeviceTypeColumnGraph--color3 .jazeTooltip {
background-color: #BF476F;
border: 0;
padding: .7142857143rem .7142857143rem
}
.unifiHotspotAnalyticsDeviceTypeColumnGraph--color4 .unifiColumnChart__column--selected .unifiColumnChartSegment__value {
background: -webkit-gradient(linear, left bottom, left top, from(#1AA1DC), to(#6ec7ee));
background: -o-linear-gradient(bottom, #1AA1DC, #6ec7ee);
background: linear-gradient(0deg, #1AA1DC, #6ec7ee)
}
.unifiHotspotAnalyticsDeviceTypeColumnGraph--color4 .jazeTooltip {
background-color: #1AA1DC;
border: 0;
padding: .7142857143rem .7142857143rem
}
.unifiHotspotAnalyticsDeviceTypeGraph .unifiHotspotAnalyticsDeviceTypeGraph__flexContainer {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.unifiHotspotAnalyticsDeviceTypeGraph .unifiHotspotAnalyticsDeviceTypeGraph__legend {
-ms-flex-item-align: center;
align-self: center
}
.unifiHotspotAnalyticsDeviceTypeGraph .unifiDonutChartLabel__main {
fill: var(--color-300);
font-size: 11px;
dominant-baseline: ideographic
}
.unifiHotspotAnalyticsDeviceTypeGraph .unifiDonutChartLabel__secondary {
fill: var(--color-300);
font-size: 11px;
dominant-baseline: central
}
@media only screen and (min-width: 1041px) {
.unifiHotspotAnalyticsDeviceTypeGraph__chart {
min-height: 250px
}
}
.unifiHotspotAnalyticsDeviceTypeGraph .unifiDonutChartPie0 {
fill: #457dcf
}
.unifiHotspotAnalyticsDeviceTypeGraph .unifiDonutChartPie1 {
fill: #8259c2
}
.unifiHotspotAnalyticsDeviceTypeGraph .unifiDonutChartPie2 {
fill: #bf476f
}
.unifiHotspotAnalyticsDeviceTypeGraph .unifiDonutChartPie3 {
fill: #1aa1dc
}
.unifiHotspotAnalyticsDeviceTypeGraph .unifiDonutChartPie0 {
stroke: #457dcf
}
.unifiHotspotAnalyticsDeviceTypeGraph .unifiDonutChartPie1 {
stroke: #8259c2
}
.unifiHotspotAnalyticsDeviceTypeGraph .unifiDonutChartPie2 {
stroke: #bf476f
}
.unifiHotspotAnalyticsDeviceTypeGraph .unifiDonutChartPie3 {
stroke: #1aa1dc
}
.unifiHotspotAnalyticsDeviceTypeGraph .unifiChartLegendEntry__item0 .unifiChartLegendEntry__box {
background-color: #457dcf
}
.unifiHotspotAnalyticsDeviceTypeGraph .unifiChartLegendEntry__item1 .unifiChartLegendEntry__box {
background-color: #8259c2
}
.unifiHotspotAnalyticsDeviceTypeGraph .unifiChartLegendEntry__item2 .unifiChartLegendEntry__box {
background-color: #bf476f
}
.unifiHotspotAnalyticsDeviceTypeGraph .unifiChartLegendEntry__item3 .unifiChartLegendEntry__box {
background-color: #1aa1dc
}
.unifiHotspotAnalyticsDeviceTypeColumnGraph .unifiColumnChartLegendEntry__item0 .unifiColumnChartLegendEntry__fill {
background-color: #457dcf
}
.unifiHotspotAnalyticsDeviceTypeColumnGraph .unifiColumnChartLegendEntry__item1 .unifiColumnChartLegendEntry__fill {
background-color: #8259c2
}
.unifiHotspotAnalyticsDeviceTypeColumnGraph .unifiColumnChartLegendEntry__item2 .unifiColumnChartLegendEntry__fill {
background-color: #bf476f
}
.unifiHotspotAnalyticsDeviceTypeColumnGraph .unifiColumnChartLegendEntry__item3 .unifiColumnChartLegendEntry__fill {
background-color: #1aa1dc
}
.unifiHotspotAnalyticsGenderGraph .unifiDonutChartLabel__main {
fill: var(--color-300)
}
.unifiHotspotAnalyticsGenderGraph .unifiDonutChartBinaryLegendEntry__label {
font-weight: 300
}
.unifiHotspotAnalyticsGenderGraph .unifiDonutChartBinaryLegendEntry--left>.unifiDonutChartBinaryLegendEntry__value {
color: #1D86BF
}
.unifiHotspotAnalyticsGenderGraph .unifiDonutChartBinaryLegendEntry--right>.unifiDonutChartBinaryLegendEntry__value {
font-weight: 300;
color: #22C6F7
}
@media only screen and (min-width: 1041px) {
.unifiHotspotAnalyticsGenderGraph__chart {
min-height: 250px
}
}
.unifiHotspotAnalyticsGenderGraph .unifiDonutChartPie0 {
fill: #1d86bf
}
.unifiHotspotAnalyticsGenderGraph .unifiDonutChartPie1 {
fill: #22c6f7
}
.unifiHotspotAnalyticsGenderGraph .unifiDonutChartPie0 {
stroke: #1d86bf
}
.unifiHotspotAnalyticsGenderGraph .unifiDonutChartPie1 {
stroke: #22c6f7
}
.unifiHotspotAnalyticsRevenueGraph__chart {
position: relative;
width: calc(100% - 40px);
height: 250px
}
.unifiImageMapRuler {
position: absolute;
right: 0;
bottom: 0;
background-color: rgba(255, 255, 255, 0.3);
padding: 4px
}
.unifiImageMapRuler .unifiImageMapRuler__line {
height: 6px;
border: 2px solid black;
margin-left: 4px
}
.unifiInternetConnectionModule .unifiLineChart {
height: 160px
}
.unifiInternetConnectionModule .unifiLineChart .tick text {
fill: #bfc3c4
}
.unifiInternetConnectionModule .unifiLineChart__yAxisLabel {
fill: #bfc3c4
}
.unifiInternetConnectionModule .unifiLineChart__grid--horizontal .tick {
opacity: 0 !important
}
.unifiInternetConnectionModule .unifiLineChart__grid--horizontal .tick:first-of-type,
.unifiInternetConnectionModule .unifiLineChart__grid--horizontal .tick:last-of-type {
opacity: 1 !important
}
.unifiInternetConnectionModule .unifiLineChart__plot--left_0 {
-webkit-filter: url(#unifiInternetConnection__throughputShadow);
filter: url(#unifiInternetConnection__throughputShadow)
}
.unifiInternetConnectionModule .unifiLineChart__plot--left_0 path {
stroke: #139ee2
}
.unifiInternetConnectionModule .unifiLineChart__plot--left_1 {
-webkit-filter: url(#unifiInternetConnection__theoreticalCapacityShadow);
filter: url(#unifiInternetConnection__theoreticalCapacityShadow)
}
.unifiInternetConnectionModule .unifiLineChart__plot--left_1 path {
stroke: #7cd31f
}
.unifiInternetConnectionModule .unifiLineChart__scatter--left_0 circle {
fill: #139ee2
}
.unifiInternetConnectionModule .unifiLineChart__scatter--left_1 circle {
fill: #7cd31f
}
.unifiInternetConnectionModule .unifiLineChart__xAxis g text {
fill: black;
text-anchor: middle !important
}
.unifiInternetConnectionModule .unifiLineChart__xAxis g:first-child text {
text-anchor: start !important
}
.unifiInternetConnectionModule .unifiLineChart__xAxis g:nth-last-child(1) text {
text-anchor: end !important
}
.unifiInternetConnectionModule .unifiChartTooltip {
padding: 12px 20px 17px 20px
}
.unifiInternetConnectionModule .iconText--theoreticalCapacity {
color: #7cd31f
}
.unifiInternetConnectionModule .iconText--throughput {
color: #139ee2
}
.unifiInternetConnectionModule .iconText--latency {
color: #139ee2
}
.unifiIps .unifiDonutChartBackgroundRing {
stroke-width: 1;
stroke-opacity: 1
}
.unifiIps__datePicker {
color: #555b66
}
.unifiIps__datePicker .unifiIps__datePicker--withDropdown {
cursor: pointer;
padding-right: 20px !important
}
.unifiIps__datePicker .unifiIps__datePicker--withDropdown:after {
position: absolute;
content: "";
width: 0;
height: 0;
border: 6px solid transparent;
border-top-color: #555b66;
right: 0;
top: 50%;
-webkit-transform: translateY(-10%);
-ms-transform: translateY(-10%);
transform: translateY(-10%)
}
.unifiIps__datePicker .unifiIps__datePicker--withDropdown:after {
-webkit-transform: translateY(-15%);
-ms-transform: translateY(-15%);
transform: translateY(-15%)
}
.jaze-mod-dark.unifiIpsMap,
.jaze-mod-dark .unifiIpsMap {
--unifi-ips-map-background-color: var(--jaze-color-DN50);
--unifi-ips-map-default-fill-color: var(--jaze-color-DN40);
--unifi-ips-map-highlight-fill-color: var(--jaze-color-DN30);
--unifi-ips-map-highlight-border-color: var(--jaze-color-DN60)
}
.jaze-mod-reset-color.unifiIpsMap,
.jaze-mod-reset-color .unifiIpsMap {
--unifi-ips-map-background-color: initial;
--unifi-ips-map-default-fill-color: initial;
--unifi-ips-map-highlight-fill-color: initial;
--unifi-ips-map-highlight-border-color: initial
}
.unifiIpsMap {
position: relative;
height: 430px;
min-height: 300px;
background-color: var(--unifi-ips-map-background-color, #c6e4f5)
}
.unifiIpsMap svg {
position: absolute;
width: 100%;
height: 100%;
top: 0;
bottom: 0;
left: 0;
right: 0
}
.unifiIpsMap svg .datamaps-subunits path {
stroke: #c0c2c5 !important
}
.unifiIpsMap .arc--lowSeverity {
stroke: var(--jaze-color-DN20) !important
}
.unifiIpsMap .arc--mediumSeverity {
stroke: #f5a623 !important
}
.unifiIpsMap .arc--highSeverity {
stroke: #f03a3e !important
}
.unifiIpsRealTimeThreats {
background-color: var(--jaze-color-background-primary);
position: absolute;
right: 30px;
top: 30px;
width: 240px
}
.unifiIpsRealTimeThreats--fullheight {
bottom: 30px
}
.unifiIpsSecurityAlerts {
min-height: 250px
}
.unifiIpsSecurityAlerts .unifiIpsSecurityAlerts__graph {
padding-bottom: 10px
}
.unifiIpsSecurityAlerts .unifiIpsSecurityAlerts__graph .unifiLineChart__plot path {
stroke: 1
}
.unifiIpsSecurityAlerts .unifiLineChart__area {
fill: url(#ipsSecurityGradient)
}
.unifiIpsSecurityAlerts .unifiLineChart__plot path {
stroke: #0046cc
}
.unifiIpsSecurityAlerts .unifiLineChart__plot,
.unifiIpsSecurityAlerts .unifiLineChart__area {
opacity: 0;
-webkit-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out
}
.unifiIpsSecurityAlerts .unifiLineChart__plot.visible,
.unifiIpsSecurityAlerts .unifiLineChart__area.visible {
opacity: 1 !important
}
.unifiIpsSecurityAlerts .unifiLineChart .tick text {
font-size: 10px;
fill: #9297a2
}
.unifiIpsSecurityAlerts .unifiChartTooltip__inner {
position: static;
pointer-events: none !important
}
.unifiIpsSecurityAlerts .unifiChartTooltip--visible .unifiChartTooltip__inner {
pointer-events: all !important
}
.unifiIpsSecurityAlerts .unifiLineChart__yAxis {
opacity: 0
}
.unifiIpsSecurityAlerts .unifiLineChart__xAxis .tick text {
opacity: 0
}
@media only screen and (max-width: 1040px) {
.unifiIpsSecurityAlerts .unifiLineChart__xAxis g:nth-of-type(2n+2) text {
-webkit-transform: translateY(10px);
-ms-transform: translateY(10px);
transform: translateY(10px)
}
}
.unifiIpsSecurityAlerts .unifiLineChart__xAxisSecondary .tick text {
opacity: 1
}
@media only screen and (max-width: 480px) {
.unifiIpsSecurityAlerts .unifiLineChart__xAxisSecondary g:nth-of-type(2n+2) {
opacity: 0
}
}
.unifiIpsSecurityAlerts .unifiLineChart__scatter--left circle {
stroke: transparent;
stroke-width: 10px
}
.unifiIpsSecurityAlerts .unifiLineChart__scatter--left_0 circle {
fill: #7e8190
}
.unifiIpsSecurityAlerts .unifiLineChart__scatter--left_1 circle {
fill: #f5a623
}
.unifiIpsSecurityAlerts .unifiLineChart__scatter--left_2 circle {
fill: #f03a3e
}
.unifiIpsSecurityAlerts .unifiLineChart__focusPoint {
opacity: 0
}
.unifiIpsSecurityAlerts .unifiChartTooltip {
height: initial;
top: 50%
}
.unifiIpsSecurityAlerts .unifiChartTooltip__inner {
padding: 16px 16px 16px 16px;
-webkit-transform: translateY(-120%);
-ms-transform: translateY(-120%);
transform: translateY(-120%);
pointer-events: all
}
.unifiIpsSecurityAlerts .jazeTooltipContainer.ng-enter,
.unifiIpsSecurityAlerts .jazeTooltipContainer.ng-leave {
-webkit-transition: opacity ease-in-out 0.2s;
-o-transition: opacity ease-in-out 0.2s;
transition: opacity ease-in-out 0.2s
}
.unifiIpsSecurityAlerts .jazeTooltipContainer.ng-enter,
.unifiIpsSecurityAlerts .jazeTooltipContainer.ng-leave.ng-leave-active {
opacity: 0
}
.unifiIpsSecurityAlerts .jazeTooltipContainer.ng-leave,
.unifiIpsSecurityAlerts .jazeTooltipContainer.ng-enter.ng-enter-active {
opacity: 1
}
.unifiIpsSecurityAlerts .appStatusBall--condensed {
height: 6px;
width: 6px
}
.unifiIpsSettingsPopoverContent {
max-height: 400px;
overflow-y: auto
}
.unifiIpsTopThreatsChart .unifiDonutChart .unifiDonutChartPie0 {
stroke: #f7151a;
fill: #f7151a
}
.unifiIpsTopThreatsChart .unifiDonutChart .unifiDonutChartPie1 {
stroke: #ffaa2e;
fill: #ffaa2e
}
.unifiIpsTopThreatsChart .unifiDonutChart .unifiDonutChartPie2 {
stroke: #7e8190;
fill: #7e8190
}
.ispThroughput .unifiIspDownload {
color: #9013fe
}
.ispThroughput .unifiIspUpload {
color: var(--color-500)
}
.ispThroughputChart {
height: 215px
}
.ispThroughputChart .unifiLineChart__plot.unifiLineChart__plot--left_0 path {
stroke: #9013fe
}
.ispThroughputChart .tick text {
font-size: 10px;
fill: #9297a2
}
.ispThroughputChart .unifiLineChart__plot path {
stroke: var(--color-500)
}
.ispThroughputChart .unifiLineChart__area--left_0 {
fill: url(#ispThroughputGradient__download)
}
.ispThroughputChart .unifiLineChart__area--left_1 {
fill: url(#ispThroughputGradient__upload)
}
.ispThroughputChart .unifiLineChart__xAxis .tick text {
opacity: 0
}
.ispThroughputChart .unifiLineChart__xAxisSecondary .tick text {
opacity: 1
}
.ispThroughputChart__latency {
height: 60px
}
.unifiLoadContainer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.unifiLoadContainer .unifiLineChart__backgroundBar {
opacity: 0 !important
}
.unifiLoadContainer .unifiLineChart__grid--horizontal {
opacity: 1 !important
}
.unifiLoadContainer .unifiLineChart__grid--horizontal .tick {
opacity: 0 !important
}
.unifiLoadContainer .unifiLineChart__grid--horizontal g.tick:first-of-type {
opacity: 1 !important
}
.unifiLoadContainer .unifiLineChart__grid--horizontal g.tick:first-of-type line {
stroke: var(--modular-module-header-border-color, #cacaca)
}
.unifiLoadContainer .unifiLineChart__plot,
.unifiLoadContainer .unifiLineChart__grid {
opacity: 0
}
.unifiLoadContainer .unifiLineChart__area {
fill: url(#loadBarPatternHigh);
fill-opacity: 1
}
.unifiLoadContainer .unifiLineChart__axis text {
font-size: 9px;
fill: var(--modular-module-color, #4a4a4a)
}
.unifiLoadContainer .unifiLineChart__xAxis g text {
text-anchor: middle !important;
-webkit-transform: translateY(3.5px);
-ms-transform: translateY(3.5px);
transform: translateY(3.5px)
}
.unifiLoadContainer .unifiLineChart__xAxis g:first-of-type text {
text-anchor: start !important
}
.unifiLoadContainer .unifiLineChart__xAxis g:last-of-type text {
text-anchor: end !important;
text-transform: capitalize
}
.unifiLoadContainer .unifiLineChart__xAxis path {
stroke: var(--modular-module-header-border-color, #cacaca)
}
.unifiLoadContainer .unifiLineChart__yAxis g text {
text-anchor: start !important;
-webkit-transform: translateX(-13px);
-ms-transform: translateX(-13px);
transform: translateX(-13px)
}
.unifiLoadContainer .unifiLineChart__yAxis g:first-of-type text {
alignment-baseline: text-after-edge
}
.unifiLoadContainerCharts {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.unifiLoadContainer__info {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.unifiLoadContainer__info .icon,
.unifiLoadContainer__info .appPikaday .pika-prev,
.appPikaday .unifiLoadContainer__info .pika-prev,
.unifiLoadContainer__info .appPikaday .pika-next,
.appPikaday .unifiLoadContainer__info .pika-next {
font-size: 23px;
color: #f5a623;
padding: 10px
}
.unifiLoadContainer__info .label {
font-size: 11px;
color: #4a4a4a;
text-align: center;
line-height: normal
}
.unifiLoadContainer__chart {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
.unifiLoadContainer__chart svg {
shape-rendering: crispedges
}
.unifiLoadContainer__chart--second {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end
}
.unifiLoadContainer__chart--second .unifiLineChart__area {
fill: url(#loadBarPatternLow)
}
.unifiLoadContainer__chartLabel {
margin-top: -10px;
margin-bottom: -2px;
margin-left: 23px;
font-size: 11px;
font-weight: bold;
color: var(--modular-module-color, #4a4a4a);
text-align: center
}
.jaze-mod-dark.unifiLoadingGradient,
.jaze-mod-dark .unifiLoadingGradient {
--unifi-loading-gradient-color: var(--jaze-color-DN60)
}
.jaze-mod-reset-color.unifiLoadingGradient,
.jaze-mod-reset-color .unifiLoadingGradient {
--unifi-loading-gradient-color: initial
}
.unifiLoading {
left: 0;
opacity: 1;
position: absolute;
right: 0;
visibility: visible;
z-index: 1;
-webkit-transition: opacity .9s linear, visibility 0s linear;
-webkit-transition-delay: 0s, 1.2s;
-o-transition: opacity .9s linear, visibility 0s linear 1.2s;
-webkit-transition: opacity .9s linear, visibility 0s linear 1.2s;
transition: opacity .9s linear, visibility 0s linear 1.2s
}
.moduleContent .unifiLoading {
left: 26px;
right: 26px
}
.unifiLoading--static {
left: auto;
position: relative;
right: auto;
z-index: 0
}
.unifiLoading--hidden {
opacity: 0;
visibility: hidden
}
.unifiLoadingGradient {
position: relative;
overflow: hidden
}
.unifiLoadingGradient:after {
content: "";
position: absolute;
top: 0;
right: -40px;
bottom: 0;
left: 0;
opacity: 0.5;
background: -o-linear-gradient(340deg, transparent 45%, var(--unifi-loading-gradient-color, #fafafa) 50%, transparent 55%);
background: linear-gradient(110deg, transparent 45%, var(--unifi-loading-gradient-color, #fafafa) 50%, transparent 55%);
background-size: 300%;
-webkit-animation: unifiLoadingGradientAnimation 1.6s linear 0.4s infinite backwards;
animation: unifiLoadingGradientAnimation 1.6s linear 0.4s infinite backwards
}
@-webkit-keyframes unifiLoadingGradientAnimation {
from {
background-position-x: 100%
}
to {
background-position-x: 30%
}
}
@keyframes unifiLoadingGradientAnimation {
from {
background-position-x: 100%
}
to {
background-position-x: 30%
}
}
.unifiLoadingSlideIn>* {
position: relative;
-webkit-animation-delay: 1s;
animation-delay: 1s;
-webkit-animation-duration: 6s;
animation-duration: 6s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1
}
.unifiLoadingSlideIn>:nth-child(1) {
-webkit-animation-name: unifiLoadingSlideInAnimation1;
animation-name: unifiLoadingSlideInAnimation1
}
.unifiLoadingSlideIn>:nth-child(2) {
-webkit-animation-name: unifiLoadingSlideInAnimation2;
animation-name: unifiLoadingSlideInAnimation2
}
.unifiLoadingSlideIn>:nth-child(3) {
-webkit-animation-name: unifiLoadingSlideInAnimation3;
animation-name: unifiLoadingSlideInAnimation3
}
.unifiLoadingSlideIn>:nth-child(4) {
-webkit-animation-name: unifiLoadingSlideInAnimation4;
animation-name: unifiLoadingSlideInAnimation4
}
.unifiLoadingSlideIn>:nth-child(5) {
-webkit-animation-name: unifiLoadingSlideInAnimation5;
animation-name: unifiLoadingSlideInAnimation5
}
@-webkit-keyframes unifiLoadingSlideInAnimation1 {
0% {
top: 50px;
opacity: 0
}
30% {
top: 0;
opacity: 1
}
100% {
top: 0;
opacity: 1
}
}
@keyframes unifiLoadingSlideInAnimation1 {
0% {
top: 50px;
opacity: 0
}
30% {
top: 0;
opacity: 1
}
100% {
top: 0;
opacity: 1
}
}
@-webkit-keyframes unifiLoadingSlideInAnimation2 {
0% {
top: 50px;
opacity: 0
}
10% {
top: 50px;
opacity: 0
}
40% {
top: 0;
opacity: 1
}
100% {
top: 0;
opacity: 1
}
}
@keyframes unifiLoadingSlideInAnimation2 {
0% {
top: 50px;
opacity: 0
}
10% {
top: 50px;
opacity: 0
}
40% {
top: 0;
opacity: 1
}
100% {
top: 0;
opacity: 1
}
}
@-webkit-keyframes unifiLoadingSlideInAnimation3 {
0% {
top: 50px;
opacity: 0
}
20% {
top: 50px;
opacity: 0
}
50% {
top: 0;
opacity: 1
}
100% {
top: 0;
opacity: 1
}
}
@keyframes unifiLoadingSlideInAnimation3 {
0% {
top: 50px;
opacity: 0
}
20% {
top: 50px;
opacity: 0
}
50% {
top: 0;
opacity: 1
}
100% {
top: 0;
opacity: 1
}
}
@-webkit-keyframes unifiLoadingSlideInAnimation4 {
0% {
top: 50px;
opacity: 0
}
30% {
top: 50px;
opacity: 0
}
60% {
top: 0;
opacity: 1
}
100% {
top: 0;
opacity: 1
}
}
@keyframes unifiLoadingSlideInAnimation4 {
0% {
top: 50px;
opacity: 0
}
30% {
top: 50px;
opacity: 0
}
60% {
top: 0;
opacity: 1
}
100% {
top: 0;
opacity: 1
}
}
@-webkit-keyframes unifiLoadingSlideInAnimation5 {
0% {
top: 50px;
opacity: 0
}
40% {
top: 50px;
opacity: 0
}
70% {
top: 0;
opacity: 1
}
100% {
top: 0;
opacity: 1
}
}
@keyframes unifiLoadingSlideInAnimation5 {
0% {
top: 50px;
opacity: 0
}
40% {
top: 50px;
opacity: 0
}
70% {
top: 0;
opacity: 1
}
100% {
top: 0;
opacity: 1
}
}
.unifiLogin__tooltipContainer {
background-color: rgba(255, 255, 255, 0.15);
color: #969BA3
}
.unifiNetworkStatusDiagram {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding: 20px 0;
padding-top: 50px;
padding-bottom: 0
}
.unifiNetworkStatusDiagramGroup {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-pack: distribute;
justify-content: space-around
}
.unifiNetworkStatusDiagramGroup.unifiNetworkStatusDiagramGroup--head {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none
}
.unifiNetworkStatusDiagramGroup.unifiNetworkStatusDiagramGroup--wing {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1
}
.unifiNetworkStatusDiagramConnectorLine {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
position: relative;
height: 1px;
min-width: 15px;
margin-top: 28px
}
.unifiNetworkStatusDiagramConnectorLine:after {
content: " ";
position: absolute;
height: 1px;
left: 0;
right: 0
}
.unifiNetworkStatusDiagramConnectorLine.unifiNetworkStatusDiagramConnectorLine--solid:after {
background: var(--modular-module-header-border-color, #cacaca)
}
.unifiNetworkStatusDiagramConnectorLine.unifiNetworkStatusDiagramConnectorLine--dashed:after {
background-image: -o-linear-gradient(45deg, var(--modular-module-header-border-color, #cacaca) 25%, transparent 25%, transparent 75%, var(--modular-module-header-border-color, #cacaca) 75%, var(--modular-module-header-border-color, #cacaca)), -o-linear-gradient(45deg, var(--modular-module-header-border-color, #cacaca) 25%, transparent 25%, transparent 75%, var(--modular-module-header-border-color, #cacaca) 75%, var(--modular-module-header-border-color, #cacaca));
background-image: linear-gradient(45deg, var(--modular-module-header-border-color, #cacaca) 25%, transparent 25%, transparent 75%, var(--modular-module-header-border-color, #cacaca) 75%, var(--modular-module-header-border-color, #cacaca)), linear-gradient(45deg, var(--modular-module-header-border-color, #cacaca) 25%, transparent 25%, transparent 75%, var(--modular-module-header-border-color, #cacaca) 75%, var(--modular-module-header-border-color, #cacaca));
background-size: 4px 4px;
background-position: 0 0, 2px 2px
}
.unifiNetworkStatusDiagramConnectorSpeed {
display: -webkit-box;
display: -moz-flex;
display: -ms-flex;
display: -ms-flexbox;
display: flex;
-ms-align-items: center;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
-ms-justify-content: center;
-webkit-box-pack: center;
justify-content: center;
-ms-flex-pack: center;
height: 56px;
padding: 0 6px;
font-size: 10px;
font-weight: 300;
line-height: 12px;
color: var(--modular-module-color, #4a4a4a);
text-align: center
}
.unifiNetworkStatusDiagramConnectorSpeed--withLeftArrowAfter:after {
display: inline-block;
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 3px 6px 3px 0;
border-color: transparent var(--color-500) transparent transparent;
margin-left: 5px
}
.unifiNetworkStatusDiagramConnectorSpeed--withRightArrowBefore:before {
display: inline-block;
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 3px 0 3px 6px;
border-color: transparent transparent transparent var(--color-500);
margin-right: 5px
}
.unifiNetworkStatusDiagramIcon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.unifiNetworkStatusDiagramIconImage {
display: -webkit-box;
display: -moz-flex;
display: -ms-flex;
display: -ms-flexbox;
display: flex;
-ms-align-items: center;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
-ms-justify-content: center;
-webkit-box-pack: center;
justify-content: center;
-ms-flex-pack: center
}
.unifiNetworkStatusDiagramIconImage img {
width: 56px;
height: 56px
}
.unifiNetworkStatusDiagramIconLabel {
font-size: 12px;
font-weight: bold;
color: var(--modular-module-color, #4a4a4a);
white-space: nowrap
}
.unifiNetworkStatusDiagramIconValue {
font-size: 24px;
font-weight: bold;
line-height: 38px;
color: var(--modular-module-color, #4a4a4a);
white-space: nowrap
}
@media only screen and (min-width: 801px) {
.unifiNetworkStatusDiagramIcon {
width: 56px
}
.unifiNetworkStatusDiagramIconValue {
margin-top: 12px;
margin-bottom: 4px
}
.unifiNetworkStatusDiagramIconLabel+.unifiNetworkStatusDiagramIconLabel {
margin-top: 3px
}
.unifiNetworkStatusDiagramIconLabel--subLabel {
font-size: 11px;
font-weight: normal
}
}
@media only screen and (min-width: 1921px) {
.unifiNetworkStatusDiagramConnectorLine {
margin-top: 40px
}
.unifiNetworkStatusDiagramConnectorSpeed {
height: 80px
}
.unifiNetworkStatusDiagramIcon {
width: 80px
}
.unifiNetworkStatusDiagramIconImage img {
width: 80px;
height: 80px
}
}
@media only screen and (max-width: 800px) {
.unifiNetworkStatusDiagram {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 0
}
.unifiNetworkStatusDiagramGroup {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 100%
}
.unifiNetworkStatusDiagramConnectorLine {
display: none
}
.unifiNetworkStatusDiagramConnectorSpeed {
display: none
}
.unifiNetworkStatusDiagramIcon {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
width: 100%;
border-bottom: 1px solid var(--modular-module-header-border-color, #cacaca);
padding: 6px 0
}
.unifiNetworkStatusDiagramIconImage {
margin-right: 10px
}
.unifiNetworkStatusDiagramIconValue {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
text-align: right
}
.unifiNetworkStatusDiagramIconLabel+.unifiNetworkStatusDiagramIconLabel:before {
content: "\a0"
}
}
.jaze-mod-dark.unifiNoContentIcon,
.jaze-mod-dark .unifiNoContentIcon {
--unifi-no-content-icon-background-color: var(--jaze-color-DN50)
}
.jaze-mod-reset-color.unifiNoContentIcon,
.jaze-mod-reset-color .unifiNoContentIcon {
--unifi-no-content-icon-background-color: initial
}
.unifiNoContentIcon svg {
float: left;
vertical-align: top
}
.unifiNoContentIcon__background {
fill: var(--unifi-no-content-icon-background-color, var(--jaze-color-N20))
}
.unifiDiagramKeys {
display: -webkit-box;
display: -moz-flex;
display: -ms-flex;
display: -ms-flexbox;
display: flex;
-ms-align-items: flex-start;
-ms-flex-align: flex-start;
-webkit-box-align: start;
align-items: flex-start;
-ms-justify-content: space-between;
-webkit-box-pack: justify;
justify-content: space-between;
-ms-flex-pack: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.unifiDiagramKeysGroup {
display: -webkit-box;
display: -moz-flex;
display: -ms-flex;
display: -ms-flexbox;
display: flex;
-ms-align-items: flex-start;
-ms-flex-align: flex-start;
-webkit-box-align: start;
align-items: flex-start;
-ms-justify-content: space-between;
-webkit-box-pack: justify;
justify-content: space-between;
-ms-flex-pack: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
display: -webkit-box;
display: -moz-flex;
display: -ms-flex;
display: -ms-flexbox;
display: flex
}
.unifiDiagramKeysItem {
display: -webkit-box;
display: -moz-flex;
display: -ms-flex;
display: -ms-flexbox;
display: flex;
-ms-align-items: center;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
-webkit-box-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
margin-right: 10px;
margin-bottom: 5px
}
.unifiDiagramKeysItem__icon {
display: inline-block;
width: 13px;
margin-right: 5px;
font-size: .8em;
text-align: center
}
.unifiDiagramKeysItem__text {
display: inline-block;
font-size: 10px;
font-weight: bold;
text-transform: uppercase;
white-space: nowrap
}
.unifiDiagramKeys--stacked .unifiDiagramKeysGroup {
-webkit-box-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
-ms-justify-content: align-left;
-webkit-box-pack: align-left;
justify-content: align-left;
-ms-flex-pack: align-left
}
@media only screen and (max-width: 480px) {
.unifiDiagramKeys {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
}
.unifiPortDiagram--scaled.unifiPortDiagram--switch24 {
--port-width: 16px;
--port-height: 16px;
--port-row-height: 16px
}
.unifiPortDiagram--scaled.unifiPortDiagram--switch24 .jazePortRow+.jazePortRow {
margin-top: 6px
}
.unifiPortDiagram--scaled.unifiPortDiagram--switch24 .jazePort+.jazePort {
margin-left: 6px
}
.unifiPortDiagram--scaled.unifiPortDiagram--switch24 .jazePort.is-selected {
outline-width: 3px
}
.unifiPortDiagram--scaled.unifiPortDiagram--switch48 {
--port-width: 10px;
--port-height: 10px;
--port-row-height: 10px
}
.unifiPortDiagram--scaled.unifiPortDiagram--switch48 .jazePortRow+.jazePortRow {
margin-top: 2px
}
.unifiPortDiagram--scaled.unifiPortDiagram--switch48 .jazePort+.jazePort {
margin-left: 2px
}
.unifiPortDiagram--scaled.unifiPortDiagram--switch48 .jazePort.is-selected {
outline-width: 2px
}
@media only screen and (max-width: 1040px) {
.unifiPortDiagram--switch24 {
--port-width: 16px;
--port-height: 16px;
--port-row-height: 16px
}
.unifiPortDiagram--switch24 .jazePortRow+.jazePortRow {
margin-top: 6px
}
.unifiPortDiagram--switch24 .jazePort+.jazePort {
margin-left: 6px
}
.unifiPortDiagram--switch24 .jazePort.is-selected {
outline-width: 3px
}
.unifiPortDiagram--switch48 {
--port-width: 10px;
--port-height: 10px;
--port-row-height: 10px
}
.unifiPortDiagram--switch48 .jazePortRow+.jazePortRow {
margin-top: 2px
}
.unifiPortDiagram--switch48 .jazePort+.jazePort {
margin-left: 2px
}
.unifiPortDiagram--switch48 .jazePort.is-selected {
outline-width: 2px
}
}
.unifiPortDiagramPort {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
overflow: hidden
}
.unifiPortDiagramPort__icon {
--icon-width: 70%;
--icon-height: 70%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
@-webkit-keyframes unifiPortDiagramPortIconAnimate2Icons {
0% {
opacity: 0
}
40% {
opacity: 1
}
100% {
opacity: 0
}
}
@keyframes unifiPortDiagramPortIconAnimate2Icons {
0% {
opacity: 0
}
40% {
opacity: 1
}
100% {
opacity: 0
}
}
.unifiPortDiagramPort--has2 .unifiPortDiagramPort__icon:nth-child(1) {
-webkit-animation: unifiPortDiagramPortIconAnimate2Icons 2s 0s infinite ease-in-out;
animation: unifiPortDiagramPortIconAnimate2Icons 2s 0s infinite ease-in-out
}
.unifiPortDiagramPort--has2 .unifiPortDiagramPort__icon:nth-child(2) {
-webkit-animation: unifiPortDiagramPortIconAnimate2Icons 2s -1s infinite ease-in-out;
animation: unifiPortDiagramPortIconAnimate2Icons 2s -1s infinite ease-in-out
}
@-webkit-keyframes unifiPortDiagramPortIconAnimate3Icons {
0% {
opacity: 0
}
20% {
opacity: 1
}
33% {
opacity: 1
}
53% {
opacity: 0
}
100% {
opacity: 0
}
}
@keyframes unifiPortDiagramPortIconAnimate3Icons {
0% {
opacity: 0
}
20% {
opacity: 1
}
33% {
opacity: 1
}
53% {
opacity: 0
}
100% {
opacity: 0
}
}
.unifiPortDiagramPort--has3 .unifiPortDiagramPort__icon:nth-child(1) {
-webkit-animation: unifiPortDiagramPortIconAnimate3Icons 3s -1s infinite ease-in-out;
animation: unifiPortDiagramPortIconAnimate3Icons 3s -1s infinite ease-in-out
}
.unifiPortDiagramPort--has3 .unifiPortDiagramPort__icon:nth-child(2) {
-webkit-animation: unifiPortDiagramPortIconAnimate3Icons 3s -2s infinite ease-in-out;
animation: unifiPortDiagramPortIconAnimate3Icons 3s -2s infinite ease-in-out
}
.unifiPortDiagramPort--has3 .unifiPortDiagramPort__icon:nth-child(3) {
-webkit-animation: unifiPortDiagramPortIconAnimate3Icons 3s 0s infinite ease-in-out;
animation: unifiPortDiagramPortIconAnimate3Icons 3s 0s infinite ease-in-out
}
.jaze-mod-dark.unifiPortIcon,
.jaze-mod-dark .unifiPortIcon {
--unifi-port-icon-background-color: var(--jaze-color-DN55);
--unifi-port-icon-outline-color: var(--jaze-color-DN40)
}
.jaze-mod-reset-color.unifiPortIcon,
.jaze-mod-reset-color .unifiPortIcon {
--unifi-port-icon-background-color: initial;
--unifi-port-icon-outline-color: initial
}
.unifiPortIcon {
display: inline-block;
position: relative;
background-color: var(--unifi-port-icon-background-color, #b8b9ba);
width: 6em;
height: 6em;
outline: 0.4em solid var(--unifi-port-icon-outline-color, #ecf0f1);
margin: 0.3em
}
.unifiPortIcon__fill {
position: absolute;
background-color: var(--color-500);
width: 6em;
bottom: 0
}
.unifiPortIcon__icon {
position: absolute;
color: white;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
top: calc(50% - 0.04em);
left: 50%;
font-size: 4.5em
}
.unifiPortIcon__value {
position: absolute;
color: black;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
top: 50%;
left: 50%;
font-size: 1em
}
.unifiPortIcon__tooltipContainer {
position: absolute;
top: 0;
left: 0;
width: 6em;
height: 6em
}
.positionAbsolutely--lock {
overflow: hidden !important
}
.jaze-mod-dark.unifiRfEnvironmentChart,
.jaze-mod-dark .unifiRfEnvironmentChart {
--unifi-rf-environment-chart-channel-bg-color: var(--jaze-color-DN40);
--unifi-rf-environment-chart-metadata-color: var(--jaze-color-DN30)
}
.jaze-mod-dark.unifiRfEnvironmentRssiHistogram,
.jaze-mod-dark .unifiRfEnvironmentRssiHistogram {
--unifi-rf-environment-rssi-histogram-bg-color: var(--jaze-color-DN40)
}
.jaze-mod-reset-color.unifiRfEnvironmentChart,
.jaze-mod-reset-color .unifiRfEnvironmentChart {
--unifi-rf-environment-chart-channel-bg-color: initial;
--unifi-rf-environment-chart-metadata-color: initial
}
.jaze-mod-reset-color.unifiRfEnvironmentRssiHistogram,
.jaze-mod-reset-color .unifiRfEnvironmentRssiHistogram {
--unifi-rf-environment-rssi-histogram-bg-color: initial
}
.unifiRfEnvironmentChart {
margin-bottom: 15px
}
.unifiRfEnvironmentChart__htLabel {
fill: #7e8190;
font-size: 10px;
text-anchor: start
}
#unifiRfEnvironmentChart__stripes line {
opacity: .4;
stroke: #a4a7a5;
stroke-width: 1
}
.unifiRfEnvironmentChart__channelBbox {
cursor: pointer;
fill-opacity: 0
}
.unifiRfEnvironmentChart__channelLabel {
fill: #7e8190;
text-anchor: middle
}
.unifiRfEnvironmentChart__channelMark {
fill: #fff;
text-anchor: middle;
font-weight: bold;
pointer-events: none
}
.unifiRfEnvironmentChart__channelMarkBg {
fill: #b83138;
text-anchor: middle;
pointer-events: none
}
.unifiRfEnvironmentChart__channelTrapezoidBg {
fill: var(--unifi-rf-environment-chart-channel-bg-color, #f8f8f9);
stroke: var(--unifi-rf-environment-chart-metadata-color, #d6d9e2);
stroke-width: 1
}
.unifiRfEnvironmentChart__xAxis path {
fill: none;
stroke: var(--unifi-rf-environment-chart-metadata-color, #d6d9e2);
stroke-width: 2
}
.unifiRfEnvironmentChart__xAxis .tick text {
fill: var(--unifi-rf-environment-chart-metadata-color, #d6d9e2);
font-size: 10px;
text-anchor: start
}
.unifiRfEnvironmentChart__xAxis .tick line {
stroke: var(--unifi-rf-environment-chart-metadata-color, #d6d9e2);
stroke-width: 0.5;
stroke-dasharray: 2, 2
}
.unifiRfEnvironmentLegend {
display: inline-block;
max-width: 200px;
width: 100%;
height: 36px
}
.unifiRfEnvironmentLegend__label {
fill: var(--jaze-color-text-primary);
font-size: 8px;
text-anchor: middle
}
.unifiRfEnvironmentLegend__label:first-child {
text-anchor: start
}
.unifiRfEnvironmentLegend__label:last-child {
text-anchor: end
}
.unifiRfEnvironmentLegend__interference {
text-anchor: start;
font-size: 8px
}
.unifiRfEnvironmentLegend__utilization {
text-anchor: start;
font-size: 8px
}
.unifiRfEnvironmentDescriptions text {
fill: var(--jaze-color-text-primary)
}
.unifiRfEnvironmentRssiHistogram {
padding-top: 3px
}
.unifiRfEnvironmentRssiHistogram svg {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
height: 70px;
width: 208px
}
.unifiRfEnvironmentRssiHistogram__label {
text-anchor: middle;
font-size: 8px;
fill: #969ba3
}
.unifiRfEnvironmentRssiHistogram__bgTick {
fill: var(--unifi-rf-environment-rssi-histogram-bg-color, #f8f8f9)
}
.unifiRfEnvironmentTooltip {
position: absolute
}
.unifiRfEnvironmentTooltip__header {
margin-top: 12px;
font-weight: bold;
text-transform: uppercase
}
.unifiRfEnvironmentTooltip__data .appTable {
margin-top: 4px
}
.unifiRfEnvironmentTooltip__data .appTable td {
padding: 2px 0px
}
.unifiRfEnvironmentTooltip__data .appTable td:first-child {
font-size: .7142857143rem;
color: #969ba3
}
.unifiRfEnvironmentTooltip__data .appTable td:last-child {
font-weight: bold
}
.unifiRfEnvironmentTooltip__data .appTable .icon,
.unifiRfEnvironmentTooltip__data .appTable .appPikaday .pika-prev,
.appPikaday .unifiRfEnvironmentTooltip__data .appTable .pika-prev,
.unifiRfEnvironmentTooltip__data .appTable .appPikaday .pika-next,
.appPikaday .unifiRfEnvironmentTooltip__data .appTable .pika-next {
font-size: 1.5em;
vertical-align: middle
}
.unifiSatisfactionHeaderValue {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end
}
.unifiSatisfactionHeaderValue__label {
font-size: 15px;
font-weight: bold
}
.unifiSatisfactionHeaderValue__value {
color: var(--jaze-color-text-secondary);
font-size: 30px
}
.unifiSatisfactionProblem {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.unifiSatisfactionProblem__label {
font-size: 13px;
font-weight: bold
}
.unifiSatisfactionProblem__value {
font-size: 13px;
line-height: 16px;
margin-left: 12px
}
.jaze-mod-dark.unifiSettingsHeader,
.jaze-mod-dark .unifiSettingsHeader {
--unifi-settings-header-title: #fff
}
.jaze-mod-reset-color.unifiSettingsHeader,
.jaze-mod-reset-color .unifiSettingsHeader {
--unifi-settings-header-title: initial
}
.unifiSettingsDpiRestrictionGroupTable__name {
width: 200px;
min-width: 200px
}
.unifiFirewallGroupsMembers input {
min-width: 30%
}
.unifiFirewallGroupsContainerBasic.appControlModalScrollableContent {
max-height: calc(100vh - 200px)
}
.unifiFirewallGroupsContainerBasic.appControlModalScrollableContent>.appRow:first-child {
margin-top: 10px
}
.unifiFirewallGroupsContainerBasic.appControlModalScrollableContent>.appRow:last-child {
margin-bottom: 10px
}
.unifiSettingsGuestControlTable__languageCode {
width: 60px
}
.unifiSettingsContainer {
width: 100%;
max-width: 960px;
padding-left: 15px;
padding-right: 15px
}
.unifiSettingsHeader {
display: -webkit-box;
display: -moz-flex;
display: -ms-flex;
display: -ms-flexbox;
display: flex;
-ms-align-items: flex-start;
-ms-flex-align: flex-start;
-webkit-box-align: start;
align-items: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
border-bottom: 1px solid #3e494f;
padding-bottom: 8px;
margin-bottom: 20px;
margin-top: 18px
}
.unifiSettingsHeader--withTabs {
margin-bottom: 10px;
padding-top: 1px
}
.unifiSettingsHeader__left {
-ms-flex: 1;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1
}
.unifiSettingsHeader__right {
-ms-justify-content: flex-end;
-webkit-box-pack: end;
justify-content: flex-end;
-ms-flex-pack: flex-end;
-ms-flex-item-align: center;
align-self: center
}
.unifiSettingsHeader__title {
color: var(--unifi-settings-header-title, #000);
min-height: 23px;
font-size: 20px;
font-weight: 300
}
.unifiSettingsHeader__title+.unifiSettingsHeader__title:before {
content: "\e6ce";
font-family: 'jaze';
font-size: 1rem;
display: inline-block;
padding: 0 10px
}
.unifiSettingsSection {
margin-top: 12px
}
.unifiSettingsSection--comfy {
margin-top: 30px
}
.unifiSettingsFooter {
padding-left: 0;
padding-right: 0
}
.unifiSettingsFooter button+.appType--micro {
margin-left: 20px
}
.unifiSettingsPanel {
position: relative;
padding-bottom: 12px
}
.unifiSettingsPanel:not(.is-resizing) {
-webkit-transition: max-height .3s;
-o-transition: max-height .3s;
transition: max-height .3s
}
.unifiSettingsPanel+.unifiSettingsPanel {
border-top: 1px solid var(--color-500)
}
.unifiSettingsPanel--dark {
background-color: #1c1e2d
}
.unifiSettingsPanel--light {
background-color: #fff
}
.unifiSettingsPanel--fixed+.unifiSettingsPanel--fixed {
border-top: none
}
.unifiSettingsPanel--fixed+.unifiSettingsPanel--fixed:after {
content: '';
background: var(--color-500);
position: absolute;
top: 0;
left: 0;
height: 1px;
max-width: 945px;
width: 100%
}
.unifiSettingsPanel--fixed .resizeHandleTop,
.unifiSettingsPanel--fixed .resizeHandleBottom {
left: 0;
right: 0 !important;
width: 100% !important;
max-width: 945px;
text-align: center
}
.unifiSettingsSortableHandle:not([disabled]) {
cursor: move;
cursor: -webkit-grabbing
}
.unifiSettingsSortableChosen {
opacity: 1
}
.unifiSettingsSortablePlaceholder {
opacity: 0
}
.unifiSettingsSubtabsContainer {
position: relative
}
.unifiSettingsSubtabsActionIcon {
position: absolute;
top: -6px;
right: 3px
}
.unifiSettingsSubtabs {
margin-bottom: 10px;
background-color: transparent;
border-top: none
}
.unifiSettingsSubtabs--dark .tabs__item.is-tab-selected:after {
border-top-color: #1b2228
}
.unifiSettingsWirelessNetworkMinrateOption {
min-width: 14.2857142857rem
}
.unifiSettingsWirelessNetworkMinrateLabel {
min-width: 4.2857142857rem
}
.unifiSettingsWirelessNetworkMacFilterAddClients .wlanCheck {
width: 2.5rem
}
.unifiSettingsWirelessNetworkMacFilterHighlighted {
position: relative
}
.unifiSettingsWirelessNetworkMacFilterHighlighted .highlighted {
overflow: auto;
margin: 0;
height: 200px;
font-size: 1em;
line-height: 1.3em;
white-space: pre;
font-family: monospace
}
.unifiSettingsWirelessNetworkMacFilterHighlighted .highlighted--back {
padding: 1px
}
.unifiSettingsWirelessNetworkMacFilterHighlighted .highlighted--textarea {
position: absolute;
top: 0;
padding: 0 4px;
resize: none;
color: #fff
}
.unifiSettingsWirelessNetworkMacFilterHighlighted .highlighted__line {
padding: 0 4px
}
.unifiSettingsWirelessNetworkMacFilterHighlighted .highlighted__line--invalid {
background: #f03a3e
}
.is-form-validation-visible .wirelessNetworkMacAddressFilterListLimitsExceeded {
-webkit-box-shadow: 0px 4px 0px #f03a3e;
box-shadow: 0px 4px 0px #f03a3e
}
.unifiSimpleTextEditor__textarea {
height: 300px
}
.jaze-mod-dark.unifiSpeedTestResult,
.jaze-mod-dark .unifiSpeedTestResult {
--unifi-speed-test-text-primary-color: #fff
}
.jaze-mod-dark.unifiSpeedTestDonutChart,
.jaze-mod-dark .unifiSpeedTestDonutChart,
.jaze-mod-dark.unifiSpeedTestDonutChartLegend,
.jaze-mod-dark .unifiSpeedTestDonutChartLegend {
--unifi-speed-test-series-upload-color: #0087ff;
--unifi-speed-test-series-download-color: #7efbff;
--unifi-speed-test-series-default-color: #333543
}
.jaze-mod-dark.unifiSpeedTestDonutChartLegend,
.jaze-mod-dark .unifiSpeedTestDonutChartLegend {
--unifi-speed-test-donut-chart-legend-background: radial-gradient( circle farthest-side at 50% -40%, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.05) 80%) no-repeat
}
.jaze-mod-dark.unifiSpeedTestLineChartOverlay,
.jaze-mod-dark .unifiSpeedTestLineChartOverlay {
--unifi-speed-test-line-chart-overlay-background: linear-gradient(to right, rgba(36, 38, 53, 1) 2%, rgba(36, 38, 53, 0.85) 8%, rgba(36, 38, 53, 0) 12%, rgba(36, 38, 53, 0) 88%, rgba(36, 38, 53, 0.85) 92%, rgba(36, 38, 53, 1) 98%) no-repeat
}
.jaze-mod-reset-color.unifiSpeedTestResult,
.jaze-mod-reset-color .unifiSpeedTestResult {
--unifi-speed-test-text-primary-color: initial
}
.jaze-mod-reset-color.unifiSpeedTestDonutChart,
.jaze-mod-reset-color .unifiSpeedTestDonutChart,
.jaze-mod-reset-color.unifiSpeedTestDonutChartLegend,
.jaze-mod-reset-color .unifiSpeedTestDonutChartLegend {
--unifi-speed-test-series-upload-color: initial;
--unifi-speed-test-series-download-color: initial;
--unifi-speed-test-series-default-color: initial
}
.jaze-mod-reset-color.unifiSpeedTestDonutChartLegend,
.jaze-mod-reset-color .unifiSpeedTestDonutChartLegend {
--unifi-speed-test-donut-chart-legend-background: initial
}
.jaze-mod-reset-color.unifiSpeedTestLineChartOverlay,
.jaze-mod-reset-color .unifiSpeedTestLineChartOverlay {
--unifi-speed-test-line-chart-overlay-background: initial
}
.unifiSpeedTestDashboard .appTable {
margin-top: 0
}
@-webkit-keyframes unifiDonutChartExternalRingNotifying {
0% {
stroke: #1e1e1e
}
50% {
stroke: #d5d5d5
}
100% {
stroke: #1e1e1e
}
}
@keyframes unifiDonutChartExternalRingNotifying {
0% {
stroke: #1e1e1e
}
50% {
stroke: #d5d5d5
}
100% {
stroke: #1e1e1e
}
}
@-webkit-keyframes unifiSpeedTestArrowBlinking {
from {
opacity: 1
}
to {
opacity: 0.4
}
}
@keyframes unifiSpeedTestArrowBlinking {
from {
opacity: 1
}
to {
opacity: 0.4
}
}
.unifiSpeedTestContainer {
position: relative
}
.unifiSpeedTestContainer--large .unifiSpeedTestDonutChart {
width: 300px;
height: 300px;
margin: .8571428571rem auto
}
.unifiSpeedTestContainer--small .unifiSpeedTestDonutChart {
width: 200px;
height: 200px
}
.unifiSpeedTestContainer--small .unifiSpeedTestDonutChartLegend {
font-size: .6em
}
.unifiSpeedTestContainer__ugwLimitTooltip {
z-index: 1;
left: 50%;
top: 64px;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0)
}
.unifiSpeedTestDonutChart {
display: -webkit-box;
display: -moz-flex;
display: -ms-flex;
display: -ms-flexbox;
display: flex;
-ms-align-items: center;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
-ms-justify-content: center;
-webkit-box-pack: center;
justify-content: center;
-ms-flex-pack: center;
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
margin: 0 auto;
width: 100%;
height: 100%
}
.unifiSpeedTestDonutChart .unifiDonutChart {
height: 100%
}
.unifiSpeedTestDonutChart .unifiDonutChartPie {
opacity: 1;
stroke-opacity: 0
}
.unifiSpeedTestDonutChart .unifiDonutChartTick--serie0,
.unifiSpeedTestDonutChart .unifiDonutChartPie0 {
fill: var(--unifi-speed-test-series-upload-color, #1278ba)
}
.unifiSpeedTestDonutChart .unifiDonutChartTick--serie1,
.unifiSpeedTestDonutChart .unifiDonutChartPie1 {
fill: var(--unifi-speed-test-series-default-color, #e1e1e1)
}
.unifiSpeedTestDonutChart .unifiDonutChartTick--serie2,
.unifiSpeedTestDonutChart .unifiDonutChartPie2 {
fill: transparent
}
.unifiSpeedTestDonutChart .unifiDonutChartTick--serie3,
.unifiSpeedTestDonutChart .unifiDonutChartPie3 {
fill: var(--unifi-speed-test-series-default-color, #e1e1e1)
}
.unifiSpeedTestDonutChart .unifiDonutChartTick--serie4,
.unifiSpeedTestDonutChart .unifiDonutChartPie4 {
fill: var(--unifi-speed-test-series-download-color, #35b7f3)
}
.unifiSpeedTestDonutChart .unifiDonutChartExternalRing {
stroke: #555;
stroke-width: 0
}
.unifiSpeedTestModal--inProgress .unifiSpeedTestDonutChart .unifiDonutChartExternalRing {
-webkit-animation: unifiDonutChartExternalRingNotifying 1.8s cubic-bezier(0.4, 0, 1, 1) infinite;
animation: unifiDonutChartExternalRingNotifying 1.8s cubic-bezier(0.4, 0, 1, 1) infinite
}
.unifiSpeedTestDonutChart .unifiDonutChart text {
fill: #777
}
.unifiSpeedTestDonutChart .unifiDonutChart text+text {
fill: #424242
}
.unifiSpeedTestDonutChartLegendBox {
position: absolute;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-self: center;
-ms-flex-item-align: center;
align-self: center;
width: 85%;
height: 85%;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
.unifiSpeedTestDonutChartLegend {
width: 100%;
height: 100%;
padding: 5% 5%;
margin: 0 auto;
font-size: 1rem;
border-radius: 50%;
background: var(--unifi-speed-test-donut-chart-legend-background, radial-gradient(circle farthest-side at 50% -40%, rgba(190, 190, 190, 0.05) 0%, rgba(190, 190, 190, 0.15) 50%, rgba(190, 190, 190, 0.05) 80%) no-repeat)
}
.unifiSpeedTestDonutChartLegend__row {
font-weight: 300;
text-align: center;
white-space: nowrap
}
.unifiSpeedTestDonutChartLegend__row:before {
content: '';
display: inline-block;
height: 100%
}
.unifiSpeedTestDonutChartLegend__top:before {
vertical-align: bottom
}
.unifiSpeedTestDonutChartLegend__bottom:before {
vertical-align: top
}
.unifiSpeedTestDonutChartLegend__row--label {
height: 15%;
font-size: 0.9em;
font-weight: 500;
text-transform: uppercase
}
.unifiSpeedTestDonutChartLegend__row--unit {
height: 10%;
font-size: 1.1em
}
.unifiSpeedTestDonutChartLegend__row--download,
.unifiSpeedTestDonutChartLegend__row--upload {
position: relative;
height: 30%;
padding: 2% 10%;
font-size: 4em;
text-align: right
}
.unifiSpeedTestDonutChartLegend__row--upload {
color: var(--unifi-speed-test-series-upload-color, #1278ba)
}
.unifiSpeedTestDonutChartLegend__row--download {
color: var(--unifi-speed-test-series-download-color, #35b7f3)
}
.unifiSpeedTestDonutChartArrow-up,
.unifiSpeedTestDonutChartArrow-down {
position: absolute;
left: 10%;
font-size: 0.12em;
width: 0;
height: 0;
border-style: solid
}
.unifiSpeedTestDonutChartArrow-up {
bottom: 3em;
border-width: 0 1em 1.732em 1em;
border-color: transparent transparent var(--unifi-speed-test-series-upload-color, #1278ba) transparent
}
.unifiSpeedTestDonutChartArrow-down {
top: 4em;
border-width: 1.732em 1em 0 1em;
border-color: var(--unifi-speed-test-series-download-color, #35b7f3) transparent transparent transparent
}
.unifiSpeedTestDonutChartArrow__inProgress {
-webkit-animation: unifiSpeedTestArrowBlinking 0.3s infinite linear;
animation: unifiSpeedTestArrowBlinking 0.3s infinite linear
}
.unifiSpeedTestLineChart {
position: relative;
margin-top: 18px;
padding: 12px;
overflow: hidden
}
.unifiSpeedTestLineChart .unifiLineChart {
height: 60px
}
.unifiSpeedTestLineChart .unifiColumnChart__column {
min-width: 1px
}
.unifiSpeedTestLineChart .unifiColumnChart__column--scale {
display: none
}
.unifiSpeedTestLineChart .unifiColumnChartSegment {
margin-right: 1px
}
.unifiSpeedTestLineChart .unifiColumnChartSegment__value {
-webkit-transition: none;
-o-transition: none;
transition: none
}
.unifiSpeedTestLineChart .unifiColumnChart0 .unifiColumnChartSegment__value {
border-top: 1px solid #7efbff
}
.unifiSpeedTestLineChart .unifiColumnChart1 .unifiColumnChartSegment__value {
border-top: 1px solid #0087ff
}
.unifiSpeedTestLineChart .unifiSpeedTestLineChartOverlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: var(--unifi-speed-test-line-chart-overlay-background, linear-gradient(to right, #fff 2%, rgba(255, 255, 255, 0.85) 8%, rgba(255, 255, 255, 0) 12%, rgba(255, 255, 255, 0) 88%, rgba(255, 255, 255, 0.85) 92%, #fff 98%) no-repeat)
}
@-webkit-keyframes unifiSpeedTestResultValueBlinking {
from {
opacity: 1
}
to {
opacity: 0.4
}
}
@keyframes unifiSpeedTestResultValueBlinking {
from {
opacity: 1
}
to {
opacity: 0.4
}
}
.unifiSpeedTestResult {
text-align: center;
font-weight: 300
}
.unifiSpeedTestResult__label {
display: inline-block;
font-size: 0.8em;
text-transform: uppercase
}
.unifiSpeedTestResult__data {
display: inline-block
}
.unifiSpeedTestResult__value {
display: inline-block;
margin-left: 0.4em;
margin-right: 0.1em;
font-size: 1.3em;
color: var(--unifi-speed-test-text-primary-color, #000)
}
.unifiSpeedTestResult__value--inProgress {
-webkit-animation: unifiSpeedTestArrowBlinking 1.7s infinite linear;
animation: unifiSpeedTestArrowBlinking 1.7s infinite linear
}
.unifiSpeedTestResult__unit {
display: inline-block;
font-size: 0.8em
}
.unifiSpeedTestResult__lastRun {
margin-top: .4em;
font-size: .7em
}
.unifiSpeedTestHistoryGraph--speed .unifiLineChart__plot--left path {
stroke: #a252e3
}
.unifiSpeedTestHistoryGraph--speed .unifiLineChart__focusPoint--left {
fill: #a252e3
}
.unifiSpeedTestHistoryGraph--speed .unifiLineChart__plot--right path {
stroke: #39cc64;
stroke-dasharray: initial
}
.unifiSpeedTestHistoryGraph--speed .unifiLineChart__focusPoint--right {
fill: #39cc64
}
.unifiSpeedTestHistoryGraph--latency .unifiLineChart__plot--left path {
stroke: #f5a623
}
.unifiSpeedTestHistoryGraph--latency .unifiLineChart__focusPoint--left {
fill: #f5a623
}
.unifiSpeedTestHistory .unifiChartTooltip {
padding: 12px 20px 17px 20px
}
.unifiSpeedTestHistory .unifiChartTooltip .unifiChartTooltip__inner {
width: 190px
}
.unifiSpeedTestHistory .unifiChartTooltip .up {
color: #a252e3
}
.unifiSpeedTestHistory .unifiChartTooltip .down {
color: #39cc64
}
.unifiSshKeyIcon {
font-size: 24px
}
.unifiSshKeyIcon--active {
color: #39cc64
}
.unifiStatisticsHeader {
border-bottom: 1px solid var(--jaze-color-border-primary)
}
.unifiStatisticsClients {
display: -webkit-box;
display: -moz-flex;
display: -ms-flex;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column
}
.unifiStatisticsClients .appSubHeading {
-webkit-box-flex: 0;
-ms-flex: 0;
flex: 0
}
.unifiStatisticsClients__noData {
min-height: 150px;
position: relative
}
.unifiStatisticsClientsGraph {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-box;
display: -moz-flex;
display: -ms-flex;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: relative
}
.unifiStatisticsClientsGraph .unifiDonutChartWithTooltip {
min-width: 90px;
max-width: 200px;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1
}
.unifiStatisticsClientsGraph .unifiDonutChartPie {
opacity: 1
}
.unifiStatisticsClientsGraph .unifiDonutChartTick--selected {
stroke-width: 0
}
@media only screen and (max-width: 480px) {
.unifiStatisticsClientsGraph {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.unifiStatisticsClientsGraph .unifiDonutChartWithTooltip {
min-width: 150px
}
}
@media only screen and (max-width: 800px) {
.unifiStatisticsClientsGraph .is-property-panel-open.is-property-panel-inline {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.unifiStatisticsClientsGraph .is-property-panel-open.is-property-panel-inline .unifiDonutChartWithTooltip {
min-width: 150px
}
}
.unifiStatisticsClientsLegend {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
min-width: initial;
max-width: 250px;
-ms-flex-item-align: center;
align-self: center
}
.is-msie .unifiStatisticsClients .appSubHeading {
min-height: 1.5em
}
.is-msie .unifiStatisticsClients .unifiStatisticsClientsGraph {
min-height: 150px
}
.unifiStatisticsRecentActivities {
min-height: 210px
}
.unifiStatisticsRecentActivities .unifiLineChart__grid .tick {
stroke-dasharray: 2, 2
}
.unifiStatisticsRecentActivities .unifiLineChart__grid--horizontal g:first-of-type,
.unifiStatisticsRecentActivities .unifiLineChart__grid--horizontal g:last-of-type {
stroke-dasharray: initial
}
.unifiStatisticsRecentActivities .unifiChartTooltip__inner {
width: 220px
}
.unifiStatisticsRecentActivitiesChartContainer {
position: relative
}
.unifiStatisticsRecentActivitiesChartContainer__remove {
position: absolute;
top: -3px;
right: 5px;
z-index: 10;
font-size: 10px
}
.unifiStatisticsRecentActivities__chart {
margin-top: -8px
}
.unifiStatisticsRecentActivities__chart .unifiLineChart__focusPoint {
fill: #666666
}
.unifiStatisticsRecentActivities__chart .unifiLineChart__plot path {
stroke: #666666
}
.unifiStatisticsRecentActivities__chart .unifiLineChart__area {
fill: #888888
}
.unifiStatisticsRecentActivities__chart0 .unifiLineChart__focusPoint {
fill: #39cc64
}
.unifiStatisticsRecentActivities__chart1 .unifiLineChart__focusPoint {
fill: #bfe041
}
.unifiStatisticsRecentActivities__chart2 .unifiLineChart__focusPoint {
fill: #ffdb1a
}
.unifiStatisticsRecentActivities__chart3 .unifiLineChart__focusPoint {
fill: #f5a623
}
.unifiStatisticsRecentActivities__chart4 .unifiLineChart__focusPoint {
fill: #f03a3e
}
.unifiStatisticsRecentActivities__chart5 .unifiLineChart__focusPoint {
fill: #a252e3
}
.unifiStatisticsRecentActivities__chart6 .unifiLineChart__focusPoint {
fill: #6b34e0
}
.unifiStatisticsRecentActivities__chart7 .unifiLineChart__focusPoint {
fill: #003c9e
}
.unifiStatisticsRecentActivities__chart8 .unifiLineChart__focusPoint {
fill: var(--color-500)
}
.unifiStatisticsRecentActivities__chart9 .unifiLineChart__focusPoint {
fill: var(--color-400)
}
.unifiStatisticsRecentActivities__chart10 .unifiLineChart__focusPoint {
fill: #39cc64
}
.unifiStatisticsRecentActivities__chart11 .unifiLineChart__focusPoint {
fill: #bfe041
}
.unifiStatisticsRecentActivities__chart12 .unifiLineChart__focusPoint {
fill: #ffdb1a
}
.unifiStatisticsRecentActivities__chart13 .unifiLineChart__focusPoint {
fill: #f5a623
}
.unifiStatisticsRecentActivities__chart14 .unifiLineChart__focusPoint {
fill: #f03a3e
}
.unifiStatisticsRecentActivities__chart15 .unifiLineChart__focusPoint {
fill: #a252e3
}
.unifiStatisticsRecentActivities__chart16 .unifiLineChart__focusPoint {
fill: #6b34e0
}
.unifiStatisticsRecentActivities__chart17 .unifiLineChart__focusPoint {
fill: #003c9e
}
.unifiStatisticsRecentActivities__chart18 .unifiLineChart__focusPoint {
fill: var(--color-500)
}
.unifiStatisticsRecentActivities__chart19 .unifiLineChart__focusPoint {
fill: var(--color-400)
}
.unifiStatisticsRecentActivities__chart20 .unifiLineChart__focusPoint {
fill: #39cc64
}
.unifiStatisticsRecentActivities__chart21 .unifiLineChart__focusPoint {
fill: #bfe041
}
.unifiStatisticsRecentActivities__chart22 .unifiLineChart__focusPoint {
fill: #ffdb1a
}
.unifiStatisticsRecentActivities__chart23 .unifiLineChart__focusPoint {
fill: #f5a623
}
.unifiStatisticsRecentActivities__chart24 .unifiLineChart__focusPoint {
fill: #f03a3e
}
.unifiStatisticsRecentActivities__chart25 .unifiLineChart__focusPoint {
fill: #a252e3
}
.unifiStatisticsRecentActivities__chart26 .unifiLineChart__focusPoint {
fill: #6b34e0
}
.unifiStatisticsRecentActivities__chart27 .unifiLineChart__focusPoint {
fill: #003c9e
}
.unifiStatisticsRecentActivities__chart28 .unifiLineChart__focusPoint {
fill: var(--color-500)
}
.unifiStatisticsRecentActivities__chart29 .unifiLineChart__focusPoint {
fill: var(--color-400)
}
.unifiStatisticsRecentActivities__chart30 .unifiLineChart__focusPoint {
fill: #39cc64
}
.unifiStatisticsRecentActivities__chart31 .unifiLineChart__focusPoint {
fill: #bfe041
}
.unifiStatisticsRecentActivities__chart32 .unifiLineChart__focusPoint {
fill: #ffdb1a
}
.unifiStatisticsRecentActivities__chart33 .unifiLineChart__focusPoint {
fill: #f5a623
}
.unifiStatisticsRecentActivities__chart34 .unifiLineChart__focusPoint {
fill: #f03a3e
}
.unifiStatisticsRecentActivities__chart35 .unifiLineChart__focusPoint {
fill: #a252e3
}
.unifiStatisticsRecentActivities__chart36 .unifiLineChart__focusPoint {
fill: #6b34e0
}
.unifiStatisticsRecentActivities__chart37 .unifiLineChart__focusPoint {
fill: #003c9e
}
.unifiStatisticsRecentActivities__chart38 .unifiLineChart__focusPoint {
fill: var(--color-500)
}
.unifiStatisticsRecentActivities__chart39 .unifiLineChart__focusPoint {
fill: var(--color-400)
}
.unifiStatisticsRecentActivities__chart0 .unifiLineChart__plot path {
stroke: #39cc64
}
.unifiStatisticsRecentActivities__chart1 .unifiLineChart__plot path {
stroke: #bfe041
}
.unifiStatisticsRecentActivities__chart2 .unifiLineChart__plot path {
stroke: #ffdb1a
}
.unifiStatisticsRecentActivities__chart3 .unifiLineChart__plot path {
stroke: #f5a623
}
.unifiStatisticsRecentActivities__chart4 .unifiLineChart__plot path {
stroke: #f03a3e
}
.unifiStatisticsRecentActivities__chart5 .unifiLineChart__plot path {
stroke: #a252e3
}
.unifiStatisticsRecentActivities__chart6 .unifiLineChart__plot path {
stroke: #6b34e0
}
.unifiStatisticsRecentActivities__chart7 .unifiLineChart__plot path {
stroke: #003c9e
}
.unifiStatisticsRecentActivities__chart8 .unifiLineChart__plot path {
stroke: var(--color-500)
}
.unifiStatisticsRecentActivities__chart9 .unifiLineChart__plot path {
stroke: var(--color-400)
}
.unifiStatisticsRecentActivities__chart10 .unifiLineChart__plot path {
stroke: #39cc64
}
.unifiStatisticsRecentActivities__chart11 .unifiLineChart__plot path {
stroke: #bfe041
}
.unifiStatisticsRecentActivities__chart12 .unifiLineChart__plot path {
stroke: #ffdb1a
}
.unifiStatisticsRecentActivities__chart13 .unifiLineChart__plot path {
stroke: #f5a623
}
.unifiStatisticsRecentActivities__chart14 .unifiLineChart__plot path {
stroke: #f03a3e
}
.unifiStatisticsRecentActivities__chart15 .unifiLineChart__plot path {
stroke: #a252e3
}
.unifiStatisticsRecentActivities__chart16 .unifiLineChart__plot path {
stroke: #6b34e0
}
.unifiStatisticsRecentActivities__chart17 .unifiLineChart__plot path {
stroke: #003c9e
}
.unifiStatisticsRecentActivities__chart18 .unifiLineChart__plot path {
stroke: var(--color-500)
}
.unifiStatisticsRecentActivities__chart19 .unifiLineChart__plot path {
stroke: var(--color-400)
}
.unifiStatisticsRecentActivities__chart20 .unifiLineChart__plot path {
stroke: #39cc64
}
.unifiStatisticsRecentActivities__chart21 .unifiLineChart__plot path {
stroke: #bfe041
}
.unifiStatisticsRecentActivities__chart22 .unifiLineChart__plot path {
stroke: #ffdb1a
}
.unifiStatisticsRecentActivities__chart23 .unifiLineChart__plot path {
stroke: #f5a623
}
.unifiStatisticsRecentActivities__chart24 .unifiLineChart__plot path {
stroke: #f03a3e
}
.unifiStatisticsRecentActivities__chart25 .unifiLineChart__plot path {
stroke: #a252e3
}
.unifiStatisticsRecentActivities__chart26 .unifiLineChart__plot path {
stroke: #6b34e0
}
.unifiStatisticsRecentActivities__chart27 .unifiLineChart__plot path {
stroke: #003c9e
}
.unifiStatisticsRecentActivities__chart28 .unifiLineChart__plot path {
stroke: var(--color-500)
}
.unifiStatisticsRecentActivities__chart29 .unifiLineChart__plot path {
stroke: var(--color-400)
}
.unifiStatisticsRecentActivities__chart30 .unifiLineChart__plot path {
stroke: #39cc64
}
.unifiStatisticsRecentActivities__chart31 .unifiLineChart__plot path {
stroke: #bfe041
}
.unifiStatisticsRecentActivities__chart32 .unifiLineChart__plot path {
stroke: #ffdb1a
}
.unifiStatisticsRecentActivities__chart33 .unifiLineChart__plot path {
stroke: #f5a623
}
.unifiStatisticsRecentActivities__chart34 .unifiLineChart__plot path {
stroke: #f03a3e
}
.unifiStatisticsRecentActivities__chart35 .unifiLineChart__plot path {
stroke: #a252e3
}
.unifiStatisticsRecentActivities__chart36 .unifiLineChart__plot path {
stroke: #6b34e0
}
.unifiStatisticsRecentActivities__chart37 .unifiLineChart__plot path {
stroke: #003c9e
}
.unifiStatisticsRecentActivities__chart38 .unifiLineChart__plot path {
stroke: var(--color-500)
}
.unifiStatisticsRecentActivities__chart39 .unifiLineChart__plot path {
stroke: var(--color-400)
}
.unifiStatisticsRecentActivities__chart0 .unifiLineChart__area {
fill: #c7f1d3
}
.unifiStatisticsRecentActivities__chart1 .unifiLineChart__area {
fill: #f3f9da
}
.unifiStatisticsRecentActivities__chart2 .unifiLineChart__area {
fill: #fff7cd
}
.unifiStatisticsRecentActivities__chart3 .unifiLineChart__area {
fill: #fdebce
}
.unifiStatisticsRecentActivities__chart4 .unifiLineChart__area {
fill: #fde0e1
}
.unifiStatisticsRecentActivities__chart5 .unifiLineChart__area {
fill: #f5ecfc
}
.unifiStatisticsRecentActivities__chart6 .unifiLineChart__area {
fill: #dccff8
}
.unifiStatisticsRecentActivities__chart7 .unifiLineChart__area {
fill: #5293ff
}
.unifiStatisticsRecentActivities__chart8 .unifiLineChart__area {
fill: #b3d4ff
}
.unifiStatisticsRecentActivities__chart9 .unifiLineChart__area {
fill: #fff
}
.unifiStatisticsRecentActivities__chart10 .unifiLineChart__area {
fill: #c7f1d3
}
.unifiStatisticsRecentActivities__chart11 .unifiLineChart__area {
fill: #f3f9da
}
.unifiStatisticsRecentActivities__chart12 .unifiLineChart__area {
fill: #fff7cd
}
.unifiStatisticsRecentActivities__chart13 .unifiLineChart__area {
fill: #fdebce
}
.unifiStatisticsRecentActivities__chart14 .unifiLineChart__area {
fill: #fde0e1
}
.unifiStatisticsRecentActivities__chart15 .unifiLineChart__area {
fill: #f5ecfc
}
.unifiStatisticsRecentActivities__chart16 .unifiLineChart__area {
fill: #dccff8
}
.unifiStatisticsRecentActivities__chart17 .unifiLineChart__area {
fill: #5293ff
}
.unifiStatisticsRecentActivities__chart18 .unifiLineChart__area {
fill: #b3d4ff
}
.unifiStatisticsRecentActivities__chart19 .unifiLineChart__area {
fill: #fff
}
.unifiStatisticsRecentActivities__chart20 .unifiLineChart__area {
fill: #c7f1d3
}
.unifiStatisticsRecentActivities__chart21 .unifiLineChart__area {
fill: #f3f9da
}
.unifiStatisticsRecentActivities__chart22 .unifiLineChart__area {
fill: #fff7cd
}
.unifiStatisticsRecentActivities__chart23 .unifiLineChart__area {
fill: #fdebce
}
.unifiStatisticsRecentActivities__chart24 .unifiLineChart__area {
fill: #fde0e1
}
.unifiStatisticsRecentActivities__chart25 .unifiLineChart__area {
fill: #f5ecfc
}
.unifiStatisticsRecentActivities__chart26 .unifiLineChart__area {
fill: #dccff8
}
.unifiStatisticsRecentActivities__chart27 .unifiLineChart__area {
fill: #5293ff
}
.unifiStatisticsRecentActivities__chart28 .unifiLineChart__area {
fill: #b3d4ff
}
.unifiStatisticsRecentActivities__chart29 .unifiLineChart__area {
fill: #fff
}
.unifiStatisticsRecentActivities__chart30 .unifiLineChart__area {
fill: #c7f1d3
}
.unifiStatisticsRecentActivities__chart31 .unifiLineChart__area {
fill: #f3f9da
}
.unifiStatisticsRecentActivities__chart32 .unifiLineChart__area {
fill: #fff7cd
}
.unifiStatisticsRecentActivities__chart33 .unifiLineChart__area {
fill: #fdebce
}
.unifiStatisticsRecentActivities__chart34 .unifiLineChart__area {
fill: #fde0e1
}
.unifiStatisticsRecentActivities__chart35 .unifiLineChart__area {
fill: #f5ecfc
}
.unifiStatisticsRecentActivities__chart36 .unifiLineChart__area {
fill: #dccff8
}
.unifiStatisticsRecentActivities__chart37 .unifiLineChart__area {
fill: #5293ff
}
.unifiStatisticsRecentActivities__chart38 .unifiLineChart__area {
fill: #b3d4ff
}
.unifiStatisticsRecentActivities__chart39 .unifiLineChart__area {
fill: #fff
}
.unifiStatisticsFilter .unifiStatisticsFilter__selectedItem0 {
border-color: #bfe041
}
.unifiStatisticsFilter .unifiStatisticsFilter__selectedItem1 {
border-color: #ffdb1a
}
.unifiStatisticsFilter .unifiStatisticsFilter__selectedItem2 {
border-color: #f5a623
}
.unifiStatisticsFilter .unifiStatisticsFilter__selectedItem3 {
border-color: #f03a3e
}
.unifiStatisticsFilter .unifiStatisticsFilter__selectedItem4 {
border-color: #a252e3
}
.unifiStatisticsFilter .unifiStatisticsFilter__selectedItem5 {
border-color: #6b34e0
}
.unifiStatisticsFilter .unifiStatisticsFilter__selectedItem6 {
border-color: #003c9e
}
.unifiStatisticsFilter .unifiStatisticsFilter__selectedItem7 {
border-color: var(--color-500)
}
.unifiStatisticsFilter .unifiStatisticsFilter__selectedItem8 {
border-color: var(--color-400)
}
.unifiStatisticsFilter .unifiStatisticsFilter__selectedItem9 {
border-color: #39cc64
}
.unifiStatisticsFilter .unifiStatisticsFilter__selectedItem10 {
border-color: #bfe041
}
.unifiStatisticsFilter .unifiStatisticsFilter__selectedItem11 {
border-color: #ffdb1a
}
.unifiStatisticsFilter .unifiStatisticsFilter__selectedItem12 {
border-color: #f5a623
}
.unifiStatisticsFilter .unifiStatisticsFilter__selectedItem13 {
border-color: #f03a3e
}
.unifiStatisticsFilter .unifiStatisticsFilter__selectedItem14 {
border-color: #a252e3
}
.unifiStatisticsFilter .unifiStatisticsFilter__selectedItem15 {
border-color: #6b34e0
}
.unifiStatisticsFilter .unifiStatisticsFilter__selectedItem16 {
border-color: #003c9e
}
.unifiStatisticsFilter .unifiStatisticsFilter__selectedItem17 {
border-color: var(--color-500)
}
.unifiStatisticsFilter .unifiStatisticsFilter__selectedItem18 {
border-color: var(--color-400)
}
.unifiStatisticsFilter .unifiStatisticsFilter__selectedItem19 {
border-color: #39cc64
}
.unifiStatisticsFilter .unifiStatisticsFilter__selectedItem20 {
border-color: #bfe041
}
.unifiStatisticsFilter .unifiStatisticsFilter__selectedItem21 {
border-color: #ffdb1a
}
.unifiStatisticsFilter .unifiStatisticsFilter__selectedItem22 {
border-color: #f5a623
}
.unifiStatisticsFilter .unifiStatisticsFilter__selectedItem23 {
border-color: #f03a3e
}
.unifiStatisticsFilter .unifiStatisticsFilter__selectedItem24 {
border-color: #a252e3
}
.unifiStatisticsFilter .unifiStatisticsFilter__selectedItem25 {
border-color: #6b34e0
}
.unifiStatisticsFilter .unifiStatisticsFilter__selectedItem26 {
border-color: #003c9e
}
.unifiStatisticsFilter .unifiStatisticsFilter__selectedItem27 {
border-color: var(--color-500)
}
.unifiStatisticsFilter .unifiStatisticsFilter__selectedItem28 {
border-color: var(--color-400)
}
.unifiStatisticsFilter .unifiStatisticsFilter__selectedItem29 {
border-color: #39cc64
}
.unifiStatisticsFilter .unifiStatisticsFilter__selectedItem30 {
border-color: #bfe041
}
.unifiStatisticsFilter .unifiStatisticsFilter__selectedItem31 {
border-color: #ffdb1a
}
.unifiStatisticsFilter .unifiStatisticsFilter__selectedItem32 {
border-color: #f5a623
}
.unifiStatisticsFilter .unifiStatisticsFilter__selectedItem33 {
border-color: #f03a3e
}
.unifiStatisticsFilter .unifiStatisticsFilter__selectedItem34 {
border-color: #a252e3
}
.unifiStatisticsFilter .unifiStatisticsFilter__selectedItem35 {
border-color: #6b34e0
}
.unifiStatisticsFilter .unifiStatisticsFilter__selectedItem36 {
border-color: #003c9e
}
.unifiStatisticsFilter .unifiStatisticsFilter__selectedItem37 {
border-color: var(--color-500)
}
.unifiStatisticsFilter .unifiStatisticsFilter__selectedItem38 {
border-color: var(--color-400)
}
.unifiStatisticsDpiFilters .appLabel--primary {
margin-right: 10px
}
.unifiStatisticsDpiFilters__pane {
-webkit-column-count: 2;
column-count: 2
}
.unifiStatisticsDpiFilters__pane .appSubHeading {
-webkit-column-span: all;
column-span: all
}
@media only screen and (max-width: 800px) {
.unifiStatisticsDpiFilters__pane {
-webkit-column-count: 1;
column-count: 1
}
}
.unifiStatisticsDpi .unifiDonutChartPie {
opacity: 1
}
.unifiStatisticsDpi .unifiChartLegendEntry--unselected {
color: #bbbbbb
}
.unifiStatisticsDpi .unifiChartLegendEntry__label,
.unifiStatisticsDpi .unifiChartLegendEntry__value {
color: inherit
}
.unifiStatisticsDpiCategory {
min-width: 240px;
padding-top: 40px
}
.unifiStatisticsDpiOverviewGraph .unifiDpiApplicationUsageGraph,
.unifiStatisticsDpiOverviewGraph .unifiDpiCategoryUsageGraph {
padding: 10px 0 10px 0
}
.unifiStatisticsDpiOverviewGraph--palette0 .unifiDonutChartPie0 {
fill: #39cc64
}
.unifiStatisticsDpiOverviewGraph--palette0 .unifiDonutChartPie1 {
fill: #2ba74f
}
.unifiStatisticsDpiOverviewGraph--palette0 .unifiDonutChartPie2 {
fill: #217e3c
}
.unifiStatisticsDpiOverviewGraph--palette0 .unifiDonutChartPie3 {
fill: #165629
}
.unifiStatisticsDpiOverviewGraph--palette0 .unifiDonutChartPie4 {
fill: #0c2d16
}
.unifiStatisticsDpiOverviewGraph--palette0 .unifiDonutChartPie5 {
fill: #010502
}
.unifiStatisticsDpiOverviewGraph--palette0 .unifiDonutChartPie6 {
fill: #000
}
.unifiStatisticsDpiOverviewGraph--palette0 .unifiDonutChartPie7 {
fill: #000
}
.unifiStatisticsDpiOverviewGraph--palette0 .unifiDonutChartPie8 {
fill: #000
}
.unifiStatisticsDpiOverviewGraph--palette1 .unifiDonutChartPie0 {
fill: #bfe041
}
.unifiStatisticsDpiOverviewGraph--palette1 .unifiDonutChartPie1 {
fill: #a9cd21
}
.unifiStatisticsDpiOverviewGraph--palette1 .unifiDonutChartPie2 {
fill: #85a11a
}
.unifiStatisticsDpiOverviewGraph--palette1 .unifiDonutChartPie3 {
fill: #617513
}
.unifiStatisticsDpiOverviewGraph--palette1 .unifiDonutChartPie4 {
fill: #3c490c
}
.unifiStatisticsDpiOverviewGraph--palette1 .unifiDonutChartPie5 {
fill: #181d05
}
.unifiStatisticsDpiOverviewGraph--palette1 .unifiDonutChartPie6 {
fill: #000
}
.unifiStatisticsDpiOverviewGraph--palette1 .unifiDonutChartPie7 {
fill: #000
}
.unifiStatisticsDpiOverviewGraph--palette1 .unifiDonutChartPie8 {
fill: #000
}
.unifiStatisticsDpiOverviewGraph--palette2 .unifiDonutChartPie0 {
fill: #ffdb1a
}
.unifiStatisticsDpiOverviewGraph--palette2 .unifiDonutChartPie1 {
fill: #e6c200
}
.unifiStatisticsDpiOverviewGraph--palette2 .unifiDonutChartPie2 {
fill: #b39700
}
.unifiStatisticsDpiOverviewGraph--palette2 .unifiDonutChartPie3 {
fill: #806c00
}
.unifiStatisticsDpiOverviewGraph--palette2 .unifiDonutChartPie4 {
fill: #4d4100
}
.unifiStatisticsDpiOverviewGraph--palette2 .unifiDonutChartPie5 {
fill: #1a1600
}
.unifiStatisticsDpiOverviewGraph--palette2 .unifiDonutChartPie6 {
fill: #000
}
.unifiStatisticsDpiOverviewGraph--palette2 .unifiDonutChartPie7 {
fill: #000
}
.unifiStatisticsDpiOverviewGraph--palette2 .unifiDonutChartPie8 {
fill: #000
}
.unifiStatisticsDpiOverviewGraph--palette3 .unifiDonutChartPie0 {
fill: #f5a623
}
.unifiStatisticsDpiOverviewGraph--palette3 .unifiDonutChartPie1 {
fill: #db8c0a
}
.unifiStatisticsDpiOverviewGraph--palette3 .unifiDonutChartPie2 {
fill: #aa6d08
}
.unifiStatisticsDpiOverviewGraph--palette3 .unifiDonutChartPie3 {
fill: #794e06
}
.unifiStatisticsDpiOverviewGraph--palette3 .unifiDonutChartPie4 {
fill: #492f03
}
.unifiStatisticsDpiOverviewGraph--palette3 .unifiDonutChartPie5 {
fill: #180f01
}
.unifiStatisticsDpiOverviewGraph--palette3 .unifiDonutChartPie6 {
fill: #000
}
.unifiStatisticsDpiOverviewGraph--palette3 .unifiDonutChartPie7 {
fill: #000
}
.unifiStatisticsDpiOverviewGraph--palette3 .unifiDonutChartPie8 {
fill: #000
}
.unifiStatisticsDpiOverviewGraph--palette4 .unifiDonutChartPie0 {
fill: #f03a3e
}
.unifiStatisticsDpiOverviewGraph--palette4 .unifiDonutChartPie1 {
fill: #e61116
}
.unifiStatisticsDpiOverviewGraph--palette4 .unifiDonutChartPie2 {
fill: #b60e12
}
.unifiStatisticsDpiOverviewGraph--palette4 .unifiDonutChartPie3 {
fill: #870a0d
}
.unifiStatisticsDpiOverviewGraph--palette4 .unifiDonutChartPie4 {
fill: #570708
}
.unifiStatisticsDpiOverviewGraph--palette4 .unifiDonutChartPie5 {
fill: #280304
}
.unifiStatisticsDpiOverviewGraph--palette4 .unifiDonutChartPie6 {
fill: #000
}
.unifiStatisticsDpiOverviewGraph--palette4 .unifiDonutChartPie7 {
fill: #000
}
.unifiStatisticsDpiOverviewGraph--palette4 .unifiDonutChartPie8 {
fill: #000
}
.unifiStatisticsDpiOverviewGraph--palette5 .unifiDonutChartPie0 {
fill: #a252e3
}
.unifiStatisticsDpiOverviewGraph--palette5 .unifiDonutChartPie1 {
fill: #8a26dc
}
.unifiStatisticsDpiOverviewGraph--palette5 .unifiDonutChartPie2 {
fill: #6f1db2
}
.unifiStatisticsDpiOverviewGraph--palette5 .unifiDonutChartPie3 {
fill: #541686
}
.unifiStatisticsDpiOverviewGraph--palette5 .unifiDonutChartPie4 {
fill: #380f5a
}
.unifiStatisticsDpiOverviewGraph--palette5 .unifiDonutChartPie5 {
fill: #1d082e
}
.unifiStatisticsDpiOverviewGraph--palette5 .unifiDonutChartPie6 {
fill: #020003
}
.unifiStatisticsDpiOverviewGraph--palette5 .unifiDonutChartPie7 {
fill: #000
}
.unifiStatisticsDpiOverviewGraph--palette5 .unifiDonutChartPie8 {
fill: #000
}
.unifiStatisticsDpiOverviewGraph--palette6 .unifiDonutChartPie0 {
fill: #6b34e0
}
.unifiStatisticsDpiOverviewGraph--palette6 .unifiDonutChartPie1 {
fill: #531ec3
}
.unifiStatisticsDpiOverviewGraph--palette6 .unifiDonutChartPie2 {
fill: #401797
}
.unifiStatisticsDpiOverviewGraph--palette6 .unifiDonutChartPie3 {
fill: #2d106b
}
.unifiStatisticsDpiOverviewGraph--palette6 .unifiDonutChartPie4 {
fill: #1a0a3e
}
.unifiStatisticsDpiOverviewGraph--palette6 .unifiDonutChartPie5 {
fill: #080312
}
.unifiStatisticsDpiOverviewGraph--palette6 .unifiDonutChartPie6 {
fill: #000
}
.unifiStatisticsDpiOverviewGraph--palette6 .unifiDonutChartPie7 {
fill: #000
}
.unifiStatisticsDpiOverviewGraph--palette6 .unifiDonutChartPie8 {
fill: #000
}
.unifiStatisticsDpiOverviewGraph--palette7 .unifiDonutChartPie0 {
fill: #003c9e
}
.unifiStatisticsDpiOverviewGraph--palette7 .unifiDonutChartPie1 {
fill: #00296b
}
.unifiStatisticsDpiOverviewGraph--palette7 .unifiDonutChartPie2 {
fill: #001538
}
.unifiStatisticsDpiOverviewGraph--palette7 .unifiDonutChartPie3 {
fill: #000205
}
.unifiStatisticsDpiOverviewGraph--palette7 .unifiDonutChartPie4 {
fill: #000
}
.unifiStatisticsDpiOverviewGraph--palette7 .unifiDonutChartPie5 {
fill: #000
}
.unifiStatisticsDpiOverviewGraph--palette7 .unifiDonutChartPie6 {
fill: #000
}
.unifiStatisticsDpiOverviewGraph--palette7 .unifiDonutChartPie7 {
fill: #000
}
.unifiStatisticsDpiOverviewGraph--palette7 .unifiDonutChartPie8 {
fill: #000
}
.unifiStatisticsDpiOverviewGraph--palette8 .unifiDonutChartPie0 {
fill: var(--color-500)
}
.unifiStatisticsDpiOverviewGraph--palette8 .unifiDonutChartPie1 {
fill: #0059cc
}
.unifiStatisticsDpiOverviewGraph--palette8 .unifiDonutChartPie2 {
fill: #004399
}
.unifiStatisticsDpiOverviewGraph--palette8 .unifiDonutChartPie3 {
fill: #002c66
}
.unifiStatisticsDpiOverviewGraph--palette8 .unifiDonutChartPie4 {
fill: #001633
}
.unifiStatisticsDpiOverviewGraph--palette8 .unifiDonutChartPie5 {
fill: #000
}
.unifiStatisticsDpiOverviewGraph--palette8 .unifiDonutChartPie6 {
fill: #000
}
.unifiStatisticsDpiOverviewGraph--palette8 .unifiDonutChartPie7 {
fill: #000
}
.unifiStatisticsDpiOverviewGraph--palette8 .unifiDonutChartPie8 {
fill: #000
}
.unifiStatisticsDpiOverviewGraph--palette9 .unifiDonutChartPie0 {
fill: var(--color-400)
}
.unifiStatisticsDpiOverviewGraph--palette9 .unifiDonutChartPie1 {
fill: #2483ff
}
.unifiStatisticsDpiOverviewGraph--palette9 .unifiDonutChartPie2 {
fill: #var(--color-600)
}
.unifiStatisticsDpiOverviewGraph--palette9 .unifiDonutChartPie3 {
fill: #0052bd
}
.unifiStatisticsDpiOverviewGraph--palette9 .unifiDonutChartPie4 {
fill: #003c8a
}
.unifiStatisticsDpiOverviewGraph--palette9 .unifiDonutChartPie5 {
fill: #002657
}
.unifiStatisticsDpiOverviewGraph--palette9 .unifiDonutChartPie6 {
fill: #001024
}
.unifiStatisticsDpiOverviewGraph--palette9 .unifiDonutChartPie7 {
fill: #000
}
.unifiStatisticsDpiOverviewGraph--palette9 .unifiDonutChartPie8 {
fill: #000
}
.unifiStatisticsDpiOverviewGraph--palette10 .unifiDonutChartPie0 {
fill: #39cc64
}
.unifiStatisticsDpiOverviewGraph--palette10 .unifiDonutChartPie1 {
fill: #2ba74f
}
.unifiStatisticsDpiOverviewGraph--palette10 .unifiDonutChartPie2 {
fill: #217e3c
}
.unifiStatisticsDpiOverviewGraph--palette10 .unifiDonutChartPie3 {
fill: #165629
}
.unifiStatisticsDpiOverviewGraph--palette10 .unifiDonutChartPie4 {
fill: #0c2d16
}
.unifiStatisticsDpiOverviewGraph--palette10 .unifiDonutChartPie5 {
fill: #010502
}
.unifiStatisticsDpiOverviewGraph--palette10 .unifiDonutChartPie6 {
fill: #000
}
.unifiStatisticsDpiOverviewGraph--palette10 .unifiDonutChartPie7 {
fill: #000
}
.unifiStatisticsDpiOverviewGraph--palette10 .unifiDonutChartPie8 {
fill: #000
}
.unifiStatisticsDpiOverviewGraph--palette11 .unifiDonutChartPie0 {
fill: #bfe041
}
.unifiStatisticsDpiOverviewGraph--palette11 .unifiDonutChartPie1 {
fill: #a9cd21
}
.unifiStatisticsDpiOverviewGraph--palette11 .unifiDonutChartPie2 {
fill: #85a11a
}
.unifiStatisticsDpiOverviewGraph--palette11 .unifiDonutChartPie3 {
fill: #617513
}
.unifiStatisticsDpiOverviewGraph--palette11 .unifiDonutChartPie4 {
fill: #3c490c
}
.unifiStatisticsDpiOverviewGraph--palette11 .unifiDonutChartPie5 {
fill: #181d05
}
.unifiStatisticsDpiOverviewGraph--palette11 .unifiDonutChartPie6 {
fill: #000
}
.unifiStatisticsDpiOverviewGraph--palette11 .unifiDonutChartPie7 {
fill: #000
}
.unifiStatisticsDpiOverviewGraph--palette11 .unifiDonutChartPie8 {
fill: #000
}
.unifiStatisticsDpiOverviewGraph--palette12 .unifiDonutChartPie0 {
fill: #ffdb1a
}
.unifiStatisticsDpiOverviewGraph--palette12 .unifiDonutChartPie1 {
fill: #e6c200
}
.unifiStatisticsDpiOverviewGraph--palette12 .unifiDonutChartPie2 {
fill: #b39700
}
.unifiStatisticsDpiOverviewGraph--palette12 .unifiDonutChartPie3 {
fill: #806c00
}
.unifiStatisticsDpiOverviewGraph--palette12 .unifiDonutChartPie4 {
fill: #4d4100
}
.unifiStatisticsDpiOverviewGraph--palette12 .unifiDonutChartPie5 {
fill: #1a1600
}
.unifiStatisticsDpiOverviewGraph--palette12 .unifiDonutChartPie6 {
fill: #000
}
.unifiStatisticsDpiOverviewGraph--palette12 .unifiDonutChartPie7 {
fill: #000
}
.unifiStatisticsDpiOverviewGraph--palette12 .unifiDonutChartPie8 {
fill: #000
}
.unifiStatisticsDpiOverviewGraph--palette13 .unifiDonutChartPie0 {
fill: #f5a623
}
.unifiStatisticsDpiOverviewGraph--palette13 .unifiDonutChartPie1 {
fill: #db8c0a
}
.unifiStatisticsDpiOverviewGraph--palette13 .unifiDonutChartPie2 {
fill: #aa6d08
}
.unifiStatisticsDpiOverviewGraph--palette13 .unifiDonutChartPie3 {
fill: #794e06
}
.unifiStatisticsDpiOverviewGraph--palette13 .unifiDonutChartPie4 {
fill: #492f03
}
.unifiStatisticsDpiOverviewGraph--palette13 .unifiDonutChartPie5 {
fill: #180f01
}
.unifiStatisticsDpiOverviewGraph--palette13 .unifiDonutChartPie6 {
fill: #000
}
.unifiStatisticsDpiOverviewGraph--palette13 .unifiDonutChartPie7 {
fill: #000
}
.unifiStatisticsDpiOverviewGraph--palette13 .unifiDonutChartPie8 {
fill: #000
}
.unifiStatisticsDpiOverviewGraph--palette14 .unifiDonutChartPie0 {
fill: #f03a3e
}
.unifiStatisticsDpiOverviewGraph--palette14 .unifiDonutChartPie1 {
fill: #e61116
}
.unifiStatisticsDpiOverviewGraph--palette14 .unifiDonutChartPie2 {
fill: #b60e12
}
.unifiStatisticsDpiOverviewGraph--palette14 .unifiDonutChartPie3 {
fill: #870a0d
}
.unifiStatisticsDpiOverviewGraph--palette14 .unifiDonutChartPie4 {
fill: #570708
}
.unifiStatisticsDpiOverviewGraph--palette14 .unifiDonutChartPie5 {
fill: #280304
}
.unifiStatisticsDpiOverviewGraph--palette14 .unifiDonutChartPie6 {
fill: #000
}
.unifiStatisticsDpiOverviewGraph--palette14 .unifiDonutChartPie7 {
fill: #000
}
.unifiStatisticsDpiOverviewGraph--palette14 .unifiDonutChartPie8 {
fill: #000
}
.unifiStatisticsDpiOverviewGraph--palette15 .unifiDonutChartPie0 {
fill: #a252e3
}
.unifiStatisticsDpiOverviewGraph--palette15 .unifiDonutChartPie1 {
fill: #8a26dc
}
.unifiStatisticsDpiOverviewGraph--palette15 .unifiDonutChartPie2 {
fill: #6f1db2
}
.unifiStatisticsDpiOverviewGraph--palette15 .unifiDonutChartPie3 {
fill: #541686
}
.unifiStatisticsDpiOverviewGraph--palette15 .unifiDonutChartPie4 {
fill: #380f5a
}
.unifiStatisticsDpiOverviewGraph--palette15 .unifiDonutChartPie5 {
fill: #1d082e
}
.unifiStatisticsDpiOverviewGraph--palette15 .unifiDonutChartPie6 {
fill: #020003
}
.unifiStatisticsDpiOverviewGraph--palette15 .unifiDonutChartPie7 {
fill: #000
}
.unifiStatisticsDpiOverviewGraph--palette15 .unifiDonutChartPie8 {
fill: #000
}
.unifiStatisticsDpiOverviewGraph--palette16 .unifiDonutChartPie0 {
fill: #6b34e0
}
.unifiStatisticsDpiOverviewGraph--palette16 .unifiDonutChartPie1 {
fill: #531ec3
}
.unifiStatisticsDpiOverviewGraph--palette16 .unifiDonutChartPie2 {
fill: #401797
}
.unifiStatisticsDpiOverviewGraph--palette16 .unifiDonutChartPie3 {
fill: #2d106b
}
.unifiStatisticsDpiOverviewGraph--palette16 .unifiDonutChartPie4 {
fill: #1a0a3e
}
.unifiStatisticsDpiOverviewGraph--palette16 .unifiDonutChartPie5 {
fill: #080312
}
.unifiStatisticsDpiOverviewGraph--palette16 .unifiDonutChartPie6 {
fill: #000
}
.unifiStatisticsDpiOverviewGraph--palette16 .unifiDonutChartPie7 {
fill: #000
}
.unifiStatisticsDpiOverviewGraph--palette16 .unifiDonutChartPie8 {
fill: #000
}
.unifiStatisticsDpiOverviewGraph--palette17 .unifiDonutChartPie0 {
fill: #003c9e
}
.unifiStatisticsDpiOverviewGraph--palette17 .unifiDonutChartPie1 {
fill: #00296b
}
.unifiStatisticsDpiOverviewGraph--palette17 .unifiDonutChartPie2 {
fill: #001538
}
.unifiStatisticsDpiOverviewGraph--palette17 .unifiDonutChartPie3 {
fill: #000205
}
.unifiStatisticsDpiOverviewGraph--palette17 .unifiDonutChartPie4 {
fill: #000
}
.unifiStatisticsDpiOverviewGraph--palette17 .unifiDonutChartPie5 {
fill: #000
}
.unifiStatisticsDpiOverviewGraph--palette17 .unifiDonutChartPie6 {
fill: #000
}
.unifiStatisticsDpiOverviewGraph--palette17 .unifiDonutChartPie7 {
fill: #000
}
.unifiStatisticsDpiOverviewGraph--palette17 .unifiDonutChartPie8 {
fill: #000
}
.unifiStatisticsDpiOverviewGraph--palette18 .unifiDonutChartPie0 {
fill: var(--color-500)
}
.unifiStatisticsDpiOverviewGraph--palette18 .unifiDonutChartPie1 {
fill: #0059cc
}
.unifiStatisticsDpiOverviewGraph--palette18 .unifiDonutChartPie2 {
fill: #004399
}
.unifiStatisticsDpiOverviewGraph--palette18 .unifiDonutChartPie3 {
fill: #002c66
}
.unifiStatisticsDpiOverviewGraph--palette18 .unifiDonutChartPie4 {
fill: #001633
}
.unifiStatisticsDpiOverviewGraph--palette18 .unifiDonutChartPie5 {
fill: #000
}
.unifiStatisticsDpiOverviewGraph--palette18 .unifiDonutChartPie6 {
fill: #000
}
.unifiStatisticsDpiOverviewGraph--palette18 .unifiDonutChartPie7 {
fill: #000
}
.unifiStatisticsDpiOverviewGraph--palette18 .unifiDonutChartPie8 {
fill: #000
}
.unifiStatisticsDpiOverviewGraph--palette19 .unifiDonutChartPie0 {
fill: var(--color-400)
}
.unifiStatisticsDpiOverviewGraph--palette19 .unifiDonutChartPie1 {
fill: #2483ff
}
.unifiStatisticsDpiOverviewGraph--palette19 .unifiDonutChartPie2 {
fill: #var(--color-600)
}
.unifiStatisticsDpiOverviewGraph--palette19 .unifiDonutChartPie3 {
fill: #0052bd
}
.unifiStatisticsDpiOverviewGraph--palette19 .unifiDonutChartPie4 {
fill: #003c8a
}
.unifiStatisticsDpiOverviewGraph--palette19 .unifiDonutChartPie5 {
fill: #002657
}
.unifiStatisticsDpiOverviewGraph--palette19 .unifiDonutChartPie6 {
fill: #001024
}
.unifiStatisticsDpiOverviewGraph--palette19 .unifiDonutChartPie7 {
fill: #000
}
.unifiStatisticsDpiOverviewGraph--palette19 .unifiDonutChartPie8 {
fill: #000
}
.unifiStatisticsDpiOverviewGraph--palette20 .unifiDonutChartPie0 {
fill: #39cc64
}
.unifiStatisticsDpiOverviewGraph--palette20 .unifiDonutChartPie1 {
fill: #2ba74f
}
.unifiStatisticsDpiOverviewGraph--palette20 .unifiDonutChartPie2 {
fill: #217e3c
}
.unifiStatisticsDpiOverviewGraph--palette20 .unifiDonutChartPie3 {
fill: #165629
}
.unifiStatisticsDpiOverviewGraph--palette20 .unifiDonutChartPie4 {
fill: #0c2d16
}
.unifiStatisticsDpiOverviewGraph--palette20 .unifiDonutChartPie5 {
fill: #010502
}
.unifiStatisticsDpiOverviewGraph--palette20 .unifiDonutChartPie6 {
fill: #000
}
.unifiStatisticsDpiOverviewGraph--palette20 .unifiDonutChartPie7 {
fill: #000
}
.unifiStatisticsDpiOverviewGraph--palette20 .unifiDonutChartPie8 {
fill: #000
}
.unifiStatisticsDpiOverviewGraph--palette21 .unifiDonutChartPie0 {
fill: #bfe041
}
.unifiStatisticsDpiOverviewGraph--palette21 .unifiDonutChartPie1 {
fill: #a9cd21
}
.unifiStatisticsDpiOverviewGraph--palette21 .unifiDonutChartPie2 {
fill: #85a11a
}
.unifiStatisticsDpiOverviewGraph--palette21 .unifiDonutChartPie3 {
fill: #617513
}
.unifiStatisticsDpiOverviewGraph--palette21 .unifiDonutChartPie4 {
fill: #3c490c
}
.unifiStatisticsDpiOverviewGraph--palette21 .unifiDonutChartPie5 {
fill: #181d05
}
.unifiStatisticsDpiOverviewGraph--palette21 .unifiDonutChartPie6 {
fill: #000
}
.unifiStatisticsDpiOverviewGraph--palette21 .unifiDonutChartPie7 {
fill: #000
}
.unifiStatisticsDpiOverviewGraph--palette21 .unifiDonutChartPie8 {
fill: #000
}
.unifiStatisticsDpiOverviewGraph--palette22 .unifiDonutChartPie0 {
fill: #ffdb1a
}
.unifiStatisticsDpiOverviewGraph--palette22 .unifiDonutChartPie1 {
fill: #e6c200
}
.unifiStatisticsDpiOverviewGraph--palette22 .unifiDonutChartPie2 {
fill: #b39700
}
.unifiStatisticsDpiOverviewGraph--palette22 .unifiDonutChartPie3 {
fill: #806c00
}
.unifiStatisticsDpiOverviewGraph--palette22 .unifiDonutChartPie4 {
fill: #4d4100
}
.unifiStatisticsDpiOverviewGraph--palette22 .unifiDonutChartPie5 {
fill: #1a1600
}
.unifiStatisticsDpiOverviewGraph--palette22 .unifiDonutChartPie6 {
fill: #000
}
.unifiStatisticsDpiOverviewGraph--palette22 .unifiDonutChartPie7 {
fill: #000
}
.unifiStatisticsDpiOverviewGraph--palette22 .unifiDonutChartPie8 {
fill: #000
}
.unifiStatisticsDpiOverviewGraph--palette23 .unifiDonutChartPie0 {
fill: #f5a623
}
.unifiStatisticsDpiOverviewGraph--palette23 .unifiDonutChartPie1 {
fill: #db8c0a
}
.unifiStatisticsDpiOverviewGraph--palette23 .unifiDonutChartPie2 {
fill: #aa6d08
}
.unifiStatisticsDpiOverviewGraph--palette23 .unifiDonutChartPie3 {
fill: #794e06
}
.unifiStatisticsDpiOverviewGraph--palette23 .unifiDonutChartPie4 {
fill: #492f03
}
.unifiStatisticsDpiOverviewGraph--palette23 .unifiDonutChartPie5 {
fill: #180f01
}
.unifiStatisticsDpiOverviewGraph--palette23 .unifiDonutChartPie6 {
fill: #000
}
.unifiStatisticsDpiOverviewGraph--palette23 .unifiDonutChartPie7 {
fill: #000
}
.unifiStatisticsDpiOverviewGraph--palette23 .unifiDonutChartPie8 {
fill: #000
}
.unifiStatisticsDpiOverviewGraph--palette24 .unifiDonutChartPie0 {
fill: #f03a3e
}
.unifiStatisticsDpiOverviewGraph--palette24 .unifiDonutChartPie1 {
fill: #e61116
}
.unifiStatisticsDpiOverviewGraph--palette24 .unifiDonutChartPie2 {
fill: #b60e12
}
.unifiStatisticsDpiOverviewGraph--palette24 .unifiDonutChartPie3 {
fill: #870a0d
}
.unifiStatisticsDpiOverviewGraph--palette24 .unifiDonutChartPie4 {
fill: #570708
}
.unifiStatisticsDpiOverviewGraph--palette24 .unifiDonutChartPie5 {
fill: #280304
}
.unifiStatisticsDpiOverviewGraph--palette24 .unifiDonutChartPie6 {
fill: #000
}
.unifiStatisticsDpiOverviewGraph--palette24 .unifiDonutChartPie7 {
fill: #000
}
.unifiStatisticsDpiOverviewGraph--palette24 .unifiDonutChartPie8 {
fill: #000
}
.unifiStatisticsDpiOverviewGraph--palette25 .unifiDonutChartPie0 {
fill: #a252e3
}
.unifiStatisticsDpiOverviewGraph--palette25 .unifiDonutChartPie1 {
fill: #8a26dc
}
.unifiStatisticsDpiOverviewGraph--palette25 .unifiDonutChartPie2 {
fill: #6f1db2
}
.unifiStatisticsDpiOverviewGraph--palette25 .unifiDonutChartPie3 {
fill: #541686
}
.unifiStatisticsDpiOverviewGraph--palette25 .unifiDonutChartPie4 {
fill: #380f5a
}
.unifiStatisticsDpiOverviewGraph--palette25 .unifiDonutChartPie5 {
fill: #1d082e
}
.unifiStatisticsDpiOverviewGraph--palette25 .unifiDonutChartPie6 {
fill: #020003
}
.unifiStatisticsDpiOverviewGraph--palette25 .unifiDonutChartPie7 {
fill: #000
}
.unifiStatisticsDpiOverviewGraph--palette25 .unifiDonutChartPie8 {
fill: #000
}
.unifiStatisticsDpiOverviewGraph--palette26 .unifiDonutChartPie0 {
fill: #6b34e0
}
.unifiStatisticsDpiOverviewGraph--palette26 .unifiDonutChartPie1 {
fill: #531ec3
}
.unifiStatisticsDpiOverviewGraph--palette26 .unifiDonutChartPie2 {
fill: #401797
}
.unifiStatisticsDpiOverviewGraph--palette26 .unifiDonutChartPie3 {
fill: #2d106b
}
.unifiStatisticsDpiOverviewGraph--palette26 .unifiDonutChartPie4 {
fill: #1a0a3e
}
.unifiStatisticsDpiOverviewGraph--palette26 .unifiDonutChartPie5 {
fill: #080312
}
.unifiStatisticsDpiOverviewGraph--palette26 .unifiDonutChartPie6 {
fill: #000
}
.unifiStatisticsDpiOverviewGraph--palette26 .unifiDonutChartPie7 {
fill: #000
}
.unifiStatisticsDpiOverviewGraph--palette26 .unifiDonutChartPie8 {
fill: #000
}
.unifiStatisticsDpiOverviewGraph--palette27 .unifiDonutChartPie0 {
fill: #003c9e
}
.unifiStatisticsDpiOverviewGraph--palette27 .unifiDonutChartPie1 {
fill: #00296b
}
.unifiStatisticsDpiOverviewGraph--palette27 .unifiDonutChartPie2 {
fill: #001538
}
.unifiStatisticsDpiOverviewGraph--palette27 .unifiDonutChartPie3 {
fill: #000205
}
.unifiStatisticsDpiOverviewGraph--palette27 .unifiDonutChartPie4 {
fill: #000
}
.unifiStatisticsDpiOverviewGraph--palette27 .unifiDonutChartPie5 {
fill: #000
}
.unifiStatisticsDpiOverviewGraph--palette27 .unifiDonutChartPie6 {
fill: #000
}
.unifiStatisticsDpiOverviewGraph--palette27 .unifiDonutChartPie7 {
fill: #000
}
.unifiStatisticsDpiOverviewGraph--palette27 .unifiDonutChartPie8 {
fill: #000
}
.unifiStatisticsDpiOverviewGraph--palette28 .unifiDonutChartPie0 {
fill: var(--color-500)
}
.unifiStatisticsDpiOverviewGraph--palette28 .unifiDonutChartPie1 {
fill: #0059cc
}
.unifiStatisticsDpiOverviewGraph--palette28 .unifiDonutChartPie2 {
fill: #004399
}
.unifiStatisticsDpiOverviewGraph--palette28 .unifiDonutChartPie3 {
fill: #002c66
}
.unifiStatisticsDpiOverviewGraph--palette28 .unifiDonutChartPie4 {
fill: #001633
}
.unifiStatisticsDpiOverviewGraph--palette28 .unifiDonutChartPie5 {
fill: #000
}
.unifiStatisticsDpiOverviewGraph--palette28 .unifiDonutChartPie6 {
fill: #000
}
.unifiStatisticsDpiOverviewGraph--palette28 .unifiDonutChartPie7 {
fill: #000
}
.unifiStatisticsDpiOverviewGraph--palette28 .unifiDonutChartPie8 {
fill: #000
}
.unifiStatisticsDpiOverviewGraph--palette29 .unifiDonutChartPie0 {
fill: var(--color-400)
}
.unifiStatisticsDpiOverviewGraph--palette29 .unifiDonutChartPie1 {
fill: #2483ff
}
.unifiStatisticsDpiOverviewGraph--palette29 .unifiDonutChartPie2 {
fill: #var(--color-600)
}
.unifiStatisticsDpiOverviewGraph--palette29 .unifiDonutChartPie3 {
fill: #0052bd
}
.unifiStatisticsDpiOverviewGraph--palette29 .unifiDonutChartPie4 {
fill: #003c8a
}
.unifiStatisticsDpiOverviewGraph--palette29 .unifiDonutChartPie5 {
fill: #002657
}
.unifiStatisticsDpiOverviewGraph--palette29 .unifiDonutChartPie6 {
fill: #001024
}
.unifiStatisticsDpiOverviewGraph--palette29 .unifiDonutChartPie7 {
fill: #000
}
.unifiStatisticsDpiOverviewGraph--palette29 .unifiDonutChartPie8 {
fill: #000
}
.unifiStatisticsDpiOverviewGraph--palette30 .unifiDonutChartPie0 {
fill: #39cc64
}
.unifiStatisticsDpiOverviewGraph--palette30 .unifiDonutChartPie1 {
fill: #2ba74f
}
.unifiStatisticsDpiOverviewGraph--palette30 .unifiDonutChartPie2 {
fill: #217e3c
}
.unifiStatisticsDpiOverviewGraph--palette30 .unifiDonutChartPie3 {
fill: #165629
}
.unifiStatisticsDpiOverviewGraph--palette30 .unifiDonutChartPie4 {
fill: #0c2d16
}
.unifiStatisticsDpiOverviewGraph--palette30 .unifiDonutChartPie5 {
fill: #010502
}
.unifiStatisticsDpiOverviewGraph--palette30 .unifiDonutChartPie6 {
fill: #000
}
.unifiStatisticsDpiOverviewGraph--palette30 .unifiDonutChartPie7 {
fill: #000
}
.unifiStatisticsDpiOverviewGraph--palette30 .unifiDonutChartPie8 {
fill: #000
}
.unifiStatisticsDpiOverviewGraph--palette31 .unifiDonutChartPie0 {
fill: #bfe041
}
.unifiStatisticsDpiOverviewGraph--palette31 .unifiDonutChartPie1 {
fill: #a9cd21
}
.unifiStatisticsDpiOverviewGraph--palette31 .unifiDonutChartPie2 {
fill: #85a11a
}
.unifiStatisticsDpiOverviewGraph--palette31 .unifiDonutChartPie3 {
fill: #617513
}
.unifiStatisticsDpiOverviewGraph--palette31 .unifiDonutChartPie4 {
fill: #3c490c
}
.unifiStatisticsDpiOverviewGraph--palette31 .unifiDonutChartPie5 {
fill: #181d05
}
.unifiStatisticsDpiOverviewGraph--palette31 .unifiDonutChartPie6 {
fill: #000
}
.unifiStatisticsDpiOverviewGraph--palette31 .unifiDonutChartPie7 {
fill: #000
}
.unifiStatisticsDpiOverviewGraph--palette31 .unifiDonutChartPie8 {
fill: #000
}
.unifiStatisticsDpiOverviewGraph--palette32 .unifiDonutChartPie0 {
fill: #ffdb1a
}
.unifiStatisticsDpiOverviewGraph--palette32 .unifiDonutChartPie1 {
fill: #e6c200
}
.unifiStatisticsDpiOverviewGraph--palette32 .unifiDonutChartPie2 {
fill: #b39700
}
.unifiStatisticsDpiOverviewGraph--palette32 .unifiDonutChartPie3 {
fill: #806c00
}
.unifiStatisticsDpiOverviewGraph--palette32 .unifiDonutChartPie4 {
fill: #4d4100
}
.unifiStatisticsDpiOverviewGraph--palette32 .unifiDonutChartPie5 {
fill: #1a1600
}
.unifiStatisticsDpiOverviewGraph--palette32 .unifiDonutChartPie6 {
fill: #000
}
.unifiStatisticsDpiOverviewGraph--palette32 .unifiDonutChartPie7 {
fill: #000
}
.unifiStatisticsDpiOverviewGraph--palette32 .unifiDonutChartPie8 {
fill: #000
}
.unifiStatisticsDpiOverviewGraph--palette33 .unifiDonutChartPie0 {
fill: #f5a623
}
.unifiStatisticsDpiOverviewGraph--palette33 .unifiDonutChartPie1 {
fill: #db8c0a
}
.unifiStatisticsDpiOverviewGraph--palette33 .unifiDonutChartPie2 {
fill: #aa6d08
}
.unifiStatisticsDpiOverviewGraph--palette33 .unifiDonutChartPie3 {
fill: #794e06
}
.unifiStatisticsDpiOverviewGraph--palette33 .unifiDonutChartPie4 {
fill: #492f03
}
.unifiStatisticsDpiOverviewGraph--palette33 .unifiDonutChartPie5 {
fill: #180f01
}
.unifiStatisticsDpiOverviewGraph--palette33 .unifiDonutChartPie6 {
fill: #000
}
.unifiStatisticsDpiOverviewGraph--palette33 .unifiDonutChartPie7 {
fill: #000
}
.unifiStatisticsDpiOverviewGraph--palette33 .unifiDonutChartPie8 {
fill: #000
}
.unifiStatisticsDpiOverviewGraph--palette34 .unifiDonutChartPie0 {
fill: #f03a3e
}
.unifiStatisticsDpiOverviewGraph--palette34 .unifiDonutChartPie1 {
fill: #e61116
}
.unifiStatisticsDpiOverviewGraph--palette34 .unifiDonutChartPie2 {
fill: #b60e12
}
.unifiStatisticsDpiOverviewGraph--palette34 .unifiDonutChartPie3 {
fill: #870a0d
}
.unifiStatisticsDpiOverviewGraph--palette34 .unifiDonutChartPie4 {
fill: #570708
}
.unifiStatisticsDpiOverviewGraph--palette34 .unifiDonutChartPie5 {
fill: #280304
}
.unifiStatisticsDpiOverviewGraph--palette34 .unifiDonutChartPie6 {
fill: #000
}
.unifiStatisticsDpiOverviewGraph--palette34 .unifiDonutChartPie7 {
fill: #000
}
.unifiStatisticsDpiOverviewGraph--palette34 .unifiDonutChartPie8 {
fill: #000
}
.unifiStatisticsDpiOverviewGraph--palette35 .unifiDonutChartPie0 {
fill: #a252e3
}
.unifiStatisticsDpiOverviewGraph--palette35 .unifiDonutChartPie1 {
fill: #8a26dc
}
.unifiStatisticsDpiOverviewGraph--palette35 .unifiDonutChartPie2 {
fill: #6f1db2
}
.unifiStatisticsDpiOverviewGraph--palette35 .unifiDonutChartPie3 {
fill: #541686
}
.unifiStatisticsDpiOverviewGraph--palette35 .unifiDonutChartPie4 {
fill: #380f5a
}
.unifiStatisticsDpiOverviewGraph--palette35 .unifiDonutChartPie5 {
fill: #1d082e
}
.unifiStatisticsDpiOverviewGraph--palette35 .unifiDonutChartPie6 {
fill: #020003
}
.unifiStatisticsDpiOverviewGraph--palette35 .unifiDonutChartPie7 {
fill: #000
}
.unifiStatisticsDpiOverviewGraph--palette35 .unifiDonutChartPie8 {
fill: #000
}
.unifiStatisticsDpiOverviewGraph--palette36 .unifiDonutChartPie0 {
fill: #6b34e0
}
.unifiStatisticsDpiOverviewGraph--palette36 .unifiDonutChartPie1 {
fill: #531ec3
}
.unifiStatisticsDpiOverviewGraph--palette36 .unifiDonutChartPie2 {
fill: #401797
}
.unifiStatisticsDpiOverviewGraph--palette36 .unifiDonutChartPie3 {
fill: #2d106b
}
.unifiStatisticsDpiOverviewGraph--palette36 .unifiDonutChartPie4 {
fill: #1a0a3e
}
.unifiStatisticsDpiOverviewGraph--palette36 .unifiDonutChartPie5 {
fill: #080312
}
.unifiStatisticsDpiOverviewGraph--palette36 .unifiDonutChartPie6 {
fill: #000
}
.unifiStatisticsDpiOverviewGraph--palette36 .unifiDonutChartPie7 {
fill: #000
}
.unifiStatisticsDpiOverviewGraph--palette36 .unifiDonutChartPie8 {
fill: #000
}
.unifiStatisticsDpiOverviewGraph--palette37 .unifiDonutChartPie0 {
fill: #003c9e
}
.unifiStatisticsDpiOverviewGraph--palette37 .unifiDonutChartPie1 {
fill: #00296b
}
.unifiStatisticsDpiOverviewGraph--palette37 .unifiDonutChartPie2 {
fill: #001538
}
.unifiStatisticsDpiOverviewGraph--palette37 .unifiDonutChartPie3 {
fill: #000205
}
.unifiStatisticsDpiOverviewGraph--palette37 .unifiDonutChartPie4 {
fill: #000
}
.unifiStatisticsDpiOverviewGraph--palette37 .unifiDonutChartPie5 {
fill: #000
}
.unifiStatisticsDpiOverviewGraph--palette37 .unifiDonutChartPie6 {
fill: #000
}
.unifiStatisticsDpiOverviewGraph--palette37 .unifiDonutChartPie7 {
fill: #000
}
.unifiStatisticsDpiOverviewGraph--palette37 .unifiDonutChartPie8 {
fill: #000
}
.unifiStatisticsDpiOverviewGraph--palette38 .unifiDonutChartPie0 {
fill: var(--color-500)
}
.unifiStatisticsDpiOverviewGraph--palette38 .unifiDonutChartPie1 {
fill: #0059cc
}
.unifiStatisticsDpiOverviewGraph--palette38 .unifiDonutChartPie2 {
fill: #004399
}
.unifiStatisticsDpiOverviewGraph--palette38 .unifiDonutChartPie3 {
fill: #002c66
}
.unifiStatisticsDpiOverviewGraph--palette38 .unifiDonutChartPie4 {
fill: #001633
}
.unifiStatisticsDpiOverviewGraph--palette38 .unifiDonutChartPie5 {
fill: #000
}
.unifiStatisticsDpiOverviewGraph--palette38 .unifiDonutChartPie6 {
fill: #000
}
.unifiStatisticsDpiOverviewGraph--palette38 .unifiDonutChartPie7 {
fill: #000
}
.unifiStatisticsDpiOverviewGraph--palette38 .unifiDonutChartPie8 {
fill: #000
}
.unifiStatisticsDpiOverviewGraph--palette39 .unifiDonutChartPie0 {
fill: var(--color-400)
}
.unifiStatisticsDpiOverviewGraph--palette39 .unifiDonutChartPie1 {
fill: #2483ff
}
.unifiStatisticsDpiOverviewGraph--palette39 .unifiDonutChartPie2 {
fill: #var(--color-600)
}
.unifiStatisticsDpiOverviewGraph--palette39 .unifiDonutChartPie3 {
fill: #0052bd
}
.unifiStatisticsDpiOverviewGraph--palette39 .unifiDonutChartPie4 {
fill: #003c8a
}
.unifiStatisticsDpiOverviewGraph--palette39 .unifiDonutChartPie5 {
fill: #002657
}
.unifiStatisticsDpiOverviewGraph--palette39 .unifiDonutChartPie6 {
fill: #001024
}
.unifiStatisticsDpiOverviewGraph--palette39 .unifiDonutChartPie7 {
fill: #000
}
.unifiStatisticsDpiOverviewGraph--palette39 .unifiDonutChartPie8 {
fill: #000
}
.unifiStatisticsDpiOverviewGraph--palette0 .unifiDonutChartPie0 {
stroke: #39cc64
}
.unifiStatisticsDpiOverviewGraph--palette0 .unifiDonutChartPie1 {
stroke: #2ba74f
}
.unifiStatisticsDpiOverviewGraph--palette0 .unifiDonutChartPie2 {
stroke: #217e3c
}
.unifiStatisticsDpiOverviewGraph--palette0 .unifiDonutChartPie3 {
stroke: #165629
}
.unifiStatisticsDpiOverviewGraph--palette0 .unifiDonutChartPie4 {
stroke: #0c2d16
}
.unifiStatisticsDpiOverviewGraph--palette0 .unifiDonutChartPie5 {
stroke: #010502
}
.unifiStatisticsDpiOverviewGraph--palette0 .unifiDonutChartPie6 {
stroke: #000
}
.unifiStatisticsDpiOverviewGraph--palette0 .unifiDonutChartPie7 {
stroke: #000
}
.unifiStatisticsDpiOverviewGraph--palette0 .unifiDonutChartPie8 {
stroke: #000
}
.unifiStatisticsDpiOverviewGraph--palette1 .unifiDonutChartPie0 {
stroke: #bfe041
}
.unifiStatisticsDpiOverviewGraph--palette1 .unifiDonutChartPie1 {
stroke: #a9cd21
}
.unifiStatisticsDpiOverviewGraph--palette1 .unifiDonutChartPie2 {
stroke: #85a11a
}
.unifiStatisticsDpiOverviewGraph--palette1 .unifiDonutChartPie3 {
stroke: #617513
}
.unifiStatisticsDpiOverviewGraph--palette1 .unifiDonutChartPie4 {
stroke: #3c490c
}
.unifiStatisticsDpiOverviewGraph--palette1 .unifiDonutChartPie5 {
stroke: #181d05
}
.unifiStatisticsDpiOverviewGraph--palette1 .unifiDonutChartPie6 {
stroke: #000
}
.unifiStatisticsDpiOverviewGraph--palette1 .unifiDonutChartPie7 {
stroke: #000
}
.unifiStatisticsDpiOverviewGraph--palette1 .unifiDonutChartPie8 {
stroke: #000
}
.unifiStatisticsDpiOverviewGraph--palette2 .unifiDonutChartPie0 {
stroke: #ffdb1a
}
.unifiStatisticsDpiOverviewGraph--palette2 .unifiDonutChartPie1 {
stroke: #e6c200
}
.unifiStatisticsDpiOverviewGraph--palette2 .unifiDonutChartPie2 {
stroke: #b39700
}
.unifiStatisticsDpiOverviewGraph--palette2 .unifiDonutChartPie3 {
stroke: #806c00
}
.unifiStatisticsDpiOverviewGraph--palette2 .unifiDonutChartPie4 {
stroke: #4d4100
}
.unifiStatisticsDpiOverviewGraph--palette2 .unifiDonutChartPie5 {
stroke: #1a1600
}
.unifiStatisticsDpiOverviewGraph--palette2 .unifiDonutChartPie6 {
stroke: #000
}
.unifiStatisticsDpiOverviewGraph--palette2 .unifiDonutChartPie7 {
stroke: #000
}
.unifiStatisticsDpiOverviewGraph--palette2 .unifiDonutChartPie8 {
stroke: #000
}
.unifiStatisticsDpiOverviewGraph--palette3 .unifiDonutChartPie0 {
stroke: #f5a623
}
.unifiStatisticsDpiOverviewGraph--palette3 .unifiDonutChartPie1 {
stroke: #db8c0a
}
.unifiStatisticsDpiOverviewGraph--palette3 .unifiDonutChartPie2 {
stroke: #aa6d08
}
.unifiStatisticsDpiOverviewGraph--palette3 .unifiDonutChartPie3 {
stroke: #794e06
}
.unifiStatisticsDpiOverviewGraph--palette3 .unifiDonutChartPie4 {
stroke: #492f03
}
.unifiStatisticsDpiOverviewGraph--palette3 .unifiDonutChartPie5 {
stroke: #180f01
}
.unifiStatisticsDpiOverviewGraph--palette3 .unifiDonutChartPie6 {
stroke: #000
}
.unifiStatisticsDpiOverviewGraph--palette3 .unifiDonutChartPie7 {
stroke: #000
}
.unifiStatisticsDpiOverviewGraph--palette3 .unifiDonutChartPie8 {
stroke: #000
}
.unifiStatisticsDpiOverviewGraph--palette4 .unifiDonutChartPie0 {
stroke: #f03a3e
}
.unifiStatisticsDpiOverviewGraph--palette4 .unifiDonutChartPie1 {
stroke: #e61116
}
.unifiStatisticsDpiOverviewGraph--palette4 .unifiDonutChartPie2 {
stroke: #b60e12
}
.unifiStatisticsDpiOverviewGraph--palette4 .unifiDonutChartPie3 {
stroke: #870a0d
}
.unifiStatisticsDpiOverviewGraph--palette4 .unifiDonutChartPie4 {
stroke: #570708
}
.unifiStatisticsDpiOverviewGraph--palette4 .unifiDonutChartPie5 {
stroke: #280304
}
.unifiStatisticsDpiOverviewGraph--palette4 .unifiDonutChartPie6 {
stroke: #000
}
.unifiStatisticsDpiOverviewGraph--palette4 .unifiDonutChartPie7 {
stroke: #000
}
.unifiStatisticsDpiOverviewGraph--palette4 .unifiDonutChartPie8 {
stroke: #000
}
.unifiStatisticsDpiOverviewGraph--palette5 .unifiDonutChartPie0 {
stroke: #a252e3
}
.unifiStatisticsDpiOverviewGraph--palette5 .unifiDonutChartPie1 {
stroke: #8a26dc
}
.unifiStatisticsDpiOverviewGraph--palette5 .unifiDonutChartPie2 {
stroke: #6f1db2
}
.unifiStatisticsDpiOverviewGraph--palette5 .unifiDonutChartPie3 {
stroke: #541686
}
.unifiStatisticsDpiOverviewGraph--palette5 .unifiDonutChartPie4 {
stroke: #380f5a
}
.unifiStatisticsDpiOverviewGraph--palette5 .unifiDonutChartPie5 {
stroke: #1d082e
}
.unifiStatisticsDpiOverviewGraph--palette5 .unifiDonutChartPie6 {
stroke: #020003
}
.unifiStatisticsDpiOverviewGraph--palette5 .unifiDonutChartPie7 {
stroke: #000
}
.unifiStatisticsDpiOverviewGraph--palette5 .unifiDonutChartPie8 {
stroke: #000
}
.unifiStatisticsDpiOverviewGraph--palette6 .unifiDonutChartPie0 {
stroke: #6b34e0
}
.unifiStatisticsDpiOverviewGraph--palette6 .unifiDonutChartPie1 {
stroke: #531ec3
}
.unifiStatisticsDpiOverviewGraph--palette6 .unifiDonutChartPie2 {
stroke: #401797
}
.unifiStatisticsDpiOverviewGraph--palette6 .unifiDonutChartPie3 {
stroke: #2d106b
}
.unifiStatisticsDpiOverviewGraph--palette6 .unifiDonutChartPie4 {
stroke: #1a0a3e
}
.unifiStatisticsDpiOverviewGraph--palette6 .unifiDonutChartPie5 {
stroke: #080312
}
.unifiStatisticsDpiOverviewGraph--palette6 .unifiDonutChartPie6 {
stroke: #000
}
.unifiStatisticsDpiOverviewGraph--palette6 .unifiDonutChartPie7 {
stroke: #000
}
.unifiStatisticsDpiOverviewGraph--palette6 .unifiDonutChartPie8 {
stroke: #000
}
.unifiStatisticsDpiOverviewGraph--palette7 .unifiDonutChartPie0 {
stroke: #003c9e
}
.unifiStatisticsDpiOverviewGraph--palette7 .unifiDonutChartPie1 {
stroke: #00296b
}
.unifiStatisticsDpiOverviewGraph--palette7 .unifiDonutChartPie2 {
stroke: #001538
}
.unifiStatisticsDpiOverviewGraph--palette7 .unifiDonutChartPie3 {
stroke: #000205
}
.unifiStatisticsDpiOverviewGraph--palette7 .unifiDonutChartPie4 {
stroke: #000
}
.unifiStatisticsDpiOverviewGraph--palette7 .unifiDonutChartPie5 {
stroke: #000
}
.unifiStatisticsDpiOverviewGraph--palette7 .unifiDonutChartPie6 {
stroke: #000
}
.unifiStatisticsDpiOverviewGraph--palette7 .unifiDonutChartPie7 {
stroke: #000
}
.unifiStatisticsDpiOverviewGraph--palette7 .unifiDonutChartPie8 {
stroke: #000
}
.unifiStatisticsDpiOverviewGraph--palette8 .unifiDonutChartPie0 {
stroke: var(--color-500)
}
.unifiStatisticsDpiOverviewGraph--palette8 .unifiDonutChartPie1 {
stroke: #0059cc
}
.unifiStatisticsDpiOverviewGraph--palette8 .unifiDonutChartPie2 {
stroke: #004399
}
.unifiStatisticsDpiOverviewGraph--palette8 .unifiDonutChartPie3 {
stroke: #002c66
}
.unifiStatisticsDpiOverviewGraph--palette8 .unifiDonutChartPie4 {
stroke: #001633
}
.unifiStatisticsDpiOverviewGraph--palette8 .unifiDonutChartPie5 {
stroke: #000
}
.unifiStatisticsDpiOverviewGraph--palette8 .unifiDonutChartPie6 {
stroke: #000
}
.unifiStatisticsDpiOverviewGraph--palette8 .unifiDonutChartPie7 {
stroke: #000
}
.unifiStatisticsDpiOverviewGraph--palette8 .unifiDonutChartPie8 {
stroke: #000
}
.unifiStatisticsDpiOverviewGraph--palette9 .unifiDonutChartPie0 {
stroke: var(--color-400)
}
.unifiStatisticsDpiOverviewGraph--palette9 .unifiDonutChartPie1 {
stroke: #2483ff
}
.unifiStatisticsDpiOverviewGraph--palette9 .unifiDonutChartPie2 {
stroke: #var(--color-600)
}
.unifiStatisticsDpiOverviewGraph--palette9 .unifiDonutChartPie3 {
stroke: #0052bd
}
.unifiStatisticsDpiOverviewGraph--palette9 .unifiDonutChartPie4 {
stroke: #003c8a
}
.unifiStatisticsDpiOverviewGraph--palette9 .unifiDonutChartPie5 {
stroke: #002657
}
.unifiStatisticsDpiOverviewGraph--palette9 .unifiDonutChartPie6 {
stroke: #001024
}
.unifiStatisticsDpiOverviewGraph--palette9 .unifiDonutChartPie7 {
stroke: #000
}
.unifiStatisticsDpiOverviewGraph--palette9 .unifiDonutChartPie8 {
stroke: #000
}
.unifiStatisticsDpiOverviewGraph--palette10 .unifiDonutChartPie0 {
stroke: #39cc64
}
.unifiStatisticsDpiOverviewGraph--palette10 .unifiDonutChartPie1 {
stroke: #2ba74f
}
.unifiStatisticsDpiOverviewGraph--palette10 .unifiDonutChartPie2 {
stroke: #217e3c
}
.unifiStatisticsDpiOverviewGraph--palette10 .unifiDonutChartPie3 {
stroke: #165629
}
.unifiStatisticsDpiOverviewGraph--palette10 .unifiDonutChartPie4 {
stroke: #0c2d16
}
.unifiStatisticsDpiOverviewGraph--palette10 .unifiDonutChartPie5 {
stroke: #010502
}
.unifiStatisticsDpiOverviewGraph--palette10 .unifiDonutChartPie6 {
stroke: #000
}
.unifiStatisticsDpiOverviewGraph--palette10 .unifiDonutChartPie7 {
stroke: #000
}
.unifiStatisticsDpiOverviewGraph--palette10 .unifiDonutChartPie8 {
stroke: #000
}
.unifiStatisticsDpiOverviewGraph--palette11 .unifiDonutChartPie0 {
stroke: #bfe041
}
.unifiStatisticsDpiOverviewGraph--palette11 .unifiDonutChartPie1 {
stroke: #a9cd21
}
.unifiStatisticsDpiOverviewGraph--palette11 .unifiDonutChartPie2 {
stroke: #85a11a
}
.unifiStatisticsDpiOverviewGraph--palette11 .unifiDonutChartPie3 {
stroke: #617513
}
.unifiStatisticsDpiOverviewGraph--palette11 .unifiDonutChartPie4 {
stroke: #3c490c
}
.unifiStatisticsDpiOverviewGraph--palette11 .unifiDonutChartPie5 {
stroke: #181d05
}
.unifiStatisticsDpiOverviewGraph--palette11 .unifiDonutChartPie6 {
stroke: #000
}
.unifiStatisticsDpiOverviewGraph--palette11 .unifiDonutChartPie7 {
stroke: #000
}
.unifiStatisticsDpiOverviewGraph--palette11 .unifiDonutChartPie8 {
stroke: #000
}
.unifiStatisticsDpiOverviewGraph--palette12 .unifiDonutChartPie0 {
stroke: #ffdb1a
}
.unifiStatisticsDpiOverviewGraph--palette12 .unifiDonutChartPie1 {
stroke: #e6c200
}
.unifiStatisticsDpiOverviewGraph--palette12 .unifiDonutChartPie2 {
stroke: #b39700
}
.unifiStatisticsDpiOverviewGraph--palette12 .unifiDonutChartPie3 {
stroke: #806c00
}
.unifiStatisticsDpiOverviewGraph--palette12 .unifiDonutChartPie4 {
stroke: #4d4100
}
.unifiStatisticsDpiOverviewGraph--palette12 .unifiDonutChartPie5 {
stroke: #1a1600
}
.unifiStatisticsDpiOverviewGraph--palette12 .unifiDonutChartPie6 {
stroke: #000
}
.unifiStatisticsDpiOverviewGraph--palette12 .unifiDonutChartPie7 {
stroke: #000
}
.unifiStatisticsDpiOverviewGraph--palette12 .unifiDonutChartPie8 {
stroke: #000
}
.unifiStatisticsDpiOverviewGraph--palette13 .unifiDonutChartPie0 {
stroke: #f5a623
}
.unifiStatisticsDpiOverviewGraph--palette13 .unifiDonutChartPie1 {
stroke: #db8c0a
}
.unifiStatisticsDpiOverviewGraph--palette13 .unifiDonutChartPie2 {
stroke: #aa6d08
}
.unifiStatisticsDpiOverviewGraph--palette13 .unifiDonutChartPie3 {
stroke: #794e06
}
.unifiStatisticsDpiOverviewGraph--palette13 .unifiDonutChartPie4 {
stroke: #492f03
}
.unifiStatisticsDpiOverviewGraph--palette13 .unifiDonutChartPie5 {
stroke: #180f01
}
.unifiStatisticsDpiOverviewGraph--palette13 .unifiDonutChartPie6 {
stroke: #000
}
.unifiStatisticsDpiOverviewGraph--palette13 .unifiDonutChartPie7 {
stroke: #000
}
.unifiStatisticsDpiOverviewGraph--palette13 .unifiDonutChartPie8 {
stroke: #000
}
.unifiStatisticsDpiOverviewGraph--palette14 .unifiDonutChartPie0 {
stroke: #f03a3e
}
.unifiStatisticsDpiOverviewGraph--palette14 .unifiDonutChartPie1 {
stroke: #e61116
}
.unifiStatisticsDpiOverviewGraph--palette14 .unifiDonutChartPie2 {
stroke: #b60e12
}
.unifiStatisticsDpiOverviewGraph--palette14 .unifiDonutChartPie3 {
stroke: #870a0d
}
.unifiStatisticsDpiOverviewGraph--palette14 .unifiDonutChartPie4 {
stroke: #570708
}
.unifiStatisticsDpiOverviewGraph--palette14 .unifiDonutChartPie5 {
stroke: #280304
}
.unifiStatisticsDpiOverviewGraph--palette14 .unifiDonutChartPie6 {
stroke: #000
}
.unifiStatisticsDpiOverviewGraph--palette14 .unifiDonutChartPie7 {
stroke: #000
}
.unifiStatisticsDpiOverviewGraph--palette14 .unifiDonutChartPie8 {
stroke: #000
}
.unifiStatisticsDpiOverviewGraph--palette15 .unifiDonutChartPie0 {
stroke: #a252e3
}
.unifiStatisticsDpiOverviewGraph--palette15 .unifiDonutChartPie1 {
stroke: #8a26dc
}
.unifiStatisticsDpiOverviewGraph--palette15 .unifiDonutChartPie2 {
stroke: #6f1db2
}
.unifiStatisticsDpiOverviewGraph--palette15 .unifiDonutChartPie3 {
stroke: #541686
}
.unifiStatisticsDpiOverviewGraph--palette15 .unifiDonutChartPie4 {
stroke: #380f5a
}
.unifiStatisticsDpiOverviewGraph--palette15 .unifiDonutChartPie5 {
stroke: #1d082e
}
.unifiStatisticsDpiOverviewGraph--palette15 .unifiDonutChartPie6 {
stroke: #020003
}
.unifiStatisticsDpiOverviewGraph--palette15 .unifiDonutChartPie7 {
stroke: #000
}
.unifiStatisticsDpiOverviewGraph--palette15 .unifiDonutChartPie8 {
stroke: #000
}
.unifiStatisticsDpiOverviewGraph--palette16 .unifiDonutChartPie0 {
stroke: #6b34e0
}
.unifiStatisticsDpiOverviewGraph--palette16 .unifiDonutChartPie1 {
stroke: #531ec3
}
.unifiStatisticsDpiOverviewGraph--palette16 .unifiDonutChartPie2 {
stroke: #401797
}
.unifiStatisticsDpiOverviewGraph--palette16 .unifiDonutChartPie3 {
stroke: #2d106b
}
.unifiStatisticsDpiOverviewGraph--palette16 .unifiDonutChartPie4 {
stroke: #1a0a3e
}
.unifiStatisticsDpiOverviewGraph--palette16 .unifiDonutChartPie5 {
stroke: #080312
}
.unifiStatisticsDpiOverviewGraph--palette16 .unifiDonutChartPie6 {
stroke: #000
}
.unifiStatisticsDpiOverviewGraph--palette16 .unifiDonutChartPie7 {
stroke: #000
}
.unifiStatisticsDpiOverviewGraph--palette16 .unifiDonutChartPie8 {
stroke: #000
}
.unifiStatisticsDpiOverviewGraph--palette17 .unifiDonutChartPie0 {
stroke: #003c9e
}
.unifiStatisticsDpiOverviewGraph--palette17 .unifiDonutChartPie1 {
stroke: #00296b
}
.unifiStatisticsDpiOverviewGraph--palette17 .unifiDonutChartPie2 {
stroke: #001538
}
.unifiStatisticsDpiOverviewGraph--palette17 .unifiDonutChartPie3 {
stroke: #000205
}
.unifiStatisticsDpiOverviewGraph--palette17 .unifiDonutChartPie4 {
stroke: #000
}
.unifiStatisticsDpiOverviewGraph--palette17 .unifiDonutChartPie5 {
stroke: #000
}
.unifiStatisticsDpiOverviewGraph--palette17 .unifiDonutChartPie6 {
stroke: #000
}
.unifiStatisticsDpiOverviewGraph--palette17 .unifiDonutChartPie7 {
stroke: #000
}
.unifiStatisticsDpiOverviewGraph--palette17 .unifiDonutChartPie8 {
stroke: #000
}
.unifiStatisticsDpiOverviewGraph--palette18 .unifiDonutChartPie0 {
stroke: var(--color-500)
}
.unifiStatisticsDpiOverviewGraph--palette18 .unifiDonutChartPie1 {
stroke: #0059cc
}
.unifiStatisticsDpiOverviewGraph--palette18 .unifiDonutChartPie2 {
stroke: #004399
}
.unifiStatisticsDpiOverviewGraph--palette18 .unifiDonutChartPie3 {
stroke: #002c66
}
.unifiStatisticsDpiOverviewGraph--palette18 .unifiDonutChartPie4 {
stroke: #001633
}
.unifiStatisticsDpiOverviewGraph--palette18 .unifiDonutChartPie5 {
stroke: #000
}
.unifiStatisticsDpiOverviewGraph--palette18 .unifiDonutChartPie6 {
stroke: #000
}
.unifiStatisticsDpiOverviewGraph--palette18 .unifiDonutChartPie7 {
stroke: #000
}
.unifiStatisticsDpiOverviewGraph--palette18 .unifiDonutChartPie8 {
stroke: #000
}
.unifiStatisticsDpiOverviewGraph--palette19 .unifiDonutChartPie0 {
stroke: var(--color-400)
}
.unifiStatisticsDpiOverviewGraph--palette19 .unifiDonutChartPie1 {
stroke: #2483ff
}
.unifiStatisticsDpiOverviewGraph--palette19 .unifiDonutChartPie2 {
stroke: #var(--color-600)
}
.unifiStatisticsDpiOverviewGraph--palette19 .unifiDonutChartPie3 {
stroke: #0052bd
}
.unifiStatisticsDpiOverviewGraph--palette19 .unifiDonutChartPie4 {
stroke: #003c8a
}
.unifiStatisticsDpiOverviewGraph--palette19 .unifiDonutChartPie5 {
stroke: #002657
}
.unifiStatisticsDpiOverviewGraph--palette19 .unifiDonutChartPie6 {
stroke: #001024
}
.unifiStatisticsDpiOverviewGraph--palette19 .unifiDonutChartPie7 {
stroke: #000
}
.unifiStatisticsDpiOverviewGraph--palette19 .unifiDonutChartPie8 {
stroke: #000
}
.unifiStatisticsDpiOverviewGraph--palette20 .unifiDonutChartPie0 {
stroke: #39cc64
}
.unifiStatisticsDpiOverviewGraph--palette20 .unifiDonutChartPie1 {
stroke: #2ba74f
}
.unifiStatisticsDpiOverviewGraph--palette20 .unifiDonutChartPie2 {
stroke: #217e3c
}
.unifiStatisticsDpiOverviewGraph--palette20 .unifiDonutChartPie3 {
stroke: #165629
}
.unifiStatisticsDpiOverviewGraph--palette20 .unifiDonutChartPie4 {
stroke: #0c2d16
}
.unifiStatisticsDpiOverviewGraph--palette20 .unifiDonutChartPie5 {
stroke: #010502
}
.unifiStatisticsDpiOverviewGraph--palette20 .unifiDonutChartPie6 {
stroke: #000
}
.unifiStatisticsDpiOverviewGraph--palette20 .unifiDonutChartPie7 {
stroke: #000
}
.unifiStatisticsDpiOverviewGraph--palette20 .unifiDonutChartPie8 {
stroke: #000
}
.unifiStatisticsDpiOverviewGraph--palette21 .unifiDonutChartPie0 {
stroke: #bfe041
}
.unifiStatisticsDpiOverviewGraph--palette21 .unifiDonutChartPie1 {
stroke: #a9cd21
}
.unifiStatisticsDpiOverviewGraph--palette21 .unifiDonutChartPie2 {
stroke: #85a11a
}
.unifiStatisticsDpiOverviewGraph--palette21 .unifiDonutChartPie3 {
stroke: #617513
}
.unifiStatisticsDpiOverviewGraph--palette21 .unifiDonutChartPie4 {
stroke: #3c490c
}
.unifiStatisticsDpiOverviewGraph--palette21 .unifiDonutChartPie5 {
stroke: #181d05
}
.unifiStatisticsDpiOverviewGraph--palette21 .unifiDonutChartPie6 {
stroke: #000
}
.unifiStatisticsDpiOverviewGraph--palette21 .unifiDonutChartPie7 {
stroke: #000
}
.unifiStatisticsDpiOverviewGraph--palette21 .unifiDonutChartPie8 {
stroke: #000
}
.unifiStatisticsDpiOverviewGraph--palette22 .unifiDonutChartPie0 {
stroke: #ffdb1a
}
.unifiStatisticsDpiOverviewGraph--palette22 .unifiDonutChartPie1 {
stroke: #e6c200
}
.unifiStatisticsDpiOverviewGraph--palette22 .unifiDonutChartPie2 {
stroke: #b39700
}
.unifiStatisticsDpiOverviewGraph--palette22 .unifiDonutChartPie3 {
stroke: #806c00
}
.unifiStatisticsDpiOverviewGraph--palette22 .unifiDonutChartPie4 {
stroke: #4d4100
}
.unifiStatisticsDpiOverviewGraph--palette22 .unifiDonutChartPie5 {
stroke: #1a1600
}
.unifiStatisticsDpiOverviewGraph--palette22 .unifiDonutChartPie6 {
stroke: #000
}
.unifiStatisticsDpiOverviewGraph--palette22 .unifiDonutChartPie7 {
stroke: #000
}
.unifiStatisticsDpiOverviewGraph--palette22 .unifiDonutChartPie8 {
stroke: #000
}
.unifiStatisticsDpiOverviewGraph--palette23 .unifiDonutChartPie0 {
stroke: #f5a623
}
.unifiStatisticsDpiOverviewGraph--palette23 .unifiDonutChartPie1 {
stroke: #db8c0a
}
.unifiStatisticsDpiOverviewGraph--palette23 .unifiDonutChartPie2 {
stroke: #aa6d08
}
.unifiStatisticsDpiOverviewGraph--palette23 .unifiDonutChartPie3 {
stroke: #794e06
}
.unifiStatisticsDpiOverviewGraph--palette23 .unifiDonutChartPie4 {
stroke: #492f03
}
.unifiStatisticsDpiOverviewGraph--palette23 .unifiDonutChartPie5 {
stroke: #180f01
}
.unifiStatisticsDpiOverviewGraph--palette23 .unifiDonutChartPie6 {
stroke: #000
}
.unifiStatisticsDpiOverviewGraph--palette23 .unifiDonutChartPie7 {
stroke: #000
}
.unifiStatisticsDpiOverviewGraph--palette23 .unifiDonutChartPie8 {
stroke: #000
}
.unifiStatisticsDpiOverviewGraph--palette24 .unifiDonutChartPie0 {
stroke: #f03a3e
}
.unifiStatisticsDpiOverviewGraph--palette24 .unifiDonutChartPie1 {
stroke: #e61116
}
.unifiStatisticsDpiOverviewGraph--palette24 .unifiDonutChartPie2 {
stroke: #b60e12
}
.unifiStatisticsDpiOverviewGraph--palette24 .unifiDonutChartPie3 {
stroke: #870a0d
}
.unifiStatisticsDpiOverviewGraph--palette24 .unifiDonutChartPie4 {
stroke: #570708
}
.unifiStatisticsDpiOverviewGraph--palette24 .unifiDonutChartPie5 {
stroke: #280304
}
.unifiStatisticsDpiOverviewGraph--palette24 .unifiDonutChartPie6 {
stroke: #000
}
.unifiStatisticsDpiOverviewGraph--palette24 .unifiDonutChartPie7 {
stroke: #000
}
.unifiStatisticsDpiOverviewGraph--palette24 .unifiDonutChartPie8 {
stroke: #000
}
.unifiStatisticsDpiOverviewGraph--palette25 .unifiDonutChartPie0 {
stroke: #a252e3
}
.unifiStatisticsDpiOverviewGraph--palette25 .unifiDonutChartPie1 {
stroke: #8a26dc
}
.unifiStatisticsDpiOverviewGraph--palette25 .unifiDonutChartPie2 {
stroke: #6f1db2
}
.unifiStatisticsDpiOverviewGraph--palette25 .unifiDonutChartPie3 {
stroke: #541686
}
.unifiStatisticsDpiOverviewGraph--palette25 .unifiDonutChartPie4 {
stroke: #380f5a
}
.unifiStatisticsDpiOverviewGraph--palette25 .unifiDonutChartPie5 {
stroke: #1d082e
}
.unifiStatisticsDpiOverviewGraph--palette25 .unifiDonutChartPie6 {
stroke: #020003
}
.unifiStatisticsDpiOverviewGraph--palette25 .unifiDonutChartPie7 {
stroke: #000
}
.unifiStatisticsDpiOverviewGraph--palette25 .unifiDonutChartPie8 {
stroke: #000
}
.unifiStatisticsDpiOverviewGraph--palette26 .unifiDonutChartPie0 {
stroke: #6b34e0
}
.unifiStatisticsDpiOverviewGraph--palette26 .unifiDonutChartPie1 {
stroke: #531ec3
}
.unifiStatisticsDpiOverviewGraph--palette26 .unifiDonutChartPie2 {
stroke: #401797
}
.unifiStatisticsDpiOverviewGraph--palette26 .unifiDonutChartPie3 {
stroke: #2d106b
}
.unifiStatisticsDpiOverviewGraph--palette26 .unifiDonutChartPie4 {
stroke: #1a0a3e
}
.unifiStatisticsDpiOverviewGraph--palette26 .unifiDonutChartPie5 {
stroke: #080312
}
.unifiStatisticsDpiOverviewGraph--palette26 .unifiDonutChartPie6 {
stroke: #000
}
.unifiStatisticsDpiOverviewGraph--palette26 .unifiDonutChartPie7 {
stroke: #000
}
.unifiStatisticsDpiOverviewGraph--palette26 .unifiDonutChartPie8 {
stroke: #000
}
.unifiStatisticsDpiOverviewGraph--palette27 .unifiDonutChartPie0 {
stroke: #003c9e
}
.unifiStatisticsDpiOverviewGraph--palette27 .unifiDonutChartPie1 {
stroke: #00296b
}
.unifiStatisticsDpiOverviewGraph--palette27 .unifiDonutChartPie2 {
stroke: #001538
}
.unifiStatisticsDpiOverviewGraph--palette27 .unifiDonutChartPie3 {
stroke: #000205
}
.unifiStatisticsDpiOverviewGraph--palette27 .unifiDonutChartPie4 {
stroke: #000
}
.unifiStatisticsDpiOverviewGraph--palette27 .unifiDonutChartPie5 {
stroke: #000
}
.unifiStatisticsDpiOverviewGraph--palette27 .unifiDonutChartPie6 {
stroke: #000
}
.unifiStatisticsDpiOverviewGraph--palette27 .unifiDonutChartPie7 {
stroke: #000
}
.unifiStatisticsDpiOverviewGraph--palette27 .unifiDonutChartPie8 {
stroke: #000
}
.unifiStatisticsDpiOverviewGraph--palette28 .unifiDonutChartPie0 {
stroke: var(--color-500)
}
.unifiStatisticsDpiOverviewGraph--palette28 .unifiDonutChartPie1 {
stroke: #0059cc
}
.unifiStatisticsDpiOverviewGraph--palette28 .unifiDonutChartPie2 {
stroke: #004399
}
.unifiStatisticsDpiOverviewGraph--palette28 .unifiDonutChartPie3 {
stroke: #002c66
}
.unifiStatisticsDpiOverviewGraph--palette28 .unifiDonutChartPie4 {
stroke: #001633
}
.unifiStatisticsDpiOverviewGraph--palette28 .unifiDonutChartPie5 {
stroke: #000
}
.unifiStatisticsDpiOverviewGraph--palette28 .unifiDonutChartPie6 {
stroke: #000
}
.unifiStatisticsDpiOverviewGraph--palette28 .unifiDonutChartPie7 {
stroke: #000
}
.unifiStatisticsDpiOverviewGraph--palette28 .unifiDonutChartPie8 {
stroke: #000
}
.unifiStatisticsDpiOverviewGraph--palette29 .unifiDonutChartPie0 {
stroke: var(--color-400)
}
.unifiStatisticsDpiOverviewGraph--palette29 .unifiDonutChartPie1 {
stroke: #2483ff
}
.unifiStatisticsDpiOverviewGraph--palette29 .unifiDonutChartPie2 {
stroke: #var(--color-600)
}
.unifiStatisticsDpiOverviewGraph--palette29 .unifiDonutChartPie3 {
stroke: #0052bd
}
.unifiStatisticsDpiOverviewGraph--palette29 .unifiDonutChartPie4 {
stroke: #003c8a
}
.unifiStatisticsDpiOverviewGraph--palette29 .unifiDonutChartPie5 {
stroke: #002657
}
.unifiStatisticsDpiOverviewGraph--palette29 .unifiDonutChartPie6 {
stroke: #001024
}
.unifiStatisticsDpiOverviewGraph--palette29 .unifiDonutChartPie7 {
stroke: #000
}
.unifiStatisticsDpiOverviewGraph--palette29 .unifiDonutChartPie8 {
stroke: #000
}
.unifiStatisticsDpiOverviewGraph--palette30 .unifiDonutChartPie0 {
stroke: #39cc64
}
.unifiStatisticsDpiOverviewGraph--palette30 .unifiDonutChartPie1 {
stroke: #2ba74f
}
.unifiStatisticsDpiOverviewGraph--palette30 .unifiDonutChartPie2 {
stroke: #217e3c
}
.unifiStatisticsDpiOverviewGraph--palette30 .unifiDonutChartPie3 {
stroke: #165629
}
.unifiStatisticsDpiOverviewGraph--palette30 .unifiDonutChartPie4 {
stroke: #0c2d16
}
.unifiStatisticsDpiOverviewGraph--palette30 .unifiDonutChartPie5 {
stroke: #010502
}
.unifiStatisticsDpiOverviewGraph--palette30 .unifiDonutChartPie6 {
stroke: #000
}
.unifiStatisticsDpiOverviewGraph--palette30 .unifiDonutChartPie7 {
stroke: #000
}
.unifiStatisticsDpiOverviewGraph--palette30 .unifiDonutChartPie8 {
stroke: #000
}
.unifiStatisticsDpiOverviewGraph--palette31 .unifiDonutChartPie0 {
stroke: #bfe041
}
.unifiStatisticsDpiOverviewGraph--palette31 .unifiDonutChartPie1 {
stroke: #a9cd21
}
.unifiStatisticsDpiOverviewGraph--palette31 .unifiDonutChartPie2 {
stroke: #85a11a
}
.unifiStatisticsDpiOverviewGraph--palette31 .unifiDonutChartPie3 {
stroke: #617513
}
.unifiStatisticsDpiOverviewGraph--palette31 .unifiDonutChartPie4 {
stroke: #3c490c
}
.unifiStatisticsDpiOverviewGraph--palette31 .unifiDonutChartPie5 {
stroke: #181d05
}
.unifiStatisticsDpiOverviewGraph--palette31 .unifiDonutChartPie6 {
stroke: #000
}
.unifiStatisticsDpiOverviewGraph--palette31 .unifiDonutChartPie7 {
stroke: #000
}
.unifiStatisticsDpiOverviewGraph--palette31 .unifiDonutChartPie8 {
stroke: #000
}
.unifiStatisticsDpiOverviewGraph--palette32 .unifiDonutChartPie0 {
stroke: #ffdb1a
}
.unifiStatisticsDpiOverviewGraph--palette32 .unifiDonutChartPie1 {
stroke: #e6c200
}
.unifiStatisticsDpiOverviewGraph--palette32 .unifiDonutChartPie2 {
stroke: #b39700
}
.unifiStatisticsDpiOverviewGraph--palette32 .unifiDonutChartPie3 {
stroke: #806c00
}
.unifiStatisticsDpiOverviewGraph--palette32 .unifiDonutChartPie4 {
stroke: #4d4100
}
.unifiStatisticsDpiOverviewGraph--palette32 .unifiDonutChartPie5 {
stroke: #1a1600
}
.unifiStatisticsDpiOverviewGraph--palette32 .unifiDonutChartPie6 {
stroke: #000
}
.unifiStatisticsDpiOverviewGraph--palette32 .unifiDonutChartPie7 {
stroke: #000
}
.unifiStatisticsDpiOverviewGraph--palette32 .unifiDonutChartPie8 {
stroke: #000
}
.unifiStatisticsDpiOverviewGraph--palette33 .unifiDonutChartPie0 {
stroke: #f5a623
}
.unifiStatisticsDpiOverviewGraph--palette33 .unifiDonutChartPie1 {
stroke: #db8c0a
}
.unifiStatisticsDpiOverviewGraph--palette33 .unifiDonutChartPie2 {
stroke: #aa6d08
}
.unifiStatisticsDpiOverviewGraph--palette33 .unifiDonutChartPie3 {
stroke: #794e06
}
.unifiStatisticsDpiOverviewGraph--palette33 .unifiDonutChartPie4 {
stroke: #492f03
}
.unifiStatisticsDpiOverviewGraph--palette33 .unifiDonutChartPie5 {
stroke: #180f01
}
.unifiStatisticsDpiOverviewGraph--palette33 .unifiDonutChartPie6 {
stroke: #000
}
.unifiStatisticsDpiOverviewGraph--palette33 .unifiDonutChartPie7 {
stroke: #000
}
.unifiStatisticsDpiOverviewGraph--palette33 .unifiDonutChartPie8 {
stroke: #000
}
.unifiStatisticsDpiOverviewGraph--palette34 .unifiDonutChartPie0 {
stroke: #f03a3e
}
.unifiStatisticsDpiOverviewGraph--palette34 .unifiDonutChartPie1 {
stroke: #e61116
}
.unifiStatisticsDpiOverviewGraph--palette34 .unifiDonutChartPie2 {
stroke: #b60e12
}
.unifiStatisticsDpiOverviewGraph--palette34 .unifiDonutChartPie3 {
stroke: #870a0d
}
.unifiStatisticsDpiOverviewGraph--palette34 .unifiDonutChartPie4 {
stroke: #570708
}
.unifiStatisticsDpiOverviewGraph--palette34 .unifiDonutChartPie5 {
stroke: #280304
}
.unifiStatisticsDpiOverviewGraph--palette34 .unifiDonutChartPie6 {
stroke: #000
}
.unifiStatisticsDpiOverviewGraph--palette34 .unifiDonutChartPie7 {
stroke: #000
}
.unifiStatisticsDpiOverviewGraph--palette34 .unifiDonutChartPie8 {
stroke: #000
}
.unifiStatisticsDpiOverviewGraph--palette35 .unifiDonutChartPie0 {
stroke: #a252e3
}
.unifiStatisticsDpiOverviewGraph--palette35 .unifiDonutChartPie1 {
stroke: #8a26dc
}
.unifiStatisticsDpiOverviewGraph--palette35 .unifiDonutChartPie2 {
stroke: #6f1db2
}
.unifiStatisticsDpiOverviewGraph--palette35 .unifiDonutChartPie3 {
stroke: #541686
}
.unifiStatisticsDpiOverviewGraph--palette35 .unifiDonutChartPie4 {
stroke: #380f5a
}
.unifiStatisticsDpiOverviewGraph--palette35 .unifiDonutChartPie5 {
stroke: #1d082e
}
.unifiStatisticsDpiOverviewGraph--palette35 .unifiDonutChartPie6 {
stroke: #020003
}
.unifiStatisticsDpiOverviewGraph--palette35 .unifiDonutChartPie7 {
stroke: #000
}
.unifiStatisticsDpiOverviewGraph--palette35 .unifiDonutChartPie8 {
stroke: #000
}
.unifiStatisticsDpiOverviewGraph--palette36 .unifiDonutChartPie0 {
stroke: #6b34e0
}
.unifiStatisticsDpiOverviewGraph--palette36 .unifiDonutChartPie1 {
stroke: #531ec3
}
.unifiStatisticsDpiOverviewGraph--palette36 .unifiDonutChartPie2 {
stroke: #401797
}
.unifiStatisticsDpiOverviewGraph--palette36 .unifiDonutChartPie3 {
stroke: #2d106b
}
.unifiStatisticsDpiOverviewGraph--palette36 .unifiDonutChartPie4 {
stroke: #1a0a3e
}
.unifiStatisticsDpiOverviewGraph--palette36 .unifiDonutChartPie5 {
stroke: #080312
}
.unifiStatisticsDpiOverviewGraph--palette36 .unifiDonutChartPie6 {
stroke: #000
}
.unifiStatisticsDpiOverviewGraph--palette36 .unifiDonutChartPie7 {
stroke: #000
}
.unifiStatisticsDpiOverviewGraph--palette36 .unifiDonutChartPie8 {
stroke: #000
}
.unifiStatisticsDpiOverviewGraph--palette37 .unifiDonutChartPie0 {
stroke: #003c9e
}
.unifiStatisticsDpiOverviewGraph--palette37 .unifiDonutChartPie1 {
stroke: #00296b
}
.unifiStatisticsDpiOverviewGraph--palette37 .unifiDonutChartPie2 {
stroke: #001538
}
.unifiStatisticsDpiOverviewGraph--palette37 .unifiDonutChartPie3 {
stroke: #000205
}
.unifiStatisticsDpiOverviewGraph--palette37 .unifiDonutChartPie4 {
stroke: #000
}
.unifiStatisticsDpiOverviewGraph--palette37 .unifiDonutChartPie5 {
stroke: #000
}
.unifiStatisticsDpiOverviewGraph--palette37 .unifiDonutChartPie6 {
stroke: #000
}
.unifiStatisticsDpiOverviewGraph--palette37 .unifiDonutChartPie7 {
stroke: #000
}
.unifiStatisticsDpiOverviewGraph--palette37 .unifiDonutChartPie8 {
stroke: #000
}
.unifiStatisticsDpiOverviewGraph--palette38 .unifiDonutChartPie0 {
stroke: var(--color-500)
}
.unifiStatisticsDpiOverviewGraph--palette38 .unifiDonutChartPie1 {
stroke: #0059cc
}
.unifiStatisticsDpiOverviewGraph--palette38 .unifiDonutChartPie2 {
stroke: #004399
}
.unifiStatisticsDpiOverviewGraph--palette38 .unifiDonutChartPie3 {
stroke: #002c66
}
.unifiStatisticsDpiOverviewGraph--palette38 .unifiDonutChartPie4 {
stroke: #001633
}
.unifiStatisticsDpiOverviewGraph--palette38 .unifiDonutChartPie5 {
stroke: #000
}
.unifiStatisticsDpiOverviewGraph--palette38 .unifiDonutChartPie6 {
stroke: #000
}
.unifiStatisticsDpiOverviewGraph--palette38 .unifiDonutChartPie7 {
stroke: #000
}
.unifiStatisticsDpiOverviewGraph--palette38 .unifiDonutChartPie8 {
stroke: #000
}
.unifiStatisticsDpiOverviewGraph--palette39 .unifiDonutChartPie0 {
stroke: var(--color-400)
}
.unifiStatisticsDpiOverviewGraph--palette39 .unifiDonutChartPie1 {
stroke: #2483ff
}
.unifiStatisticsDpiOverviewGraph--palette39 .unifiDonutChartPie2 {
stroke: #var(--color-600)
}
.unifiStatisticsDpiOverviewGraph--palette39 .unifiDonutChartPie3 {
stroke: #0052bd
}
.unifiStatisticsDpiOverviewGraph--palette39 .unifiDonutChartPie4 {
stroke: #003c8a
}
.unifiStatisticsDpiOverviewGraph--palette39 .unifiDonutChartPie5 {
stroke: #002657
}
.unifiStatisticsDpiOverviewGraph--palette39 .unifiDonutChartPie6 {
stroke: #001024
}
.unifiStatisticsDpiOverviewGraph--palette39 .unifiDonutChartPie7 {
stroke: #000
}
.unifiStatisticsDpiOverviewGraph--palette39 .unifiDonutChartPie8 {
stroke: #000
}
.unifiStatisticsDpiOverviewGraph--palette0 .unifiChartLegendEntry__item0 .unifiChartLegendEntry__icon {
background-color: #39cc64
}
.unifiStatisticsDpiOverviewGraph--palette0 .unifiChartLegendEntry__item1 .unifiChartLegendEntry__icon {
background-color: #2ba74f
}
.unifiStatisticsDpiOverviewGraph--palette0 .unifiChartLegendEntry__item2 .unifiChartLegendEntry__icon {
background-color: #217e3c
}
.unifiStatisticsDpiOverviewGraph--palette0 .unifiChartLegendEntry__item3 .unifiChartLegendEntry__icon {
background-color: #165629
}
.unifiStatisticsDpiOverviewGraph--palette0 .unifiChartLegendEntry__item4 .unifiChartLegendEntry__icon {
background-color: #0c2d16
}
.unifiStatisticsDpiOverviewGraph--palette0 .unifiChartLegendEntry__item5 .unifiChartLegendEntry__icon {
background-color: #010502
}
.unifiStatisticsDpiOverviewGraph--palette0 .unifiChartLegendEntry__item6 .unifiChartLegendEntry__icon {
background-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette0 .unifiChartLegendEntry__item7 .unifiChartLegendEntry__icon {
background-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette0 .unifiChartLegendEntry__item8 .unifiChartLegendEntry__icon {
background-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette1 .unifiChartLegendEntry__item0 .unifiChartLegendEntry__icon {
background-color: #bfe041
}
.unifiStatisticsDpiOverviewGraph--palette1 .unifiChartLegendEntry__item1 .unifiChartLegendEntry__icon {
background-color: #a9cd21
}
.unifiStatisticsDpiOverviewGraph--palette1 .unifiChartLegendEntry__item2 .unifiChartLegendEntry__icon {
background-color: #85a11a
}
.unifiStatisticsDpiOverviewGraph--palette1 .unifiChartLegendEntry__item3 .unifiChartLegendEntry__icon {
background-color: #617513
}
.unifiStatisticsDpiOverviewGraph--palette1 .unifiChartLegendEntry__item4 .unifiChartLegendEntry__icon {
background-color: #3c490c
}
.unifiStatisticsDpiOverviewGraph--palette1 .unifiChartLegendEntry__item5 .unifiChartLegendEntry__icon {
background-color: #181d05
}
.unifiStatisticsDpiOverviewGraph--palette1 .unifiChartLegendEntry__item6 .unifiChartLegendEntry__icon {
background-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette1 .unifiChartLegendEntry__item7 .unifiChartLegendEntry__icon {
background-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette1 .unifiChartLegendEntry__item8 .unifiChartLegendEntry__icon {
background-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette2 .unifiChartLegendEntry__item0 .unifiChartLegendEntry__icon {
background-color: #ffdb1a
}
.unifiStatisticsDpiOverviewGraph--palette2 .unifiChartLegendEntry__item1 .unifiChartLegendEntry__icon {
background-color: #e6c200
}
.unifiStatisticsDpiOverviewGraph--palette2 .unifiChartLegendEntry__item2 .unifiChartLegendEntry__icon {
background-color: #b39700
}
.unifiStatisticsDpiOverviewGraph--palette2 .unifiChartLegendEntry__item3 .unifiChartLegendEntry__icon {
background-color: #806c00
}
.unifiStatisticsDpiOverviewGraph--palette2 .unifiChartLegendEntry__item4 .unifiChartLegendEntry__icon {
background-color: #4d4100
}
.unifiStatisticsDpiOverviewGraph--palette2 .unifiChartLegendEntry__item5 .unifiChartLegendEntry__icon {
background-color: #1a1600
}
.unifiStatisticsDpiOverviewGraph--palette2 .unifiChartLegendEntry__item6 .unifiChartLegendEntry__icon {
background-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette2 .unifiChartLegendEntry__item7 .unifiChartLegendEntry__icon {
background-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette2 .unifiChartLegendEntry__item8 .unifiChartLegendEntry__icon {
background-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette3 .unifiChartLegendEntry__item0 .unifiChartLegendEntry__icon {
background-color: #f5a623
}
.unifiStatisticsDpiOverviewGraph--palette3 .unifiChartLegendEntry__item1 .unifiChartLegendEntry__icon {
background-color: #db8c0a
}
.unifiStatisticsDpiOverviewGraph--palette3 .unifiChartLegendEntry__item2 .unifiChartLegendEntry__icon {
background-color: #aa6d08
}
.unifiStatisticsDpiOverviewGraph--palette3 .unifiChartLegendEntry__item3 .unifiChartLegendEntry__icon {
background-color: #794e06
}
.unifiStatisticsDpiOverviewGraph--palette3 .unifiChartLegendEntry__item4 .unifiChartLegendEntry__icon {
background-color: #492f03
}
.unifiStatisticsDpiOverviewGraph--palette3 .unifiChartLegendEntry__item5 .unifiChartLegendEntry__icon {
background-color: #180f01
}
.unifiStatisticsDpiOverviewGraph--palette3 .unifiChartLegendEntry__item6 .unifiChartLegendEntry__icon {
background-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette3 .unifiChartLegendEntry__item7 .unifiChartLegendEntry__icon {
background-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette3 .unifiChartLegendEntry__item8 .unifiChartLegendEntry__icon {
background-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette4 .unifiChartLegendEntry__item0 .unifiChartLegendEntry__icon {
background-color: #f03a3e
}
.unifiStatisticsDpiOverviewGraph--palette4 .unifiChartLegendEntry__item1 .unifiChartLegendEntry__icon {
background-color: #e61116
}
.unifiStatisticsDpiOverviewGraph--palette4 .unifiChartLegendEntry__item2 .unifiChartLegendEntry__icon {
background-color: #b60e12
}
.unifiStatisticsDpiOverviewGraph--palette4 .unifiChartLegendEntry__item3 .unifiChartLegendEntry__icon {
background-color: #870a0d
}
.unifiStatisticsDpiOverviewGraph--palette4 .unifiChartLegendEntry__item4 .unifiChartLegendEntry__icon {
background-color: #570708
}
.unifiStatisticsDpiOverviewGraph--palette4 .unifiChartLegendEntry__item5 .unifiChartLegendEntry__icon {
background-color: #280304
}
.unifiStatisticsDpiOverviewGraph--palette4 .unifiChartLegendEntry__item6 .unifiChartLegendEntry__icon {
background-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette4 .unifiChartLegendEntry__item7 .unifiChartLegendEntry__icon {
background-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette4 .unifiChartLegendEntry__item8 .unifiChartLegendEntry__icon {
background-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette5 .unifiChartLegendEntry__item0 .unifiChartLegendEntry__icon {
background-color: #a252e3
}
.unifiStatisticsDpiOverviewGraph--palette5 .unifiChartLegendEntry__item1 .unifiChartLegendEntry__icon {
background-color: #8a26dc
}
.unifiStatisticsDpiOverviewGraph--palette5 .unifiChartLegendEntry__item2 .unifiChartLegendEntry__icon {
background-color: #6f1db2
}
.unifiStatisticsDpiOverviewGraph--palette5 .unifiChartLegendEntry__item3 .unifiChartLegendEntry__icon {
background-color: #541686
}
.unifiStatisticsDpiOverviewGraph--palette5 .unifiChartLegendEntry__item4 .unifiChartLegendEntry__icon {
background-color: #380f5a
}
.unifiStatisticsDpiOverviewGraph--palette5 .unifiChartLegendEntry__item5 .unifiChartLegendEntry__icon {
background-color: #1d082e
}
.unifiStatisticsDpiOverviewGraph--palette5 .unifiChartLegendEntry__item6 .unifiChartLegendEntry__icon {
background-color: #020003
}
.unifiStatisticsDpiOverviewGraph--palette5 .unifiChartLegendEntry__item7 .unifiChartLegendEntry__icon {
background-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette5 .unifiChartLegendEntry__item8 .unifiChartLegendEntry__icon {
background-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette6 .unifiChartLegendEntry__item0 .unifiChartLegendEntry__icon {
background-color: #6b34e0
}
.unifiStatisticsDpiOverviewGraph--palette6 .unifiChartLegendEntry__item1 .unifiChartLegendEntry__icon {
background-color: #531ec3
}
.unifiStatisticsDpiOverviewGraph--palette6 .unifiChartLegendEntry__item2 .unifiChartLegendEntry__icon {
background-color: #401797
}
.unifiStatisticsDpiOverviewGraph--palette6 .unifiChartLegendEntry__item3 .unifiChartLegendEntry__icon {
background-color: #2d106b
}
.unifiStatisticsDpiOverviewGraph--palette6 .unifiChartLegendEntry__item4 .unifiChartLegendEntry__icon {
background-color: #1a0a3e
}
.unifiStatisticsDpiOverviewGraph--palette6 .unifiChartLegendEntry__item5 .unifiChartLegendEntry__icon {
background-color: #080312
}
.unifiStatisticsDpiOverviewGraph--palette6 .unifiChartLegendEntry__item6 .unifiChartLegendEntry__icon {
background-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette6 .unifiChartLegendEntry__item7 .unifiChartLegendEntry__icon {
background-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette6 .unifiChartLegendEntry__item8 .unifiChartLegendEntry__icon {
background-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette7 .unifiChartLegendEntry__item0 .unifiChartLegendEntry__icon {
background-color: #003c9e
}
.unifiStatisticsDpiOverviewGraph--palette7 .unifiChartLegendEntry__item1 .unifiChartLegendEntry__icon {
background-color: #00296b
}
.unifiStatisticsDpiOverviewGraph--palette7 .unifiChartLegendEntry__item2 .unifiChartLegendEntry__icon {
background-color: #001538
}
.unifiStatisticsDpiOverviewGraph--palette7 .unifiChartLegendEntry__item3 .unifiChartLegendEntry__icon {
background-color: #000205
}
.unifiStatisticsDpiOverviewGraph--palette7 .unifiChartLegendEntry__item4 .unifiChartLegendEntry__icon {
background-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette7 .unifiChartLegendEntry__item5 .unifiChartLegendEntry__icon {
background-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette7 .unifiChartLegendEntry__item6 .unifiChartLegendEntry__icon {
background-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette7 .unifiChartLegendEntry__item7 .unifiChartLegendEntry__icon {
background-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette7 .unifiChartLegendEntry__item8 .unifiChartLegendEntry__icon {
background-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette8 .unifiChartLegendEntry__item0 .unifiChartLegendEntry__icon {
background-color: var(--color-500)
}
.unifiStatisticsDpiOverviewGraph--palette8 .unifiChartLegendEntry__item1 .unifiChartLegendEntry__icon {
background-color: #0059cc
}
.unifiStatisticsDpiOverviewGraph--palette8 .unifiChartLegendEntry__item2 .unifiChartLegendEntry__icon {
background-color: #004399
}
.unifiStatisticsDpiOverviewGraph--palette8 .unifiChartLegendEntry__item3 .unifiChartLegendEntry__icon {
background-color: #002c66
}
.unifiStatisticsDpiOverviewGraph--palette8 .unifiChartLegendEntry__item4 .unifiChartLegendEntry__icon {
background-color: #001633
}
.unifiStatisticsDpiOverviewGraph--palette8 .unifiChartLegendEntry__item5 .unifiChartLegendEntry__icon {
background-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette8 .unifiChartLegendEntry__item6 .unifiChartLegendEntry__icon {
background-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette8 .unifiChartLegendEntry__item7 .unifiChartLegendEntry__icon {
background-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette8 .unifiChartLegendEntry__item8 .unifiChartLegendEntry__icon {
background-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette9 .unifiChartLegendEntry__item0 .unifiChartLegendEntry__icon {
background-color: var(--color-400)
}
.unifiStatisticsDpiOverviewGraph--palette9 .unifiChartLegendEntry__item1 .unifiChartLegendEntry__icon {
background-color: #2483ff
}
.unifiStatisticsDpiOverviewGraph--palette9 .unifiChartLegendEntry__item2 .unifiChartLegendEntry__icon {
background-color: #var(--color-600)
}
.unifiStatisticsDpiOverviewGraph--palette9 .unifiChartLegendEntry__item3 .unifiChartLegendEntry__icon {
background-color: #0052bd
}
.unifiStatisticsDpiOverviewGraph--palette9 .unifiChartLegendEntry__item4 .unifiChartLegendEntry__icon {
background-color: #003c8a
}
.unifiStatisticsDpiOverviewGraph--palette9 .unifiChartLegendEntry__item5 .unifiChartLegendEntry__icon {
background-color: #002657
}
.unifiStatisticsDpiOverviewGraph--palette9 .unifiChartLegendEntry__item6 .unifiChartLegendEntry__icon {
background-color: #001024
}
.unifiStatisticsDpiOverviewGraph--palette9 .unifiChartLegendEntry__item7 .unifiChartLegendEntry__icon {
background-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette9 .unifiChartLegendEntry__item8 .unifiChartLegendEntry__icon {
background-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette10 .unifiChartLegendEntry__item0 .unifiChartLegendEntry__icon {
background-color: #39cc64
}
.unifiStatisticsDpiOverviewGraph--palette10 .unifiChartLegendEntry__item1 .unifiChartLegendEntry__icon {
background-color: #2ba74f
}
.unifiStatisticsDpiOverviewGraph--palette10 .unifiChartLegendEntry__item2 .unifiChartLegendEntry__icon {
background-color: #217e3c
}
.unifiStatisticsDpiOverviewGraph--palette10 .unifiChartLegendEntry__item3 .unifiChartLegendEntry__icon {
background-color: #165629
}
.unifiStatisticsDpiOverviewGraph--palette10 .unifiChartLegendEntry__item4 .unifiChartLegendEntry__icon {
background-color: #0c2d16
}
.unifiStatisticsDpiOverviewGraph--palette10 .unifiChartLegendEntry__item5 .unifiChartLegendEntry__icon {
background-color: #010502
}
.unifiStatisticsDpiOverviewGraph--palette10 .unifiChartLegendEntry__item6 .unifiChartLegendEntry__icon {
background-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette10 .unifiChartLegendEntry__item7 .unifiChartLegendEntry__icon {
background-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette10 .unifiChartLegendEntry__item8 .unifiChartLegendEntry__icon {
background-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette11 .unifiChartLegendEntry__item0 .unifiChartLegendEntry__icon {
background-color: #bfe041
}
.unifiStatisticsDpiOverviewGraph--palette11 .unifiChartLegendEntry__item1 .unifiChartLegendEntry__icon {
background-color: #a9cd21
}
.unifiStatisticsDpiOverviewGraph--palette11 .unifiChartLegendEntry__item2 .unifiChartLegendEntry__icon {
background-color: #85a11a
}
.unifiStatisticsDpiOverviewGraph--palette11 .unifiChartLegendEntry__item3 .unifiChartLegendEntry__icon {
background-color: #617513
}
.unifiStatisticsDpiOverviewGraph--palette11 .unifiChartLegendEntry__item4 .unifiChartLegendEntry__icon {
background-color: #3c490c
}
.unifiStatisticsDpiOverviewGraph--palette11 .unifiChartLegendEntry__item5 .unifiChartLegendEntry__icon {
background-color: #181d05
}
.unifiStatisticsDpiOverviewGraph--palette11 .unifiChartLegendEntry__item6 .unifiChartLegendEntry__icon {
background-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette11 .unifiChartLegendEntry__item7 .unifiChartLegendEntry__icon {
background-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette11 .unifiChartLegendEntry__item8 .unifiChartLegendEntry__icon {
background-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette12 .unifiChartLegendEntry__item0 .unifiChartLegendEntry__icon {
background-color: #ffdb1a
}
.unifiStatisticsDpiOverviewGraph--palette12 .unifiChartLegendEntry__item1 .unifiChartLegendEntry__icon {
background-color: #e6c200
}
.unifiStatisticsDpiOverviewGraph--palette12 .unifiChartLegendEntry__item2 .unifiChartLegendEntry__icon {
background-color: #b39700
}
.unifiStatisticsDpiOverviewGraph--palette12 .unifiChartLegendEntry__item3 .unifiChartLegendEntry__icon {
background-color: #806c00
}
.unifiStatisticsDpiOverviewGraph--palette12 .unifiChartLegendEntry__item4 .unifiChartLegendEntry__icon {
background-color: #4d4100
}
.unifiStatisticsDpiOverviewGraph--palette12 .unifiChartLegendEntry__item5 .unifiChartLegendEntry__icon {
background-color: #1a1600
}
.unifiStatisticsDpiOverviewGraph--palette12 .unifiChartLegendEntry__item6 .unifiChartLegendEntry__icon {
background-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette12 .unifiChartLegendEntry__item7 .unifiChartLegendEntry__icon {
background-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette12 .unifiChartLegendEntry__item8 .unifiChartLegendEntry__icon {
background-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette13 .unifiChartLegendEntry__item0 .unifiChartLegendEntry__icon {
background-color: #f5a623
}
.unifiStatisticsDpiOverviewGraph--palette13 .unifiChartLegendEntry__item1 .unifiChartLegendEntry__icon {
background-color: #db8c0a
}
.unifiStatisticsDpiOverviewGraph--palette13 .unifiChartLegendEntry__item2 .unifiChartLegendEntry__icon {
background-color: #aa6d08
}
.unifiStatisticsDpiOverviewGraph--palette13 .unifiChartLegendEntry__item3 .unifiChartLegendEntry__icon {
background-color: #794e06
}
.unifiStatisticsDpiOverviewGraph--palette13 .unifiChartLegendEntry__item4 .unifiChartLegendEntry__icon {
background-color: #492f03
}
.unifiStatisticsDpiOverviewGraph--palette13 .unifiChartLegendEntry__item5 .unifiChartLegendEntry__icon {
background-color: #180f01
}
.unifiStatisticsDpiOverviewGraph--palette13 .unifiChartLegendEntry__item6 .unifiChartLegendEntry__icon {
background-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette13 .unifiChartLegendEntry__item7 .unifiChartLegendEntry__icon {
background-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette13 .unifiChartLegendEntry__item8 .unifiChartLegendEntry__icon {
background-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette14 .unifiChartLegendEntry__item0 .unifiChartLegendEntry__icon {
background-color: #f03a3e
}
.unifiStatisticsDpiOverviewGraph--palette14 .unifiChartLegendEntry__item1 .unifiChartLegendEntry__icon {
background-color: #e61116
}
.unifiStatisticsDpiOverviewGraph--palette14 .unifiChartLegendEntry__item2 .unifiChartLegendEntry__icon {
background-color: #b60e12
}
.unifiStatisticsDpiOverviewGraph--palette14 .unifiChartLegendEntry__item3 .unifiChartLegendEntry__icon {
background-color: #870a0d
}
.unifiStatisticsDpiOverviewGraph--palette14 .unifiChartLegendEntry__item4 .unifiChartLegendEntry__icon {
background-color: #570708
}
.unifiStatisticsDpiOverviewGraph--palette14 .unifiChartLegendEntry__item5 .unifiChartLegendEntry__icon {
background-color: #280304
}
.unifiStatisticsDpiOverviewGraph--palette14 .unifiChartLegendEntry__item6 .unifiChartLegendEntry__icon {
background-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette14 .unifiChartLegendEntry__item7 .unifiChartLegendEntry__icon {
background-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette14 .unifiChartLegendEntry__item8 .unifiChartLegendEntry__icon {
background-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette15 .unifiChartLegendEntry__item0 .unifiChartLegendEntry__icon {
background-color: #a252e3
}
.unifiStatisticsDpiOverviewGraph--palette15 .unifiChartLegendEntry__item1 .unifiChartLegendEntry__icon {
background-color: #8a26dc
}
.unifiStatisticsDpiOverviewGraph--palette15 .unifiChartLegendEntry__item2 .unifiChartLegendEntry__icon {
background-color: #6f1db2
}
.unifiStatisticsDpiOverviewGraph--palette15 .unifiChartLegendEntry__item3 .unifiChartLegendEntry__icon {
background-color: #541686
}
.unifiStatisticsDpiOverviewGraph--palette15 .unifiChartLegendEntry__item4 .unifiChartLegendEntry__icon {
background-color: #380f5a
}
.unifiStatisticsDpiOverviewGraph--palette15 .unifiChartLegendEntry__item5 .unifiChartLegendEntry__icon {
background-color: #1d082e
}
.unifiStatisticsDpiOverviewGraph--palette15 .unifiChartLegendEntry__item6 .unifiChartLegendEntry__icon {
background-color: #020003
}
.unifiStatisticsDpiOverviewGraph--palette15 .unifiChartLegendEntry__item7 .unifiChartLegendEntry__icon {
background-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette15 .unifiChartLegendEntry__item8 .unifiChartLegendEntry__icon {
background-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette16 .unifiChartLegendEntry__item0 .unifiChartLegendEntry__icon {
background-color: #6b34e0
}
.unifiStatisticsDpiOverviewGraph--palette16 .unifiChartLegendEntry__item1 .unifiChartLegendEntry__icon {
background-color: #531ec3
}
.unifiStatisticsDpiOverviewGraph--palette16 .unifiChartLegendEntry__item2 .unifiChartLegendEntry__icon {
background-color: #401797
}
.unifiStatisticsDpiOverviewGraph--palette16 .unifiChartLegendEntry__item3 .unifiChartLegendEntry__icon {
background-color: #2d106b
}
.unifiStatisticsDpiOverviewGraph--palette16 .unifiChartLegendEntry__item4 .unifiChartLegendEntry__icon {
background-color: #1a0a3e
}
.unifiStatisticsDpiOverviewGraph--palette16 .unifiChartLegendEntry__item5 .unifiChartLegendEntry__icon {
background-color: #080312
}
.unifiStatisticsDpiOverviewGraph--palette16 .unifiChartLegendEntry__item6 .unifiChartLegendEntry__icon {
background-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette16 .unifiChartLegendEntry__item7 .unifiChartLegendEntry__icon {
background-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette16 .unifiChartLegendEntry__item8 .unifiChartLegendEntry__icon {
background-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette17 .unifiChartLegendEntry__item0 .unifiChartLegendEntry__icon {
background-color: #003c9e
}
.unifiStatisticsDpiOverviewGraph--palette17 .unifiChartLegendEntry__item1 .unifiChartLegendEntry__icon {
background-color: #00296b
}
.unifiStatisticsDpiOverviewGraph--palette17 .unifiChartLegendEntry__item2 .unifiChartLegendEntry__icon {
background-color: #001538
}
.unifiStatisticsDpiOverviewGraph--palette17 .unifiChartLegendEntry__item3 .unifiChartLegendEntry__icon {
background-color: #000205
}
.unifiStatisticsDpiOverviewGraph--palette17 .unifiChartLegendEntry__item4 .unifiChartLegendEntry__icon {
background-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette17 .unifiChartLegendEntry__item5 .unifiChartLegendEntry__icon {
background-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette17 .unifiChartLegendEntry__item6 .unifiChartLegendEntry__icon {
background-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette17 .unifiChartLegendEntry__item7 .unifiChartLegendEntry__icon {
background-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette17 .unifiChartLegendEntry__item8 .unifiChartLegendEntry__icon {
background-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette18 .unifiChartLegendEntry__item0 .unifiChartLegendEntry__icon {
background-color: var(--color-500)
}
.unifiStatisticsDpiOverviewGraph--palette18 .unifiChartLegendEntry__item1 .unifiChartLegendEntry__icon {
background-color: #0059cc
}
.unifiStatisticsDpiOverviewGraph--palette18 .unifiChartLegendEntry__item2 .unifiChartLegendEntry__icon {
background-color: #004399
}
.unifiStatisticsDpiOverviewGraph--palette18 .unifiChartLegendEntry__item3 .unifiChartLegendEntry__icon {
background-color: #002c66
}
.unifiStatisticsDpiOverviewGraph--palette18 .unifiChartLegendEntry__item4 .unifiChartLegendEntry__icon {
background-color: #001633
}
.unifiStatisticsDpiOverviewGraph--palette18 .unifiChartLegendEntry__item5 .unifiChartLegendEntry__icon {
background-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette18 .unifiChartLegendEntry__item6 .unifiChartLegendEntry__icon {
background-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette18 .unifiChartLegendEntry__item7 .unifiChartLegendEntry__icon {
background-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette18 .unifiChartLegendEntry__item8 .unifiChartLegendEntry__icon {
background-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette19 .unifiChartLegendEntry__item0 .unifiChartLegendEntry__icon {
background-color: var(--color-400)
}
.unifiStatisticsDpiOverviewGraph--palette19 .unifiChartLegendEntry__item1 .unifiChartLegendEntry__icon {
background-color: #2483ff
}
.unifiStatisticsDpiOverviewGraph--palette19 .unifiChartLegendEntry__item2 .unifiChartLegendEntry__icon {
background-color: #var(--color-600)
}
.unifiStatisticsDpiOverviewGraph--palette19 .unifiChartLegendEntry__item3 .unifiChartLegendEntry__icon {
background-color: #0052bd
}
.unifiStatisticsDpiOverviewGraph--palette19 .unifiChartLegendEntry__item4 .unifiChartLegendEntry__icon {
background-color: #003c8a
}
.unifiStatisticsDpiOverviewGraph--palette19 .unifiChartLegendEntry__item5 .unifiChartLegendEntry__icon {
background-color: #002657
}
.unifiStatisticsDpiOverviewGraph--palette19 .unifiChartLegendEntry__item6 .unifiChartLegendEntry__icon {
background-color: #001024
}
.unifiStatisticsDpiOverviewGraph--palette19 .unifiChartLegendEntry__item7 .unifiChartLegendEntry__icon {
background-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette19 .unifiChartLegendEntry__item8 .unifiChartLegendEntry__icon {
background-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette20 .unifiChartLegendEntry__item0 .unifiChartLegendEntry__icon {
background-color: #39cc64
}
.unifiStatisticsDpiOverviewGraph--palette20 .unifiChartLegendEntry__item1 .unifiChartLegendEntry__icon {
background-color: #2ba74f
}
.unifiStatisticsDpiOverviewGraph--palette20 .unifiChartLegendEntry__item2 .unifiChartLegendEntry__icon {
background-color: #217e3c
}
.unifiStatisticsDpiOverviewGraph--palette20 .unifiChartLegendEntry__item3 .unifiChartLegendEntry__icon {
background-color: #165629
}
.unifiStatisticsDpiOverviewGraph--palette20 .unifiChartLegendEntry__item4 .unifiChartLegendEntry__icon {
background-color: #0c2d16
}
.unifiStatisticsDpiOverviewGraph--palette20 .unifiChartLegendEntry__item5 .unifiChartLegendEntry__icon {
background-color: #010502
}
.unifiStatisticsDpiOverviewGraph--palette20 .unifiChartLegendEntry__item6 .unifiChartLegendEntry__icon {
background-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette20 .unifiChartLegendEntry__item7 .unifiChartLegendEntry__icon {
background-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette20 .unifiChartLegendEntry__item8 .unifiChartLegendEntry__icon {
background-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette21 .unifiChartLegendEntry__item0 .unifiChartLegendEntry__icon {
background-color: #bfe041
}
.unifiStatisticsDpiOverviewGraph--palette21 .unifiChartLegendEntry__item1 .unifiChartLegendEntry__icon {
background-color: #a9cd21
}
.unifiStatisticsDpiOverviewGraph--palette21 .unifiChartLegendEntry__item2 .unifiChartLegendEntry__icon {
background-color: #85a11a
}
.unifiStatisticsDpiOverviewGraph--palette21 .unifiChartLegendEntry__item3 .unifiChartLegendEntry__icon {
background-color: #617513
}
.unifiStatisticsDpiOverviewGraph--palette21 .unifiChartLegendEntry__item4 .unifiChartLegendEntry__icon {
background-color: #3c490c
}
.unifiStatisticsDpiOverviewGraph--palette21 .unifiChartLegendEntry__item5 .unifiChartLegendEntry__icon {
background-color: #181d05
}
.unifiStatisticsDpiOverviewGraph--palette21 .unifiChartLegendEntry__item6 .unifiChartLegendEntry__icon {
background-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette21 .unifiChartLegendEntry__item7 .unifiChartLegendEntry__icon {
background-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette21 .unifiChartLegendEntry__item8 .unifiChartLegendEntry__icon {
background-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette22 .unifiChartLegendEntry__item0 .unifiChartLegendEntry__icon {
background-color: #ffdb1a
}
.unifiStatisticsDpiOverviewGraph--palette22 .unifiChartLegendEntry__item1 .unifiChartLegendEntry__icon {
background-color: #e6c200
}
.unifiStatisticsDpiOverviewGraph--palette22 .unifiChartLegendEntry__item2 .unifiChartLegendEntry__icon {
background-color: #b39700
}
.unifiStatisticsDpiOverviewGraph--palette22 .unifiChartLegendEntry__item3 .unifiChartLegendEntry__icon {
background-color: #806c00
}
.unifiStatisticsDpiOverviewGraph--palette22 .unifiChartLegendEntry__item4 .unifiChartLegendEntry__icon {
background-color: #4d4100
}
.unifiStatisticsDpiOverviewGraph--palette22 .unifiChartLegendEntry__item5 .unifiChartLegendEntry__icon {
background-color: #1a1600
}
.unifiStatisticsDpiOverviewGraph--palette22 .unifiChartLegendEntry__item6 .unifiChartLegendEntry__icon {
background-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette22 .unifiChartLegendEntry__item7 .unifiChartLegendEntry__icon {
background-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette22 .unifiChartLegendEntry__item8 .unifiChartLegendEntry__icon {
background-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette23 .unifiChartLegendEntry__item0 .unifiChartLegendEntry__icon {
background-color: #f5a623
}
.unifiStatisticsDpiOverviewGraph--palette23 .unifiChartLegendEntry__item1 .unifiChartLegendEntry__icon {
background-color: #db8c0a
}
.unifiStatisticsDpiOverviewGraph--palette23 .unifiChartLegendEntry__item2 .unifiChartLegendEntry__icon {
background-color: #aa6d08
}
.unifiStatisticsDpiOverviewGraph--palette23 .unifiChartLegendEntry__item3 .unifiChartLegendEntry__icon {
background-color: #794e06
}
.unifiStatisticsDpiOverviewGraph--palette23 .unifiChartLegendEntry__item4 .unifiChartLegendEntry__icon {
background-color: #492f03
}
.unifiStatisticsDpiOverviewGraph--palette23 .unifiChartLegendEntry__item5 .unifiChartLegendEntry__icon {
background-color: #180f01
}
.unifiStatisticsDpiOverviewGraph--palette23 .unifiChartLegendEntry__item6 .unifiChartLegendEntry__icon {
background-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette23 .unifiChartLegendEntry__item7 .unifiChartLegendEntry__icon {
background-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette23 .unifiChartLegendEntry__item8 .unifiChartLegendEntry__icon {
background-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette24 .unifiChartLegendEntry__item0 .unifiChartLegendEntry__icon {
background-color: #f03a3e
}
.unifiStatisticsDpiOverviewGraph--palette24 .unifiChartLegendEntry__item1 .unifiChartLegendEntry__icon {
background-color: #e61116
}
.unifiStatisticsDpiOverviewGraph--palette24 .unifiChartLegendEntry__item2 .unifiChartLegendEntry__icon {
background-color: #b60e12
}
.unifiStatisticsDpiOverviewGraph--palette24 .unifiChartLegendEntry__item3 .unifiChartLegendEntry__icon {
background-color: #870a0d
}
.unifiStatisticsDpiOverviewGraph--palette24 .unifiChartLegendEntry__item4 .unifiChartLegendEntry__icon {
background-color: #570708
}
.unifiStatisticsDpiOverviewGraph--palette24 .unifiChartLegendEntry__item5 .unifiChartLegendEntry__icon {
background-color: #280304
}
.unifiStatisticsDpiOverviewGraph--palette24 .unifiChartLegendEntry__item6 .unifiChartLegendEntry__icon {
background-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette24 .unifiChartLegendEntry__item7 .unifiChartLegendEntry__icon {
background-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette24 .unifiChartLegendEntry__item8 .unifiChartLegendEntry__icon {
background-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette25 .unifiChartLegendEntry__item0 .unifiChartLegendEntry__icon {
background-color: #a252e3
}
.unifiStatisticsDpiOverviewGraph--palette25 .unifiChartLegendEntry__item1 .unifiChartLegendEntry__icon {
background-color: #8a26dc
}
.unifiStatisticsDpiOverviewGraph--palette25 .unifiChartLegendEntry__item2 .unifiChartLegendEntry__icon {
background-color: #6f1db2
}
.unifiStatisticsDpiOverviewGraph--palette25 .unifiChartLegendEntry__item3 .unifiChartLegendEntry__icon {
background-color: #541686
}
.unifiStatisticsDpiOverviewGraph--palette25 .unifiChartLegendEntry__item4 .unifiChartLegendEntry__icon {
background-color: #380f5a
}
.unifiStatisticsDpiOverviewGraph--palette25 .unifiChartLegendEntry__item5 .unifiChartLegendEntry__icon {
background-color: #1d082e
}
.unifiStatisticsDpiOverviewGraph--palette25 .unifiChartLegendEntry__item6 .unifiChartLegendEntry__icon {
background-color: #020003
}
.unifiStatisticsDpiOverviewGraph--palette25 .unifiChartLegendEntry__item7 .unifiChartLegendEntry__icon {
background-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette25 .unifiChartLegendEntry__item8 .unifiChartLegendEntry__icon {
background-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette26 .unifiChartLegendEntry__item0 .unifiChartLegendEntry__icon {
background-color: #6b34e0
}
.unifiStatisticsDpiOverviewGraph--palette26 .unifiChartLegendEntry__item1 .unifiChartLegendEntry__icon {
background-color: #531ec3
}
.unifiStatisticsDpiOverviewGraph--palette26 .unifiChartLegendEntry__item2 .unifiChartLegendEntry__icon {
background-color: #401797
}
.unifiStatisticsDpiOverviewGraph--palette26 .unifiChartLegendEntry__item3 .unifiChartLegendEntry__icon {
background-color: #2d106b
}
.unifiStatisticsDpiOverviewGraph--palette26 .unifiChartLegendEntry__item4 .unifiChartLegendEntry__icon {
background-color: #1a0a3e
}
.unifiStatisticsDpiOverviewGraph--palette26 .unifiChartLegendEntry__item5 .unifiChartLegendEntry__icon {
background-color: #080312
}
.unifiStatisticsDpiOverviewGraph--palette26 .unifiChartLegendEntry__item6 .unifiChartLegendEntry__icon {
background-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette26 .unifiChartLegendEntry__item7 .unifiChartLegendEntry__icon {
background-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette26 .unifiChartLegendEntry__item8 .unifiChartLegendEntry__icon {
background-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette27 .unifiChartLegendEntry__item0 .unifiChartLegendEntry__icon {
background-color: #003c9e
}
.unifiStatisticsDpiOverviewGraph--palette27 .unifiChartLegendEntry__item1 .unifiChartLegendEntry__icon {
background-color: #00296b
}
.unifiStatisticsDpiOverviewGraph--palette27 .unifiChartLegendEntry__item2 .unifiChartLegendEntry__icon {
background-color: #001538
}
.unifiStatisticsDpiOverviewGraph--palette27 .unifiChartLegendEntry__item3 .unifiChartLegendEntry__icon {
background-color: #000205
}
.unifiStatisticsDpiOverviewGraph--palette27 .unifiChartLegendEntry__item4 .unifiChartLegendEntry__icon {
background-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette27 .unifiChartLegendEntry__item5 .unifiChartLegendEntry__icon {
background-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette27 .unifiChartLegendEntry__item6 .unifiChartLegendEntry__icon {
background-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette27 .unifiChartLegendEntry__item7 .unifiChartLegendEntry__icon {
background-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette27 .unifiChartLegendEntry__item8 .unifiChartLegendEntry__icon {
background-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette28 .unifiChartLegendEntry__item0 .unifiChartLegendEntry__icon {
background-color: var(--color-500)
}
.unifiStatisticsDpiOverviewGraph--palette28 .unifiChartLegendEntry__item1 .unifiChartLegendEntry__icon {
background-color: #0059cc
}
.unifiStatisticsDpiOverviewGraph--palette28 .unifiChartLegendEntry__item2 .unifiChartLegendEntry__icon {
background-color: #004399
}
.unifiStatisticsDpiOverviewGraph--palette28 .unifiChartLegendEntry__item3 .unifiChartLegendEntry__icon {
background-color: #002c66
}
.unifiStatisticsDpiOverviewGraph--palette28 .unifiChartLegendEntry__item4 .unifiChartLegendEntry__icon {
background-color: #001633
}
.unifiStatisticsDpiOverviewGraph--palette28 .unifiChartLegendEntry__item5 .unifiChartLegendEntry__icon {
background-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette28 .unifiChartLegendEntry__item6 .unifiChartLegendEntry__icon {
background-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette28 .unifiChartLegendEntry__item7 .unifiChartLegendEntry__icon {
background-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette28 .unifiChartLegendEntry__item8 .unifiChartLegendEntry__icon {
background-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette29 .unifiChartLegendEntry__item0 .unifiChartLegendEntry__icon {
background-color: var(--color-400)
}
.unifiStatisticsDpiOverviewGraph--palette29 .unifiChartLegendEntry__item1 .unifiChartLegendEntry__icon {
background-color: #2483ff
}
.unifiStatisticsDpiOverviewGraph--palette29 .unifiChartLegendEntry__item2 .unifiChartLegendEntry__icon {
background-color: #var(--color-600)
}
.unifiStatisticsDpiOverviewGraph--palette29 .unifiChartLegendEntry__item3 .unifiChartLegendEntry__icon {
background-color: #0052bd
}
.unifiStatisticsDpiOverviewGraph--palette29 .unifiChartLegendEntry__item4 .unifiChartLegendEntry__icon {
background-color: #003c8a
}
.unifiStatisticsDpiOverviewGraph--palette29 .unifiChartLegendEntry__item5 .unifiChartLegendEntry__icon {
background-color: #002657
}
.unifiStatisticsDpiOverviewGraph--palette29 .unifiChartLegendEntry__item6 .unifiChartLegendEntry__icon {
background-color: #001024
}
.unifiStatisticsDpiOverviewGraph--palette29 .unifiChartLegendEntry__item7 .unifiChartLegendEntry__icon {
background-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette29 .unifiChartLegendEntry__item8 .unifiChartLegendEntry__icon {
background-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette30 .unifiChartLegendEntry__item0 .unifiChartLegendEntry__icon {
background-color: #39cc64
}
.unifiStatisticsDpiOverviewGraph--palette30 .unifiChartLegendEntry__item1 .unifiChartLegendEntry__icon {
background-color: #2ba74f
}
.unifiStatisticsDpiOverviewGraph--palette30 .unifiChartLegendEntry__item2 .unifiChartLegendEntry__icon {
background-color: #217e3c
}
.unifiStatisticsDpiOverviewGraph--palette30 .unifiChartLegendEntry__item3 .unifiChartLegendEntry__icon {
background-color: #165629
}
.unifiStatisticsDpiOverviewGraph--palette30 .unifiChartLegendEntry__item4 .unifiChartLegendEntry__icon {
background-color: #0c2d16
}
.unifiStatisticsDpiOverviewGraph--palette30 .unifiChartLegendEntry__item5 .unifiChartLegendEntry__icon {
background-color: #010502
}
.unifiStatisticsDpiOverviewGraph--palette30 .unifiChartLegendEntry__item6 .unifiChartLegendEntry__icon {
background-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette30 .unifiChartLegendEntry__item7 .unifiChartLegendEntry__icon {
background-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette30 .unifiChartLegendEntry__item8 .unifiChartLegendEntry__icon {
background-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette31 .unifiChartLegendEntry__item0 .unifiChartLegendEntry__icon {
background-color: #bfe041
}
.unifiStatisticsDpiOverviewGraph--palette31 .unifiChartLegendEntry__item1 .unifiChartLegendEntry__icon {
background-color: #a9cd21
}
.unifiStatisticsDpiOverviewGraph--palette31 .unifiChartLegendEntry__item2 .unifiChartLegendEntry__icon {
background-color: #85a11a
}
.unifiStatisticsDpiOverviewGraph--palette31 .unifiChartLegendEntry__item3 .unifiChartLegendEntry__icon {
background-color: #617513
}
.unifiStatisticsDpiOverviewGraph--palette31 .unifiChartLegendEntry__item4 .unifiChartLegendEntry__icon {
background-color: #3c490c
}
.unifiStatisticsDpiOverviewGraph--palette31 .unifiChartLegendEntry__item5 .unifiChartLegendEntry__icon {
background-color: #181d05
}
.unifiStatisticsDpiOverviewGraph--palette31 .unifiChartLegendEntry__item6 .unifiChartLegendEntry__icon {
background-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette31 .unifiChartLegendEntry__item7 .unifiChartLegendEntry__icon {
background-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette31 .unifiChartLegendEntry__item8 .unifiChartLegendEntry__icon {
background-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette32 .unifiChartLegendEntry__item0 .unifiChartLegendEntry__icon {
background-color: #ffdb1a
}
.unifiStatisticsDpiOverviewGraph--palette32 .unifiChartLegendEntry__item1 .unifiChartLegendEntry__icon {
background-color: #e6c200
}
.unifiStatisticsDpiOverviewGraph--palette32 .unifiChartLegendEntry__item2 .unifiChartLegendEntry__icon {
background-color: #b39700
}
.unifiStatisticsDpiOverviewGraph--palette32 .unifiChartLegendEntry__item3 .unifiChartLegendEntry__icon {
background-color: #806c00
}
.unifiStatisticsDpiOverviewGraph--palette32 .unifiChartLegendEntry__item4 .unifiChartLegendEntry__icon {
background-color: #4d4100
}
.unifiStatisticsDpiOverviewGraph--palette32 .unifiChartLegendEntry__item5 .unifiChartLegendEntry__icon {
background-color: #1a1600
}
.unifiStatisticsDpiOverviewGraph--palette32 .unifiChartLegendEntry__item6 .unifiChartLegendEntry__icon {
background-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette32 .unifiChartLegendEntry__item7 .unifiChartLegendEntry__icon {
background-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette32 .unifiChartLegendEntry__item8 .unifiChartLegendEntry__icon {
background-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette33 .unifiChartLegendEntry__item0 .unifiChartLegendEntry__icon {
background-color: #f5a623
}
.unifiStatisticsDpiOverviewGraph--palette33 .unifiChartLegendEntry__item1 .unifiChartLegendEntry__icon {
background-color: #db8c0a
}
.unifiStatisticsDpiOverviewGraph--palette33 .unifiChartLegendEntry__item2 .unifiChartLegendEntry__icon {
background-color: #aa6d08
}
.unifiStatisticsDpiOverviewGraph--palette33 .unifiChartLegendEntry__item3 .unifiChartLegendEntry__icon {
background-color: #794e06
}
.unifiStatisticsDpiOverviewGraph--palette33 .unifiChartLegendEntry__item4 .unifiChartLegendEntry__icon {
background-color: #492f03
}
.unifiStatisticsDpiOverviewGraph--palette33 .unifiChartLegendEntry__item5 .unifiChartLegendEntry__icon {
background-color: #180f01
}
.unifiStatisticsDpiOverviewGraph--palette33 .unifiChartLegendEntry__item6 .unifiChartLegendEntry__icon {
background-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette33 .unifiChartLegendEntry__item7 .unifiChartLegendEntry__icon {
background-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette33 .unifiChartLegendEntry__item8 .unifiChartLegendEntry__icon {
background-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette34 .unifiChartLegendEntry__item0 .unifiChartLegendEntry__icon {
background-color: #f03a3e
}
.unifiStatisticsDpiOverviewGraph--palette34 .unifiChartLegendEntry__item1 .unifiChartLegendEntry__icon {
background-color: #e61116
}
.unifiStatisticsDpiOverviewGraph--palette34 .unifiChartLegendEntry__item2 .unifiChartLegendEntry__icon {
background-color: #b60e12
}
.unifiStatisticsDpiOverviewGraph--palette34 .unifiChartLegendEntry__item3 .unifiChartLegendEntry__icon {
background-color: #870a0d
}
.unifiStatisticsDpiOverviewGraph--palette34 .unifiChartLegendEntry__item4 .unifiChartLegendEntry__icon {
background-color: #570708
}
.unifiStatisticsDpiOverviewGraph--palette34 .unifiChartLegendEntry__item5 .unifiChartLegendEntry__icon {
background-color: #280304
}
.unifiStatisticsDpiOverviewGraph--palette34 .unifiChartLegendEntry__item6 .unifiChartLegendEntry__icon {
background-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette34 .unifiChartLegendEntry__item7 .unifiChartLegendEntry__icon {
background-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette34 .unifiChartLegendEntry__item8 .unifiChartLegendEntry__icon {
background-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette35 .unifiChartLegendEntry__item0 .unifiChartLegendEntry__icon {
background-color: #a252e3
}
.unifiStatisticsDpiOverviewGraph--palette35 .unifiChartLegendEntry__item1 .unifiChartLegendEntry__icon {
background-color: #8a26dc
}
.unifiStatisticsDpiOverviewGraph--palette35 .unifiChartLegendEntry__item2 .unifiChartLegendEntry__icon {
background-color: #6f1db2
}
.unifiStatisticsDpiOverviewGraph--palette35 .unifiChartLegendEntry__item3 .unifiChartLegendEntry__icon {
background-color: #541686
}
.unifiStatisticsDpiOverviewGraph--palette35 .unifiChartLegendEntry__item4 .unifiChartLegendEntry__icon {
background-color: #380f5a
}
.unifiStatisticsDpiOverviewGraph--palette35 .unifiChartLegendEntry__item5 .unifiChartLegendEntry__icon {
background-color: #1d082e
}
.unifiStatisticsDpiOverviewGraph--palette35 .unifiChartLegendEntry__item6 .unifiChartLegendEntry__icon {
background-color: #020003
}
.unifiStatisticsDpiOverviewGraph--palette35 .unifiChartLegendEntry__item7 .unifiChartLegendEntry__icon {
background-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette35 .unifiChartLegendEntry__item8 .unifiChartLegendEntry__icon {
background-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette36 .unifiChartLegendEntry__item0 .unifiChartLegendEntry__icon {
background-color: #6b34e0
}
.unifiStatisticsDpiOverviewGraph--palette36 .unifiChartLegendEntry__item1 .unifiChartLegendEntry__icon {
background-color: #531ec3
}
.unifiStatisticsDpiOverviewGraph--palette36 .unifiChartLegendEntry__item2 .unifiChartLegendEntry__icon {
background-color: #401797
}
.unifiStatisticsDpiOverviewGraph--palette36 .unifiChartLegendEntry__item3 .unifiChartLegendEntry__icon {
background-color: #2d106b
}
.unifiStatisticsDpiOverviewGraph--palette36 .unifiChartLegendEntry__item4 .unifiChartLegendEntry__icon {
background-color: #1a0a3e
}
.unifiStatisticsDpiOverviewGraph--palette36 .unifiChartLegendEntry__item5 .unifiChartLegendEntry__icon {
background-color: #080312
}
.unifiStatisticsDpiOverviewGraph--palette36 .unifiChartLegendEntry__item6 .unifiChartLegendEntry__icon {
background-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette36 .unifiChartLegendEntry__item7 .unifiChartLegendEntry__icon {
background-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette36 .unifiChartLegendEntry__item8 .unifiChartLegendEntry__icon {
background-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette37 .unifiChartLegendEntry__item0 .unifiChartLegendEntry__icon {
background-color: #003c9e
}
.unifiStatisticsDpiOverviewGraph--palette37 .unifiChartLegendEntry__item1 .unifiChartLegendEntry__icon {
background-color: #00296b
}
.unifiStatisticsDpiOverviewGraph--palette37 .unifiChartLegendEntry__item2 .unifiChartLegendEntry__icon {
background-color: #001538
}
.unifiStatisticsDpiOverviewGraph--palette37 .unifiChartLegendEntry__item3 .unifiChartLegendEntry__icon {
background-color: #000205
}
.unifiStatisticsDpiOverviewGraph--palette37 .unifiChartLegendEntry__item4 .unifiChartLegendEntry__icon {
background-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette37 .unifiChartLegendEntry__item5 .unifiChartLegendEntry__icon {
background-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette37 .unifiChartLegendEntry__item6 .unifiChartLegendEntry__icon {
background-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette37 .unifiChartLegendEntry__item7 .unifiChartLegendEntry__icon {
background-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette37 .unifiChartLegendEntry__item8 .unifiChartLegendEntry__icon {
background-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette38 .unifiChartLegendEntry__item0 .unifiChartLegendEntry__icon {
background-color: var(--color-500)
}
.unifiStatisticsDpiOverviewGraph--palette38 .unifiChartLegendEntry__item1 .unifiChartLegendEntry__icon {
background-color: #0059cc
}
.unifiStatisticsDpiOverviewGraph--palette38 .unifiChartLegendEntry__item2 .unifiChartLegendEntry__icon {
background-color: #004399
}
.unifiStatisticsDpiOverviewGraph--palette38 .unifiChartLegendEntry__item3 .unifiChartLegendEntry__icon {
background-color: #002c66
}
.unifiStatisticsDpiOverviewGraph--palette38 .unifiChartLegendEntry__item4 .unifiChartLegendEntry__icon {
background-color: #001633
}
.unifiStatisticsDpiOverviewGraph--palette38 .unifiChartLegendEntry__item5 .unifiChartLegendEntry__icon {
background-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette38 .unifiChartLegendEntry__item6 .unifiChartLegendEntry__icon {
background-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette38 .unifiChartLegendEntry__item7 .unifiChartLegendEntry__icon {
background-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette38 .unifiChartLegendEntry__item8 .unifiChartLegendEntry__icon {
background-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette39 .unifiChartLegendEntry__item0 .unifiChartLegendEntry__icon {
background-color: var(--color-400)
}
.unifiStatisticsDpiOverviewGraph--palette39 .unifiChartLegendEntry__item1 .unifiChartLegendEntry__icon {
background-color: #2483ff
}
.unifiStatisticsDpiOverviewGraph--palette39 .unifiChartLegendEntry__item2 .unifiChartLegendEntry__icon {
background-color: #var(--color-600)
}
.unifiStatisticsDpiOverviewGraph--palette39 .unifiChartLegendEntry__item3 .unifiChartLegendEntry__icon {
background-color: #0052bd
}
.unifiStatisticsDpiOverviewGraph--palette39 .unifiChartLegendEntry__item4 .unifiChartLegendEntry__icon {
background-color: #003c8a
}
.unifiStatisticsDpiOverviewGraph--palette39 .unifiChartLegendEntry__item5 .unifiChartLegendEntry__icon {
background-color: #002657
}
.unifiStatisticsDpiOverviewGraph--palette39 .unifiChartLegendEntry__item6 .unifiChartLegendEntry__icon {
background-color: #001024
}
.unifiStatisticsDpiOverviewGraph--palette39 .unifiChartLegendEntry__item7 .unifiChartLegendEntry__icon {
background-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette39 .unifiChartLegendEntry__item8 .unifiChartLegendEntry__icon {
background-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette0 .unifiChartLegendEntry__item0 .jazeStatusBox {
--status-box-color: #39cc64
}
.unifiStatisticsDpiOverviewGraph--palette0 .unifiChartLegendEntry__item1 .jazeStatusBox {
--status-box-color: #2ba74f
}
.unifiStatisticsDpiOverviewGraph--palette0 .unifiChartLegendEntry__item2 .jazeStatusBox {
--status-box-color: #217e3c
}
.unifiStatisticsDpiOverviewGraph--palette0 .unifiChartLegendEntry__item3 .jazeStatusBox {
--status-box-color: #165629
}
.unifiStatisticsDpiOverviewGraph--palette0 .unifiChartLegendEntry__item4 .jazeStatusBox {
--status-box-color: #0c2d16
}
.unifiStatisticsDpiOverviewGraph--palette0 .unifiChartLegendEntry__item5 .jazeStatusBox {
--status-box-color: #010502
}
.unifiStatisticsDpiOverviewGraph--palette0 .unifiChartLegendEntry__item6 .jazeStatusBox {
--status-box-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette0 .unifiChartLegendEntry__item7 .jazeStatusBox {
--status-box-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette0 .unifiChartLegendEntry__item8 .jazeStatusBox {
--status-box-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette1 .unifiChartLegendEntry__item0 .jazeStatusBox {
--status-box-color: #bfe041
}
.unifiStatisticsDpiOverviewGraph--palette1 .unifiChartLegendEntry__item1 .jazeStatusBox {
--status-box-color: #a9cd21
}
.unifiStatisticsDpiOverviewGraph--palette1 .unifiChartLegendEntry__item2 .jazeStatusBox {
--status-box-color: #85a11a
}
.unifiStatisticsDpiOverviewGraph--palette1 .unifiChartLegendEntry__item3 .jazeStatusBox {
--status-box-color: #617513
}
.unifiStatisticsDpiOverviewGraph--palette1 .unifiChartLegendEntry__item4 .jazeStatusBox {
--status-box-color: #3c490c
}
.unifiStatisticsDpiOverviewGraph--palette1 .unifiChartLegendEntry__item5 .jazeStatusBox {
--status-box-color: #181d05
}
.unifiStatisticsDpiOverviewGraph--palette1 .unifiChartLegendEntry__item6 .jazeStatusBox {
--status-box-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette1 .unifiChartLegendEntry__item7 .jazeStatusBox {
--status-box-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette1 .unifiChartLegendEntry__item8 .jazeStatusBox {
--status-box-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette2 .unifiChartLegendEntry__item0 .jazeStatusBox {
--status-box-color: #ffdb1a
}
.unifiStatisticsDpiOverviewGraph--palette2 .unifiChartLegendEntry__item1 .jazeStatusBox {
--status-box-color: #e6c200
}
.unifiStatisticsDpiOverviewGraph--palette2 .unifiChartLegendEntry__item2 .jazeStatusBox {
--status-box-color: #b39700
}
.unifiStatisticsDpiOverviewGraph--palette2 .unifiChartLegendEntry__item3 .jazeStatusBox {
--status-box-color: #806c00
}
.unifiStatisticsDpiOverviewGraph--palette2 .unifiChartLegendEntry__item4 .jazeStatusBox {
--status-box-color: #4d4100
}
.unifiStatisticsDpiOverviewGraph--palette2 .unifiChartLegendEntry__item5 .jazeStatusBox {
--status-box-color: #1a1600
}
.unifiStatisticsDpiOverviewGraph--palette2 .unifiChartLegendEntry__item6 .jazeStatusBox {
--status-box-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette2 .unifiChartLegendEntry__item7 .jazeStatusBox {
--status-box-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette2 .unifiChartLegendEntry__item8 .jazeStatusBox {
--status-box-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette3 .unifiChartLegendEntry__item0 .jazeStatusBox {
--status-box-color: #f5a623
}
.unifiStatisticsDpiOverviewGraph--palette3 .unifiChartLegendEntry__item1 .jazeStatusBox {
--status-box-color: #db8c0a
}
.unifiStatisticsDpiOverviewGraph--palette3 .unifiChartLegendEntry__item2 .jazeStatusBox {
--status-box-color: #aa6d08
}
.unifiStatisticsDpiOverviewGraph--palette3 .unifiChartLegendEntry__item3 .jazeStatusBox {
--status-box-color: #794e06
}
.unifiStatisticsDpiOverviewGraph--palette3 .unifiChartLegendEntry__item4 .jazeStatusBox {
--status-box-color: #492f03
}
.unifiStatisticsDpiOverviewGraph--palette3 .unifiChartLegendEntry__item5 .jazeStatusBox {
--status-box-color: #180f01
}
.unifiStatisticsDpiOverviewGraph--palette3 .unifiChartLegendEntry__item6 .jazeStatusBox {
--status-box-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette3 .unifiChartLegendEntry__item7 .jazeStatusBox {
--status-box-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette3 .unifiChartLegendEntry__item8 .jazeStatusBox {
--status-box-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette4 .unifiChartLegendEntry__item0 .jazeStatusBox {
--status-box-color: #f03a3e
}
.unifiStatisticsDpiOverviewGraph--palette4 .unifiChartLegendEntry__item1 .jazeStatusBox {
--status-box-color: #e61116
}
.unifiStatisticsDpiOverviewGraph--palette4 .unifiChartLegendEntry__item2 .jazeStatusBox {
--status-box-color: #b60e12
}
.unifiStatisticsDpiOverviewGraph--palette4 .unifiChartLegendEntry__item3 .jazeStatusBox {
--status-box-color: #870a0d
}
.unifiStatisticsDpiOverviewGraph--palette4 .unifiChartLegendEntry__item4 .jazeStatusBox {
--status-box-color: #570708
}
.unifiStatisticsDpiOverviewGraph--palette4 .unifiChartLegendEntry__item5 .jazeStatusBox {
--status-box-color: #280304
}
.unifiStatisticsDpiOverviewGraph--palette4 .unifiChartLegendEntry__item6 .jazeStatusBox {
--status-box-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette4 .unifiChartLegendEntry__item7 .jazeStatusBox {
--status-box-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette4 .unifiChartLegendEntry__item8 .jazeStatusBox {
--status-box-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette5 .unifiChartLegendEntry__item0 .jazeStatusBox {
--status-box-color: #a252e3
}
.unifiStatisticsDpiOverviewGraph--palette5 .unifiChartLegendEntry__item1 .jazeStatusBox {
--status-box-color: #8a26dc
}
.unifiStatisticsDpiOverviewGraph--palette5 .unifiChartLegendEntry__item2 .jazeStatusBox {
--status-box-color: #6f1db2
}
.unifiStatisticsDpiOverviewGraph--palette5 .unifiChartLegendEntry__item3 .jazeStatusBox {
--status-box-color: #541686
}
.unifiStatisticsDpiOverviewGraph--palette5 .unifiChartLegendEntry__item4 .jazeStatusBox {
--status-box-color: #380f5a
}
.unifiStatisticsDpiOverviewGraph--palette5 .unifiChartLegendEntry__item5 .jazeStatusBox {
--status-box-color: #1d082e
}
.unifiStatisticsDpiOverviewGraph--palette5 .unifiChartLegendEntry__item6 .jazeStatusBox {
--status-box-color: #020003
}
.unifiStatisticsDpiOverviewGraph--palette5 .unifiChartLegendEntry__item7 .jazeStatusBox {
--status-box-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette5 .unifiChartLegendEntry__item8 .jazeStatusBox {
--status-box-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette6 .unifiChartLegendEntry__item0 .jazeStatusBox {
--status-box-color: #6b34e0
}
.unifiStatisticsDpiOverviewGraph--palette6 .unifiChartLegendEntry__item1 .jazeStatusBox {
--status-box-color: #531ec3
}
.unifiStatisticsDpiOverviewGraph--palette6 .unifiChartLegendEntry__item2 .jazeStatusBox {
--status-box-color: #401797
}
.unifiStatisticsDpiOverviewGraph--palette6 .unifiChartLegendEntry__item3 .jazeStatusBox {
--status-box-color: #2d106b
}
.unifiStatisticsDpiOverviewGraph--palette6 .unifiChartLegendEntry__item4 .jazeStatusBox {
--status-box-color: #1a0a3e
}
.unifiStatisticsDpiOverviewGraph--palette6 .unifiChartLegendEntry__item5 .jazeStatusBox {
--status-box-color: #080312
}
.unifiStatisticsDpiOverviewGraph--palette6 .unifiChartLegendEntry__item6 .jazeStatusBox {
--status-box-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette6 .unifiChartLegendEntry__item7 .jazeStatusBox {
--status-box-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette6 .unifiChartLegendEntry__item8 .jazeStatusBox {
--status-box-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette7 .unifiChartLegendEntry__item0 .jazeStatusBox {
--status-box-color: #003c9e
}
.unifiStatisticsDpiOverviewGraph--palette7 .unifiChartLegendEntry__item1 .jazeStatusBox {
--status-box-color: #00296b
}
.unifiStatisticsDpiOverviewGraph--palette7 .unifiChartLegendEntry__item2 .jazeStatusBox {
--status-box-color: #001538
}
.unifiStatisticsDpiOverviewGraph--palette7 .unifiChartLegendEntry__item3 .jazeStatusBox {
--status-box-color: #000205
}
.unifiStatisticsDpiOverviewGraph--palette7 .unifiChartLegendEntry__item4 .jazeStatusBox {
--status-box-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette7 .unifiChartLegendEntry__item5 .jazeStatusBox {
--status-box-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette7 .unifiChartLegendEntry__item6 .jazeStatusBox {
--status-box-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette7 .unifiChartLegendEntry__item7 .jazeStatusBox {
--status-box-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette7 .unifiChartLegendEntry__item8 .jazeStatusBox {
--status-box-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette8 .unifiChartLegendEntry__item0 .jazeStatusBox {
--status-box-color: var(--color-500)
}
.unifiStatisticsDpiOverviewGraph--palette8 .unifiChartLegendEntry__item1 .jazeStatusBox {
--status-box-color: #0059cc
}
.unifiStatisticsDpiOverviewGraph--palette8 .unifiChartLegendEntry__item2 .jazeStatusBox {
--status-box-color: #004399
}
.unifiStatisticsDpiOverviewGraph--palette8 .unifiChartLegendEntry__item3 .jazeStatusBox {
--status-box-color: #002c66
}
.unifiStatisticsDpiOverviewGraph--palette8 .unifiChartLegendEntry__item4 .jazeStatusBox {
--status-box-color: #001633
}
.unifiStatisticsDpiOverviewGraph--palette8 .unifiChartLegendEntry__item5 .jazeStatusBox {
--status-box-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette8 .unifiChartLegendEntry__item6 .jazeStatusBox {
--status-box-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette8 .unifiChartLegendEntry__item7 .jazeStatusBox {
--status-box-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette8 .unifiChartLegendEntry__item8 .jazeStatusBox {
--status-box-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette9 .unifiChartLegendEntry__item0 .jazeStatusBox {
--status-box-color: var(--color-400)
}
.unifiStatisticsDpiOverviewGraph--palette9 .unifiChartLegendEntry__item1 .jazeStatusBox {
--status-box-color: #2483ff
}
.unifiStatisticsDpiOverviewGraph--palette9 .unifiChartLegendEntry__item2 .jazeStatusBox {
--status-box-color: #var(--color-600)
}
.unifiStatisticsDpiOverviewGraph--palette9 .unifiChartLegendEntry__item3 .jazeStatusBox {
--status-box-color: #0052bd
}
.unifiStatisticsDpiOverviewGraph--palette9 .unifiChartLegendEntry__item4 .jazeStatusBox {
--status-box-color: #003c8a
}
.unifiStatisticsDpiOverviewGraph--palette9 .unifiChartLegendEntry__item5 .jazeStatusBox {
--status-box-color: #002657
}
.unifiStatisticsDpiOverviewGraph--palette9 .unifiChartLegendEntry__item6 .jazeStatusBox {
--status-box-color: #001024
}
.unifiStatisticsDpiOverviewGraph--palette9 .unifiChartLegendEntry__item7 .jazeStatusBox {
--status-box-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette9 .unifiChartLegendEntry__item8 .jazeStatusBox {
--status-box-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette10 .unifiChartLegendEntry__item0 .jazeStatusBox {
--status-box-color: #39cc64
}
.unifiStatisticsDpiOverviewGraph--palette10 .unifiChartLegendEntry__item1 .jazeStatusBox {
--status-box-color: #2ba74f
}
.unifiStatisticsDpiOverviewGraph--palette10 .unifiChartLegendEntry__item2 .jazeStatusBox {
--status-box-color: #217e3c
}
.unifiStatisticsDpiOverviewGraph--palette10 .unifiChartLegendEntry__item3 .jazeStatusBox {
--status-box-color: #165629
}
.unifiStatisticsDpiOverviewGraph--palette10 .unifiChartLegendEntry__item4 .jazeStatusBox {
--status-box-color: #0c2d16
}
.unifiStatisticsDpiOverviewGraph--palette10 .unifiChartLegendEntry__item5 .jazeStatusBox {
--status-box-color: #010502
}
.unifiStatisticsDpiOverviewGraph--palette10 .unifiChartLegendEntry__item6 .jazeStatusBox {
--status-box-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette10 .unifiChartLegendEntry__item7 .jazeStatusBox {
--status-box-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette10 .unifiChartLegendEntry__item8 .jazeStatusBox {
--status-box-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette11 .unifiChartLegendEntry__item0 .jazeStatusBox {
--status-box-color: #bfe041
}
.unifiStatisticsDpiOverviewGraph--palette11 .unifiChartLegendEntry__item1 .jazeStatusBox {
--status-box-color: #a9cd21
}
.unifiStatisticsDpiOverviewGraph--palette11 .unifiChartLegendEntry__item2 .jazeStatusBox {
--status-box-color: #85a11a
}
.unifiStatisticsDpiOverviewGraph--palette11 .unifiChartLegendEntry__item3 .jazeStatusBox {
--status-box-color: #617513
}
.unifiStatisticsDpiOverviewGraph--palette11 .unifiChartLegendEntry__item4 .jazeStatusBox {
--status-box-color: #3c490c
}
.unifiStatisticsDpiOverviewGraph--palette11 .unifiChartLegendEntry__item5 .jazeStatusBox {
--status-box-color: #181d05
}
.unifiStatisticsDpiOverviewGraph--palette11 .unifiChartLegendEntry__item6 .jazeStatusBox {
--status-box-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette11 .unifiChartLegendEntry__item7 .jazeStatusBox {
--status-box-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette11 .unifiChartLegendEntry__item8 .jazeStatusBox {
--status-box-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette12 .unifiChartLegendEntry__item0 .jazeStatusBox {
--status-box-color: #ffdb1a
}
.unifiStatisticsDpiOverviewGraph--palette12 .unifiChartLegendEntry__item1 .jazeStatusBox {
--status-box-color: #e6c200
}
.unifiStatisticsDpiOverviewGraph--palette12 .unifiChartLegendEntry__item2 .jazeStatusBox {
--status-box-color: #b39700
}
.unifiStatisticsDpiOverviewGraph--palette12 .unifiChartLegendEntry__item3 .jazeStatusBox {
--status-box-color: #806c00
}
.unifiStatisticsDpiOverviewGraph--palette12 .unifiChartLegendEntry__item4 .jazeStatusBox {
--status-box-color: #4d4100
}
.unifiStatisticsDpiOverviewGraph--palette12 .unifiChartLegendEntry__item5 .jazeStatusBox {
--status-box-color: #1a1600
}
.unifiStatisticsDpiOverviewGraph--palette12 .unifiChartLegendEntry__item6 .jazeStatusBox {
--status-box-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette12 .unifiChartLegendEntry__item7 .jazeStatusBox {
--status-box-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette12 .unifiChartLegendEntry__item8 .jazeStatusBox {
--status-box-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette13 .unifiChartLegendEntry__item0 .jazeStatusBox {
--status-box-color: #f5a623
}
.unifiStatisticsDpiOverviewGraph--palette13 .unifiChartLegendEntry__item1 .jazeStatusBox {
--status-box-color: #db8c0a
}
.unifiStatisticsDpiOverviewGraph--palette13 .unifiChartLegendEntry__item2 .jazeStatusBox {
--status-box-color: #aa6d08
}
.unifiStatisticsDpiOverviewGraph--palette13 .unifiChartLegendEntry__item3 .jazeStatusBox {
--status-box-color: #794e06
}
.unifiStatisticsDpiOverviewGraph--palette13 .unifiChartLegendEntry__item4 .jazeStatusBox {
--status-box-color: #492f03
}
.unifiStatisticsDpiOverviewGraph--palette13 .unifiChartLegendEntry__item5 .jazeStatusBox {
--status-box-color: #180f01
}
.unifiStatisticsDpiOverviewGraph--palette13 .unifiChartLegendEntry__item6 .jazeStatusBox {
--status-box-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette13 .unifiChartLegendEntry__item7 .jazeStatusBox {
--status-box-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette13 .unifiChartLegendEntry__item8 .jazeStatusBox {
--status-box-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette14 .unifiChartLegendEntry__item0 .jazeStatusBox {
--status-box-color: #f03a3e
}
.unifiStatisticsDpiOverviewGraph--palette14 .unifiChartLegendEntry__item1 .jazeStatusBox {
--status-box-color: #e61116
}
.unifiStatisticsDpiOverviewGraph--palette14 .unifiChartLegendEntry__item2 .jazeStatusBox {
--status-box-color: #b60e12
}
.unifiStatisticsDpiOverviewGraph--palette14 .unifiChartLegendEntry__item3 .jazeStatusBox {
--status-box-color: #870a0d
}
.unifiStatisticsDpiOverviewGraph--palette14 .unifiChartLegendEntry__item4 .jazeStatusBox {
--status-box-color: #570708
}
.unifiStatisticsDpiOverviewGraph--palette14 .unifiChartLegendEntry__item5 .jazeStatusBox {
--status-box-color: #280304
}
.unifiStatisticsDpiOverviewGraph--palette14 .unifiChartLegendEntry__item6 .jazeStatusBox {
--status-box-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette14 .unifiChartLegendEntry__item7 .jazeStatusBox {
--status-box-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette14 .unifiChartLegendEntry__item8 .jazeStatusBox {
--status-box-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette15 .unifiChartLegendEntry__item0 .jazeStatusBox {
--status-box-color: #a252e3
}
.unifiStatisticsDpiOverviewGraph--palette15 .unifiChartLegendEntry__item1 .jazeStatusBox {
--status-box-color: #8a26dc
}
.unifiStatisticsDpiOverviewGraph--palette15 .unifiChartLegendEntry__item2 .jazeStatusBox {
--status-box-color: #6f1db2
}
.unifiStatisticsDpiOverviewGraph--palette15 .unifiChartLegendEntry__item3 .jazeStatusBox {
--status-box-color: #541686
}
.unifiStatisticsDpiOverviewGraph--palette15 .unifiChartLegendEntry__item4 .jazeStatusBox {
--status-box-color: #380f5a
}
.unifiStatisticsDpiOverviewGraph--palette15 .unifiChartLegendEntry__item5 .jazeStatusBox {
--status-box-color: #1d082e
}
.unifiStatisticsDpiOverviewGraph--palette15 .unifiChartLegendEntry__item6 .jazeStatusBox {
--status-box-color: #020003
}
.unifiStatisticsDpiOverviewGraph--palette15 .unifiChartLegendEntry__item7 .jazeStatusBox {
--status-box-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette15 .unifiChartLegendEntry__item8 .jazeStatusBox {
--status-box-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette16 .unifiChartLegendEntry__item0 .jazeStatusBox {
--status-box-color: #6b34e0
}
.unifiStatisticsDpiOverviewGraph--palette16 .unifiChartLegendEntry__item1 .jazeStatusBox {
--status-box-color: #531ec3
}
.unifiStatisticsDpiOverviewGraph--palette16 .unifiChartLegendEntry__item2 .jazeStatusBox {
--status-box-color: #401797
}
.unifiStatisticsDpiOverviewGraph--palette16 .unifiChartLegendEntry__item3 .jazeStatusBox {
--status-box-color: #2d106b
}
.unifiStatisticsDpiOverviewGraph--palette16 .unifiChartLegendEntry__item4 .jazeStatusBox {
--status-box-color: #1a0a3e
}
.unifiStatisticsDpiOverviewGraph--palette16 .unifiChartLegendEntry__item5 .jazeStatusBox {
--status-box-color: #080312
}
.unifiStatisticsDpiOverviewGraph--palette16 .unifiChartLegendEntry__item6 .jazeStatusBox {
--status-box-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette16 .unifiChartLegendEntry__item7 .jazeStatusBox {
--status-box-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette16 .unifiChartLegendEntry__item8 .jazeStatusBox {
--status-box-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette17 .unifiChartLegendEntry__item0 .jazeStatusBox {
--status-box-color: #003c9e
}
.unifiStatisticsDpiOverviewGraph--palette17 .unifiChartLegendEntry__item1 .jazeStatusBox {
--status-box-color: #00296b
}
.unifiStatisticsDpiOverviewGraph--palette17 .unifiChartLegendEntry__item2 .jazeStatusBox {
--status-box-color: #001538
}
.unifiStatisticsDpiOverviewGraph--palette17 .unifiChartLegendEntry__item3 .jazeStatusBox {
--status-box-color: #000205
}
.unifiStatisticsDpiOverviewGraph--palette17 .unifiChartLegendEntry__item4 .jazeStatusBox {
--status-box-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette17 .unifiChartLegendEntry__item5 .jazeStatusBox {
--status-box-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette17 .unifiChartLegendEntry__item6 .jazeStatusBox {
--status-box-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette17 .unifiChartLegendEntry__item7 .jazeStatusBox {
--status-box-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette17 .unifiChartLegendEntry__item8 .jazeStatusBox {
--status-box-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette18 .unifiChartLegendEntry__item0 .jazeStatusBox {
--status-box-color: var(--color-500)
}
.unifiStatisticsDpiOverviewGraph--palette18 .unifiChartLegendEntry__item1 .jazeStatusBox {
--status-box-color: #0059cc
}
.unifiStatisticsDpiOverviewGraph--palette18 .unifiChartLegendEntry__item2 .jazeStatusBox {
--status-box-color: #004399
}
.unifiStatisticsDpiOverviewGraph--palette18 .unifiChartLegendEntry__item3 .jazeStatusBox {
--status-box-color: #002c66
}
.unifiStatisticsDpiOverviewGraph--palette18 .unifiChartLegendEntry__item4 .jazeStatusBox {
--status-box-color: #001633
}
.unifiStatisticsDpiOverviewGraph--palette18 .unifiChartLegendEntry__item5 .jazeStatusBox {
--status-box-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette18 .unifiChartLegendEntry__item6 .jazeStatusBox {
--status-box-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette18 .unifiChartLegendEntry__item7 .jazeStatusBox {
--status-box-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette18 .unifiChartLegendEntry__item8 .jazeStatusBox {
--status-box-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette19 .unifiChartLegendEntry__item0 .jazeStatusBox {
--status-box-color: var(--color-400)
}
.unifiStatisticsDpiOverviewGraph--palette19 .unifiChartLegendEntry__item1 .jazeStatusBox {
--status-box-color: #2483ff
}
.unifiStatisticsDpiOverviewGraph--palette19 .unifiChartLegendEntry__item2 .jazeStatusBox {
--status-box-color: #var(--color-600)
}
.unifiStatisticsDpiOverviewGraph--palette19 .unifiChartLegendEntry__item3 .jazeStatusBox {
--status-box-color: #0052bd
}
.unifiStatisticsDpiOverviewGraph--palette19 .unifiChartLegendEntry__item4 .jazeStatusBox {
--status-box-color: #003c8a
}
.unifiStatisticsDpiOverviewGraph--palette19 .unifiChartLegendEntry__item5 .jazeStatusBox {
--status-box-color: #002657
}
.unifiStatisticsDpiOverviewGraph--palette19 .unifiChartLegendEntry__item6 .jazeStatusBox {
--status-box-color: #001024
}
.unifiStatisticsDpiOverviewGraph--palette19 .unifiChartLegendEntry__item7 .jazeStatusBox {
--status-box-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette19 .unifiChartLegendEntry__item8 .jazeStatusBox {
--status-box-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette20 .unifiChartLegendEntry__item0 .jazeStatusBox {
--status-box-color: #39cc64
}
.unifiStatisticsDpiOverviewGraph--palette20 .unifiChartLegendEntry__item1 .jazeStatusBox {
--status-box-color: #2ba74f
}
.unifiStatisticsDpiOverviewGraph--palette20 .unifiChartLegendEntry__item2 .jazeStatusBox {
--status-box-color: #217e3c
}
.unifiStatisticsDpiOverviewGraph--palette20 .unifiChartLegendEntry__item3 .jazeStatusBox {
--status-box-color: #165629
}
.unifiStatisticsDpiOverviewGraph--palette20 .unifiChartLegendEntry__item4 .jazeStatusBox {
--status-box-color: #0c2d16
}
.unifiStatisticsDpiOverviewGraph--palette20 .unifiChartLegendEntry__item5 .jazeStatusBox {
--status-box-color: #010502
}
.unifiStatisticsDpiOverviewGraph--palette20 .unifiChartLegendEntry__item6 .jazeStatusBox {
--status-box-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette20 .unifiChartLegendEntry__item7 .jazeStatusBox {
--status-box-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette20 .unifiChartLegendEntry__item8 .jazeStatusBox {
--status-box-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette21 .unifiChartLegendEntry__item0 .jazeStatusBox {
--status-box-color: #bfe041
}
.unifiStatisticsDpiOverviewGraph--palette21 .unifiChartLegendEntry__item1 .jazeStatusBox {
--status-box-color: #a9cd21
}
.unifiStatisticsDpiOverviewGraph--palette21 .unifiChartLegendEntry__item2 .jazeStatusBox {
--status-box-color: #85a11a
}
.unifiStatisticsDpiOverviewGraph--palette21 .unifiChartLegendEntry__item3 .jazeStatusBox {
--status-box-color: #617513
}
.unifiStatisticsDpiOverviewGraph--palette21 .unifiChartLegendEntry__item4 .jazeStatusBox {
--status-box-color: #3c490c
}
.unifiStatisticsDpiOverviewGraph--palette21 .unifiChartLegendEntry__item5 .jazeStatusBox {
--status-box-color: #181d05
}
.unifiStatisticsDpiOverviewGraph--palette21 .unifiChartLegendEntry__item6 .jazeStatusBox {
--status-box-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette21 .unifiChartLegendEntry__item7 .jazeStatusBox {
--status-box-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette21 .unifiChartLegendEntry__item8 .jazeStatusBox {
--status-box-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette22 .unifiChartLegendEntry__item0 .jazeStatusBox {
--status-box-color: #ffdb1a
}
.unifiStatisticsDpiOverviewGraph--palette22 .unifiChartLegendEntry__item1 .jazeStatusBox {
--status-box-color: #e6c200
}
.unifiStatisticsDpiOverviewGraph--palette22 .unifiChartLegendEntry__item2 .jazeStatusBox {
--status-box-color: #b39700
}
.unifiStatisticsDpiOverviewGraph--palette22 .unifiChartLegendEntry__item3 .jazeStatusBox {
--status-box-color: #806c00
}
.unifiStatisticsDpiOverviewGraph--palette22 .unifiChartLegendEntry__item4 .jazeStatusBox {
--status-box-color: #4d4100
}
.unifiStatisticsDpiOverviewGraph--palette22 .unifiChartLegendEntry__item5 .jazeStatusBox {
--status-box-color: #1a1600
}
.unifiStatisticsDpiOverviewGraph--palette22 .unifiChartLegendEntry__item6 .jazeStatusBox {
--status-box-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette22 .unifiChartLegendEntry__item7 .jazeStatusBox {
--status-box-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette22 .unifiChartLegendEntry__item8 .jazeStatusBox {
--status-box-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette23 .unifiChartLegendEntry__item0 .jazeStatusBox {
--status-box-color: #f5a623
}
.unifiStatisticsDpiOverviewGraph--palette23 .unifiChartLegendEntry__item1 .jazeStatusBox {
--status-box-color: #db8c0a
}
.unifiStatisticsDpiOverviewGraph--palette23 .unifiChartLegendEntry__item2 .jazeStatusBox {
--status-box-color: #aa6d08
}
.unifiStatisticsDpiOverviewGraph--palette23 .unifiChartLegendEntry__item3 .jazeStatusBox {
--status-box-color: #794e06
}
.unifiStatisticsDpiOverviewGraph--palette23 .unifiChartLegendEntry__item4 .jazeStatusBox {
--status-box-color: #492f03
}
.unifiStatisticsDpiOverviewGraph--palette23 .unifiChartLegendEntry__item5 .jazeStatusBox {
--status-box-color: #180f01
}
.unifiStatisticsDpiOverviewGraph--palette23 .unifiChartLegendEntry__item6 .jazeStatusBox {
--status-box-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette23 .unifiChartLegendEntry__item7 .jazeStatusBox {
--status-box-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette23 .unifiChartLegendEntry__item8 .jazeStatusBox {
--status-box-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette24 .unifiChartLegendEntry__item0 .jazeStatusBox {
--status-box-color: #f03a3e
}
.unifiStatisticsDpiOverviewGraph--palette24 .unifiChartLegendEntry__item1 .jazeStatusBox {
--status-box-color: #e61116
}
.unifiStatisticsDpiOverviewGraph--palette24 .unifiChartLegendEntry__item2 .jazeStatusBox {
--status-box-color: #b60e12
}
.unifiStatisticsDpiOverviewGraph--palette24 .unifiChartLegendEntry__item3 .jazeStatusBox {
--status-box-color: #870a0d
}
.unifiStatisticsDpiOverviewGraph--palette24 .unifiChartLegendEntry__item4 .jazeStatusBox {
--status-box-color: #570708
}
.unifiStatisticsDpiOverviewGraph--palette24 .unifiChartLegendEntry__item5 .jazeStatusBox {
--status-box-color: #280304
}
.unifiStatisticsDpiOverviewGraph--palette24 .unifiChartLegendEntry__item6 .jazeStatusBox {
--status-box-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette24 .unifiChartLegendEntry__item7 .jazeStatusBox {
--status-box-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette24 .unifiChartLegendEntry__item8 .jazeStatusBox {
--status-box-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette25 .unifiChartLegendEntry__item0 .jazeStatusBox {
--status-box-color: #a252e3
}
.unifiStatisticsDpiOverviewGraph--palette25 .unifiChartLegendEntry__item1 .jazeStatusBox {
--status-box-color: #8a26dc
}
.unifiStatisticsDpiOverviewGraph--palette25 .unifiChartLegendEntry__item2 .jazeStatusBox {
--status-box-color: #6f1db2
}
.unifiStatisticsDpiOverviewGraph--palette25 .unifiChartLegendEntry__item3 .jazeStatusBox {
--status-box-color: #541686
}
.unifiStatisticsDpiOverviewGraph--palette25 .unifiChartLegendEntry__item4 .jazeStatusBox {
--status-box-color: #380f5a
}
.unifiStatisticsDpiOverviewGraph--palette25 .unifiChartLegendEntry__item5 .jazeStatusBox {
--status-box-color: #1d082e
}
.unifiStatisticsDpiOverviewGraph--palette25 .unifiChartLegendEntry__item6 .jazeStatusBox {
--status-box-color: #020003
}
.unifiStatisticsDpiOverviewGraph--palette25 .unifiChartLegendEntry__item7 .jazeStatusBox {
--status-box-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette25 .unifiChartLegendEntry__item8 .jazeStatusBox {
--status-box-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette26 .unifiChartLegendEntry__item0 .jazeStatusBox {
--status-box-color: #6b34e0
}
.unifiStatisticsDpiOverviewGraph--palette26 .unifiChartLegendEntry__item1 .jazeStatusBox {
--status-box-color: #531ec3
}
.unifiStatisticsDpiOverviewGraph--palette26 .unifiChartLegendEntry__item2 .jazeStatusBox {
--status-box-color: #401797
}
.unifiStatisticsDpiOverviewGraph--palette26 .unifiChartLegendEntry__item3 .jazeStatusBox {
--status-box-color: #2d106b
}
.unifiStatisticsDpiOverviewGraph--palette26 .unifiChartLegendEntry__item4 .jazeStatusBox {
--status-box-color: #1a0a3e
}
.unifiStatisticsDpiOverviewGraph--palette26 .unifiChartLegendEntry__item5 .jazeStatusBox {
--status-box-color: #080312
}
.unifiStatisticsDpiOverviewGraph--palette26 .unifiChartLegendEntry__item6 .jazeStatusBox {
--status-box-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette26 .unifiChartLegendEntry__item7 .jazeStatusBox {
--status-box-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette26 .unifiChartLegendEntry__item8 .jazeStatusBox {
--status-box-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette27 .unifiChartLegendEntry__item0 .jazeStatusBox {
--status-box-color: #003c9e
}
.unifiStatisticsDpiOverviewGraph--palette27 .unifiChartLegendEntry__item1 .jazeStatusBox {
--status-box-color: #00296b
}
.unifiStatisticsDpiOverviewGraph--palette27 .unifiChartLegendEntry__item2 .jazeStatusBox {
--status-box-color: #001538
}
.unifiStatisticsDpiOverviewGraph--palette27 .unifiChartLegendEntry__item3 .jazeStatusBox {
--status-box-color: #000205
}
.unifiStatisticsDpiOverviewGraph--palette27 .unifiChartLegendEntry__item4 .jazeStatusBox {
--status-box-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette27 .unifiChartLegendEntry__item5 .jazeStatusBox {
--status-box-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette27 .unifiChartLegendEntry__item6 .jazeStatusBox {
--status-box-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette27 .unifiChartLegendEntry__item7 .jazeStatusBox {
--status-box-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette27 .unifiChartLegendEntry__item8 .jazeStatusBox {
--status-box-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette28 .unifiChartLegendEntry__item0 .jazeStatusBox {
--status-box-color: var(--color-500)
}
.unifiStatisticsDpiOverviewGraph--palette28 .unifiChartLegendEntry__item1 .jazeStatusBox {
--status-box-color: #0059cc
}
.unifiStatisticsDpiOverviewGraph--palette28 .unifiChartLegendEntry__item2 .jazeStatusBox {
--status-box-color: #004399
}
.unifiStatisticsDpiOverviewGraph--palette28 .unifiChartLegendEntry__item3 .jazeStatusBox {
--status-box-color: #002c66
}
.unifiStatisticsDpiOverviewGraph--palette28 .unifiChartLegendEntry__item4 .jazeStatusBox {
--status-box-color: #001633
}
.unifiStatisticsDpiOverviewGraph--palette28 .unifiChartLegendEntry__item5 .jazeStatusBox {
--status-box-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette28 .unifiChartLegendEntry__item6 .jazeStatusBox {
--status-box-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette28 .unifiChartLegendEntry__item7 .jazeStatusBox {
--status-box-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette28 .unifiChartLegendEntry__item8 .jazeStatusBox {
--status-box-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette29 .unifiChartLegendEntry__item0 .jazeStatusBox {
--status-box-color: var(--color-400)
}
.unifiStatisticsDpiOverviewGraph--palette29 .unifiChartLegendEntry__item1 .jazeStatusBox {
--status-box-color: #2483ff
}
.unifiStatisticsDpiOverviewGraph--palette29 .unifiChartLegendEntry__item2 .jazeStatusBox {
--status-box-color: #var(--color-600)
}
.unifiStatisticsDpiOverviewGraph--palette29 .unifiChartLegendEntry__item3 .jazeStatusBox {
--status-box-color: #0052bd
}
.unifiStatisticsDpiOverviewGraph--palette29 .unifiChartLegendEntry__item4 .jazeStatusBox {
--status-box-color: #003c8a
}
.unifiStatisticsDpiOverviewGraph--palette29 .unifiChartLegendEntry__item5 .jazeStatusBox {
--status-box-color: #002657
}
.unifiStatisticsDpiOverviewGraph--palette29 .unifiChartLegendEntry__item6 .jazeStatusBox {
--status-box-color: #001024
}
.unifiStatisticsDpiOverviewGraph--palette29 .unifiChartLegendEntry__item7 .jazeStatusBox {
--status-box-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette29 .unifiChartLegendEntry__item8 .jazeStatusBox {
--status-box-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette30 .unifiChartLegendEntry__item0 .jazeStatusBox {
--status-box-color: #39cc64
}
.unifiStatisticsDpiOverviewGraph--palette30 .unifiChartLegendEntry__item1 .jazeStatusBox {
--status-box-color: #2ba74f
}
.unifiStatisticsDpiOverviewGraph--palette30 .unifiChartLegendEntry__item2 .jazeStatusBox {
--status-box-color: #217e3c
}
.unifiStatisticsDpiOverviewGraph--palette30 .unifiChartLegendEntry__item3 .jazeStatusBox {
--status-box-color: #165629
}
.unifiStatisticsDpiOverviewGraph--palette30 .unifiChartLegendEntry__item4 .jazeStatusBox {
--status-box-color: #0c2d16
}
.unifiStatisticsDpiOverviewGraph--palette30 .unifiChartLegendEntry__item5 .jazeStatusBox {
--status-box-color: #010502
}
.unifiStatisticsDpiOverviewGraph--palette30 .unifiChartLegendEntry__item6 .jazeStatusBox {
--status-box-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette30 .unifiChartLegendEntry__item7 .jazeStatusBox {
--status-box-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette30 .unifiChartLegendEntry__item8 .jazeStatusBox {
--status-box-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette31 .unifiChartLegendEntry__item0 .jazeStatusBox {
--status-box-color: #bfe041
}
.unifiStatisticsDpiOverviewGraph--palette31 .unifiChartLegendEntry__item1 .jazeStatusBox {
--status-box-color: #a9cd21
}
.unifiStatisticsDpiOverviewGraph--palette31 .unifiChartLegendEntry__item2 .jazeStatusBox {
--status-box-color: #85a11a
}
.unifiStatisticsDpiOverviewGraph--palette31 .unifiChartLegendEntry__item3 .jazeStatusBox {
--status-box-color: #617513
}
.unifiStatisticsDpiOverviewGraph--palette31 .unifiChartLegendEntry__item4 .jazeStatusBox {
--status-box-color: #3c490c
}
.unifiStatisticsDpiOverviewGraph--palette31 .unifiChartLegendEntry__item5 .jazeStatusBox {
--status-box-color: #181d05
}
.unifiStatisticsDpiOverviewGraph--palette31 .unifiChartLegendEntry__item6 .jazeStatusBox {
--status-box-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette31 .unifiChartLegendEntry__item7 .jazeStatusBox {
--status-box-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette31 .unifiChartLegendEntry__item8 .jazeStatusBox {
--status-box-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette32 .unifiChartLegendEntry__item0 .jazeStatusBox {
--status-box-color: #ffdb1a
}
.unifiStatisticsDpiOverviewGraph--palette32 .unifiChartLegendEntry__item1 .jazeStatusBox {
--status-box-color: #e6c200
}
.unifiStatisticsDpiOverviewGraph--palette32 .unifiChartLegendEntry__item2 .jazeStatusBox {
--status-box-color: #b39700
}
.unifiStatisticsDpiOverviewGraph--palette32 .unifiChartLegendEntry__item3 .jazeStatusBox {
--status-box-color: #806c00
}
.unifiStatisticsDpiOverviewGraph--palette32 .unifiChartLegendEntry__item4 .jazeStatusBox {
--status-box-color: #4d4100
}
.unifiStatisticsDpiOverviewGraph--palette32 .unifiChartLegendEntry__item5 .jazeStatusBox {
--status-box-color: #1a1600
}
.unifiStatisticsDpiOverviewGraph--palette32 .unifiChartLegendEntry__item6 .jazeStatusBox {
--status-box-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette32 .unifiChartLegendEntry__item7 .jazeStatusBox {
--status-box-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette32 .unifiChartLegendEntry__item8 .jazeStatusBox {
--status-box-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette33 .unifiChartLegendEntry__item0 .jazeStatusBox {
--status-box-color: #f5a623
}
.unifiStatisticsDpiOverviewGraph--palette33 .unifiChartLegendEntry__item1 .jazeStatusBox {
--status-box-color: #db8c0a
}
.unifiStatisticsDpiOverviewGraph--palette33 .unifiChartLegendEntry__item2 .jazeStatusBox {
--status-box-color: #aa6d08
}
.unifiStatisticsDpiOverviewGraph--palette33 .unifiChartLegendEntry__item3 .jazeStatusBox {
--status-box-color: #794e06
}
.unifiStatisticsDpiOverviewGraph--palette33 .unifiChartLegendEntry__item4 .jazeStatusBox {
--status-box-color: #492f03
}
.unifiStatisticsDpiOverviewGraph--palette33 .unifiChartLegendEntry__item5 .jazeStatusBox {
--status-box-color: #180f01
}
.unifiStatisticsDpiOverviewGraph--palette33 .unifiChartLegendEntry__item6 .jazeStatusBox {
--status-box-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette33 .unifiChartLegendEntry__item7 .jazeStatusBox {
--status-box-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette33 .unifiChartLegendEntry__item8 .jazeStatusBox {
--status-box-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette34 .unifiChartLegendEntry__item0 .jazeStatusBox {
--status-box-color: #f03a3e
}
.unifiStatisticsDpiOverviewGraph--palette34 .unifiChartLegendEntry__item1 .jazeStatusBox {
--status-box-color: #e61116
}
.unifiStatisticsDpiOverviewGraph--palette34 .unifiChartLegendEntry__item2 .jazeStatusBox {
--status-box-color: #b60e12
}
.unifiStatisticsDpiOverviewGraph--palette34 .unifiChartLegendEntry__item3 .jazeStatusBox {
--status-box-color: #870a0d
}
.unifiStatisticsDpiOverviewGraph--palette34 .unifiChartLegendEntry__item4 .jazeStatusBox {
--status-box-color: #570708
}
.unifiStatisticsDpiOverviewGraph--palette34 .unifiChartLegendEntry__item5 .jazeStatusBox {
--status-box-color: #280304
}
.unifiStatisticsDpiOverviewGraph--palette34 .unifiChartLegendEntry__item6 .jazeStatusBox {
--status-box-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette34 .unifiChartLegendEntry__item7 .jazeStatusBox {
--status-box-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette34 .unifiChartLegendEntry__item8 .jazeStatusBox {
--status-box-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette35 .unifiChartLegendEntry__item0 .jazeStatusBox {
--status-box-color: #a252e3
}
.unifiStatisticsDpiOverviewGraph--palette35 .unifiChartLegendEntry__item1 .jazeStatusBox {
--status-box-color: #8a26dc
}
.unifiStatisticsDpiOverviewGraph--palette35 .unifiChartLegendEntry__item2 .jazeStatusBox {
--status-box-color: #6f1db2
}
.unifiStatisticsDpiOverviewGraph--palette35 .unifiChartLegendEntry__item3 .jazeStatusBox {
--status-box-color: #541686
}
.unifiStatisticsDpiOverviewGraph--palette35 .unifiChartLegendEntry__item4 .jazeStatusBox {
--status-box-color: #380f5a
}
.unifiStatisticsDpiOverviewGraph--palette35 .unifiChartLegendEntry__item5 .jazeStatusBox {
--status-box-color: #1d082e
}
.unifiStatisticsDpiOverviewGraph--palette35 .unifiChartLegendEntry__item6 .jazeStatusBox {
--status-box-color: #020003
}
.unifiStatisticsDpiOverviewGraph--palette35 .unifiChartLegendEntry__item7 .jazeStatusBox {
--status-box-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette35 .unifiChartLegendEntry__item8 .jazeStatusBox {
--status-box-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette36 .unifiChartLegendEntry__item0 .jazeStatusBox {
--status-box-color: #6b34e0
}
.unifiStatisticsDpiOverviewGraph--palette36 .unifiChartLegendEntry__item1 .jazeStatusBox {
--status-box-color: #531ec3
}
.unifiStatisticsDpiOverviewGraph--palette36 .unifiChartLegendEntry__item2 .jazeStatusBox {
--status-box-color: #401797
}
.unifiStatisticsDpiOverviewGraph--palette36 .unifiChartLegendEntry__item3 .jazeStatusBox {
--status-box-color: #2d106b
}
.unifiStatisticsDpiOverviewGraph--palette36 .unifiChartLegendEntry__item4 .jazeStatusBox {
--status-box-color: #1a0a3e
}
.unifiStatisticsDpiOverviewGraph--palette36 .unifiChartLegendEntry__item5 .jazeStatusBox {
--status-box-color: #080312
}
.unifiStatisticsDpiOverviewGraph--palette36 .unifiChartLegendEntry__item6 .jazeStatusBox {
--status-box-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette36 .unifiChartLegendEntry__item7 .jazeStatusBox {
--status-box-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette36 .unifiChartLegendEntry__item8 .jazeStatusBox {
--status-box-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette37 .unifiChartLegendEntry__item0 .jazeStatusBox {
--status-box-color: #003c9e
}
.unifiStatisticsDpiOverviewGraph--palette37 .unifiChartLegendEntry__item1 .jazeStatusBox {
--status-box-color: #00296b
}
.unifiStatisticsDpiOverviewGraph--palette37 .unifiChartLegendEntry__item2 .jazeStatusBox {
--status-box-color: #001538
}
.unifiStatisticsDpiOverviewGraph--palette37 .unifiChartLegendEntry__item3 .jazeStatusBox {
--status-box-color: #000205
}
.unifiStatisticsDpiOverviewGraph--palette37 .unifiChartLegendEntry__item4 .jazeStatusBox {
--status-box-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette37 .unifiChartLegendEntry__item5 .jazeStatusBox {
--status-box-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette37 .unifiChartLegendEntry__item6 .jazeStatusBox {
--status-box-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette37 .unifiChartLegendEntry__item7 .jazeStatusBox {
--status-box-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette37 .unifiChartLegendEntry__item8 .jazeStatusBox {
--status-box-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette38 .unifiChartLegendEntry__item0 .jazeStatusBox {
--status-box-color: var(--color-500)
}
.unifiStatisticsDpiOverviewGraph--palette38 .unifiChartLegendEntry__item1 .jazeStatusBox {
--status-box-color: #0059cc
}
.unifiStatisticsDpiOverviewGraph--palette38 .unifiChartLegendEntry__item2 .jazeStatusBox {
--status-box-color: #004399
}
.unifiStatisticsDpiOverviewGraph--palette38 .unifiChartLegendEntry__item3 .jazeStatusBox {
--status-box-color: #002c66
}
.unifiStatisticsDpiOverviewGraph--palette38 .unifiChartLegendEntry__item4 .jazeStatusBox {
--status-box-color: #001633
}
.unifiStatisticsDpiOverviewGraph--palette38 .unifiChartLegendEntry__item5 .jazeStatusBox {
--status-box-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette38 .unifiChartLegendEntry__item6 .jazeStatusBox {
--status-box-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette38 .unifiChartLegendEntry__item7 .jazeStatusBox {
--status-box-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette38 .unifiChartLegendEntry__item8 .jazeStatusBox {
--status-box-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette39 .unifiChartLegendEntry__item0 .jazeStatusBox {
--status-box-color: var(--color-400)
}
.unifiStatisticsDpiOverviewGraph--palette39 .unifiChartLegendEntry__item1 .jazeStatusBox {
--status-box-color: #2483ff
}
.unifiStatisticsDpiOverviewGraph--palette39 .unifiChartLegendEntry__item2 .jazeStatusBox {
--status-box-color: #var(--color-600)
}
.unifiStatisticsDpiOverviewGraph--palette39 .unifiChartLegendEntry__item3 .jazeStatusBox {
--status-box-color: #0052bd
}
.unifiStatisticsDpiOverviewGraph--palette39 .unifiChartLegendEntry__item4 .jazeStatusBox {
--status-box-color: #003c8a
}
.unifiStatisticsDpiOverviewGraph--palette39 .unifiChartLegendEntry__item5 .jazeStatusBox {
--status-box-color: #002657
}
.unifiStatisticsDpiOverviewGraph--palette39 .unifiChartLegendEntry__item6 .jazeStatusBox {
--status-box-color: #001024
}
.unifiStatisticsDpiOverviewGraph--palette39 .unifiChartLegendEntry__item7 .jazeStatusBox {
--status-box-color: #000
}
.unifiStatisticsDpiOverviewGraph--palette39 .unifiChartLegendEntry__item8 .jazeStatusBox {
--status-box-color: #000
}
.unifiDpiCategoryPicker__select--tall {
height: 150px !important
}
.unifiDpiCategoryPicker__select--initial {
height: initial !important
}
.unifiStatusBarRow {
display: -webkit-box;
display: -moz-flex;
display: -ms-flex;
display: -ms-flexbox;
display: flex;
-ms-align-items: flex-start;
-ms-flex-align: flex-start;
-webkit-box-align: start;
align-items: flex-start;
-ms-justify-content: space-between;
-webkit-box-pack: justify;
justify-content: space-between;
-ms-flex-pack: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
display: -webkit-box;
display: -moz-flex;
display: -ms-flex;
display: -ms-flexbox;
display: flex
}
.unifiStatusBarRow.jazeStatusBarGroup--vertical {
height: 40px
}
.unifiStatusBarRow+.unifiStatusBarRow {
margin-top: 5px
}
.unifiStatusBarTitle {
white-space: nowrap;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1
}
.unifiStatusBarValue {
color: var(--color-300);
font-weight: normal;
text-transform: none
}
.unifiStatusBarRange {
font-weight: normal;
text-transform: none;
white-space: nowrap
}
.unifiStatusBarRange--min {
text-align: left
}
.unifiStatusBarRange--max {
text-align: right
}
.jazeStatusBarGroup--vertical .unifiStatusBarRange--highlight {
position: absolute;
top: 45px
}
.unifiStatusBarGroup--hoverable .unifiStatusBarRange--hovered {
display: none
}
.unifiStatusBarGroup--hoverable:hover .jazeStatusBarContainer .jazeStatusBar {
opacity: .4
}
.unifiStatusBarGroup--hoverable:hover .jazeStatusBarContainer:hover .jazeStatusBar {
opacity: 1
}
.unifiStatusBarGroup--hoverable:hover .jazeStatusBarContainer:hover .unifiStatusBarRange--hovered {
display: block
}
.unifiBaseSvgMap__map {
pointer-events: none
}
.unifiBaseSvgMap__zoomable {
opacity: 0;
cursor: grab;
cursor: -webkit-grab
}
.unifiBaseSvgMap__ruler text {
fill: #333;
font-size: 10px;
text-anchor: end;
font-weight: bold
}
.unifiBaseSvgMap__ruler path {
stroke: #333;
stroke-width: 2;
fill: none
}
.unifiBaseSvgMap__rulerBackground {
opacity: 0.3;
fill: white
}
.unifiMeasurableSvgMap {
opacity: 0;
pointer-events: none
}
.unifiMeasurableSvgMap__handle {
opacity: 0;
pointer-events: none
}
.unifiMeasurableSvgMap-preselectMode .unifiMeasurableSvgMap {
pointer-events: all;
cursor: crosshair
}
.unifiMeasurableSvgMap-editMode .unifiMeasurableSvgMap__handle {
pointer-events: all;
cursor: move
}
.unifiMeasurableSvgMap__line {
stroke: red;
stroke-width: 2;
opacity: 0
}
.unifiMeasurableSvgMap__lineMarker {
stroke: red;
stroke-width: 1;
fill: none
}
.unifiMeasurableSvgMap__line-visible {
opacity: 1
}
.unifiSvgMap {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-box;
display: -moz-flex;
display: -ms-flex;
display: -ms-flexbox;
display: flex;
position: relative
}
.unifiSvgMap>svg {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1
}
.unifiSvgMapControls {
position: absolute;
left: 0;
top: 0
}
.unifiSvgMapDeviceCoverageLayers {
opacity: 0.85;
pointer-events: none
}
.unifiSvgMapDeviceMarker {
overflow: auto
}
.unifiSvgMapDeviceMarker .unifiDeviceMarker {
position: fixed
}
.unifiSvgMapDeviceMarker__icon {
cursor: move;
pointer-events: all;
opacity: 0
}
.unifiSvgMapDeviceMarker--locked .unifiSvgMapDeviceMarker__icon {
cursor: pointer
}
.unifiSvgMapDeviceMarker__menu {
pointer-events: all
}
.unifiSvgMapDeviceMarker__menuItem {
cursor: pointer
}
.unifiSvgMapDeviceMarker--locked .unifiSvgMapDeviceMarker__menuItem:nth-of-type(1) {
pointer-events: none;
opacity: 0.4
}
.unifiSvgMapDeviceMarker--noRfEnvironment .unifiSvgMapDeviceMarker__menuItem:nth-of-type(2) {
pointer-events: none;
opacity: 0.4
}
.unifiSvgMapDeviceMarker__menuItemShape {
fill: rgba(50, 51, 51, 0.75)
}
.unifiSvgMapDeviceMarker__statusWarning {
pointer-events: none;
opacity: 0.9
}
.unifiSvgMapDeviceMarker__statusWarningIcon {
font-family: 'jaze';
font-size: 18px;
fill: #fff;
dominant-baseline: middle;
text-anchor: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.unifiSvgDeviceMarker__statusWarningIcon--virtual {
font-size: 10px
}
.unifiSvgMapDeviceMarker__statusWarningShape {
stroke: #fff;
stroke-width: 2px
}
.unifiSvgMapDeviceMarker--withStatusIcon__static .unifiSvgMapDeviceMarker__statusWarningShape {
fill: #ccc
}
.unifiSvgMapDeviceMarker--withStatusIcon__warning .unifiSvgMapDeviceMarker__statusWarningShape {
fill: #f5a623
}
.unifiSvgMapDeviceMarker--withStatusIcon__danger .unifiSvgMapDeviceMarker__statusWarningShape {
fill: #f03a3e
}
.unifiSvgMapDeviceMarker__menuItemIcon {
font-family: 'jaze';
font-size: 16px;
fill: #fff;
dominant-baseline: middle;
text-anchor: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
dominant-baseline: central
}
.unifiBaseSvgMap__ruler text {
fill: #333;
font-size: 10px;
text-anchor: end;
font-weight: bold
}
.unifiBaseSvgMap__ruler path {
stroke: #333;
stroke-width: 2;
fill: none
}
.unifiSvgMapUplink {
opacity: 1;
stroke-linecap: round
}
@-webkit-keyframes locatingDeviceAnimation {
0% {
opacity: 1.0;
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1)
}
50% {
opacity: 0.3;
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1)
}
100% {
opacity: 1.0;
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1)
}
}
@keyframes locatingDeviceAnimation {
0% {
opacity: 1.0;
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1)
}
50% {
opacity: 0.3;
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1)
}
100% {
opacity: 1.0;
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1)
}
}
.unifiSwitchPortUsageGraph {
min-height: 160px
}
.unifiSwitchPortUsageGraph .unifiLineChart__plot--left path {
stroke: #39cc64
}
.unifiSwitchPortUsageGraph .unifiLineChart__focusPoint--left {
fill: #39cc64
}
.unifiSwitchPortUsageGraph .unifiLineChart__plot--left circle {
fill: white;
stroke: rgba(57, 204, 100, 0.5);
stroke-width: 1.5px
}
.unifiSwitchPortUsageGraph .unifiLineChart__plot--right path {
stroke-dasharray: initial;
stroke: #a252e3
}
.unifiSwitchPortUsageGraph .unifiLineChart__focusPoint--right {
fill: #a252e3
}
.unifiSwitchPortUsageGraph .unifiLineChart__plot--right circle {
fill: white;
stroke: rgba(162, 82, 227, 0.5);
stroke-width: 1.5px
}
.unifiSwitchPortUsageGraph .unifiChartTooltip {
padding: 12px 20px 17px 20px
}
.unifiSwitchPortUsageGraph .unifiChartTooltip .unifiChartTooltip__inner {
width: 220px
}
.unifiSwitchPortUsageGraph .unifiChartTooltip .up {
color: #a252e3
}
.unifiSwitchPortUsageGraph .unifiChartTooltip .down {
color: #39cc64
}
.unifiSystemConfig .appControlModal__content {
background: #fff
}
.unifiSystemConfig .appControlModal__content>.appTabs {
border-bottom: none
}
.unifiSystemConfig .appControlModalScrollableContent--noMaxHeight {
max-height: none !important
}
.unifiSystemConfig th {
text-align: left;
font-weight: bold
}
.unifiSystemConfigSection {
display: inline-block;
vertical-align: top;
max-width: 400px;
padding: 10px 20px;
font-size: 10px;
line-height: 12px
}
.unifiSystemConfigSection td.columnName {
vertical-align: top;
text-align: right;
padding-right: 5px;
min-width: 130px;
font-weight: bold
}
.unifiSystemConfigSection td.columnValue {
white-space: nowrap;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
vertical-align: bottom;
text-align: left
}
.unifiSystemConfigSection td.columnValue div {
white-space: nowrap;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
width: 200px
}
.unifiSystemConfigTable {
min-width: 968px;
margin-bottom: 0
}
.unifiSystemConfigTable thead {
border-bottom-width: 2px
}
.unifiSystemConfigTable thead th {
padding-top: 1px;
vertical-align: bottom
}
.unifiSystemConfigTable tbody {
font-size: 10px;
border-bottom: none
}
.unifiSystemConfigTable tbody td {
word-break: normal
}
.unifiSystemConfigTable tbody:before {
content: "-";
display: block;
line-height: 5px;
color: transparent
}
.unifiTerminalAdapter {
width: 72em;
font-size: 11px
}
.jaze-mod-dark.unifiThemeToggle,
.jaze-mod-dark .unifiThemeToggle {
--unifi-theme-toggle-button-background-color: var(--jaze-color-DN40)
}
.jaze-mod-reset-color.unifiThemeToggle,
.jaze-mod-reset-color .unifiThemeToggle {
--unifi-theme-toggle-button-background-color: initial
}
.unifiThemeToggle {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.unifiThemeToggle__label {
color: var(--jaze-color-text-secondary);
display: block;
font-size: 11px;
margin-top: -2px;
margin-right: 6px
}
.unifiThemeToggle__button {
--button-border-radius: 6px;
--button-icon-color: var(--jaze-color-text-secondary);
--button-icon-height: 16px;
--button-icon-width: 16px;
--button-padding-horizontal: 6px;
--button-padding-vertical: 6px
}
.unifiThemeToggle__button.is-active {
--button-background-color: var(--unifi-theme-toggle-button-background-color, var(--jaze-color-N30));
--button-icon-color: var(--jaze-color-text-primary)
}
.unifiThemeToggle__button:hover {
--button-icon-color: var(--jaze-color-text-primary)
}
svg.unifiTimedLoader {
height: 34px;
width: 34px
}
.unifiTimedLoader__circle {
-webkit-transition: d 0.35s;
-o-transition: d 0.35s;
transition: d 0.35s;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
stroke: var(--jaze-color-border-primary)
}
.unifiTimedLoader__circle.is-active {
stroke: var(--jaze-color-primary)
}
.unifiTimedLoader__check {
opacity: 0;
stroke: var(--jaze-color-primary);
-webkit-transition: opacity 300ms ease-out;
-o-transition: opacity 300ms ease-out;
transition: opacity 300ms ease-out
}
.unifiTimedLoader.is-complete .unifiTimedLoader__check {
opacity: 1
}
unifi-tooltip {
display: inline-block
}
unifi-tooltip .jazeTooltipContainer {
vertical-align: middle
}
unifi-tooltip .jazeTooltipContainer svg {
display: block
}
unifi-tooltip.jazeIconText__icon .jazeTooltipContainer {
vertical-align: initial
}
label+unifi-tooltip,
span+unifi-tooltip {
margin-left: 4px;
-webkit-transform: translateY(-1px);
-ms-transform: translateY(-1px);
transform: translateY(-1px)
}
.unifiTopItemsWidget {
min-height: 160px
}
.unifiTopologyChart {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-box;
display: -moz-flex;
display: -ms-flex;
display: -ms-flexbox;
display: flex;
position: relative
}
.unifiTopologyChart svg {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1
}
.unifiTopologyChart .node text {
fill: var(--jaze-color-text-secondary)
}
.unifiTopologyChart .nodeText {
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
font-size: 12px
}
.unifiTopologyChart .nodeText__secondary {
cursor: initial;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
font-size: 10px
}
.unifiTopologyChart .device .nodeText,
.unifiTopologyChart .client .nodeText {
dominant-baseline: text-before-edge;
text-anchor: middle
}
.unifiTopologyChart .nodeSymbol {
cursor: pointer
}
.unifiTopologyChart .nodeSymbol .unifiDeviceIcon,
.unifiTopologyChart .nodeSymbol .unifiClientPhoto {
width: 48px;
height: 48px
}
.unifiTopologyChart .nodeSymbol .unifiDeviceIcon .unifiDeviceBadgeIcon,
.unifiTopologyChart .nodeSymbol .unifiClientPhoto .unifiDeviceBadgeIcon {
margin-right: 0;
margin-top: 0;
font-size: 16px
}
.unifiTopologyChart .nodeSymbol__shape {
fill: #556e79;
fill-opacity: 1;
stroke: var(--jaze-color-text-secondary);
stroke-width: 1.3px
}
.unifiTopologyChart .nodeSymbol__icon {
font-family: 'jaze';
font-size: 18px;
text-anchor: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
dominant-baseline: central;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased
}
.unifiTopologyChart .link {
fill: none;
stroke: var(--jaze-color-text-secondary);
stroke-width: 0.5px
}
.unifiTopologyChart .link.highlighted {
stroke-dasharray: 10 !important;
-webkit-animation: dash 10s linear;
animation: dash 10s linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite
}
@-webkit-keyframes dash {
to {
stroke-dashoffset: 1000
}
}
@keyframes dash {
to {
stroke-dashoffset: 1000
}
}
.unifiTopologyChart .device.highlighted .nodeSymbol__shape,
.unifiTopologyChart .client.highlighted .nodeSymbol__shape {
stroke: var(--jaze-color-text-secondary);
stroke-width: 3px !important
}
.unifiTopologyChart .link.virtual {
stroke: none !important
}
.unifiTopologyChart .link.virtual--hidden {
opacity: 0
}
.unifiTopologyChart .link.wireless {
stroke-width: 0.5px;
stroke-dasharray: 4, 4
}
.unifiTopologyChart .link.aggregated .linkBackground {
stroke-width: 4px
}
.unifiTopologyChart .link.aggregated .linkForeground {
stroke: var(--main-panel-background-color, #fff);
stroke-width: 2px
}
.unifiTopologyChart .linkDescription {
stroke: none;
font-size: 11px;
font-family: "jaze", "Inter";
fill: var(--jaze-color-text-secondary);
text-anchor: end
}
.unifiTopologyChart .virtual .linkDescription {
fill: none
}
.unifiTopologyGraph {
display: -webkit-box;
display: -moz-flex;
display: -ms-flex;
display: -ms-flexbox;
display: flex;
background-size: cover;
height: 100%
}
.unifiTopologyGraph .linkDescription {
opacity: 0
}
.unifiTopologyGraph .link.linkSatisfaction-danger {
stroke: var(--jaze-color-danger)
}
.unifiTopologyGraph .link.linkSatisfaction-warning {
stroke: var(--jaze-color-warning)
}
.unifiTopologyGraph .link.linkSatisfaction-success {
stroke: var(--jaze-color-success)
}
.unifiTopologyGraph__withLinkLabels .linkDescription {
opacity: 1
}
.unifiUpload {
color: #a252e3 !important;
--jaze-color-text-primary: #a252e3
}
.unifiDownload {
color: #39cc64 !important;
--jaze-color-text-primary: #39cc64
}
.unifiVerticalLegend__area {
display: inline-block;
vertical-align: middle;
width: 20px;
height: 0;
border-top: 0px solid transparent !important;
border-bottom-width: 17px;
border-bottom-style: solid;
border-left: 12px solid transparent !important;
border-right: 10px solid transparent !important;
margin-top: -8px;
margin-left: 10px;
position: relative
}
.unifiVerticalLegend__area:before {
content: '';
height: 0;
margin-left: -22px;
position: absolute;
border-top: 5px solid transparent !important;
border-bottom-width: 12px;
border-bottom-style: solid;
border-left: 12px solid transparent !important;
border-right: 10px solid transparent !important
}
.unifiWhiteoutNotice {
display: -webkit-box;
display: -moz-flex;
display: -ms-flex;
display: -ms-flexbox;
display: flex;
-ms-align-items: center;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
-ms-justify-content: center;
-webkit-box-pack: center;
justify-content: center;
-ms-flex-pack: center;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
padding: 10px;
background: var(--main-panel-background-color, #fff);
opacity: 0.96;
z-index: 40
}
.unifiWhiteoutNotice--panelItem {
background: rgba(246, 246, 246, 0.95)
}
.jaze-mod-dark.unifiWifiAssociationsModule,
.jaze-mod-dark .unifiWifiAssociationsModule {
--unifi-wifi-associations-disconnected-color: var(--jaze-color-DN30)
}
.jaze-mod-reset-color.unifiWifiAssociationsModule,
.jaze-mod-reset-color .unifiWifiAssociationsModule {
--unifi-wifi-associations-disconnected-color: initial
}
.unifiWifiAssociationsModule .moduleHeaderLegend__statusBall--existing {
background-color: #0187f1
}
.unifiWifiAssociationsModule .moduleHeaderLegend__statusBall--new {
background-color: #0046cc
}
.unifiWifiAssociationsModule .moduleHeaderLegend__statusBall--disconnected {
background-color: var(--unifi-wifi-associations-disconnected-color, #a1a2a3)
}
.unifiWifiAssociationsModule .unifiLineChart .tick text {
font-size: 10px;
fill: #9297a2
}
.unifiWifiAssociationsModule .unifiLineChart__yAxis .tick text {
text-anchor: start;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px)
}
.unifiWifiAssociationsModule .unifiLineChart__yAxisLabel {
fill: #bfc3c4
}
.unifiWifiAssociationsModule .unifiLineChart__xAxis .tick text {
opacity: 0
}
@media only screen and (max-width: 1040px) {
.unifiWifiAssociationsModule .unifiLineChart__xAxis g:nth-of-type(2n+2) text {
-webkit-transform: translateY(10px);
-ms-transform: translateY(10px);
transform: translateY(10px)
}
}
.unifiWifiAssociationsModule .unifiLineChart__xAxisSecondary .tick text {
opacity: 1
}
@media only screen and (max-width: 480px) {
.unifiWifiAssociationsModule .unifiLineChart__xAxisSecondary g:nth-of-type(2n+2) {
opacity: 0
}
}
.unifiWifiAssociationsModule .unifiLineChart__plot path,
.unifiWifiAssociationsModule .unifiLineChart__plot rect {
-webkit-transition: 1s;
-o-transition: 1s;
transition: 1s;
opacity: 0
}
.unifiWifiAssociationsModule .unifiLineChart__focusArea:hover rect.unifiLineChart__bar--left_0,
.unifiWifiAssociationsModule .unifiLineChart__focusArea:hover path.unifiLineChart__roundedBar--left_1,
.unifiWifiAssociationsModule .unifiLineChart__focusArea:hover path.unifiLineChart__roundedBar--left_2 {
opacity: 0.3;
-webkit-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out
}
.unifiWifiAssociationsModule .unifiLineChart__focusArea:hover rect.unifiLineChart__bar--left_0.selected,
.unifiWifiAssociationsModule .unifiLineChart__focusArea:hover path.unifiLineChart__roundedBar--left_1.selected,
.unifiWifiAssociationsModule .unifiLineChart__focusArea:hover path.unifiLineChart__roundedBar--left_2.selected {
opacity: 1 !important
}
.unifiWifiAssociationsModule rect.unifiLineChart__bar--left_0 {
opacity: 1;
fill: #0046cc;
-webkit-transform: translateY(-2px);
-ms-transform: translateY(-2px);
transform: translateY(-2px)
}
.unifiWifiAssociationsModule path.unifiLineChart__roundedBar--left_1 {
opacity: 1;
fill: #0187f1;
stroke: none;
-webkit-transform: translateY(-2px);
-ms-transform: translateY(-2px);
transform: translateY(-2px)
}
.unifiWifiAssociationsModule path.unifiLineChart__roundedBar--left_2 {
opacity: 1;
fill: var(--unifi-wifi-associations-disconnected-color, #a1a2a3);
stroke: none;
-webkit-transform: translateY(2px);
-ms-transform: translateY(2px);
transform: translateY(2px)
}
.unifiWifiAssociationsModule .unifiLineChart__focusPoint {
opacity: 0
}
.unifiWifiAssociationsModule .unifiChartTooltip {
height: initial;
-webkit-transform: translateX(-50%) !important;
-ms-transform: translateX(-50%) !important;
transform: translateX(-50%) !important;
top: 50%
}
.unifiWifiAssociationsModule .unifiChartTooltip__inner {
padding: 0;
visibility: hidden;
width: 0;
-webkit-transform: translateY(calc(-50% - 12px));
-ms-transform: translateY(calc(-50% - 12px));
transform: translateY(calc(-50% - 12px))
}
.unifiWifiAssociationsModule .unifiChartTooltip__inner .jazeTooltipContainer {
visibility: visible
}
.unifiWifiAssociationsModule .unifiChartTooltip__statusBall {
margin-right: 4px;
border-radius: 1px
}
.unifiWifiAssociationsModule .unifiChartTooltip__statusBall.unifiChartTooltip__statusBall--existing {
background-color: #0187f1
}
.unifiWifiAssociationsModule .unifiChartTooltip__statusBall.unifiChartTooltip__statusBall--new {
background-color: #0046cc
}
.unifiWifiAssociationsModule .unifiChartTooltip__statusBall.unifiChartTooltip__statusBall--disconnected {
background-color: var(--unifi-wifi-associations-disconnected-color, #a1a2a3)
}
.unifiWifiAssociationsModule .wifiAssociationsModule--showTime rect.unifiLineChart__bar--left_0.unifiWifiAssociationsTime--success {
fill: #39cc64 !important
}
.unifiWifiAssociationsModule .wifiAssociationsModule--showTime rect.unifiLineChart__bar--left_0.unifiWifiAssociationsTime--warning {
fill: #f5a623 !important
}
.unifiWifiAssociationsModule .wifiAssociationsModule--showTime rect.unifiLineChart__bar--left_0.unifiWifiAssociationsTime--danger {
fill: #f03a3e !important
}
.unifiWifiAssociationsModule .wifiAssociationsModule--showTime .unifiLineChart__plot--left_1,
.unifiWifiAssociationsModule .wifiAssociationsModule--showTime .unifiLineChart__plot--left_2 {
opacity: 0.3 !important
}
@-webkit-keyframes fadeIn {
99% {
visibility: hidden
}
100% {
visibility: visible
}
}
@keyframes fadeIn {
99% {
visibility: hidden
}
100% {
visibility: visible
}
}
.unifiWifiAssociationsModule--isInitializing,
.unifiWifiAssociationsModule--isLoading {
visibility: hidden
}
.unifiWifiAssociationsModule--isInitializing .unifiLineChart__plot path,
.unifiWifiAssociationsModule--isInitializing .unifiLineChart__plot rect,
.unifiWifiAssociationsModule--isLoading .unifiLineChart__plot path,
.unifiWifiAssociationsModule--isLoading .unifiLineChart__plot rect {
-webkit-transition: 0s !important;
-o-transition: 0s !important;
transition: 0s !important
}
.unifiWifiAssociationsModule--isInitializing rect.unifiLineChart__bar--left_0,
.unifiWifiAssociationsModule--isLoading rect.unifiLineChart__bar--left_0 {
fill: #dddde2 !important
}
.unifiWifiAssociationsModule--isInitializing path.unifiLineChart__roundedBar--left_1,
.unifiWifiAssociationsModule--isLoading path.unifiLineChart__roundedBar--left_1 {
fill: #dddde2 !important
}
.unifiWifiAssociationsModule--isInitializing path.unifiLineChart__roundedBar--left_2,
.unifiWifiAssociationsModule--isLoading path.unifiLineChart__roundedBar--left_2 {
fill: #dddde2 !important
}
.unifiWifiAssociationsModule--isLoading {
-webkit-animation: 0.2s fadeIn;
animation: 0.2s fadeIn;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards
}
.unifiWhatsNewItemContainer {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-image: -webkit-gradient(linear, left top, left bottom, from(var(--unifi-whats-new-container-background-gradient-outer)), color-stop(49%, var(--unifi-whats-new-container-background-gradient-inner)), to(var(--unifi-whats-new-container-background-gradient-outer)));
background-image: -o-linear-gradient(top, var(--unifi-whats-new-container-background-gradient-outer) 0%, var(--unifi-whats-new-container-background-gradient-inner) 49%, var(--unifi-whats-new-container-background-gradient-outer) 100%);
background-image: linear-gradient(180deg, var(--unifi-whats-new-container-background-gradient-outer) 0%, var(--unifi-whats-new-container-background-gradient-inner) 49%, var(--unifi-whats-new-container-background-gradient-outer) 100%);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 550px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: var(--unifi-whats-new-container-vertical-padding, 0) var(--unifi-whats-new-container-horizontal-padding, 54px);
position: relative;
width: 100%
}
.unifiWhatsNewItemContainer:nth-child(even) {
--unifi-whats-new-item-flex-direction: var(--unifi-whats-new-item-flex-direction-alt, row-reverse)
}
.unifiWhatsNewItemContainer+.unifiWhatsNewItemContainer:before {
background-color: rgba(255, 255, 255, 0.2);
content: "";
height: 1px;
left: var(--unifi-whats-new-container-flex-divider-indent, 30px);
position: absolute;
right: var(--unifi-whats-new-container-flex-divider-indent, 30px);
top: -1px
}
.unifiWhatsNewItem {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: var(--unifi-whats-new-item-flex-direction, row);
flex-direction: var(--unifi-whats-new-item-flex-direction, row);
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
height: 100%;
-ms-flex-pack: distribute;
justify-content: space-around;
max-width: 1400px;
width: 100%
}
.unifiWhatsNewItem__section {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.unifiWhatsNewItem__section--image {
-webkit-box-flex: 1.5;
-ms-flex: 1.5;
flex: 1.5
}
.unifiWhatsNewItem__section--details {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1
}
.unifiWhatsNewItem__details {
color: var(--jaze-color-DN10);
font-size: 14px;
margin-top: 32px;
max-width: 440px
}
.unifiWhatsNewItem__details h1 {
color: #fff;
font-size: var(--unifi-whats-new-h1-font-size, 24px);
font-weight: bold;
line-height: var(--unifi-whats-new-h1-line-height, 30px);
margin-bottom: var(--unifi-whats-new-h1-line-height, 40px)
}
.unifiWhatsNewItem__details h2 {
color: var(--unifi-whats-new-h2-color, #fff);
font-size: var(--unifi-whats-new-h2-font-size, 16px);
font-weight: bold;
line-height: var(--unifi-whats-new-h2-line-height, 20px);
margin-bottom: 0
}
.unifiWhatsNewItem__details h3 {
color: #fff;
font-size: var(--unifi-whats-new-h3-font-size, 16px);
font-weight: bold;
line-height: var(--unifi-whats-new-h3-line-height, 20px);
margin-bottom: 16px
}
.unifiWhatsNewItem__details p {
font-size: var(--unifi-whats-new-paragraph-font-size, 13px);
line-height: var(--unifi-whats-new-paragraph-line-height, 24px);
color: #fff
}
.unifiWhatsNewItem__details ul {
font-size: var(--unifi-whats-new-paragraph-font-size, 13px);
line-height: var(--unifi-whats-new-paragraph-line-height, 24px);
list-style-position: inside
}
.unifiWhatsNewItem__details a {
color: var(--jaze-color-text-link);
text-decoration: none
}
.unifiWhatsNewItem__details a:hover {
color: var(--jaze-color-text-link-hover)
}
.unifiWhatsNewItem__image {
background-position: center;
background-repeat: no-repeat;
background-size: contain;
max-height: 900px;
height: 100%;
width: 100%
}
@media only screen and (min-width: 901px) and (min-height: 601px) {
.unifiWhatsNewItemContainer--fullScreen {
height: 100%
}
.unifiWhatsNewItem__details {
padding-right: 16px
}
}
@media only screen and (min-width: 601px) and (max-width: 900px) {
.unifiWhatsNewItemContainer {
--unifi-whats-new-container-vertical-padding: 32px;
height: auto;
min-height: 500px
}
}
@media only screen and (max-width: 600px) {
.unifiWhatsNewItemContainer {
--unifi-whats-new-item-flex-direction: column;
--unifi-whats-new-item-flex-direction-alt: column;
--unifi-whats-new-container-flex-divider-indent: 20px;
--unifi-whats-new-container-vertical-padding: 16px;
height: auto
}
.unifiWhatsNewItem__section--image {
height: 240px;
margin: 8px -32px 12px
}
.unifiWhatsNewItem__details {
margin-top: 0
}
}
.unifiWhatsNew--withCarousel {
height: 100%;
overflow: hidden;
--unifi-whats-new-item-flex-direction-alt: row
}
.unifiWhatsNewIntro {
display: none
}
.unifiWhatsNewIntro--separate {
margin: 28px auto 8px;
max-width: 300px;
text-align: center
}
.unifiWhatsNewIntro--integrated {
margin-bottom: 32px
}
.unifiWhatsNewIntro__version {
font-size: 11px;
font-weight: normal;
margin-bottom: 8px
}
.unifiWhatsNewIntro__headline {
color: #fff;
font-size: var(--unifi-whats-new-h1-font-size, 24px);
font-weight: bold;
line-height: var(--unifi-whats-new-h1-line-height, 30px);
margin-bottom: var(--unifi-whats-new-h1-margin-bottom, 40px)
}
.unifiWhatsNewCarousel {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: fixed;
right: 32px;
top: calc(50% + var(--jaze-layout-global-header-panel-height));
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 1
}
.unifiWhatsNewCarousel__prev,
.unifiWhatsNewCarousel__next,
.unifiWhatsNewCarousel__link {
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 4px
}
.unifiWhatsNewCarousel__prev,
.unifiWhatsNewCarousel__next {
opacity: .5;
-webkit-transition: opacity .3s ease-in-out;
-o-transition: opacity .3s ease-in-out;
transition: opacity .3s ease-in-out
}
.unifiWhatsNewCarousel__prev:hover,
.unifiWhatsNewCarousel__next:hover {
opacity: 1
}
.unifiWhatsNewCarousel__prev.is-disabled,
.unifiWhatsNewCarousel__next.is-disabled {
opacity: 0;
pointer-events: none
}
.unifiWhatsNewCarousel__link {
opacity: .25
}
.unifiWhatsNewCarousel__link:hover:not(.is-active) {
opacity: .5
}
.unifiWhatsNewCarousel__link.is-active {
opacity: 1
}
.unifiWhatsNewCarousel__link+.unifiWhatsNewCarousel__link {
margin-top: 12px
}
@media only screen and (max-width: 600px) {
.unifiWhatsNewIntro--separate {
display: block
}
.unifiWhatsNewIntro--integrated {
display: none
}
}
@media only screen and (min-width: 601px) {
.unifiWhatsNewIntro--separate {
display: none
}
.unifiWhatsNewIntro--integrated {
display: block
}
}
@media only screen and (min-width: 901px) and (min-height: 601px) {
.unifiWhatsNew {
--unifi-whats-new-h1-font-size: 30px;
--unifi-whats-new-h1-line-height: 36px;
--unifi-whats-new-h1-margin-bottom: 46px;
--unifi-whats-new-h2-font-size: 20px;
--unifi-whats-new-h2-line-height: 24px;
--unifi-whats-new-h3-font-size: 20px;
--unifi-whats-new-h3-line-height: 24px;
--unifi-whats-new-paragraph-font-size: 13px;
--unifi-whats-new-paragraph-line-height: 24px
}
}
@media only screen and (max-width: 600px) {
.unifiWhatsNew {
--unifi-whats-new-h1-font-size: 24px;
--unifi-whats-new-h1-line-height: 30px;
--unifi-whats-new-h1-margin-bottom: 4px;
--unifi-whats-new-h2-font-size: 16px;
--unifi-whats-new-h2-line-height: 20px;
--unifi-whats-new-h3-font-size: 16px;
--unifi-whats-new-h3-line-height: 20px;
--unifi-whats-new-paragraph-font-size: 13px;
--unifi-whats-new-paragraph-line-height: 24px
}
}
.unifiWhatsNewTakeover {
background-color: #020513;
border-top: 1px solid rgba(255, 255, 255, 0.2);
bottom: 0;
left: 0;
overflow: auto;
position: absolute;
right: 0;
top: 0
}
.unifiWhatsNewTakeover__close {
position: fixed;
top: calc(13px + var(--jaze-layout-global-header-panel-height));
right: 32px;
z-index: 1
}
.unifiWizard {
padding: 47px;
max-width: 55rem
}
@media only screen and (max-width: 800px) {
.unifiWizard {
padding: 15.6666666667px 0
}
}
.unifiWizard__step {
display: block
}
body {
background: var(--jaze-color-background-primary);
color: var(--jaze-color-text-primary);
font-family: var(--jaze-typography-font-family);
font-size: 12px
}
.inherit {
all: inherit
}
.inheritWithoutSpace {
all: inherit;
margin: 0;
padding: 0
}
.jazeAccordionContent {
-webkit-transition: none;
-o-transition: none;
transition: none
}
.jazeAccordion accordion-group .jazeAccordion__item {
border-bottom: 1px solid var(--accordion-border-color, var(--jaze-color-border-primary))
}
.jazeAccordion accordion-group:last-child .jazeAccordion__item {
border-bottom: 0
}
.jazeAccordion__item.is-accordion-expanded .jazeAccordionContent {
overflow: visible
}
.jazeBlock__marker {
position: absolute;
right: 0;
top: 0;
width: 0;
height: 0;
border-width: 35px;
border-style: solid;
border-top-right-radius: 4px
}
.jazeBlock__marker span {
position: absolute;
top: -25px;
right: -25px;
font-size: 0.8rem;
text-transform: uppercase;
white-space: nowrap;
color: #ffffff
}
.jazeBlock__marker--sale {
border-color: var(--jaze-color-success) var(--jaze-color-success) transparent transparent
}
.jazeBlock__marker--beta {
border-color: var(--jaze-color-primary) var(--jaze-color-primary) transparent transparent
}
.jazeButton--icon .button__icon,
.jazeButton--iconLink .button__icon,
.jazeButton--iconPrimary .button__icon,
.jazeButton--iconNeutral .button__icon {
color: var(--icon-color);
font-size: var(--button-icon-height, 16px);
margin-right: 0
}
.jazeButton--badge {
border-radius: 20px;
height: 20px;
padding: 0;
width: 20px
}
.jazeButton--badge:hover {
--button-background-color: var(--jaze-color-primary);
--button-font-color: #fff;
--button-icon-color: #fff
}
.jazeButtonGroup--withDivider.jazeButtonGroup--cozy .jazeButton+.jazeButton {
margin-left: calc(1px + calc(2 * var(--button-group-horizontal-rhythm, 0px)))
}
.jazeButtonGroup--withDivider.jazeButtonGroup--cozy .jazeButton+.jazeButton:after {
background-color: var(--jaze-color-border-primary);
bottom: 0;
content: "";
left: calc(calc(-1 * var(--button-group-horizontal-rhythm, 0px)) - 1px);
pointer-events: none;
position: absolute;
top: 0;
width: 1px
}
.jazeButtonGroup--withDivider.jazeButtonGroup--cozy {
--button-group-horizontal-rhythm: 8px
}
.jazeForm .select--full {
--form-select-width: 100%
}
.jazeForm .input--full {
--form-box-width: 100%
}
.jazeForm .input--half {
--form-box-width: 50%
}
.jazeForm .input--smallNumber {
--form-box-width: 5em
}
.jazeForm .input--mediumNumber {
--form-box-width: 7em
}
.jazeForm input[type="checkbox"]+label,
.jazeForm.jazeFormComponent--checkbox+label,
.jazeForm.jazeCheckbox+label {
cursor: pointer;
display: inline-block;
line-height: var(--form-checkbox-size, 16px);
vertical-align: middle
}
.jazeForm input[type="checkbox"]:disabled+label,
.jazeForm.jazeFormComponent--checkbox:disabled+label,
.jazeForm.jazeCheckbox:disabled+label {
cursor: default;
opacity: .5
}
.jazeForm input[type="radio"]+label,
.jazeForm.jazeFormComponent--radio+label,
.jazeForm.jazeRadio+label {
cursor: pointer;
display: inline-block;
line-height: var(--form-radio-size, 16px);
vertical-align: middle
}
.jazeForm input[type="radio"]:disabled+label,
.jazeForm.jazeFormComponent--radio:disabled+label,
.jazeForm.jazeRadio:disabled+label {
cursor: default;
opacity: .5
}
.jazeFormGroup--ssoToken {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
input.jazeInputBox--authChar {
--form-box-border: 1px solid var(--jaze-color-border-primary);
--form-box-font-color: var(--jaze-color-text-primary);
--form-box-font-size: 38px;
--form-box-font-weight: bold;
--form-box-height: 50px;
--form-box-width: 36px;
padding: 8px;
text-align: center
}
input.jazeInputBox--authChar:focus {
--form-box-border-color-forced: var(--jaze-color-primary)
}
.appForm--cozy .jazeIconInputContainer {
--icon-input-background-horizontal-offset: 8px
}
.appForm--cozy .jazeIconInputContainer input.jazeIconInput--bookend,
.appForm--cozy .jazeIconInputContainer input.jazeIconInput--before {
padding-left: 28px
}
.appForm--cozy .jazeIconInputContainer input.jazeIconInput--after,
.appForm--cozy .jazeIconInputContainer input.jazeIconInput--bookend {
padding-right: 28px
}
.appForm--cozy .jazeIconInputContainer .jazeIconInput--after+.jazeIconInput__icon .jazeIcon,
.appForm--cozy .jazeIconInputContainer .jazeIconInput__icon:first-of-type+.jazeIconInput__icon:last-of-type .jazeIcon,
.appForm--cozy .jazeIconInputContainer .jazeIconInput--after+.jazeIcon,
.appForm--cozy .jazeIconInputContainer .jazeIcon:first-of-type+.jazeIcon:last-of-type {
right: 10px
}
.appForm--cozy .jazeFormGroup--transition {
--icon-input-background-horizontal-offset: 11px
}
.appForm--cozy .jazeFormGroup--transition:not(.is-focused):not(.is-filled) label {
left: 6px;
top: 15px
}
.appForm--cozy .jazeFormGroup--transition.is-focused label,
.appForm--cozy .jazeFormGroup--transition.is-filled label {
top: -4px
}
.appForm--cozy .jazeSelect {
--form-select-height: 23px;
padding-top: 0;
padding-bottom: 0
}
.appForm .jazeForm input[type="checkbox"]:before {
background-image: none;
top: 0
}
.appForm,
.jazeInputBox,
.jazeIconInput,
.jazeSelect {
--form-box-border-color-forced: #d7dbdd;
--form-select-border-color-forced: #d7dbdd
}
.jaze-mod-dark .appForm,
.appForm.appForm--dark,
.appForm.jazeInputBox--dark,
.appForm.jazeIconInput--dark,
.appForm.jazeSelect--dark,
.jaze-mod-dark .jazeInputBox,
.jazeInputBox.appForm--dark,
.jazeInputBox.jazeInputBox--dark,
.jazeInputBox.jazeIconInput--dark,
.jazeInputBox.jazeSelect--dark,
.jaze-mod-dark .jazeIconInput,
.jazeIconInput.appForm--dark,
.jazeIconInput.jazeInputBox--dark,
.jazeIconInput.jazeIconInput--dark,
.jazeIconInput.jazeSelect--dark,
.jaze-mod-dark .jazeSelect,
.jazeSelect.appForm--dark,
.jazeSelect.jazeInputBox--dark,
.jazeSelect.jazeIconInput--dark,
.jazeSelect.jazeSelect--dark {
--form-box-border-color-forced: #454d51;
--form-select-border-color-forced: #454d51
}
.jazeForm input[type="color"]:valid,
.jazeForm input[type="color"].is-input-valid,
.jazeForm input[type="color"].ng-valid,
.jazeForm input[type="color"]:invalid,
.jazeForm input[type="color"].is-input-invalid,
.jazeForm input[type="color"].ng-invalid,
.jazeForm input[type="date"]:valid,
.jazeForm input[type="date"].is-input-valid,
.jazeForm input[type="date"].ng-valid,
.jazeForm input[type="date"]:invalid,
.jazeForm input[type="date"].is-input-invalid,
.jazeForm input[type="date"].ng-invalid,
.jazeForm input[type="datetime"]:valid,
.jazeForm input[type="datetime"].is-input-valid,
.jazeForm input[type="datetime"].ng-valid,
.jazeForm input[type="datetime"]:invalid,
.jazeForm input[type="datetime"].is-input-invalid,
.jazeForm input[type="datetime"].ng-invalid,
.jazeForm input[type="datetime-local"]:valid,
.jazeForm input[type="datetime-local"].is-input-valid,
.jazeForm input[type="datetime-local"].ng-valid,
.jazeForm input[type="datetime-local"]:invalid,
.jazeForm input[type="datetime-local"].is-input-invalid,
.jazeForm input[type="datetime-local"].ng-invalid,
.jazeForm input[type="email"]:valid,
.jazeForm input[type="email"].is-input-valid,
.jazeForm input[type="email"].ng-valid,
.jazeForm input[type="email"]:invalid,
.jazeForm input[type="email"].is-input-invalid,
.jazeForm input[type="email"].ng-invalid,
.jazeForm input[type="file"]:valid,
.jazeForm input[type="file"].is-input-valid,
.jazeForm input[type="file"].ng-valid,
.jazeForm input[type="file"]:invalid,
.jazeForm input[type="file"].is-input-invalid,
.jazeForm input[type="file"].ng-invalid,
.jazeForm input[type="image"]:valid,
.jazeForm input[type="image"].is-input-valid,
.jazeForm input[type="image"].ng-valid,
.jazeForm input[type="image"]:invalid,
.jazeForm input[type="image"].is-input-invalid,
.jazeForm input[type="image"].ng-invalid,
.jazeForm input[type="month"]:valid,
.jazeForm input[type="month"].is-input-valid,
.jazeForm input[type="month"].ng-valid,
.jazeForm input[type="month"]:invalid,
.jazeForm input[type="month"].is-input-invalid,
.jazeForm input[type="month"].ng-invalid,
.jazeForm input[type="number"]:valid,
.jazeForm input[type="number"].is-input-valid,
.jazeForm input[type="number"].ng-valid,
.jazeForm input[type="number"]:invalid,
.jazeForm input[type="number"].is-input-invalid,
.jazeForm input[type="number"].ng-invalid,
.jazeForm input[type="password"]:valid,
.jazeForm input[type="password"].is-input-valid,
.jazeForm input[type="password"].ng-valid,
.jazeForm input[type="password"]:invalid,
.jazeForm input[type="password"].is-input-invalid,
.jazeForm input[type="password"].ng-invalid,
.jazeForm input[type="search"]:valid,
.jazeForm input[type="search"].is-input-valid,
.jazeForm input[type="search"].ng-valid,
.jazeForm input[type="search"]:invalid,
.jazeForm input[type="search"].is-input-invalid,
.jazeForm input[type="search"].ng-invalid,
.jazeForm input[type="tel"]:valid,
.jazeForm input[type="tel"].is-input-valid,
.jazeForm input[type="tel"].ng-valid,
.jazeForm input[type="tel"]:invalid,
.jazeForm input[type="tel"].is-input-invalid,
.jazeForm input[type="tel"].ng-invalid,
.jazeForm input[type="text"]:valid,
.jazeForm input[type="text"].is-input-valid,
.jazeForm input[type="text"].ng-valid,
.jazeForm input[type="text"]:invalid,
.jazeForm input[type="text"].is-input-invalid,
.jazeForm input[type="text"].ng-invalid,
.jazeForm input[type="time"]:valid,
.jazeForm input[type="time"].is-input-valid,
.jazeForm input[type="time"].ng-valid,
.jazeForm input[type="time"]:invalid,
.jazeForm input[type="time"].is-input-invalid,
.jazeForm input[type="time"].ng-invalid,
.jazeForm input[type="url"]:valid,
.jazeForm input[type="url"].is-input-valid,
.jazeForm input[type="url"].ng-valid,
.jazeForm input[type="url"]:invalid,
.jazeForm input[type="url"].is-input-invalid,
.jazeForm input[type="url"].ng-invalid,
.jazeForm input[type="week"]:valid,
.jazeForm input[type="week"].is-input-valid,
.jazeForm input[type="week"].ng-valid,
.jazeForm input[type="week"]:invalid,
.jazeForm input[type="week"].is-input-invalid,
.jazeForm input[type="week"].ng-invalid,
.jazeForm output:valid,
.jazeForm output.is-input-valid,
.jazeForm output.ng-valid,
.jazeForm output:invalid,
.jazeForm output.is-input-invalid,
.jazeForm output.ng-invalid,
.jazeForm textarea:valid,
.jazeForm textarea.is-input-valid,
.jazeForm textarea.ng-valid,
.jazeForm textarea:invalid,
.jazeForm textarea.is-input-invalid,
.jazeForm textarea.ng-invalid,
.jazeForm.jazeFormComponent--box:valid,
.jazeForm.jazeFormComponent--box.is-input-valid,
.jazeForm.jazeFormComponent--box.ng-valid,
.jazeForm.jazeFormComponent--box:invalid,
.jazeForm.jazeFormComponent--box.is-input-invalid,
.jazeForm.jazeFormComponent--box.ng-invalid,
.jazeForm.jazeInputBox:valid,
.jazeForm.jazeInputBox.is-input-valid,
.jazeForm.jazeInputBox.ng-valid,
.jazeForm.jazeInputBox:invalid,
.jazeForm.jazeInputBox.is-input-invalid,
.jazeForm.jazeInputBox.ng-invalid,
.jazeForm.jazeIconInput:valid,
.jazeForm.jazeIconInput.is-input-valid,
.jazeForm.jazeIconInput.ng-valid,
.jazeForm.jazeIconInput:invalid,
.jazeForm.jazeIconInput.is-input-invalid,
.jazeForm.jazeIconInput.ng-invalid,
.jazeForm.jazeTextarea:valid,
.jazeForm.jazeTextarea.is-input-valid,
.jazeForm.jazeTextarea.ng-valid,
.jazeForm.jazeTextarea:invalid,
.jazeForm.jazeTextarea.is-input-invalid,
.jazeForm.jazeTextarea.ng-invalid {
border-color: var(--form-box-border-color-forced, var(--form-box-border-color, var(--jaze-color-N50)));
color: var(--form-box-font-color, var(--jaze-color-text-tertiary))
}
.jazeForm input[type="color"]:valid:focus,
.jazeForm input[type="color"].is-input-valid:focus,
.jazeForm input[type="color"].ng-valid:focus,
.jazeForm input[type="color"]:invalid:focus,
.jazeForm input[type="color"].is-input-invalid:focus,
.jazeForm input[type="color"].ng-invalid:focus,
.jazeForm input[type="date"]:valid:focus,
.jazeForm input[type="date"].is-input-valid:focus,
.jazeForm input[type="date"].ng-valid:focus,
.jazeForm input[type="date"]:invalid:focus,
.jazeForm input[type="date"].is-input-invalid:focus,
.jazeForm input[type="date"].ng-invalid:focus,
.jazeForm input[type="datetime"]:valid:focus,
.jazeForm input[type="datetime"].is-input-valid:focus,
.jazeForm input[type="datetime"].ng-valid:focus,
.jazeForm input[type="datetime"]:invalid:focus,
.jazeForm input[type="datetime"].is-input-invalid:focus,
.jazeForm input[type="datetime"].ng-invalid:focus,
.jazeForm input[type="datetime-local"]:valid:focus,
.jazeForm input[type="datetime-local"].is-input-valid:focus,
.jazeForm input[type="datetime-local"].ng-valid:focus,
.jazeForm input[type="datetime-local"]:invalid:focus,
.jazeForm input[type="datetime-local"].is-input-invalid:focus,
.jazeForm input[type="datetime-local"].ng-invalid:focus,
.jazeForm input[type="email"]:valid:focus,
.jazeForm input[type="email"].is-input-valid:focus,
.jazeForm input[type="email"].ng-valid:focus,
.jazeForm input[type="email"]:invalid:focus,
.jazeForm input[type="email"].is-input-invalid:focus,
.jazeForm input[type="email"].ng-invalid:focus,
.jazeForm input[type="file"]:valid:focus,
.jazeForm input[type="file"].is-input-valid:focus,
.jazeForm input[type="file"].ng-valid:focus,
.jazeForm input[type="file"]:invalid:focus,
.jazeForm input[type="file"].is-input-invalid:focus,
.jazeForm input[type="file"].ng-invalid:focus,
.jazeForm input[type="image"]:valid:focus,
.jazeForm input[type="image"].is-input-valid:focus,
.jazeForm input[type="image"].ng-valid:focus,
.jazeForm input[type="image"]:invalid:focus,
.jazeForm input[type="image"].is-input-invalid:focus,
.jazeForm input[type="image"].ng-invalid:focus,
.jazeForm input[type="month"]:valid:focus,
.jazeForm input[type="month"].is-input-valid:focus,
.jazeForm input[type="month"].ng-valid:focus,
.jazeForm input[type="month"]:invalid:focus,
.jazeForm input[type="month"].is-input-invalid:focus,
.jazeForm input[type="month"].ng-invalid:focus,
.jazeForm input[type="number"]:valid:focus,
.jazeForm input[type="number"].is-input-valid:focus,
.jazeForm input[type="number"].ng-valid:focus,
.jazeForm input[type="number"]:invalid:focus,
.jazeForm input[type="number"].is-input-invalid:focus,
.jazeForm input[type="number"].ng-invalid:focus,
.jazeForm input[type="password"]:valid:focus,
.jazeForm input[type="password"].is-input-valid:focus,
.jazeForm input[type="password"].ng-valid:focus,
.jazeForm input[type="password"]:invalid:focus,
.jazeForm input[type="password"].is-input-invalid:focus,
.jazeForm input[type="password"].ng-invalid:focus,
.jazeForm input[type="search"]:valid:focus,
.jazeForm input[type="search"].is-input-valid:focus,
.jazeForm input[type="search"].ng-valid:focus,
.jazeForm input[type="search"]:invalid:focus,
.jazeForm input[type="search"].is-input-invalid:focus,
.jazeForm input[type="search"].ng-invalid:focus,
.jazeForm input[type="tel"]:valid:focus,
.jazeForm input[type="tel"].is-input-valid:focus,
.jazeForm input[type="tel"].ng-valid:focus,
.jazeForm input[type="tel"]:invalid:focus,
.jazeForm input[type="tel"].is-input-invalid:focus,
.jazeForm input[type="tel"].ng-invalid:focus,
.jazeForm input[type="text"]:valid:focus,
.jazeForm input[type="text"].is-input-valid:focus,
.jazeForm input[type="text"].ng-valid:focus,
.jazeForm input[type="text"]:invalid:focus,
.jazeForm input[type="text"].is-input-invalid:focus,
.jazeForm input[type="text"].ng-invalid:focus,
.jazeForm input[type="time"]:valid:focus,
.jazeForm input[type="time"].is-input-valid:focus,
.jazeForm input[type="time"].ng-valid:focus,
.jazeForm input[type="time"]:invalid:focus,
.jazeForm input[type="time"].is-input-invalid:focus,
.jazeForm input[type="time"].ng-invalid:focus,
.jazeForm input[type="url"]:valid:focus,
.jazeForm input[type="url"].is-input-valid:focus,
.jazeForm input[type="url"].ng-valid:focus,
.jazeForm input[type="url"]:invalid:focus,
.jazeForm input[type="url"].is-input-invalid:focus,
.jazeForm input[type="url"].ng-invalid:focus,
.jazeForm input[type="week"]:valid:focus,
.jazeForm input[type="week"].is-input-valid:focus,
.jazeForm input[type="week"].ng-valid:focus,
.jazeForm input[type="week"]:invalid:focus,
.jazeForm input[type="week"].is-input-invalid:focus,
.jazeForm input[type="week"].ng-invalid:focus,
.jazeForm output:valid:focus,
.jazeForm output.is-input-valid:focus,
.jazeForm output.ng-valid:focus,
.jazeForm output:invalid:focus,
.jazeForm output.is-input-invalid:focus,
.jazeForm output.ng-invalid:focus,
.jazeForm textarea:valid:focus,
.jazeForm textarea.is-input-valid:focus,
.jazeForm textarea.ng-valid:focus,
.jazeForm textarea:invalid:focus,
.jazeForm textarea.is-input-invalid:focus,
.jazeForm textarea.ng-invalid:focus,
.jazeForm.jazeFormComponent--box:valid:focus,
.jazeForm.jazeFormComponent--box.is-input-valid:focus,
.jazeForm.jazeFormComponent--box.ng-valid:focus,
.jazeForm.jazeFormComponent--box:invalid:focus,
.jazeForm.jazeFormComponent--box.is-input-invalid:focus,
.jazeForm.jazeFormComponent--box.ng-invalid:focus,
.jazeForm.jazeInputBox:valid:focus,
.jazeForm.jazeInputBox.is-input-valid:focus,
.jazeForm.jazeInputBox.ng-valid:focus,
.jazeForm.jazeInputBox:invalid:focus,
.jazeForm.jazeInputBox.is-input-invalid:focus,
.jazeForm.jazeInputBox.ng-invalid:focus,
.jazeForm.jazeIconInput:valid:focus,
.jazeForm.jazeIconInput.is-input-valid:focus,
.jazeForm.jazeIconInput.ng-valid:focus,
.jazeForm.jazeIconInput:invalid:focus,
.jazeForm.jazeIconInput.is-input-invalid:focus,
.jazeForm.jazeIconInput.ng-invalid:focus,
.jazeForm.jazeTextarea:valid:focus,
.jazeForm.jazeTextarea.is-input-valid:focus,
.jazeForm.jazeTextarea.ng-valid:focus,
.jazeForm.jazeTextarea:invalid:focus,
.jazeForm.jazeTextarea.is-input-invalid:focus,
.jazeForm.jazeTextarea.ng-invalid:focus {
border-color: var(--jaze-color-primary)
}
.jazeForm input[type="color"]:valid.is-empty,
.jazeForm input[type="color"].is-input-valid.is-empty,
.jazeForm input[type="color"].ng-valid.is-empty,
.jazeForm input[type="color"]:invalid.is-empty,
.jazeForm input[type="color"].is-input-invalid.is-empty,
.jazeForm input[type="color"].ng-invalid.is-empty,
.jazeForm input[type="date"]:valid.is-empty,
.jazeForm input[type="date"].is-input-valid.is-empty,
.jazeForm input[type="date"].ng-valid.is-empty,
.jazeForm input[type="date"]:invalid.is-empty,
.jazeForm input[type="date"].is-input-invalid.is-empty,
.jazeForm input[type="date"].ng-invalid.is-empty,
.jazeForm input[type="datetime"]:valid.is-empty,
.jazeForm input[type="datetime"].is-input-valid.is-empty,
.jazeForm input[type="datetime"].ng-valid.is-empty,
.jazeForm input[type="datetime"]:invalid.is-empty,
.jazeForm input[type="datetime"].is-input-invalid.is-empty,
.jazeForm input[type="datetime"].ng-invalid.is-empty,
.jazeForm input[type="datetime-local"]:valid.is-empty,
.jazeForm input[type="datetime-local"].is-input-valid.is-empty,
.jazeForm input[type="datetime-local"].ng-valid.is-empty,
.jazeForm input[type="datetime-local"]:invalid.is-empty,
.jazeForm input[type="datetime-local"].is-input-invalid.is-empty,
.jazeForm input[type="datetime-local"].ng-invalid.is-empty,
.jazeForm input[type="email"]:valid.is-empty,
.jazeForm input[type="email"].is-input-valid.is-empty,
.jazeForm input[type="email"].ng-valid.is-empty,
.jazeForm input[type="email"]:invalid.is-empty,
.jazeForm input[type="email"].is-input-invalid.is-empty,
.jazeForm input[type="email"].ng-invalid.is-empty,
.jazeForm input[type="file"]:valid.is-empty,
.jazeForm input[type="file"].is-input-valid.is-empty,
.jazeForm input[type="file"].ng-valid.is-empty,
.jazeForm input[type="file"]:invalid.is-empty,
.jazeForm input[type="file"].is-input-invalid.is-empty,
.jazeForm input[type="file"].ng-invalid.is-empty,
.jazeForm input[type="image"]:valid.is-empty,
.jazeForm input[type="image"].is-input-valid.is-empty,
.jazeForm input[type="image"].ng-valid.is-empty,
.jazeForm input[type="image"]:invalid.is-empty,
.jazeForm input[type="image"].is-input-invalid.is-empty,
.jazeForm input[type="image"].ng-invalid.is-empty,
.jazeForm input[type="month"]:valid.is-empty,
.jazeForm input[type="month"].is-input-valid.is-empty,
.jazeForm input[type="month"].ng-valid.is-empty,
.jazeForm input[type="month"]:invalid.is-empty,
.jazeForm input[type="month"].is-input-invalid.is-empty,
.jazeForm input[type="month"].ng-invalid.is-empty,
.jazeForm input[type="number"]:valid.is-empty,
.jazeForm input[type="number"].is-input-valid.is-empty,
.jazeForm input[type="number"].ng-valid.is-empty,
.jazeForm input[type="number"]:invalid.is-empty,
.jazeForm input[type="number"].is-input-invalid.is-empty,
.jazeForm input[type="number"].ng-invalid.is-empty,
.jazeForm input[type="password"]:valid.is-empty,
.jazeForm input[type="password"].is-input-valid.is-empty,
.jazeForm input[type="password"].ng-valid.is-empty,
.jazeForm input[type="password"]:invalid.is-empty,
.jazeForm input[type="password"].is-input-invalid.is-empty,
.jazeForm input[type="password"].ng-invalid.is-empty,
.jazeForm input[type="search"]:valid.is-empty,
.jazeForm input[type="search"].is-input-valid.is-empty,
.jazeForm input[type="search"].ng-valid.is-empty,
.jazeForm input[type="search"]:invalid.is-empty,
.jazeForm input[type="search"].is-input-invalid.is-empty,
.jazeForm input[type="search"].ng-invalid.is-empty,
.jazeForm input[type="tel"]:valid.is-empty,
.jazeForm input[type="tel"].is-input-valid.is-empty,
.jazeForm input[type="tel"].ng-valid.is-empty,
.jazeForm input[type="tel"]:invalid.is-empty,
.jazeForm input[type="tel"].is-input-invalid.is-empty,
.jazeForm input[type="tel"].ng-invalid.is-empty,
.jazeForm input[type="text"]:valid.is-empty,
.jazeForm input[type="text"].is-input-valid.is-empty,
.jazeForm input[type="text"].ng-valid.is-empty,
.jazeForm input[type="text"]:invalid.is-empty,
.jazeForm input[type="text"].is-input-invalid.is-empty,
.jazeForm input[type="text"].ng-invalid.is-empty,
.jazeForm input[type="time"]:valid.is-empty,
.jazeForm input[type="time"].is-input-valid.is-empty,
.jazeForm input[type="time"].ng-valid.is-empty,
.jazeForm input[type="time"]:invalid.is-empty,
.jazeForm input[type="time"].is-input-invalid.is-empty,
.jazeForm input[type="time"].ng-invalid.is-empty,
.jazeForm input[type="url"]:valid.is-empty,
.jazeForm input[type="url"].is-input-valid.is-empty,
.jazeForm input[type="url"].ng-valid.is-empty,
.jazeForm input[type="url"]:invalid.is-empty,
.jazeForm input[type="url"].is-input-invalid.is-empty,
.jazeForm input[type="url"].ng-invalid.is-empty,
.jazeForm input[type="week"]:valid.is-empty,
.jazeForm input[type="week"].is-input-valid.is-empty,
.jazeForm input[type="week"].ng-valid.is-empty,
.jazeForm input[type="week"]:invalid.is-empty,
.jazeForm input[type="week"].is-input-invalid.is-empty,
.jazeForm input[type="week"].ng-invalid.is-empty,
.jazeForm output:valid.is-empty,
.jazeForm output.is-input-valid.is-empty,
.jazeForm output.ng-valid.is-empty,
.jazeForm output:invalid.is-empty,
.jazeForm output.is-input-invalid.is-empty,
.jazeForm output.ng-invalid.is-empty,
.jazeForm textarea:valid.is-empty,
.jazeForm textarea.is-input-valid.is-empty,
.jazeForm textarea.ng-valid.is-empty,
.jazeForm textarea:invalid.is-empty,
.jazeForm textarea.is-input-invalid.is-empty,
.jazeForm textarea.ng-invalid.is-empty,
.jazeForm.jazeFormComponent--box:valid.is-empty,
.jazeForm.jazeFormComponent--box.is-input-valid.is-empty,
.jazeForm.jazeFormComponent--box.ng-valid.is-empty,
.jazeForm.jazeFormComponent--box:invalid.is-empty,
.jazeForm.jazeFormComponent--box.is-input-invalid.is-empty,
.jazeForm.jazeFormComponent--box.ng-invalid.is-empty,
.jazeForm.jazeInputBox:valid.is-empty,
.jazeForm.jazeInputBox.is-input-valid.is-empty,
.jazeForm.jazeInputBox.ng-valid.is-empty,
.jazeForm.jazeInputBox:invalid.is-empty,
.jazeForm.jazeInputBox.is-input-invalid.is-empty,
.jazeForm.jazeInputBox.ng-invalid.is-empty,
.jazeForm.jazeIconInput:valid.is-empty,
.jazeForm.jazeIconInput.is-input-valid.is-empty,
.jazeForm.jazeIconInput.ng-valid.is-empty,
.jazeForm.jazeIconInput:invalid.is-empty,
.jazeForm.jazeIconInput.is-input-invalid.is-empty,
.jazeForm.jazeIconInput.ng-invalid.is-empty,
.jazeForm.jazeTextarea:valid.is-empty,
.jazeForm.jazeTextarea.is-input-valid.is-empty,
.jazeForm.jazeTextarea.ng-valid.is-empty,
.jazeForm.jazeTextarea:invalid.is-empty,
.jazeForm.jazeTextarea.is-input-invalid.is-empty,
.jazeForm.jazeTextarea.ng-invalid.is-empty {
border-color: var(--form-box-border-color-forced, var(--form-box-border-color, var(--jaze-color-N50))) !important;
color: var(--form-box-font-color, var(--jaze-color-text-tertiary)) !important
}
.jazeForm input[type="color"]:valid.is-empty:focus,
.jazeForm input[type="color"].is-input-valid.is-empty:focus,
.jazeForm input[type="color"].ng-valid.is-empty:focus,
.jazeForm input[type="color"]:invalid.is-empty:focus,
.jazeForm input[type="color"].is-input-invalid.is-empty:focus,
.jazeForm input[type="color"].ng-invalid.is-empty:focus,
.jazeForm input[type="date"]:valid.is-empty:focus,
.jazeForm input[type="date"].is-input-valid.is-empty:focus,
.jazeForm input[type="date"].ng-valid.is-empty:focus,
.jazeForm input[type="date"]:invalid.is-empty:focus,
.jazeForm input[type="date"].is-input-invalid.is-empty:focus,
.jazeForm input[type="date"].ng-invalid.is-empty:focus,
.jazeForm input[type="datetime"]:valid.is-empty:focus,
.jazeForm input[type="datetime"].is-input-valid.is-empty:focus,
.jazeForm input[type="datetime"].ng-valid.is-empty:focus,
.jazeForm input[type="datetime"]:invalid.is-empty:focus,
.jazeForm input[type="datetime"].is-input-invalid.is-empty:focus,
.jazeForm input[type="datetime"].ng-invalid.is-empty:focus,
.jazeForm input[type="datetime-local"]:valid.is-empty:focus,
.jazeForm input[type="datetime-local"].is-input-valid.is-empty:focus,
.jazeForm input[type="datetime-local"].ng-valid.is-empty:focus,
.jazeForm input[type="datetime-local"]:invalid.is-empty:focus,
.jazeForm input[type="datetime-local"].is-input-invalid.is-empty:focus,
.jazeForm input[type="datetime-local"].ng-invalid.is-empty:focus,
.jazeForm input[type="email"]:valid.is-empty:focus,
.jazeForm input[type="email"].is-input-valid.is-empty:focus,
.jazeForm input[type="email"].ng-valid.is-empty:focus,
.jazeForm input[type="email"]:invalid.is-empty:focus,
.jazeForm input[type="email"].is-input-invalid.is-empty:focus,
.jazeForm input[type="email"].ng-invalid.is-empty:focus,
.jazeForm input[type="file"]:valid.is-empty:focus,
.jazeForm input[type="file"].is-input-valid.is-empty:focus,
.jazeForm input[type="file"].ng-valid.is-empty:focus,
.jazeForm input[type="file"]:invalid.is-empty:focus,
.jazeForm input[type="file"].is-input-invalid.is-empty:focus,
.jazeForm input[type="file"].ng-invalid.is-empty:focus,
.jazeForm input[type="image"]:valid.is-empty:focus,
.jazeForm input[type="image"].is-input-valid.is-empty:focus,
.jazeForm input[type="image"].ng-valid.is-empty:focus,
.jazeForm input[type="image"]:invalid.is-empty:focus,
.jazeForm input[type="image"].is-input-invalid.is-empty:focus,
.jazeForm input[type="image"].ng-invalid.is-empty:focus,
.jazeForm input[type="month"]:valid.is-empty:focus,
.jazeForm input[type="month"].is-input-valid.is-empty:focus,
.jazeForm input[type="month"].ng-valid.is-empty:focus,
.jazeForm input[type="month"]:invalid.is-empty:focus,
.jazeForm input[type="month"].is-input-invalid.is-empty:focus,
.jazeForm input[type="month"].ng-invalid.is-empty:focus,
.jazeForm input[type="number"]:valid.is-empty:focus,
.jazeForm input[type="number"].is-input-valid.is-empty:focus,
.jazeForm input[type="number"].ng-valid.is-empty:focus,
.jazeForm input[type="number"]:invalid.is-empty:focus,
.jazeForm input[type="number"].is-input-invalid.is-empty:focus,
.jazeForm input[type="number"].ng-invalid.is-empty:focus,
.jazeForm input[type="password"]:valid.is-empty:focus,
.jazeForm input[type="password"].is-input-valid.is-empty:focus,
.jazeForm input[type="password"].ng-valid.is-empty:focus,
.jazeForm input[type="password"]:invalid.is-empty:focus,
.jazeForm input[type="password"].is-input-invalid.is-empty:focus,
.jazeForm input[type="password"].ng-invalid.is-empty:focus,
.jazeForm input[type="search"]:valid.is-empty:focus,
.jazeForm input[type="search"].is-input-valid.is-empty:focus,
.jazeForm input[type="search"].ng-valid.is-empty:focus,
.jazeForm input[type="search"]:invalid.is-empty:focus,
.jazeForm input[type="search"].is-input-invalid.is-empty:focus,
.jazeForm input[type="search"].ng-invalid.is-empty:focus,
.jazeForm input[type="tel"]:valid.is-empty:focus,
.jazeForm input[type="tel"].is-input-valid.is-empty:focus,
.jazeForm input[type="tel"].ng-valid.is-empty:focus,
.jazeForm input[type="tel"]:invalid.is-empty:focus,
.jazeForm input[type="tel"].is-input-invalid.is-empty:focus,
.jazeForm input[type="tel"].ng-invalid.is-empty:focus,
.jazeForm input[type="text"]:valid.is-empty:focus,
.jazeForm input[type="text"].is-input-valid.is-empty:focus,
.jazeForm input[type="text"].ng-valid.is-empty:focus,
.jazeForm input[type="text"]:invalid.is-empty:focus,
.jazeForm input[type="text"].is-input-invalid.is-empty:focus,
.jazeForm input[type="text"].ng-invalid.is-empty:focus,
.jazeForm input[type="time"]:valid.is-empty:focus,
.jazeForm input[type="time"].is-input-valid.is-empty:focus,
.jazeForm input[type="time"].ng-valid.is-empty:focus,
.jazeForm input[type="time"]:invalid.is-empty:focus,
.jazeForm input[type="time"].is-input-invalid.is-empty:focus,
.jazeForm input[type="time"].ng-invalid.is-empty:focus,
.jazeForm input[type="url"]:valid.is-empty:focus,
.jazeForm input[type="url"].is-input-valid.is-empty:focus,
.jazeForm input[type="url"].ng-valid.is-empty:focus,
.jazeForm input[type="url"]:invalid.is-empty:focus,
.jazeForm input[type="url"].is-input-invalid.is-empty:focus,
.jazeForm input[type="url"].ng-invalid.is-empty:focus,
.jazeForm input[type="week"]:valid.is-empty:focus,
.jazeForm input[type="week"].is-input-valid.is-empty:focus,
.jazeForm input[type="week"].ng-valid.is-empty:focus,
.jazeForm input[type="week"]:invalid.is-empty:focus,
.jazeForm input[type="week"].is-input-invalid.is-empty:focus,
.jazeForm input[type="week"].ng-invalid.is-empty:focus,
.jazeForm output:valid.is-empty:focus,
.jazeForm output.is-input-valid.is-empty:focus,
.jazeForm output.ng-valid.is-empty:focus,
.jazeForm output:invalid.is-empty:focus,
.jazeForm output.is-input-invalid.is-empty:focus,
.jazeForm output.ng-invalid.is-empty:focus,
.jazeForm textarea:valid.is-empty:focus,
.jazeForm textarea.is-input-valid.is-empty:focus,
.jazeForm textarea.ng-valid.is-empty:focus,
.jazeForm textarea:invalid.is-empty:focus,
.jazeForm textarea.is-input-invalid.is-empty:focus,
.jazeForm textarea.ng-invalid.is-empty:focus,
.jazeForm.jazeFormComponent--box:valid.is-empty:focus,
.jazeForm.jazeFormComponent--box.is-input-valid.is-empty:focus,
.jazeForm.jazeFormComponent--box.ng-valid.is-empty:focus,
.jazeForm.jazeFormComponent--box:invalid.is-empty:focus,
.jazeForm.jazeFormComponent--box.is-input-invalid.is-empty:focus,
.jazeForm.jazeFormComponent--box.ng-invalid.is-empty:focus,
.jazeForm.jazeInputBox:valid.is-empty:focus,
.jazeForm.jazeInputBox.is-input-valid.is-empty:focus,
.jazeForm.jazeInputBox.ng-valid.is-empty:focus,
.jazeForm.jazeInputBox:invalid.is-empty:focus,
.jazeForm.jazeInputBox.is-input-invalid.is-empty:focus,
.jazeForm.jazeInputBox.ng-invalid.is-empty:focus,
.jazeForm.jazeIconInput:valid.is-empty:focus,
.jazeForm.jazeIconInput.is-input-valid.is-empty:focus,
.jazeForm.jazeIconInput.ng-valid.is-empty:focus,
.jazeForm.jazeIconInput:invalid.is-empty:focus,
.jazeForm.jazeIconInput.is-input-invalid.is-empty:focus,
.jazeForm.jazeIconInput.ng-invalid.is-empty:focus,
.jazeForm.jazeTextarea:valid.is-empty:focus,
.jazeForm.jazeTextarea.is-input-valid.is-empty:focus,
.jazeForm.jazeTextarea.ng-valid.is-empty:focus,
.jazeForm.jazeTextarea:invalid.is-empty:focus,
.jazeForm.jazeTextarea.is-input-invalid.is-empty:focus,
.jazeForm.jazeTextarea.ng-invalid.is-empty:focus {
border-color: var(--jaze-color-primary) !important
}
.jazeForm input[type="color"].is-invalid-important,
.jazeForm input[type="date"].is-invalid-important,
.jazeForm input[type="datetime"].is-invalid-important,
.jazeForm input[type="datetime-local"].is-invalid-important,
.jazeForm input[type="email"].is-invalid-important,
.jazeForm input[type="file"].is-invalid-important,
.jazeForm input[type="image"].is-invalid-important,
.jazeForm input[type="month"].is-invalid-important,
.jazeForm input[type="number"].is-invalid-important,
.jazeForm input[type="password"].is-invalid-important,
.jazeForm input[type="search"].is-invalid-important,
.jazeForm input[type="tel"].is-invalid-important,
.jazeForm input[type="text"].is-invalid-important,
.jazeForm input[type="time"].is-invalid-important,
.jazeForm input[type="url"].is-invalid-important,
.jazeForm input[type="week"].is-invalid-important,
.jazeForm output.is-invalid-important,
.jazeForm textarea.is-invalid-important,
.jazeForm.jazeFormComponent--box.is-invalid-important,
.jazeForm.jazeInputBox.is-invalid-important,
.jazeForm.jazeIconInput.is-invalid-important,
.jazeForm.jazeTextarea.is-invalid-important {
border-color: var(--jaze-color-danger) !important
}
.jazeForm select:valid,
.jazeForm .appFormDropdown__selectedItem:valid,
.jazeForm select.is-input-valid,
.jazeForm .is-input-valid.appFormDropdown__selectedItem,
.jazeForm select.ng-valid,
.jazeForm .ng-valid.appFormDropdown__selectedItem,
.jazeForm select:invalid,
.jazeForm .appFormDropdown__selectedItem:invalid,
.jazeForm select.is-input-invalid,
.jazeForm .is-input-invalid.appFormDropdown__selectedItem,
.jazeForm select.ng-invalid,
.jazeForm .ng-invalid.appFormDropdown__selectedItem,
.jazeForm.jazeFormComponent--select:valid,
.jazeForm.jazeFormComponent--select.is-input-valid,
.jazeForm.jazeFormComponent--select.ng-valid,
.jazeForm.jazeFormComponent--select:invalid,
.jazeForm.jazeFormComponent--select.is-input-invalid,
.jazeForm.jazeFormComponent--select.ng-invalid,
.jazeForm.jazeSelect:valid,
.jazeForm.jazeSelect.is-input-valid,
.jazeForm.jazeSelect.ng-valid,
.jazeForm.jazeSelect:invalid,
.jazeForm.jazeSelect.is-input-invalid,
.jazeForm.jazeSelect.ng-invalid {
border-color: var(--form-select-border-color-forced, var(--form-select-border-color, var(--jaze-color-N50)));
color: var(--form-select-font-color, var(--jaze-color-text-tertiary))
}
.jazeForm select:valid:focus,
.jazeForm .appFormDropdown__selectedItem:valid:focus,
.jazeForm select.is-input-valid:focus,
.jazeForm .is-input-valid.appFormDropdown__selectedItem:focus,
.jazeForm select.ng-valid:focus,
.jazeForm .ng-valid.appFormDropdown__selectedItem:focus,
.jazeForm select:invalid:focus,
.jazeForm .appFormDropdown__selectedItem:invalid:focus,
.jazeForm select.is-input-invalid:focus,
.jazeForm .is-input-invalid.appFormDropdown__selectedItem:focus,
.jazeForm select.ng-invalid:focus,
.jazeForm .ng-invalid.appFormDropdown__selectedItem:focus,
.jazeForm.jazeFormComponent--select:valid:focus,
.jazeForm.jazeFormComponent--select.is-input-valid:focus,
.jazeForm.jazeFormComponent--select.ng-valid:focus,
.jazeForm.jazeFormComponent--select:invalid:focus,
.jazeForm.jazeFormComponent--select.is-input-invalid:focus,
.jazeForm.jazeFormComponent--select.ng-invalid:focus,
.jazeForm.jazeSelect:valid:focus,
.jazeForm.jazeSelect.is-input-valid:focus,
.jazeForm.jazeSelect.ng-valid:focus,
.jazeForm.jazeSelect:invalid:focus,
.jazeForm.jazeSelect.is-input-invalid:focus,
.jazeForm.jazeSelect.ng-invalid:focus {
border-color: var(--jaze-color-primary)
}
.jazeForm select:valid.is-empty,
.jazeForm .appFormDropdown__selectedItem:valid.is-empty,
.jazeForm select.is-input-valid.is-empty,
.jazeForm .is-input-valid.is-empty.appFormDropdown__selectedItem,
.jazeForm select.ng-valid.is-empty,
.jazeForm .ng-valid.is-empty.appFormDropdown__selectedItem,
.jazeForm select:invalid.is-empty,
.jazeForm .appFormDropdown__selectedItem:invalid.is-empty,
.jazeForm select.is-input-invalid.is-empty,
.jazeForm .is-input-invalid.is-empty.appFormDropdown__selectedItem,
.jazeForm select.ng-invalid.is-empty,
.jazeForm .ng-invalid.is-empty.appFormDropdown__selectedItem,
.jazeForm.jazeFormComponent--select:valid.is-empty,
.jazeForm.jazeFormComponent--select.is-input-valid.is-empty,
.jazeForm.jazeFormComponent--select.ng-valid.is-empty,
.jazeForm.jazeFormComponent--select:invalid.is-empty,
.jazeForm.jazeFormComponent--select.is-input-invalid.is-empty,
.jazeForm.jazeFormComponent--select.ng-invalid.is-empty,
.jazeForm.jazeSelect:valid.is-empty,
.jazeForm.jazeSelect.is-input-valid.is-empty,
.jazeForm.jazeSelect.ng-valid.is-empty,
.jazeForm.jazeSelect:invalid.is-empty,
.jazeForm.jazeSelect.is-input-invalid.is-empty,
.jazeForm.jazeSelect.ng-invalid.is-empty {
border-color: var(--form-select-border-color-forced, var(--form-select-border-color, var(--jaze-color-N50))) !important;
color: var(--form-select-font-color, var(--jaze-color-text-tertiary)) !important
}
.jazeForm select:valid.is-empty:focus,
.jazeForm .appFormDropdown__selectedItem:valid.is-empty:focus,
.jazeForm select.is-input-valid.is-empty:focus,
.jazeForm .is-input-valid.is-empty.appFormDropdown__selectedItem:focus,
.jazeForm select.ng-valid.is-empty:focus,
.jazeForm .ng-valid.is-empty.appFormDropdown__selectedItem:focus,
.jazeForm select:invalid.is-empty:focus,
.jazeForm .appFormDropdown__selectedItem:invalid.is-empty:focus,
.jazeForm select.is-input-invalid.is-empty:focus,
.jazeForm .is-input-invalid.is-empty.appFormDropdown__selectedItem:focus,
.jazeForm select.ng-invalid.is-empty:focus,
.jazeForm .ng-invalid.is-empty.appFormDropdown__selectedItem:focus,
.jazeForm.jazeFormComponent--select:valid.is-empty:focus,
.jazeForm.jazeFormComponent--select.is-input-valid.is-empty:focus,
.jazeForm.jazeFormComponent--select.ng-valid.is-empty:focus,
.jazeForm.jazeFormComponent--select:invalid.is-empty:focus,
.jazeForm.jazeFormComponent--select.is-input-invalid.is-empty:focus,
.jazeForm.jazeFormComponent--select.ng-invalid.is-empty:focus,
.jazeForm.jazeSelect:valid.is-empty:focus,
.jazeForm.jazeSelect.is-input-valid.is-empty:focus,
.jazeForm.jazeSelect.ng-valid.is-empty:focus,
.jazeForm.jazeSelect:invalid.is-empty:focus,
.jazeForm.jazeSelect.is-input-invalid.is-empty:focus,
.jazeForm.jazeSelect.ng-invalid.is-empty:focus {
border-color: var(--jaze-color-primary) !important
}
.jazeForm select.is-invalid-important,
.jazeForm .is-invalid-important.appFormDropdown__selectedItem,
.jazeForm.jazeFormComponent--select.is-invalid-important,
.jazeForm.jazeSelect.is-invalid-important {
border-color: var(--jaze-color-danger) !important
}
.jazeForm input[type="checkbox"]:valid,
.jazeForm input[type="checkbox"].is-input-valid,
.jazeForm input[type="checkbox"].ng-valid,
.jazeForm input[type="checkbox"]:invalid,
.jazeForm input[type="checkbox"].is-input-invalid,
.jazeForm input[type="checkbox"].ng-invalid,
.jazeForm.jazeFormComponent--checkbox:valid,
.jazeForm.jazeFormComponent--checkbox.is-input-valid,
.jazeForm.jazeFormComponent--checkbox.ng-valid,
.jazeForm.jazeFormComponent--checkbox:invalid,
.jazeForm.jazeFormComponent--checkbox.is-input-invalid,
.jazeForm.jazeFormComponent--checkbox.ng-invalid,
.jazeForm.jazeCheckbox:valid,
.jazeForm.jazeCheckbox.is-input-valid,
.jazeForm.jazeCheckbox.ng-valid,
.jazeForm.jazeCheckbox:invalid,
.jazeForm.jazeCheckbox.is-input-invalid,
.jazeForm.jazeCheckbox.ng-invalid {
border-color: var(--form-checkbox-border-color, var(--jaze-color-N60))
}
.jazeForm.is-form-validation-visible input[type="color"]:valid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible input[type="color"].is-input-valid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible input[type="color"].ng-valid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible input[type="date"]:valid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible input[type="date"].is-input-valid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible input[type="date"].ng-valid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible input[type="datetime"]:valid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible input[type="datetime"].is-input-valid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible input[type="datetime"].ng-valid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible input[type="datetime-local"]:valid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible input[type="datetime-local"].is-input-valid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible input[type="datetime-local"].ng-valid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible input[type="email"]:valid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible input[type="email"].is-input-valid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible input[type="email"].ng-valid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible input[type="file"]:valid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible input[type="file"].is-input-valid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible input[type="file"].ng-valid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible input[type="image"]:valid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible input[type="image"].is-input-valid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible input[type="image"].ng-valid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible input[type="month"]:valid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible input[type="month"].is-input-valid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible input[type="month"].ng-valid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible input[type="number"]:valid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible input[type="number"].is-input-valid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible input[type="number"].ng-valid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible input[type="password"]:valid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible input[type="password"].is-input-valid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible input[type="password"].ng-valid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible input[type="search"]:valid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible input[type="search"].is-input-valid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible input[type="search"].ng-valid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible input[type="tel"]:valid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible input[type="tel"].is-input-valid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible input[type="tel"].ng-valid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible input[type="text"]:valid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible input[type="text"].is-input-valid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible input[type="text"].ng-valid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible input[type="time"]:valid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible input[type="time"].is-input-valid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible input[type="time"].ng-valid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible input[type="url"]:valid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible input[type="url"].is-input-valid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible input[type="url"].ng-valid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible input[type="week"]:valid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible input[type="week"].is-input-valid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible input[type="week"].ng-valid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible output:valid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible output.is-input-valid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible output.ng-valid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible textarea:valid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible textarea.is-input-valid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible textarea.ng-valid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible.jazeFormComponent--box:valid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible.jazeFormComponent--box.is-input-valid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible.jazeFormComponent--box.ng-valid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible.jazeInputBox:valid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible.jazeInputBox.is-input-valid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible.jazeInputBox.ng-valid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible.jazeIconInput:valid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible.jazeIconInput.is-input-valid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible.jazeIconInput.ng-valid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible.jazeTextarea:valid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible.jazeTextarea.is-input-valid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible.jazeTextarea.ng-valid:not(.without-standard-validation) {
border-color: var(--form-box-border-color-forced, var(--form-box-border-color, var(--jaze-color-N50)));
color: var(--form-box-font-color, var(--jaze-color-text-tertiary))
}
.jazeForm.is-form-validation-visible input[type="color"]:valid:not(.without-standard-validation):focus,
.jazeForm.is-form-validation-visible input[type="color"].is-input-valid:not(.without-standard-validation):focus,
.jazeForm.is-form-validation-visible input[type="color"].ng-valid:not(.without-standard-validation):focus,
.jazeForm.is-form-validation-visible input[type="date"]:valid:not(.without-standard-validation):focus,
.jazeForm.is-form-validation-visible input[type="date"].is-input-valid:not(.without-standard-validation):focus,
.jazeForm.is-form-validation-visible input[type="date"].ng-valid:not(.without-standard-validation):focus,
.jazeForm.is-form-validation-visible input[type="datetime"]:valid:not(.without-standard-validation):focus,
.jazeForm.is-form-validation-visible input[type="datetime"].is-input-valid:not(.without-standard-validation):focus,
.jazeForm.is-form-validation-visible input[type="datetime"].ng-valid:not(.without-standard-validation):focus,
.jazeForm.is-form-validation-visible input[type="datetime-local"]:valid:not(.without-standard-validation):focus,
.jazeForm.is-form-validation-visible input[type="datetime-local"].is-input-valid:not(.without-standard-validation):focus,
.jazeForm.is-form-validation-visible input[type="datetime-local"].ng-valid:not(.without-standard-validation):focus,
.jazeForm.is-form-validation-visible input[type="email"]:valid:not(.without-standard-validation):focus,
.jazeForm.is-form-validation-visible input[type="email"].is-input-valid:not(.without-standard-validation):focus,
.jazeForm.is-form-validation-visible input[type="email"].ng-valid:not(.without-standard-validation):focus,
.jazeForm.is-form-validation-visible input[type="file"]:valid:not(.without-standard-validation):focus,
.jazeForm.is-form-validation-visible input[type="file"].is-input-valid:not(.without-standard-validation):focus,
.jazeForm.is-form-validation-visible input[type="file"].ng-valid:not(.without-standard-validation):focus,
.jazeForm.is-form-validation-visible input[type="image"]:valid:not(.without-standard-validation):focus,
.jazeForm.is-form-validation-visible input[type="image"].is-input-valid:not(.without-standard-validation):focus,
.jazeForm.is-form-validation-visible input[type="image"].ng-valid:not(.without-standard-validation):focus,
.jazeForm.is-form-validation-visible input[type="month"]:valid:not(.without-standard-validation):focus,
.jazeForm.is-form-validation-visible input[type="month"].is-input-valid:not(.without-standard-validation):focus,
.jazeForm.is-form-validation-visible input[type="month"].ng-valid:not(.without-standard-validation):focus,
.jazeForm.is-form-validation-visible input[type="number"]:valid:not(.without-standard-validation):focus,
.jazeForm.is-form-validation-visible input[type="number"].is-input-valid:not(.without-standard-validation):focus,
.jazeForm.is-form-validation-visible input[type="number"].ng-valid:not(.without-standard-validation):focus,
.jazeForm.is-form-validation-visible input[type="password"]:valid:not(.without-standard-validation):focus,
.jazeForm.is-form-validation-visible input[type="password"].is-input-valid:not(.without-standard-validation):focus,
.jazeForm.is-form-validation-visible input[type="password"].ng-valid:not(.without-standard-validation):focus,
.jazeForm.is-form-validation-visible input[type="search"]:valid:not(.without-standard-validation):focus,
.jazeForm.is-form-validation-visible input[type="search"].is-input-valid:not(.without-standard-validation):focus,
.jazeForm.is-form-validation-visible input[type="search"].ng-valid:not(.without-standard-validation):focus,
.jazeForm.is-form-validation-visible input[type="tel"]:valid:not(.without-standard-validation):focus,
.jazeForm.is-form-validation-visible input[type="tel"].is-input-valid:not(.without-standard-validation):focus,
.jazeForm.is-form-validation-visible input[type="tel"].ng-valid:not(.without-standard-validation):focus,
.jazeForm.is-form-validation-visible input[type="text"]:valid:not(.without-standard-validation):focus,
.jazeForm.is-form-validation-visible input[type="text"].is-input-valid:not(.without-standard-validation):focus,
.jazeForm.is-form-validation-visible input[type="text"].ng-valid:not(.without-standard-validation):focus,
.jazeForm.is-form-validation-visible input[type="time"]:valid:not(.without-standard-validation):focus,
.jazeForm.is-form-validation-visible input[type="time"].is-input-valid:not(.without-standard-validation):focus,
.jazeForm.is-form-validation-visible input[type="time"].ng-valid:not(.without-standard-validation):focus,
.jazeForm.is-form-validation-visible input[type="url"]:valid:not(.without-standard-validation):focus,
.jazeForm.is-form-validation-visible input[type="url"].is-input-valid:not(.without-standard-validation):focus,
.jazeForm.is-form-validation-visible input[type="url"].ng-valid:not(.without-standard-validation):focus,
.jazeForm.is-form-validation-visible input[type="week"]:valid:not(.without-standard-validation):focus,
.jazeForm.is-form-validation-visible input[type="week"].is-input-valid:not(.without-standard-validation):focus,
.jazeForm.is-form-validation-visible input[type="week"].ng-valid:not(.without-standard-validation):focus,
.jazeForm.is-form-validation-visible output:valid:not(.without-standard-validation):focus,
.jazeForm.is-form-validation-visible output.is-input-valid:not(.without-standard-validation):focus,
.jazeForm.is-form-validation-visible output.ng-valid:not(.without-standard-validation):focus,
.jazeForm.is-form-validation-visible textarea:valid:not(.without-standard-validation):focus,
.jazeForm.is-form-validation-visible textarea.is-input-valid:not(.without-standard-validation):focus,
.jazeForm.is-form-validation-visible textarea.ng-valid:not(.without-standard-validation):focus,
.jazeForm.is-form-validation-visible.jazeFormComponent--box:valid:not(.without-standard-validation):focus,
.jazeForm.is-form-validation-visible.jazeFormComponent--box.is-input-valid:not(.without-standard-validation):focus,
.jazeForm.is-form-validation-visible.jazeFormComponent--box.ng-valid:not(.without-standard-validation):focus,
.jazeForm.is-form-validation-visible.jazeInputBox:valid:not(.without-standard-validation):focus,
.jazeForm.is-form-validation-visible.jazeInputBox.is-input-valid:not(.without-standard-validation):focus,
.jazeForm.is-form-validation-visible.jazeInputBox.ng-valid:not(.without-standard-validation):focus,
.jazeForm.is-form-validation-visible.jazeIconInput:valid:not(.without-standard-validation):focus,
.jazeForm.is-form-validation-visible.jazeIconInput.is-input-valid:not(.without-standard-validation):focus,
.jazeForm.is-form-validation-visible.jazeIconInput.ng-valid:not(.without-standard-validation):focus,
.jazeForm.is-form-validation-visible.jazeTextarea:valid:not(.without-standard-validation):focus,
.jazeForm.is-form-validation-visible.jazeTextarea.is-input-valid:not(.without-standard-validation):focus,
.jazeForm.is-form-validation-visible.jazeTextarea.ng-valid:not(.without-standard-validation):focus {
border-color: var(--jaze-color-primary)
}
.jazeForm.is-form-validation-visible input[type="color"]:invalid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible input[type="color"].is-input-invalid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible input[type="color"].ng-invalid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible input[type="date"]:invalid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible input[type="date"].is-input-invalid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible input[type="date"].ng-invalid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible input[type="datetime"]:invalid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible input[type="datetime"].is-input-invalid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible input[type="datetime"].ng-invalid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible input[type="datetime-local"]:invalid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible input[type="datetime-local"].is-input-invalid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible input[type="datetime-local"].ng-invalid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible input[type="email"]:invalid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible input[type="email"].is-input-invalid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible input[type="email"].ng-invalid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible input[type="file"]:invalid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible input[type="file"].is-input-invalid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible input[type="file"].ng-invalid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible input[type="image"]:invalid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible input[type="image"].is-input-invalid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible input[type="image"].ng-invalid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible input[type="month"]:invalid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible input[type="month"].is-input-invalid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible input[type="month"].ng-invalid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible input[type="number"]:invalid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible input[type="number"].is-input-invalid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible input[type="number"].ng-invalid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible input[type="password"]:invalid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible input[type="password"].is-input-invalid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible input[type="password"].ng-invalid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible input[type="search"]:invalid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible input[type="search"].is-input-invalid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible input[type="search"].ng-invalid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible input[type="tel"]:invalid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible input[type="tel"].is-input-invalid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible input[type="tel"].ng-invalid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible input[type="text"]:invalid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible input[type="text"].is-input-invalid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible input[type="text"].ng-invalid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible input[type="time"]:invalid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible input[type="time"].is-input-invalid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible input[type="time"].ng-invalid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible input[type="url"]:invalid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible input[type="url"].is-input-invalid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible input[type="url"].ng-invalid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible input[type="week"]:invalid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible input[type="week"].is-input-invalid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible input[type="week"].ng-invalid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible output:invalid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible output.is-input-invalid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible output.ng-invalid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible textarea:invalid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible textarea.is-input-invalid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible textarea.ng-invalid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible.jazeFormComponent--box:invalid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible.jazeFormComponent--box.is-input-invalid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible.jazeFormComponent--box.ng-invalid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible.jazeInputBox:invalid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible.jazeInputBox.is-input-invalid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible.jazeInputBox.ng-invalid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible.jazeIconInput:invalid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible.jazeIconInput.is-input-invalid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible.jazeIconInput.ng-invalid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible.jazeTextarea:invalid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible.jazeTextarea.is-input-invalid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible.jazeTextarea.ng-invalid:not(.without-standard-validation) {
border-color: var(--jaze-color-danger);
color: var(--jaze-color-danger)
}
.jazeForm.is-form-validation-visible input[type="color"].is-input-warning:not(.without-standard-validation),
.jazeForm.is-form-validation-visible input[type="color"].ng-invalid-divergent:not(.without-standard-validation),
.jazeForm.is-form-validation-visible input[type="date"].is-input-warning:not(.without-standard-validation),
.jazeForm.is-form-validation-visible input[type="date"].ng-invalid-divergent:not(.without-standard-validation),
.jazeForm.is-form-validation-visible input[type="datetime"].is-input-warning:not(.without-standard-validation),
.jazeForm.is-form-validation-visible input[type="datetime"].ng-invalid-divergent:not(.without-standard-validation),
.jazeForm.is-form-validation-visible input[type="datetime-local"].is-input-warning:not(.without-standard-validation),
.jazeForm.is-form-validation-visible input[type="datetime-local"].ng-invalid-divergent:not(.without-standard-validation),
.jazeForm.is-form-validation-visible input[type="email"].is-input-warning:not(.without-standard-validation),
.jazeForm.is-form-validation-visible input[type="email"].ng-invalid-divergent:not(.without-standard-validation),
.jazeForm.is-form-validation-visible input[type="file"].is-input-warning:not(.without-standard-validation),
.jazeForm.is-form-validation-visible input[type="file"].ng-invalid-divergent:not(.without-standard-validation),
.jazeForm.is-form-validation-visible input[type="image"].is-input-warning:not(.without-standard-validation),
.jazeForm.is-form-validation-visible input[type="image"].ng-invalid-divergent:not(.without-standard-validation),
.jazeForm.is-form-validation-visible input[type="month"].is-input-warning:not(.without-standard-validation),
.jazeForm.is-form-validation-visible input[type="month"].ng-invalid-divergent:not(.without-standard-validation),
.jazeForm.is-form-validation-visible input[type="number"].is-input-warning:not(.without-standard-validation),
.jazeForm.is-form-validation-visible input[type="number"].ng-invalid-divergent:not(.without-standard-validation),
.jazeForm.is-form-validation-visible input[type="password"].is-input-warning:not(.without-standard-validation),
.jazeForm.is-form-validation-visible input[type="password"].ng-invalid-divergent:not(.without-standard-validation),
.jazeForm.is-form-validation-visible input[type="search"].is-input-warning:not(.without-standard-validation),
.jazeForm.is-form-validation-visible input[type="search"].ng-invalid-divergent:not(.without-standard-validation),
.jazeForm.is-form-validation-visible input[type="tel"].is-input-warning:not(.without-standard-validation),
.jazeForm.is-form-validation-visible input[type="tel"].ng-invalid-divergent:not(.without-standard-validation),
.jazeForm.is-form-validation-visible input[type="text"].is-input-warning:not(.without-standard-validation),
.jazeForm.is-form-validation-visible input[type="text"].ng-invalid-divergent:not(.without-standard-validation),
.jazeForm.is-form-validation-visible input[type="time"].is-input-warning:not(.without-standard-validation),
.jazeForm.is-form-validation-visible input[type="time"].ng-invalid-divergent:not(.without-standard-validation),
.jazeForm.is-form-validation-visible input[type="url"].is-input-warning:not(.without-standard-validation),
.jazeForm.is-form-validation-visible input[type="url"].ng-invalid-divergent:not(.without-standard-validation),
.jazeForm.is-form-validation-visible input[type="week"].is-input-warning:not(.without-standard-validation),
.jazeForm.is-form-validation-visible input[type="week"].ng-invalid-divergent:not(.without-standard-validation),
.jazeForm.is-form-validation-visible output.is-input-warning:not(.without-standard-validation),
.jazeForm.is-form-validation-visible output.ng-invalid-divergent:not(.without-standard-validation),
.jazeForm.is-form-validation-visible textarea.is-input-warning:not(.without-standard-validation),
.jazeForm.is-form-validation-visible textarea.ng-invalid-divergent:not(.without-standard-validation),
.jazeForm.is-form-validation-visible.jazeFormComponent--box.is-input-warning:not(.without-standard-validation),
.jazeForm.is-form-validation-visible.jazeFormComponent--box.ng-invalid-divergent:not(.without-standard-validation),
.jazeForm.is-form-validation-visible.jazeInputBox.is-input-warning:not(.without-standard-validation),
.jazeForm.is-form-validation-visible.jazeInputBox.ng-invalid-divergent:not(.without-standard-validation),
.jazeForm.is-form-validation-visible.jazeIconInput.is-input-warning:not(.without-standard-validation),
.jazeForm.is-form-validation-visible.jazeIconInput.ng-invalid-divergent:not(.without-standard-validation),
.jazeForm.is-form-validation-visible.jazeTextarea.is-input-warning:not(.without-standard-validation),
.jazeForm.is-form-validation-visible.jazeTextarea.ng-invalid-divergent:not(.without-standard-validation) {
border-color: var(--jaze-color-warning);
color: var(--jaze-color-warning)
}
.jazeForm.is-form-validation-visible select:valid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible .appFormDropdown__selectedItem:valid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible select.is-input-valid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible .is-input-valid.appFormDropdown__selectedItem:not(.without-standard-validation),
.jazeForm.is-form-validation-visible select.ng-valid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible .ng-valid.appFormDropdown__selectedItem:not(.without-standard-validation),
.jazeForm.is-form-validation-visible.jazeFormComponent--select:valid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible.jazeFormComponent--select.is-input-valid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible.jazeFormComponent--select.ng-valid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible.jazeSelect:valid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible.jazeSelect.is-input-valid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible.jazeSelect.ng-valid:not(.without-standard-validation) {
border-color: var(--form-select-border-color-forced, var(--form-select-border-color, var(--jaze-color-N50)));
color: var(--form-select-font-color, var(--jaze-color-text-tertiary))
}
.jazeForm.is-form-validation-visible select:valid:not(.without-standard-validation):focus,
.jazeForm.is-form-validation-visible .appFormDropdown__selectedItem:valid:not(.without-standard-validation):focus,
.jazeForm.is-form-validation-visible select.is-input-valid:not(.without-standard-validation):focus,
.jazeForm.is-form-validation-visible .is-input-valid.appFormDropdown__selectedItem:not(.without-standard-validation):focus,
.jazeForm.is-form-validation-visible select.ng-valid:not(.without-standard-validation):focus,
.jazeForm.is-form-validation-visible .ng-valid.appFormDropdown__selectedItem:not(.without-standard-validation):focus,
.jazeForm.is-form-validation-visible.jazeFormComponent--select:valid:not(.without-standard-validation):focus,
.jazeForm.is-form-validation-visible.jazeFormComponent--select.is-input-valid:not(.without-standard-validation):focus,
.jazeForm.is-form-validation-visible.jazeFormComponent--select.ng-valid:not(.without-standard-validation):focus,
.jazeForm.is-form-validation-visible.jazeSelect:valid:not(.without-standard-validation):focus,
.jazeForm.is-form-validation-visible.jazeSelect.is-input-valid:not(.without-standard-validation):focus,
.jazeForm.is-form-validation-visible.jazeSelect.ng-valid:not(.without-standard-validation):focus {
border-color: var(--jaze-color-primary)
}
.jazeForm.is-form-validation-visible select:invalid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible .appFormDropdown__selectedItem:invalid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible select.is-input-invalid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible .is-input-invalid.appFormDropdown__selectedItem:not(.without-standard-validation),
.jazeForm.is-form-validation-visible select.ng-invalid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible .ng-invalid.appFormDropdown__selectedItem:not(.without-standard-validation),
.jazeForm.is-form-validation-visible.jazeFormComponent--select:invalid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible.jazeFormComponent--select.is-input-invalid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible.jazeFormComponent--select.ng-invalid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible.jazeSelect:invalid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible.jazeSelect.is-input-invalid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible.jazeSelect.ng-invalid:not(.without-standard-validation) {
border-color: var(--jaze-color-danger);
color: var(--jaze-color-danger)
}
.jazeForm.is-form-validation-visible select.is-input-warning:not(.without-standard-validation),
.jazeForm.is-form-validation-visible .is-input-warning.appFormDropdown__selectedItem:not(.without-standard-validation),
.jazeForm.is-form-validation-visible select.ng-invalid-divergent:not(.without-standard-validation),
.jazeForm.is-form-validation-visible .ng-invalid-divergent.appFormDropdown__selectedItem:not(.without-standard-validation),
.jazeForm.is-form-validation-visible.jazeFormComponent--select.is-input-warning:not(.without-standard-validation),
.jazeForm.is-form-validation-visible.jazeFormComponent--select.ng-invalid-divergent:not(.without-standard-validation),
.jazeForm.is-form-validation-visible.jazeSelect.is-input-warning:not(.without-standard-validation),
.jazeForm.is-form-validation-visible.jazeSelect.ng-invalid-divergent:not(.without-standard-validation) {
border-color: var(--jaze-color-warning);
color: var(--jaze-color-warning)
}
.jazeForm.is-form-validation-visible input[type="checkbox"]:valid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible input[type="checkbox"].is-input-valid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible input[type="checkbox"].ng-valid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible.jazeFormComponent--checkbox:valid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible.jazeFormComponent--checkbox.is-input-valid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible.jazeFormComponent--checkbox.ng-valid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible.jazeCheckbox:valid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible.jazeCheckbox.is-input-valid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible.jazeCheckbox.ng-valid:not(.without-standard-validation) {
border-color: var(--form-checkbox-border-color, var(--jaze-color-N60))
}
.jazeForm.is-form-validation-visible input[type="checkbox"]:invalid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible input[type="checkbox"].is-input-invalid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible input[type="checkbox"].ng-invalid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible.jazeFormComponent--checkbox:invalid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible.jazeFormComponent--checkbox.is-input-invalid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible.jazeFormComponent--checkbox.ng-invalid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible.jazeCheckbox:invalid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible.jazeCheckbox.is-input-invalid:not(.without-standard-validation),
.jazeForm.is-form-validation-visible.jazeCheckbox.ng-invalid:not(.without-standard-validation) {
border-color: var(--jaze-color-danger)
}
.jazeForm input.with-validation-meter:valid,
.jazeForm input.with-validation-meter.is-input-valid,
.jazeForm input.with-validation-meter.ng-valid {
border-color: var(--jaze-color-success);
color: var(--jaze-color-success)
}
.jazeForm input.with-validation-meter:invalid,
.jazeForm input.with-validation-meter.is-input-invalid,
.jazeForm input.with-validation-meter.ng-invalid {
border-color: var(--jaze-color-danger);
color: var(--jaze-color-danger)
}
.jazeForm input.with-validation-meter.is-input-warning,
.jazeForm input.with-validation-meter.ng-invalid-divergent {
border-color: var(--jaze-color-warning);
color: var(--jaze-color-warning)
}
.jazeHeader--properties {
max-width: calc(100% - var(--header-actions-width));
overflow: visible
}
.jazeHeader__title--properties {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
min-width: 0;
overflow: visible
}
.jazeHeaderPanel--overlapPreviousSiblingBorder {
margin-top: -1px;
padding-bottom: 1px;
z-index: 1000
}
.jazeIcon .button__icon {
margin-top: 0;
font-size: var(--icon-height, 16px)
}
.jazeIconGroup [unifi-aura-icon]+[unifi-aura-icon],
.jazeIconGroup [unifi-aura-icon]+.jazeIcon,
.jazeIconGroup .jazeIcon+[unifi-aura-icon] {
margin-left: calc(var(--icon-group-horizontal-rhythm-multiplier, 4) * var(--jaze-layout-grid-base))
}
.jazeIcon--largeSpinner {
--icon-height: 7rem;
--icon-width: 7rem
}
.jazeIcon--mediumSpinner {
--icon-height: 3.6rem;
--icon-width: 3.6rem
}
.jazeIcon--smallSpinner {
--icon-height: 1.5rem;
--icon-width: 1.5rem
}
.jazeIconText--largeIcon .jazeIconText__icon:before {
font-size: var(--icon-text-icon-height)
}
.jazeIconText--successPanelNotification,
.jazeIconText--warningPanelNotification {
--icon-text-icon-width: 18px;
--icon-text-icon-height: 18px;
--icon-text-icon-color: #fff;
--icon-text-text-color: #fff;
width: 100%
}
.jazeLinkContainer a {
color: var(--jaze-color-text-link);
text-decoration: none
}
.jazeLinkContainer a:hover {
color: var(--jaze-color-text-link-hover)
}
.jazeLinkContainer--notification a:hover {
opacity: .8
}
.jazeModalContainer--showGlobalHeader {
top: var(--jaze-layout-global-header-panel-height);
z-index: 100
}
.jazeModalInterior {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
max-height: calc(100vh - 40px);
max-width: calc(100vw - 40px);
overflow: hidden;
position: relative
}
.jazeModal--withMinHeight {
min-height: 200px
}
.jazeModalContent--deviceSetup {
width: 440px;
height: 350px;
padding-bottom: 0
}
.jazeModalContent--reportFingerprint {
max-width: calc(100vw - 90px);
width: 440px;
padding-bottom: 0
}
.jazeModalContent--missingFingerprint {
max-width: calc(100vw - 90px);
width: 440px;
max-height: 344px
}
.jazeModalContent__loading {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 150px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%
}
.jazeNoContent__icon {
background-color: transparent;
border-radius: 0
}
.jaze-mod-app-takeover.jazeHeaderPanel--global,
.jaze-mod-app-takeover .jazeHeaderPanel--global,
.jaze-mod-app-takeover.jaze-mod-dark.jazeHeaderPanel--global,
.jaze-mod-app-takeover.jaze-mod-dark .jazeHeaderPanel--global {
--header-panel-global-background-color: #000;
--header-panel-global-font-color: #fff
}
.jazePanelContainer.is-property-panel-open {
--unifi-property-panel-width: var(--jaze-layout-global-side-panel-width)
}
.is-undocked .jazePanelContent {
position: static
}
.jazeHeaderPanel--properties {
--header-panel-z-index: calc(10 + var(--jaze-layout-z-index-header-panel))
}
.is-property-panel-closed.is-property-panel-available .jazeHeaderPanel--primary {
padding-right: 60px
}
.is-property-panel-open.is-property-panel-inline.is-property-panel-tabbed .jazeHeaderPanel--primary {
padding-right: 78px
}
.is-undocked .jazeHeaderPanel--secondary {
border-top: none
}
.jazeMainPanel--terminal {
max-height: 80vh
}
.jazeMainPanel--terminal .jazePanelContent {
padding-left: 32px;
padding-right: 32px
}
.jazeSidePanel--actualFixed {
position: fixed;
top: 50px
}
.jazeSidePanel--settings {
--side-panel-width: 232px
}
.jazeSidePanel--settings .jazePanelContent {
padding-bottom: 16px;
padding-left: 16px;
padding-right: 16px;
padding-top: 23px
}
.jazeSidePanelGraph .unifiChartTooltip:not(.unifiChartTooltip--light) {
display: none
}
.jazeSidePanelGraph .unifiChartTooltip.unifiChartTooltip--light {
display: block
}
.jazeSidePanelGraph .unifiLineChart__grid .tick {
opacity: 0 !important
}
.jazeSidePanelGraph .unifiLineChart__grid g:first-of-type {
opacity: 1 !important
}
.jazeSidePanelGraph .unifiLineChart__axis g:last-child {
text-anchor: end
}
.jazeSidePanelGraph .unifiLineChart__axis text,
.jazeSidePanelGraph .unifiDeviceGraph .unifiLineChart__xAxisSecondary .tick text {
opacity: 0.5 !important
}
.jazeSidePanelGraph .unifiLineChart__yAxisLabel {
display: none
}
.jazeSidePanelGraph-experience .unifiLineChart__area {
fill: url(#experienceGraphGradient)
}
.jazeSidePanelGraph-experience .unifiLineChart__plot path {
stroke: #668edd
}
.jazeSidePanelGraph-experience .unifiLineChart__focusPoint {
fill: var(--jaze-color-primary);
stroke: white;
stroke-width: 1
}
.jazeSidePanelGraph-experience .unifiLineChart__focusPoint--success {
fill: var(--jaze-color-success)
}
.jazeSidePanelGraph-experience .unifiLineChart__focusPoint--warning {
fill: var(--jaze-color-warning)
}
.jazeSidePanelGraph-experience .unifiLineChart__focusPoint--danger {
fill: var(--jaze-color-danger)
}
.jazeSidePanelToggle {
background-color: var(--jaze-color-background-primary);
border-radius: 5px;
cursor: pointer;
left: -50px;
padding: 4px;
position: absolute;
top: 13px
}
:not(.is-side-panel-open) .jazeSidePanelToggle {
-webkit-animation: jazeSidePanelToggleShake 0.4s 0.2s 1 ease-in-out;
animation: jazeSidePanelToggleShake 0.4s 0.2s 1 ease-in-out;
-webkit-animation-delay: .3s;
animation-delay: .3s
}
.is-property-panel-closed .jazeSidePanelTabs {
display: none
}
.jazeSidePanelTab__icon {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 36px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 36px
}
@-webkit-keyframes jazeSidePanelToggleShake {
0%,
20%,
50%,
80%,
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
40% {
-webkit-transform: translateX(-3px);
-ms-transform: translateX(-3px);
transform: translateX(-3px)
}
60% {
-webkit-transform: translateX(-1px);
-ms-transform: translateX(-1px);
transform: translateX(-1px)
}
}
@keyframes jazeSidePanelToggleShake {
0%,
20%,
50%,
80%,
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
40% {
-webkit-transform: translateX(-3px);
-ms-transform: translateX(-3px);
transform: translateX(-3px)
}
60% {
-webkit-transform: translateX(-1px);
-ms-transform: translateX(-1px);
transform: translateX(-1px)
}
}
.is-undocked .jazeProperties--maximized {
max-height: 80vh
}
.jazeProperties__notifications {
padding: 8px 32px 8px 22px;
border-bottom: 1px solid var(--properties-overview-border-color, var(--jaze-color-border-primary));
color: var(--jaze-color-DN20)
}
.jazePropertiesNavigation__item.is-item-selected {
background-color: rgba(0, 111, 255, 0.05)
}
.jaze-mod-dark.jazeStatusBar,
.jaze-mod-dark .jazeStatusBar {
--status-bar-white-box-shadow: none;
--status-bar-legacy-background-color: rgba(255, 255, 255, .1)
}
.jaze-mod-reset-color.jazeStatusBar,
.jaze-mod-reset-color .jazeStatusBar {
--status-bar-white-box-shadow: initial;
--status-bar-legacy-background-color: initial
}
.jazeStatusBarGroup {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row
}
.jazeStatusBarGroup:not(.jazeStatusBarGroup--vertical) .jazeStatusBar+.jazeStatusBar {
margin-top: 8px
}
.jazeStatusBarGroup--stack {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.jazeStatusBarGroup--stack .jazeStatusBar+.jazeStatusBar {
margin-top: 4px
}
.jazeStatusBarGroup--vertical {
-ms-flex-wrap: no-wrap;
flex-wrap: no-wrap
}
.jazeStatusBarGroup--vertical .jazeStatusBarContainer {
height: 100%;
position: relative;
width: 100%
}
.jazeStatusBarGroup--vertical .jazeStatusBarContainer+.jazeStatusBarContainer {
padding-left: 2px
}
.jazeStatusBar.is-disabled,
.jazeStatusBar.is-status-bar-muted {
opacity: .5
}
.jazeStatusBar--header {
height: 0;
overflow: visible;
position: relative;
top: -1px;
z-index: calc(var(--jaze-layout-z-index-header-panel) + 1)
}
.jazeStatusBar--header .jazeStatusBar__status {
height: 2px
}
.jazeStatusBar--legacy {
--status-bar-background-color: var(--status-bar-legacy-background-color, rgba(0, 0, 0, .1))
}
.jazeStatusBar--vertical {
width: 100%;
height: 100%
}
.jazeStatusBar--vertical .jazeStatusBar__status {
position: relative;
top: 100%;
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%)
}
.jazeStatusBar--withBorder.jazeStatusBar--white,
.jazeStatusBar--withBorder .jazeStatusBar__status--white {
-webkit-box-shadow: var(--status-bar-white-box-shadow, 0px 0px 0.5px 0px rgba(0, 0, 0, 0.35));
box-shadow: var(--status-bar-white-box-shadow, 0px 0px 0.5px 0px rgba(0, 0, 0, 0.35))
}
.jazeStatusBar--tx {
--status-bar-color: #a252e3
}
.jazeStatusBar--rx {
--status-bar-color: #39cc64
}
.jazeStatusBar--white,
.jazeStatusBar__status--white {
--status-bar-color: #fff
}
.jazeStatusBar--disconnected,
.jazeStatusBar__status--disconnected {
--status-bar-color: var(--jaze-color-DN30)
}
.jazeStatusBar--low,
.jazeStatusBar__status--low {
--status-bar-color: var(--jaze-color-danger)
}
.jazeStatusBar--invertedLevel .jazeStatusBar--low,
.jazeStatusBar--low.jazeStatusBar--invertedLevel,
.jazeStatusBar--invertedLevel .jazeStatusBar__status--low,
.jazeStatusBar__status--low.jazeStatusBar--invertedLevel {
--status-bar-color: var(--jaze-color-success)
}
.jazeStatusBar--medium,
.jazeStatusBar__status--medium {
--status-bar-color: var(--jaze-color-warning)
}
.jazeStatusBar--high,
.jazeStatusBar__status--high {
--status-bar-color: var(--jaze-color-success)
}
.jazeStatusBar--invertedLevel .jazeStatusBar--high,
.jazeStatusBar--high.jazeStatusBar--invertedLevel,
.jazeStatusBar--invertedLevel .jazeStatusBar__status--high,
.jazeStatusBar__status--high.jazeStatusBar--invertedLevel {
--status-bar-color: var(--jaze-color-danger)
}
.jazeStatusBar__status {
-webkit-transition: width .3s ease, height .3s ease;
-o-transition: width .3s ease, height .3s ease;
transition: width .3s ease, height .3s ease
}
.jaze-mod-dark.jazeStatusBox,
.jaze-mod-dark .jazeStatusBox {
--status-box-white-border: none
}
.jaze-mod-reset-color.jazeStatusBox,
.jaze-mod-reset-color .jazeStatusBox {
--status-box-white-border: initial
}
.jazeStatusBox--withBorder {
border: 1px solid var(--status-box-border-color, var(--jaze-color-N60))
}
.jazeStatusBox--white {
background-color: #fff
}
.jazeStatusBox--white.jazeStatusBox--withConditionalBorder {
border: var(--status-box-white-border, 1px solid var(--jaze-color-N60))
}
.jazeStatusBox--disconnected {
background-color: var(--jaze-color-DN30)
}
.jazeStatusBox--disabled {
background-color: var(--jaze-color-DN0)
}
.jazeStatusKeyGroup .jazeStatusKey:nth-of-type(4n+2) {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.jazeStatusKeyGroup .jazeStatusKey:nth-of-type(4n+3) {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.jazeStatusKeyGroup .jazeStatusKey:nth-of-type(4n) {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end
}
.jazeStatusKeyGroup--standalone {
border: none;
margin-top: 0;
padding-top: 0
}
.jazeStatusKeyGroup--withSpacing {
margin-left: -8px;
margin-right: -8px
}
.jazeStatusKeyGroup--withSpacing .jazeStatusKey {
padding-left: 8px;
padding-right: 8px;
padding-bottom: 0
}
.jazeStatusKey .jazeIcon {
font-size: 7px
}
.jazeStatusKey--break:after {
content: '';
width: 100%
}
.jazeTable.is-not-responsive .th.visible--smUp,
.jazeTable.is-not-responsive .is-overview-panel-open:not(.is-overview-panel-inline) .th.visibleAdjusted--smUp,
.is-overview-panel-open:not(.is-overview-panel-inline) .jazeTable.is-not-responsive .th.visibleAdjusted--smUp,
.jazeTable.is-not-responsive .is-overview-panel-closed .th.visibleAdjusted--smUp,
.is-overview-panel-closed .jazeTable.is-not-responsive .th.visibleAdjusted--smUp,
.jazeTable.is-not-responsive .appModal .th.visibleAdjusted--smUp,
.appModal .jazeTable.is-not-responsive .th.visibleAdjusted--smUp,
.jazeTable.is-not-responsive .th.visible--mdUp,
.jazeTable.is-not-responsive .is-overview-panel-inline.is-overview-panel-open .th.visibleAdjusted--xsUp,
.is-overview-panel-inline.is-overview-panel-open .jazeTable.is-not-responsive .th.visibleAdjusted--xsUp,
.jazeTable.is-not-responsive .is-overview-panel-open:not(.is-overview-panel-inline) .th.visibleAdjusted--mdUp,
.is-overview-panel-open:not(.is-overview-panel-inline) .jazeTable.is-not-responsive .th.visibleAdjusted--mdUp,
.jazeTable.is-not-responsive .is-overview-panel-closed .th.visibleAdjusted--mdUp,
.is-overview-panel-closed .jazeTable.is-not-responsive .th.visibleAdjusted--mdUp,
.jazeTable.is-not-responsive .appModal .th.visibleAdjusted--mdUp,
.appModal .jazeTable.is-not-responsive .th.visibleAdjusted--mdUp,
.jazeTable.is-not-responsive .th.visible--lgUp,
.jazeTable.is-not-responsive .is-overview-panel-inline.is-overview-panel-open .th.visibleAdjusted--smUp,
.is-overview-panel-inline.is-overview-panel-open .jazeTable.is-not-responsive .th.visibleAdjusted--smUp,
.jazeTable.is-not-responsive .is-overview-panel-open:not(.is-overview-panel-inline) .th.visibleAdjusted--lgUp,
.is-overview-panel-open:not(.is-overview-panel-inline) .jazeTable.is-not-responsive .th.visibleAdjusted--lgUp,
.jazeTable.is-not-responsive .is-overview-panel-closed .th.visibleAdjusted--lgUp,
.is-overview-panel-closed .jazeTable.is-not-responsive .th.visibleAdjusted--lgUp,
.jazeTable.is-not-responsive .appModal .th.visibleAdjusted--lgUp,
.appModal .jazeTable.is-not-responsive .th.visibleAdjusted--lgUp,
.jazeTable.is-not-responsive .th.visible--xlgUp,
.jazeTable.is-not-responsive .is-overview-panel-inline.is-overview-panel-open .th.visibleAdjusted--mdUp,
.is-overview-panel-inline.is-overview-panel-open .jazeTable.is-not-responsive .th.visibleAdjusted--mdUp,
.jazeTable.is-not-responsive .is-overview-panel-open:not(.is-overview-panel-inline) .th.visibleAdjusted--xlgUp,
.is-overview-panel-open:not(.is-overview-panel-inline) .jazeTable.is-not-responsive .th.visibleAdjusted--xlgUp,
.jazeTable.is-not-responsive .is-overview-panel-closed .th.visibleAdjusted--xlgUp,
.is-overview-panel-closed .jazeTable.is-not-responsive .th.visibleAdjusted--xlgUp,
.jazeTable.is-not-responsive .appModal .th.visibleAdjusted--xlgUp,
.appModal .jazeTable.is-not-responsive .th.visibleAdjusted--xlgUp,
.jazeTable.is-not-responsive .th.visible--xxlgUp,
.jazeTable.is-not-responsive .is-overview-panel-inline.is-overview-panel-open .th.visibleAdjusted--lgUp,
.is-overview-panel-inline.is-overview-panel-open .jazeTable.is-not-responsive .th.visibleAdjusted--lgUp,
.jazeTable.is-not-responsive .is-overview-panel-inline.is-overview-panel-open .th.visibleAdjusted--xlgUp,
.is-overview-panel-inline.is-overview-panel-open .jazeTable.is-not-responsive .th.visibleAdjusted--xlgUp,
.jazeTable.is-not-responsive .td.visible--smUp,
.jazeTable.is-not-responsive .is-overview-panel-open:not(.is-overview-panel-inline) .td.visibleAdjusted--smUp,
.is-overview-panel-open:not(.is-overview-panel-inline) .jazeTable.is-not-responsive .td.visibleAdjusted--smUp,
.jazeTable.is-not-responsive .is-overview-panel-closed .td.visibleAdjusted--smUp,
.is-overview-panel-closed .jazeTable.is-not-responsive .td.visibleAdjusted--smUp,
.jazeTable.is-not-responsive .appModal .td.visibleAdjusted--smUp,
.appModal .jazeTable.is-not-responsive .td.visibleAdjusted--smUp,
.jazeTable.is-not-responsive .td.visible--mdUp,
.jazeTable.is-not-responsive .is-overview-panel-inline.is-overview-panel-open .td.visibleAdjusted--xsUp,
.is-overview-panel-inline.is-overview-panel-open .jazeTable.is-not-responsive .td.visibleAdjusted--xsUp,
.jazeTable.is-not-responsive .is-overview-panel-open:not(.is-overview-panel-inline) .td.visibleAdjusted--mdUp,
.is-overview-panel-open:not(.is-overview-panel-inline) .jazeTable.is-not-responsive .td.visibleAdjusted--mdUp,
.jazeTable.is-not-responsive .is-overview-panel-closed .td.visibleAdjusted--mdUp,
.is-overview-panel-closed .jazeTable.is-not-responsive .td.visibleAdjusted--mdUp,
.jazeTable.is-not-responsive .appModal .td.visibleAdjusted--mdUp,
.appModal .jazeTable.is-not-responsive .td.visibleAdjusted--mdUp,
.jazeTable.is-not-responsive .td.visible--lgUp,
.jazeTable.is-not-responsive .is-overview-panel-inline.is-overview-panel-open .td.visibleAdjusted--smUp,
.is-overview-panel-inline.is-overview-panel-open .jazeTable.is-not-responsive .td.visibleAdjusted--smUp,
.jazeTable.is-not-responsive .is-overview-panel-open:not(.is-overview-panel-inline) .td.visibleAdjusted--lgUp,
.is-overview-panel-open:not(.is-overview-panel-inline) .jazeTable.is-not-responsive .td.visibleAdjusted--lgUp,
.jazeTable.is-not-responsive .is-overview-panel-closed .td.visibleAdjusted--lgUp,
.is-overview-panel-closed .jazeTable.is-not-responsive .td.visibleAdjusted--lgUp,
.jazeTable.is-not-responsive .appModal .td.visibleAdjusted--lgUp,
.appModal .jazeTable.is-not-responsive .td.visibleAdjusted--lgUp,
.jazeTable.is-not-responsive .td.visible--xlgUp,
.jazeTable.is-not-responsive .is-overview-panel-inline.is-overview-panel-open .td.visibleAdjusted--mdUp,
.is-overview-panel-inline.is-overview-panel-open .jazeTable.is-not-responsive .td.visibleAdjusted--mdUp,
.jazeTable.is-not-responsive .is-overview-panel-open:not(.is-overview-panel-inline) .td.visibleAdjusted--xlgUp,
.is-overview-panel-open:not(.is-overview-panel-inline) .jazeTable.is-not-responsive .td.visibleAdjusted--xlgUp,
.jazeTable.is-not-responsive .is-overview-panel-closed .td.visibleAdjusted--xlgUp,
.is-overview-panel-closed .jazeTable.is-not-responsive .td.visibleAdjusted--xlgUp,
.jazeTable.is-not-responsive .appModal .td.visibleAdjusted--xlgUp,
.appModal .jazeTable.is-not-responsive .td.visibleAdjusted--xlgUp,
.jazeTable.is-not-responsive .td.visible--xxlgUp,
.jazeTable.is-not-responsive .is-overview-panel-inline.is-overview-panel-open .td.visibleAdjusted--lgUp,
.is-overview-panel-inline.is-overview-panel-open .jazeTable.is-not-responsive .td.visibleAdjusted--lgUp,
.jazeTable.is-not-responsive .is-overview-panel-inline.is-overview-panel-open .td.visibleAdjusted--xlgUp,
.is-overview-panel-inline.is-overview-panel-open .jazeTable.is-not-responsive .td.visibleAdjusted--xlgUp,
.jazeTable.is-not-responsive th.visible--smUp,
.jazeTable.is-not-responsive .is-overview-panel-open:not(.is-overview-panel-inline) th.visibleAdjusted--smUp,
.is-overview-panel-open:not(.is-overview-panel-inline) .jazeTable.is-not-responsive th.visibleAdjusted--smUp,
.jazeTable.is-not-responsive .is-overview-panel-closed th.visibleAdjusted--smUp,
.is-overview-panel-closed .jazeTable.is-not-responsive th.visibleAdjusted--smUp,
.jazeTable.is-not-responsive .appModal th.visibleAdjusted--smUp,
.appModal .jazeTable.is-not-responsive th.visibleAdjusted--smUp,
.jazeTable.is-not-responsive th.visible--mdUp,
.jazeTable.is-not-responsive .is-overview-panel-inline.is-overview-panel-open th.visibleAdjusted--xsUp,
.is-overview-panel-inline.is-overview-panel-open .jazeTable.is-not-responsive th.visibleAdjusted--xsUp,
.jazeTable.is-not-responsive .is-overview-panel-open:not(.is-overview-panel-inline) th.visibleAdjusted--mdUp,
.is-overview-panel-open:not(.is-overview-panel-inline) .jazeTable.is-not-responsive th.visibleAdjusted--mdUp,
.jazeTable.is-not-responsive .is-overview-panel-closed th.visibleAdjusted--mdUp,
.is-overview-panel-closed .jazeTable.is-not-responsive th.visibleAdjusted--mdUp,
.jazeTable.is-not-responsive .appModal th.visibleAdjusted--mdUp,
.appModal .jazeTable.is-not-responsive th.visibleAdjusted--mdUp,
.jazeTable.is-not-responsive th.visible--lgUp,
.jazeTable.is-not-responsive .is-overview-panel-inline.is-overview-panel-open th.visibleAdjusted--smUp,
.is-overview-panel-inline.is-overview-panel-open .jazeTable.is-not-responsive th.visibleAdjusted--smUp,
.jazeTable.is-not-responsive .is-overview-panel-open:not(.is-overview-panel-inline) th.visibleAdjusted--lgUp,
.is-overview-panel-open:not(.is-overview-panel-inline) .jazeTable.is-not-responsive th.visibleAdjusted--lgUp,
.jazeTable.is-not-responsive .is-overview-panel-closed th.visibleAdjusted--lgUp,
.is-overview-panel-closed .jazeTable.is-not-responsive th.visibleAdjusted--lgUp,
.jazeTable.is-not-responsive .appModal th.visibleAdjusted--lgUp,
.appModal .jazeTable.is-not-responsive th.visibleAdjusted--lgUp,
.jazeTable.is-not-responsive th.visible--xlgUp,
.jazeTable.is-not-responsive .is-overview-panel-inline.is-overview-panel-open th.visibleAdjusted--mdUp,
.is-overview-panel-inline.is-overview-panel-open .jazeTable.is-not-responsive th.visibleAdjusted--mdUp,
.jazeTable.is-not-responsive .is-overview-panel-open:not(.is-overview-panel-inline) th.visibleAdjusted--xlgUp,
.is-overview-panel-open:not(.is-overview-panel-inline) .jazeTable.is-not-responsive th.visibleAdjusted--xlgUp,
.jazeTable.is-not-responsive .is-overview-panel-closed th.visibleAdjusted--xlgUp,
.is-overview-panel-closed .jazeTable.is-not-responsive th.visibleAdjusted--xlgUp,
.jazeTable.is-not-responsive .appModal th.visibleAdjusted--xlgUp,
.appModal .jazeTable.is-not-responsive th.visibleAdjusted--xlgUp,
.jazeTable.is-not-responsive th.visible--xxlgUp,
.jazeTable.is-not-responsive .is-overview-panel-inline.is-overview-panel-open th.visibleAdjusted--lgUp,
.is-overview-panel-inline.is-overview-panel-open .jazeTable.is-not-responsive th.visibleAdjusted--lgUp,
.jazeTable.is-not-responsive .is-overview-panel-inline.is-overview-panel-open th.visibleAdjusted--xlgUp,
.is-overview-panel-inline.is-overview-panel-open .jazeTable.is-not-responsive th.visibleAdjusted--xlgUp,
.jazeTable.is-not-responsive td.visible--smUp,
.jazeTable.is-not-responsive .is-overview-panel-open:not(.is-overview-panel-inline) td.visibleAdjusted--smUp,
.is-overview-panel-open:not(.is-overview-panel-inline) .jazeTable.is-not-responsive td.visibleAdjusted--smUp,
.jazeTable.is-not-responsive .is-overview-panel-closed td.visibleAdjusted--smUp,
.is-overview-panel-closed .jazeTable.is-not-responsive td.visibleAdjusted--smUp,
.jazeTable.is-not-responsive .appModal td.visibleAdjusted--smUp,
.appModal .jazeTable.is-not-responsive td.visibleAdjusted--smUp,
.jazeTable.is-not-responsive td.visible--mdUp,
.jazeTable.is-not-responsive .is-overview-panel-inline.is-overview-panel-open td.visibleAdjusted--xsUp,
.is-overview-panel-inline.is-overview-panel-open .jazeTable.is-not-responsive td.visibleAdjusted--xsUp,
.jazeTable.is-not-responsive .is-overview-panel-open:not(.is-overview-panel-inline) td.visibleAdjusted--mdUp,
.is-overview-panel-open:not(.is-overview-panel-inline) .jazeTable.is-not-responsive td.visibleAdjusted--mdUp,
.jazeTable.is-not-responsive .is-overview-panel-closed td.visibleAdjusted--mdUp,
.is-overview-panel-closed .jazeTable.is-not-responsive td.visibleAdjusted--mdUp,
.jazeTable.is-not-responsive .appModal td.visibleAdjusted--mdUp,
.appModal .jazeTable.is-not-responsive td.visibleAdjusted--mdUp,
.jazeTable.is-not-responsive td.visible--lgUp,
.jazeTable.is-not-responsive .is-overview-panel-inline.is-overview-panel-open td.visibleAdjusted--smUp,
.is-overview-panel-inline.is-overview-panel-open .jazeTable.is-not-responsive td.visibleAdjusted--smUp,
.jazeTable.is-not-responsive .is-overview-panel-open:not(.is-overview-panel-inline) td.visibleAdjusted--lgUp,
.is-overview-panel-open:not(.is-overview-panel-inline) .jazeTable.is-not-responsive td.visibleAdjusted--lgUp,
.jazeTable.is-not-responsive .is-overview-panel-closed td.visibleAdjusted--lgUp,
.is-overview-panel-closed .jazeTable.is-not-responsive td.visibleAdjusted--lgUp,
.jazeTable.is-not-responsive .appModal td.visibleAdjusted--lgUp,
.appModal .jazeTable.is-not-responsive td.visibleAdjusted--lgUp,
.jazeTable.is-not-responsive td.visible--xlgUp,
.jazeTable.is-not-responsive .is-overview-panel-inline.is-overview-panel-open td.visibleAdjusted--mdUp,
.is-overview-panel-inline.is-overview-panel-open .jazeTable.is-not-responsive td.visibleAdjusted--mdUp,
.jazeTable.is-not-responsive .is-overview-panel-open:not(.is-overview-panel-inline) td.visibleAdjusted--xlgUp,
.is-overview-panel-open:not(.is-overview-panel-inline) .jazeTable.is-not-responsive td.visibleAdjusted--xlgUp,
.jazeTable.is-not-responsive .is-overview-panel-closed td.visibleAdjusted--xlgUp,
.is-overview-panel-closed .jazeTable.is-not-responsive td.visibleAdjusted--xlgUp,
.jazeTable.is-not-responsive .appModal td.visibleAdjusted--xlgUp,
.appModal .jazeTable.is-not-responsive td.visibleAdjusted--xlgUp,
.jazeTable.is-not-responsive td.visible--xxlgUp,
.jazeTable.is-not-responsive .is-overview-panel-inline.is-overview-panel-open td.visibleAdjusted--lgUp,
.is-overview-panel-inline.is-overview-panel-open .jazeTable.is-not-responsive td.visibleAdjusted--lgUp,
.jazeTable.is-not-responsive .is-overview-panel-inline.is-overview-panel-open td.visibleAdjusted--xlgUp,
.is-overview-panel-inline.is-overview-panel-open .jazeTable.is-not-responsive td.visibleAdjusted--xlgUp {
display: table-cell !important
}
.jazeTable--withStickyActions .jazeTableCell__actions--inline {
padding-right: 10px
}
.jazeTableHeader--noBorder th,
.jazeTableHeader--noBorder .th {
border: none
}
.jazeTableCell--deviceIcon {
--table-body-cell-vertical-rhythm-multiplier: 0;
text-align: center !important;
width: 40px
}
.jazeTableCell--statusBar {
--table-body-cell-vertical-rhythm-multiplier: 0;
vertical-align: middle;
min-width: 140px
}
.jazeTableCell__tooltip {
height: 13px;
overflow: visible
}
.jazeToast__details {
word-break: break-all
}
@supports (word-break: break-word) {
.jazeToast__details {
word-break: break-word
}
}
.jazeTooltipContainer--sticky {
padding-bottom: var(--tooltip-container-sticky-offset, 20px);
margin-bottom: calc(-1 * var(--tooltip-container-sticky-offset, 20px))
}
.jazeTooltipContainer--sticky .jazeTooltip {
margin-top: calc(-1 * var(--tooltip-container-sticky-tooltip-offset, 20px))
}
.jazeTooltipContainer--sticky .jazeTooltip:hover {
--tooltip-display: block
}
.jazeTooltip--standalone {
padding: 12px;
width: var(--tooltip-width, auto);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
.jazeTooltip--small {
width: 200px
}
.jazeTooltip--lineChart {
border-radius: 4px;
border-width: .9px;
border: none;
-webkit-box-shadow: -2px 3px 9px -1px var(--jaze-color-drop-shadow);
box-shadow: -2px 3px 9px -1px var(--jaze-color-drop-shadow);
font-size: 11px;
font-weight: bold;
left: 8px;
padding: 4px;
position: absolute;
white-space: nowrap
}
.jazeTooltip--lineChart:before {
background-color: var(--tooltip-background-color, var(--default-tooltip-background-color));
border-radius: 2px;
content: "";
display: block;
height: 10px;
line-height: 10px;
left: -3px;
pointer-events: none;
position: absolute;
top: 5px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
width: 10px;
z-index: -1
}
.border-top-primary {
border-top: 1px solid var(--jaze-color-border-primary)
}
.opacity-30 {
opacity: .3 !important
}
.mx-12 {
margin-left: 48px;
margin-right: 48px
}
.height-auto {
height: auto !important
}
.type-with-space-before:before {
content: "\00a0"
}
.appPikaday {
background: transparent;
color: var(--jaze-color-text-primary)
}
.appPikaday .is-startrange,
.appPikaday .is-endrange,
.appPikaday .is-inrange {
background-color: var(--jaze-color-primary)
}
.appPikaday .is-startrange .pika-button,
.appPikaday .is-endrange .pika-button,
.appPikaday .is-inrange .pika-button {
color: white
}
.appPikaday .is-startrange .pika-button:hover,
.appPikaday .is-endrange .pika-button:hover,
.appPikaday .is-inrange .pika-button:hover {
color: white
}
.appPikaday .is-startrange:hover,
.appPikaday .is-endrange:hover,
.appPikaday .is-inrange:hover {
background-color: var(--jaze-color-primary-L20)
}
.appPikaday .pika-next.is-disabled,
.appPikaday .pika-prev.is-disabled {
opacity: 0.3
}
.appPikaday .pika-table {
border-spacing: 3px
}
.appPikaday .pika-table th {
border-bottom: 1px solid #e5e7ed;
padding-bottom: 10px
}
.appPikaday .pika-table td {
width: 2rem;
height: 2rem
}
.appPikaday .pika-title {
margin-bottom: 1rem
}
.appPikaday .pika-button,
.appPikaday .pika-label,
.appPikaday .pika-select {
color: var(--jaze-color-text-primary)
}
.appPikaday .pika-label {
font-size: 11px;
font-weight: bold;
text-transform: uppercase
}
.appPikaday .pika-prev,
.appPikaday .pika-next {
color: var(--jaze-color-text-primary)
}
.appPikaday .pika-prev:hover,
.appPikaday .pika-next:hover {
color: var(--jaze-color-text-link)
}
.appPikaday .pika-prev:before {
content: "\e6cf"
}
.appPikaday .pika-next:before {
content: "\e6ce"
}
.appPikaday abbr {
text-decoration: none
}
.busyToggle {
position: relative
}
.busyToggle__body.ng-hide {
display: block !important;
visibility: hidden
}
.busyToggle__spinner {
position: absolute;
top: 50%;
left: 50%
}
.busyToggle__spinner .spinner {
font-size: 1rem;
margin-left: -.5em;
margin-top: -.5em
}
[unifi-draggable-item] {
position: relative
}
.draggablePreventSelection {
-webkit-user-select: none;
-moz-user-select: none;
-o-user-select: none;
-ms-user-select: none;
user-select: none
}
#map .gm-style-mtc>div:nth-child(1) {
padding: 0px 9px !important;
height: 30px !important;
font-size: 15px !important
}
#map .gm-style-mtc>div:nth-child(2) {
top: 30px !important
}
#map .gm-style-mtc>div:nth-child(2)>div {
padding: 2px 4px 2px 2px !important;
font-size: 14px !important
}
.json-formatter-row {
font-family: monospace
}
.json-formatter-row,
.json-formatter-row a,
.json-formatter-row a:hover {
color: black;
text-decoration: none
}
.json-formatter-row .json-formatter-row {
margin-left: 1em
}
.json-formatter-row .children.empty {
opacity: 0.5;
margin-left: 1em
}
.json-formatter-row .children.empty.object:after {
content: "No properties"
}
.json-formatter-row .children.empty.array:after {
content: "[]"
}
.json-formatter-row .string {
color: green;
white-space: pre;
word-wrap: break-word
}
.json-formatter-row .number {
color: blue
}
.json-formatter-row .boolean {
color: red
}
.json-formatter-row .null {
color: #855a00
}
.json-formatter-row .undefined {
color: #ca0b69
}
.json-formatter-row .function {
color: #ff20ed
}
.json-formatter-row .date {
background-color: rgba(0, 0, 0, 0.05)
}
.json-formatter-row .url {
text-decoration: underline;
color: blue;
cursor: pointer
}
.json-formatter-row .bracket {
color: blue
}
.json-formatter-row .key {
color: #00008b;
cursor: pointer
}
.json-formatter-row .constructor-name {
cursor: pointer
}
.json-formatter-row .toggler {
font-size: 0.8em;
line-height: 1.2em;
vertical-align: middle;
opacity: 0.6;
cursor: pointer
}
.json-formatter-row .toggler:after {
display: inline-block;
-webkit-transition: -webkit-transform 100ms ease-in;
transition: -webkit-transform 100ms ease-in;
-o-transition: transform 100ms ease-in;
transition: transform 100ms ease-in;
transition: transform 100ms ease-in, -webkit-transform 100ms ease-in;
content: "â–º"
}
.json-formatter-row .toggler.open:after {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg)
}
.json-formatter-row>a>.thumbnail-text {
opacity: 0;
-webkit-transition: opacity 0.15s ease-in;
-o-transition: opacity 0.15s ease-in;
transition: opacity 0.15s ease-in;
font-style: italic
}
.json-formatter-row:hover>a>.thumbnail-text {
opacity: 0.6
}
.json-formatter-dark.json-formatter-row {
font-family: monospace
}
.json-formatter-dark.json-formatter-row,
.json-formatter-dark.json-formatter-row a,
.json-formatter-dark.json-formatter-row a:hover {
color: white;
text-decoration: none
}
.json-formatter-dark.json-formatter-row .json-formatter-row {
margin-left: 1em
}
.json-formatter-dark.json-formatter-row .children.empty {
opacity: 0.5;
margin-left: 1em
}
.json-formatter-dark.json-formatter-row .children.empty.object:after {
content: "No properties"
}
.json-formatter-dark.json-formatter-row .children.empty.array:after {
content: "[]"
}
.json-formatter-dark.json-formatter-row .string {
color: #31f031;
white-space: pre;
word-wrap: break-word
}
.json-formatter-dark.json-formatter-row .number {
color: #66c2ff
}
.json-formatter-dark.json-formatter-row .boolean {
color: #ec4242
}
.json-formatter-dark.json-formatter-row .null {
color: #eec97d
}
.json-formatter-dark.json-formatter-row .undefined {
color: #ef8fbe
}
.json-formatter-dark.json-formatter-row .function {
color: #fd48cb
}
.json-formatter-dark.json-formatter-row .date {
background-color: rgba(255, 255, 255, 0.05)
}
.json-formatter-dark.json-formatter-row .url {
text-decoration: underline;
color: #027bff;
cursor: pointer
}
.json-formatter-dark.json-formatter-row .bracket {
color: #9494ff
}
.json-formatter-dark.json-formatter-row .key {
color: #23a0db;
cursor: pointer
}
.json-formatter-dark.json-formatter-row .constructor-name {
cursor: pointer
}
.json-formatter-dark.json-formatter-row .toggler {
font-size: 0.8em;
line-height: 1.2em;
vertical-align: middle;
opacity: 0.6;
cursor: pointer
}
.json-formatter-dark.json-formatter-row .toggler:after {
display: inline-block;
-webkit-transition: -webkit-transform 100ms ease-in;
transition: -webkit-transform 100ms ease-in;
-o-transition: transform 100ms ease-in;
transition: transform 100ms ease-in;
transition: transform 100ms ease-in, -webkit-transform 100ms ease-in;
content: "â–º"
}
.json-formatter-dark.json-formatter-row .toggler.open:after {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg)
}
.json-formatter-dark.json-formatter-row>a>.thumbnail-text {
opacity: 0;
-webkit-transition: opacity 0.15s ease-in;
-o-transition: opacity 0.15s ease-in;
transition: opacity 0.15s ease-in;
font-style: italic
}
.json-formatter-dark.json-formatter-row:hover>a>.thumbnail-text {
opacity: 0.6
}
[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak,
.ng-hide:not(.ng-hide-animate) {
display: none
}
[unifi-resizable-item]:not(.withCustomResizeHandles) .resizeHandleRight {
position: absolute;
top: 0;
right: -3px;
width: 5px;
height: 100%;
z-index: 10
}
[unifi-resizable-item]:not(.withCustomResizeHandles) .resizeHandleBottom {
position: absolute;
bottom: -3px;
left: 0;
width: 100%;
height: 5px;
z-index: 10
}
[unifi-resizable-item]:not(.withCustomResizeHandles) .resizeHandleBottomRight {
position: absolute;
bottom: -5px;
right: -5px;
width: 0;
height: 0;
border-style: solid;
border-width: 0 0 10px 10px;
border-color: transparent;
z-index: 20
}
[unifi-resizable-item] .is-resizable-horizontally {
cursor: e-resize
}
[unifi-resizable-item] .is-resizable-vertically {
cursor: s-resize
}
[unifi-resizable-item] .is-resizable-horizontally.is-resizable-vertically {
cursor: se-resize
}
[unifi-resizable-panel]:not(.withCustomResizeHandles) .resizeHandleTop,
[unifi-resizable-panel]:not(.withCustomResizeHandles) .resizeHandleBottom {
position: absolute;
right: 50%;
margin-left: -10px;
width: 20px;
z-index: 10;
opacity: .4
}
[unifi-resizable-panel]:not(.withCustomResizeHandles) .resizeHandleTop:before,
[unifi-resizable-panel]:not(.withCustomResizeHandles) .resizeHandleBottom:before {
content: "\e68b";
font-family: 'jaze';
width: 20px;
font-size: 16px;
line-height: 16px;
display: inline-block;
text-align: center
}
[unifi-resizable-panel]:not(.withCustomResizeHandles) .resizeHandleTop {
top: 2px
}
[unifi-resizable-panel]:not(.withCustomResizeHandles) .resizeHandleBottom {
bottom: 2px
}
[unifi-resizable-panel] .is-resizable-horizontally {
cursor: col-resize
}
[unifi-resizable-panel] .is-resizable-vertically {
cursor: row-resize
}
.rzslider {
margin: 0
}
.rzslider .rz-bar {
height: 6px;
background: #e5e7ed;
border-radius: 6px
}
.rzslider .rz-bar.rz-selection {
background: var(--color-500)
}
.rzslider .rz-pointer {
border-radius: 8px;
background-color: #fff;
border: 1px solid #a4a7b5;
cursor: pointer;
width: 16px;
height: 16px;
top: -5px;
outline-width: 0
}
.rzslider .rz-pointer:after {
display: none
}
.jaze-mod-dark .rzslider .rz-bar:not(.rz-selection) {
background: var(--jaze-color-DN30)
}
.appVsRepeat {
bottom: 0;
left: 0;
right: 0;
max-height: 100%
}
.vs-repeat-before-content {
margin: 0
}
.vs-repeat-repeated-element {
margin: 0 8px;
white-space: nowrap;
line-height: 20px
}
.vs-repeat-after-content {
margin: 0
}
.xterm {
font-family: courier-new, courier, monospace;
-webkit-font-feature-settings: "liga" 0;
font-feature-settings: "liga" 0;
position: relative;
-moz-user-select: none;
user-select: none;
-ms-user-select: none;
-webkit-user-select: none
}
.xterm.focus,
.xterm:focus {
outline: none
}
.xterm .xterm-helpers {
position: absolute;
top: 0;
z-index: 10
}
.xterm .xterm-helper-textarea {
position: absolute;
opacity: 0;
left: -9999em;
top: 0;
width: 0;
height: 0;
z-index: -10;
white-space: nowrap;
overflow: hidden;
resize: none
}
.xterm .composition-view {
background: #000;
color: #FFF;
display: none;
position: absolute;
white-space: nowrap;
z-index: 1
}
.xterm .composition-view.active {
display: block
}
.xterm .xterm-viewport {
background-color: #000;
overflow-y: scroll;
cursor: default;
position: absolute;
right: 0;
left: 0;
top: 0;
bottom: 0
}
.xterm .xterm-screen {
position: relative
}
.xterm .xterm-screen canvas {
position: absolute;
left: 0;
top: 0
}
.xterm .xterm-scroll-area {
visibility: hidden
}
.xterm .xterm-char-measure-element {
display: inline-block;
visibility: hidden;
position: absolute;
left: -9999em
}
.xterm.enable-mouse-events {
cursor: default
}
.xterm:not(.enable-mouse-events) {
cursor: text
}
.terminal {
font-family: "DejaVu Sans Mono", "Liberation Mono", monospace;
font-size: 11px;
color: black;
background-color: white
}
.terminal .terminal-cursor {
background-color: black;
color: white
}
.terminal .xterm-viewport {
background-color: white
}
.terminal .xterm-viewport::-webkit-scrollbar {
height: 14px;
width: 14px
}
.terminal .xterm-viewport::-webkit-scrollbar-thumb {
background-clip: content-box;
background-color: var(--jaze-color-scrollbar-thumb);
border-radius: 14px;
border: 4px solid transparent;
min-height: 60px
}
.terminal .xterm-viewport::-webkit-scrollbar-track {
background: rgba(0, 0, 0, 0);
border-radius: 6pxcalc($offset * 2)
}
.terminal .xterm-viewport::-webkit-scrollbar-corner {
background-color: transparent
}
.terminal:not(.focus) .terminal-cursor {
outline: 1px solid black;
outline-offset: -1px;
background-color: transparent
}
.whiteout {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 30;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.type-word-break {
word-break: break-all
}
.auraIcon--signal.auraIcon--signal1 .auraIcon__signal2,
.auraIcon--signal.auraIcon--signal1 .auraIcon__signal3,
.auraIcon--signal.auraIcon--signal1 .auraIcon__signal4,
.auraIcon--signal.auraIcon--signal1 .auraIcon__signal5 {
fill: #000;
opacity: .2
}
.auraIcon--signal.auraIcon--signal2 .auraIcon__signal3,
.auraIcon--signal.auraIcon--signal2 .auraIcon__signal4,
.auraIcon--signal.auraIcon--signal2 .auraIcon__signal5 {
fill: #000;
opacity: .2
}
.auraIcon--signal.auraIcon--signal3 .auraIcon__signal4,
.auraIcon--signal.auraIcon--signal3 .auraIcon__signal5 {
fill: #000;
opacity: .2
}
.auraIcon--signal.auraIcon--signal4 .auraIcon__signal5 {
fill: #000;
opacity: .2
}
.ufsdn {
font-size: 12px !important
}
.app {
visibility: visible !important
}