@charset "UTF-8";

/* node_modules/@signify/interact-ui/styles/config/_font.scss */
@font-face {
  font-family: "Relative Faux";
  src: url("./media/Relative-Faux-Web.woff") format("woff");
}
@font-face {
  font-family: "Roboto";
  src: url("./media/Roboto-Regular-webfont.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Roboto";
  src: url("./media/Roboto-Bold-webfont.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "UI Icon";
  src: url("./media/iconfont.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}

/* src/styles.scss */
@font-face {
  font-family: "Roboto";
  font-weight: 100;
  font-style: italic;
  src: url("./media/Roboto-ThinItalic.woff") format("woff"), url("./media/Roboto-ThinItalic.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-weight: 100;
  font-style: normal;
  src: url("./media/Roboto-Thin.woff") format("woff"), url("./media/Roboto-Thin.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-weight: 300;
  font-style: italic;
  src: url("./media/Roboto-LightItalic.woff") format("woff"), url("./media/Roboto-LightItalic.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-weight: 300;
  font-style: normal;
  src: url("./media/Roboto-Light.woff") format("woff"), url("./media/Roboto-Light.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-weight: 400;
  font-style: italic;
  src: url("./media/Roboto-RegularItalic.woff") format("woff"), url("./media/Roboto-RegularItalic.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-weight: 400;
  font-style: normal;
  src: url("./media/Roboto-Regular.woff") format("woff"), url("./media/Roboto-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-weight: normal;
  font-style: italic;
  src: url("./media/Roboto-RegularItalic.woff") format("woff"), url("./media/Roboto-RegularItalic.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-weight: normal;
  font-style: normal;
  src: url("./media/Roboto-Regular.woff") format("woff"), url("./media/Roboto-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-weight: 500;
  font-style: italic;
  src: url("./media/Roboto-MediumItalic.woff") format("woff"), url("./media/Roboto-MediumItalic.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-weight: 500;
  font-style: normal;
  src: url("./media/Roboto-Medium.woff") format("woff"), url("./media/Roboto-Medium.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-weight: 700;
  font-style: italic;
  src: url("./media/Roboto-BoldItalic.woff") format("woff"), url("./media/Roboto-BoldItalic.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-weight: 700;
  font-style: normal;
  src: url("./media/Roboto-Bold.woff") format("woff"), url("./media/Roboto-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-weight: bold;
  font-style: italic;
  src: url("./media/Roboto-BoldItalic.woff") format("woff"), url("./media/Roboto-BoldItalic.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-weight: bold;
  font-style: normal;
  src: url("./media/Roboto-Bold.woff") format("woff"), url("./media/Roboto-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-weight: 900;
  font-style: italic;
  src: url("./media/Roboto-BlackItalic.woff") format("woff"), url("./media/Roboto-BlackItalic.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-weight: 900;
  font-style: normal;
  src: url("./media/Roboto-Black.woff") format("woff"), url("./media/Roboto-Black.ttf") format("truetype");
}
*,
*::before,
*::after {
  border: 0 solid;
  box-sizing: border-box;
  outline: none;
  -webkit-tap-highlight-color: transparent;
}
html {
  height: 100%;
  -ms-overflow-style: scrollbar;
}
body {
  margin: 0;
  min-height: 100%;
  position: relative;
}
a {
  cursor: pointer;
  text-decoration: none;
}
b,
strong {
  font-weight: 700;
}
hr {
  border-width: 1px 0 0;
}
ol,
ul {
  list-style: none;
  padding: 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  width: 100%;
}
th {
  text-align: left;
}
button,
input,
select,
textarea {
  -moz-appearance: none;
  -webkit-appearance: none;
}
button {
  cursor: pointer;
}
textarea {
  resize: none;
}
[type=number] {
  -moz-appearance: textfield;
}
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  -webkit-appearance: none;
}
::-ms-clear,
::-ms-reveal {
  display: none;
}
:disabled {
  cursor: not-allowed;
}
:root {
  --mid-gray: #969696;
  --white: #FFF;
  --dark-gray-180: #050506;
  --dark-gray-160: #1C1C1F;
  --dark-gray-120: #303034;
  --dark-gray-100: #3C3C41;
  --dark-gray-80: #636367;
  --dark-gray-60: #8A8A8D;
  --dark-gray-40: #B1B1B1;
  --dark-gray-20: #D8D8D9;
  --dark-gray-10: #EBEBEC;
  --dark-gray-5: #F5F5F5;
  --coral-120: #CD2C4C;
  --coral-100: #FF375F;
  --coral-80: #FF5F7F;
  --coral-60: #FFAFBF;
  --coral-20: #FFEBEF;
  --blue-120: #1028CC;
  --blue-100: #1432FF;
  --blue-60: #7284FF;
  --blue-40: #A1ADFF;
  --blue-20: #D0D6FF;
  --red-130: #BF0013;
  --red-100: #FF0019;
  --red-50: #FF8080;
  --red-20: #FFCCD1;
  --orange-130: #DC3205;
  --orange-100: #FF6D00;
  --orange-50: #FFB680;
  --orange-20: #FFE2CC;
  --yellow-130: #FF9800;
  --yellow-100: #FFC107;
  --yellow-50: #FFF59D;
  --yellow-20: #FFFBD8;
  --green-130: #0F9646;
  --green-100: #00C853;
  --green-50: #80E3A9;
  --green-20: #CCF4DD;
  --magenta-150: #801C5F;
  --magenta-120: #BF298F;
  --magenta-100: #FF37BE;
  --magenta-50: #FF9BDF;
  --magenta-20: #FFD7F2;
  --purple-150: #60008F;
  --purple-120: #8000BF;
  --purple-100: #AA00FF;
  --purple-50: #D480FF;
  --purple-20: #EECCFF;
  --ink-blue-150: #153180;
  --ink-blue-120: #1F4ABF;
  --ink-blue-100: #2962FF;
  --ink-blue-50: #94B0FF;
  --ink-blue-20: #D4E0FF;
  --light-blue-150: #21636E;
  --light-blue-120: #008A9F;
  --light-blue-100: #00B8D4;
  --light-blue-50: #80DCEA;
  --light-blue-20: #CCF1F6;
  --aqua-150: #00695B;
  --aqua-120: #008F7C;
  --aqua-100: #00BFA5;
  --aqua-50: #80DFD2;
  --aqua-20: #CCF2ED;
  --lime-green-150: #0F7A07;
  --lime-green-120: #4BA611;
  --lime-green-100: #64DD17;
  --lime-green-50: #B1EE8B;
  --lime-green-20: #E0F8D1;
  --shadow-1: 0 0 4px 0 rgba(0, 0, 0, .1), 0 2px 4px 0 rgba(0, 0, 0, .1);
  --shadow-2: 0 0 6px 0 rgba(0, 0, 0, .1), 0 2px 6px 0 rgba(0, 0, 0, .1);
  --shadow-3: 0 0 8px 0 rgba(0, 0, 0, .1), 0 2px 8px 0 rgba(0, 0, 0, .1);
  --shadow-4: 0 0 6px 0 rgba(0, 0, 0, .24), 0 2px 6px 0 rgba(0, 0, 0, .16);
  --bg-overlay: rgba(5, 5, 6, .6);
  --text-muted: var(--dark-gray-60);
  --control-primary: var(--coral-100);
  --control-primary-hover: var(--coral-80);
  --control-primary-active: var(--coral-120);
  --control-error: var(--red-100);
  --control-error-light: var(--red-50);
  --control-warning: var(--orange-100);
  --control-success: var(--green-100);
  --progress-track: var(--dark-gray-40);
}
.iconfont {
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
}
.iconfont::before {
  content: "";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: "UI Icon" !important;
  font-size: 24px;
  font-weight: 400;
  height: 100%;
  line-height: 1;
  width: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-checkmark::before {
  content: "\e6a7";
}
.icon-camera::before {
  content: "\e6a8";
}
.icon-controls::before {
  content: "\e6a9";
}
.icon-clock::before {
  content: "\e6aa";
}
.icon-cross::before {
  content: "\e6ab";
}
.icon-calendar::before {
  content: "\e6ac";
}
.icon-download-cloud::before {
  content: "\e6ad";
}
.icon-dashboard::before {
  content: "\e6ae";
}
.icon-download::before {
  content: "\e6af";
}
.icon-documents::before {
  content: "\e6b0";
}
.icon-data::before {
  content: "\e6b1";
}
.icon-document::before {
  content: "\e6b2";
}
.icon-energy::before {
  content: "\e6b3";
}
.icon-drag-drop::before {
  content: "\e6b4";
}
.icon-edit::before {
  content: "\e6b6";
}
.icon-export::before {
  content: "\e6b8";
}
.icon-faults::before,
.icon-fault::before {
  content: "\e6ba";
}
.icon-filter::before {
  content: "\e6bb";
}
.icon-eyedropper::before {
  content: "\e6bc";
}
.icon-folder::before {
  content: "\e6bd";
}
.icon-globe::before {
  content: "\e6c0";
}
.icon-firmware-updates::before {
  content: "\e6c1";
}
.icon-heart::before {
  content: "\e6c2";
}
.icon-help::before {
  content: "\e6c4";
}
.icon-hide::before {
  content: "\e6c5";
}
.icon-home::before {
  content: "\e6c6";
}
.icon-info::before {
  content: "\e6c7";
}
.icon-lock-close::before,
.icon-lock::before {
  content: "\e6c8";
}
.icon-logout::before {
  content: "\e6c9";
}
.icon-mail::before {
  content: "\e6ca";
}
.icon-lock-open::before {
  content: "\e6cb";
}
.icon-microphone::before {
  content: "\e6cc";
}
.icon-minus-16::before {
  content: "\e6cd";
}
.icon-plus-16::before {
  content: "\e6ce";
}
.icon-notifications::before {
  content: "\e6cf";
}
.icon-plus::before {
  content: "\e6d0";
}
.icon-minus::before {
  content: "\e6d1";
}
.icon-power-on-off::before,
.icon-power::before {
  content: "\e6d2";
}
.icon-redo::before {
  content: "\e6d3";
}
.icon-refresh::before {
  content: "\e6d4";
}
.icon-scene::before {
  content: "\e6d6";
}
.icon-search::before {
  content: "\e6d7";
}
.icon-shopping-cart::before {
  content: "\e6d9";
}
.icon-undo::before {
  content: "\e6da";
}
.icon-upload-cloud::before {
  content: "\e6db";
}
.icon-show::before {
  content: "\e6dc";
}
.icon-upload::before {
  content: "\e6dd";
}
.icon-user::before {
  content: "\e6de";
}
.icon-trash-bin::before {
  content: "\e6df";
}
.icon-video::before {
  content: "\e6e0";
}
.icon-desktop::before {
  content: "\e6e1";
}
.icon-alert::before {
  content: "\e6e2";
}
.icon-users::before,
.icon-user-group::before {
  content: "\e6e3";
}
.icon-phone::before {
  content: "\e6e4";
}
.icon-tablet::before {
  content: "\e6e5";
}
.icon-mobile-phone::before {
  content: "\e6e6";
}
.icon-tv::before {
  content: "\e6e9";
}
.icon-floor-plan::before {
  content: "\e6ea";
}
.icon-floor::before {
  content: "\e6eb";
}
.icon-floors::before {
  content: "\e6ec";
}
.icon-location-pin::before {
  content: "\e6ee";
}
.icon-cafe::before {
  content: "\e6ef";
}
.icon-building::before {
  content: "\e6f0";
}
.icon-couch::before {
  content: "\e6f1";
}
.icon-restaurant::before {
  content: "\e6f2";
}
.icon-map::before {
  content: "\e6f3";
}
.icon-shopping-bag::before {
  content: "\e6f4";
}
.icon-site::before {
  content: "\e6f5";
}
.icon-street::before {
  content: "\e6f6";
}
.icon-brightness::before {
  content: "\e6f8";
}
.icon-gateway::before {
  content: "\e6f9";
}
.icon-kids-area::before {
  content: "\e6fa";
}
.icon-light-bulb::before,
.icon-luminaire::before {
  content: "\e6fb";
}
.icon-olc::before {
  content: "\e6fc";
}
.icon-olc-not-connected::before,
.icon-olc-unconnected::before {
  content: "\e6fd";
}
.icon-olc-connected::before {
  content: "\e6fe";
}
.icon-light-group::before,
.icon-luminaire-group::before {
  content: "\e6ff";
}
.icon-sunrise::before {
  content: "\e700";
}
.icon-sunset::before {
  content: "\e701";
}
.icon-switch-on::before {
  content: "\e702";
}
.icon-switch-off::before {
  content: "\e703";
}
.icon-drag::before {
  content: "\e705";
}
.icon-dragging::before {
  content: "\e706";
}
.icon-draw-rectangle::before {
  content: "\e70a";
}
.icon-move::before {
  content: "\e70b";
}
.icon-select::before {
  content: "\e70c";
}
.icon-zoom-in::before {
  content: "\e70d";
}
.icon-zoom-out::before {
  content: "\e70e";
}
.icon-fast-forward::before {
  content: "\e70f";
}
.icon-fast-forward-circle::before {
  content: "\e710";
}
.icon-play-circle::before {
  content: "\e711";
}
.icon-play::before {
  content: "\e712";
}
.icon-rewind-circle::before {
  content: "\e713";
}
.icon-rewind::before {
  content: "\e714";
}
.icon-menu::before {
  content: "\e715";
}
.icon-settings::before {
  content: "\e716";
}
.icon-wrench::before {
  content: "\e717";
}
.icon-caret-down::before {
  content: "\e719";
}
.icon-caret-up-down::before {
  content: "\e71a";
}
.icon-pause::before {
  content: "\e71b";
}
.icon-chevron-left-double::before,
.icon-chevron-double-left::before {
  content: "\e71c";
}
.icon-chevron-left::before {
  content: "\e71d";
}
.icon-ellipsis::before {
  content: "\e71e";
}
.icon-pause-circle::before {
  content: "\e71f";
}
.icon-chevron-right-double::before,
.icon-chevron-double-right::before {
  content: "\e720";
}
.icon-chevron-right::before {
  content: "\e721";
}
.icon-list-view::before {
  content: "\e724";
}
.icon-grid-view::before {
  content: "\e725";
}
.icon-reorder::before {
  content: "\e727";
}
.icon-plugs::before {
  content: "\e728";
}
.icon-springboard::before {
  content: "\e729";
}
.icon-not-connected::before,
.icon-unconnected::before {
  content: "\e72a";
}
.icon-selection-rectangular::before {
  content: "\e72c";
}
.icon-connected::before {
  content: "\e72d";
}
.icon-caret-up::before {
  content: "\e72f";
}
.icon-chevron-down-double::before,
.icon-chevron-double-down::before {
  content: "\e730";
}
.icon-chevron-up-double::before,
.icon-chevron-double-up::before {
  content: "\e731";
}
.icon-pole::before {
  content: "\e732";
}
.icon-bracket::before {
  content: "\e733";
}
.icon-streetlight::before {
  content: "\e734";
}
.icon-breadcrumb::before {
  content: "\e735";
}
.icon-aim::before {
  content: "\e736";
}
.icon-outdoor-luminaire::before {
  content: "\e738";
}
.icon-caret-right::before {
  content: "\e73b";
}
.icon-caret-left::before {
  content: "\e73c";
}
.icon-chevron-up::before {
  content: "\e73d";
}
.icon-chevron-down::before {
  content: "\e73e";
}
.icon-battery::before {
  content: "\e740";
}
.icon-battery-16::before {
  content: "\e741";
}
.icon-bookmark::before {
  content: "\e742";
}
.icon-distribute-horizontal::before {
  content: "\e744";
}
.icon-file-xls::before {
  content: "\e745";
}
.icon-file-pdf::before {
  content: "\e746";
}
.icon-file-doc::before {
  content: "\e747";
}
.icon-line-chart::before {
  content: "\e748";
}
.icon-manual-on-map::before {
  content: "\e749";
}
.icon-focus-room::before {
  content: "\e74c";
}
.icon-elevator::before {
  content: "\e74d";
}
.icon-emergency-exit::before {
  content: "\e74e";
}
.icon-entrance::before {
  content: "\e74f";
}
.icon-game-area::before {
  content: "\e750";
}
.icon-kitchen::before {
  content: "\e751";
}
.location-grid-pin::before,
.icon-location-pin-group::before {
  content: "\e752";
}
.icon-meeting-room::before {
  content: "\e753";
}
.icon-occupancy-low::before {
  content: "\e754";
}
.icon-occupancy::before {
  content: "\e755";
}
.icon-occupancy-medium::before {
  content: "\e756";
}
.icon-silence::before {
  content: "\e757";
}
.icon-restroom-male::before {
  content: "\e758";
}
.icon-restroom-female::before {
  content: "\e759";
}
.icon-restroom-accessible::before {
  content: "\e75a";
}
.icon-vending-machine::before {
  content: "\e75b";
}
.icon-landline::before {
  content: "\e75c";
}
.icon-office-chair::before {
  content: "\e75d";
}
.icon-desk-standing::before {
  content: "\e75e";
}
.icon-desk::before {
  content: "\e75f";
}
.icon-power-data-supply::before {
  content: "\e760";
}
.icon-projector::before {
  content: "\e761";
}
.icon-printer::before {
  content: "\e762";
}
.icon-tv-comparative::before {
  content: "\e763";
}
.icon-white-board::before {
  content: "\e764";
}
.icon-cabinet::before {
  content: "\e765";
}
.icon-commissioning::before {
  content: "\e766";
}
.icon-fixture-smart::before {
  content: "\e767";
}
.icon-fixture-commissioned::before {
  content: "\e768";
}
.icon-indoor-luminaire-smart::before,
.icon-luminaire-smart::before {
  content: "\e769";
}
.icon-indoor-luminaire-commissioned::before,
.icon-luminaire-commissioned::before {
  content: "\e76a";
}
.icon-outdoor-luminaire-commissioned::before {
  content: "\e76b";
}
.icon-outdoor-luminaire-smart::before {
  content: "\e76c";
}
.icon-light-sub-group::before,
.icon-luminaire-subgroup::before {
  content: "\e76d";
}
.icon-plug-load-control::before {
  content: "\e76e";
}
.icon-sensor::before {
  content: "\e76f";
}
.icon-server::before {
  content: "\e770";
}
.icon-annotation::before {
  content: "\e72b";
}
.icon-compass::before {
  content: "\e72e";
}
.icon-annotation-luminaire::before {
  content: "\e771";
}
.icon-fixture::before {
  content: "\e772";
}
.icon-fixture-grid::before {
  content: "\e773";
}
.icon-selection-extend::before {
  content: "\e774";
}
.icon-start-direction::before {
  content: "\e775";
}
.icon-my-location::before {
  content: "\e776";
}
.icon-route-starting-point::before {
  content: "\e777";
}
.icon-navigate::before {
  content: "\e778";
}
.icon-apple-tv-streaming::before {
  content: "\e779";
}
.icon-chromecast-streaming::before {
  content: "\e77a";
}
.icon-interact-office-01::before {
  content: "\e77b";
}
.icon-interact-office-08::before {
  content: "\e77c";
}
.icon-interact-office-03::before {
  content: "\e77d";
}
.icon-interact-office-07::before {
  content: "\e77e";
}
.icon-interact-office-09::before {
  content: "\e77f";
}
.icon-interact-office-05::before {
  content: "\e780";
}
.icon-interact-office-06::before {
  content: "\e781";
}
.icon-interact-office-02::before {
  content: "\e782";
}
.icon-interact-office-10::before {
  content: "\e783";
}
.icon-interact-office-04::before {
  content: "\e784";
}
.icon-interact-office-11::before {
  content: "\e785";
}
.icon-interact-office-13::before {
  content: "\e786";
}
.icon-interact-office-14::before {
  content: "\e787";
}
.icon-interact-office-16::before {
  content: "\e788";
}
.icon-interact-office-15::before {
  content: "\e789";
}
.icon-interact-office-17::before {
  content: "\e78a";
}
.icon-interact-office-generic::before {
  content: "\e78b";
}
.icon-interact-office-12::before {
  content: "\e78c";
}
.icon-chevron-16-left::before,
.icon-chevron-small-left::before {
  content: "\e722";
}
.icon-chevron-16-right::before,
.icon-chevron-small-right::before {
  content: "\e78d";
}
.icon-chevron-16-down::before,
.icon-chevron-small-down::before {
  content: "\e78e";
}
.icon-chevron-16-up::before,
.icon-chevron-small-up::before {
  content: "\e78f";
}
.icon-restroom::before {
  content: "\e743";
}
.icon-stairs::before {
  content: "\e790";
}
.icon-fixture-connected::before {
  content: "\e791";
}
.icon-indoor-luminaire-connected::before,
.icon-luminaire-connected::before {
  content: "\e792";
}
.icon-spot::before {
  content: "\e793";
}
.icon-polygon-area-2::before,
.icon-draw-polygon::before {
  content: "\e794";
}
.icon-mute::before {
  content: "\e795";
}
.icon-circle::before {
  content: "\e796";
}
.icon-controller::before {
  content: "\e797";
}
.icon-housing::before {
  content: "\e798";
}
.icon-segment-controller::before {
  content: "\e799";
}
.icon-router::before {
  content: "\e79a";
}
.icon-horizontal-split::before,
.icon-split-screen-horizontal::before {
  content: "\e79c";
}
.icon-exclamation::before {
  content: "\e79d";
}
.icon-full-screen-panel::before,
.icon-fullscreen::before {
  content: "\e79e";
}
.icon-error::before {
  content: "\e79f";
}
.icon-full-screen-map::before,
.icon-fullscreen-map::before {
  content: "\e7a0";
}
.icon-vertical-split::before,
.icon-split-screen-vertical::before {
  content: "\e7a2";
}
.icon-i::before {
  content: "\e7a3";
}
.icon-siren::before {
  content: "\e7a4";
}
.icon-info-s::before,
.icon-info-square::before {
  content: "\e7a5";
}
.icon-faults-s::before,
.icon-fault-square::before {
  content: "\e7a6";
}
.icon-error-s::before,
.icon-error-square::before {
  content: "\e7a7";
}
.icon-streetlight-unconnected-on-map::before {
  content: "\e739";
}
.icon-cabinet-unconnected-on-map::before {
  content: "\e73a";
}
.icon-refresh-16::before {
  content: "\e7a8";
}
.icon-caret-16::before {
  content: "\e7a9";
}
.icon-search-16::before {
  content: "\e7f1";
}
.icon-cloud-connection::before {
  content: "\e7aa";
}
.icon-align-bottom::before {
  content: "\e73f";
}
.icon-align-center-horizontal::before {
  content: "\e74a";
}
.icon-align-left::before {
  content: "\e74b";
}
.icon-align-right::before {
  content: "\e7ac";
}
.icon-align-center-vertical::before {
  content: "\e7ad";
}
.icon-align-top::before {
  content: "\e7ae";
}
.icon-distribute-vertical::before {
  content: "\e7af";
}
.icon-deselect::before {
  content: "\e7b0";
}
.icon-select-all::before {
  content: "\e7b1";
}
.icon-automatic-schedule::before {
  content: "\e7b2";
}
.icon-repeat::before {
  content: "\e7b3";
}
.icon-alert-24::before {
  content: "\e7b4";
}
.icon-alert-16::before {
  content: "\e7b5";
}
.icon-assign::before {
  content: "\e7b6";
}
.icon-location-pin-none::before {
  content: "\e7b7";
}
.icon-water-glass::before {
  content: "\e7b8";
}
.icon-warehouse::before {
  content: "\e7b9";
}
.icon-industry::before {
  content: "\e7ba";
}
.icon-retail::before {
  content: "\e7bb";
}
.icon-reception::before {
  content: "\e7bc";
}
.icon-kiosk::before {
  content: "\e7bd";
}
.icon-shower::before {
  content: "\e7be";
}
.icon-brightness-16::before {
  content: "\e7bf";
}
.icon-broadcasting::before {
  content: "\e7c0";
}
.icon-next-circle::before {
  content: "\e7c1";
}
.icon-previous::before {
  content: "\e7c2";
}
.icon-next::before {
  content: "\e7c3";
}
.icon-previous-circle::before {
  content: "\e7c4";
}
.icon-cross-16::before {
  content: "\e7a1";
}
.icon-cabinet-connecting-on-map::before {
  content: "\e7c5";
}
.icon-streetlight-connecting-on-map::before {
  content: "\e7c6";
}
.icon-manual::before {
  content: "\e7f2";
}
.icon-siren-on-map::before {
  content: "\e7f3";
}
.icon-condensed::before {
  content: "\e7c7";
}
.icon-super-condensed::before {
  content: "\e7c8";
}
.icon-calendar-16::before {
  content: "\e7c9";
}
.icon-fault-16::before {
  content: "\e7ca";
}
.icon-error-16::before {
  content: "\e7cb";
}
.icon-info-16::before {
  content: "\e7cc";
}
.icon-relay::before {
  content: "\e7cd";
}
.icon-current-transformer::before {
  content: "\e7ce";
}
.icon-bus::before {
  content: "\e7cf";
}
.icon-meter::before {
  content: "\e7d0";
}
.icon-status-positive::before {
  content: "\e7d1";
}
.icon-status-negative::before {
  content: "\e7d2";
}
.icon-status-progressive::before {
  content: "\e7d3";
}
.icon-status-fail::before {
  content: "\e7d4";
}
.icon-status-success::before {
  content: "\e7d5";
}
.icon-status-decrease::before {
  content: "\e7d6";
}
.icon-status-increase::before {
  content: "\e7d7";
}
.icon-status-neutral::before {
  content: "\e7d8";
}
.icon-asset-group::before {
  content: "\e79b";
}
.icon-asset-zone::before {
  content: "\e7ab";
}
.icon-calendar-add::before {
  content: "\e7d9";
}
.icon-heart-toggle-off::before {
  content: "\e7da";
}
.icon-bookmark-toggle-off::before {
  content: "\e7db";
}
.icon-wireless-16::before {
  content: "\e7dc";
}
.icon-do-not-disturb::before {
  content: "\e7dd";
}
.icon-service-cleaning::before {
  content: "\e7de";
}
.icon-service-room::before {
  content: "\e7df";
}
.icon-service-laundry::before {
  content: "\e7e0";
}
.icon-temperature::before {
  content: "\e7e1";
}
.icon-rooms-and-suites::before {
  content: "\e7e2";
}
.icon-curtains::before {
  content: "\e7e3";
}
.icon-alarm-clock::before {
  content: "\e7e4";
}
.icon-room-safe::before {
  content: "\e7e5";
}
.icon-humidity::before {
  content: "\e7e6";
}
.icon-tag::before {
  content: "\e7e7";
}
.icon-social-events::before {
  content: "\e7e8";
}
.icon-tree::before {
  content: "\e7e9";
}
.icon-pool::before {
  content: "\e7ea";
}
.icon-watering-can::before {
  content: "\e7eb";
}
.icon-water-leak::before {
  content: "\e7ec";
}
.icon-airco-filter::before {
  content: "\e7ed";
}
.icon-airco-tray::before {
  content: "\e7ee";
}
.icon-fan::before {
  content: "\e7ef";
}
.icon-eco::before {
  content: "\e7f0";
}
.icon-vip::before {
  content: "\e7f4";
}
.icon-automatic-mode::before {
  content: "\e7f5";
}
.icon-system-health::before {
  content: "\e7f6";
}
.icon-luminaire-add::before {
  content: "\e7f7";
}
.icon-luminaire-group-add::before {
  content: "\e7f8";
}
.icon-stop-circle::before {
  content: "\e7f9";
}
.icon-stop::before {
  content: "\e7fa";
}
:root {
  --z-global-side-panel: 1100;
  --z-global-backdrop: 1000;
  --z-global-navigation: 900;
  --z-modal-opened: 800;
  --z-dialog-opened: 750;
  --z-modal-backdrop: 700;
  --z-side-panel: 600;
  --z-contextual-message-overlay: 100;
}
body {
  color: var(--text-static);
  font-size: var(--text-base);
  font-family:
    Roboto,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    "Helvetica Neue",
    Arial,
    "Microsoft YaHei",
    "\5fae\8f6f\96c5\9ed1",
    sans-serif;
  font-weight: 400;
  line-height: var(--line-height-base);
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--text-active);
  font-weight: 700;
}
h1 {
  font-size: 56px;
  line-height: 1.2142857143;
}
h2 {
  font-size: 40px;
  line-height: 1.2;
}
h3 {
  font-size: 30px;
  line-height: 1.2;
}
h4 {
  font-size: 24px;
  line-height: 1.3333333333;
}
h5 {
  font-size: 20px;
  line-height: 1.4;
}
h6 {
  font-size: 18px;
  line-height: 1.5555555556;
}
a {
  color: var(--link);
  transition: color 0.1s linear;
}
a:hover {
  color: var(--link-hover);
}
a:focus,
a:active {
  color: var(--link-active);
}
a.disabled {
  color: var(--link);
  cursor: not-allowed;
  opacity: 0.3;
}
.text-xl {
  font-size: 24px;
  line-height: 1.5;
}
.text-lg {
  font-size: 18px;
  line-height: 1.5555555556;
}
.text-md {
  font-size: 16px;
  line-height: 1.5;
}
.text-sm {
  font-size: 14px;
  line-height: 1.4285714286;
}
.text-xs {
  font-size: 12px;
  line-height: 1.3333333333;
}
.text-regular {
  font-weight: 400;
}
.text-bold {
  font-weight: 700;
}
.text-black {
  font-weight: 900;
}
.text-italic {
  font-style: italic;
}
[lang|=zh] .text-italic {
  font-style: normal;
}
table {
  border-collapse: separate;
}
tbody tr {
  transition: background 0.1s linear;
}
tbody tr:hover {
  background: var(--bg-hover);
}
th,
td {
  height: 48px;
  padding-left: 16px;
  padding-right: 16px;
  vertical-align: middle;
  white-space: nowrap;
}
th {
  border-bottom: 1px solid var(--divider);
  color: var(--text-active);
  font-weight: 700;
}
td {
  border-top: 1px solid var(--divider);
}
tbody tr:first-child td {
  border-top: 0;
}
.row {
  display: grid;
  grid-column-gap: 24px;
  grid-template-columns: repeat(12, 1fr);
}
.col-1-12 {
  grid-column: span 1;
}
.col-2-12 {
  grid-column: span 2;
}
.col-3-12 {
  grid-column: span 3;
}
.col-4-12 {
  grid-column: span 4;
}
.col-5-12 {
  grid-column: span 5;
}
.col-6-12 {
  grid-column: span 6;
}
.col-7-12 {
  grid-column: span 7;
}
.col-8-12 {
  grid-column: span 8;
}
.col-9-12 {
  grid-column: span 9;
}
.col-10-12 {
  grid-column: span 10;
}
.col-11-12 {
  grid-column: span 11;
}
.col-12-12 {
  grid-column: span 12;
}
@media (max-width: 960px) {
  .col-md-0-12 {
    display: none;
  }
  .col-md-1-12 {
    grid-column: span 1;
  }
  .col-md-2-12 {
    grid-column: span 2;
  }
  .col-md-3-12 {
    grid-column: span 3;
  }
  .col-md-4-12 {
    grid-column: span 4;
  }
  .col-md-5-12 {
    grid-column: span 5;
  }
  .col-md-6-12 {
    grid-column: span 6;
  }
  .col-md-7-12 {
    grid-column: span 7;
  }
  .col-md-8-12 {
    grid-column: span 8;
  }
  .col-md-9-12 {
    grid-column: span 9;
  }
  .col-md-10-12 {
    grid-column: span 10;
  }
  .col-md-11-12 {
    grid-column: span 11;
  }
  .col-md-12-12 {
    grid-column: span 12;
  }
}
@media (max-width: 680px) {
  .row {
    grid-column-gap: 16px;
  }
  .col-sm-0-12 {
    display: none;
  }
  .col-sm-1-12 {
    grid-column: span 1;
  }
  .col-sm-2-12 {
    grid-column: span 2;
  }
  .col-sm-3-12 {
    grid-column: span 3;
  }
  .col-sm-4-12 {
    grid-column: span 4;
  }
  .col-sm-5-12 {
    grid-column: span 5;
  }
  .col-sm-6-12 {
    grid-column: span 6;
  }
  .col-sm-7-12 {
    grid-column: span 7;
  }
  .col-sm-8-12 {
    grid-column: span 8;
  }
  .col-sm-9-12 {
    grid-column: span 9;
  }
  .col-sm-10-12 {
    grid-column: span 10;
  }
  .col-sm-11-12 {
    grid-column: span 11;
  }
  .col-sm-12-12 {
    grid-column: span 12;
  }
}
input,
textarea {
  background: var(--input-default-bg);
  border: 1px solid var(--input-default-border);
  border-radius: 2px;
  color: var(--text-active);
  display: block;
  font: inherit;
  height: var(--control-height);
  line-height: var(--control-height);
  padding: 0 11px;
  transition: all 0.1s linear;
  width: 100%;
  -webkit-appearance: none;
}
input:disabled,
textarea:disabled {
  cursor: not-allowed;
  opacity: 0.3;
}
input:hover:enabled,
textarea:hover:enabled {
  background: var(--input-hover-bg);
  border-color: var(--input-hover-border);
}
input:focus:enabled,
textarea:focus:enabled {
  background: var(--input-focus-bg);
  border-color: var(--input-focus-border);
}
input:enabled.ng-dirty.ng-invalid,
.ng-dirty.ng-invalid > input:enabled,
.form-error-message + input,
textarea:enabled.ng-dirty.ng-invalid,
.ng-dirty.ng-invalid > textarea:enabled,
.form-error-message + textarea {
  border-color: var(--input-error-border);
}
input:enabled.ng-dirty.ng-invalid:hover:enabled,
.ng-dirty.ng-invalid > input:enabled:hover:enabled,
.form-error-message + input:hover:enabled,
textarea:enabled.ng-dirty.ng-invalid:hover:enabled,
.ng-dirty.ng-invalid > textarea:enabled:hover:enabled,
.form-error-message + textarea:hover:enabled {
  border-color: var(--input-error-border);
}
input:enabled.ng-dirty.ng-invalid:focus:enabled,
.ng-dirty.ng-invalid > input:enabled:focus:enabled,
.form-error-message + input:focus:enabled,
textarea:enabled.ng-dirty.ng-invalid:focus:enabled,
.ng-dirty.ng-invalid > textarea:enabled:focus:enabled,
.form-error-message + textarea:focus:enabled {
  border-color: var(--input-error-focus-border);
}
[type=checkbox],
[type=radio] {
  display: none;
}
textarea {
  height: calc(var(--control-height) * 3);
  line-height: 1.4285714286;
  padding-top: 6px;
  padding-bottom: 6px;
  resize: none;
}
::placeholder {
  color: var(--text-muted);
}
:disabled::placeholder {
  opacity: 0.3;
}
:focus::placeholder {
  color: transparent;
}
input:read-only::selection {
  background: transparent;
}
.form-checkbox,
.form-radio {
  color: var(--text-active);
  cursor: pointer;
  display: block;
  line-height: 16px;
  min-height: var(--control-height);
  padding: calc((var(--control-height) - 16px) / 2) 0;
  padding-left: 28px;
  position: relative;
}
.form-checkbox span::before,
.form-radio span::before {
  background: var(--input-off-default-bg);
  border: 1px solid var(--input-off-default-border);
  border-radius: 2px;
  color: var(--text-inverted);
  content: "";
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "UI Icon";
  font-size: 12px;
  height: 16px;
  position: absolute;
  top: calc(var(--control-height) - 16px)/2;
  left: 0;
  z-index: 1;
  transition: all 0.1s linear;
  width: 16px;
}
.form-checkbox span::after,
.form-radio span::after {
  background: var(--radial-off);
  border-radius: 50%;
  content: "";
  height: var(--control-height);
  transform: scale(0);
  transform-origin: 50% 50%;
  transition: all 0.1s linear;
  position: absolute;
  top: 0;
  left: calc((16px - var(--control-height)) / 2);
  width: var(--control-height);
}
.form-checkbox :hover:enabled + span::before,
.form-radio :hover:enabled + span::before {
  background: var(--input-off-hover-bg);
  border-color: var(--input-off-hover-border);
}
.form-checkbox :active:enabled + span::before,
.form-radio :active:enabled + span::before {
  background: var(--input-off-active-bg);
  border-color: var(--input-off-active-border);
}
.form-checkbox :active:enabled + span::after,
.form-radio :active:enabled + span::after {
  transform: scale(1);
}
.form-checkbox.disabled,
.form-radio.disabled {
  cursor: not-allowed;
  opacity: 0.3;
}
.form-checkbox :checked + span::before,
.form-checkbox :indeterminate + span::before,
.form-radio :checked + span::before {
  background: var(--input-on-dark-default-bg);
  border-color: var(--input-on-dark-default-bg);
  content: "\e6a7";
}
.form-checkbox :checked:hover:enabled + span::before,
.form-checkbox :indeterminate:hover:enabled + span::before,
.form-radio :checked:hover:enabled + span::before {
  background: var(--input-on-dark-hover-bg);
  border-color: var(--input-on-dark-hover-bg);
}
.form-checkbox :checked:active:enabled + span::before,
.form-checkbox :indeterminate:active:enabled + span::before,
.form-radio :checked:active:enabled + span::before {
  background: var(--input-on-dark-active-bg);
  border-color: var(--input-on-dark-active-bg);
}
.form-checkbox :checked:active:enabled + span::after,
.form-checkbox :indeterminate:active:enabled + span::after,
.form-radio :checked:active:enabled + span::after {
  background: var(--radial-on);
}
.form-checkbox :indeterminate:not(:checked) + span::before {
  content: "\e6d1";
}
.form-radio span::before {
  border-radius: 50%;
  content: "" !important;
}
.form-radio :checked + span::before {
  background: var(--text-inverted) !important;
  border: 4px solid var(--input-on-dark-default-bg);
}
.form-radio :checked:hover:enabled + span::before {
  border-color: var(--input-on-dark-hover-bg);
}
.form-radio :checked:active:enabled + span::before {
  border-color: var(--input-on-dark-active-bg);
}
.form-radio-inline,
.form-checkbox-inline {
  display: inline-block;
  vertical-align: middle;
}
.form-radio-inline:not(:last-child),
.form-checkbox-inline:not(:last-child) {
  margin-right: 24px;
}
.form-checkbox-primary :checked + span::before,
.form-checkbox-primary :indeterminate + span::before,
.form-radio-primary :checked + span::before {
  background: var(--input-on-default-bg);
  border-color: var(--input-on-default-bg);
  color: var(--icon-on-dark);
}
.form-checkbox-primary :checked:hover:enabled + span::before,
.form-checkbox-primary :indeterminate:hover:enabled + span::before,
.form-radio-primary :checked:hover:enabled + span::before {
  background: var(--input-on-hover-bg);
  border-color: var(--input-on-hover-bg);
}
.form-checkbox-primary :checked:active:enabled + span::before,
.form-checkbox-primary :indeterminate:active:enabled + span::before,
.form-radio-primary :checked:active:enabled + span::before {
  background: var(--input-on-active-bg);
  border-color: var(--input-on-active-bg);
}
.form-radio-primary :checked + span::before {
  background: var(--icon-on-dark) !important;
}
.form-static-value {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: var(--control-height);
  line-height: var(--control-height);
}
.input-icon,
.input-action-icon {
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  height: calc(var(--control-height) - 1px * 2);
  pointer-events: none;
  position: absolute;
  top: 1px;
  width: calc(var(--control-height) - 1px);
}
.input-icon::before,
.input-action-icon::before {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: "UI Icon" !important;
  font-size: 16px;
  font-weight: 400;
  height: 100%;
  line-height: 1;
  width: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.input-icon.disabled,
.input-action-icon.disabled {
  opacity: 0.3;
}
.input-icon::before,
.input-action-icon::before {
  font-size: 16px !important;
}
.input-icon {
  color: var(--icon-static);
  left: 1px;
}
.input-action-icon {
  right: 1px;
}
.list-item,
ia-action-menu-item,
.menu-item {
  display: flex;
  align-items: center;
  min-height: var(--control-height);
  padding: 0 16px;
}
.list-item-icon {
  display: flex;
  align-items: center;
  height: var(--line-height-base);
  margin-right: 16px;
}
.list-item-icon::before {
  font-size: 16px;
}
.list-item-content {
  flex: 1;
  margin-right: 16px;
  min-width: 0;
}
.list-item-content:last-child {
  margin-right: 0;
}
.list-item-main {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.list-item-sub {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  line-height: 1.3333333333;
  font-size: var(--text-sm);
  line-height: var(--line-height-sm);
  margin-top: -1px;
}
.list-multi-line {
  padding-top: calc((52px - var(--line-height-base) - var(--line-height-sm)) / 2 - 1px);
  padding-bottom: calc((52px - var(--line-height-base) - var(--line-height-sm)) / 2 + 1px);
}
.list-multi-line .list-item-icon {
  align-self: flex-start;
}
.menu {
  background: var(--bg-high);
  border-radius: 2px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1), 0 0 4px rgba(0, 0, 0, 0.1);
  padding: 8px 0;
}
.menu hr {
  margin: 8px 0;
}
ia-action-menu-item,
.menu-item {
  cursor: pointer;
  position: relative;
  transition: background 0.1s linear;
  white-space: nowrap;
}
ia-action-menu-item:not(.disabled),
.menu-item:not(.disabled) {
  color: var(--text-active);
}
ia-action-menu-item:not(.disabled):hover,
.menu-item:not(.disabled):hover {
  background: var(--bg-hover);
}
ia-action-menu-item.disabled,
.menu-item.disabled {
  cursor: not-allowed;
  opacity: 0.3;
}
ia-action-menu-item.disabled .sub-menu,
.menu-item.disabled .sub-menu {
  display: none !important;
}
.sub-menu {
  background: var(--bg-high);
  border-radius: 2px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1), 0 0 4px rgba(0, 0, 0, 0.1);
  display: none;
  padding: 8px 0;
  position: absolute;
  left: 100%;
  top: -8px;
}
.menu-item:hover > .sub-menu {
  display: block;
}
.dropdown-trigger {
  padding-right: calc(var(--control-height) - 1px);
  -webkit-user-select: none;
  user-select: none;
}
.dropdown-trigger:enabled {
  cursor: pointer;
}
.input-action-icon {
  color: var(--text-active);
}
.dropdown-panel {
  background: var(--bg-high);
  border-radius: 2px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1), 0 0 4px rgba(0, 0, 0, 0.1);
  opacity: 0;
  overflow: auto;
  padding: 8px 0;
  pointer-events: none;
  position: absolute;
  z-index: 1001;
}
.dropdown-panel.opened {
  opacity: 1;
  pointer-events: auto;
}
.dropdown-list {
  margin: 0;
}
.navigation-tab-bar {
  background: var(--bg-high);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1), 0 0 4px rgba(0, 0, 0, 0.1);
  padding: 0 8px;
  position: sticky;
  top: 0;
  z-index: 290;
}
.breadcrumb {
  display: flex;
  align-items: center;
  overflow: hidden;
}
.breadcrumb a,
.breadcrumb span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.breadcrumb a {
  color: var(--text-static);
}
.breadcrumb a:hover {
  color: var(--link-hover);
}
.breadcrumb a:focus,
.breadcrumb a:active {
  color: var(--text-active);
}
.breadcrumb span {
  color: var(--text-active);
}
.breadcrumb ia-icon,
.breadcrumb .breadcrumb-arrow {
  color: var(--icon-default);
  margin: 0 4px;
}
.breadcrumb .breadcrumb-arrow {
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
}
.breadcrumb .breadcrumb-arrow::before {
  content: "\e735";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: "UI Icon" !important;
  font-size: 12px;
  font-weight: 400;
  height: 100%;
  line-height: 1;
  width: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.tab-header-divider {
  box-shadow: inset 0 -1px 0 var(--divider);
}
.tab-link {
  color: var(--text-static);
  display: inline-flex;
  align-items: center;
  height: 44px;
  padding: 0 16px 2px;
  position: relative;
  transition: color 0.1s linear;
  -webkit-user-select: none;
  user-select: none;
  white-space: nowrap;
}
.tab-link:not(.disabled):hover {
  color: var(--text-active);
}
.tab-link::before {
  background: var(--icon-selected);
  content: "";
  height: 4px;
  opacity: 0;
  position: absolute;
  top: 40px;
  right: 16px;
  left: 16px;
}
.tab-link.active {
  color: var(--text-active);
}
.tab-link.active::before {
  opacity: 1;
}
.tab-link.disabled {
  color: var(--text-static);
  opacity: 0.3;
  pointer-events: none;
}
.tab-link .tab-icon {
  margin-right: 8px;
}
.tab-link .tab-icon::before {
  font-size: 16px;
}
.tab-link .tab-badge {
  margin-left: 8px;
}
.tab-fixed-layout {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.tab-fixed-layout .tab-link {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
.tab-fixed-layout .tab-link::before {
  left: 0;
  right: 0;
}
html {
  height: 100%;
}
body {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  position: relative;
}
body::after {
  background: transparent;
  content: "";
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  transition: all 0.1s linear;
}
body.modal-masked {
  height: 100%;
  overflow: hidden;
}
body.modal-masked::after {
  background: var(--overlay);
  z-index: 990;
}
hr {
  border-color: var(--divider);
}
.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}
.clearfix::after {
  clear: both;
}
.hidden {
  display: none !important;
}
.invisible {
  visibility: hidden !important;
}
.ia-global-navigation {
  position: sticky;
  top: 0;
  z-index: 310;
}
.panel {
  background: var(--bg-high);
  border-radius: 2px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1), 0 0 4px rgba(0, 0, 0, 0.1);
}
ph-root {
  display: flex;
  flex-direction: column;
  flex: 1;
}
:root {
  --side-margin: 24px;
}
@media (max-width: 680px) {
  :root {
    --side-margin: 16px;
  }
}
.ia-row {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-gap: 24px;
}
.ia-col-0 {
  display: none !important;
}
.ia-col-1 {
  grid-column: span 1;
}
.ia-col-2 {
  grid-column: span 2;
}
.ia-col-3 {
  grid-column: span 3;
}
.ia-col-4 {
  grid-column: span 4;
}
.ia-col-5 {
  grid-column: span 5;
}
.ia-col-6 {
  grid-column: span 6;
}
.ia-col-7 {
  grid-column: span 7;
}
.ia-col-8 {
  grid-column: span 8;
}
.ia-col-9 {
  grid-column: span 9;
}
.ia-col-10 {
  grid-column: span 10;
}
.ia-col-11 {
  grid-column: span 11;
}
.ia-col-12 {
  grid-column: span 12;
}
@media (max-width: 959px) {
  .ia-col-m-0 {
    display: none !important;
  }
  .ia-col-m-1 {
    grid-column: span 1;
  }
  .ia-col-m-2 {
    grid-column: span 2;
  }
  .ia-col-m-3 {
    grid-column: span 3;
  }
  .ia-col-m-4 {
    grid-column: span 4;
  }
  .ia-col-m-5 {
    grid-column: span 5;
  }
  .ia-col-m-6 {
    grid-column: span 6;
  }
  .ia-col-m-7 {
    grid-column: span 7;
  }
  .ia-col-m-8 {
    grid-column: span 8;
  }
  .ia-col-m-9 {
    grid-column: span 9;
  }
  .ia-col-m-10 {
    grid-column: span 10;
  }
  .ia-col-m-11 {
    grid-column: span 11;
  }
  .ia-col-m-12 {
    grid-column: span 12;
  }
}
@media (max-width: 679px) {
  .ia-col-s-0 {
    display: none !important;
  }
  .ia-col-s-1 {
    grid-column: span 1;
  }
  .ia-col-s-2 {
    grid-column: span 2;
  }
  .ia-col-s-3 {
    grid-column: span 3;
  }
  .ia-col-s-4 {
    grid-column: span 4;
  }
  .ia-col-s-5 {
    grid-column: span 5;
  }
  .ia-col-s-6 {
    grid-column: span 6;
  }
  .ia-row {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-gap: 24px;
  }
}
.grid-container {
  display: flex;
  flex: 1;
}
.grid-container .ia-row {
  flex: 1;
}
.grid-container .overview-column {
  position: relative;
  border-right: 1px solid var(--divider);
}
.grid-container .permission-column {
  display: flex;
  flex-direction: column;
  flex: 1;
  position: relative;
  padding: 24px var(--side-margin) 24px 0;
}
.grid-container .overview-column-content,
.grid-container .permission-column-content {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  padding: 24px var(--side-margin);
  overflow: auto;
}
@media (max-width: 959px) {
  .grid-container .ia-row {
    grid-auto-rows: minmax(min-content, max-content);
  }
  .grid-container .overview-column {
    border-right: none;
  }
  .grid-container .permission-column {
    padding-top: 0;
    padding-left: var(--side-margin);
  }
  .grid-container .overview-column-content,
  .grid-container .permission-column-content {
    position: static;
  }
  .grid-container ia-grid .data-table-scroll {
    position: static !important;
  }
}
.two-columns {
  margin-left: -10px;
  margin-right: -10px;
}
.two-columns::after {
  content: "";
  display: table;
  clear: both;
}
.two-columns > * {
  float: left;
  padding-left: 10px;
  padding-right: 10px;
  width: 50%;
}
.two-columns .two-columns-40 {
  width: 40%;
}
.two-columns .two-columns-60 {
  width: 60%;
}
input:-webkit-autofill {
  background-color: transparent !important;
}
input[type=number] {
  -moz-appearance: textfield;
}
.form-static-full-value {
  word-break: break-word;
  word-wrap: break-word;
  height: auto;
  min-height: 32px;
  padding: 6px 0;
}
.breadcrumb-title {
  display: flex;
  align-items: center;
  margin-bottom: 28px;
}
.breadcrumb-title .breadcrumb {
  flex: 1;
  font-size: 18px;
  line-height: 32px;
}
.breadcrumb-title a {
  color: var(--text-active);
}
.breadcrumb-title ia-icon {
  width: 32px;
  height: 32px;
  margin-left: 0;
  margin-right: 4px;
}
.breadcrumb-title span {
  font-weight: 700;
}
.breadcrumb-title aside {
  margin-left: auto;
}
.breadcrumb-title aside ia-button {
  margin-left: 8px;
}
.page-header {
  display: flex;
  align-items: center;
  min-height: var(--control-height);
  margin-bottom: 28px;
}
.page-header > aside {
  display: flex;
  justify-content: flex-end;
  flex-direction: row;
  flex: 1;
  padding-left: 24px;
}
.page-header > aside ia-button + ia-button {
  margin-left: 8px;
}
.page-header > ia-dropdown {
  margin-left: 24px;
}
.panel-header {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.panel-header .panel-header-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.panel-header > aside {
  display: flex;
  justify-content: flex-end;
  flex-direction: row;
  flex: 1;
  padding-left: 24px;
}
.section-header {
  display: flex;
  align-items: center;
  min-height: var(--control-height);
  margin: 24px 0;
}
.section-header span {
  font-size: 14px;
  line-height: 1.4285714286;
  color: var(--text-active);
  font-weight: 700;
}
.section-header .info-icon {
  cursor: pointer;
  margin-left: 20px;
}
.section-header > aside {
  display: flex;
  justify-content: flex-end;
  flex-direction: row;
  flex: 1;
  padding-left: 24px;
}
.tab-nav-header {
  box-shadow: var(--shadow-1);
  padding: 28px var(--side-margin);
  z-index: 10;
}
.column-header {
  margin-bottom: 24px;
}
ia-dialog.dialog-md {
  width: 640px;
}
ia-dialog.dialog-sm {
  width: 35%;
  min-width: 448px;
}
ia-dialog .grid-holder {
  border: 1px solid var(--divider-on-bg);
}
ia-dialog ia-dialog-footer.with-back-btn {
  justify-content: space-between;
}
ia-grid.active-grid td {
  color: var(--text-active);
}
ia-grid.no-header-grid .data-table {
  overflow-y: hidden;
}
ia-grid.no-header-grid thead {
  visibility: collapse;
}
ia-grid.no-header-grid td {
  color: var(--text-active);
}
ia-grid:not(.active-grid) tr:hover {
  background: var(--bg-high);
}
ia-grid.with-border-bottom {
  border-bottom: 1px solid var(--divider);
}
.grid-no-data-tip {
  font-size: 14px;
  line-height: 24px;
  color: #000;
  margin: auto;
  text-align: center;
}
.grid-no-data-tip ia-button {
  margin-top: 24px;
}
.grid-holder {
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 1;
}
.text-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  max-width: 80%;
}
ia-uploader {
  display: block !important;
  margin: 0 auto;
}
ia-uploader.disabled {
  opacity: 1 !important;
}
ia-uploader .upload-icon,
ia-uploader .remove-icon {
  display: none !important;
}
.upload-button {
  position: relative;
}
.upload-button input[type=file] {
  opacity: 0;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}
dl dt {
  font-size: 12px;
  line-height: 1.3333333333;
  font-weight: 700;
  padding-top: 16px;
  padding-bottom: 16px;
}
dl dd {
  padding-top: 14px;
  padding-bottom: 14px;
}
dl.full,
dl.partial {
  display: flex;
  align-items: baseline;
}
dl.full dt,
dl.partial dt {
  flex: 1;
  padding-right: 12px;
}
dl.full dd,
dl.partial dd {
  flex: 2;
  padding-left: 12px;
}
dl.full dt,
dl.full dd {
  word-break: break-word;
  word-wrap: break-word;
}
dl.partial dt,
dl.partial dd {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
dl.ia-row {
  border-bottom: 1px solid var(--divider);
}
dl.ia-row dt,
dl.ia-row dd {
  word-break: break-word;
  word-wrap: break-word;
}
dl.with-divide {
  position: relative;
}
dl.with-divide:after {
  display: block;
  content: "";
  background-color: var(--divider);
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
small {
  font-size: inherit;
}
.device-count-icon {
  color: var(--icon-default);
  margin: 0 8px 0 16px;
}
.device-count-icon:first-child {
  margin-left: 0;
}
.trailing-icon-btn ia-icon {
  padding-left: 8px;
}
.toggle-switch-secondary :checked:enabled ~ .toggle-switch-indicator {
  background: var(--input-on-dark-default-bg) !important;
  border-color: var(--input-on-dark-default-bg) !important;
}
.toggle-switch-secondary :checked:enabled ~ .toggle-switch-indicator:hover {
  background: var(--input-on-dark-hover-bg) !important;
  border-color: var(--input-on-dark-hover-bg) !important;
}
.toggle-switch-secondary :checked:active:enabled ~ .toggle-switch-indicator {
  background: var(--input-on-dark-active-bg) !important;
  border-color: var(--input-on-dark-active-bg) !important;
}
.toggle-switch-secondary :checked:active:enabled ~ .toggle-switch-thumb {
  box-shadow: 0 0 0 calc((var(--control-height) - 16px) / 2) rgba(5, 5, 6, 0.2) !important;
}
.iconfont {
  font-style: normal;
}
.page-tab-nav {
  background-color: var(--bg-high);
  box-shadow: var(--shadow-1);
  padding: 0 8px;
  position: sticky;
  top: 44px;
  z-index: 290;
}
@media (max-width: 679px) {
  .page-tab-nav {
    padding: 0;
  }
  .page-tab-nav nav {
    flex: 1;
  }
  .page-tab-nav .tab-link {
    flex: 1;
    justify-content: center;
  }
  .page-tab-nav .tab-link:before {
    left: 0;
    right: 0;
  }
}
.list-item-name {
  overflow: visible;
  width: 260px;
  text-align: start;
  line-height: 20px;
  font-size: 16px;
  font-weight: 400;
  display: flex;
  align-items: flex-start;
  white-space: normal;
  word-wrap: break-word;
}
:root {
  --control-height: 32px;
  --text-base: 14px;
  --line-height-base: 20px;
  --text-sm: 12px;
  --line-height-sm: 16px;
  --bg-mid: #F5F5F5;
  --bg-inverted: #3C3C41;
  --overlay: rgba(5, 5, 6, 0.6);
  --overlay-light: rgba(255, 255, 255, 0.8);
  --overlay-theme: rgba(255, 255, 255, 0.8);
  --divider-on-bg: #D8D8D9;
  --icon-sidebar: #B1B1B1;
  --slider-bg: #B1B1B1;
  --slider-thumb: #FFF;
  --slider-thumb-border: #EBEBEC;
  --text-disabled: rgba(60, 60, 65, 0.3);
  --text-muted: #B1B1B1;
  --text-inverted: #FFF;
  --text-inverted-static: #B1B1B1;
  --text-navigation-static: #B1B1B1;
  --link: #1432FF;
  --link-hover: #7284FF;
  --link-active: #1028CC;
  --button-primary-bg: #FF375F;
  --button-primary-color: #FFF;
  --button-primary-hover-bg: #FF5F7F;
  --button-primary-focus-boder: #3C3C41;
  --button-primary-active-bg: #CD2C4C;
  --button-secondary-bg: #3C3C41;
  --button-secondary-color: #FFF;
  --button-secondary-hover-bg: #636367;
  --button-secondary-focus-boder: #1432FF;
  --button-secondary-active-bg: #303034;
  --button-neutral-color: #3C3C41;
  --button-neutral-border: #3C3C41;
  --button-neutral-hover-bg: #D8D8D9;
  --button-neutral-focus-boder: #1432FF;
  --button-neutral-active-bg: #B1B1B1;
  --button-loading-base-stroke: rgba(255, 255, 255, 0.6);
  --button-loading-spinner-stroke: #FFF;
  --input-placeholder: #B1B1B1;
  --input-placeholder-hover: #636367;
  --input-text: #3C3C41;
  --input-default-bg: #EBEBEC;
  --input-default-border: #D8D8D9;
  --input-focus-border: #1432FF;
  --input-on-default-bg: #FF375F;
  --input-on-hover-bg: #FF5F7F;
  --input-on-focus-bg: #FF375F;
  --input-on-focus-border: #3C3C41;
  --input-on-active-bg: #CD2C4C;
  --input-on-dark-default-bg: #3C3C41;
  --input-on-dark-hover-bg: #636367;
  --input-on-dark-focus-bg: #3C3C41;
  --input-on-dark-focus-border: #1432FF;
  --input-on-dark-active-bg: #303034;
  --input-off-default-bg: #EBEBEC;
  --input-off-default-border: #D8D8D9;
  --input-off-hover-bg: #EBEBEC;
  --input-off-hover-border: #8A8A8D;
  --input-off-focus-bg: #EBEBEC;
  --input-off-focus-border: #1432FF;
  --input-off-active-bg: #8A8A8D;
  --input-off-active-border: #8A8A8D;
  --input-error-border: #FF0019;
  --input-error-focus-border: #FF8080;
  --badge-bg: #FB8C00;
  --badge-color: #FFF;
  --contextual-message-bg: #F5F5F5;
  --contextual-message-border: #D8D8D9;
  --contextual-message-icon-color: #8A8A8D;
  --form-control-required-color: #FF375F;
  --form-control-form-error-icon-color: #FF0019;
  --grid-sort-arrow-color: #3C3C41;
  --grid-resize: #B1B1B1;
  --loading-base-stroke: #8A8A8D;
  --loading-spinner-stroke: #FF375F;
  --loading-tip-bg: #FFF;
  --loading-mask-bg: rgba(255, 255, 255, 0.8);
  --message-notification-info-bg: #1432FF;
  --message-notification-success-bg: #00C853;
  --message-notification-error-bg: #FB8C00;
  --navigation-bar-bg:#3C3C41;
  --navigation-bar-link-color:#B1B1B1;
  --navigation-bar-active-color: #FFF;
  --navigation-tab-more-trigger-color: #FFF;
  --navigation-bar-avatar-bg: #FFF;
  --navigation-bar-avatar-color: #3C3C41;
  --side-bar-icon-color: #8A8A8D;
  --system-message-bg: #303034;
  --tooltip-bg: #3C3C41;
  --tooltip-color: #FFF;
  --tooltip-light-bg: #FFF;
  --tooltip-light-color: #3C3C41;
  --tree-node-fixed-border: #D8D8D9;
  --tree-icon-color: #3C3C41;
  --tree-node-active-bg: #EBEBEC;
  --tree-node-active-text: #3C3C41;
  --tree-node-hover-bg: #EBEBEC;
  --widget-placeholder-border: #D8D8D9;
  --icon-default: #8A8A8D;
  --icon-error: #FF0019;
  --icon-static: #8A8A8D;
  --icon-on-light: #3C3C41;
  --icon-on-dark: #FFF;
  --icon-selected: #FF375F;
  --icon-success: #00C853;
  --icon-warning: #FFC107;
  --icon-info: #1432FF;
  --bg-high: var(--white);
  --bg-medium: var(--dark-gray-5);
  --bg-low: var(--dark-gray-10);
  --bg-hover: var(--dark-gray-10);
  --bg-selected: var(--dark-gray-10);
  --bg-overlay-theme: rgba(255, 255, 255, .8);
  --divider: var(--dark-gray-10);
  --text-static: var(--dark-gray-80);
  --text-active: var(--dark-gray-100);
  --text-inverse: var(--white);
  --highlight: var(--blue-100);
  --highlight-hover: var(--blue-60);
  --highlight-active: var(--blue-120);
  --breadcrumb-icon: var(--dark-gray-100);
  --control-secondary: var(--dark-gray-100);
  --control-secondary-hover: var(--dark-gray-80);
  --control-secondary-active: var(--dark-gray-120);
  --control-neutral-border: var(--dark-gray-100);
  --control-neutral-hover: var(--dark-gray-20);
  --control-neutral-active: var(--dark-gray-40);
  --control-off-active: var(--dark-gray-60);
  --input-border: var(--dark-gray-20);
  --input-bg: var(--dark-gray-10);
  --input-hover-border: var(--dark-gray-60);
  --input-hover-bg: var(--dark-gray-5);
  --input-focus-bg: var(--white);
  --radial-on: rgba(205, 44, 76, .2);
  --radial-off: rgba(60, 60, 65, .2);
}
.container {
  padding: 24px;
}
ia-grid .sort-arrow-desc,
.sort-arrow-desc[class*=_ngcontent],
span.sort-arrow.sort-arrow-desc {
  bottom: -20px !important;
}
ia-time .ia-input-placeholder,
ia-time .input-field-placeholder,
ia-time [class*=placeholder]:not(input) {
  display: none !important;
}
ia-time input[type=time],
ia-time input[type=text] {
  background: var(--input-bg, white) !important;
  position: relative !important;
  z-index: 10 !important;
}
ia-time input[type=time]::placeholder,
ia-time input[type=text]::placeholder {
  opacity: 1 !important;
  color: var(--text-muted, #666) !important;
}
ia-tooltip {
  font-size: 12px !important;
}
ia-tooltip.tooltip-top .tooltip-arrow {
  left: 50% !important;
  bottom: -4px !important;
  transform: translate3d(-50%, 0, 0) rotate(45deg) !important;
  transform-origin: center center !important;
  z-index: 1;
}
ia-date-picker .input-icon + .dropdown-trigger {
  padding-left: 31px !important;
}
.dialog-content.can-scroll-up,
.dialog-content.can-scroll-down,
.dialog-content.can-scroll-up.can-scroll-down {
  background-size: 5px !important;
}
ia-option input[type=checkbox] {
  -webkit-appearance: checkbox !important;
  appearance: checkbox !important;
  accent-color: #e61e4e !important;
  background: none !important;
  border: initial !important;
  width: 20px !important;
  height: 20px !important;
  cursor: pointer;
}
ia-uploader[name=projectLogo].no-project-avatar div.image-preview.square {
  background-image: url("./media/upload-full-bg.svg");
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  border-radius: 8px 8px 0 0 !important;
  overflow: hidden !important;
  width: 100% !important;
  height: 100% !important;
  display: block;
  min-height: 200px !important;
}
ia-uploader[name=projectLogo].no-project-avatar div.image-preview.square::after {
  display: none !important;
}
ia-uploader[name=projectLogo]:not(.no-project-avatar) div.image-preview.square {
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  border-radius: 8px 8px 0 0 !important;
  overflow: hidden !important;
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  min-height: 200px !important;
}
.required-star {
  color: #ff375f;
  font-weight: bold;
}
.ia-table-pinned-right {
  background: inherit !important;
}
.ia-table-pinned-right button:not(:disabled):hover:not(:focus) {
  background: inherit !important;
}
.ia-table {
  padding: 0px !important;
}
.ia-table .ia-table-tbody tr > td {
  color: var(--text-active);
  font-weight: 500;
}
.ia-table-tbody tr > td > :first-child {
  padding-bottom: 0px !important;
}
ia-snackbar-message-container {
  z-index: 1100 !important;
}
@media screen and (max-width: 1023px) {
  .table-height-fix button {
    background: white !important;
  }
}
ia-snackbar-message .sidebar.success {
  background: #00a740 !important;
}
ia-snackbar-message .sidebar.warning {
  background: #d27c00 !important;
}
ia-snackbar-message[class*=_nghost] div.sidebar.success div.icon[class*=_ngcontent],
ia-snackbar-message div.snackbar-message div.sidebar.success div.icon {
  background-image: url("./media/checkmark.svg") !important;
  background-size: 16px 16px !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  width: 20px !important;
  height: 20px !important;
  display: inline-block !important;
}
ia-snackbar-message[class*=_nghost] div.sidebar.warning div.icon[class*=_ngcontent],
ia-snackbar-message div.snackbar-message div.sidebar.warning div.icon {
  background-image: url("./media/alert-white.svg") !important;
  background-size: 16px 16px !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  width: 20px !important;
  height: 20px !important;
  display: inline-block !important;
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */