/*!************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[13].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[13].rules[0].oneOf[0].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[13].rules[1].use[0]!./src/assets/branding/branding.less?ngGlobalStyle ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/icon?family=Material+Icons);
/*!****************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[13].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[13].rules[0].oneOf[0].use[2]!./node_modules/@fontsource/public-sans/400.css ***!
  \****************************************************************************************************************************************************************************************************************************************/
/* public-sans-vietnamese-400-normal */
@font-face {
  font-family: 'Public Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url('public-sans-vietnamese-400-normal.woff2') format('woff2'), url('public-sans-vietnamese-400-normal.woff') format('woff');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}

/* public-sans-latin-ext-400-normal */
@font-face {
  font-family: 'Public Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url('public-sans-latin-ext-400-normal.woff2') format('woff2'), url('public-sans-latin-ext-400-normal.woff') format('woff');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* public-sans-latin-400-normal */
@font-face {
  font-family: 'Public Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url('public-sans-latin-400-normal.woff2') format('woff2'), url('public-sans-latin-400-normal.woff') format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/*!***********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[13].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[13].rules[0].oneOf[0].use[2]!./node_modules/@fontsource/public-sans/400-italic.css ***!
  \***********************************************************************************************************************************************************************************************************************************************/
/* public-sans-vietnamese-400-italic */
@font-face {
  font-family: 'Public Sans';
  font-style: italic;
  font-display: swap;
  font-weight: 400;
  src: url('public-sans-vietnamese-400-italic.woff2') format('woff2'), url('public-sans-vietnamese-400-italic.woff') format('woff');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}

/* public-sans-latin-ext-400-italic */
@font-face {
  font-family: 'Public Sans';
  font-style: italic;
  font-display: swap;
  font-weight: 400;
  src: url('public-sans-latin-ext-400-italic.woff2') format('woff2'), url('public-sans-latin-ext-400-italic.woff') format('woff');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* public-sans-latin-400-italic */
@font-face {
  font-family: 'Public Sans';
  font-style: italic;
  font-display: swap;
  font-weight: 400;
  src: url('public-sans-latin-400-italic.woff2') format('woff2'), url('public-sans-latin-400-italic.woff') format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/*!****************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[13].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[13].rules[0].oneOf[0].use[2]!./node_modules/@fontsource/public-sans/600.css ***!
  \****************************************************************************************************************************************************************************************************************************************/
/* public-sans-vietnamese-600-normal */
@font-face {
  font-family: 'Public Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url('public-sans-vietnamese-600-normal.woff2') format('woff2'), url('public-sans-vietnamese-600-normal.woff') format('woff');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}

/* public-sans-latin-ext-600-normal */
@font-face {
  font-family: 'Public Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url('public-sans-latin-ext-600-normal.woff2') format('woff2'), url('public-sans-latin-ext-600-normal.woff') format('woff');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* public-sans-latin-600-normal */
@font-face {
  font-family: 'Public Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url('public-sans-latin-600-normal.woff2') format('woff2'), url('public-sans-latin-600-normal.woff') format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/*!***********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[13].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[13].rules[0].oneOf[0].use[2]!./node_modules/@fontsource/public-sans/600-italic.css ***!
  \***********************************************************************************************************************************************************************************************************************************************/
/* public-sans-vietnamese-600-italic */
@font-face {
  font-family: 'Public Sans';
  font-style: italic;
  font-display: swap;
  font-weight: 600;
  src: url('public-sans-vietnamese-600-italic.woff2') format('woff2'), url('public-sans-vietnamese-600-italic.woff') format('woff');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}

/* public-sans-latin-ext-600-italic */
@font-face {
  font-family: 'Public Sans';
  font-style: italic;
  font-display: swap;
  font-weight: 600;
  src: url('public-sans-latin-ext-600-italic.woff2') format('woff2'), url('public-sans-latin-ext-600-italic.woff') format('woff');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* public-sans-latin-600-italic */
@font-face {
  font-family: 'Public Sans';
  font-style: italic;
  font-display: swap;
  font-weight: 600;
  src: url('public-sans-latin-600-italic.woff2') format('woff2'), url('public-sans-latin-600-italic.woff') format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/*!****************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[13].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[13].rules[0].oneOf[0].use[2]!./node_modules/@fontsource/public-sans/700.css ***!
  \****************************************************************************************************************************************************************************************************************************************/
/* public-sans-vietnamese-700-normal */
@font-face {
  font-family: 'Public Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url('public-sans-vietnamese-700-normal.woff2') format('woff2'), url('public-sans-vietnamese-700-normal.woff') format('woff');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}

/* public-sans-latin-ext-700-normal */
@font-face {
  font-family: 'Public Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url('public-sans-latin-ext-700-normal.woff2') format('woff2'), url('public-sans-latin-ext-700-normal.woff') format('woff');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* public-sans-latin-700-normal */
@font-face {
  font-family: 'Public Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url('public-sans-latin-700-normal.woff2') format('woff2'), url('public-sans-latin-700-normal.woff') format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[13].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[13].rules[0].oneOf[0].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[13].rules[1].use[0]!./node_modules/@c8y/style/main.less?ngGlobalStyle ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Do not edit directly
 * Generated on Tue, 01 Oct 2024 08:54:33 GMT
 */
:root,
.c8y-light-theme {
  --c8y-elevation-color: 1, 31, 61;
  /* The rgb values of #212121 (the palette-gray-10) */
  --c8y-main-header-border-color: transparent;
  --c8y-main-header-background-hover: inherit;
  --c8y-link-hover-color: #1481b8;
  --c8y-link-color: #1481b8;
  --c8y-headings-color: inherit;
  --c8y-palette-yellow-80: #fff6db;
  --c8y-palette-yellow-70: #ffe392;
  --c8y-palette-yellow-68: #FBD462;
  --c8y-palette-yellow-65: #FDC931;
  --c8y-palette-yellow-60: #ffbe00;
  --c8y-palette-yellow-50: #dea500;
  --c8y-palette-yellow-40: #bf8e00;
  --c8y-palette-yellow-30: #956f00;
  --c8y-palette-yellow-20: #654b00;
  --c8y-palette-yellow-10: #4e3a00;
  --c8y-palette-orange-80: #fff5e9;
  --c8y-palette-orange-70: #ffe0bd;
  --c8y-palette-orange-60: #ffc17a;
  --c8y-palette-orange-50: #ff8800;
  --c8y-palette-orange-40: #e57a00;
  --c8y-palette-orange-30: #b35f00;
  --c8y-palette-orange-20: #794000;
  --c8y-palette-orange-10: #5e3200;
  --c8y-palette-red-80: #fdf4f4;
  --c8y-palette-red-70: #fadfdf;
  --c8y-palette-red-60: #f5c0c0;
  --c8y-palette-red-50: #ee9797;
  --c8y-palette-red-40: #e87373;
  --c8y-palette-red-30: #d70f0f;
  --c8y-palette-red-20: #a00b0b;
  --c8y-palette-red-10: #7e0909;
  --c8y-palette-blue-80: #f1f7fd;
  --c8y-palette-blue-70: #d7e7f8;
  --c8y-palette-blue-60: #b0d0f2;
  --c8y-palette-blue-50: #7fb3ea;
  --c8y-palette-blue-40: #559ae3;
  --c8y-palette-blue-30: #056ad6;
  --c8y-palette-blue-20: #044d9c;
  --c8y-palette-blue-10: #033c79;
  --c8y-palette-green-80: #eff9ef;
  --c8y-palette-green-70: #d1ecd1;
  --c8y-palette-green-60: #a5daa5;
  --c8y-palette-green-50: #6ac26a;
  --c8y-palette-green-40: #119d11;
  --c8y-palette-green-30: #0f880f;
  --c8y-palette-green-20: #0a5c0a;
  --c8y-palette-green-10: #084708;
  --c8y-palette-fixed-light: #fff;
  --c8y-palette-fixed-dark: #212121;
  --c8y-palette-status-realtime: #00bb00;
  --c8y-palette-status-success-dark: #007700;
  /* suitable for text */
  --c8y-palette-status-success-light: #f4fce3;
  --c8y-palette-status-success: #71A112;
  --c8y-palette-gray-100: #F9FAFB;
  --c8y-palette-gray-90: #F0F2F4;
  --c8y-palette-gray-80: #E8EBED;
  --c8y-palette-gray-70: #E3E5E8;
  --c8y-palette-gray-60: #D4D9DE;
  --c8y-palette-gray-50: #8B96A0;
  --c8y-palette-gray-40: #657381;
  --c8y-palette-gray-30: #4C5967;
  --c8y-palette-gray-20: #2A3846;
  --c8y-palette-gray-10: #212121;
  --c8y-palette-low: black;
  --c8y-palette-high: white;
  --c8y-global-disabled-opacity: 0.55;
  --c8y-dl-horizontal-offset: 180;
  --c8y-code-border-color: transparent;
  --c8y-code-border-radius: 0;
  --c8y-pre-border-radius: 0;
  --c8y-blockquote-border-color: transparent;
  --c8y-line-height-small: 1;
  --c8y-line-height-large: 1.3333333;
  /* extra decimals for Win 8.1 Chrome */
  --c8y-line-height-headings: 1.1;
  --c8y-line-height-base: 1.42857143;
  --c8y-font-weight-headings: 600;
  --c8y-font-weight-base: 400;
  --c8y-font-size-base: 14px;
  --c8y-font-family-mono-spaced: Menlo, Monaco, Consolas, 'Courier New', monospace;
  --c8y-font-family-serif: Georgia, 'Times New Roman', Times, sans-serif;
  --c8y-font-family-sans-serif: 'Public Sans', Helvetica, Arial, sans-serif;
  --c8y-tooltip-opacity: 0.95;
  --c8y-tooltip-arrow-width: 5px;
  --c8y-tooltip-width: 200px;
  --c8y-tooltip-border-radius: 3px;
  --c8y-table-cell-padding-default: 13px;
  --c8y-unit-base: 8px;
  --c8y-root-component-scrollbar-thumb-default: rgba(57, 72, 82, 0.2);
  --c8y-root-component-color-expanded: inherit;
  --c8y-root-component-background-disabled: rgba(0, 0, 0, 0.1);
  /* Don't use when changing opacity */
  --c8y-root-component-border-caret-width: 6px;
  --c8y-root-component-border-radius-focus: 4px;
  --c8y-root-component-border-radius-small: 0;
  --c8y-root-component-border-radius-large: 2px;
  --c8y-root-component-border-radius-base: 0;
  --c8y-root-component-border-style: solid;
  --c8y-root-component-border-width: 0;
  --c8y-root-component-padding-xs-horizontal: 5px;
  --c8y-root-component-padding-xs-vertical: 1px;
  --c8y-root-component-padding-small-vertical: 5px;
  --c8y-root-component-padding-large-vertical: 9px;
  --c8y-popover-arrow-width: 10px;
  --c8y-popover-width: 276px;
  --c8y-popover-border-radius: 4px;
  --c8y-navigator-active-border-width: 4px;
  --c8y-navigator-app-icon-size: 46px;
  --c8y-navigator-app-name-size: 16px;
  --c8y-navigator-platform-logo-height: 32;
  --c8y-nav-tabs-background-hover: transparent;
  --c8y-nav-tabs-background-default: transparent;
  --c8y-nav-tabs-vertical-width: 170px;
  --c8y-nav-tabs-border-width-active: 4px;
  --c8y-nav-tabs-border-width-default: 1px;
  --c8y-navlink-background-focus: transparent;
  --c8y-navlink-background-active: transparent;
  --c8y-navlink-background-hover: transparent;
  --c8y-navbar-border-color: transparent;
  --c8y-modal-backdrop-opacity: 0.5;
  --c8y-modal-border-radius: 4px;
  --c8y-modal-inner-scroll-height-sm: 35vh;
  --c8y-modal-inner-scroll-height-default: 62vh;
  --c8y-modal-size-sm: 450px;
  --c8y-modal-size-md: 600px;
  --c8y-modal-size-lg: 900px;
  --c8y-form-validation-bottom-margin: 24px;
  --c8y-form-control-height-lg: 40px;
  --c8y-form-control-height-sm: 28px;
  --c8y-form-control-height-base: 32px;
  --c8y-form-control-placeholder-font-style: italic;
  --c8y-form-control-border-width: 1px;
  --c8y-form-control-line-height: 1.42857143;
  --c8y-form-control-font-weight: normal;
  --c8y-form-legend-font-weight: 400;
  --c8y-form-legend-text-transform: uppercase;
  --c8y-form-label-font-weight: 600;
  --c8y-form-label-text-transform: none;
  --c8y-btn-shadow-default: none;
  --c8y-btn-transition-default: all 0.15s ease-out;
  --c8y-btn-padding-icon-horizontal: 9px;
  --c8y-btn-padding-xs-vertical: 1px;
  --c8y-btn-padding-xs-horizontal: 10px;
  --c8y-btn-padding-small-vertical: 5px;
  --c8y-btn-padding-small-horizontal: 14px;
  --c8y-btn-padding-large-vertical: 9px;
  --c8y-btn-padding-large-horizontal: 16px;
  --c8y-btn-border-radius-pill: 24px;
  --c8y-btn-border-radius-xs: 12px;
  --c8y-btn-border-radius-small: calc(var(--btn-border-radius-base, 0) * 0.75px);
  --c8y-btn-border-radius-large: calc(var(--btn-border-radius-base, 0) * 1.25px);
  --c8y-btn-border-radius-base: var(--btn-border-radius-base, 2px);
  --c8y-btn-line-height-xs: 1;
  --c8y-btn-line-height-small: 1.2;
  --c8y-btn-line-height-large: 1.2;
  --c8y-btn-group-border-radius: 0;
  --c8y-badge-line-height: 1;
  --c8y-badge-font-weight: bold;
  --c8y-badge-padding: 0.25em 0.4em 0.15em;
  --c8y-badge-border-radius: 10px;
  --c8y-alert-status-symbol-font-family: 'dlt-c8y-icons';
  --c8y-alert-status-symbol-size: 24px;
  --c8y-alert-padding: 16px 16px 16px 48px;
  --c8y-alert-border-style: solid;
  --c8y-alert-border-width: 4px;
  --c8y-alert-max-width: 600px;
  --c8y-elevation-hover: 0 0 0 1px rgba(var(--c8y-elevation-color), 0.05), 0 4px 4px rgba(var(--c8y-elevation-color), 0.01), 0 8px 8px rgba(var(--c8y-elevation-color), 0.01), 0 16px 16px rgba(var(--c8y-elevation-color), 0.03), 0 32px 32px rgba(var(--c8y-elevation-color), 0.05), 0 16px 64px rgba(var(--c8y-elevation-color), .1);
  --c8y-elevation-sm: 0 0 1px 1px rgba(var(--c8y-elevation-color), 0.05), 0 2px 2px rgba(var(--c8y-elevation-color), .15);
  /* Elevation for Cards, Select dropdowns, Date pickers, Time pickers */
  --c8y-elevation-md-bottom: 0 2px 12px 2px rgba(var(--c8y-elevation-color), 0.08), 0 2px 18px 4px rgba(var(--c8y-elevation-color), .1);
  /* Elevation md bottom */
  --c8y-elevation-md-top: 0 -2px 12px 2px rgba(var(--c8y-elevation-color), 0.08), 0 -4px 18px 4px rgba(var(--c8y-elevation-color), .1);
  /* Elevation md rop */
  --c8y-elevation-md-left: -4px 0 12px 2px rgba(var(--c8y-elevation-color), 0.08), -4px 0 18px 4px rgba(var(--c8y-elevation-color), .1);
  /* Elevation md right */
  --c8y-elevation-md-right: 4px 0 12px 2px rgba(var(--c8y-elevation-color), 0.08), 4px 0 18px 4px rgba(var(--c8y-elevation-color), .1);
  /* Elevation md right */
  --c8y-elevation-lg: 0 0 4px rgba(var(--c8y-elevation-color), 0.1), 0 8px 16px rgba(var(--c8y-elevation-color), .12), 0 0 16px rgba(var(--c8y-elevation-color), .04), 0 36px 52px rgba(var(--c8y-elevation-color), .05), 0 8px 36px rgba(var(--c8y-elevation-color), .16);
  /* Elevation for Modals and full screen overlaying elements */
  --c8y-elevation-border: inset 0 0 0 1px var(--c8y-palette-gray-80);
  /* For App switchers, Overflow menus, Tooltips */
  --c8y-right-drawer-separator-color: var(--c8y-palette-gray-70);
  --c8y-right-drawer-text-color-default: var(--c8y-palette-gray-10);
  --c8y-right-drawer-background-selected: var(--c8y-palette-gray-80);
  --c8y-right-drawer-background-default: var(--c8y-palette-gray-100);
  --c8y-main-header-background-default: var(--c8y-palette-high);
  --c8y-abbr-border-color: var(--c8y-palette-gray-40);
  --c8y-text-muted: var(--c8y-palette-gray-40);
  --c8y-text-color: var(--c8y-palette-gray-10);
  --c8y-level-4: var(--c8y-palette-gray-70);
  --c8y-level-3: var(--c8y-palette-gray-80);
  --c8y-level-2: var(--c8y-palette-gray-90);
  --c8y-level-1: var(--c8y-palette-gray-100);
  --c8y-brand-accent-light: var(--c8y-palette-blue-80);
  --c8y-brand-accent-dark: var(--c8y-palette-blue-10);
  --c8y-brand-accent: var(--c8y-palette-blue-30);
  --c8y-brand-80: var(--c8y-palette-green-80);
  --c8y-brand-70: var(--c8y-palette-green-70);
  --c8y-brand-60: var(--c8y-palette-green-60);
  --c8y-brand-50: var(--c8y-palette-green-50);
  --c8y-brand-40: var(--c8y-palette-green-40);
  --c8y-brand-30: var(--c8y-palette-green-30);
  --c8y-brand-20: var(--c8y-palette-green-20);
  --c8y-brand-10: var(--c8y-palette-green-10);
  --c8y-body-background-color: var(--c8y-palette-high);
  --c8y-palette-status-system: var(--c8y-palette-gray-70);
  --c8y-palette-status-info-dark: var(--c8y-palette-blue-10);
  --c8y-palette-status-info-light: var(--c8y-palette-blue-70);
  --c8y-palette-status-info: var(--c8y-palette-blue-30);
  --c8y-palette-status-danger-dark: var(--c8y-palette-red-10);
  /* suitable for text */
  --c8y-palette-status-danger-light: var(--c8y-palette-red-80);
  --c8y-palette-status-danger: var(--c8y-palette-red-30);
  --c8y-palette-status-warning-high: var(--c8y-palette-orange-80);
  --c8y-palette-status-warning-light: var(--c8y-palette-yellow-60);
  --c8y-palette-status-warning-dark: var(--c8y-palette-orange-10);
  --c8y-palette-status-warning: var(--c8y-palette-orange-50);
  --c8y-global-separator: var(--c8y-palette-gray-80);
  --c8y-global-odd: linear-gradient(to top, var(--c8y-palette-gray-90), var(--c8y-palette-gray-90));
  --c8y-code-color: var(--c8y-palette-blue-30);
  --c8y-code-background: var(--c8y-palette-blue-80);
  --c8y-code-font-size: calc(var(--c8y-font-size-base) - 1px);
  --c8y-code-font-family: var(--c8y-font-family-mono-spaced);
  --c8y-pre-color: var(--c8y-palette-gray-30);
  --c8y-pre-background: var(--c8y-palette-gray-90);
  --c8y-pre-border-color: var(--c8y-palette-gray-70);
  --c8y-font-size-h6: calc(var(--c8y-font-size-base) * 0.85714286);
  /* 12px */
  --c8y-font-size-h5: var(--c8y-font-size-base);
  /* 14px */
  --c8y-font-size-h4: calc(var(--c8y-font-size-base) * 1.28571429);
  /* 18px */
  --c8y-font-size-h3: calc(var(--c8y-font-size-base) * 1.71428571);
  /* 24px */
  --c8y-font-size-h2: calc(var(--c8y-font-size-base) * 2.14285714);
  /* 30px */
  --c8y-font-size-h1: calc(var(--c8y-font-size-base) * 2.57142857);
  /* 36px */
  --c8y-font-size-xs: calc(var(--c8y-font-size-base) * 0.71428571);
  /* 10px */
  --c8y-font-size-small: calc(var(--c8y-font-size-base) * 0.85714286);
  /* 12px */
  --c8y-font-size-large: calc(var(--c8y-font-size-base) * 1.21428571);
  /* 17px */
  --c8y-font-family-base: var(--c8y-font-family-sans-serif);
  --c8y-tooltip-color-default: var(--c8y-palette-gray-100);
  --c8y-tooltip-background-default: var(--c8y-palette-gray-10);
  --c8y-switch-handle-background: var(--c8y-palette-high);
  --c8y-switch-background-default: var(--c8y-palette-gray-50);
  --c8y-switch-radius: calc(var(--c8y-unit-base) * 3.75);
  --c8y-switch-height: calc(var(--c8y-unit-base) * 3.75);
  --c8y-switch-width: calc(var(--c8y-unit-base) * 7.5);
  --c8y-table-cell-padding-condensed: var(--c8y-unit-base);
  --c8y-root-component-scrollbar-thumb-hover: var(--c8y-palette-gray-40);
  --c8y-root-component-icon-color: var(--c8y-palette-gray-30);
  --c8y-root-component-icon-white-color-dark: var(--c8y-palette-high);
  --c8y-root-component-pulse-color: var(--c8y-palette-status-realtime);
  --c8y-root-component-disabled-opacity: var(--c8y-global-disabled-opacity);
  --c8y-root-component-actions-opacity: var(--c8y-global-disabled-opacity);
  --c8y-root-component-color-disabled: var(--c8y-palette-gray-70);
  /* Don't use when changing opacity */
  --c8y-root-component-color-actions: var(--c8y-palette-gray-30);
  --c8y-root-component-color-link-hover: var(--c8y-link-hover-color);
  --c8y-root-component-color-link: var(--c8y-link-color);
  --c8y-root-component-background-expanded: var(--c8y-palette-gray-100);
  --c8y-root-component-background-default: var(--c8y-palette-high);
  --c8y-root-component-padding: calc(var(--c8y-unit-base) * 2);
  --c8y-root-component-padding-small-horizontal: var(--c8y-unit-base);
  --c8y-root-component-padding-large-horizontal: calc(var(--c8y-unit-base) * 2);
  --c8y-root-component-padding-base-horizontal: var(--c8y-unit-base);
  --c8y-root-component-padding-base-vertical: calc(var(--c8y-unit-base) * 0.625);
  --c8y-page-sticky-header-color-active: var(--c8y-link-color);
  --c8y-page-sticky-header-color-hover: var(--c8y-link-hover-color);
  --c8y-page-sticky-header-color-default: var(--c8y-palette-gray-10);
  --c8y-page-sticky-header-background-default: var(--c8y-palette-gray-100);
  --c8y-page-sticky-header-height: calc(var(--c8y-unit-base) * 6);
  --c8y-navigator-scrollbar-thumb-default: var(--c8y-root-component-scrollbar-thumb-default);
  --c8y-navigator-separator-color: var(--c8y-palette-gray-70);
  --c8y-navigator-text-color-default: var(--c8y-palette-gray-10);
  --c8y-navigator-background-selected: var(--c8y-palette-gray-80);
  --c8y-navigator-background-default: var(--c8y-palette-gray-100);
  --c8y-navigator-font-size: var(--c8y-font-size-base);
  --c8y-nav-pills-background-focus: var(--c8y-navlink-background-focus);
  --c8y-nav-pills-background-active: var(--c8y-navlink-background-active);
  --c8y-nav-pills-background-hover: var(--c8y-navlink-background-hover);
  --c8y-nav-pills-border-radius: calc(var(--c8y-unit-base) * 2);
  --c8y-nav-tabs-background-focus: var(--c8y-navlink-background-focus);
  --c8y-nav-tabs-vertical-padding-vertical: calc(var(--c8y-unit-base) + 2px);
  --c8y-nav-tabs-padding-horizontal: calc(var(--c8y-unit-base) * 2);
  --c8y-nav-tabs-icon-color-default: var(--c8y-palette-gray-40);
  --c8y-nav-tabs-icon-size: calc(var(--c8y-unit-base) * 2);
  --c8y-navlink-padding-horizontal: calc(var(--c8y-unit-base) * 2);
  --c8y-navlink-padding-vertical: calc(var(--c8y-unit-base) * 1.5 + 2px);
  --c8y-navbar-margin-bottom: calc(var(--c8y-unit-base) * 2);
  --c8y-navbar-height: calc(var(--c8y-unit-base) * 6);
  --c8y-modal-backdrop-background: var(--c8y-palette-low);
  --c8y-form-validation-color-success: var(--c8y-palette-status-success);
  --c8y-form-control-disabled-opacity: var(--c8y-global-disabled-opacity);
  --c8y-form-control-background-disabled: var(--c8y-component-background-disabled, var(--c8y-root-component-background-disabled));
  --c8y-form-control-placeholder-color: var(--c8y-palette-gray-40);
  --c8y-form-control-border-color-default: var(--c8y-palette-gray-60);
  --c8y-form-control-border-radius: var(--c8y-root-component-border-radius-base);
  --c8y-form-legend-color: var(--c8y-palette-gray-40);
  --c8y-form-label-color: var(--c8y-palette-gray-20);
  --c8y-form-label-font-size: var(--c8y-font-size-base);
  --c8y-btn-danger-color-active: var(--c8y-palette-high);
  --c8y-btn-primary-color-active: var(--c8y-palette-high);
  --c8y-btn-primary-color-default: var(--c8y-palette-high);
  --c8y-btn-line-height-base: var(--c8y-line-height-base);
  --c8y-btn-font-size-base: var(--c8y-font-size-base);
  --c8y-btn-font-weight: var(--c8y-font-weight-base);
  --c8y-alert-status-success: var(--c8y-palette-status-success);
  --c8y-dropdown-background-default: var(--c8y-root-component-background-default);
  --c8y-action-bar-icon-color: var(--c8y-root-component-icon-color);
  --c8y-action-bar-disabled-opacity: var(--c8y-root-component-disabled-opacity);
  --c8y-action-bar-actions-opacity: var(--c8y-root-component-actions-opacity);
  --c8y-action-bar-color-actions: var(--c8y-root-component-color-actions);
  --c8y-action-bar-background-default: var(--c8y-root-component-background-default);
  --c8y-right-drawer-text-color-active: var(--c8y-right-drawer-text-color-default);
  --c8y-right-drawer-text-color-selected: var(--c8y-right-drawer-text-color-default);
  --c8y-right-drawer-background-active: var(--c8y-brand-70);
  --c8y-main-header-shadow: var(--c8y-elevation-md-bottom);
  --c8y-main-header-text-color-default: var(--c8y-text-color);
  --c8y-main-header-background-active: var(--c8y-brand-70);
  --c8y-level-0: var(--c8y-body-background-color);
  --c8y-brand-realtime-added: var(--c8y-brand-80);
  --c8y-brand-dark: var(--brand-dark, var(--c8y-brand-10));
  --c8y-brand-light: var(--brand-light, var(--c8y-brand-60));
  --c8y-brand-primary: var(--brand-primary, var(--c8y-brand-40));
  --c8y-blockquote-font-size: var(--c8y-font-size-h4);
  --c8y-switch-handle-color: var(--c8y-text-color);
  --c8y-switch-background-active: var(--c8y-brand-40);
  --c8y-root-component-form-control-placeholder-color: var(--c8y-form-control-placeholder-color);
  --c8y-root-component-form-control-border-color-default: var(--c8y-form-control-border-color-default);
  --c8y-root-component-form-control-background-disabled: var(--c8y-form-control-background-disabled);
  --c8y-root-component-form-legend-color: var(--c8y-form-legend-color);
  --c8y-root-component-form-label-color: var(--c8y-form-label-color);
  --c8y-root-component-scrollbar-track: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  --c8y-root-component-icon-dark-color-dark: var(--c8y-text-color);
  --c8y-root-component-separator-color: var(--c8y-global-separator);
  --c8y-root-component-color-text-muted: var(--c8y-text-muted);
  --c8y-root-component-color-odd: var(--c8y-text-color);
  --c8y-root-component-color-default: var(--c8y-text-color);
  --c8y-root-component-background-hover: var(--c8y-brand-80);
  --c8y-root-component-background-focus: var(--c8y-root-component-background-default);
  --c8y-root-component-background-expanded-gradient: linear-gradient(0deg, rgba(0, 0, 0, 0.03) 0px, var(--c8y-root-component-background-expanded) 12px, var(--c8y-root-component-background-expanded) calc(100% - 12px), rgba(0, 0, 0, 0.03) 100%);
  --c8y-root-component-background-active: var(--c8y-root-component-background-default);
  --c8y-root-component-background-odd: var(--c8y-global-odd);
  /* use for alternate stripes for example */
  --c8y-root-component-border-color: var(--c8y-global-separator);
  --c8y-popover-icon-color: var(--c8y-root-component-icon-color);
  --c8y-popover-color-link-hover: var(--c8y-root-component-color-link-hover);
  --c8y-popover-color-link: var(--c8y-root-component-color-link);
  --c8y-popover-background-default: var(--c8y-root-component-background-default);
  --c8y-popover-padding: var(--c8y-root-component-padding);
  --c8y-navigator-scrollbar-thumb-hover: var(--c8y-root-component-scrollbar-thumb-hover);
  --c8y-navigator-header-color: var(--c8y-navigator-text-color-default);
  --c8y-navigator-header-background: var(--c8y-navigator-background-default);
  --c8y-navigator-text-color-active: var(--c8y-navigator-text-color-default);
  --c8y-navigator-text-color-selected: var(--c8y-navigator-text-color-default);
  --c8y-navigator-background-active: var(--c8y-brand-70);
  --c8y-navigator-font-family: var(--c8y-font-family-base);
  --c8y-nav-pills-padding-horizontal: var(--c8y-navlink-padding-horizontal);
  --c8y-nav-pills-padding-vertical: var(--c8y-navlink-padding-vertical);
  --c8y-nav-tabs-background-active: var(--c8y-root-component-background-default);
  --c8y-nav-tabs-vertical-padding-horizontal: var(--c8y-navlink-padding-horizontal);
  --c8y-nav-tabs-padding-vertical: var(--c8y-navlink-padding-vertical);
  --c8y-navlink-color-default: var(--c8y-text-color);
  --c8y-navlink-background-default: var(--c8y-root-component-background-default);
  --c8y-navbar-color-default: var(--c8y-text-color);
  --c8y-navbar-background-default: var(--c8y-root-component-background-default);
  --c8y-form-validation-color-info: var(--c8y-palette-status-info);
  --c8y-form-validation-color-warning: var(--c8y-palette-status-warning);
  --c8y-form-validation-color-error: var(--c8y-palette-status-danger);
  --c8y-form-control-color-disabled: var(--c8y-component-color-disabled, var(--c8y-root-component-color-disabled));
  --c8y-form-control-background-focus: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  --c8y-form-control-background-default: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  --c8y-form-control-padding-base-horizontal: var(--c8y-root-component-padding-base-horizontal);
  --c8y-form-control-padding-base-vertical: var(--c8y-root-component-padding-base-vertical);
  --c8y-form-control-font-family: var(--c8y-font-family-base);
  --c8y-form-legend-font-size: var(--c8y-font-size-small);
  --c8y-btn-danger-border-color-active: var(--c8y-palette-status-danger-dark);
  --c8y-btn-danger-border-color-focus: var(--c8y-palette-status-danger);
  --c8y-btn-danger-border-color-hover: var(--c8y-palette-status-danger);
  --c8y-btn-danger-border-color-default: var(--c8y-palette-status-danger);
  --c8y-btn-danger-background-active: var(--c8y-palette-status-danger-dark);
  --c8y-btn-danger-background-focus: var(--c8y-root-component-background-default);
  --c8y-btn-danger-background-hover: var(--c8y-root-component-background-default);
  --c8y-btn-danger-background-default: var(--c8y-root-component-background-default);
  --c8y-btn-danger-color-focus: var(--c8y-palette-status-danger);
  --c8y-btn-danger-color-hover: var(--c8y-palette-status-danger);
  --c8y-btn-danger-color-default: var(--c8y-palette-status-danger);
  --c8y-btn-accent-border-color-active: var(--c8y-brand-accent-dark);
  --c8y-btn-accent-border-color-focus: var(--c8y-brand-accent-dark);
  --c8y-btn-accent-border-color-hover: var(--c8y-brand-accent-dark);
  --c8y-btn-accent-border-color-default: var(--c8y-brand-accent);
  --c8y-btn-accent-background-active: var(--c8y-brand-accent-dark);
  --c8y-btn-accent-background-focus: var(--c8y-brand-accent-dark);
  --c8y-btn-accent-background-hover: var(--c8y-brand-accent-dark);
  --c8y-btn-accent-background-default: var(--c8y-brand-accent);
  --c8y-btn-accent-color-active: var(--c8y-text-color);
  --c8y-btn-accent-color-focus: var(--c8y-text-color);
  --c8y-btn-accent-color-hover: var(--c8y-text-color);
  --c8y-btn-accent-color-default: var(--c8y-text-color);
  --c8y-btn-primary-border-color-active: var(--c8y-brand-20);
  --c8y-btn-primary-background-active: var(--c8y-brand-10);
  --c8y-btn-primary-background-focus: var(--c8y-root-component-background-default);
  --c8y-btn-primary-background-hover: var(--c8y-root-component-background-default);
  --c8y-btn-default-background-active: var(--c8y-brand-70);
  --c8y-btn-default-background-focus: var(--c8y-root-component-background-default);
  --c8y-btn-default-background-hover: var(--c8y-root-component-background-default);
  --c8y-btn-default-background-default: var(--c8y-root-component-background-default);
  --c8y-btn-padding-icon-vertical: var(--c8y-root-component-padding-base-vertical);
  --c8y-btn-padding-base-vertical: var(--c8y-root-component-padding-base-vertical);
  --c8y-btn-padding-base-horizontal: var(--c8y-root-component-padding-base-horizontal);
  --c8y-btn-font-size-xs: var(--c8y-font-size-xs);
  --c8y-btn-font-size-small: var(--c8y-font-size-small);
  --c8y-btn-font-size-large: var(--c8y-font-size-large);
  --c8y-btn-font-family: var(--c8y-font-family-base);
  --c8y-badge-font-size: var(--c8y-font-size-small);
  --c8y-alert-background-default: var(--c8y-root-component-background-default);
  --c8y-alert-status-info: var(--c8y-palette-status-info);
  --c8y-alert-status-danger: var(--c8y-palette-status-danger);
  --c8y-alert-status-warning: var(--c8y-palette-status-warning);
  --c8y-action-bar-border-color: var(--c8y-root-component-border-color);
  --c8y-action-bar-color-text-muted: var(--c8y-root-component-color-text-muted);
  --c8y-action-bar-color-default: var(--c8y-root-component-color-default);
  --c8y-right-drawer-border-selected: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-right-drawer-text-muted: var(--c8y-root-component-color-text-muted);
  --c8y-main-header-text-color-hover: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-tooltip-border-color: var(--c8y-root-component-border-color);
  --c8y-root-component-form-control-color-disabled: var(--c8y-form-control-color-disabled);
  --c8y-root-component-form-control-background-focus: var(--c8y-form-control-background-focus);
  --c8y-root-component-form-control-background-default: var(--c8y-form-control-background-default);
  --c8y-root-component-icon-dark-color-light: var(--c8y-brand-light);
  --c8y-root-component-icon-white-color-light: var(--c8y-brand-light);
  --c8y-root-component-brand-primary: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-root-component-spinner-color: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-root-component-realtime-added: var(--c8y-brand-realtime-added);
  --c8y-root-component-color-focus: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-root-component-color-accent: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-root-component-color-actions-hover: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-root-component-color-active: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-popover-label-color: var(--c8y-root-component-form-label-color);
  --c8y-popover-color-default: var(--c8y-root-component-color-default);
  --c8y-popover-border-color: var(--c8y-root-component-border-color);
  --c8y-navigator-scrollbar-track: var(--c8y-root-component-scrollbar-track);
  --c8y-navigator-border-selected: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-nav-pills-color-default: var(--c8y-navlink-color-default);
  --c8y-nav-pills-background-default: var(--c8y-navlink-background-default);
  --c8y-nav-tabs-color-default: var(--c8y-navlink-color-default);
  --c8y-nav-tabs-icon-color-active: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-nav-tabs-icon-color-focus: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-nav-tabs-icon-color-hover: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-nav-tabs-border-color-default: var(--c8y-root-component-border-color);
  --c8y-navlink-color-focus: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-navlink-color-active: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-navlink-color-hover: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-form-control-icon-color: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-form-control-color-focus: var(--c8y-component-color-default, var(--c8y-root-component-color-default));
  --c8y-form-control-color-default: var(--c8y-component-color-default, var(--c8y-root-component-color-default));
  --c8y-form-control-border-color-focus: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-primary-border-color-focus: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-primary-border-color-hover: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-primary-border-color-default: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-primary-background-default: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-primary-color-focus: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-primary-color-hover: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-default-border-color-active: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-default-border-color-focus: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-default-border-color-hover: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-default-border-color-default: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-default-color-active: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-default-color-focus: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-default-color-hover: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-default-color-default: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-alert-color-default: var(--c8y-root-component-color-default);
  --c8y-alert-status-system: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-action-bar-color-focus: var(--c8y-root-component-color-focus);
  --c8y-action-bar-color-actions-hover: var(--c8y-root-component-color-actions-hover);
  --c8y-right-drawer-link-color-hover: var(--c8y-root-component-brand-primary);
  --c8y-right-drawer-link-color-default: var(--c8y-root-component-brand-primary);
  --c8y-root-component-form-control-border-color-focus: var(--c8y-form-control-border-color-focus);
  --c8y-root-component-form-control-color-focus: var(--c8y-form-control-color-focus);
  --c8y-root-component-form-control-color-default: var(--c8y-form-control-color-default);
  --c8y-nav-pills-color-focus: var(--c8y-navlink-color-focus);
  --c8y-nav-pills-color-active: var(--c8y-navlink-color-active);
  --c8y-nav-pills-color-hover: var(--c8y-navlink-color-hover);
  --c8y-nav-tabs-color-focus: var(--c8y-navlink-color-focus);
  --c8y-nav-tabs-color-active: var(--c8y-navlink-color-active);
  --c8y-nav-tabs-color-hover: var(--c8y-navlink-color-hover);
  --c8y-nav-tabs-border-color-active: var(--c8y-root-component-brand-primary);
  --c8y-navbar-link: var(--c8y-root-component-brand-primary);
}
/**
 * Do not edit directly
 * Generated on Tue, 01 Oct 2024 08:54:33 GMT
 */
.c8y-dark-theme {
  --c8y-elevation-hover: none;
  --c8y-elevation-sm: none;
  /* Elevation for Cards, Select dropdowns, Date pickers, Time pickers */
  --c8y-elevation-md-bottom: none;
  /* Elevation md bottom */
  --c8y-elevation-md-top: none;
  /* Elevation md rop */
  --c8y-elevation-md-left: none;
  /* Elevation md right */
  --c8y-elevation-md-right: none;
  /* Elevation md right */
  --c8y-elevation-lg: none;
  /* Elevation for Modals */
  --c8y-elevation-color: 1, 31, 61;
  /* The rgb values of #f2f2f3 (the palette-gray-10) */
  --c8y-switch-background-active: var(--c8y-brand-40);
  --c8y-tooltip-opacity: 0.95;
  --c8y-nav-tabs-background-hover: transparent;
  --c8y-nav-tabs-background-default: transparent;
  --c8y-navlink-background-focus: transparent;
  --c8y-navlink-background-active: transparent;
  --c8y-navlink-background-hover: transparent;
  --c8y-navbar-border-color: transparent;
  --c8y-btn-primary-border-color-active: var(--c8y-brand-70);
  --c8y-btn-primary-background-active: var(--c8y-brand-70);
  --c8y-btn-default-background-active: var(--c8y-brand-40);
  --c8y-btn-default-background-focus: transparent;
  --c8y-btn-default-background-hover: transparent;
  --c8y-btn-default-background-default: transparent;
  --c8y-btn-default-color-active: var(--c8y-brand-10);
  --c8y-right-drawer-background-active: var(--c8y-brand-20);
  --c8y-navigator-background-active: var(--c8y-brand-20);
  --c8y-main-header-border-color: transparent;
  --c8y-main-header-background-active: var(--c8y-brand-20);
  --c8y-main-header-background-hover: inherit;
  --c8y-code-border-color: transparent;
  --c8y-code-color: var(--c8y-palette-blue-80);
  --c8y-code-background: var(--c8y-palette-blue-30);
  --c8y-blockquote-border-color: transparent;
  --c8y-headings-color: inherit;
  --c8y-root-component-color-expanded: inherit;
  --c8y-root-component-background-hover: var(--c8y-brand-10);
  --c8y-root-component-background-disabled: rgba(255, 255, 255, 0.1);
  /* Don't use when changing opacity */
  --c8y-brand-realtime-added: var(--c8y-brand-40);
  --c8y-brand-accent-light: var(--c8y-palette-blue-80);
  --c8y-brand-accent-dark: var(--c8y-palette-blue-10);
  --c8y-brand-accent: var(--c8y-palette-blue-30);
  --c8y-brand-light: var(--brand-light, var(--c8y-palette-yellow-68));
  --c8y-brand-80: var(--c8y-palette-yellow-80);
  --c8y-brand-70: var(--c8y-palette-yellow-70);
  --c8y-brand-60: var(--c8y-palette-yellow-60);
  --c8y-brand-50: var(--c8y-palette-yellow-50);
  --c8y-brand-40: var(--c8y-palette-yellow-40);
  --c8y-brand-30: var(--c8y-palette-yellow-30);
  --c8y-brand-20: var(--c8y-palette-yellow-20);
  --c8y-brand-10: var(--c8y-palette-yellow-10);
  --c8y-palette-status-realtime: #00bb00;
  --c8y-palette-status-info-dark: #105589;
  --c8y-palette-status-info-light: #ebf5ff;
  --c8y-palette-status-info: #1776BF;
  --c8y-palette-status-success-dark: #007700;
  /* suitable for text */
  --c8y-palette-status-success-light: #f4fce3;
  --c8y-palette-status-success: #71A112;
  --c8y-palette-status-danger-dark: #8f0009;
  /* suitable for text */
  --c8y-palette-status-danger-light: #fae6e8;
  --c8y-palette-status-danger: #DC5B68;
  --c8y-palette-status-warning-high: #fff1e0;
  --c8y-palette-status-warning-light: #ECBE23;
  --c8y-palette-status-warning-dark: #806A00;
  --c8y-palette-status-warning: #E07800;
  --c8y-palette-gray-100: #23262A;
  --c8y-palette-gray-90: #2e3338;
  --c8y-palette-gray-80: #32363A;
  --c8y-palette-gray-70: #4e5154;
  --c8y-palette-gray-60: #5f6265;
  --c8y-palette-gray-50: #707375;
  --c8y-palette-gray-40: #b5b7b9;
  --c8y-palette-gray-30: #cacbcc;
  --c8y-palette-gray-20: #dedee0;
  --c8y-palette-gray-10: #f2f2f3;
  --c8y-palette-low: #1e2124;
  --c8y-palette-high: white;
  --c8y-global-disabled-opacity: 0.55;
  --c8y-global-odd: linear-gradient(to top, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.03));
  --c8y-elevation-border: inset 0 0 0 1px var(--c8y-palette-gray-80);
  /* For App switchers, Overflow menus, Tooltips */
  --c8y-helpdrawer-background-default: var(--c8y-palette-gray-80);
  --c8y-dropdown-background-default: var(--c8y-palette-gray-70);
  --c8y-switch-background-default: var(--c8y-palette-gray-60);
  --c8y-tooltip-color-default: var(--c8y-palette-gray-100);
  --c8y-tooltip-background-default: var(--c8y-palette-gray-10);
  --c8y-popover-background-default: var(--c8y-palette-gray-80);
  --c8y-page-sticky-header-background-default: var(--c8y-palette-gray-90);
  --c8y-nav-pills-background-focus: var(--c8y-navlink-background-focus);
  --c8y-nav-pills-background-active: var(--c8y-navlink-background-active);
  --c8y-nav-pills-background-hover: var(--c8y-navlink-background-hover);
  --c8y-nav-tabs-icon-color-default: var(--c8y-palette-gray-40);
  --c8y-nav-tabs-background-focus: var(--c8y-navlink-background-focus);
  --c8y-modal-background-default: var(--c8y-palette-gray-80);
  --c8y-modal-backdrop-background: var(--c8y-palette-low);
  --c8y-form-validation-color-info: var(--c8y-palette-status-info);
  --c8y-form-validation-color-success: var(--c8y-palette-status-success);
  --c8y-form-validation-color-warning: var(--c8y-palette-status-warning);
  --c8y-form-validation-color-error: var(--c8y-palette-status-danger);
  --c8y-form-control-placeholder-color: var(--c8y-palette-gray-40);
  --c8y-form-control-disabled-opacity: var(--c8y-global-disabled-opacity);
  --c8y-form-control-border-color-default: var(--c8y-palette-gray-70);
  --c8y-form-control-background-disabled: var(--c8y-component-background-disabled, var(--c8y-root-component-background-disabled));
  --c8y-btn-danger-border-color-active: var(--c8y-palette-status-danger-dark);
  --c8y-btn-danger-border-color-focus: var(--c8y-palette-status-danger);
  --c8y-btn-danger-border-color-hover: var(--c8y-palette-status-danger);
  --c8y-btn-danger-border-color-default: var(--c8y-palette-status-danger);
  --c8y-btn-danger-background-active: var(--c8y-palette-status-danger-dark);
  --c8y-btn-danger-background-focus: var(--c8y-palette-high);
  --c8y-btn-danger-background-hover: var(--c8y-palette-high);
  --c8y-btn-danger-background-default: var(--c8y-palette-status-danger);
  --c8y-btn-danger-color-active: var(--c8y-palette-high);
  --c8y-btn-danger-color-focus: var(--c8y-palette-status-danger);
  --c8y-btn-danger-color-hover: var(--c8y-palette-status-danger);
  --c8y-btn-danger-color-default: var(--c8y-palette-high);
  --c8y-btn-accent-border-color-active: var(--c8y-brand-accent-dark);
  --c8y-btn-accent-border-color-focus: var(--c8y-brand-accent);
  --c8y-btn-accent-border-color-hover: var(--c8y-brand-accent);
  --c8y-btn-accent-border-color-default: var(--c8y-brand-accent);
  --c8y-btn-accent-background-active: var(--c8y-brand-accent-dark);
  --c8y-btn-accent-background-focus: var(--c8y-palette-high);
  --c8y-btn-accent-background-hover: var(--c8y-palette-high);
  --c8y-btn-accent-background-default: var(--c8y-brand-accent);
  --c8y-btn-accent-color-active: var(--c8y-palette-high);
  --c8y-btn-accent-color-focus: var(--c8y-brand-accent);
  --c8y-btn-accent-color-hover: var(--c8y-brand-accent);
  --c8y-btn-accent-color-default: var(--c8y-palette-high);
  --c8y-btn-primary-color-active: var(--c8y-palette-high);
  --c8y-btn-primary-color-default: var(--c8y-palette-low);
  --c8y-alert-status-info: var(--c8y-palette-status-info);
  --c8y-alert-status-success: var(--c8y-palette-status-success);
  --c8y-alert-status-danger: var(--c8y-palette-status-danger);
  --c8y-alert-status-warning: var(--c8y-palette-status-warning);
  --c8y-alert-background-default: var(--c8y-palette-gray-70);
  --c8y-action-bar-background-default: var(--c8y-palette-low);
  --c8y-right-drawer-separator-color: var(--c8y-palette-gray-80);
  --c8y-right-drawer-text-color-default: var(--c8y-palette-gray-20);
  --c8y-right-drawer-background-selected: var(--c8y-palette-gray-90);
  --c8y-right-drawer-background-default: var(--c8y-palette-low);
  --c8y-navigator-separator-color: var(--c8y-palette-gray-80);
  --c8y-navigator-text-color-default: var(--c8y-palette-gray-20);
  --c8y-navigator-background-selected: var(--c8y-palette-gray-90);
  --c8y-navigator-background-default: var(--c8y-palette-low);
  --c8y-main-header-background-default: var(--c8y-palette-low);
  --c8y-pre-border-color: var(--c8y-palette-gray-70);
  --c8y-pre-color: var(--c8y-palette-gray-30);
  --c8y-pre-background: var(--c8y-palette-gray-90);
  --c8y-abbr-border-color: var(--c8y-palette-gray-40);
  --c8y-text-muted: var(--c8y-palette-gray-40);
  --c8y-text-color: var(--c8y-palette-gray-30);
  --c8y-root-component-scrollbar-thumb-hover: var(--c8y-palette-gray-70);
  --c8y-root-component-scrollbar-thumb-default: var(--c8y-palette-gray-80);
  --c8y-root-component-icon-color: var(--c8y-palette-gray-30);
  --c8y-root-component-icon-dark-color-light: var(--c8y-brand-light);
  --c8y-root-component-pulse-color: var(--c8y-palette-status-realtime);
  --c8y-root-component-realtime-added: var(--c8y-brand-realtime-added);
  --c8y-root-component-disabled-opacity: var(--c8y-global-disabled-opacity);
  --c8y-root-component-actions-opacity: var(--c8y-global-disabled-opacity);
  --c8y-root-component-color-disabled: var(--c8y-palette-gray-70);
  /* Don't use when changing opacity */
  --c8y-root-component-background-expanded: var(--c8y-palette-gray-90);
  --c8y-root-component-background-odd: var(--c8y-global-odd);
  /* use for alternate stripes */
  --c8y-root-component-background-default: var(--c8y-palette-gray-100);
  --c8y-level-4: var(--c8y-palette-gray-60);
  --c8y-level-3: var(--c8y-palette-gray-70);
  --c8y-level-2: var(--c8y-palette-gray-80);
  --c8y-level-1: var(--c8y-palette-gray-90);
  --c8y-level-0: var(--c8y-palette-gray-100);
  --c8y-brand-complementary: var(--brand-complementary, var(--c8y-brand-70));
  --c8y-brand-dark: var(--brand-dark, var(--c8y-brand-40));
  --c8y-brand-primary: var(--brand-primary, var(--c8y-brand-60));
  --c8y-body-background-color: var(--c8y-palette-low);
  --c8y-global-separator: var(--c8y-palette-gray-70);
  --c8y-switch-handle-color: var(--c8y-root-component-background-default);
  --c8y-switch-handle-background: var(--c8y-text-color);
  --c8y-popover-icon-color: var(--c8y-root-component-icon-color);
  --c8y-page-sticky-header-color-default: var(--c8y-text-color);
  --c8y-nav-tabs-icon-color-active: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-nav-tabs-icon-color-focus: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-nav-tabs-icon-color-hover: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-nav-tabs-background-active: var(--c8y-root-component-background-default);
  --c8y-navlink-color-focus: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-navlink-color-active: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-navlink-color-hover: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-navlink-color-default: var(--c8y-text-color);
  --c8y-navlink-background-default: var(--c8y-root-component-background-default);
  --c8y-navbar-color-default: var(--c8y-text-color);
  --c8y-navbar-background-default: var(--c8y-root-component-background-default);
  --c8y-form-control-icon-color: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-form-control-border-color-focus: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-form-control-color-disabled: var(--c8y-component-color-disabled, var(--c8y-root-component-color-disabled));
  --c8y-form-control-background-focus: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  --c8y-form-control-background-default: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  --c8y-form-legend-color: var(--c8y-text-color);
  --c8y-form-label-color: var(--c8y-text-color);
  --c8y-btn-primary-border-color-focus: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-primary-border-color-hover: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-primary-border-color-default: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-primary-background-focus: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  --c8y-btn-primary-background-hover: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  --c8y-btn-primary-background-default: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-primary-color-focus: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-primary-color-hover: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-default-border-color-active: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-default-border-color-focus: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-default-border-color-hover: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-default-border-color-default: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-default-color-focus: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-default-color-hover: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-default-color-default: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-alert-status-system: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-action-bar-icon-color: var(--c8y-root-component-icon-color);
  --c8y-action-bar-disabled-opacity: var(--c8y-root-component-disabled-opacity);
  --c8y-action-bar-actions-opacity: var(--c8y-root-component-actions-opacity);
  --c8y-right-drawer-border-selected: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-right-drawer-text-color-active: var(--c8y-right-drawer-text-color-default);
  --c8y-right-drawer-text-color-selected: var(--c8y-right-drawer-text-color-default);
  --c8y-navigator-scrollbar-thumb-hover: var(--c8y-root-component-scrollbar-thumb-hover);
  --c8y-navigator-scrollbar-thumb-default: var(--c8y-root-component-scrollbar-thumb-default);
  --c8y-navigator-border-selected: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-navigator-header-color: var(--c8y-navigator-text-color-default);
  --c8y-navigator-header-background: var(--c8y-navigator-background-default);
  --c8y-navigator-text-color-active: var(--c8y-navigator-text-color-default);
  --c8y-navigator-text-color-selected: var(--c8y-navigator-text-color-default);
  --c8y-main-header-shadow: inset 0 -1px 0 var(--c8y-global-separator);
  --c8y-main-header-text-color-hover: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-main-header-text-color-default: var(--c8y-text-color);
  --c8y-link-hover-color: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-link-color: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-root-component-form-control-placeholder-color: var(--c8y-form-control-placeholder-color);
  --c8y-root-component-form-control-border-color-default: var(--c8y-form-control-border-color-default);
  --c8y-root-component-form-control-background-disabled: var(--c8y-form-control-background-disabled);
  --c8y-root-component-scrollbar-track: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  --c8y-root-component-icon-dark-color-dark: var(--c8y-brand-dark);
  --c8y-root-component-icon-white-color-dark: var(--c8y-brand-dark);
  --c8y-root-component-icon-white-color-light: var(--c8y-brand-primary);
  --c8y-root-component-brand-primary: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-root-component-spinner-color: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-root-component-border-color: var(--c8y-global-separator);
  --c8y-root-component-separator-color: var(--c8y-global-separator);
  --c8y-root-component-color-focus: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-root-component-color-accent: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-root-component-color-actions-hover: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-root-component-color-actions: var(--c8y-text-color);
  --c8y-root-component-color-text-muted: var(--c8y-text-muted);
  --c8y-root-component-color-active: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-root-component-color-odd: var(--c8y-text-color);
  --c8y-root-component-color-default: var(--c8y-text-color);
  --c8y-root-component-background-focus: var(--c8y-root-component-background-default);
  --c8y-root-component-background-expanded-gradient: linear-gradient(0deg, rgba(255, 255, 255, 0.03) 0px, var(--c8y-root-component-background-expanded) 12px, var(--c8y-root-component-background-expanded) calc(100% - 12px), rgba(0, 0, 0, 0.03) 100%);
  --c8y-root-component-background-active: var(--c8y-root-component-background-default);
  --c8y-palette-status-system: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-tooltip-border-color: var(--c8y-root-component-border-color);
  --c8y-popover-border-color: var(--c8y-root-component-border-color);
  --c8y-popover-color-default: var(--c8y-root-component-color-default);
  --c8y-page-sticky-header-color-active: var(--c8y-link-color);
  --c8y-page-sticky-header-color-hover: var(--c8y-link-hover-color);
  --c8y-nav-pills-color-focus: var(--c8y-navlink-color-focus);
  --c8y-nav-pills-color-active: var(--c8y-navlink-color-active);
  --c8y-nav-pills-color-hover: var(--c8y-navlink-color-hover);
  --c8y-nav-pills-color-default: var(--c8y-navlink-color-default);
  --c8y-nav-pills-background-default: var(--c8y-navlink-background-default);
  --c8y-nav-tabs-border-color-active: var(--c8y-root-component-brand-primary);
  --c8y-nav-tabs-border-color-default: var(--c8y-root-component-border-color);
  --c8y-nav-tabs-color-focus: var(--c8y-navlink-color-focus);
  --c8y-nav-tabs-color-active: var(--c8y-navlink-color-active);
  --c8y-nav-tabs-color-hover: var(--c8y-navlink-color-hover);
  --c8y-nav-tabs-color-default: var(--c8y-navlink-color-default);
  --c8y-navbar-link: var(--c8y-root-component-brand-primary);
  --c8y-modal-color-default: var(--c8y-root-component-color-default);
  --c8y-form-control-color-focus: var(--c8y-component-color-default, var(--c8y-root-component-color-default));
  --c8y-form-control-color-default: var(--c8y-component-color-default, var(--c8y-root-component-color-default));
  --c8y-alert-color-default: var(--c8y-root-component-color-default);
  --c8y-action-bar-border-color: var(--c8y-root-component-border-color);
  --c8y-action-bar-color-focus: var(--c8y-root-component-color-focus);
  --c8y-action-bar-color-actions-hover: var(--c8y-root-component-color-actions-hover);
  --c8y-action-bar-color-actions: var(--c8y-root-component-color-actions);
  --c8y-action-bar-color-text-muted: var(--c8y-root-component-color-text-muted);
  --c8y-action-bar-color-default: var(--c8y-root-component-color-default);
  --c8y-right-drawer-text-muted: var(--c8y-root-component-color-text-muted);
  --c8y-right-drawer-link-color-hover: var(--c8y-root-component-brand-primary);
  --c8y-right-drawer-link-color-default: var(--c8y-root-component-brand-primary);
  --c8y-navigator-scrollbar-track: var(--c8y-root-component-scrollbar-track);
  --c8y-root-component-form-control-border-color-focus: var(--c8y-form-control-border-color-focus);
  --c8y-root-component-form-control-color-disabled: var(--c8y-form-control-color-disabled);
  --c8y-root-component-form-control-background-focus: var(--c8y-form-control-background-focus);
  --c8y-root-component-form-control-background-default: var(--c8y-form-control-background-default);
  --c8y-root-component-form-legend-color: var(--c8y-form-legend-color);
  --c8y-root-component-form-label-color: var(--c8y-form-label-color);
  --c8y-root-component-color-link-hover: var(--c8y-link-hover-color);
  --c8y-root-component-color-link: var(--c8y-link-color);
  --c8y-popover-label-color: var(--c8y-root-component-form-label-color);
  --c8y-popover-color-link-hover: var(--c8y-root-component-color-link-hover);
  --c8y-popover-color-link: var(--c8y-root-component-color-link);
  --c8y-root-component-form-control-color-focus: var(--c8y-form-control-color-focus);
  --c8y-root-component-form-control-color-default: var(--c8y-form-control-color-default);
}
@media (prefers-color-scheme: dark) {
  .c8y-system-theme {
    --c8y-elevation-hover: none;
    --c8y-elevation-sm: none;
    /* Elevation for Cards, Select dropdowns, Date pickers, Time pickers */
    --c8y-elevation-md-bottom: none;
    /* Elevation md bottom */
    --c8y-elevation-md-top: none;
    /* Elevation md rop */
    --c8y-elevation-md-left: none;
    /* Elevation md right */
    --c8y-elevation-md-right: none;
    /* Elevation md right */
    --c8y-elevation-lg: none;
    /* Elevation for Modals */
    --c8y-elevation-color: 1, 31, 61;
    /* The rgb values of #f2f2f3 (the palette-gray-10) */
    --c8y-switch-background-active: var(--c8y-brand-40);
    --c8y-tooltip-opacity: 0.95;
    --c8y-nav-tabs-background-hover: transparent;
    --c8y-nav-tabs-background-default: transparent;
    --c8y-navlink-background-focus: transparent;
    --c8y-navlink-background-active: transparent;
    --c8y-navlink-background-hover: transparent;
    --c8y-navbar-border-color: transparent;
    --c8y-btn-primary-border-color-active: var(--c8y-brand-70);
    --c8y-btn-primary-background-active: var(--c8y-brand-70);
    --c8y-btn-default-background-active: var(--c8y-brand-40);
    --c8y-btn-default-background-focus: transparent;
    --c8y-btn-default-background-hover: transparent;
    --c8y-btn-default-background-default: transparent;
    --c8y-btn-default-color-active: var(--c8y-brand-10);
    --c8y-right-drawer-background-active: var(--c8y-brand-20);
    --c8y-navigator-background-active: var(--c8y-brand-20);
    --c8y-main-header-border-color: transparent;
    --c8y-main-header-background-active: var(--c8y-brand-20);
    --c8y-main-header-background-hover: inherit;
    --c8y-code-border-color: transparent;
    --c8y-code-color: var(--c8y-palette-blue-80);
    --c8y-code-background: var(--c8y-palette-blue-30);
    --c8y-blockquote-border-color: transparent;
    --c8y-headings-color: inherit;
    --c8y-root-component-color-expanded: inherit;
    --c8y-root-component-background-hover: var(--c8y-brand-10);
    --c8y-root-component-background-disabled: rgba(255, 255, 255, 0.1);
    /* Don't use when changing opacity */
    --c8y-brand-realtime-added: var(--c8y-brand-40);
    --c8y-brand-accent-light: var(--c8y-palette-blue-80);
    --c8y-brand-accent-dark: var(--c8y-palette-blue-10);
    --c8y-brand-accent: var(--c8y-palette-blue-30);
    --c8y-brand-light: var(--brand-light, var(--c8y-palette-yellow-68));
    --c8y-brand-80: var(--c8y-palette-yellow-80);
    --c8y-brand-70: var(--c8y-palette-yellow-70);
    --c8y-brand-60: var(--c8y-palette-yellow-60);
    --c8y-brand-50: var(--c8y-palette-yellow-50);
    --c8y-brand-40: var(--c8y-palette-yellow-40);
    --c8y-brand-30: var(--c8y-palette-yellow-30);
    --c8y-brand-20: var(--c8y-palette-yellow-20);
    --c8y-brand-10: var(--c8y-palette-yellow-10);
    --c8y-palette-status-realtime: #00bb00;
    --c8y-palette-status-info-dark: #105589;
    --c8y-palette-status-info-light: #ebf5ff;
    --c8y-palette-status-info: #1776BF;
    --c8y-palette-status-success-dark: #007700;
    /* suitable for text */
    --c8y-palette-status-success-light: #f4fce3;
    --c8y-palette-status-success: #71A112;
    --c8y-palette-status-danger-dark: #8f0009;
    /* suitable for text */
    --c8y-palette-status-danger-light: #fae6e8;
    --c8y-palette-status-danger: #DC5B68;
    --c8y-palette-status-warning-high: #fff1e0;
    --c8y-palette-status-warning-light: #ECBE23;
    --c8y-palette-status-warning-dark: #806A00;
    --c8y-palette-status-warning: #E07800;
    --c8y-palette-gray-100: #23262A;
    --c8y-palette-gray-90: #2e3338;
    --c8y-palette-gray-80: #32363A;
    --c8y-palette-gray-70: #4e5154;
    --c8y-palette-gray-60: #5f6265;
    --c8y-palette-gray-50: #707375;
    --c8y-palette-gray-40: #b5b7b9;
    --c8y-palette-gray-30: #cacbcc;
    --c8y-palette-gray-20: #dedee0;
    --c8y-palette-gray-10: #f2f2f3;
    --c8y-palette-low: #1e2124;
    --c8y-palette-high: white;
    --c8y-global-disabled-opacity: 0.55;
    --c8y-global-odd: linear-gradient(to top, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.03));
    --c8y-elevation-border: inset 0 0 0 1px var(--c8y-palette-gray-80);
    /* For App switchers, Overflow menus, Tooltips */
    --c8y-helpdrawer-background-default: var(--c8y-palette-gray-80);
    --c8y-dropdown-background-default: var(--c8y-palette-gray-70);
    --c8y-switch-background-default: var(--c8y-palette-gray-60);
    --c8y-tooltip-color-default: var(--c8y-palette-gray-100);
    --c8y-tooltip-background-default: var(--c8y-palette-gray-10);
    --c8y-popover-background-default: var(--c8y-palette-gray-80);
    --c8y-page-sticky-header-background-default: var(--c8y-palette-gray-90);
    --c8y-nav-pills-background-focus: var(--c8y-navlink-background-focus);
    --c8y-nav-pills-background-active: var(--c8y-navlink-background-active);
    --c8y-nav-pills-background-hover: var(--c8y-navlink-background-hover);
    --c8y-nav-tabs-icon-color-default: var(--c8y-palette-gray-40);
    --c8y-nav-tabs-background-focus: var(--c8y-navlink-background-focus);
    --c8y-modal-background-default: var(--c8y-palette-gray-80);
    --c8y-modal-backdrop-background: var(--c8y-palette-low);
    --c8y-form-validation-color-info: var(--c8y-palette-status-info);
    --c8y-form-validation-color-success: var(--c8y-palette-status-success);
    --c8y-form-validation-color-warning: var(--c8y-palette-status-warning);
    --c8y-form-validation-color-error: var(--c8y-palette-status-danger);
    --c8y-form-control-placeholder-color: var(--c8y-palette-gray-40);
    --c8y-form-control-disabled-opacity: var(--c8y-global-disabled-opacity);
    --c8y-form-control-border-color-default: var(--c8y-palette-gray-70);
    --c8y-form-control-background-disabled: var(--c8y-component-background-disabled, var(--c8y-root-component-background-disabled));
    --c8y-btn-danger-border-color-active: var(--c8y-palette-status-danger-dark);
    --c8y-btn-danger-border-color-focus: var(--c8y-palette-status-danger);
    --c8y-btn-danger-border-color-hover: var(--c8y-palette-status-danger);
    --c8y-btn-danger-border-color-default: var(--c8y-palette-status-danger);
    --c8y-btn-danger-background-active: var(--c8y-palette-status-danger-dark);
    --c8y-btn-danger-background-focus: var(--c8y-palette-high);
    --c8y-btn-danger-background-hover: var(--c8y-palette-high);
    --c8y-btn-danger-background-default: var(--c8y-palette-status-danger);
    --c8y-btn-danger-color-active: var(--c8y-palette-high);
    --c8y-btn-danger-color-focus: var(--c8y-palette-status-danger);
    --c8y-btn-danger-color-hover: var(--c8y-palette-status-danger);
    --c8y-btn-danger-color-default: var(--c8y-palette-high);
    --c8y-btn-accent-border-color-active: var(--c8y-brand-accent-dark);
    --c8y-btn-accent-border-color-focus: var(--c8y-brand-accent);
    --c8y-btn-accent-border-color-hover: var(--c8y-brand-accent);
    --c8y-btn-accent-border-color-default: var(--c8y-brand-accent);
    --c8y-btn-accent-background-active: var(--c8y-brand-accent-dark);
    --c8y-btn-accent-background-focus: var(--c8y-palette-high);
    --c8y-btn-accent-background-hover: var(--c8y-palette-high);
    --c8y-btn-accent-background-default: var(--c8y-brand-accent);
    --c8y-btn-accent-color-active: var(--c8y-palette-high);
    --c8y-btn-accent-color-focus: var(--c8y-brand-accent);
    --c8y-btn-accent-color-hover: var(--c8y-brand-accent);
    --c8y-btn-accent-color-default: var(--c8y-palette-high);
    --c8y-btn-primary-color-active: var(--c8y-palette-high);
    --c8y-btn-primary-color-default: var(--c8y-palette-low);
    --c8y-alert-status-info: var(--c8y-palette-status-info);
    --c8y-alert-status-success: var(--c8y-palette-status-success);
    --c8y-alert-status-danger: var(--c8y-palette-status-danger);
    --c8y-alert-status-warning: var(--c8y-palette-status-warning);
    --c8y-alert-background-default: var(--c8y-palette-gray-70);
    --c8y-action-bar-background-default: var(--c8y-palette-low);
    --c8y-right-drawer-separator-color: var(--c8y-palette-gray-80);
    --c8y-right-drawer-text-color-default: var(--c8y-palette-gray-20);
    --c8y-right-drawer-background-selected: var(--c8y-palette-gray-90);
    --c8y-right-drawer-background-default: var(--c8y-palette-low);
    --c8y-navigator-separator-color: var(--c8y-palette-gray-80);
    --c8y-navigator-text-color-default: var(--c8y-palette-gray-20);
    --c8y-navigator-background-selected: var(--c8y-palette-gray-90);
    --c8y-navigator-background-default: var(--c8y-palette-low);
    --c8y-main-header-background-default: var(--c8y-palette-low);
    --c8y-pre-border-color: var(--c8y-palette-gray-70);
    --c8y-pre-color: var(--c8y-palette-gray-30);
    --c8y-pre-background: var(--c8y-palette-gray-90);
    --c8y-abbr-border-color: var(--c8y-palette-gray-40);
    --c8y-text-muted: var(--c8y-palette-gray-40);
    --c8y-text-color: var(--c8y-palette-gray-30);
    --c8y-root-component-scrollbar-thumb-hover: var(--c8y-palette-gray-70);
    --c8y-root-component-scrollbar-thumb-default: var(--c8y-palette-gray-80);
    --c8y-root-component-icon-color: var(--c8y-palette-gray-30);
    --c8y-root-component-icon-dark-color-light: var(--c8y-brand-light);
    --c8y-root-component-pulse-color: var(--c8y-palette-status-realtime);
    --c8y-root-component-realtime-added: var(--c8y-brand-realtime-added);
    --c8y-root-component-disabled-opacity: var(--c8y-global-disabled-opacity);
    --c8y-root-component-actions-opacity: var(--c8y-global-disabled-opacity);
    --c8y-root-component-color-disabled: var(--c8y-palette-gray-70);
    /* Don't use when changing opacity */
    --c8y-root-component-background-expanded: var(--c8y-palette-gray-90);
    --c8y-root-component-background-odd: var(--c8y-global-odd);
    /* use for alternate stripes */
    --c8y-root-component-background-default: var(--c8y-palette-gray-100);
    --c8y-level-4: var(--c8y-palette-gray-60);
    --c8y-level-3: var(--c8y-palette-gray-70);
    --c8y-level-2: var(--c8y-palette-gray-80);
    --c8y-level-1: var(--c8y-palette-gray-90);
    --c8y-level-0: var(--c8y-palette-gray-100);
    --c8y-brand-complementary: var(--brand-complementary, var(--c8y-brand-70));
    --c8y-brand-dark: var(--brand-dark, var(--c8y-brand-40));
    --c8y-brand-primary: var(--brand-primary, var(--c8y-brand-60));
    --c8y-body-background-color: var(--c8y-palette-low);
    --c8y-global-separator: var(--c8y-palette-gray-70);
    --c8y-switch-handle-color: var(--c8y-root-component-background-default);
    --c8y-switch-handle-background: var(--c8y-text-color);
    --c8y-popover-icon-color: var(--c8y-root-component-icon-color);
    --c8y-page-sticky-header-color-default: var(--c8y-text-color);
    --c8y-nav-tabs-icon-color-active: var(--brand-primary, var(--c8y-brand-primary));
    --c8y-nav-tabs-icon-color-focus: var(--brand-primary, var(--c8y-brand-primary));
    --c8y-nav-tabs-icon-color-hover: var(--brand-primary, var(--c8y-brand-primary));
    --c8y-nav-tabs-background-active: var(--c8y-root-component-background-default);
    --c8y-navlink-color-focus: var(--brand-primary, var(--c8y-brand-primary));
    --c8y-navlink-color-active: var(--brand-primary, var(--c8y-brand-primary));
    --c8y-navlink-color-hover: var(--brand-primary, var(--c8y-brand-primary));
    --c8y-navlink-color-default: var(--c8y-text-color);
    --c8y-navlink-background-default: var(--c8y-root-component-background-default);
    --c8y-navbar-color-default: var(--c8y-text-color);
    --c8y-navbar-background-default: var(--c8y-root-component-background-default);
    --c8y-form-control-icon-color: var(--brand-primary, var(--c8y-brand-primary));
    --c8y-form-control-border-color-focus: var(--brand-primary, var(--c8y-brand-primary));
    --c8y-form-control-color-disabled: var(--c8y-component-color-disabled, var(--c8y-root-component-color-disabled));
    --c8y-form-control-background-focus: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
    --c8y-form-control-background-default: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
    --c8y-form-legend-color: var(--c8y-text-color);
    --c8y-form-label-color: var(--c8y-text-color);
    --c8y-btn-primary-border-color-focus: var(--brand-primary, var(--c8y-brand-primary));
    --c8y-btn-primary-border-color-hover: var(--brand-primary, var(--c8y-brand-primary));
    --c8y-btn-primary-border-color-default: var(--brand-primary, var(--c8y-brand-primary));
    --c8y-btn-primary-background-focus: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
    --c8y-btn-primary-background-hover: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
    --c8y-btn-primary-background-default: var(--brand-primary, var(--c8y-brand-primary));
    --c8y-btn-primary-color-focus: var(--brand-primary, var(--c8y-brand-primary));
    --c8y-btn-primary-color-hover: var(--brand-primary, var(--c8y-brand-primary));
    --c8y-btn-default-border-color-active: var(--brand-primary, var(--c8y-brand-primary));
    --c8y-btn-default-border-color-focus: var(--brand-primary, var(--c8y-brand-primary));
    --c8y-btn-default-border-color-hover: var(--brand-primary, var(--c8y-brand-primary));
    --c8y-btn-default-border-color-default: var(--brand-primary, var(--c8y-brand-primary));
    --c8y-btn-default-color-focus: var(--brand-primary, var(--c8y-brand-primary));
    --c8y-btn-default-color-hover: var(--brand-primary, var(--c8y-brand-primary));
    --c8y-btn-default-color-default: var(--brand-primary, var(--c8y-brand-primary));
    --c8y-alert-status-system: var(--brand-primary, var(--c8y-brand-primary));
    --c8y-action-bar-icon-color: var(--c8y-root-component-icon-color);
    --c8y-action-bar-disabled-opacity: var(--c8y-root-component-disabled-opacity);
    --c8y-action-bar-actions-opacity: var(--c8y-root-component-actions-opacity);
    --c8y-right-drawer-border-selected: var(--brand-primary, var(--c8y-brand-primary));
    --c8y-right-drawer-text-color-active: var(--c8y-right-drawer-text-color-default);
    --c8y-right-drawer-text-color-selected: var(--c8y-right-drawer-text-color-default);
    --c8y-navigator-scrollbar-thumb-hover: var(--c8y-root-component-scrollbar-thumb-hover);
    --c8y-navigator-scrollbar-thumb-default: var(--c8y-root-component-scrollbar-thumb-default);
    --c8y-navigator-border-selected: var(--brand-primary, var(--c8y-brand-primary));
    --c8y-navigator-header-color: var(--c8y-navigator-text-color-default);
    --c8y-navigator-header-background: var(--c8y-navigator-background-default);
    --c8y-navigator-text-color-active: var(--c8y-navigator-text-color-default);
    --c8y-navigator-text-color-selected: var(--c8y-navigator-text-color-default);
    --c8y-main-header-shadow: inset 0 -1px 0 var(--c8y-global-separator);
    --c8y-main-header-text-color-hover: var(--brand-primary, var(--c8y-brand-primary));
    --c8y-main-header-text-color-default: var(--c8y-text-color);
    --c8y-link-hover-color: var(--brand-primary, var(--c8y-brand-primary));
    --c8y-link-color: var(--brand-primary, var(--c8y-brand-primary));
    --c8y-root-component-form-control-placeholder-color: var(--c8y-form-control-placeholder-color);
    --c8y-root-component-form-control-border-color-default: var(--c8y-form-control-border-color-default);
    --c8y-root-component-form-control-background-disabled: var(--c8y-form-control-background-disabled);
    --c8y-root-component-scrollbar-track: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
    --c8y-root-component-icon-dark-color-dark: var(--c8y-brand-dark);
    --c8y-root-component-icon-white-color-dark: var(--c8y-brand-dark);
    --c8y-root-component-icon-white-color-light: var(--c8y-brand-primary);
    --c8y-root-component-brand-primary: var(--brand-primary, var(--c8y-brand-primary));
    --c8y-root-component-spinner-color: var(--brand-primary, var(--c8y-brand-primary));
    --c8y-root-component-border-color: var(--c8y-global-separator);
    --c8y-root-component-separator-color: var(--c8y-global-separator);
    --c8y-root-component-color-focus: var(--brand-primary, var(--c8y-brand-primary));
    --c8y-root-component-color-accent: var(--brand-primary, var(--c8y-brand-primary));
    --c8y-root-component-color-actions-hover: var(--brand-primary, var(--c8y-brand-primary));
    --c8y-root-component-color-actions: var(--c8y-text-color);
    --c8y-root-component-color-text-muted: var(--c8y-text-muted);
    --c8y-root-component-color-active: var(--brand-primary, var(--c8y-brand-primary));
    --c8y-root-component-color-odd: var(--c8y-text-color);
    --c8y-root-component-color-default: var(--c8y-text-color);
    --c8y-root-component-background-focus: var(--c8y-root-component-background-default);
    --c8y-root-component-background-expanded-gradient: linear-gradient(0deg, rgba(255, 255, 255, 0.03) 0px, var(--c8y-root-component-background-expanded) 12px, var(--c8y-root-component-background-expanded) calc(100% - 12px), rgba(0, 0, 0, 0.03) 100%);
    --c8y-root-component-background-active: var(--c8y-root-component-background-default);
    --c8y-palette-status-system: var(--brand-primary, var(--c8y-brand-primary));
    --c8y-tooltip-border-color: var(--c8y-root-component-border-color);
    --c8y-popover-border-color: var(--c8y-root-component-border-color);
    --c8y-popover-color-default: var(--c8y-root-component-color-default);
    --c8y-page-sticky-header-color-active: var(--c8y-link-color);
    --c8y-page-sticky-header-color-hover: var(--c8y-link-hover-color);
    --c8y-nav-pills-color-focus: var(--c8y-navlink-color-focus);
    --c8y-nav-pills-color-active: var(--c8y-navlink-color-active);
    --c8y-nav-pills-color-hover: var(--c8y-navlink-color-hover);
    --c8y-nav-pills-color-default: var(--c8y-navlink-color-default);
    --c8y-nav-pills-background-default: var(--c8y-navlink-background-default);
    --c8y-nav-tabs-border-color-active: var(--c8y-root-component-brand-primary);
    --c8y-nav-tabs-border-color-default: var(--c8y-root-component-border-color);
    --c8y-nav-tabs-color-focus: var(--c8y-navlink-color-focus);
    --c8y-nav-tabs-color-active: var(--c8y-navlink-color-active);
    --c8y-nav-tabs-color-hover: var(--c8y-navlink-color-hover);
    --c8y-nav-tabs-color-default: var(--c8y-navlink-color-default);
    --c8y-navbar-link: var(--c8y-root-component-brand-primary);
    --c8y-modal-color-default: var(--c8y-root-component-color-default);
    --c8y-form-control-color-focus: var(--c8y-component-color-default, var(--c8y-root-component-color-default));
    --c8y-form-control-color-default: var(--c8y-component-color-default, var(--c8y-root-component-color-default));
    --c8y-alert-color-default: var(--c8y-root-component-color-default);
    --c8y-action-bar-border-color: var(--c8y-root-component-border-color);
    --c8y-action-bar-color-focus: var(--c8y-root-component-color-focus);
    --c8y-action-bar-color-actions-hover: var(--c8y-root-component-color-actions-hover);
    --c8y-action-bar-color-actions: var(--c8y-root-component-color-actions);
    --c8y-action-bar-color-text-muted: var(--c8y-root-component-color-text-muted);
    --c8y-action-bar-color-default: var(--c8y-root-component-color-default);
    --c8y-right-drawer-text-muted: var(--c8y-root-component-color-text-muted);
    --c8y-right-drawer-link-color-hover: var(--c8y-root-component-brand-primary);
    --c8y-right-drawer-link-color-default: var(--c8y-root-component-brand-primary);
    --c8y-navigator-scrollbar-track: var(--c8y-root-component-scrollbar-track);
    --c8y-root-component-form-control-border-color-focus: var(--c8y-form-control-border-color-focus);
    --c8y-root-component-form-control-color-disabled: var(--c8y-form-control-color-disabled);
    --c8y-root-component-form-control-background-focus: var(--c8y-form-control-background-focus);
    --c8y-root-component-form-control-background-default: var(--c8y-form-control-background-default);
    --c8y-root-component-form-legend-color: var(--c8y-form-legend-color);
    --c8y-root-component-form-label-color: var(--c8y-form-label-color);
    --c8y-root-component-color-link-hover: var(--c8y-link-hover-color);
    --c8y-root-component-color-link: var(--c8y-link-color);
    --c8y-popover-label-color: var(--c8y-root-component-form-label-color);
    --c8y-popover-color-link-hover: var(--c8y-root-component-color-link-hover);
    --c8y-popover-color-link: var(--c8y-root-component-color-link);
    --c8y-root-component-form-control-color-focus: var(--c8y-form-control-color-focus);
    --c8y-root-component-form-control-color-default: var(--c8y-form-control-color-default);
    --c8y-brand-logo-img: url('logo-platform-white.svg');
    --c8y-navigator-platform-logo: url('logo-platform-white.svg');
    --c8y-header-color: var(--c8y-main-header-background-default);
    --c8y-header-text-color: var(--c8y-main-header-text-color-default);
    --c8y-header-hover-color: var(--c8y-main-header-text-color-hover);
    --c8y-navigator-bg-color: var(--c8y-navigator-background-default);
    --c8y-navigator-header-bg: var(--c8y-navigator-header-background);
    --c8y-navigator-title-color: var(--c8y-navigator-header-color);
    --c8y-navigator-active-bg: var(--c8y-navigator-background-selected);
    --c8y-navigator-text-color: var(--c8y-navigator-text-color-default);
    --c8y-navigator-color-active: var(--c8y-navigator-text-color-selected);
    --c8y-navigator-border-active: var(--c8y-navigator-border-selected);
    --c8y-right-drawer-link-color: var(--c8y-right-drawer-link-color-default);
  }
}
/* CUMULOCITY-IOT BRAND CSS VARS */
/* DEPRECATED */
:root,
.c8y-light-theme {
  --c8y-brand-logo-img: url('logo-platform.svg');
  --c8y-brand-logo-height: 20%;
  --c8y-navigator-platform-logo: url('logo-platform.svg');
  --c8y-navigator-platform-logo-height: 32px;
  --c8y-header-color: var(--c8y-main-header-background-default);
  --c8y-header-text-color: var(--c8y-main-header-text-color-default);
  --c8y-header-hover-color: var(--c8y-main-header-text-color-hover);
  --c8y-navigator-bg-color: var(--c8y-navigator-background-default);
  --c8y-navigator-header-bg: var(--c8y-navigator-header-background);
  --c8y-navigator-title-color: var(--c8y-navigator-header-color);
  --c8y-navigator-active-bg: var(--c8y-navigator-background-selected);
  --c8y-navigator-text-color: var(--c8y-navigator-text-color-default);
  --c8y-navigator-color-active: var(--c8y-navigator-text-color-selected);
  --c8y-navigator-border-active: var(--c8y-navigator-border-selected);
  --c8y-right-drawer-link-color: var(--c8y-right-drawer-link-color-default);
}
.c8y-dark-theme {
  --c8y-brand-logo-img: url('logo-platform-white.svg');
  --c8y-navigator-platform-logo: url('logo-platform-white.svg');
  --c8y-header-color: var(--c8y-main-header-background-default);
  --c8y-header-text-color: var(--c8y-main-header-text-color-default);
  --c8y-header-hover-color: var(--c8y-main-header-text-color-hover);
  --c8y-navigator-bg-color: var(--c8y-navigator-background-default);
  --c8y-navigator-header-bg: var(--c8y-navigator-header-background);
  --c8y-navigator-title-color: var(--c8y-navigator-header-color);
  --c8y-navigator-active-bg: var(--c8y-navigator-background-selected);
  --c8y-navigator-text-color: var(--c8y-navigator-text-color-default);
  --c8y-navigator-color-active: var(--c8y-navigator-text-color-selected);
  --c8y-navigator-border-active: var(--c8y-navigator-border-selected);
  --c8y-right-drawer-link-color: var(--c8y-right-drawer-link-color-default);
}
@media (prefers-color-scheme: dark) {
  .c8y-system-theme {
    --c8y-elevation-hover: none;
    --c8y-elevation-sm: none;
    /* Elevation for Cards, Select dropdowns, Date pickers, Time pickers */
    --c8y-elevation-md-bottom: none;
    /* Elevation md bottom */
    --c8y-elevation-md-top: none;
    /* Elevation md rop */
    --c8y-elevation-md-left: none;
    /* Elevation md right */
    --c8y-elevation-md-right: none;
    /* Elevation md right */
    --c8y-elevation-lg: none;
    /* Elevation for Modals */
    --c8y-elevation-color: 1, 31, 61;
    /* The rgb values of #f2f2f3 (the palette-gray-10) */
    --c8y-switch-background-active: var(--c8y-brand-40);
    --c8y-tooltip-opacity: 0.95;
    --c8y-nav-tabs-background-hover: transparent;
    --c8y-nav-tabs-background-default: transparent;
    --c8y-navlink-background-focus: transparent;
    --c8y-navlink-background-active: transparent;
    --c8y-navlink-background-hover: transparent;
    --c8y-navbar-border-color: transparent;
    --c8y-btn-primary-border-color-active: var(--c8y-brand-70);
    --c8y-btn-primary-background-active: var(--c8y-brand-70);
    --c8y-btn-default-background-active: var(--c8y-brand-40);
    --c8y-btn-default-background-focus: transparent;
    --c8y-btn-default-background-hover: transparent;
    --c8y-btn-default-background-default: transparent;
    --c8y-btn-default-color-active: var(--c8y-brand-10);
    --c8y-right-drawer-background-active: var(--c8y-brand-20);
    --c8y-navigator-background-active: var(--c8y-brand-20);
    --c8y-main-header-border-color: transparent;
    --c8y-main-header-background-active: var(--c8y-brand-20);
    --c8y-main-header-background-hover: inherit;
    --c8y-code-border-color: transparent;
    --c8y-code-color: var(--c8y-palette-blue-80);
    --c8y-code-background: var(--c8y-palette-blue-30);
    --c8y-blockquote-border-color: transparent;
    --c8y-headings-color: inherit;
    --c8y-root-component-color-expanded: inherit;
    --c8y-root-component-background-hover: var(--c8y-brand-10);
    --c8y-root-component-background-disabled: rgba(255, 255, 255, 0.1);
    /* Don't use when changing opacity */
    --c8y-brand-realtime-added: var(--c8y-brand-40);
    --c8y-brand-accent-light: var(--c8y-palette-blue-80);
    --c8y-brand-accent-dark: var(--c8y-palette-blue-10);
    --c8y-brand-accent: var(--c8y-palette-blue-30);
    --c8y-brand-light: var(--brand-light, var(--c8y-palette-yellow-68));
    --c8y-brand-80: var(--c8y-palette-yellow-80);
    --c8y-brand-70: var(--c8y-palette-yellow-70);
    --c8y-brand-60: var(--c8y-palette-yellow-60);
    --c8y-brand-50: var(--c8y-palette-yellow-50);
    --c8y-brand-40: var(--c8y-palette-yellow-40);
    --c8y-brand-30: var(--c8y-palette-yellow-30);
    --c8y-brand-20: var(--c8y-palette-yellow-20);
    --c8y-brand-10: var(--c8y-palette-yellow-10);
    --c8y-palette-status-realtime: #00bb00;
    --c8y-palette-status-info-dark: #105589;
    --c8y-palette-status-info-light: #ebf5ff;
    --c8y-palette-status-info: #1776BF;
    --c8y-palette-status-success-dark: #007700;
    /* suitable for text */
    --c8y-palette-status-success-light: #f4fce3;
    --c8y-palette-status-success: #71A112;
    --c8y-palette-status-danger-dark: #8f0009;
    /* suitable for text */
    --c8y-palette-status-danger-light: #fae6e8;
    --c8y-palette-status-danger: #DC5B68;
    --c8y-palette-status-warning-high: #fff1e0;
    --c8y-palette-status-warning-light: #ECBE23;
    --c8y-palette-status-warning-dark: #806A00;
    --c8y-palette-status-warning: #E07800;
    --c8y-palette-gray-100: #23262A;
    --c8y-palette-gray-90: #2e3338;
    --c8y-palette-gray-80: #32363A;
    --c8y-palette-gray-70: #4e5154;
    --c8y-palette-gray-60: #5f6265;
    --c8y-palette-gray-50: #707375;
    --c8y-palette-gray-40: #b5b7b9;
    --c8y-palette-gray-30: #cacbcc;
    --c8y-palette-gray-20: #dedee0;
    --c8y-palette-gray-10: #f2f2f3;
    --c8y-palette-low: #1e2124;
    --c8y-palette-high: white;
    --c8y-global-disabled-opacity: 0.55;
    --c8y-global-odd: linear-gradient(to top, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.03));
    --c8y-elevation-border: inset 0 0 0 1px var(--c8y-palette-gray-80);
    /* For App switchers, Overflow menus, Tooltips */
    --c8y-helpdrawer-background-default: var(--c8y-palette-gray-80);
    --c8y-dropdown-background-default: var(--c8y-palette-gray-70);
    --c8y-switch-background-default: var(--c8y-palette-gray-60);
    --c8y-tooltip-color-default: var(--c8y-palette-gray-100);
    --c8y-tooltip-background-default: var(--c8y-palette-gray-10);
    --c8y-popover-background-default: var(--c8y-palette-gray-80);
    --c8y-page-sticky-header-background-default: var(--c8y-palette-gray-90);
    --c8y-nav-pills-background-focus: var(--c8y-navlink-background-focus);
    --c8y-nav-pills-background-active: var(--c8y-navlink-background-active);
    --c8y-nav-pills-background-hover: var(--c8y-navlink-background-hover);
    --c8y-nav-tabs-icon-color-default: var(--c8y-palette-gray-40);
    --c8y-nav-tabs-background-focus: var(--c8y-navlink-background-focus);
    --c8y-modal-background-default: var(--c8y-palette-gray-80);
    --c8y-modal-backdrop-background: var(--c8y-palette-low);
    --c8y-form-validation-color-info: var(--c8y-palette-status-info);
    --c8y-form-validation-color-success: var(--c8y-palette-status-success);
    --c8y-form-validation-color-warning: var(--c8y-palette-status-warning);
    --c8y-form-validation-color-error: var(--c8y-palette-status-danger);
    --c8y-form-control-placeholder-color: var(--c8y-palette-gray-40);
    --c8y-form-control-disabled-opacity: var(--c8y-global-disabled-opacity);
    --c8y-form-control-border-color-default: var(--c8y-palette-gray-70);
    --c8y-form-control-background-disabled: var(--c8y-component-background-disabled, var(--c8y-root-component-background-disabled));
    --c8y-btn-danger-border-color-active: var(--c8y-palette-status-danger-dark);
    --c8y-btn-danger-border-color-focus: var(--c8y-palette-status-danger);
    --c8y-btn-danger-border-color-hover: var(--c8y-palette-status-danger);
    --c8y-btn-danger-border-color-default: var(--c8y-palette-status-danger);
    --c8y-btn-danger-background-active: var(--c8y-palette-status-danger-dark);
    --c8y-btn-danger-background-focus: var(--c8y-palette-high);
    --c8y-btn-danger-background-hover: var(--c8y-palette-high);
    --c8y-btn-danger-background-default: var(--c8y-palette-status-danger);
    --c8y-btn-danger-color-active: var(--c8y-palette-high);
    --c8y-btn-danger-color-focus: var(--c8y-palette-status-danger);
    --c8y-btn-danger-color-hover: var(--c8y-palette-status-danger);
    --c8y-btn-danger-color-default: var(--c8y-palette-high);
    --c8y-btn-accent-border-color-active: var(--c8y-brand-accent-dark);
    --c8y-btn-accent-border-color-focus: var(--c8y-brand-accent);
    --c8y-btn-accent-border-color-hover: var(--c8y-brand-accent);
    --c8y-btn-accent-border-color-default: var(--c8y-brand-accent);
    --c8y-btn-accent-background-active: var(--c8y-brand-accent-dark);
    --c8y-btn-accent-background-focus: var(--c8y-palette-high);
    --c8y-btn-accent-background-hover: var(--c8y-palette-high);
    --c8y-btn-accent-background-default: var(--c8y-brand-accent);
    --c8y-btn-accent-color-active: var(--c8y-palette-high);
    --c8y-btn-accent-color-focus: var(--c8y-brand-accent);
    --c8y-btn-accent-color-hover: var(--c8y-brand-accent);
    --c8y-btn-accent-color-default: var(--c8y-palette-high);
    --c8y-btn-primary-color-active: var(--c8y-palette-high);
    --c8y-btn-primary-color-default: var(--c8y-palette-low);
    --c8y-alert-status-info: var(--c8y-palette-status-info);
    --c8y-alert-status-success: var(--c8y-palette-status-success);
    --c8y-alert-status-danger: var(--c8y-palette-status-danger);
    --c8y-alert-status-warning: var(--c8y-palette-status-warning);
    --c8y-alert-background-default: var(--c8y-palette-gray-70);
    --c8y-action-bar-background-default: var(--c8y-palette-low);
    --c8y-right-drawer-separator-color: var(--c8y-palette-gray-80);
    --c8y-right-drawer-text-color-default: var(--c8y-palette-gray-20);
    --c8y-right-drawer-background-selected: var(--c8y-palette-gray-90);
    --c8y-right-drawer-background-default: var(--c8y-palette-low);
    --c8y-navigator-separator-color: var(--c8y-palette-gray-80);
    --c8y-navigator-text-color-default: var(--c8y-palette-gray-20);
    --c8y-navigator-background-selected: var(--c8y-palette-gray-90);
    --c8y-navigator-background-default: var(--c8y-palette-low);
    --c8y-main-header-background-default: var(--c8y-palette-low);
    --c8y-pre-border-color: var(--c8y-palette-gray-70);
    --c8y-pre-color: var(--c8y-palette-gray-30);
    --c8y-pre-background: var(--c8y-palette-gray-90);
    --c8y-abbr-border-color: var(--c8y-palette-gray-40);
    --c8y-text-muted: var(--c8y-palette-gray-40);
    --c8y-text-color: var(--c8y-palette-gray-30);
    --c8y-root-component-scrollbar-thumb-hover: var(--c8y-palette-gray-70);
    --c8y-root-component-scrollbar-thumb-default: var(--c8y-palette-gray-80);
    --c8y-root-component-icon-color: var(--c8y-palette-gray-30);
    --c8y-root-component-icon-dark-color-light: var(--c8y-brand-light);
    --c8y-root-component-pulse-color: var(--c8y-palette-status-realtime);
    --c8y-root-component-realtime-added: var(--c8y-brand-realtime-added);
    --c8y-root-component-disabled-opacity: var(--c8y-global-disabled-opacity);
    --c8y-root-component-actions-opacity: var(--c8y-global-disabled-opacity);
    --c8y-root-component-color-disabled: var(--c8y-palette-gray-70);
    /* Don't use when changing opacity */
    --c8y-root-component-background-expanded: var(--c8y-palette-gray-90);
    --c8y-root-component-background-odd: var(--c8y-global-odd);
    /* use for alternate stripes */
    --c8y-root-component-background-default: var(--c8y-palette-gray-100);
    --c8y-level-4: var(--c8y-palette-gray-60);
    --c8y-level-3: var(--c8y-palette-gray-70);
    --c8y-level-2: var(--c8y-palette-gray-80);
    --c8y-level-1: var(--c8y-palette-gray-90);
    --c8y-level-0: var(--c8y-palette-gray-100);
    --c8y-brand-complementary: var(--brand-complementary, var(--c8y-brand-70));
    --c8y-brand-dark: var(--brand-dark, var(--c8y-brand-40));
    --c8y-brand-primary: var(--brand-primary, var(--c8y-brand-60));
    --c8y-body-background-color: var(--c8y-palette-low);
    --c8y-global-separator: var(--c8y-palette-gray-70);
    --c8y-switch-handle-color: var(--c8y-root-component-background-default);
    --c8y-switch-handle-background: var(--c8y-text-color);
    --c8y-popover-icon-color: var(--c8y-root-component-icon-color);
    --c8y-page-sticky-header-color-default: var(--c8y-text-color);
    --c8y-nav-tabs-icon-color-active: var(--brand-primary, var(--c8y-brand-primary));
    --c8y-nav-tabs-icon-color-focus: var(--brand-primary, var(--c8y-brand-primary));
    --c8y-nav-tabs-icon-color-hover: var(--brand-primary, var(--c8y-brand-primary));
    --c8y-nav-tabs-background-active: var(--c8y-root-component-background-default);
    --c8y-navlink-color-focus: var(--brand-primary, var(--c8y-brand-primary));
    --c8y-navlink-color-active: var(--brand-primary, var(--c8y-brand-primary));
    --c8y-navlink-color-hover: var(--brand-primary, var(--c8y-brand-primary));
    --c8y-navlink-color-default: var(--c8y-text-color);
    --c8y-navlink-background-default: var(--c8y-root-component-background-default);
    --c8y-navbar-color-default: var(--c8y-text-color);
    --c8y-navbar-background-default: var(--c8y-root-component-background-default);
    --c8y-form-control-icon-color: var(--brand-primary, var(--c8y-brand-primary));
    --c8y-form-control-border-color-focus: var(--brand-primary, var(--c8y-brand-primary));
    --c8y-form-control-color-disabled: var(--c8y-component-color-disabled, var(--c8y-root-component-color-disabled));
    --c8y-form-control-background-focus: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
    --c8y-form-control-background-default: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
    --c8y-form-legend-color: var(--c8y-text-color);
    --c8y-form-label-color: var(--c8y-text-color);
    --c8y-btn-primary-border-color-focus: var(--brand-primary, var(--c8y-brand-primary));
    --c8y-btn-primary-border-color-hover: var(--brand-primary, var(--c8y-brand-primary));
    --c8y-btn-primary-border-color-default: var(--brand-primary, var(--c8y-brand-primary));
    --c8y-btn-primary-background-focus: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
    --c8y-btn-primary-background-hover: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
    --c8y-btn-primary-background-default: var(--brand-primary, var(--c8y-brand-primary));
    --c8y-btn-primary-color-focus: var(--brand-primary, var(--c8y-brand-primary));
    --c8y-btn-primary-color-hover: var(--brand-primary, var(--c8y-brand-primary));
    --c8y-btn-default-border-color-active: var(--brand-primary, var(--c8y-brand-primary));
    --c8y-btn-default-border-color-focus: var(--brand-primary, var(--c8y-brand-primary));
    --c8y-btn-default-border-color-hover: var(--brand-primary, var(--c8y-brand-primary));
    --c8y-btn-default-border-color-default: var(--brand-primary, var(--c8y-brand-primary));
    --c8y-btn-default-color-focus: var(--brand-primary, var(--c8y-brand-primary));
    --c8y-btn-default-color-hover: var(--brand-primary, var(--c8y-brand-primary));
    --c8y-btn-default-color-default: var(--brand-primary, var(--c8y-brand-primary));
    --c8y-alert-status-system: var(--brand-primary, var(--c8y-brand-primary));
    --c8y-action-bar-icon-color: var(--c8y-root-component-icon-color);
    --c8y-action-bar-disabled-opacity: var(--c8y-root-component-disabled-opacity);
    --c8y-action-bar-actions-opacity: var(--c8y-root-component-actions-opacity);
    --c8y-right-drawer-border-selected: var(--brand-primary, var(--c8y-brand-primary));
    --c8y-right-drawer-text-color-active: var(--c8y-right-drawer-text-color-default);
    --c8y-right-drawer-text-color-selected: var(--c8y-right-drawer-text-color-default);
    --c8y-navigator-scrollbar-thumb-hover: var(--c8y-root-component-scrollbar-thumb-hover);
    --c8y-navigator-scrollbar-thumb-default: var(--c8y-root-component-scrollbar-thumb-default);
    --c8y-navigator-border-selected: var(--brand-primary, var(--c8y-brand-primary));
    --c8y-navigator-header-color: var(--c8y-navigator-text-color-default);
    --c8y-navigator-header-background: var(--c8y-navigator-background-default);
    --c8y-navigator-text-color-active: var(--c8y-navigator-text-color-default);
    --c8y-navigator-text-color-selected: var(--c8y-navigator-text-color-default);
    --c8y-main-header-shadow: inset 0 -1px 0 var(--c8y-global-separator);
    --c8y-main-header-text-color-hover: var(--brand-primary, var(--c8y-brand-primary));
    --c8y-main-header-text-color-default: var(--c8y-text-color);
    --c8y-link-hover-color: var(--brand-primary, var(--c8y-brand-primary));
    --c8y-link-color: var(--brand-primary, var(--c8y-brand-primary));
    --c8y-root-component-form-control-placeholder-color: var(--c8y-form-control-placeholder-color);
    --c8y-root-component-form-control-border-color-default: var(--c8y-form-control-border-color-default);
    --c8y-root-component-form-control-background-disabled: var(--c8y-form-control-background-disabled);
    --c8y-root-component-scrollbar-track: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
    --c8y-root-component-icon-dark-color-dark: var(--c8y-brand-dark);
    --c8y-root-component-icon-white-color-dark: var(--c8y-brand-dark);
    --c8y-root-component-icon-white-color-light: var(--c8y-brand-primary);
    --c8y-root-component-brand-primary: var(--brand-primary, var(--c8y-brand-primary));
    --c8y-root-component-spinner-color: var(--brand-primary, var(--c8y-brand-primary));
    --c8y-root-component-border-color: var(--c8y-global-separator);
    --c8y-root-component-separator-color: var(--c8y-global-separator);
    --c8y-root-component-color-focus: var(--brand-primary, var(--c8y-brand-primary));
    --c8y-root-component-color-accent: var(--brand-primary, var(--c8y-brand-primary));
    --c8y-root-component-color-actions-hover: var(--brand-primary, var(--c8y-brand-primary));
    --c8y-root-component-color-actions: var(--c8y-text-color);
    --c8y-root-component-color-text-muted: var(--c8y-text-muted);
    --c8y-root-component-color-active: var(--brand-primary, var(--c8y-brand-primary));
    --c8y-root-component-color-odd: var(--c8y-text-color);
    --c8y-root-component-color-default: var(--c8y-text-color);
    --c8y-root-component-background-focus: var(--c8y-root-component-background-default);
    --c8y-root-component-background-expanded-gradient: linear-gradient(0deg, rgba(255, 255, 255, 0.03) 0px, var(--c8y-root-component-background-expanded) 12px, var(--c8y-root-component-background-expanded) calc(100% - 12px), rgba(0, 0, 0, 0.03) 100%);
    --c8y-root-component-background-active: var(--c8y-root-component-background-default);
    --c8y-palette-status-system: var(--brand-primary, var(--c8y-brand-primary));
    --c8y-tooltip-border-color: var(--c8y-root-component-border-color);
    --c8y-popover-border-color: var(--c8y-root-component-border-color);
    --c8y-popover-color-default: var(--c8y-root-component-color-default);
    --c8y-page-sticky-header-color-active: var(--c8y-link-color);
    --c8y-page-sticky-header-color-hover: var(--c8y-link-hover-color);
    --c8y-nav-pills-color-focus: var(--c8y-navlink-color-focus);
    --c8y-nav-pills-color-active: var(--c8y-navlink-color-active);
    --c8y-nav-pills-color-hover: var(--c8y-navlink-color-hover);
    --c8y-nav-pills-color-default: var(--c8y-navlink-color-default);
    --c8y-nav-pills-background-default: var(--c8y-navlink-background-default);
    --c8y-nav-tabs-border-color-active: var(--c8y-root-component-brand-primary);
    --c8y-nav-tabs-border-color-default: var(--c8y-root-component-border-color);
    --c8y-nav-tabs-color-focus: var(--c8y-navlink-color-focus);
    --c8y-nav-tabs-color-active: var(--c8y-navlink-color-active);
    --c8y-nav-tabs-color-hover: var(--c8y-navlink-color-hover);
    --c8y-nav-tabs-color-default: var(--c8y-navlink-color-default);
    --c8y-navbar-link: var(--c8y-root-component-brand-primary);
    --c8y-modal-color-default: var(--c8y-root-component-color-default);
    --c8y-form-control-color-focus: var(--c8y-component-color-default, var(--c8y-root-component-color-default));
    --c8y-form-control-color-default: var(--c8y-component-color-default, var(--c8y-root-component-color-default));
    --c8y-alert-color-default: var(--c8y-root-component-color-default);
    --c8y-action-bar-border-color: var(--c8y-root-component-border-color);
    --c8y-action-bar-color-focus: var(--c8y-root-component-color-focus);
    --c8y-action-bar-color-actions-hover: var(--c8y-root-component-color-actions-hover);
    --c8y-action-bar-color-actions: var(--c8y-root-component-color-actions);
    --c8y-action-bar-color-text-muted: var(--c8y-root-component-color-text-muted);
    --c8y-action-bar-color-default: var(--c8y-root-component-color-default);
    --c8y-right-drawer-text-muted: var(--c8y-root-component-color-text-muted);
    --c8y-right-drawer-link-color-hover: var(--c8y-root-component-brand-primary);
    --c8y-right-drawer-link-color-default: var(--c8y-root-component-brand-primary);
    --c8y-navigator-scrollbar-track: var(--c8y-root-component-scrollbar-track);
    --c8y-root-component-form-control-border-color-focus: var(--c8y-form-control-border-color-focus);
    --c8y-root-component-form-control-color-disabled: var(--c8y-form-control-color-disabled);
    --c8y-root-component-form-control-background-focus: var(--c8y-form-control-background-focus);
    --c8y-root-component-form-control-background-default: var(--c8y-form-control-background-default);
    --c8y-root-component-form-legend-color: var(--c8y-form-legend-color);
    --c8y-root-component-form-label-color: var(--c8y-form-label-color);
    --c8y-root-component-color-link-hover: var(--c8y-link-hover-color);
    --c8y-root-component-color-link: var(--c8y-link-color);
    --c8y-popover-label-color: var(--c8y-root-component-form-label-color);
    --c8y-popover-color-link-hover: var(--c8y-root-component-color-link-hover);
    --c8y-popover-color-link: var(--c8y-root-component-color-link);
    --c8y-root-component-form-control-color-focus: var(--c8y-form-control-color-focus);
    --c8y-root-component-form-control-color-default: var(--c8y-form-control-color-default);
    --c8y-brand-logo-img: url('logo-platform-white.svg');
    --c8y-navigator-platform-logo: url('logo-platform-white.svg');
    --c8y-header-color: var(--c8y-main-header-background-default);
    --c8y-header-text-color: var(--c8y-main-header-text-color-default);
    --c8y-header-hover-color: var(--c8y-main-header-text-color-hover);
    --c8y-navigator-bg-color: var(--c8y-navigator-background-default);
    --c8y-navigator-header-bg: var(--c8y-navigator-header-background);
    --c8y-navigator-title-color: var(--c8y-navigator-header-color);
    --c8y-navigator-active-bg: var(--c8y-navigator-background-selected);
    --c8y-navigator-text-color: var(--c8y-navigator-text-color-default);
    --c8y-navigator-color-active: var(--c8y-navigator-text-color-selected);
    --c8y-navigator-border-active: var(--c8y-navigator-border-selected);
    --c8y-right-drawer-link-color: var(--c8y-right-drawer-link-color-default);
    --brand-logo-img: url('logo-platform-white.svg');
    --navigator-platform-logo: url('logo-platform-white.svg');
    --header-color: var(--c8y-main-header-background-default);
    --header-text-color: var(--c8y-main-header-text-color-default);
    --header-hover-color: var(--c8y-main-header-text-color-hover);
    --navigator-bg-color: var(--c8y-navigator-background-default);
    --navigator-header-bg: var(--c8y-navigator-header-background);
    --navigator-title-color: var(--c8y-navigator-header-color);
    --navigator-active-bg: var(--c8y-navigator-background-active);
    --navigator-text-color: var(--c8y-navigator-text-color-default);
    --navigator-color-active: var(--c8y-navigator-text-color-selected);
    --navigator-border-active: var(--c8y-navigator-border-selected);
    --right-drawer-link-color: var(--c8y-right-drawer-link-color-default);
  }
}
/* grays */
/* Brand */
/* Status, feedback states and alerts */
/* NAVIGATOR */
/* RIGHT DRAWER */
/* change the used icons. Available options are:
-'white'for using the same colors as .c8y-icon-white
-'duo'for using the same colors as .c8y-icon-duocolor
-'none' to use the default @drawer-color
*/
/* MAIN HEADER */
/* TYPOGRAPHY COLORS */
/* Text */
/* Headings */
/* Links */
/* COMPONENTS */
/* Icons */
/* Page sticky header */
/* Layout */
/* Form-control */
/* Input type="range" */
/* TODO: Remove after Codex launch. will be replaced by Tag */
/* TODO: Remove after Codex launch. will be replaced by Tag */
/* GLOBAL MARGINS AND SPACING */
/* MARGINS */
/* NAVIGATOR */
/* TOP MAIN BAR */
/* MEDIA QUERIES BREAKPOINTS */
/* NAVLINK */
/* NAVPILLS */
body c8y-dashboard-gridstack:not([name]):not([use-context]) > .dashboard-theme-branded,
body.c8y-dark-theme c8y-dashboard-gridstack:not([name]):not([use-context]) > .dashboard-theme-branded,
body .dashboard-preview-slot.panel-content-branded,
body.c8y-dark-theme .dashboard-preview-slot.panel-content-branded,
body .dashboard-preview-slot.dashboard-theme-branded,
body.c8y-dark-theme .dashboard-preview-slot.dashboard-theme-branded,
body c8y-context-dashboard.c8y-grid-dashboard.dashboard-theme-branded,
body.c8y-dark-theme c8y-context-dashboard.c8y-grid-dashboard.dashboard-theme-branded,
body .c8y-grid-dashboard c8y-dashboard-child .panel-content-branded,
body.c8y-dark-theme .c8y-grid-dashboard c8y-dashboard-child .panel-content-branded,
body:has(.dashboard-theme-branded) .c8y-ui-action-bar,
body.c8y-dark-theme:has(.dashboard-theme-branded) .c8y-ui-action-bar {
  --c8y-abbr-border-color: var(--c8y-palette-gray-40);
  --c8y-action-bar-actions-opacity: var(--c8y-root-component-actions-opacity);
  --c8y-action-bar-background-default: var(--c8y-brand-10);
  --c8y-action-bar-border-color: var(--c8y-brand-30);
  --c8y-action-bar-color-actions-hover: var(--c8y-brand-60);
  --c8y-action-bar-color-actions: var(--c8y-palette-high);
  --c8y-action-bar-color-default: var(--c8y-palette-high);
  --c8y-action-bar-color-focus: var(--c8y-brand-80);
  --c8y-action-bar-color-text-muted: var(--c8y-brand-80);
  --c8y-action-bar-disabled-opacity: var(--c8y-root-component-disabled-opacity);
  --c8y-action-bar-icon-color: var(--v8y-brand-80);
  --c8y-alert-background-default: var(--c8y-palette-gray-80);
  --c8y-alert-color-default: var(--c8y-root-component-color-default);
  --c8y-alert-status-danger: var(--c8y-palette-status-danger);
  --c8y-alert-status-info: var(--c8y-palette-status-info);
  --c8y-alert-status-success: var(--c8y-palette-status-success);
  --c8y-alert-status-system: var(--c8y-root-component-brand-primary);
  --c8y-alert-status-warning: var(--c8y-palette-status-warning);
  --c8y-blockquote-border-color: transparent;
  --c8y-body-background-color: var(--c8y-brand-10);
  --c8y-btn-accent-background-active: var(--c8y-brand-accent-dark);
  --c8y-btn-accent-background-default: var(--c8y-brand-accent);
  --c8y-btn-accent-background-focus: var(--c8y-palette-high);
  --c8y-btn-accent-background-hover: var(--c8y-palette-high);
  --c8y-btn-accent-border-color-active: var(--c8y-brand-accent-dark);
  --c8y-btn-accent-border-color-default: var(--c8y-brand-accent);
  --c8y-btn-accent-border-color-focus: var(--c8y-brand-accent);
  --c8y-btn-accent-border-color-hover: var(--c8y-brand-accent);
  --c8y-btn-accent-color-active: var(--c8y-palette-high);
  --c8y-btn-accent-color-default: var(--c8y-palette-high);
  --c8y-btn-accent-color-focus: var(--c8y-brand-accent);
  --c8y-btn-accent-color-hover: var(--c8y-brand-accent);
  --c8y-btn-danger-background-active: var(--c8y-palette-status-danger-dark);
  --c8y-btn-danger-background-default: var(--c8y-palette-status-danger);
  --c8y-btn-danger-background-focus: var(--c8y-palette-high);
  --c8y-btn-danger-background-hover: var(--c8y-palette-high);
  --c8y-btn-danger-border-color-active: var(--c8y-palette-status-danger-dark);
  --c8y-btn-danger-border-color-default: var(--c8y-palette-status-danger);
  --c8y-btn-danger-border-color-focus: var(--c8y-palette-status-danger);
  --c8y-btn-danger-border-color-hover: var(--c8y-palette-status-danger);
  --c8y-btn-danger-color-active: var(--c8y-palette-high);
  --c8y-btn-danger-color-default: var(--c8y-palette-high);
  --c8y-btn-danger-color-focus: var(--c8y-palette-status-danger);
  --c8y-btn-danger-color-hover: var(--c8y-palette-status-danger);
  --c8y-btn-default-background-active: var(--c8y-brand-50);
  --c8y-btn-default-background-default: transparent;
  --c8y-btn-default-background-focus: transparent;
  --c8y-btn-default-background-hover: transparent;
  --c8y-btn-default-border-color-active: var(--c8y-root-component-brand-primary);
  --c8y-btn-default-border-color-default: var(--c8y-root-component-brand-primary);
  --c8y-btn-default-border-color-focus: var(--c8y-root-component-brand-primary);
  --c8y-btn-default-border-color-hover: var(--c8y-root-component-brand-primary);
  --c8y-btn-default-color-active: var(--c8y-brand-80);
  --c8y-btn-default-color-default: var(--c8y-root-component-brand-primary);
  --c8y-btn-default-color-focus: var(--c8y-root-component-brand-primary);
  --c8y-btn-default-color-hover: var(--c8y-root-component-brand-primary);
  --c8y-btn-primary-background-active: var(--c8y-brand-10);
  --c8y-btn-primary-background-default: var(--c8y-brand-60);
  --c8y-btn-primary-background-focus: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  --c8y-btn-primary-background-hover: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  --c8y-btn-primary-border-color-active: var(--c8y-brand-70);
  --c8y-btn-primary-border-color-default: var(--c8y-brand-60);
  --c8y-btn-primary-border-color-focus: var(--c8y-brand-70);
  --c8y-btn-primary-border-color-hover: var(--c8y-brand-70);
  --c8y-btn-primary-color-active: var(--c8y-palette-high);
  --c8y-btn-primary-color-default: var(--c8y-palette-gray-100);
  --c8y-btn-primary-color-focus: var(--c8y-palette-high);
  --c8y-btn-primary-color-hover: var(--c8y-palette-high);
  --c8y-code-background-color: var(--c8y-palette-gray-100);
  --c8y-code-border-color: transparent;
  --c8y-code-color: var(--c8y-palette-status-danger-dark);
  --c8y-dropdown-background-default: var(--c8y-brand-20);
  --c8y-elevation-border: none;
  /* For App switchers, Overflow menus, Tooltips */
  --c8y-elevation-hover: none;
  --c8y-elevation-lg: none;
  /* Elevation for Modals */
  --c8y-elevation-md: none;
  /* Elevation for Panels, App switchers, Overflow menus, Tooltips */
  --c8y-elevation-sm: none;
  /* Elevation for Cards, Select dropdowns, Date pickers, Time pickers, Dropdown buttons */
  --c8y-form-control-background-default: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  --c8y-form-control-background-disabled: var(--c8y-component-background-disabled, var(--c8y-root-component-background-disabled));
  --c8y-form-control-background-focus: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  --c8y-form-control-border-color-default: var(--c8y-palette-gray-70);
  --c8y-form-control-border-color-focus: var(--brand-primary, var(--c8y-root-component-brand-primary));
  --c8y-form-control-color-default: var(--c8y-component-color-default, var(--c8y-root-component-color-default));
  --c8y-form-control-color-disabled: var(--c8y-component-color-disabled, var(--c8y-root-component-color-disabled));
  --c8y-form-control-color-focus: var(--c8y-component-color-default, var(--c8y-root-component-color-default));
  --c8y-form-control-disabled-opacity: var(--c8y-global-disabled-opacity);
  --c8y-form-control-icon-color: var(--brand-primary, var(--c8y-root-component-brand-primary));
  --c8y-form-control-placeholder-color: var(--c8y-palette-gray-40);
  --c8y-form-label-color: var(--c8y-palette-gray-20);
  --c8y-form-legend-color: var(--c8y-palette-gray-50);
  --c8y-form-validation-color-error: var(--c8y-palette-status-danger);
  --c8y-form-validation-color-info: var(--c8y-palette-status-info);
  --c8y-form-validation-color-success: var(--c8y-palette-status-success);
  --c8y-form-validation-color-warning: var(--c8y-palette-status-warning);
  --c8y-global-disabled-opacity: 0.55;
  --c8y-global-odd: linear-gradient(to top, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.03));
  --c8y-global-separator: var(--c8y-palette-gray-90);
  --c8y-headings-color: inherit;
  --c8y-icon-stroke-color: var(--c8y-palette-high);
  --c8y-level-0: var(--c8y-palette-gray-100);
  --c8y-level-1: var(--c8y-palette-gray-90);
  --c8y-level-2: var(--c8y-palette-gray-80);
  --c8y-level-3: var(--c8y-palette-gray-70);
  --c8y-level-4: var(--c8y-palette-gray-60);
  --c8y-link-color: var(--c8y-brand-80);
  --c8y-link-hover-color: var(--c8y-brand-80);
  --c8y-main-header-background-default: var(--c8y-palette-gray-100);
  --c8y-main-header-background-hover: inherit;
  --c8y-main-header-border-color: transparent;
  --c8y-main-header-shadow: var(--c8y-elevation-md-bottom);
  --c8y-modal-backdrop-background: var(--c8y-palette-low);
  --c8y-nav-pills-background-active: var(--c8y-navlink-background-active);
  --c8y-nav-pills-background-default: var(--c8y-navlink-background-default);
  --c8y-nav-pills-background-focus: var(--c8y-navlink-background-focus);
  --c8y-nav-pills-background-hover: var(--c8y-navlink-background-hover);
  --c8y-nav-pills-color-active: var(--c8y-navlink-color-active);
  --c8y-nav-pills-color-default: var(--c8y-navlink-color-default);
  --c8y-nav-pills-color-focus: var(--c8y-navlink-color-focus);
  --c8y-nav-pills-color-hover: var(--c8y-navlink-color-hover);
  --c8y-nav-tabs-background-active: var(--c8y-root-component-background-default);
  --c8y-nav-tabs-background-default: transparent;
  --c8y-nav-tabs-background-focus: var(--c8y-navlink-background-focus);
  --c8y-nav-tabs-background-hover: transparent;
  --c8y-nav-tabs-border-color-active: var(--c8y-root-component-brand-primary);
  --c8y-nav-tabs-border-color-default: var(--c8y-global-separator);
  --c8y-nav-tabs-color-active: var(--c8y-navlink-color-active);
  --c8y-nav-tabs-color-default: var(--c8y-navlink-color-default);
  --c8y-nav-tabs-color-focus: var(--c8y-navlink-color-focus);
  --c8y-nav-tabs-color-hover: var(--c8y-navlink-color-hover);
  --c8y-nav-tabs-icon-color-active: var(--c8y-navlink-color-default);
  --c8y-nav-tabs-icon-color-default: var(--c8y-palette-gray-40);
  --c8y-nav-tabs-icon-color-focus: var(--c8y-navlink-color-default);
  --c8y-nav-tabs-icon-color-hover: var(--c8y-navlink-color-default);
  --c8y-navbar-background-default: var(--c8y-root-component-background-default);
  --c8y-navbar-border-color: transparent;
  --c8y-navbar-color-default: var(--c8y-text-color);
  --c8y-navbar-link: var(--c8y-root-component-brand-primary);
  --c8y-navigator-background-default: var(--c8y-palette-low);
  --c8y-navigator-background-selected: var(--c8y-palette-gray-90);
  --c8y-navigator-scrollbar-track: var(--c8y-root-component-scrollbar-track);
  --c8y-navigator-separator-color: var(--c8y-palette-gray-80);
  --c8y-navigator-text-color-default: var(--c8y-palette-gray-20);
  --c8y-navlink-background-active: transparent;
  --c8y-navlink-background-default: var(--c8y-root-component-background-default);
  --c8y-navlink-background-focus: transparent;
  --c8y-navlink-background-hover: transparent;
  --c8y-navlink-color-active: var(--c8y-root-component-brand-primary);
  --c8y-navlink-color-default: var(--c8y-text-color);
  --c8y-navlink-color-focus: var(--c8y-root-component-brand-primary);
  --c8y-navlink-color-hover: var(--c8y-root-component-brand-primary);
  --c8y-page-sticky-header-background-default: var(--c8y-palette-gray-90);
  --c8y-page-sticky-header-color-active: var(--c8y-link-color);
  --c8y-page-sticky-header-color-default: var(--c8y-palette-gray-10);
  --c8y-page-sticky-header-color-hover: var(--c8y-link-hover-color);
  --c8y-palette-gray-10: #f9fafb;
  --c8y-palette-gray-100: var(--c8y-brand-20);
  --c8y-palette-gray-20: #ccd2d8;
  --c8y-palette-gray-30: var(--c8y-brand-80);
  --c8y-palette-gray-40: var(--c8y-brand-80);
  --c8y-palette-gray-50: var(--c8y-brand-70);
  --c8y-palette-gray-60: var(--c8y-brand-50);
  --c8y-palette-gray-70: var(--c8y-brand-50);
  --c8y-palette-gray-80: var(--c8y-brand-40);
  --c8y-palette-gray-90: var(--c8y-brand-30);
  --c8y-palette-high: white;
  --c8y-palette-low: var(--c8y-brand-80);
  --c8y-palette-purple-10: #f1e7fe;
  --c8y-palette-purple-20: #dabffc;
  --c8y-palette-purple-30: #c69dfb;
  --c8y-palette-purple-40: #a96cf9;
  --c8y-palette-purple-50: #8e3cf7;
  /* Accent */
  --c8y-palette-purple-60: #712dd2;
  --c8y-palette-purple-70: #5b25a7;
  --c8y-palette-purple-80: #3b2c5e;
  --c8y-palette-status-danger-dark: #8f0009;
  /* suitable for text */
  --c8y-palette-status-danger-light: #fae6e8;
  --c8y-palette-status-danger: #dc5b68;
  --c8y-palette-status-info-light: #ebf5ff;
  --c8y-palette-status-info: #0e85fb;
  --c8y-palette-status-realtime: #00bb00;
  --c8y-palette-status-success-dark: #008800;
  /* suitable for text */
  --c8y-palette-status-success-light: #f4fce3;
  --c8y-palette-status-success: #71a112;
  --c8y-palette-status-system: var(--c8y-brand-primary);
  --c8y-palette-status-warning-dark: #806a00;
  --c8y-palette-status-warning-high: #fff1e0;
  --c8y-palette-status-warning-light: #ecbe23;
  --c8y-palette-status-warning: #e07800;
  --c8y-palette-teal-10: #ebf9f8;
  --c8y-palette-teal-20: #c5edea;
  --c8y-palette-teal-30: #8adbd5;
  /* Primary */
  --c8y-palette-teal-40: #3cc1b7;
  --c8y-palette-teal-50: #22a6aa;
  --c8y-palette-teal-60: #058192;
  --c8y-palette-teal-70: #1c5569;
  --c8y-palette-teal-80: #134158;
  --c8y-popover-background-default: var(--c8y-palette-gray-30);
  --c8y-popover-border-color: var(--c8y-root-component-border-color);
  --c8y-popover-color-default: var(--c8y-palette-gray-100);
  --c8y-popover-color-link-hover: var(--c8y-root-component-color-link-hover);
  --c8y-popover-color-link: var(--c8y-root-component-color-link);
  --c8y-popover-icon-color: var(--c8y-palette-gray-80);
  --c8y-popover-label-color: var(--c8y-palette-gray-100);
  --c8y-pre-background: var(--c8y-palette-gray-90);
  --c8y-pre-border-color: var(--c8y-palette-gray-70);
  --c8y-pre-color: var(--c8y-palette-gray-30);
  --c8y-root-component-actions-opacity: var(--c8y-global-disabled-opacity);
  --c8y-root-component-background-active: var(--c8y-root-component-background-default);
  --c8y-root-component-background-default: var(--c8y-palette-gray-100);
  --c8y-root-component-background-disabled: rgba(255, 255, 255, 0.1);
  /* Don't use when changing opacity */
  --c8y-root-component-background-expanded-gradient: linear-gradient(0deg, rgba(255, 255, 255, 0.03) 0px, var(--c8y-root-component-background-expanded) 12px, var(--c8y-root-component-background-expanded) calc(100% - 12px), rgba(0, 0, 0, 0.03) 100%);
  --c8y-root-component-background-expanded: var(--c8y-palette-gray-100);
  --c8y-root-component-background-focus: var(--c8y-root-component-background-default);
  --c8y-root-component-background-hover: var(--c8y-palette-teal-80);
  --c8y-root-component-background-odd: var(--c8y-global-odd);
  /* use for alternate stripes */
  --c8y-root-component-border-color: var(--c8y-global-separator);
  --c8y-root-component-brand-primary: var(--c8y-brand-80);
  --c8y-root-component-color-accent: var(--c8y-root-component-brand-primary);
  --c8y-root-component-color-actions-hover: var(--c8y-brand-60);
  --c8y-root-component-color-actions: var(--c8y-palette-high);
  --c8y-root-component-color-active: var(--c8y-root-component-brand-primary);
  --c8y-root-component-color-default: var(--c8y-text-color);
  --c8y-root-component-color-disabled: var(--c8y-palette-gray-70);
  /* Don't use when changing opacity */
  --c8y-root-component-color-expanded: inherit;
  --c8y-root-component-color-focus: var(--c8y-root-component-brand-primary);
  --c8y-root-component-color-link-hover: var(--c8y-link-hover-color);
  --c8y-root-component-color-link: var(--c8y-link-color);
  --c8y-root-component-color-odd: var(--c8y-text-color);
  --c8y-root-component-color-text-muted: var(--c8y-text-muted);
  --c8y-root-component-disabled-opacity: var(--c8y-global-disabled-opacity);
  --c8y-root-component-form-control-background-default: var(--c8y-form-control-background-default);
  --c8y-root-component-form-control-background-disabled: var(--c8y-form-control-background-disabled);
  --c8y-root-component-form-control-background-focus: var(--c8y-form-control-background-focus);
  --c8y-root-component-form-control-border-color-default: var(--c8y-form-control-border-color-default);
  --c8y-root-component-form-control-border-color-focus: var(--c8y-form-control-border-color-focus);
  --c8y-root-component-form-control-color-default: var(--c8y-form-control-color-default);
  --c8y-root-component-form-control-color-disabled: var(--c8y-form-control-color-disabled);
  --c8y-root-component-form-control-color-focus: var(--c8y-form-control-color-focus);
  --c8y-root-component-form-control-placeholder-color: var(--c8y-form-control-placeholder-color);
  --c8y-root-component-form-label-color: var(--c8y-form-label-color);
  --c8y-root-component-form-legend-color: var(--c8y-form-legend-color);
  --c8y-root-component-icon-color: var(--c8y-palette-gray-30);
  --c8y-root-component-icon-dark-color-dark: var(--c8y-palette-high);
  --c8y-root-component-pulse-color: var(--c8y-palette-status-realtime);
  --c8y-root-component-realtime-added: var(--c8y-brand-realtime-added);
  --c8y-root-component-scrollbar-thumb-default: var(--c8y-palette-gray-80);
  --c8y-root-component-scrollbar-thumb-hover: var(--c8y-palette-gray-70);
  --c8y-root-component-scrollbar-track: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  --c8y-root-component-separator-color: var(--c8y-global-separator);
  --c8y-root-component-spinner-color: var(--c8y-brand-primary);
  --c8y-switch-background-active: var(--c8y-brand-30);
  --c8y-switch-background-default: var(--c8y-palette-gray-20);
  --c8y-switch-handle-background: var(--c8y-palette-high);
  --c8y-text-color: var(--c8y-palette-high);
  --c8y-text-muted: var(--c8y-palette-gray-40);
  --c8y-tooltip-background-default: var(--c8y-palette-gray-10);
  --c8y-tooltip-border-color: var(--c8y-root-component-border-color);
  --c8y-tooltip-color-default: var(--c8y-palette-gray-100);
  --c8y-tooltip-opacity: 0.95;
}
body .dashboard-preview-slot.dashboard-theme-branded,
body.c8y-dark-theme .dashboard-preview-slot.dashboard-theme-branded {
  background: var(--c8y-brand-10) !important;
}
body c8y-dashboard-gridstack:not([name]):not([use-context]) > .dashboard-theme-branded,
body.c8y-dark-theme c8y-dashboard-gridstack:not([name]):not([use-context]) > .dashboard-theme-branded,
body c8y-context-dashboard.c8y-grid-dashboard.dashboard-theme-branded,
body.c8y-dark-theme c8y-context-dashboard.c8y-grid-dashboard.dashboard-theme-branded {
  --c8y-dashboard-background: var(--c8y-brand-10);
  background-color: var(--c8y-dashboard-background);
  color: var(--c8y-text-color);
}
body:has(.dashboard-theme-branded) .c8y-ui-action-bar .btn-help {
  outline: 1px solid var(--palette-status-info, var(--c8y-palette-status-info));
  background-color: var(--palette-status-info, var(--c8y-palette-status-info));
  --help-info-color: var(--c8y-palette-high);
  color: var(--c8y-palette-high);
}
body:has(.dashboard-theme-branded) .c8y-top-drawer {
  --c8y-nav-tabs-background-default: var(--c8y-root-component-background-default);
  --c8y-nav-tabs-background-active: var(--c8y-body-background-color);
  background: var(--c8y-body-background-color);
  --c8y-level-1: var(--c8y-root-component-background-default);
}
body:has(.dashboard-theme-branded) .dashboard-theme-branded .label-primary {
  color: var(--c8y-root-component-color-default);
}
c8y-dashboard-gridstack:not([name]):not([use-context]) > .dashboard-theme-dark,
body .dashboard-preview-slot.panel-content-dark,
.dashboard-preview-slot.dashboard-theme-dark,
c8y-context-dashboard.c8y-grid-dashboard.dashboard-theme-dark,
.c8y-grid-dashboard c8y-dashboard-child .panel-content-dark {
  --c8y-elevation-hover: none;
  --c8y-elevation-sm: none;
  /* Elevation for Cards, Select dropdowns, Date pickers, Time pickers */
  --c8y-elevation-md-bottom: none;
  /* Elevation md bottom */
  --c8y-elevation-md-top: none;
  /* Elevation md rop */
  --c8y-elevation-md-left: none;
  /* Elevation md right */
  --c8y-elevation-md-right: none;
  /* Elevation md right */
  --c8y-elevation-lg: none;
  /* Elevation for Modals */
  --c8y-elevation-color: 1, 31, 61;
  /* The rgb values of #f2f2f3 (the palette-gray-10) */
  --c8y-switch-background-active: var(--c8y-brand-40);
  --c8y-tooltip-opacity: 0.95;
  --c8y-nav-tabs-background-hover: transparent;
  --c8y-nav-tabs-background-default: transparent;
  --c8y-navlink-background-focus: transparent;
  --c8y-navlink-background-active: transparent;
  --c8y-navlink-background-hover: transparent;
  --c8y-navbar-border-color: transparent;
  --c8y-btn-primary-border-color-active: var(--c8y-brand-70);
  --c8y-btn-primary-background-active: var(--c8y-brand-70);
  --c8y-btn-default-background-active: var(--c8y-brand-40);
  --c8y-btn-default-background-focus: transparent;
  --c8y-btn-default-background-hover: transparent;
  --c8y-btn-default-background-default: transparent;
  --c8y-btn-default-color-active: var(--c8y-brand-10);
  --c8y-right-drawer-background-active: var(--c8y-brand-20);
  --c8y-navigator-background-active: var(--c8y-brand-20);
  --c8y-main-header-border-color: transparent;
  --c8y-main-header-background-active: var(--c8y-brand-20);
  --c8y-main-header-background-hover: inherit;
  --c8y-code-border-color: transparent;
  --c8y-code-color: var(--c8y-palette-blue-80);
  --c8y-code-background: var(--c8y-palette-blue-30);
  --c8y-blockquote-border-color: transparent;
  --c8y-headings-color: inherit;
  --c8y-root-component-color-expanded: inherit;
  --c8y-root-component-background-hover: var(--c8y-brand-10);
  --c8y-root-component-background-disabled: rgba(255, 255, 255, 0.1);
  /* Don't use when changing opacity */
  --c8y-brand-realtime-added: var(--c8y-brand-40);
  --c8y-brand-accent-light: var(--c8y-palette-blue-80);
  --c8y-brand-accent-dark: var(--c8y-palette-blue-10);
  --c8y-brand-accent: var(--c8y-palette-blue-30);
  --c8y-brand-light: var(--brand-light, var(--c8y-palette-yellow-68));
  --c8y-brand-80: var(--c8y-palette-yellow-80);
  --c8y-brand-70: var(--c8y-palette-yellow-70);
  --c8y-brand-60: var(--c8y-palette-yellow-60);
  --c8y-brand-50: var(--c8y-palette-yellow-50);
  --c8y-brand-40: var(--c8y-palette-yellow-40);
  --c8y-brand-30: var(--c8y-palette-yellow-30);
  --c8y-brand-20: var(--c8y-palette-yellow-20);
  --c8y-brand-10: var(--c8y-palette-yellow-10);
  --c8y-palette-status-realtime: #00bb00;
  --c8y-palette-status-info-dark: #105589;
  --c8y-palette-status-info-light: #ebf5ff;
  --c8y-palette-status-info: #1776BF;
  --c8y-palette-status-success-dark: #007700;
  /* suitable for text */
  --c8y-palette-status-success-light: #f4fce3;
  --c8y-palette-status-success: #71A112;
  --c8y-palette-status-danger-dark: #8f0009;
  /* suitable for text */
  --c8y-palette-status-danger-light: #fae6e8;
  --c8y-palette-status-danger: #DC5B68;
  --c8y-palette-status-warning-high: #fff1e0;
  --c8y-palette-status-warning-light: #ECBE23;
  --c8y-palette-status-warning-dark: #806A00;
  --c8y-palette-status-warning: #E07800;
  --c8y-palette-gray-100: #23262A;
  --c8y-palette-gray-90: #2e3338;
  --c8y-palette-gray-80: #32363A;
  --c8y-palette-gray-70: #4e5154;
  --c8y-palette-gray-60: #5f6265;
  --c8y-palette-gray-50: #707375;
  --c8y-palette-gray-40: #b5b7b9;
  --c8y-palette-gray-30: #cacbcc;
  --c8y-palette-gray-20: #dedee0;
  --c8y-palette-gray-10: #f2f2f3;
  --c8y-palette-low: #1e2124;
  --c8y-palette-high: white;
  --c8y-global-disabled-opacity: 0.55;
  --c8y-global-odd: linear-gradient(to top, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.03));
  --c8y-elevation-border: inset 0 0 0 1px var(--c8y-palette-gray-80);
  /* For App switchers, Overflow menus, Tooltips */
  --c8y-helpdrawer-background-default: var(--c8y-palette-gray-80);
  --c8y-dropdown-background-default: var(--c8y-palette-gray-70);
  --c8y-switch-background-default: var(--c8y-palette-gray-60);
  --c8y-tooltip-color-default: var(--c8y-palette-gray-100);
  --c8y-tooltip-background-default: var(--c8y-palette-gray-10);
  --c8y-popover-background-default: var(--c8y-palette-gray-80);
  --c8y-page-sticky-header-background-default: var(--c8y-palette-gray-90);
  --c8y-nav-pills-background-focus: var(--c8y-navlink-background-focus);
  --c8y-nav-pills-background-active: var(--c8y-navlink-background-active);
  --c8y-nav-pills-background-hover: var(--c8y-navlink-background-hover);
  --c8y-nav-tabs-icon-color-default: var(--c8y-palette-gray-40);
  --c8y-nav-tabs-background-focus: var(--c8y-navlink-background-focus);
  --c8y-modal-background-default: var(--c8y-palette-gray-80);
  --c8y-modal-backdrop-background: var(--c8y-palette-low);
  --c8y-form-validation-color-info: var(--c8y-palette-status-info);
  --c8y-form-validation-color-success: var(--c8y-palette-status-success);
  --c8y-form-validation-color-warning: var(--c8y-palette-status-warning);
  --c8y-form-validation-color-error: var(--c8y-palette-status-danger);
  --c8y-form-control-placeholder-color: var(--c8y-palette-gray-40);
  --c8y-form-control-disabled-opacity: var(--c8y-global-disabled-opacity);
  --c8y-form-control-border-color-default: var(--c8y-palette-gray-70);
  --c8y-form-control-background-disabled: var(--c8y-component-background-disabled, var(--c8y-root-component-background-disabled));
  --c8y-btn-danger-border-color-active: var(--c8y-palette-status-danger-dark);
  --c8y-btn-danger-border-color-focus: var(--c8y-palette-status-danger);
  --c8y-btn-danger-border-color-hover: var(--c8y-palette-status-danger);
  --c8y-btn-danger-border-color-default: var(--c8y-palette-status-danger);
  --c8y-btn-danger-background-active: var(--c8y-palette-status-danger-dark);
  --c8y-btn-danger-background-focus: var(--c8y-palette-high);
  --c8y-btn-danger-background-hover: var(--c8y-palette-high);
  --c8y-btn-danger-background-default: var(--c8y-palette-status-danger);
  --c8y-btn-danger-color-active: var(--c8y-palette-high);
  --c8y-btn-danger-color-focus: var(--c8y-palette-status-danger);
  --c8y-btn-danger-color-hover: var(--c8y-palette-status-danger);
  --c8y-btn-danger-color-default: var(--c8y-palette-high);
  --c8y-btn-accent-border-color-active: var(--c8y-brand-accent-dark);
  --c8y-btn-accent-border-color-focus: var(--c8y-brand-accent);
  --c8y-btn-accent-border-color-hover: var(--c8y-brand-accent);
  --c8y-btn-accent-border-color-default: var(--c8y-brand-accent);
  --c8y-btn-accent-background-active: var(--c8y-brand-accent-dark);
  --c8y-btn-accent-background-focus: var(--c8y-palette-high);
  --c8y-btn-accent-background-hover: var(--c8y-palette-high);
  --c8y-btn-accent-background-default: var(--c8y-brand-accent);
  --c8y-btn-accent-color-active: var(--c8y-palette-high);
  --c8y-btn-accent-color-focus: var(--c8y-brand-accent);
  --c8y-btn-accent-color-hover: var(--c8y-brand-accent);
  --c8y-btn-accent-color-default: var(--c8y-palette-high);
  --c8y-btn-primary-color-active: var(--c8y-palette-high);
  --c8y-btn-primary-color-default: var(--c8y-palette-low);
  --c8y-alert-status-info: var(--c8y-palette-status-info);
  --c8y-alert-status-success: var(--c8y-palette-status-success);
  --c8y-alert-status-danger: var(--c8y-palette-status-danger);
  --c8y-alert-status-warning: var(--c8y-palette-status-warning);
  --c8y-alert-background-default: var(--c8y-palette-gray-70);
  --c8y-action-bar-background-default: var(--c8y-palette-low);
  --c8y-right-drawer-separator-color: var(--c8y-palette-gray-80);
  --c8y-right-drawer-text-color-default: var(--c8y-palette-gray-20);
  --c8y-right-drawer-background-selected: var(--c8y-palette-gray-90);
  --c8y-right-drawer-background-default: var(--c8y-palette-low);
  --c8y-navigator-separator-color: var(--c8y-palette-gray-80);
  --c8y-navigator-text-color-default: var(--c8y-palette-gray-20);
  --c8y-navigator-background-selected: var(--c8y-palette-gray-90);
  --c8y-navigator-background-default: var(--c8y-palette-low);
  --c8y-main-header-background-default: var(--c8y-palette-low);
  --c8y-pre-border-color: var(--c8y-palette-gray-70);
  --c8y-pre-color: var(--c8y-palette-gray-30);
  --c8y-pre-background: var(--c8y-palette-gray-90);
  --c8y-abbr-border-color: var(--c8y-palette-gray-40);
  --c8y-text-muted: var(--c8y-palette-gray-40);
  --c8y-text-color: var(--c8y-palette-gray-30);
  --c8y-root-component-scrollbar-thumb-hover: var(--c8y-palette-gray-70);
  --c8y-root-component-scrollbar-thumb-default: var(--c8y-palette-gray-80);
  --c8y-root-component-icon-color: var(--c8y-palette-gray-30);
  --c8y-root-component-icon-dark-color-light: var(--c8y-brand-light);
  --c8y-root-component-pulse-color: var(--c8y-palette-status-realtime);
  --c8y-root-component-realtime-added: var(--c8y-brand-realtime-added);
  --c8y-root-component-disabled-opacity: var(--c8y-global-disabled-opacity);
  --c8y-root-component-actions-opacity: var(--c8y-global-disabled-opacity);
  --c8y-root-component-color-disabled: var(--c8y-palette-gray-70);
  /* Don't use when changing opacity */
  --c8y-root-component-background-expanded: var(--c8y-palette-gray-90);
  --c8y-root-component-background-odd: var(--c8y-global-odd);
  /* use for alternate stripes */
  --c8y-root-component-background-default: var(--c8y-palette-gray-100);
  --c8y-level-4: var(--c8y-palette-gray-60);
  --c8y-level-3: var(--c8y-palette-gray-70);
  --c8y-level-2: var(--c8y-palette-gray-80);
  --c8y-level-1: var(--c8y-palette-gray-90);
  --c8y-level-0: var(--c8y-palette-gray-100);
  --c8y-brand-complementary: var(--brand-complementary, var(--c8y-brand-70));
  --c8y-brand-dark: var(--brand-dark, var(--c8y-brand-40));
  --c8y-brand-primary: var(--brand-primary, var(--c8y-brand-60));
  --c8y-body-background-color: var(--c8y-palette-low);
  --c8y-global-separator: var(--c8y-palette-gray-70);
  --c8y-switch-handle-color: var(--c8y-root-component-background-default);
  --c8y-switch-handle-background: var(--c8y-text-color);
  --c8y-popover-icon-color: var(--c8y-root-component-icon-color);
  --c8y-page-sticky-header-color-default: var(--c8y-text-color);
  --c8y-nav-tabs-icon-color-active: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-nav-tabs-icon-color-focus: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-nav-tabs-icon-color-hover: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-nav-tabs-background-active: var(--c8y-root-component-background-default);
  --c8y-navlink-color-focus: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-navlink-color-active: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-navlink-color-hover: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-navlink-color-default: var(--c8y-text-color);
  --c8y-navlink-background-default: var(--c8y-root-component-background-default);
  --c8y-navbar-color-default: var(--c8y-text-color);
  --c8y-navbar-background-default: var(--c8y-root-component-background-default);
  --c8y-form-control-icon-color: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-form-control-border-color-focus: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-form-control-color-disabled: var(--c8y-component-color-disabled, var(--c8y-root-component-color-disabled));
  --c8y-form-control-background-focus: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  --c8y-form-control-background-default: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  --c8y-form-legend-color: var(--c8y-text-color);
  --c8y-form-label-color: var(--c8y-text-color);
  --c8y-btn-primary-border-color-focus: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-primary-border-color-hover: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-primary-border-color-default: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-primary-background-focus: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  --c8y-btn-primary-background-hover: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  --c8y-btn-primary-background-default: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-primary-color-focus: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-primary-color-hover: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-default-border-color-active: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-default-border-color-focus: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-default-border-color-hover: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-default-border-color-default: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-default-color-focus: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-default-color-hover: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-default-color-default: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-alert-status-system: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-action-bar-icon-color: var(--c8y-root-component-icon-color);
  --c8y-action-bar-disabled-opacity: var(--c8y-root-component-disabled-opacity);
  --c8y-action-bar-actions-opacity: var(--c8y-root-component-actions-opacity);
  --c8y-right-drawer-border-selected: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-right-drawer-text-color-active: var(--c8y-right-drawer-text-color-default);
  --c8y-right-drawer-text-color-selected: var(--c8y-right-drawer-text-color-default);
  --c8y-navigator-scrollbar-thumb-hover: var(--c8y-root-component-scrollbar-thumb-hover);
  --c8y-navigator-scrollbar-thumb-default: var(--c8y-root-component-scrollbar-thumb-default);
  --c8y-navigator-border-selected: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-navigator-header-color: var(--c8y-navigator-text-color-default);
  --c8y-navigator-header-background: var(--c8y-navigator-background-default);
  --c8y-navigator-text-color-active: var(--c8y-navigator-text-color-default);
  --c8y-navigator-text-color-selected: var(--c8y-navigator-text-color-default);
  --c8y-main-header-shadow: inset 0 -1px 0 var(--c8y-global-separator);
  --c8y-main-header-text-color-hover: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-main-header-text-color-default: var(--c8y-text-color);
  --c8y-link-hover-color: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-link-color: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-root-component-form-control-placeholder-color: var(--c8y-form-control-placeholder-color);
  --c8y-root-component-form-control-border-color-default: var(--c8y-form-control-border-color-default);
  --c8y-root-component-form-control-background-disabled: var(--c8y-form-control-background-disabled);
  --c8y-root-component-scrollbar-track: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  --c8y-root-component-icon-dark-color-dark: var(--c8y-brand-dark);
  --c8y-root-component-icon-white-color-dark: var(--c8y-brand-dark);
  --c8y-root-component-icon-white-color-light: var(--c8y-brand-primary);
  --c8y-root-component-brand-primary: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-root-component-spinner-color: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-root-component-border-color: var(--c8y-global-separator);
  --c8y-root-component-separator-color: var(--c8y-global-separator);
  --c8y-root-component-color-focus: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-root-component-color-accent: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-root-component-color-actions-hover: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-root-component-color-actions: var(--c8y-text-color);
  --c8y-root-component-color-text-muted: var(--c8y-text-muted);
  --c8y-root-component-color-active: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-root-component-color-odd: var(--c8y-text-color);
  --c8y-root-component-color-default: var(--c8y-text-color);
  --c8y-root-component-background-focus: var(--c8y-root-component-background-default);
  --c8y-root-component-background-expanded-gradient: linear-gradient(0deg, rgba(255, 255, 255, 0.03) 0px, var(--c8y-root-component-background-expanded) 12px, var(--c8y-root-component-background-expanded) calc(100% - 12px), rgba(0, 0, 0, 0.03) 100%);
  --c8y-root-component-background-active: var(--c8y-root-component-background-default);
  --c8y-palette-status-system: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-tooltip-border-color: var(--c8y-root-component-border-color);
  --c8y-popover-border-color: var(--c8y-root-component-border-color);
  --c8y-popover-color-default: var(--c8y-root-component-color-default);
  --c8y-page-sticky-header-color-active: var(--c8y-link-color);
  --c8y-page-sticky-header-color-hover: var(--c8y-link-hover-color);
  --c8y-nav-pills-color-focus: var(--c8y-navlink-color-focus);
  --c8y-nav-pills-color-active: var(--c8y-navlink-color-active);
  --c8y-nav-pills-color-hover: var(--c8y-navlink-color-hover);
  --c8y-nav-pills-color-default: var(--c8y-navlink-color-default);
  --c8y-nav-pills-background-default: var(--c8y-navlink-background-default);
  --c8y-nav-tabs-border-color-active: var(--c8y-root-component-brand-primary);
  --c8y-nav-tabs-border-color-default: var(--c8y-root-component-border-color);
  --c8y-nav-tabs-color-focus: var(--c8y-navlink-color-focus);
  --c8y-nav-tabs-color-active: var(--c8y-navlink-color-active);
  --c8y-nav-tabs-color-hover: var(--c8y-navlink-color-hover);
  --c8y-nav-tabs-color-default: var(--c8y-navlink-color-default);
  --c8y-navbar-link: var(--c8y-root-component-brand-primary);
  --c8y-modal-color-default: var(--c8y-root-component-color-default);
  --c8y-form-control-color-focus: var(--c8y-component-color-default, var(--c8y-root-component-color-default));
  --c8y-form-control-color-default: var(--c8y-component-color-default, var(--c8y-root-component-color-default));
  --c8y-alert-color-default: var(--c8y-root-component-color-default);
  --c8y-action-bar-border-color: var(--c8y-root-component-border-color);
  --c8y-action-bar-color-focus: var(--c8y-root-component-color-focus);
  --c8y-action-bar-color-actions-hover: var(--c8y-root-component-color-actions-hover);
  --c8y-action-bar-color-actions: var(--c8y-root-component-color-actions);
  --c8y-action-bar-color-text-muted: var(--c8y-root-component-color-text-muted);
  --c8y-action-bar-color-default: var(--c8y-root-component-color-default);
  --c8y-right-drawer-text-muted: var(--c8y-root-component-color-text-muted);
  --c8y-right-drawer-link-color-hover: var(--c8y-root-component-brand-primary);
  --c8y-right-drawer-link-color-default: var(--c8y-root-component-brand-primary);
  --c8y-navigator-scrollbar-track: var(--c8y-root-component-scrollbar-track);
  --c8y-root-component-form-control-border-color-focus: var(--c8y-form-control-border-color-focus);
  --c8y-root-component-form-control-color-disabled: var(--c8y-form-control-color-disabled);
  --c8y-root-component-form-control-background-focus: var(--c8y-form-control-background-focus);
  --c8y-root-component-form-control-background-default: var(--c8y-form-control-background-default);
  --c8y-root-component-form-legend-color: var(--c8y-form-legend-color);
  --c8y-root-component-form-label-color: var(--c8y-form-label-color);
  --c8y-root-component-color-link-hover: var(--c8y-link-hover-color);
  --c8y-root-component-color-link: var(--c8y-link-color);
  --c8y-popover-label-color: var(--c8y-root-component-form-label-color);
  --c8y-popover-color-link-hover: var(--c8y-root-component-color-link-hover);
  --c8y-popover-color-link: var(--c8y-root-component-color-link);
  --c8y-root-component-form-control-color-focus: var(--c8y-form-control-color-focus);
  --c8y-root-component-form-control-color-default: var(--c8y-form-control-color-default);
  --c8y-brand-logo-img: url('logo-platform-white.svg');
  --c8y-navigator-platform-logo: url('logo-platform-white.svg');
  --c8y-header-color: var(--c8y-main-header-background-default);
  --c8y-header-text-color: var(--c8y-main-header-text-color-default);
  --c8y-header-hover-color: var(--c8y-main-header-text-color-hover);
  --c8y-navigator-bg-color: var(--c8y-navigator-background-default);
  --c8y-navigator-header-bg: var(--c8y-navigator-header-background);
  --c8y-navigator-title-color: var(--c8y-navigator-header-color);
  --c8y-navigator-active-bg: var(--c8y-navigator-background-selected);
  --c8y-navigator-text-color: var(--c8y-navigator-text-color-default);
  --c8y-navigator-color-active: var(--c8y-navigator-text-color-selected);
  --c8y-navigator-border-active: var(--c8y-navigator-border-selected);
  --c8y-right-drawer-link-color: var(--c8y-right-drawer-link-color-default);
}
c8y-dashboard-gridstack:not([name]):not([use-context]) > .dashboard-theme-dark,
c8y-context-dashboard.c8y-grid-dashboard.dashboard-theme-dark {
  --c8y-dashboard-background: var(--c8y-palette-low);
  background-color: var(--c8y-dashboard-background);
}
body:has(.dashboard-theme-dark:not(.dashboard-preview-slot)) .c8y-ui-action-bar {
  --c8y-elevation-hover: none;
  --c8y-elevation-sm: none;
  /* Elevation for Cards, Select dropdowns, Date pickers, Time pickers */
  --c8y-elevation-md-bottom: none;
  /* Elevation md bottom */
  --c8y-elevation-md-top: none;
  /* Elevation md rop */
  --c8y-elevation-md-left: none;
  /* Elevation md right */
  --c8y-elevation-md-right: none;
  /* Elevation md right */
  --c8y-elevation-lg: none;
  /* Elevation for Modals */
  --c8y-elevation-color: 1, 31, 61;
  /* The rgb values of #f2f2f3 (the palette-gray-10) */
  --c8y-switch-background-active: var(--c8y-brand-40);
  --c8y-tooltip-opacity: 0.95;
  --c8y-nav-tabs-background-hover: transparent;
  --c8y-nav-tabs-background-default: transparent;
  --c8y-navlink-background-focus: transparent;
  --c8y-navlink-background-active: transparent;
  --c8y-navlink-background-hover: transparent;
  --c8y-navbar-border-color: transparent;
  --c8y-btn-primary-border-color-active: var(--c8y-brand-70);
  --c8y-btn-primary-background-active: var(--c8y-brand-70);
  --c8y-btn-default-background-active: var(--c8y-brand-40);
  --c8y-btn-default-background-focus: transparent;
  --c8y-btn-default-background-hover: transparent;
  --c8y-btn-default-background-default: transparent;
  --c8y-btn-default-color-active: var(--c8y-brand-10);
  --c8y-right-drawer-background-active: var(--c8y-brand-20);
  --c8y-navigator-background-active: var(--c8y-brand-20);
  --c8y-main-header-border-color: transparent;
  --c8y-main-header-background-active: var(--c8y-brand-20);
  --c8y-main-header-background-hover: inherit;
  --c8y-code-border-color: transparent;
  --c8y-code-color: var(--c8y-palette-blue-80);
  --c8y-code-background: var(--c8y-palette-blue-30);
  --c8y-blockquote-border-color: transparent;
  --c8y-headings-color: inherit;
  --c8y-root-component-color-expanded: inherit;
  --c8y-root-component-background-hover: var(--c8y-brand-10);
  --c8y-root-component-background-disabled: rgba(255, 255, 255, 0.1);
  /* Don't use when changing opacity */
  --c8y-brand-realtime-added: var(--c8y-brand-40);
  --c8y-brand-accent-light: var(--c8y-palette-blue-80);
  --c8y-brand-accent-dark: var(--c8y-palette-blue-10);
  --c8y-brand-accent: var(--c8y-palette-blue-30);
  --c8y-brand-light: var(--brand-light, var(--c8y-palette-yellow-68));
  --c8y-brand-80: var(--c8y-palette-yellow-80);
  --c8y-brand-70: var(--c8y-palette-yellow-70);
  --c8y-brand-60: var(--c8y-palette-yellow-60);
  --c8y-brand-50: var(--c8y-palette-yellow-50);
  --c8y-brand-40: var(--c8y-palette-yellow-40);
  --c8y-brand-30: var(--c8y-palette-yellow-30);
  --c8y-brand-20: var(--c8y-palette-yellow-20);
  --c8y-brand-10: var(--c8y-palette-yellow-10);
  --c8y-palette-status-realtime: #00bb00;
  --c8y-palette-status-info-dark: #105589;
  --c8y-palette-status-info-light: #ebf5ff;
  --c8y-palette-status-info: #1776BF;
  --c8y-palette-status-success-dark: #007700;
  /* suitable for text */
  --c8y-palette-status-success-light: #f4fce3;
  --c8y-palette-status-success: #71A112;
  --c8y-palette-status-danger-dark: #8f0009;
  /* suitable for text */
  --c8y-palette-status-danger-light: #fae6e8;
  --c8y-palette-status-danger: #DC5B68;
  --c8y-palette-status-warning-high: #fff1e0;
  --c8y-palette-status-warning-light: #ECBE23;
  --c8y-palette-status-warning-dark: #806A00;
  --c8y-palette-status-warning: #E07800;
  --c8y-palette-gray-100: #23262A;
  --c8y-palette-gray-90: #2e3338;
  --c8y-palette-gray-80: #32363A;
  --c8y-palette-gray-70: #4e5154;
  --c8y-palette-gray-60: #5f6265;
  --c8y-palette-gray-50: #707375;
  --c8y-palette-gray-40: #b5b7b9;
  --c8y-palette-gray-30: #cacbcc;
  --c8y-palette-gray-20: #dedee0;
  --c8y-palette-gray-10: #f2f2f3;
  --c8y-palette-low: #1e2124;
  --c8y-palette-high: white;
  --c8y-global-disabled-opacity: 0.55;
  --c8y-global-odd: linear-gradient(to top, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.03));
  --c8y-elevation-border: inset 0 0 0 1px var(--c8y-palette-gray-80);
  /* For App switchers, Overflow menus, Tooltips */
  --c8y-helpdrawer-background-default: var(--c8y-palette-gray-80);
  --c8y-dropdown-background-default: var(--c8y-palette-gray-70);
  --c8y-switch-background-default: var(--c8y-palette-gray-60);
  --c8y-tooltip-color-default: var(--c8y-palette-gray-100);
  --c8y-tooltip-background-default: var(--c8y-palette-gray-10);
  --c8y-popover-background-default: var(--c8y-palette-gray-80);
  --c8y-page-sticky-header-background-default: var(--c8y-palette-gray-90);
  --c8y-nav-pills-background-focus: var(--c8y-navlink-background-focus);
  --c8y-nav-pills-background-active: var(--c8y-navlink-background-active);
  --c8y-nav-pills-background-hover: var(--c8y-navlink-background-hover);
  --c8y-nav-tabs-icon-color-default: var(--c8y-palette-gray-40);
  --c8y-nav-tabs-background-focus: var(--c8y-navlink-background-focus);
  --c8y-modal-background-default: var(--c8y-palette-gray-80);
  --c8y-modal-backdrop-background: var(--c8y-palette-low);
  --c8y-form-validation-color-info: var(--c8y-palette-status-info);
  --c8y-form-validation-color-success: var(--c8y-palette-status-success);
  --c8y-form-validation-color-warning: var(--c8y-palette-status-warning);
  --c8y-form-validation-color-error: var(--c8y-palette-status-danger);
  --c8y-form-control-placeholder-color: var(--c8y-palette-gray-40);
  --c8y-form-control-disabled-opacity: var(--c8y-global-disabled-opacity);
  --c8y-form-control-border-color-default: var(--c8y-palette-gray-70);
  --c8y-form-control-background-disabled: var(--c8y-component-background-disabled, var(--c8y-root-component-background-disabled));
  --c8y-btn-danger-border-color-active: var(--c8y-palette-status-danger-dark);
  --c8y-btn-danger-border-color-focus: var(--c8y-palette-status-danger);
  --c8y-btn-danger-border-color-hover: var(--c8y-palette-status-danger);
  --c8y-btn-danger-border-color-default: var(--c8y-palette-status-danger);
  --c8y-btn-danger-background-active: var(--c8y-palette-status-danger-dark);
  --c8y-btn-danger-background-focus: var(--c8y-palette-high);
  --c8y-btn-danger-background-hover: var(--c8y-palette-high);
  --c8y-btn-danger-background-default: var(--c8y-palette-status-danger);
  --c8y-btn-danger-color-active: var(--c8y-palette-high);
  --c8y-btn-danger-color-focus: var(--c8y-palette-status-danger);
  --c8y-btn-danger-color-hover: var(--c8y-palette-status-danger);
  --c8y-btn-danger-color-default: var(--c8y-palette-high);
  --c8y-btn-accent-border-color-active: var(--c8y-brand-accent-dark);
  --c8y-btn-accent-border-color-focus: var(--c8y-brand-accent);
  --c8y-btn-accent-border-color-hover: var(--c8y-brand-accent);
  --c8y-btn-accent-border-color-default: var(--c8y-brand-accent);
  --c8y-btn-accent-background-active: var(--c8y-brand-accent-dark);
  --c8y-btn-accent-background-focus: var(--c8y-palette-high);
  --c8y-btn-accent-background-hover: var(--c8y-palette-high);
  --c8y-btn-accent-background-default: var(--c8y-brand-accent);
  --c8y-btn-accent-color-active: var(--c8y-palette-high);
  --c8y-btn-accent-color-focus: var(--c8y-brand-accent);
  --c8y-btn-accent-color-hover: var(--c8y-brand-accent);
  --c8y-btn-accent-color-default: var(--c8y-palette-high);
  --c8y-btn-primary-color-active: var(--c8y-palette-high);
  --c8y-btn-primary-color-default: var(--c8y-palette-low);
  --c8y-alert-status-info: var(--c8y-palette-status-info);
  --c8y-alert-status-success: var(--c8y-palette-status-success);
  --c8y-alert-status-danger: var(--c8y-palette-status-danger);
  --c8y-alert-status-warning: var(--c8y-palette-status-warning);
  --c8y-alert-background-default: var(--c8y-palette-gray-70);
  --c8y-action-bar-background-default: var(--c8y-palette-low);
  --c8y-right-drawer-separator-color: var(--c8y-palette-gray-80);
  --c8y-right-drawer-text-color-default: var(--c8y-palette-gray-20);
  --c8y-right-drawer-background-selected: var(--c8y-palette-gray-90);
  --c8y-right-drawer-background-default: var(--c8y-palette-low);
  --c8y-navigator-separator-color: var(--c8y-palette-gray-80);
  --c8y-navigator-text-color-default: var(--c8y-palette-gray-20);
  --c8y-navigator-background-selected: var(--c8y-palette-gray-90);
  --c8y-navigator-background-default: var(--c8y-palette-low);
  --c8y-main-header-background-default: var(--c8y-palette-low);
  --c8y-pre-border-color: var(--c8y-palette-gray-70);
  --c8y-pre-color: var(--c8y-palette-gray-30);
  --c8y-pre-background: var(--c8y-palette-gray-90);
  --c8y-abbr-border-color: var(--c8y-palette-gray-40);
  --c8y-text-muted: var(--c8y-palette-gray-40);
  --c8y-text-color: var(--c8y-palette-gray-30);
  --c8y-root-component-scrollbar-thumb-hover: var(--c8y-palette-gray-70);
  --c8y-root-component-scrollbar-thumb-default: var(--c8y-palette-gray-80);
  --c8y-root-component-icon-color: var(--c8y-palette-gray-30);
  --c8y-root-component-icon-dark-color-light: var(--c8y-brand-light);
  --c8y-root-component-pulse-color: var(--c8y-palette-status-realtime);
  --c8y-root-component-realtime-added: var(--c8y-brand-realtime-added);
  --c8y-root-component-disabled-opacity: var(--c8y-global-disabled-opacity);
  --c8y-root-component-actions-opacity: var(--c8y-global-disabled-opacity);
  --c8y-root-component-color-disabled: var(--c8y-palette-gray-70);
  /* Don't use when changing opacity */
  --c8y-root-component-background-expanded: var(--c8y-palette-gray-90);
  --c8y-root-component-background-odd: var(--c8y-global-odd);
  /* use for alternate stripes */
  --c8y-root-component-background-default: var(--c8y-palette-gray-100);
  --c8y-level-4: var(--c8y-palette-gray-60);
  --c8y-level-3: var(--c8y-palette-gray-70);
  --c8y-level-2: var(--c8y-palette-gray-80);
  --c8y-level-1: var(--c8y-palette-gray-90);
  --c8y-level-0: var(--c8y-palette-gray-100);
  --c8y-brand-complementary: var(--brand-complementary, var(--c8y-brand-70));
  --c8y-brand-dark: var(--brand-dark, var(--c8y-brand-40));
  --c8y-brand-primary: var(--brand-primary, var(--c8y-brand-60));
  --c8y-body-background-color: var(--c8y-palette-low);
  --c8y-global-separator: var(--c8y-palette-gray-70);
  --c8y-switch-handle-color: var(--c8y-root-component-background-default);
  --c8y-switch-handle-background: var(--c8y-text-color);
  --c8y-popover-icon-color: var(--c8y-root-component-icon-color);
  --c8y-page-sticky-header-color-default: var(--c8y-text-color);
  --c8y-nav-tabs-icon-color-active: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-nav-tabs-icon-color-focus: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-nav-tabs-icon-color-hover: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-nav-tabs-background-active: var(--c8y-root-component-background-default);
  --c8y-navlink-color-focus: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-navlink-color-active: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-navlink-color-hover: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-navlink-color-default: var(--c8y-text-color);
  --c8y-navlink-background-default: var(--c8y-root-component-background-default);
  --c8y-navbar-color-default: var(--c8y-text-color);
  --c8y-navbar-background-default: var(--c8y-root-component-background-default);
  --c8y-form-control-icon-color: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-form-control-border-color-focus: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-form-control-color-disabled: var(--c8y-component-color-disabled, var(--c8y-root-component-color-disabled));
  --c8y-form-control-background-focus: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  --c8y-form-control-background-default: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  --c8y-form-legend-color: var(--c8y-text-color);
  --c8y-form-label-color: var(--c8y-text-color);
  --c8y-btn-primary-border-color-focus: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-primary-border-color-hover: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-primary-border-color-default: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-primary-background-focus: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  --c8y-btn-primary-background-hover: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  --c8y-btn-primary-background-default: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-primary-color-focus: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-primary-color-hover: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-default-border-color-active: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-default-border-color-focus: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-default-border-color-hover: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-default-border-color-default: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-default-color-focus: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-default-color-hover: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-default-color-default: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-alert-status-system: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-action-bar-icon-color: var(--c8y-root-component-icon-color);
  --c8y-action-bar-disabled-opacity: var(--c8y-root-component-disabled-opacity);
  --c8y-action-bar-actions-opacity: var(--c8y-root-component-actions-opacity);
  --c8y-right-drawer-border-selected: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-right-drawer-text-color-active: var(--c8y-right-drawer-text-color-default);
  --c8y-right-drawer-text-color-selected: var(--c8y-right-drawer-text-color-default);
  --c8y-navigator-scrollbar-thumb-hover: var(--c8y-root-component-scrollbar-thumb-hover);
  --c8y-navigator-scrollbar-thumb-default: var(--c8y-root-component-scrollbar-thumb-default);
  --c8y-navigator-border-selected: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-navigator-header-color: var(--c8y-navigator-text-color-default);
  --c8y-navigator-header-background: var(--c8y-navigator-background-default);
  --c8y-navigator-text-color-active: var(--c8y-navigator-text-color-default);
  --c8y-navigator-text-color-selected: var(--c8y-navigator-text-color-default);
  --c8y-main-header-shadow: inset 0 -1px 0 var(--c8y-global-separator);
  --c8y-main-header-text-color-hover: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-main-header-text-color-default: var(--c8y-text-color);
  --c8y-link-hover-color: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-link-color: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-root-component-form-control-placeholder-color: var(--c8y-form-control-placeholder-color);
  --c8y-root-component-form-control-border-color-default: var(--c8y-form-control-border-color-default);
  --c8y-root-component-form-control-background-disabled: var(--c8y-form-control-background-disabled);
  --c8y-root-component-scrollbar-track: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  --c8y-root-component-icon-dark-color-dark: var(--c8y-brand-dark);
  --c8y-root-component-icon-white-color-dark: var(--c8y-brand-dark);
  --c8y-root-component-icon-white-color-light: var(--c8y-brand-primary);
  --c8y-root-component-brand-primary: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-root-component-spinner-color: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-root-component-border-color: var(--c8y-global-separator);
  --c8y-root-component-separator-color: var(--c8y-global-separator);
  --c8y-root-component-color-focus: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-root-component-color-accent: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-root-component-color-actions-hover: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-root-component-color-actions: var(--c8y-text-color);
  --c8y-root-component-color-text-muted: var(--c8y-text-muted);
  --c8y-root-component-color-active: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-root-component-color-odd: var(--c8y-text-color);
  --c8y-root-component-color-default: var(--c8y-text-color);
  --c8y-root-component-background-focus: var(--c8y-root-component-background-default);
  --c8y-root-component-background-expanded-gradient: linear-gradient(0deg, rgba(255, 255, 255, 0.03) 0px, var(--c8y-root-component-background-expanded) 12px, var(--c8y-root-component-background-expanded) calc(100% - 12px), rgba(0, 0, 0, 0.03) 100%);
  --c8y-root-component-background-active: var(--c8y-root-component-background-default);
  --c8y-palette-status-system: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-tooltip-border-color: var(--c8y-root-component-border-color);
  --c8y-popover-border-color: var(--c8y-root-component-border-color);
  --c8y-popover-color-default: var(--c8y-root-component-color-default);
  --c8y-page-sticky-header-color-active: var(--c8y-link-color);
  --c8y-page-sticky-header-color-hover: var(--c8y-link-hover-color);
  --c8y-nav-pills-color-focus: var(--c8y-navlink-color-focus);
  --c8y-nav-pills-color-active: var(--c8y-navlink-color-active);
  --c8y-nav-pills-color-hover: var(--c8y-navlink-color-hover);
  --c8y-nav-pills-color-default: var(--c8y-navlink-color-default);
  --c8y-nav-pills-background-default: var(--c8y-navlink-background-default);
  --c8y-nav-tabs-border-color-active: var(--c8y-root-component-brand-primary);
  --c8y-nav-tabs-border-color-default: var(--c8y-root-component-border-color);
  --c8y-nav-tabs-color-focus: var(--c8y-navlink-color-focus);
  --c8y-nav-tabs-color-active: var(--c8y-navlink-color-active);
  --c8y-nav-tabs-color-hover: var(--c8y-navlink-color-hover);
  --c8y-nav-tabs-color-default: var(--c8y-navlink-color-default);
  --c8y-navbar-link: var(--c8y-root-component-brand-primary);
  --c8y-modal-color-default: var(--c8y-root-component-color-default);
  --c8y-form-control-color-focus: var(--c8y-component-color-default, var(--c8y-root-component-color-default));
  --c8y-form-control-color-default: var(--c8y-component-color-default, var(--c8y-root-component-color-default));
  --c8y-alert-color-default: var(--c8y-root-component-color-default);
  --c8y-action-bar-border-color: var(--c8y-root-component-border-color);
  --c8y-action-bar-color-focus: var(--c8y-root-component-color-focus);
  --c8y-action-bar-color-actions-hover: var(--c8y-root-component-color-actions-hover);
  --c8y-action-bar-color-actions: var(--c8y-root-component-color-actions);
  --c8y-action-bar-color-text-muted: var(--c8y-root-component-color-text-muted);
  --c8y-action-bar-color-default: var(--c8y-root-component-color-default);
  --c8y-right-drawer-text-muted: var(--c8y-root-component-color-text-muted);
  --c8y-right-drawer-link-color-hover: var(--c8y-root-component-brand-primary);
  --c8y-right-drawer-link-color-default: var(--c8y-root-component-brand-primary);
  --c8y-navigator-scrollbar-track: var(--c8y-root-component-scrollbar-track);
  --c8y-root-component-form-control-border-color-focus: var(--c8y-form-control-border-color-focus);
  --c8y-root-component-form-control-color-disabled: var(--c8y-form-control-color-disabled);
  --c8y-root-component-form-control-background-focus: var(--c8y-form-control-background-focus);
  --c8y-root-component-form-control-background-default: var(--c8y-form-control-background-default);
  --c8y-root-component-form-legend-color: var(--c8y-form-legend-color);
  --c8y-root-component-form-label-color: var(--c8y-form-label-color);
  --c8y-root-component-color-link-hover: var(--c8y-link-hover-color);
  --c8y-root-component-color-link: var(--c8y-link-color);
  --c8y-popover-label-color: var(--c8y-root-component-form-label-color);
  --c8y-popover-color-link-hover: var(--c8y-root-component-color-link-hover);
  --c8y-popover-color-link: var(--c8y-root-component-color-link);
  --c8y-root-component-form-control-color-focus: var(--c8y-form-control-color-focus);
  --c8y-root-component-form-control-color-default: var(--c8y-form-control-color-default);
  --c8y-brand-logo-img: url('logo-platform-white.svg');
  --c8y-navigator-platform-logo: url('logo-platform-white.svg');
  --c8y-header-color: var(--c8y-main-header-background-default);
  --c8y-header-text-color: var(--c8y-main-header-text-color-default);
  --c8y-header-hover-color: var(--c8y-main-header-text-color-hover);
  --c8y-navigator-bg-color: var(--c8y-navigator-background-default);
  --c8y-navigator-header-bg: var(--c8y-navigator-header-background);
  --c8y-navigator-title-color: var(--c8y-navigator-header-color);
  --c8y-navigator-active-bg: var(--c8y-navigator-background-selected);
  --c8y-navigator-text-color: var(--c8y-navigator-text-color-default);
  --c8y-navigator-color-active: var(--c8y-navigator-text-color-selected);
  --c8y-navigator-border-active: var(--c8y-navigator-border-selected);
  --c8y-right-drawer-link-color: var(--c8y-right-drawer-link-color-default);
}
body:has(.dashboard-theme-dark:not(.dashboard-preview-slot)) .c8y-ui-action-bar .btn-help {
  outline: 1px solid var(--palette-status-info, var(--c8y-palette-status-info));
  background-color: var(--palette-status-info, var(--c8y-palette-status-info));
  --help-info-color: var(--c8y-palette-high);
  color: var(--c8y-palette-high);
}
c8y-dashboard-gridstack:not([name]):not([use-context]) > .dashboard-theme-white,
body .dashboard-preview-slot.panel-content-white,
.dashboard-preview-slot.dashboard-theme-white,
c8y-context-dashboard.c8y-grid-dashboard.dashboard-theme-white,
.c8y-grid-dashboard c8y-dashboard-child .panel-content-white {
  --c8y-elevation-color: 1, 31, 61;
  /* The rgb values of #212121 (the palette-gray-10) */
  --c8y-main-header-border-color: transparent;
  --c8y-main-header-background-hover: inherit;
  --c8y-link-hover-color: #1481b8;
  --c8y-link-color: #1481b8;
  --c8y-headings-color: inherit;
  --c8y-palette-yellow-80: #fff6db;
  --c8y-palette-yellow-70: #ffe392;
  --c8y-palette-yellow-68: #FBD462;
  --c8y-palette-yellow-65: #FDC931;
  --c8y-palette-yellow-60: #ffbe00;
  --c8y-palette-yellow-50: #dea500;
  --c8y-palette-yellow-40: #bf8e00;
  --c8y-palette-yellow-30: #956f00;
  --c8y-palette-yellow-20: #654b00;
  --c8y-palette-yellow-10: #4e3a00;
  --c8y-palette-orange-80: #fff5e9;
  --c8y-palette-orange-70: #ffe0bd;
  --c8y-palette-orange-60: #ffc17a;
  --c8y-palette-orange-50: #ff8800;
  --c8y-palette-orange-40: #e57a00;
  --c8y-palette-orange-30: #b35f00;
  --c8y-palette-orange-20: #794000;
  --c8y-palette-orange-10: #5e3200;
  --c8y-palette-red-80: #fdf4f4;
  --c8y-palette-red-70: #fadfdf;
  --c8y-palette-red-60: #f5c0c0;
  --c8y-palette-red-50: #ee9797;
  --c8y-palette-red-40: #e87373;
  --c8y-palette-red-30: #d70f0f;
  --c8y-palette-red-20: #a00b0b;
  --c8y-palette-red-10: #7e0909;
  --c8y-palette-blue-80: #f1f7fd;
  --c8y-palette-blue-70: #d7e7f8;
  --c8y-palette-blue-60: #b0d0f2;
  --c8y-palette-blue-50: #7fb3ea;
  --c8y-palette-blue-40: #559ae3;
  --c8y-palette-blue-30: #056ad6;
  --c8y-palette-blue-20: #044d9c;
  --c8y-palette-blue-10: #033c79;
  --c8y-palette-green-80: #eff9ef;
  --c8y-palette-green-70: #d1ecd1;
  --c8y-palette-green-60: #a5daa5;
  --c8y-palette-green-50: #6ac26a;
  --c8y-palette-green-40: #119d11;
  --c8y-palette-green-30: #0f880f;
  --c8y-palette-green-20: #0a5c0a;
  --c8y-palette-green-10: #084708;
  --c8y-palette-fixed-light: #fff;
  --c8y-palette-fixed-dark: #212121;
  --c8y-palette-status-realtime: #00bb00;
  --c8y-palette-status-success-dark: #007700;
  /* suitable for text */
  --c8y-palette-status-success-light: #f4fce3;
  --c8y-palette-status-success: #71A112;
  --c8y-palette-gray-100: #F9FAFB;
  --c8y-palette-gray-90: #F0F2F4;
  --c8y-palette-gray-80: #E8EBED;
  --c8y-palette-gray-70: #E3E5E8;
  --c8y-palette-gray-60: #D4D9DE;
  --c8y-palette-gray-50: #8B96A0;
  --c8y-palette-gray-40: #657381;
  --c8y-palette-gray-30: #4C5967;
  --c8y-palette-gray-20: #2A3846;
  --c8y-palette-gray-10: #212121;
  --c8y-palette-low: black;
  --c8y-palette-high: white;
  --c8y-global-disabled-opacity: 0.55;
  --c8y-dl-horizontal-offset: 180;
  --c8y-code-border-color: transparent;
  --c8y-code-border-radius: 0;
  --c8y-pre-border-radius: 0;
  --c8y-blockquote-border-color: transparent;
  --c8y-line-height-small: 1;
  --c8y-line-height-large: 1.3333333;
  /* extra decimals for Win 8.1 Chrome */
  --c8y-line-height-headings: 1.1;
  --c8y-line-height-base: 1.42857143;
  --c8y-font-weight-headings: 600;
  --c8y-font-weight-base: 400;
  --c8y-font-size-base: 14px;
  --c8y-font-family-mono-spaced: Menlo, Monaco, Consolas, 'Courier New', monospace;
  --c8y-font-family-serif: Georgia, 'Times New Roman', Times, sans-serif;
  --c8y-font-family-sans-serif: 'Public Sans', Helvetica, Arial, sans-serif;
  --c8y-tooltip-opacity: 0.95;
  --c8y-tooltip-arrow-width: 5px;
  --c8y-tooltip-width: 200px;
  --c8y-tooltip-border-radius: 3px;
  --c8y-table-cell-padding-default: 13px;
  --c8y-unit-base: 8px;
  --c8y-root-component-scrollbar-thumb-default: rgba(57, 72, 82, 0.2);
  --c8y-root-component-color-expanded: inherit;
  --c8y-root-component-background-disabled: rgba(0, 0, 0, 0.1);
  /* Don't use when changing opacity */
  --c8y-root-component-border-caret-width: 6px;
  --c8y-root-component-border-radius-focus: 4px;
  --c8y-root-component-border-radius-small: 0;
  --c8y-root-component-border-radius-large: 2px;
  --c8y-root-component-border-radius-base: 0;
  --c8y-root-component-border-style: solid;
  --c8y-root-component-border-width: 0;
  --c8y-root-component-padding-xs-horizontal: 5px;
  --c8y-root-component-padding-xs-vertical: 1px;
  --c8y-root-component-padding-small-vertical: 5px;
  --c8y-root-component-padding-large-vertical: 9px;
  --c8y-popover-arrow-width: 10px;
  --c8y-popover-width: 276px;
  --c8y-popover-border-radius: 4px;
  --c8y-navigator-active-border-width: 4px;
  --c8y-navigator-app-icon-size: 46px;
  --c8y-navigator-app-name-size: 16px;
  --c8y-navigator-platform-logo-height: 32;
  --c8y-nav-tabs-background-hover: transparent;
  --c8y-nav-tabs-background-default: transparent;
  --c8y-nav-tabs-vertical-width: 170px;
  --c8y-nav-tabs-border-width-active: 4px;
  --c8y-nav-tabs-border-width-default: 1px;
  --c8y-navlink-background-focus: transparent;
  --c8y-navlink-background-active: transparent;
  --c8y-navlink-background-hover: transparent;
  --c8y-navbar-border-color: transparent;
  --c8y-modal-backdrop-opacity: 0.5;
  --c8y-modal-border-radius: 4px;
  --c8y-modal-inner-scroll-height-sm: 35vh;
  --c8y-modal-inner-scroll-height-default: 62vh;
  --c8y-modal-size-sm: 450px;
  --c8y-modal-size-md: 600px;
  --c8y-modal-size-lg: 900px;
  --c8y-form-validation-bottom-margin: 24px;
  --c8y-form-control-height-lg: 40px;
  --c8y-form-control-height-sm: 28px;
  --c8y-form-control-height-base: 32px;
  --c8y-form-control-placeholder-font-style: italic;
  --c8y-form-control-border-width: 1px;
  --c8y-form-control-line-height: 1.42857143;
  --c8y-form-control-font-weight: normal;
  --c8y-form-legend-font-weight: 400;
  --c8y-form-legend-text-transform: uppercase;
  --c8y-form-label-font-weight: 600;
  --c8y-form-label-text-transform: none;
  --c8y-btn-shadow-default: none;
  --c8y-btn-transition-default: all 0.15s ease-out;
  --c8y-btn-padding-icon-horizontal: 9px;
  --c8y-btn-padding-xs-vertical: 1px;
  --c8y-btn-padding-xs-horizontal: 10px;
  --c8y-btn-padding-small-vertical: 5px;
  --c8y-btn-padding-small-horizontal: 14px;
  --c8y-btn-padding-large-vertical: 9px;
  --c8y-btn-padding-large-horizontal: 16px;
  --c8y-btn-border-radius-pill: 24px;
  --c8y-btn-border-radius-xs: 12px;
  --c8y-btn-border-radius-small: calc(var(--btn-border-radius-base, 0) * 0.75px);
  --c8y-btn-border-radius-large: calc(var(--btn-border-radius-base, 0) * 1.25px);
  --c8y-btn-border-radius-base: var(--btn-border-radius-base, 2px);
  --c8y-btn-line-height-xs: 1;
  --c8y-btn-line-height-small: 1.2;
  --c8y-btn-line-height-large: 1.2;
  --c8y-btn-group-border-radius: 0;
  --c8y-badge-line-height: 1;
  --c8y-badge-font-weight: bold;
  --c8y-badge-padding: 0.25em 0.4em 0.15em;
  --c8y-badge-border-radius: 10px;
  --c8y-alert-status-symbol-font-family: 'dlt-c8y-icons';
  --c8y-alert-status-symbol-size: 24px;
  --c8y-alert-padding: 16px 16px 16px 48px;
  --c8y-alert-border-style: solid;
  --c8y-alert-border-width: 4px;
  --c8y-alert-max-width: 600px;
  --c8y-elevation-hover: 0 0 0 1px rgba(var(--c8y-elevation-color), 0.05), 0 4px 4px rgba(var(--c8y-elevation-color), 0.01), 0 8px 8px rgba(var(--c8y-elevation-color), 0.01), 0 16px 16px rgba(var(--c8y-elevation-color), 0.03), 0 32px 32px rgba(var(--c8y-elevation-color), 0.05), 0 16px 64px rgba(var(--c8y-elevation-color), .1);
  --c8y-elevation-sm: 0 0 1px 1px rgba(var(--c8y-elevation-color), 0.05), 0 2px 2px rgba(var(--c8y-elevation-color), .15);
  /* Elevation for Cards, Select dropdowns, Date pickers, Time pickers */
  --c8y-elevation-md-bottom: 0 2px 12px 2px rgba(var(--c8y-elevation-color), 0.08), 0 2px 18px 4px rgba(var(--c8y-elevation-color), .1);
  /* Elevation md bottom */
  --c8y-elevation-md-top: 0 -2px 12px 2px rgba(var(--c8y-elevation-color), 0.08), 0 -4px 18px 4px rgba(var(--c8y-elevation-color), .1);
  /* Elevation md rop */
  --c8y-elevation-md-left: -4px 0 12px 2px rgba(var(--c8y-elevation-color), 0.08), -4px 0 18px 4px rgba(var(--c8y-elevation-color), .1);
  /* Elevation md right */
  --c8y-elevation-md-right: 4px 0 12px 2px rgba(var(--c8y-elevation-color), 0.08), 4px 0 18px 4px rgba(var(--c8y-elevation-color), .1);
  /* Elevation md right */
  --c8y-elevation-lg: 0 0 4px rgba(var(--c8y-elevation-color), 0.1), 0 8px 16px rgba(var(--c8y-elevation-color), .12), 0 0 16px rgba(var(--c8y-elevation-color), .04), 0 36px 52px rgba(var(--c8y-elevation-color), .05), 0 8px 36px rgba(var(--c8y-elevation-color), .16);
  /* Elevation for Modals and full screen overlaying elements */
  --c8y-elevation-border: inset 0 0 0 1px var(--c8y-palette-gray-80);
  /* For App switchers, Overflow menus, Tooltips */
  --c8y-right-drawer-separator-color: var(--c8y-palette-gray-70);
  --c8y-right-drawer-text-color-default: var(--c8y-palette-gray-10);
  --c8y-right-drawer-background-selected: var(--c8y-palette-gray-80);
  --c8y-right-drawer-background-default: var(--c8y-palette-gray-100);
  --c8y-main-header-background-default: var(--c8y-palette-high);
  --c8y-abbr-border-color: var(--c8y-palette-gray-40);
  --c8y-text-muted: var(--c8y-palette-gray-40);
  --c8y-text-color: var(--c8y-palette-gray-10);
  --c8y-level-4: var(--c8y-palette-gray-70);
  --c8y-level-3: var(--c8y-palette-gray-80);
  --c8y-level-2: var(--c8y-palette-gray-90);
  --c8y-level-1: var(--c8y-palette-gray-100);
  --c8y-brand-accent-light: var(--c8y-palette-blue-80);
  --c8y-brand-accent-dark: var(--c8y-palette-blue-10);
  --c8y-brand-accent: var(--c8y-palette-blue-30);
  --c8y-brand-80: var(--c8y-palette-green-80);
  --c8y-brand-70: var(--c8y-palette-green-70);
  --c8y-brand-60: var(--c8y-palette-green-60);
  --c8y-brand-50: var(--c8y-palette-green-50);
  --c8y-brand-40: var(--c8y-palette-green-40);
  --c8y-brand-30: var(--c8y-palette-green-30);
  --c8y-brand-20: var(--c8y-palette-green-20);
  --c8y-brand-10: var(--c8y-palette-green-10);
  --c8y-body-background-color: var(--c8y-palette-high);
  --c8y-palette-status-system: var(--c8y-palette-gray-70);
  --c8y-palette-status-info-dark: var(--c8y-palette-blue-10);
  --c8y-palette-status-info-light: var(--c8y-palette-blue-70);
  --c8y-palette-status-info: var(--c8y-palette-blue-30);
  --c8y-palette-status-danger-dark: var(--c8y-palette-red-10);
  /* suitable for text */
  --c8y-palette-status-danger-light: var(--c8y-palette-red-80);
  --c8y-palette-status-danger: var(--c8y-palette-red-30);
  --c8y-palette-status-warning-high: var(--c8y-palette-orange-80);
  --c8y-palette-status-warning-light: var(--c8y-palette-yellow-60);
  --c8y-palette-status-warning-dark: var(--c8y-palette-orange-10);
  --c8y-palette-status-warning: var(--c8y-palette-orange-50);
  --c8y-global-separator: var(--c8y-palette-gray-80);
  --c8y-global-odd: linear-gradient(to top, var(--c8y-palette-gray-90), var(--c8y-palette-gray-90));
  --c8y-code-color: var(--c8y-palette-blue-30);
  --c8y-code-background: var(--c8y-palette-blue-80);
  --c8y-code-font-size: calc(var(--c8y-font-size-base) - 1px);
  --c8y-code-font-family: var(--c8y-font-family-mono-spaced);
  --c8y-pre-color: var(--c8y-palette-gray-30);
  --c8y-pre-background: var(--c8y-palette-gray-90);
  --c8y-pre-border-color: var(--c8y-palette-gray-70);
  --c8y-font-size-h6: calc(var(--c8y-font-size-base) * 0.85714286);
  /* 12px */
  --c8y-font-size-h5: var(--c8y-font-size-base);
  /* 14px */
  --c8y-font-size-h4: calc(var(--c8y-font-size-base) * 1.28571429);
  /* 18px */
  --c8y-font-size-h3: calc(var(--c8y-font-size-base) * 1.71428571);
  /* 24px */
  --c8y-font-size-h2: calc(var(--c8y-font-size-base) * 2.14285714);
  /* 30px */
  --c8y-font-size-h1: calc(var(--c8y-font-size-base) * 2.57142857);
  /* 36px */
  --c8y-font-size-xs: calc(var(--c8y-font-size-base) * 0.71428571);
  /* 10px */
  --c8y-font-size-small: calc(var(--c8y-font-size-base) * 0.85714286);
  /* 12px */
  --c8y-font-size-large: calc(var(--c8y-font-size-base) * 1.21428571);
  /* 17px */
  --c8y-font-family-base: var(--c8y-font-family-sans-serif);
  --c8y-tooltip-color-default: var(--c8y-palette-gray-100);
  --c8y-tooltip-background-default: var(--c8y-palette-gray-10);
  --c8y-switch-handle-background: var(--c8y-palette-high);
  --c8y-switch-background-default: var(--c8y-palette-gray-50);
  --c8y-switch-radius: calc(var(--c8y-unit-base) * 3.75);
  --c8y-switch-height: calc(var(--c8y-unit-base) * 3.75);
  --c8y-switch-width: calc(var(--c8y-unit-base) * 7.5);
  --c8y-table-cell-padding-condensed: var(--c8y-unit-base);
  --c8y-root-component-scrollbar-thumb-hover: var(--c8y-palette-gray-40);
  --c8y-root-component-icon-color: var(--c8y-palette-gray-30);
  --c8y-root-component-icon-white-color-dark: var(--c8y-palette-high);
  --c8y-root-component-pulse-color: var(--c8y-palette-status-realtime);
  --c8y-root-component-disabled-opacity: var(--c8y-global-disabled-opacity);
  --c8y-root-component-actions-opacity: var(--c8y-global-disabled-opacity);
  --c8y-root-component-color-disabled: var(--c8y-palette-gray-70);
  /* Don't use when changing opacity */
  --c8y-root-component-color-actions: var(--c8y-palette-gray-30);
  --c8y-root-component-color-link-hover: var(--c8y-link-hover-color);
  --c8y-root-component-color-link: var(--c8y-link-color);
  --c8y-root-component-background-expanded: var(--c8y-palette-gray-100);
  --c8y-root-component-background-default: var(--c8y-palette-high);
  --c8y-root-component-padding: calc(var(--c8y-unit-base) * 2);
  --c8y-root-component-padding-small-horizontal: var(--c8y-unit-base);
  --c8y-root-component-padding-large-horizontal: calc(var(--c8y-unit-base) * 2);
  --c8y-root-component-padding-base-horizontal: var(--c8y-unit-base);
  --c8y-root-component-padding-base-vertical: calc(var(--c8y-unit-base) * 0.625);
  --c8y-page-sticky-header-color-active: var(--c8y-link-color);
  --c8y-page-sticky-header-color-hover: var(--c8y-link-hover-color);
  --c8y-page-sticky-header-color-default: var(--c8y-palette-gray-10);
  --c8y-page-sticky-header-background-default: var(--c8y-palette-gray-100);
  --c8y-page-sticky-header-height: calc(var(--c8y-unit-base) * 6);
  --c8y-navigator-scrollbar-thumb-default: var(--c8y-root-component-scrollbar-thumb-default);
  --c8y-navigator-separator-color: var(--c8y-palette-gray-70);
  --c8y-navigator-text-color-default: var(--c8y-palette-gray-10);
  --c8y-navigator-background-selected: var(--c8y-palette-gray-80);
  --c8y-navigator-background-default: var(--c8y-palette-gray-100);
  --c8y-navigator-font-size: var(--c8y-font-size-base);
  --c8y-nav-pills-background-focus: var(--c8y-navlink-background-focus);
  --c8y-nav-pills-background-active: var(--c8y-navlink-background-active);
  --c8y-nav-pills-background-hover: var(--c8y-navlink-background-hover);
  --c8y-nav-pills-border-radius: calc(var(--c8y-unit-base) * 2);
  --c8y-nav-tabs-background-focus: var(--c8y-navlink-background-focus);
  --c8y-nav-tabs-vertical-padding-vertical: calc(var(--c8y-unit-base) + 2px);
  --c8y-nav-tabs-padding-horizontal: calc(var(--c8y-unit-base) * 2);
  --c8y-nav-tabs-icon-color-default: var(--c8y-palette-gray-40);
  --c8y-nav-tabs-icon-size: calc(var(--c8y-unit-base) * 2);
  --c8y-navlink-padding-horizontal: calc(var(--c8y-unit-base) * 2);
  --c8y-navlink-padding-vertical: calc(var(--c8y-unit-base) * 1.5 + 2px);
  --c8y-navbar-margin-bottom: calc(var(--c8y-unit-base) * 2);
  --c8y-navbar-height: calc(var(--c8y-unit-base) * 6);
  --c8y-modal-backdrop-background: var(--c8y-palette-low);
  --c8y-form-validation-color-success: var(--c8y-palette-status-success);
  --c8y-form-control-disabled-opacity: var(--c8y-global-disabled-opacity);
  --c8y-form-control-background-disabled: var(--c8y-component-background-disabled, var(--c8y-root-component-background-disabled));
  --c8y-form-control-placeholder-color: var(--c8y-palette-gray-40);
  --c8y-form-control-border-color-default: var(--c8y-palette-gray-60);
  --c8y-form-control-border-radius: var(--c8y-root-component-border-radius-base);
  --c8y-form-legend-color: var(--c8y-palette-gray-40);
  --c8y-form-label-color: var(--c8y-palette-gray-20);
  --c8y-form-label-font-size: var(--c8y-font-size-base);
  --c8y-btn-danger-color-active: var(--c8y-palette-high);
  --c8y-btn-primary-color-active: var(--c8y-palette-high);
  --c8y-btn-primary-color-default: var(--c8y-palette-high);
  --c8y-btn-line-height-base: var(--c8y-line-height-base);
  --c8y-btn-font-size-base: var(--c8y-font-size-base);
  --c8y-btn-font-weight: var(--c8y-font-weight-base);
  --c8y-alert-status-success: var(--c8y-palette-status-success);
  --c8y-dropdown-background-default: var(--c8y-root-component-background-default);
  --c8y-action-bar-icon-color: var(--c8y-root-component-icon-color);
  --c8y-action-bar-disabled-opacity: var(--c8y-root-component-disabled-opacity);
  --c8y-action-bar-actions-opacity: var(--c8y-root-component-actions-opacity);
  --c8y-action-bar-color-actions: var(--c8y-root-component-color-actions);
  --c8y-action-bar-background-default: var(--c8y-root-component-background-default);
  --c8y-right-drawer-text-color-active: var(--c8y-right-drawer-text-color-default);
  --c8y-right-drawer-text-color-selected: var(--c8y-right-drawer-text-color-default);
  --c8y-right-drawer-background-active: var(--c8y-brand-70);
  --c8y-main-header-shadow: var(--c8y-elevation-md-bottom);
  --c8y-main-header-text-color-default: var(--c8y-text-color);
  --c8y-main-header-background-active: var(--c8y-brand-70);
  --c8y-level-0: var(--c8y-body-background-color);
  --c8y-brand-realtime-added: var(--c8y-brand-80);
  --c8y-brand-dark: var(--brand-dark, var(--c8y-brand-10));
  --c8y-brand-light: var(--brand-light, var(--c8y-brand-60));
  --c8y-brand-primary: var(--brand-primary, var(--c8y-brand-40));
  --c8y-blockquote-font-size: var(--c8y-font-size-h4);
  --c8y-switch-handle-color: var(--c8y-text-color);
  --c8y-switch-background-active: var(--c8y-brand-40);
  --c8y-root-component-form-control-placeholder-color: var(--c8y-form-control-placeholder-color);
  --c8y-root-component-form-control-border-color-default: var(--c8y-form-control-border-color-default);
  --c8y-root-component-form-control-background-disabled: var(--c8y-form-control-background-disabled);
  --c8y-root-component-form-legend-color: var(--c8y-form-legend-color);
  --c8y-root-component-form-label-color: var(--c8y-form-label-color);
  --c8y-root-component-scrollbar-track: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  --c8y-root-component-icon-dark-color-dark: var(--c8y-text-color);
  --c8y-root-component-separator-color: var(--c8y-global-separator);
  --c8y-root-component-color-text-muted: var(--c8y-text-muted);
  --c8y-root-component-color-odd: var(--c8y-text-color);
  --c8y-root-component-color-default: var(--c8y-text-color);
  --c8y-root-component-background-hover: var(--c8y-brand-80);
  --c8y-root-component-background-focus: var(--c8y-root-component-background-default);
  --c8y-root-component-background-expanded-gradient: linear-gradient(0deg, rgba(0, 0, 0, 0.03) 0px, var(--c8y-root-component-background-expanded) 12px, var(--c8y-root-component-background-expanded) calc(100% - 12px), rgba(0, 0, 0, 0.03) 100%);
  --c8y-root-component-background-active: var(--c8y-root-component-background-default);
  --c8y-root-component-background-odd: var(--c8y-global-odd);
  /* use for alternate stripes for example */
  --c8y-root-component-border-color: var(--c8y-global-separator);
  --c8y-popover-icon-color: var(--c8y-root-component-icon-color);
  --c8y-popover-color-link-hover: var(--c8y-root-component-color-link-hover);
  --c8y-popover-color-link: var(--c8y-root-component-color-link);
  --c8y-popover-background-default: var(--c8y-root-component-background-default);
  --c8y-popover-padding: var(--c8y-root-component-padding);
  --c8y-navigator-scrollbar-thumb-hover: var(--c8y-root-component-scrollbar-thumb-hover);
  --c8y-navigator-header-color: var(--c8y-navigator-text-color-default);
  --c8y-navigator-header-background: var(--c8y-navigator-background-default);
  --c8y-navigator-text-color-active: var(--c8y-navigator-text-color-default);
  --c8y-navigator-text-color-selected: var(--c8y-navigator-text-color-default);
  --c8y-navigator-background-active: var(--c8y-brand-70);
  --c8y-navigator-font-family: var(--c8y-font-family-base);
  --c8y-nav-pills-padding-horizontal: var(--c8y-navlink-padding-horizontal);
  --c8y-nav-pills-padding-vertical: var(--c8y-navlink-padding-vertical);
  --c8y-nav-tabs-background-active: var(--c8y-root-component-background-default);
  --c8y-nav-tabs-vertical-padding-horizontal: var(--c8y-navlink-padding-horizontal);
  --c8y-nav-tabs-padding-vertical: var(--c8y-navlink-padding-vertical);
  --c8y-navlink-color-default: var(--c8y-text-color);
  --c8y-navlink-background-default: var(--c8y-root-component-background-default);
  --c8y-navbar-color-default: var(--c8y-text-color);
  --c8y-navbar-background-default: var(--c8y-root-component-background-default);
  --c8y-form-validation-color-info: var(--c8y-palette-status-info);
  --c8y-form-validation-color-warning: var(--c8y-palette-status-warning);
  --c8y-form-validation-color-error: var(--c8y-palette-status-danger);
  --c8y-form-control-color-disabled: var(--c8y-component-color-disabled, var(--c8y-root-component-color-disabled));
  --c8y-form-control-background-focus: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  --c8y-form-control-background-default: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  --c8y-form-control-padding-base-horizontal: var(--c8y-root-component-padding-base-horizontal);
  --c8y-form-control-padding-base-vertical: var(--c8y-root-component-padding-base-vertical);
  --c8y-form-control-font-family: var(--c8y-font-family-base);
  --c8y-form-legend-font-size: var(--c8y-font-size-small);
  --c8y-btn-danger-border-color-active: var(--c8y-palette-status-danger-dark);
  --c8y-btn-danger-border-color-focus: var(--c8y-palette-status-danger);
  --c8y-btn-danger-border-color-hover: var(--c8y-palette-status-danger);
  --c8y-btn-danger-border-color-default: var(--c8y-palette-status-danger);
  --c8y-btn-danger-background-active: var(--c8y-palette-status-danger-dark);
  --c8y-btn-danger-background-focus: var(--c8y-root-component-background-default);
  --c8y-btn-danger-background-hover: var(--c8y-root-component-background-default);
  --c8y-btn-danger-background-default: var(--c8y-root-component-background-default);
  --c8y-btn-danger-color-focus: var(--c8y-palette-status-danger);
  --c8y-btn-danger-color-hover: var(--c8y-palette-status-danger);
  --c8y-btn-danger-color-default: var(--c8y-palette-status-danger);
  --c8y-btn-accent-border-color-active: var(--c8y-brand-accent-dark);
  --c8y-btn-accent-border-color-focus: var(--c8y-brand-accent-dark);
  --c8y-btn-accent-border-color-hover: var(--c8y-brand-accent-dark);
  --c8y-btn-accent-border-color-default: var(--c8y-brand-accent);
  --c8y-btn-accent-background-active: var(--c8y-brand-accent-dark);
  --c8y-btn-accent-background-focus: var(--c8y-brand-accent-dark);
  --c8y-btn-accent-background-hover: var(--c8y-brand-accent-dark);
  --c8y-btn-accent-background-default: var(--c8y-brand-accent);
  --c8y-btn-accent-color-active: var(--c8y-text-color);
  --c8y-btn-accent-color-focus: var(--c8y-text-color);
  --c8y-btn-accent-color-hover: var(--c8y-text-color);
  --c8y-btn-accent-color-default: var(--c8y-text-color);
  --c8y-btn-primary-border-color-active: var(--c8y-brand-20);
  --c8y-btn-primary-background-active: var(--c8y-brand-10);
  --c8y-btn-primary-background-focus: var(--c8y-root-component-background-default);
  --c8y-btn-primary-background-hover: var(--c8y-root-component-background-default);
  --c8y-btn-default-background-active: var(--c8y-brand-70);
  --c8y-btn-default-background-focus: var(--c8y-root-component-background-default);
  --c8y-btn-default-background-hover: var(--c8y-root-component-background-default);
  --c8y-btn-default-background-default: var(--c8y-root-component-background-default);
  --c8y-btn-padding-icon-vertical: var(--c8y-root-component-padding-base-vertical);
  --c8y-btn-padding-base-vertical: var(--c8y-root-component-padding-base-vertical);
  --c8y-btn-padding-base-horizontal: var(--c8y-root-component-padding-base-horizontal);
  --c8y-btn-font-size-xs: var(--c8y-font-size-xs);
  --c8y-btn-font-size-small: var(--c8y-font-size-small);
  --c8y-btn-font-size-large: var(--c8y-font-size-large);
  --c8y-btn-font-family: var(--c8y-font-family-base);
  --c8y-badge-font-size: var(--c8y-font-size-small);
  --c8y-alert-background-default: var(--c8y-root-component-background-default);
  --c8y-alert-status-info: var(--c8y-palette-status-info);
  --c8y-alert-status-danger: var(--c8y-palette-status-danger);
  --c8y-alert-status-warning: var(--c8y-palette-status-warning);
  --c8y-action-bar-border-color: var(--c8y-root-component-border-color);
  --c8y-action-bar-color-text-muted: var(--c8y-root-component-color-text-muted);
  --c8y-action-bar-color-default: var(--c8y-root-component-color-default);
  --c8y-right-drawer-border-selected: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-right-drawer-text-muted: var(--c8y-root-component-color-text-muted);
  --c8y-main-header-text-color-hover: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-tooltip-border-color: var(--c8y-root-component-border-color);
  --c8y-root-component-form-control-color-disabled: var(--c8y-form-control-color-disabled);
  --c8y-root-component-form-control-background-focus: var(--c8y-form-control-background-focus);
  --c8y-root-component-form-control-background-default: var(--c8y-form-control-background-default);
  --c8y-root-component-icon-dark-color-light: var(--c8y-brand-light);
  --c8y-root-component-icon-white-color-light: var(--c8y-brand-light);
  --c8y-root-component-brand-primary: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-root-component-spinner-color: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-root-component-realtime-added: var(--c8y-brand-realtime-added);
  --c8y-root-component-color-focus: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-root-component-color-accent: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-root-component-color-actions-hover: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-root-component-color-active: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-popover-label-color: var(--c8y-root-component-form-label-color);
  --c8y-popover-color-default: var(--c8y-root-component-color-default);
  --c8y-popover-border-color: var(--c8y-root-component-border-color);
  --c8y-navigator-scrollbar-track: var(--c8y-root-component-scrollbar-track);
  --c8y-navigator-border-selected: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-nav-pills-color-default: var(--c8y-navlink-color-default);
  --c8y-nav-pills-background-default: var(--c8y-navlink-background-default);
  --c8y-nav-tabs-color-default: var(--c8y-navlink-color-default);
  --c8y-nav-tabs-icon-color-active: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-nav-tabs-icon-color-focus: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-nav-tabs-icon-color-hover: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-nav-tabs-border-color-default: var(--c8y-root-component-border-color);
  --c8y-navlink-color-focus: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-navlink-color-active: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-navlink-color-hover: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-form-control-icon-color: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-form-control-color-focus: var(--c8y-component-color-default, var(--c8y-root-component-color-default));
  --c8y-form-control-color-default: var(--c8y-component-color-default, var(--c8y-root-component-color-default));
  --c8y-form-control-border-color-focus: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-primary-border-color-focus: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-primary-border-color-hover: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-primary-border-color-default: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-primary-background-default: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-primary-color-focus: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-primary-color-hover: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-default-border-color-active: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-default-border-color-focus: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-default-border-color-hover: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-default-border-color-default: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-default-color-active: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-default-color-focus: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-default-color-hover: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-default-color-default: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-alert-color-default: var(--c8y-root-component-color-default);
  --c8y-alert-status-system: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-action-bar-color-focus: var(--c8y-root-component-color-focus);
  --c8y-action-bar-color-actions-hover: var(--c8y-root-component-color-actions-hover);
  --c8y-right-drawer-link-color-hover: var(--c8y-root-component-brand-primary);
  --c8y-right-drawer-link-color-default: var(--c8y-root-component-brand-primary);
  --c8y-root-component-form-control-border-color-focus: var(--c8y-form-control-border-color-focus);
  --c8y-root-component-form-control-color-focus: var(--c8y-form-control-color-focus);
  --c8y-root-component-form-control-color-default: var(--c8y-form-control-color-default);
  --c8y-nav-pills-color-focus: var(--c8y-navlink-color-focus);
  --c8y-nav-pills-color-active: var(--c8y-navlink-color-active);
  --c8y-nav-pills-color-hover: var(--c8y-navlink-color-hover);
  --c8y-nav-tabs-color-focus: var(--c8y-navlink-color-focus);
  --c8y-nav-tabs-color-active: var(--c8y-navlink-color-active);
  --c8y-nav-tabs-color-hover: var(--c8y-navlink-color-hover);
  --c8y-nav-tabs-border-color-active: var(--c8y-root-component-brand-primary);
  --c8y-navbar-link: var(--c8y-root-component-brand-primary);
  --c8y-brand-logo-img: url('logo-platform.svg');
  --c8y-brand-logo-height: 20%;
  --c8y-navigator-platform-logo: url('logo-platform.svg');
  --c8y-navigator-platform-logo-height: 32px;
  --c8y-header-color: var(--c8y-main-header-background-default);
  --c8y-header-text-color: var(--c8y-main-header-text-color-default);
  --c8y-header-hover-color: var(--c8y-main-header-text-color-hover);
  --c8y-navigator-bg-color: var(--c8y-navigator-background-default);
  --c8y-navigator-header-bg: var(--c8y-navigator-header-background);
  --c8y-navigator-title-color: var(--c8y-navigator-header-color);
  --c8y-navigator-active-bg: var(--c8y-navigator-background-selected);
  --c8y-navigator-text-color: var(--c8y-navigator-text-color-default);
  --c8y-navigator-color-active: var(--c8y-navigator-text-color-selected);
  --c8y-navigator-border-active: var(--c8y-navigator-border-selected);
  --c8y-right-drawer-link-color: var(--c8y-right-drawer-link-color-default);
}
.dashboard-preview-slot.dashboard-theme-white {
  background: white !important;
}
.dashboard-preview-slot.dashboard-theme-light {
  --c8y-dashboard-background: var(--body-background-color, var(--c8y-body-background-color));
  background: var(--c8y-dashboard-background);
}
c8y-dashboard-gridstack:not([name]):not([use-context]) > .dashboard-theme-white,
c8y-context-dashboard.c8y-grid-dashboard.dashboard-theme-white {
  --c8y-dashboard-background: var(--c8y-palette-high);
  background-color: var(--c8y-dashboard-background);
}
c8y-dashboard-gridstack:not([name]):not([use-context]) > .dashboard-theme-light,
c8y-context-dashboard.c8y-grid-dashboard.dashboard-theme-light {
  --c8y-dashboard-background: var(--body-background-color, var(--c8y-body-background-color));
}
.c8y-dark-theme c8y-dashboard-gridstack:not([name]):not([use-context]) > .dashboard-theme-light,
.c8y-dark-theme c8y-context-dashboard.c8y-grid-dashboard.dashboard-theme-light {
  --c8y-dashboard-background: var(--c8y-palette-low);
}
@media (prefers-color-scheme: dark) {
  .c8y-system-theme c8y-dashboard-gridstack:not([name]):not([use-context]) > .dashboard-theme-light,
  .c8y-system-theme c8y-context-dashboard.c8y-grid-dashboard.dashboard-theme-light {
    --c8y-dashboard-background: var(--c8y-palette-low);
  }
}
body .dashboard-preview-slot.panel-content-transparent,
.c8y-grid-dashboard c8y-dashboard-child .panel-content-transparent {
  --c8y-component-background-default: transparent;
  --c8y-elevation-hover: none;
  --c8y-elevation-sm: none;
  /* Elevation for Cards, Select dropdowns, Date pickers, Time pickers, Dropdown buttons */
  --c8y-elevation-md: none;
  /* Elevation for Panels, App switchers, Overflow menus, Tooltips */
  --c8y-elevation-lg: none;
  /* Elevation for Modals */
  --c8y-elevation-border: none;
  /* For App switchers, Overflow menus, Tooltips */
}
.dashboard-preview-slot {
  background-color: var(--c8y-dashboard-background, var(--c8y-body-background-color)) !important;
}
/* Remove after Codex launch. will be replaced by Tag */
/* build utilities class
  * @prop - property, i.e. margin, padding
  * @prefix - for class name, i.e. m, p
  * @basesize - unit for increasing sizes, defauts to 8
  * @range - amount of classes built
*/
/**
* add an increasing transition delay to elements
* in a list using the element index
*
* @range: number of elements
* @el: html element
* @delay: time in seconds
* @lastIndex: max number of elements
* @pos: either top, right, bottom or left
* @size: height of the element
*/
.c8y-scrollbar::-webkit-scrollbar {
  width: 4px;
  /* for vertical scrollbars */
  height: 4px;
  /* for horizontal scrollbars */
}
.c8y-scrollbar::-webkit-scrollbar-track {
  background: transparent;
}
.c8y-scrollbar::-webkit-scrollbar-track:not(textarea) {
  background: var(--c8y-component-scrollbar-track, var(--c8y-root-component-scrollbar-track));
}
.c8y-scrollbar::-webkit-scrollbar-thumb {
  width: 4px;
  border-radius: 1px;
  background: var(--c8y-component-scrollbar-thumb-default, var(--c8y-root-component-scrollbar-thumb-default));
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.c8y-scrollbar:hover::-webkit-scrollbar-thumb {
  background: var(--c8y-component-scrollbar-thumb-hover, var(--c8y-root-component-scrollbar-thumb-hover));
}
.hide-scrollbars {
  overflow: -moz-scrollbars-none;
  -ms-overflow-style: none;
}
.hide-scrollbars::-webkit-scrollbar {
  display: none;
}
.shadow-scroll {
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
}
[class*="content-flex-"] {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  --c8y-margin: 1rem;
  margin: 0 calc(var(--c8y-margin) * -1);
}
[class*="content-flex-"] > * {
  max-width: 100%;
  flex-basis: calc(var(--c8y-multiplier) * 999);
  margin: 0 var(--c8y-margin);
}
.content-flex-20 {
  --c8y-multiplier: calc((20 * 1rem) - 100%);
}
.content-flex-21 {
  --c8y-multiplier: calc((21 * 1rem) - 100%);
}
.content-flex-22 {
  --c8y-multiplier: calc((22 * 1rem) - 100%);
}
.content-flex-23 {
  --c8y-multiplier: calc((23 * 1rem) - 100%);
}
.content-flex-24 {
  --c8y-multiplier: calc((24 * 1rem) - 100%);
}
.content-flex-25 {
  --c8y-multiplier: calc((25 * 1rem) - 100%);
}
.content-flex-26 {
  --c8y-multiplier: calc((26 * 1rem) - 100%);
}
.content-flex-27 {
  --c8y-multiplier: calc((27 * 1rem) - 100%);
}
.content-flex-28 {
  --c8y-multiplier: calc((28 * 1rem) - 100%);
}
.content-flex-29 {
  --c8y-multiplier: calc((29 * 1rem) - 100%);
}
.content-flex-30 {
  --c8y-multiplier: calc((30 * 1rem) - 100%);
}
.content-flex-31 {
  --c8y-multiplier: calc((31 * 1rem) - 100%);
}
.content-flex-32 {
  --c8y-multiplier: calc((32 * 1rem) - 100%);
}
.content-flex-33 {
  --c8y-multiplier: calc((33 * 1rem) - 100%);
}
.content-flex-34 {
  --c8y-multiplier: calc((34 * 1rem) - 100%);
}
.content-flex-35 {
  --c8y-multiplier: calc((35 * 1rem) - 100%);
}
.content-flex-36 {
  --c8y-multiplier: calc((36 * 1rem) - 100%);
}
.content-flex-37 {
  --c8y-multiplier: calc((37 * 1rem) - 100%);
}
.content-flex-38 {
  --c8y-multiplier: calc((38 * 1rem) - 100%);
}
.content-flex-39 {
  --c8y-multiplier: calc((39 * 1rem) - 100%);
}
.content-flex-40 {
  --c8y-multiplier: calc((40 * 1rem) - 100%);
}
.content-flex-41 {
  --c8y-multiplier: calc((41 * 1rem) - 100%);
}
.content-flex-42 {
  --c8y-multiplier: calc((42 * 1rem) - 100%);
}
.content-flex-43 {
  --c8y-multiplier: calc((43 * 1rem) - 100%);
}
.content-flex-44 {
  --c8y-multiplier: calc((44 * 1rem) - 100%);
}
.content-flex-45 {
  --c8y-multiplier: calc((45 * 1rem) - 100%);
}
.content-flex-46 {
  --c8y-multiplier: calc((46 * 1rem) - 100%);
}
.content-flex-47 {
  --c8y-multiplier: calc((47 * 1rem) - 100%);
}
.content-flex-48 {
  --c8y-multiplier: calc((48 * 1rem) - 100%);
}
.content-flex-49 {
  --c8y-multiplier: calc((49 * 1rem) - 100%);
}
.content-flex-50 {
  --c8y-multiplier: calc((50 * 1rem) - 100%);
}
.content-flex-51 {
  --c8y-multiplier: calc((51 * 1rem) - 100%);
}
.content-flex-52 {
  --c8y-multiplier: calc((52 * 1rem) - 100%);
}
.content-flex-53 {
  --c8y-multiplier: calc((53 * 1rem) - 100%);
}
.content-flex-54 {
  --c8y-multiplier: calc((54 * 1rem) - 100%);
}
.content-flex-55 {
  --c8y-multiplier: calc((55 * 1rem) - 100%);
}
.content-flex-56 {
  --c8y-multiplier: calc((56 * 1rem) - 100%);
}
.content-flex-57 {
  --c8y-multiplier: calc((57 * 1rem) - 100%);
}
.content-flex-58 {
  --c8y-multiplier: calc((58 * 1rem) - 100%);
}
.content-flex-59 {
  --c8y-multiplier: calc((59 * 1rem) - 100%);
}
.content-flex-60 {
  --c8y-multiplier: calc((60 * 1rem) - 100%);
}
.content-flex-61 {
  --c8y-multiplier: calc((61 * 1rem) - 100%);
}
.content-flex-62 {
  --c8y-multiplier: calc((62 * 1rem) - 100%);
}
.content-flex-63 {
  --c8y-multiplier: calc((63 * 1rem) - 100%);
}
.content-flex-64 {
  --c8y-multiplier: calc((64 * 1rem) - 100%);
}
.content-flex-65 {
  --c8y-multiplier: calc((65 * 1rem) - 100%);
}
.content-flex-66 {
  --c8y-multiplier: calc((66 * 1rem) - 100%);
}
.content-flex-67 {
  --c8y-multiplier: calc((67 * 1rem) - 100%);
}
.content-flex-68 {
  --c8y-multiplier: calc((68 * 1rem) - 100%);
}
.content-flex-69 {
  --c8y-multiplier: calc((69 * 1rem) - 100%);
}
.content-flex-70 {
  --c8y-multiplier: calc((70 * 1rem) - 100%);
}
.content-flex-71 {
  --c8y-multiplier: calc((71 * 1rem) - 100%);
}
.content-flex-72 {
  --c8y-multiplier: calc((72 * 1rem) - 100%);
}
.content-flex-73 {
  --c8y-multiplier: calc((73 * 1rem) - 100%);
}
.content-flex-74 {
  --c8y-multiplier: calc((74 * 1rem) - 100%);
}
.content-flex-75 {
  --c8y-multiplier: calc((75 * 1rem) - 100%);
}
.content-flex-76 {
  --c8y-multiplier: calc((76 * 1rem) - 100%);
}
.content-flex-77 {
  --c8y-multiplier: calc((77 * 1rem) - 100%);
}
.content-flex-78 {
  --c8y-multiplier: calc((78 * 1rem) - 100%);
}
.content-flex-79 {
  --c8y-multiplier: calc((79 * 1rem) - 100%);
}
.content-flex-80 {
  --c8y-multiplier: calc((80 * 1rem) - 100%);
}
.content-flex-81 {
  --c8y-multiplier: calc((81 * 1rem) - 100%);
}
.content-flex-82 {
  --c8y-multiplier: calc((82 * 1rem) - 100%);
}
.content-flex-83 {
  --c8y-multiplier: calc((83 * 1rem) - 100%);
}
.content-flex-84 {
  --c8y-multiplier: calc((84 * 1rem) - 100%);
}
.content-flex-85 {
  --c8y-multiplier: calc((85 * 1rem) - 100%);
}
.content-flex-86 {
  --c8y-multiplier: calc((86 * 1rem) - 100%);
}
.content-flex-87 {
  --c8y-multiplier: calc((87 * 1rem) - 100%);
}
.content-flex-88 {
  --c8y-multiplier: calc((88 * 1rem) - 100%);
}
.content-flex-89 {
  --c8y-multiplier: calc((89 * 1rem) - 100%);
}
.content-flex-90 {
  --c8y-multiplier: calc((90 * 1rem) - 100%);
}
.content-flex-91 {
  --c8y-multiplier: calc((91 * 1rem) - 100%);
}
.content-flex-92 {
  --c8y-multiplier: calc((92 * 1rem) - 100%);
}
.content-flex-93 {
  --c8y-multiplier: calc((93 * 1rem) - 100%);
}
.content-flex-94 {
  --c8y-multiplier: calc((94 * 1rem) - 100%);
}
.content-flex-95 {
  --c8y-multiplier: calc((95 * 1rem) - 100%);
}
.content-flex-96 {
  --c8y-multiplier: calc((96 * 1rem) - 100%);
}
.content-flex-97 {
  --c8y-multiplier: calc((97 * 1rem) - 100%);
}
.content-flex-98 {
  --c8y-multiplier: calc((98 * 1rem) - 100%);
}
.content-flex-99 {
  --c8y-multiplier: calc((99 * 1rem) - 100%);
}
.content-flex-100 {
  --c8y-multiplier: calc((100 * 1rem) - 100%);
}
.content-flex-101 {
  --c8y-multiplier: calc((101 * 1rem) - 100%);
}
.content-flex-102 {
  --c8y-multiplier: calc((102 * 1rem) - 100%);
}
.content-flex-103 {
  --c8y-multiplier: calc((103 * 1rem) - 100%);
}
.content-flex-104 {
  --c8y-multiplier: calc((104 * 1rem) - 100%);
}
.content-flex-105 {
  --c8y-multiplier: calc((105 * 1rem) - 100%);
}
.content-flex-106 {
  --c8y-multiplier: calc((106 * 1rem) - 100%);
}
.content-flex-107 {
  --c8y-multiplier: calc((107 * 1rem) - 100%);
}
.content-flex-108 {
  --c8y-multiplier: calc((108 * 1rem) - 100%);
}
.content-flex-109 {
  --c8y-multiplier: calc((109 * 1rem) - 100%);
}
.content-flex-110 {
  --c8y-multiplier: calc((110 * 1rem) - 100%);
}
.content-flex-111 {
  --c8y-multiplier: calc((111 * 1rem) - 100%);
}
.content-flex-112 {
  --c8y-multiplier: calc((112 * 1rem) - 100%);
}
.content-flex-113 {
  --c8y-multiplier: calc((113 * 1rem) - 100%);
}
.content-flex-114 {
  --c8y-multiplier: calc((114 * 1rem) - 100%);
}
.content-flex-115 {
  --c8y-multiplier: calc((115 * 1rem) - 100%);
}
.content-flex-116 {
  --c8y-multiplier: calc((116 * 1rem) - 100%);
}
.content-flex-117 {
  --c8y-multiplier: calc((117 * 1rem) - 100%);
}
.content-flex-118 {
  --c8y-multiplier: calc((118 * 1rem) - 100%);
}
.content-flex-119 {
  --c8y-multiplier: calc((119 * 1rem) - 100%);
}
.content-flex-120 {
  --c8y-multiplier: calc((120 * 1rem) - 100%);
}
.content-flex-121 {
  --c8y-multiplier: calc((121 * 1rem) - 100%);
}
.content-flex-122 {
  --c8y-multiplier: calc((122 * 1rem) - 100%);
}
.content-flex-123 {
  --c8y-multiplier: calc((123 * 1rem) - 100%);
}
.content-flex-124 {
  --c8y-multiplier: calc((124 * 1rem) - 100%);
}
.content-flex-125 {
  --c8y-multiplier: calc((125 * 1rem) - 100%);
}
.content-flex-126 {
  --c8y-multiplier: calc((126 * 1rem) - 100%);
}
.content-flex-127 {
  --c8y-multiplier: calc((127 * 1rem) - 100%);
}
.content-flex-128 {
  --c8y-multiplier: calc((128 * 1rem) - 100%);
}
.content-flex-129 {
  --c8y-multiplier: calc((129 * 1rem) - 100%);
}
.content-flex-130 {
  --c8y-multiplier: calc((130 * 1rem) - 100%);
}
.content-flex-131 {
  --c8y-multiplier: calc((131 * 1rem) - 100%);
}
.content-flex-132 {
  --c8y-multiplier: calc((132 * 1rem) - 100%);
}
.content-flex-133 {
  --c8y-multiplier: calc((133 * 1rem) - 100%);
}
.content-flex-134 {
  --c8y-multiplier: calc((134 * 1rem) - 100%);
}
.content-flex-135 {
  --c8y-multiplier: calc((135 * 1rem) - 100%);
}
.content-flex-136 {
  --c8y-multiplier: calc((136 * 1rem) - 100%);
}
.content-flex-137 {
  --c8y-multiplier: calc((137 * 1rem) - 100%);
}
.content-flex-138 {
  --c8y-multiplier: calc((138 * 1rem) - 100%);
}
.content-flex-139 {
  --c8y-multiplier: calc((139 * 1rem) - 100%);
}
.content-flex-140 {
  --c8y-multiplier: calc((140 * 1rem) - 100%);
}
.content-flex-141 {
  --c8y-multiplier: calc((141 * 1rem) - 100%);
}
.content-flex-142 {
  --c8y-multiplier: calc((142 * 1rem) - 100%);
}
.content-flex-143 {
  --c8y-multiplier: calc((143 * 1rem) - 100%);
}
.content-flex-144 {
  --c8y-multiplier: calc((144 * 1rem) - 100%);
}
.content-flex-145 {
  --c8y-multiplier: calc((145 * 1rem) - 100%);
}
.content-flex-146 {
  --c8y-multiplier: calc((146 * 1rem) - 100%);
}
.content-flex-147 {
  --c8y-multiplier: calc((147 * 1rem) - 100%);
}
.content-flex-148 {
  --c8y-multiplier: calc((148 * 1rem) - 100%);
}
.content-flex-149 {
  --c8y-multiplier: calc((149 * 1rem) - 100%);
}
.content-flex-150 {
  --c8y-multiplier: calc((150 * 1rem) - 100%);
}
[class*="content-flex-"] .col-1 {
  min-width: calc((8.33333333% * 1) - (var(--c8y-margin) * 2));
}
[class*="content-flex-"] .col-2 {
  min-width: calc((8.33333333% * 2) - (var(--c8y-margin) * 2));
}
[class*="content-flex-"] .col-3 {
  min-width: calc((8.33333333% * 3) - (var(--c8y-margin) * 2));
}
[class*="content-flex-"] .col-4 {
  min-width: calc((8.33333333% * 4) - (var(--c8y-margin) * 2));
}
[class*="content-flex-"] .col-5 {
  min-width: calc((8.33333333% * 5) - (var(--c8y-margin) * 2));
}
[class*="content-flex-"] .col-6 {
  min-width: calc((8.33333333% * 6) - (var(--c8y-margin) * 2));
}
[class*="content-flex-"] .col-7 {
  min-width: calc((8.33333333% * 7) - (var(--c8y-margin) * 2));
}
[class*="content-flex-"] .col-8 {
  min-width: calc((8.33333333% * 8) - (var(--c8y-margin) * 2));
}
[class*="content-flex-"] .col-9 {
  min-width: calc((8.33333333% * 9) - (var(--c8y-margin) * 2));
}
[class*="content-flex-"] .col-10 {
  min-width: calc((8.33333333% * 10) - (var(--c8y-margin) * 2));
}
[class*="content-flex-"] .col-11 {
  min-width: calc((8.33333333% * 11) - (var(--c8y-margin) * 2));
}
[class*="content-flex-"] .col-12 {
  min-width: calc((8.33333333% * 12) - (var(--c8y-margin) * 2));
}
/* generate classes for setting two columns on a 12 columns grid */
/* generate classes for setting  two rows on a 12 rows grid
  example: grid__row-4-6
*/
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background-color: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  margin: 0.67em 0;
  font-size: 2em;
}
mark {
  background: var(--palette-pear-8);
  color: black;
}
small {
  font-size: 80%;
}
sub,
sup {
  position: relative;
  vertical-align: baseline;
  font-size: 75%;
  line-height: 0;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-size: 1em;
  font-family: monospace, monospace;
}
button,
input,
optgroup,
select,
textarea {
  margin: 0;
  color: inherit;
  font: inherit;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}
input {
  line-height: normal;
}
input[type='checkbox'],
input[type='radio'] {
  box-sizing: border-box;
  padding: 0;
}
input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
  height: auto;
}
input[type='search'] {
  box-sizing: content-box;
  -webkit-appearance: textfield;
}
input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
  border: 1px solid var(--c8y-palette-gray-70);
}
legend {
  padding: 0;
  border: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-spacing: 0;
  border-collapse: collapse;
}
td,
th {
  padding: 0;
}
@media print {
  body {
    --c8y-elevation-sm: 0 0 0 1px rgba(var(--c8y-elevation-color), 0.1);
    transform: scale(0.97);
  }
  *,
  *:before,
  *:after {
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href^='#']:after,
  a[href^='javascript:']:after {
    content: '';
  }
  pre,
  blockquote {
    border: 1px solid var(--c8y-palette-gray-60);
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  .navbar {
    display: none;
  }
  .btn > .caret,
  .dropup > .btn > .caret {
    border-top-color: black !important;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table td,
  .table th {
    background-color: var(--c8y-component-background-default, var(--c8y-root-component-background-default)) !important;
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid var(--c8y-palette-gray-90) !important;
  }
  .navigator,
  .app-main-header {
    display: none !important;
  }
  .c8y-ui-action-bar {
    position: static !important;
  }
  .mcontainer {
    all: unset;
    margin-top: 0;
    margin-left: 0 !important;
    padding: 0 24px !important;
  }
  .mcontainer:has(.dashboard) {
    padding: 0 !important;
  }
  .mcontainer > .container-fluid {
    padding-bottom: 0;
  }
  .c8y-ui-action-bar {
    top: 0 !important;
    left: 0 !important;
    box-shadow: none !important;
  }
  .dashboard {
    top: 0;
    left: 0;
    z-index: 1085 !important;
    overflow-y: auto;
    margin: 0 !important;
    padding-top: calc(var(--c8y-unit-base) * 4) !important;
    padding-bottom: 24px !important;
    width: 100vw;
    height: 99vh;
  }
  .dashboard::-webkit-scrollbar {
    width: 4px;
    /* for vertical scrollbars */
    height: 4px;
    /* for horizontal scrollbars */
  }
  .dashboard::-webkit-scrollbar-track {
    background: transparent;
  }
  .dashboard::-webkit-scrollbar-track:not(textarea) {
    background: var(--c8y-component-scrollbar-track, var(--c8y-root-component-scrollbar-track));
  }
  .dashboard::-webkit-scrollbar-thumb {
    width: 4px;
    border-radius: 1px;
    background: var(--c8y-component-scrollbar-thumb-default, var(--c8y-root-component-scrollbar-thumb-default));
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
  }
  .dashboard:hover::-webkit-scrollbar-thumb {
    background: var(--c8y-component-scrollbar-thumb-hover, var(--c8y-root-component-scrollbar-thumb-hover));
  }
  .dashboard .dashboard {
    padding-bottom: 0 !important;
    all: unset !important;
  }
  .dashboard .dashboard-container {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .page-tabs:not(.c8y-top-drawer--tabs) {
    display: none !important;
  }
  .dashboard,
  body,
  html {
    overflow: unset !important;
    min-height: unset !important;
  }
}
.fade {
  opacity: 0;
  transition: opacity 0.15s linear;
}
.fade.in,
.fade.show {
  opacity: 1;
}
.collapse {
  display: none;
}
.collapse.in {
  display: block;
}
tr .collapse.in {
  display: table-row;
}
tbody .collapse.in {
  display: table-row-group;
}
.collapsing {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 0;
  transition-property: height, visibility;
  transition-duration: 0.35s;
  transition-timing-function: ease;
}
.component-pulse {
  animation-name: pulseComponent;
  animation-duration: 1s;
}
@keyframes pulseComponent {
  0%,
  20%,
  50% {
    background-color: var(--c8y-component-realtime-added, var(--c8y-root-component-realtime-added));
  }
  35%,
  100% {
    background-color: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  }
}
.fadeAnim.ng-enter,
.fadeAnim.ng-leave {
  transition: 0.5s linear all;
}
.fadeAnim.ng-enter,
.fadeAnim.ng-leave-active {
  opacity: 0;
}
.fadeAnim.ng-enter-active,
.fadeAnim.ng-leave {
  opacity: 1;
}
/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.6.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2018 Daniel Eden
 */
.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}
.animated.fast {
  animation-duration: 0.35s;
}
.animated.infinite {
  animation-iteration-count: infinite;
}
@keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 0, 0);
  }
  40%,
  43% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    transform: translate3d(0, -4px, 0);
  }
}
.bounce {
  animation-name: bounce;
  transform-origin: center bottom;
}
@keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
.flash {
  animation-name: flash;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes pulse {
  from {
    transform: scale3d(1, 1, 1);
  }
  50% {
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
.pulse {
  animation-name: pulse;
}
@keyframes shake {
  from,
  to {
    transform: translate3d(0, 0, 0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    transform: translate3d(-10px, 0, 0);
  }
  20%,
  40%,
  60%,
  80% {
    transform: translate3d(10px, 0, 0);
  }
}
.shake {
  animation-name: shake;
}
@keyframes vibrate {
  0%,
  2%,
  4%,
  6%,
  8%,
  10%,
  12%,
  14%,
  16%,
  18% {
    transform: translate3d(-1px, 0, 0);
  }
  1%,
  3%,
  5%,
  7%,
  9%,
  11%,
  13%,
  15%,
  17%,
  19% {
    transform: translate3d(1px, 0, 0);
  }
  20%,
  100% {
    transform: translate3d(0, 0, 0);
  }
}
.vibrate {
  perspective: 300px;
  transition-duration: 2s;
  transition-timing-function: cubic-bezier(0.36, 0.07, 0.19, 0.97);
  animation-name: vibrate;
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fadeIn {
  animation-name: fadeIn;
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.fadeInDown {
  animation-name: fadeInDown;
}
@keyframes fadeInDownBig {
  from {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.fadeInDownBig {
  animation-name: fadeInDownBig;
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.fadeInLeft {
  animation-name: fadeInLeft;
}
@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.fadeInLeftBig {
  animation-name: fadeInLeftBig;
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.fadeInRight {
  animation-name: fadeInRight;
}
@keyframes fadeInRightBig {
  from {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.fadeInRightBig {
  animation-name: fadeInRightBig;
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.fadeInUp {
  animation-name: fadeInUp;
}
@keyframes fadeInUpBig {
  from {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.fadeInUpBig {
  animation-name: fadeInUpBig;
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.fadeOut {
  animation-name: fadeOut;
}
@keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
}
.fadeOutDown {
  animation-name: fadeOutDown;
}
@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
.fadeOutDownBig {
  animation-name: fadeOutDownBig;
}
@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
}
.fadeOutLeft {
  animation-name: fadeOutLeft;
}
@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}
.fadeOutLeftBig {
  animation-name: fadeOutLeftBig;
}
@keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
}
.fadeOutRight {
  animation-name: fadeOutRight;
}
@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}
.fadeOutRightBig {
  animation-name: fadeOutRightBig;
}
@keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
}
.fadeOutUp {
  animation-name: fadeOutUp;
}
@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
.fadeOutUpBig {
  animation-name: fadeOutUpBig;
}
@keyframes slideInDown {
  from {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.slideInDown {
  animation-name: slideInDown;
}
@keyframes slideInLeft {
  from {
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.slideInLeft {
  animation-name: slideInLeft;
}
@keyframes slideInRight {
  from {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.slideInRight {
  animation-name: slideInRight;
}
@keyframes slideInUp {
  from {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.slideInUp {
  animation-name: slideInUp;
}
@keyframes slideOutDown {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
.slideOutDown {
  animation-name: slideOutDown;
}
@keyframes slideOutLeft {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(-100%, 0, 0);
  }
}
.slideOutLeft {
  animation-name: slideOutLeft;
}
@keyframes slideOutRight {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
.slideOutRight {
  animation-name: slideOutRight;
}
@keyframes slideOutUp {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, -100%, 0);
  }
}
.slideOutUp {
  animation-name: slideOutUp;
}
@keyframes zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
.zoomIn {
  animation-name: zoomIn;
}
.ui-select-offscreen {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  outline: 0 !important;
  border: 0 !important;
}
body .selectize-input {
  min-height: 0;
  display: block;
  padding: var(--c8y-form-control-padding-base-vertical) var(--c8y-form-control-padding-base-horizontal);
  width: 100%;
  height: var(--c8y-form-control-height-base);
  border: 0;
  border-radius: var(--c8y-form-control-border-radius);
  background-color: var(--c8y-form-control-background-default);
  background-image: none;
  box-shadow: inset 0 0 0 var(--c8y-form-control-border-width, 1px) var(--c8y-form-control-border-color-default);
  color: var(--c8y-form-control-color-default);
  font-weight: var(--c8y-form-control-font-weight);
  font-size: var(--c8y-font-size-base);
  font-family: var(--font-family-base, var(--c8y-form-control-font-family));
  line-height: var(--c8y-form-control-line-height);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
body .selectize-input:focus {
  border-color: var(--c8y-form-control-border-color-focus);
  outline: 0;
  box-shadow: inset 0 0 0 2px var(--c8y-form-control-border-color-focus);
  background-color: var(--c8y-form-control-background-focus);
  color: var(--c8y-form-control-color-focus);
}
body .selectize-input::-moz-placeholder {
  color: var(--c8y-form-control-placeholder-color);
  opacity: 1;
  font-style: italic;
}
body .selectize-input:-ms-input-placeholder {
  color: var(--c8y-form-control-placeholder-color);
  font-style: italic;
}
body .selectize-input::-webkit-input-placeholder {
  color: var(--c8y-form-control-placeholder-color);
  font-style: italic;
}
body .selectize-input::-moz-placeholder {
  color: var(--c8y-form-control-placeholder-color);
  opacity: 1;
  font-style: var(--c8y-form-control-placeholder-font-style);
}
body .selectize-input:-ms-input-placeholder {
  color: var(--c8y-form-control-placeholder-color);
  font-style: var(--c8y-form-control-placeholder-font-style);
}
body .selectize-input::-webkit-input-placeholder {
  color: var(--c8y-form-control-placeholder-color);
  font-style: var(--c8y-form-control-placeholder-font-style);
}
body .selectize-input:has(.c8y-colorpicker) {
  width: auto;
}
body .selectize-input[disabled],
fieldset[disabled] body .selectize-input {
  opacity: var(--c8y-form-control-disabled-opacity);
}
body .selectize-input[readonly],
body .selectize-input[readonly]:focus {
  background-color: var(--c8y-form-control-background-default);
  color: var(--c8y-component-color-text-muted, var(--c8y-root-component-color-text-muted));
  opacity: 1;
}
body .selectize-input[disabled],
fieldset[disabled] body .selectize-input {
  cursor: not-allowed;
}
textarea body .selectize-input {
  height: auto;
}
body .selectize-input:not(:first-child):not(:last-child) {
  border-radius: 0;
}
body .selectize-input.focus {
  outline: 0;
  border: 0;
  box-shadow: inset 0 0 0 2px var(--c8y-form-control-border-color-focus);
}
body .selectize-control.single .selectize-input {
  position: relative;
  padding-right: 24px;
  appearance: none;
}
body .selectize-control.single .selectize-input:after {
  display: inline-block;
  text-decoration: inherit;
  text-transform: none;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  font-family: 'c8y-glyphs' !important;
  line-height: 1;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  position: absolute;
  top: 50%;
  right: 5px;
  margin: 0;
  width: auto;
  height: auto;
  border: 0;
  color: var(--c8y-component-brand-primary, var(--c8y-root-component-brand-primary));
  content: '\f101';
  font-size: 18px;
  transform: translate(0, -50%);
  pointer-events: none;
}
body .form-control.selectize-control.single.ng-invalid-required.ng-touched .selectize-input {
  box-shadow: inset 1px 0 0 0 var(--c8y-form-control-border-color-default), inset -1px 0 0 0 var(--c8y-form-control-border-color-default), inset 0 1px 0 0 var(--c8y-form-control-border-color-default), inset 0 -4px 0 var(--palette-status-danger, var(--c8y-form-validation-color-error));
}
body .form-control.selectize-control.single.ng-invalid-required.ng-touched .selectize-input.focus,
body .form-control.selectize-control.single.ng-invalid-required.ng-touched .selectize-input.selectize-focus {
  box-shadow: inset 2px 0 0 0 var(--c8y-form-control-border-color-focus), inset -2px 0 0 0 var(--c8y-form-control-border-color-focus), inset 0 2px 0 0 var(--c8y-form-control-border-color-focus), inset 0 -4px 0 var(--palette-status-danger, var(--c8y-form-validation-color-error));
}
body > .ui-select-container {
  z-index: 1050;
}
body .selectize-container .form-control.selectize-control.open {
  position: relative;
}
body .selectize-container .form-control.selectize-control.open:before {
  position: absolute;
  top: -15px;
  right: -15px;
  left: -15px;
  z-index: 0;
  height: 15px;
  border: 1px solid var(--c8y-form-control-border-color-default);
  border-bottom: 0;
  background-color: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  box-shadow: 0 20px 15px rgba(0, 0, 0, 0.1);
}
body .selectize-container .form-control.selectize-control.open .selectize-input {
  position: relative;
  z-index: 10;
}
body .selectize-container label {
  position: relative;
  z-index: 5;
}
body .selectize-container label + .form-control.selectize-control.open:before {
  top: -30px;
  height: 30px;
}
body .ui-select-match {
  position: absolute;
  top: 5px;
  overflow: hidden;
  padding-right: 40px;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body .ui-select-choices {
  opacity: 1 !important;
}
body .ui-select-choices.ng-hide {
  opacity: 0 !important;
}
body input.ui-select-search[placeholder] {
  overflow: hidden;
  width: 100%;
  text-overflow: ellipsis;
}
body .ui-select-choices-row-inner,
body .ui-select-choices-row-inner > * {
  overflow: hidden;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body .selectize-dropdown,
body .selectize-input,
body .selectize-input input {
  color: var(--c8y-form-control-color-default);
  font-size: inherit;
  font-family: inherit;
  line-height: 1.42857143;
  -webkit-font-smoothing: inherit;
}
body .selectize-control.single .selectize-input.input-active,
body .selectize-input {
  display: inline-block;
  background: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  color: var(--c8y-component-color-default, var(--c8y-root-component-color-default));
  cursor: text;
}
body .selectize-input {
  position: relative;
  z-index: 1;
  display: flex;
  overflow: hidden;
  border: 0;
}
.selectize-control.multi body .selectize-input.has-items {
  padding: 4px 10px 1px;
}
body .selectize-input.full {
  background-color: var(--c8y-palette-high);
}
body .selectize-input.disabled,
body .selectize-input.disabled * {
  cursor: default !important;
}
body .selectize-input.focus,
body .selectize-input.selectize-focus {
  position: relative;
  z-index: 13;
  outline: 0;
  background-color: var(--c8y-form-control-background-focus);
  color: var(--c8y-form-control-border-color-focus);
  box-shadow: inset 0 0 0 2px var(--c8y-form-control-border-color-focus);
}
body .selectize-input.focus ~ input,
body .selectize-input.selectize-focus ~ input {
  color: var(--c8y-form-control-border-color-focus);
}
body .selectize-input > * {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
}
.selectize-control.multi body .selectize-input > div {
  margin: 0 3px 3px 0;
  padding: 2px 6px;
  border: 0 solid var(--c8y-palette-gray-80);
  background: var(--c8y-palette-gray-90);
  color: var(--c8y-form-control-color-default);
  cursor: pointer;
}
.selectize-control.multi body .selectize-input > div.active {
  border: 0 solid var(--c8y-palette-gray-80);
  background: var(--c8y-palette-gray-90);
  color: var(--c8y-component-color-active, var(--c8y-root-component-color-active));
}
.selectize-control.multi body .selectize-input.disabled > div,
.selectize-control.multi body .selectize-input.disabled > div.active {
  border: 0 solid var(--c8y-palette-gray-80);
  filter: brightness(1.2);
}
body .selectize-input > input {
  margin: 0 2px 0 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
  max-width: 100% !important;
  max-height: none !important;
  border: 0 none !important;
  background: none !important;
  text-indent: 0 !important;
  line-height: inherit !important;
  user-select: auto !important;
  -webkit-user-select: auto !important;
  box-shadow: none !important;
}
body .selectize-input > input:focus {
  outline: none !important;
}
body .selectize-input::after {
  display: block;
  clear: left;
  content: ' ';
}
body .selectize-input.dropdown-active::before {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  height: 1px;
  background: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  content: ' ';
}
body .selectize-dropdown {
  position: absolute;
  z-index: 9;
  margin: -1px 0 0;
  border: 1px solid var(--c8y-form-control-border-color-default);
  background-color: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  box-sizing: border-box;
  box-shadow: 0 20px 15px rgba(0, 0, 0, 0.1);
}
body .selectize-dropdown [data-selectable] {
  overflow: hidden;
  cursor: pointer;
}
body .selectize-dropdown [data-selectable] .highlight {
  background: var(--c8y-brand-7);
}
body .selectize-dropdown .optgroup-header,
body .selectize-dropdown [data-selectable] {
  padding: 5px 10px;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
}
body .selectize-dropdown .optgroup:first-child .optgroup-header {
  border-top: 0 none;
}
body .selectize-dropdown .optgroup-header {
  background: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  color: var(--c8y-form-control-color-default);
  cursor: default;
}
body .selectize-dropdown .active,
body .selectize-dropdown .active:not(.selected),
body .selectize-dropdown .ui-select-choices-row:hover {
  background-color: var(--c8y-component-background-active, var(--c8y-root-component-background-active));
  color: var(--c8y-component-color-active, var(--c8y-root-component-color-active));
}
body .selectize-dropdown .active.create,
body .selectize-dropdown .active:not(.selected).create,
body .selectize-dropdown .ui-select-choices-row:hover.create {
  color: var(--c8y-component-color-active, var(--c8y-root-component-color-active));
}
body .selectize-dropdown .create {
  color: var(--c8y-component-color-active, var(--c8y-root-component-color-active));
}
.selectize-dropdown-content {
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0 !important;
  max-height: 200px;
}
.selectize-control.single .selectize-input + .selectize-dropdown {
  top: -7px;
  right: -7px;
  left: -7px;
  z-index: 9;
  padding-top: 42px;
  width: auto;
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-radius: var(--c8y-component-border-radius-base, var(--c8y-root-component-border-radius-base));
}
.selectize-control.single.direction-up .selectize-input.focus + .selectize-dropdown {
  z-index: 9;
  margin-top: -2px;
  padding-top: 0;
  padding-bottom: 40px;
}
.selectize-control.single .selectize-input,
.selectize-control.single .selectize-input input {
  cursor: pointer;
}
.selectize-control.single .selectize-input.input-active,
.selectize-control.single .selectize-input.input-active input {
  cursor: text;
}
.selectize-control.single .selectize-input.dropdown-active:after {
  margin-top: -4px;
  border-width: 0 5px 5px 5px;
  border-color: transparent;
  border-bottom-color: var(--c8y-component-brand-primary, var(--c8y-root-component-brand-primary));
}
.selectize-control.rtl.single .selectize-input:after {
  right: auto;
  left: calc(var(--c8y-unit-base) * 2);
}
.selectize-control.rtl .selectize-input > input {
  margin: 0 4px 0 -2px !important;
}
.selectize-control .selectize-input.disabled {
  background-color: var(--c8y-palette-gray-100);
  opacity: 0.5;
}
.form-control.selectize-control {
  position: relative;
  padding: 0;
  height: auto;
  border: none;
  border-radius: 0;
  background: 0 0;
  box-shadow: none;
}
* {
  box-sizing: border-box;
  outline-color: var(--c8y-component-color-focus, var(--c8y-root-component-color-focus));
}
*:before,
*:after {
  box-sizing: border-box;
}
html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  overflow-x: hidden;
  background-color: var(--body-background-color, var(--c8y-body-background-color));
  color: var(--text-color, var(--c8y-component-color-default, var(--c8y-root-component-color-default)));
  font-size: var(--c8y-font-size-base);
  font-family: var(--font-family-base, var(--c8y-font-family-base, var(--c8y-font-family-sans-serif)));
  line-height: var(--c8y-line-height-base, 1.42857143);
}
input,
button,
select,
textarea {
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
}
a {
  color: var(--link-color, var(--c8y-component-color-link, var(--c8y-root-component-color-link)));
  text-decoration: none;
}
a:hover,
a:focus {
  color: var(--link-hover-color, var(--c8y-component-color-link-hover, var(--c8y-root-component-color-link-hover)));
  text-decoration: underline;
}
a:focus {
  outline: thin dotted;
  outline: 2px auto var(--c8y-component-color-focus, var(--c8y-root-component-color-focus));
  outline-offset: 0;
}
a.no-decoration:hover,
a.no-decoration:focus {
  outline: none;
  text-decoration: none;
}
a.no-decoration:focus {
  outline: 2px solid var(--c8y-component-color-focus, var(--c8y-root-component-color-focus));
  border-radius: var(--c8y-component-border-radius-focus, var(--c8y-root-component-border-radius-focus));
}
a.text-muted:hover,
a.text-muted:focus {
  color: var(--link-color, var(--c8y-component-color-link, var(--c8y-root-component-color-link)));
  text-decoration: none;
}
figure {
  margin: 0;
}
img {
  vertical-align: middle;
}
.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}
.img-square {
  aspect-ratio: 1;
  width: 100%;
  object-fit: scale-down;
}
.img-rounded {
  border-radius: var(--c8y-component-border-radius-large, var(--c8y-root-component-border-radius-large));
}
.img-thumbnail {
  padding: 4px;
  border: 1px solid transparent;
  border-radius: var(--c8y-component-border-radius-base, var(--c8y-root-component-border-radius-base));
  background-color: var(--body-background-color, var(--c8y-body-background-color));
  line-height: var(--c8y-line-height-base, 1.42857143);
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto;
}
.img-circle {
  border-radius: 50%;
}
hr {
  margin-top: calc(var(--c8y-font-size-base) * var(--c8y-line-height-base, 1.42857143));
  margin-bottom: calc(var(--c8y-font-size-base) * var(--c8y-line-height-base, 1.42857143));
  border: 0;
  border-top: 1px solid var(--c8y-component-border-color, var(--c8y-root-component-border-color));
}
.sr-only,
.cdk-visually-hidden {
  position: absolute !important;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  overflow: visible;
  clip: auto;
  margin: 0;
  width: auto;
  height: auto;
  z-index: 10;
}
[role='button'] {
  cursor: pointer;
}
.alert {
  margin-bottom: var(--c8y-unit-base);
  padding: var(--c8y-alert-padding);
  max-width: var(--c8y-alert-max-width);
  border-radius: var(--c8y-component-border-radius-base, var(--c8y-root-component-border-radius-base));
  word-wrap: break-word;
  overflow-wrap: break-word;
  box-shadow: var(--c8y-elevation-sm);
}
.alert > span {
  white-space: pre-line;
}
.alert:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  display: inline-flex;
  justify-content: center;
  width: 44px;
  border-left: var(--c8y-alert-border-width) var(--c8y-alert-border-style) transparent;
  text-align: center;
  font-size: var(--c8y-alert-status-symbol-size);
  font-family: var(--c8y-alert-status-symbol-font-family);
  line-height: 2.2;
  transform: translate(0, 0);
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.alert h4 {
  margin-top: 0;
  color: inherit;
}
.alert > p,
.alert > ul {
  margin-bottom: 0;
}
.alert > p + p {
  margin-top: var(--c8y-unit-base);
}
.alert > .close {
  margin-left: var(--c8y-unit-base);
}
.alert.c8y-prompt {
  margin-bottom: 0;
  padding: calc(var(--c8y-unit-base) * 5);
}
.alert.c8y-prompt:before {
  content: '' !important;
}
.alert.c8y-prompt h3 {
  font-weight: 500;
  font-size: 20px;
}
.alert.c8y-prompt h3 > [class^='dlt-c8y-icon-'],
.alert.c8y-prompt h3 > [class*=' dlt-c8y-icon-'] {
  margin-right: 4px;
  font-size: 24px;
}
.alert.c8y-prompt .alert-footer {
  padding: calc(var(--c8y-unit-base) * 5) 0 0;
  text-align: right;
}
.alert.c8y-prompt .alert-footer button {
  margin-bottom: 0 !important;
}
.alert.c8y-prompt.alert-success h3 > i,
.alert.c8y-prompt.alert-success h3 > [class^='dlt-c8y-icon-'],
.alert.c8y-prompt.alert-success h3 > [class*=' dlt-c8y-icon-'] {
  color: var(--palette-status-success, var(--c8y-alert-status-success));
}
.alert.c8y-prompt.alert-warning:before {
  z-index: 10;
}
.alert.c8y-prompt.alert-warning h3 > i,
.alert.c8y-prompt.alert-warning h3 > [class^='dlt-c8y-icon-'],
.alert.c8y-prompt.alert-warning h3 > [class*=' dlt-c8y-icon-'] {
  color: var(--palette-status-warning, var(--c8y-alert-status-warning));
}
.alert.c8y-prompt.alert-danger h3 > i,
.alert.c8y-prompt.alert-danger h3 > [class^='dlt-c8y-icon-'],
.alert.c8y-prompt.alert-danger h3 > [class*=' dlt-c8y-icon-'] {
  color: var(--palette-status-danger, var(--c8y-alert-status-danger));
}
.alert.c8y-prompt.alert-info h3 > i,
.alert.c8y-prompt.alert-info h3 > [class^='dlt-c8y-icon-'],
.alert.c8y-prompt.alert-info h3 > [class*=' dlt-c8y-icon-'] {
  color: var(--palette-status-info, var(--c8y-alert-status-info));
}
.alert-dismissable,
.alert-dismissible {
  padding-right: calc(var(--c8y-component-padding, var(--c8y-root-component-padding)) + 20);
}
.alert-dismissable .close,
.alert-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
}
.alert-success {
  position: relative;
  border-color: var(--palette-status-success, var(--c8y-alert-status-success));
  background-color: var(--c8y-alert-background-default);
  color: var(--c8y-alert-color-default);
}
.alert-success:before {
  border-color: var(--palette-status-success, var(--c8y-alert-status-success));
  color: var(--palette-status-success, var(--c8y-alert-status-success));
  content: var(--c8y-alert-success-icon, "\eb00");
}
.alert-info {
  position: relative;
  border-color: var(--palette-status-info, var(--c8y-alert-status-info));
  background-color: var(--c8y-alert-background-default);
  color: var(--c8y-alert-color-default);
}
.alert-info:before {
  border-color: var(--palette-status-info, var(--c8y-alert-status-info));
  color: var(--palette-status-info, var(--c8y-alert-status-info));
  content: var(--c8y-alert-info-icon, "\eae4");
}
.alert-system {
  position: relative;
  border-color: var(--brand-primary, var(--c8y-alert-status-system));
  background-color: var(--c8y-alert-background-default);
  color: var(--c8y-alert-color-default);
}
.alert-system:before {
  border-color: var(--brand-primary, var(--c8y-alert-status-system));
  color: var(--brand-primary, var(--c8y-alert-status-system));
  content: var(--c8y-alert-system-icon, "\f717");
}
.alert-warning {
  position: relative;
  border-color: var(--palette-status-warning, var(--c8y-alert-status-warning));
  background-color: var(--c8y-alert-background-default);
  color: var(--c8y-alert-color-default);
}
.alert-warning:before {
  border-color: var(--palette-status-warning, var(--c8y-alert-status-warning));
  color: var(--palette-status-warning, var(--c8y-alert-status-warning));
  content: var(--c8y-alert-warning-icon, "\eae5");
}
.alert-danger {
  position: relative;
  border-color: var(--palette-status-danger, var(--c8y-alert-status-danger));
  background-color: var(--c8y-alert-background-default);
  color: var(--c8y-alert-color-default);
}
.alert-danger:before {
  border-color: var(--palette-status-danger, var(--c8y-alert-status-danger));
  color: var(--palette-status-danger, var(--c8y-alert-status-danger));
  content: var(--c8y-alert-danger-icon, "\e97b");
}
.alerts {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: auto;
  z-index: 1080;
  display: flex;
  flex-flow: column;
  max-width: 100vw;
  pointer-events: none;
}
.static .alerts {
  position: static;
  padding: 0;
}
.alerts > c8y-alert-outlet:not(:empty) {
  display: block;
  overflow-x: hidden;
  overflow-y: auto;
  margin-top: calc(var(--c8y-unit-base) * 8);
  padding: 0 16px 16px 48px;
  max-height: calc(100vh - calc(var(--c8y-unit-base) * 8));
  pointer-events: auto;
}
.alerts > c8y-alert-outlet:not(:empty)::-webkit-scrollbar {
  width: 4px;
  /* for vertical scrollbars */
  height: 4px;
  /* for horizontal scrollbars */
}
.alerts > c8y-alert-outlet:not(:empty)::-webkit-scrollbar-track {
  background: transparent;
}
.alerts > c8y-alert-outlet:not(:empty)::-webkit-scrollbar-track:not(textarea) {
  background: var(--c8y-component-scrollbar-track, var(--c8y-root-component-scrollbar-track));
}
.alerts > c8y-alert-outlet:not(:empty)::-webkit-scrollbar-thumb {
  width: 4px;
  border-radius: 1px;
  background: var(--c8y-component-scrollbar-thumb-default, var(--c8y-root-component-scrollbar-thumb-default));
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.alerts > c8y-alert-outlet:not(:empty):hover::-webkit-scrollbar-thumb {
  background: var(--c8y-component-scrollbar-thumb-hover, var(--c8y-root-component-scrollbar-thumb-hover));
}
.alerts .alert {
  margin: var(--c8y-unit-base) calc(var(--c8y-unit-base) * 3) calc(var(--c8y-unit-base) * 2) auto;
  width: 280px;
  transition: width 0.35s ease-in-out;
  pointer-events: auto;
  box-shadow: var(--c8y-elevation-md-bottom);
}
.alerts .alert.expanded {
  width: 480px;
}
@media (max-width: 767px) {
  .alerts .alert.expanded {
    width: 280px;
  }
}
.navigator.open ~ .alerts {
  left: 240px;
}
.overlay-center-vertically {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.75);
}
.alerts-overlay .card-inner-scroll {
  overflow: hidden!important;
}
.inner-alert {
  position: absolute;
  right: 15px;
  left: 15px;
  z-index: 1035;
}
.inner-alert .alert {
  margin: 0 auto 10px;
}
.measurement-icon-bar .inner-alert {
  top: 130px;
}
@media (min-width: 768px) {
  .measurement-icon-bar .inner-alert {
    top: 90px;
  }
}
@media (min-width: 992px) {
  .measurement-icon-bar .inner-alert {
    top: 60px;
  }
}
.badge {
  display: inline-block;
  padding: var(--c8y-badge-padding);
  min-width: 10px;
  border-radius: var(--c8y-badge-border-radius);
  background-color: var(--c8y-palette-gray-80);
  color: var(--text-color, var(--c8y-component-color-default, var(--c8y-root-component-color-default)));
  text-align: center;
  white-space: nowrap;
  font-weight: var(--c8y-badge-font-weight);
  font-size: var(--c8y-badge-font-size);
  line-height: var(--c8y-badge-line-height);
  box-shadow: inset 0 0 0 1px var(--c8y-palette-gray-50);
  vertical-align: middle;
}
.badge.badge-success {
  background-color: var(--palette-status-success-light, var(--c8y-palette-status-success-light));
  color: var(--palette-status-success-dark, var(--c8y-palette-status-success-dark));
  box-shadow: inset 0 0 0 1px var(--palette-status-success-dark, var(--c8y-palette-status-success-dark));
}
.badge.badge-danger {
  background-color: var(--palette-status-danger-light, var(--c8y-palette-status-danger-light));
  color: var(--palette-status-danger-dark, var(--c8y-palette-status-danger-dark));
  box-shadow: inset 0 0 0 1px var(--palette-status-danger-dark, var(--c8y-palette-status-danger-dark));
}
.badge.badge-warning {
  background-color: var(--c8y-palette-status-warning-high);
  color: var(--palette-status-warning-dark, var(--c8y-palette-status-warning-dark));
  box-shadow: inset 0 0 0 1px var(--palette-status-warning-dark, var(--c8y-palette-status-warning-dark));
}
.badge.badge-system {
  background-color: var(--brand-primary, var(--c8y-brand-primary));
  color: var(--c8y-palette-high);
}
.badge.badge-info {
  background-color: var(--palette-status-info-light, var(--c8y-palette-status-info-light));
  box-shadow: inset 0 0 0 1px var(--palette-status-info-dark, var(--c8y-palette-status-info-dark));
  color: var(--palette-status-info-dark, var(--c8y-palette-status-info-dark));
}
.badge:empty {
  display: none;
}
.btn .badge {
  position: relative;
  top: 50%;
  transform: translate(0, -50%);
}
a .badge:hover,
a .badge:focus {
  text-decoration: none;
  cursor: pointer;
}
.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
  box-shadow: 0 0 0 2px var(--c8y-palette-high);
}
.list-group-item > .badge {
  float: right;
}
.list-group-item > .badge + .badge {
  margin-right: 5px;
}
.nav-pills > li > a > .badge {
  margin-left: 3px;
}
.btn {
  display: inline-block;
  margin-bottom: 0;
  border: 1px solid transparent;
  background-color: transparent;
  background-image: none;
  vertical-align: middle;
  text-align: center;
  white-space: nowrap;
  font-weight: var(--c8y-btn-font-weight);
  cursor: pointer;
  touch-action: manipulation;
  transition: var(--c8y-btn-transition-default);
  text-decoration: none;
  padding: var(--c8y-btn-padding-base-vertical) calc(var(--c8y-btn-padding-base-horizontal) * 2);
  font-size: var(--c8y-btn-font-size-base);
  line-height: var(--c8y-btn-line-height-base);
  border-radius: calc(var(--btn-border-radius-base, var(--c8y-btn-border-radius-base)) * 1px);
  height: var(--c8y-form-control-height-base);
  -webkit-user-select: none;
  user-select: none;
}
.btn > i {
  vertical-align: text-top;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: none;
}
.btn:focus.dropdown-toggle,
.btn:active:focus.dropdown-toggle,
.btn.active:focus.dropdown-toggle,
.btn.focus.dropdown-toggle,
.btn:active.focus.dropdown-toggle,
.btn.active.focus.dropdown-toggle {
  outline: 2px solid var(--c8y-component-color-focus, var(--c8y-root-component-color-focus));
  outline-offset: -2px;
  border-radius: var(--c8y-component-border-radius-focus, var(--c8y-root-component-border-radius-focus)) !important;
}
.btn:hover,
.btn:focus,
.btn.focus {
  text-decoration: none;
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn,
.btn.disabled:hover,
.btn[disabled]:hover,
fieldset[disabled] .btn:hover,
.btn.disabled:focus,
.btn[disabled]:focus,
fieldset[disabled] .btn:focus {
  cursor: not-allowed !important;
  opacity: var(--c8y-root-component-disabled-opacity);
  box-shadow: none;
}
a .btn.disabled,
fieldset[disabled] a .btn {
  pointer-events: none;
}
.btn-icon {
  padding-left: var(--c8y-btn-padding-icon-horizontal) !important;
  padding-right: var(--c8y-btn-padding-icon-horizontal) !important;
  height: var(--c8y-form-control-height-base);
}
.btn-icon:hover,
.btn-icon:focus,
.btn-icon:active {
  outline: 2px solid var(--c8y-component-brand-primary, var(--c8y-root-component-brand-primary)) !important;
  outline-offset: -2px;
}
.btn-icon:focus {
  border-radius: var(--c8y-component-border-radius-focus, var(--c8y-root-component-border-radius-focus)) !important;
  opacity: 1 !important;
}
.btn-dot {
  margin-bottom: 0;
  padding: 0;
  border: 0;
  background-color: transparent;
  background-image: none;
  white-space: nowrap;
  cursor: pointer;
  touch-action: manipulation;
  max-width: 100%;
  appearance: none;
  text-align: center;
  font-size: 16px;
  line-height: 1;
  height: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: var(--c8y-form-control-height-base);
  color: var(--brand-primary, var(--c8y-brand-primary));
}
.btn-dot.btn {
  height: var(--c8y-form-control-height-base);
  transition: none;
}
.c8y-list__item .btn-dot.btn,
.cdk-cell .btn-dot.btn {
  height: calc(var(--c8y-unit-base) * 5);
  margin-top: -10px;
  margin-bottom: -10px;
  display: flex;
}
.btn-dot:hover,
.btn-dot:focus,
.btn-dot:active {
  outline: 2px solid var(--c8y-component-brand-primary, var(--c8y-root-component-brand-primary)) !important;
  outline-offset: -2px;
}
.btn-dot:focus {
  border-radius: var(--c8y-component-border-radius-focus, var(--c8y-root-component-border-radius-focus)) !important;
  opacity: 1 !important;
}
.btn-dot:focus > * {
  outline: 0 !important;
}
.input-group-btn .btn-dot {
  height: var(--c8y-form-control-height-base);
}
.btn-dot.btn-dot--danger {
  color: var(--palette-status-danger, var(--c8y-palette-status-danger));
}
.btn-dot.btn-dot--warning {
  color: var(--palette-status-warning, var(--c8y-palette-status-warning));
}
.btn-dot.btn-dot--info {
  color: var(--palette-status-info, var(--c8y-palette-status-info));
}
.btn-dot.btn-dot--success {
  color: var(--palette-status-success, var(--c8y-palette-status-success));
}
.btn + .btn:not(.btn-block) {
  margin-left: var(--c8y-unit-base);
}
.btn-default {
  color: var(--c8y-btn-default-color-default);
  background-color: var(--c8y-btn-default-background-default);
  border-color: var(--c8y-btn-default-border-color-default);
}
.btn-default:focus,
.btn-default.focus {
  color: var(--c8y-btn-default-color-focus);
  background-color: var(--c8y-btn-default-background-focus);
  border-color: var(--c8y-btn-default-border-color-focus);
  box-shadow: inset 0 0 0 1px var(--c8y-btn-default-border-color-focus);
}
.btn-default:hover {
  color: var(--c8y-btn-default-color-hover);
  background-color: var(--c8y-btn-default-background-hover);
  border-color: var(--c8y-btn-default-border-color-hover);
  box-shadow: inset 0 0 0 1px var(--c8y-btn-default-border-color-hover);
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: var(--c8y-btn-default-color-active);
  background-color: var(--c8y-btn-default-background-active);
  border-color: var(--c8y-btn-default-border-color-active);
  box-shadow: inset 0 0 0 1px var(--c8y-btn-default-border-color-active);
  background-image: none;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
  color: var(--c8y-btn-default-color-default);
  background-color: var(--c8y-btn-default-background-default);
  border-color: var(--c8y-btn-default-border-color-default);
}
.btn-default .badge {
  border-width: 1px;
  border-style: solid;
  border-color: var(--c8y-palette-high);
}
.btn-primary {
  color: var(--c8y-btn-primary-color-default);
  background-color: var(--c8y-btn-primary-background-default);
  border-color: var(--c8y-btn-primary-border-color-default);
}
.btn-primary:focus,
.btn-primary.focus {
  color: var(--c8y-btn-primary-color-focus);
  background-color: var(--c8y-btn-primary-background-focus);
  border-color: var(--c8y-btn-primary-border-color-focus);
  box-shadow: inset 0 0 0 1px var(--c8y-btn-primary-border-color-focus);
}
.btn-primary:hover {
  color: var(--c8y-btn-primary-color-hover);
  background-color: var(--c8y-btn-primary-background-hover);
  border-color: var(--c8y-btn-primary-border-color-hover);
  box-shadow: inset 0 0 0 1px var(--c8y-btn-primary-border-color-hover);
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: var(--c8y-btn-primary-color-active);
  background-color: var(--c8y-btn-primary-background-active);
  border-color: var(--c8y-btn-primary-border-color-active);
  box-shadow: inset 0 0 0 1px var(--c8y-btn-primary-border-color-active);
  background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  color: var(--c8y-btn-primary-color-default);
  background-color: var(--c8y-btn-primary-background-default);
  border-color: var(--c8y-btn-primary-border-color-default);
}
.btn-primary .badge {
  border-width: 1px;
  border-style: solid;
  border-color: var(--c8y-palette-high);
}
.btn-accent {
  color: var(--c8y-btn-accent-color-default);
  background-color: var(--c8y-btn-accent-background-default);
  border-color: var(--c8y-btn-accent-border-color-default);
  border-radius: var(--c8y-btn-border-radius-pill) !important;
}
.btn-accent:focus,
.btn-accent.focus {
  color: var(--c8y-btn-accent-color-focus);
  background-color: var(--c8y-btn-accent-background-focus);
  border-color: var(--c8y-btn-accent-border-color-focus);
  box-shadow: inset 0 0 0 1px var(--c8y-btn-accent-border-color-focus);
}
.btn-accent:hover {
  color: var(--c8y-btn-accent-color-hover);
  background-color: var(--c8y-btn-accent-background-hover);
  border-color: var(--c8y-btn-accent-border-color-hover);
  box-shadow: inset 0 0 0 1px var(--c8y-btn-accent-border-color-hover);
}
.btn-accent:active,
.btn-accent.active,
.open > .dropdown-toggle.btn-accent {
  color: var(--c8y-btn-accent-color-active);
  background-color: var(--c8y-btn-accent-background-active);
  border-color: var(--c8y-btn-accent-border-color-active);
  box-shadow: inset 0 0 0 1px var(--c8y-btn-accent-border-color-active);
  background-image: none;
}
.btn-accent.disabled,
.btn-accent[disabled],
fieldset[disabled] .btn-accent,
.btn-accent.disabled:hover,
.btn-accent[disabled]:hover,
fieldset[disabled] .btn-accent:hover,
.btn-accent.disabled:focus,
.btn-accent[disabled]:focus,
fieldset[disabled] .btn-accent:focus,
.btn-accent.disabled.focus,
.btn-accent[disabled].focus,
fieldset[disabled] .btn-accent.focus,
.btn-accent.disabled:active,
.btn-accent[disabled]:active,
fieldset[disabled] .btn-accent:active,
.btn-accent.disabled.active,
.btn-accent[disabled].active,
fieldset[disabled] .btn-accent.active {
  color: var(--c8y-btn-accent-color-default);
  background-color: var(--c8y-btn-accent-background-default);
  border-color: var(--c8y-btn-accent-border-color-default);
}
.btn-accent .badge {
  border-width: 1px;
  border-style: solid;
  border-color: var(--c8y-palette-high);
}
.btn-danger {
  color: var(--c8y-btn-danger-color-default);
  background-color: var(--c8y-btn-danger-background-default);
  border-color: var(--c8y-btn-danger-border-color-default);
}
.btn-danger:focus,
.btn-danger.focus {
  color: var(--c8y-btn-danger-color-focus);
  background-color: var(--c8y-btn-danger-background-focus);
  border-color: var(--c8y-btn-danger-border-color-focus);
  box-shadow: inset 0 0 0 1px var(--c8y-btn-danger-border-color-focus);
}
.btn-danger:hover {
  color: var(--c8y-btn-danger-color-hover);
  background-color: var(--c8y-btn-danger-background-hover);
  border-color: var(--c8y-btn-danger-border-color-hover);
  box-shadow: inset 0 0 0 1px var(--c8y-btn-danger-border-color-hover);
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  color: var(--c8y-btn-danger-color-active);
  background-color: var(--c8y-btn-danger-background-active);
  border-color: var(--c8y-btn-danger-border-color-active);
  box-shadow: inset 0 0 0 1px var(--c8y-btn-danger-border-color-active);
  background-image: none;
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
  color: var(--c8y-btn-danger-color-default);
  background-color: var(--c8y-btn-danger-background-default);
  border-color: var(--c8y-btn-danger-border-color-default);
}
.btn-danger .badge {
  border-width: 1px;
  border-style: solid;
  border-color: var(--c8y-palette-high);
}
.btn-clean {
  display: inline-block;
  margin-bottom: 0;
  border: 0;
  background-color: transparent;
  background-image: none;
  box-shadow: none;
  text-align: left;
  white-space: nowrap;
  cursor: pointer;
  touch-action: manipulation;
  color: inherit;
  max-width: 100%;
  appearance: none;
  -webkit-user-select: none;
  user-select: none;
  transition: all 0.25s ease;
}
.btn-clean:not(.btn) {
  padding: 0;
}
.btn-clean:hover {
  text-decoration: none;
  color: var(--c8y-component-brand-primary, var(--c8y-root-component-brand-primary));
}
.btn-clean:focus {
  color: var(--c8y-component-brand-primary, var(--c8y-root-component-brand-primary));
  outline: 2px solid var(--c8y-component-color-focus, var(--c8y-root-component-color-focus));
  outline-offset: -2px;
  border-radius: var(--c8y-component-border-radius-focus, var(--c8y-root-component-border-radius-focus)) !important;
}
.btn-clean.text-truncate {
  max-width: 100%;
}
.btn-clean[disabled],
.btn-clean[disabled]:hover,
.btn-clean[disabled]:focus {
  cursor: not-allowed;
  opacity: 0.65;
  filter: alpha(opacity=65);
  box-shadow: none;
}
.btn-no-focus:focus {
  outline: none!important;
}
label > .btn-clean {
  vertical-align: baseline;
}
.btn-link {
  min-width: 0;
  border: none;
  border-radius: 0;
  background: transparent;
  color: var(--link-color, var(--c8y-component-color-link, var(--c8y-root-component-color-link)));
  font-weight: normal;
  height: auto;
  box-shadow: none !important;
  transition: var(--c8y-btn-transition-default);
}
.btn-link:not(.btn-xs):not(.btn-sm) {
  padding: var(--c8y-btn-padding-base-vertical) var(--c8y-btn-padding-base-horizontal);
  min-height: var(--c8y-form-control-height-base);
}
.btn-link [class^='dlt-c8y-icon-'] ~ span,
.btn-link [class*=' dlt-c8y-icon-'] ~ span,
.btn-link [class^='dlt-c8y-icon-'] ~ translate,
.btn-link [class*=' dlt-c8y-icon-'] ~ translate {
  color: inherit;
}
.btn-link > i {
  vertical-align: text-top;
}
.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color: transparent;
  box-shadow: none;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
  border-color: transparent;
}
.btn-link:hover,
.btn-link:focus {
  outline: none;
  background-color: transparent;
  color: var(--link-hover-color, var(--c8y-component-color-link-hover, var(--c8y-root-component-color-link-hover)));
  text-decoration: underline;
  cursor: pointer;
}
.btn-link:focus {
  outline: 2px solid var(--c8y-component-color-focus, var(--c8y-root-component-color-focus));
  outline-offset: -2px;
  border-radius: var(--c8y-component-border-radius-focus, var(--c8y-root-component-border-radius-focus)) !important;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
  color: var(--c8y-component-color-disabled, var(--c8y-root-component-color-disabled));
  text-decoration: none;
  cursor: not-allowed;
  pointer-events: none;
}
.btn-help {
  min-width: 0;
  border: none;
  box-shadow: none !important;
  transition: var(--c8y-btn-transition-default);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 24px;
  width: 24px;
  line-height: 1;
  min-height: auto;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
  flex-grow: 0;
  position: relative;
  margin-left: 4px;
  background-color: transparent;
  --help-info-color: var(--palette-status-info, var(--c8y-palette-status-info));
  color: var(--palette-status-info, var(--c8y-palette-status-info));
}
.btn-help > [class^='dlt-c8y-icon-'],
.btn-help > [class*=' dlt-c8y-icon-'] {
  display: none;
}
.btn-help::before {
  content: '';
  position: absolute;
  display: block;
  inset: 4px;
  background-color: var(--help-info-color);
  mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.82422 2.32422C6.46224 2.32422 7.00911 2.55208 7.46484 3.00781C7.92057 3.46354 8.14844 4.01042 8.14844 4.64844C8.14844 5.14062 7.85677 5.64648 7.27344 6.16602C6.6901 6.68555 6.39844 7.15495 6.39844 7.57422H5.25C5.25 7.15495 5.34115 6.79492 5.52344 6.49414C5.70573 6.19336 5.90625 5.97461 6.125 5.83789C6.34375 5.70117 6.54427 5.53255 6.72656 5.33203C6.90885 5.13151 7 4.90365 7 4.64844C7 4.33854 6.88151 4.06966 6.64453 3.8418C6.40755 3.61393 6.13411 3.5 5.82422 3.5C5.51432 3.5 5.24089 3.61393 5.00391 3.8418C4.76693 4.06966 4.64844 4.33854 4.64844 4.64844H3.5C3.5 4.01042 3.72786 3.46354 4.18359 3.00781C4.63932 2.55208 5.1862 2.32422 5.82422 2.32422ZM5.82422 10.5C7.10026 10.5 8.19857 10.0397 9.11914 9.11914C10.0397 8.19857 10.5 7.10026 10.5 5.82422C10.5 4.54818 10.0397 3.44987 9.11914 2.5293C8.19857 1.60872 7.10026 1.14844 5.82422 1.14844C4.54818 1.14844 3.44987 1.60872 2.5293 2.5293C1.60872 3.44987 1.14844 4.54818 1.14844 5.82422C1.14844 7.10026 1.60872 8.19857 2.5293 9.11914C3.44987 10.0397 4.54818 10.5 5.82422 10.5ZM5.82422 0C7.42839 0 8.80013 0.569661 9.93945 1.70898C11.0788 2.84831 11.6484 4.22005 11.6484 5.82422C11.6484 7.42839 11.0788 8.80013 9.93945 9.93945C8.80013 11.0788 7.42839 11.6484 5.82422 11.6484C4.22005 11.6484 2.84831 11.0788 1.70898 9.93945C0.569661 8.80013 0 7.42839 0 5.82422C0 4.22005 0.569661 2.84831 1.70898 1.70898C2.84831 0.569661 4.22005 0 5.82422 0ZM5.25 9.32422V8.14844H6.39844V9.32422H5.25Z' fill='currentColor'/%3E%3C/svg%3E%0A");
  -webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.82422 2.32422C6.46224 2.32422 7.00911 2.55208 7.46484 3.00781C7.92057 3.46354 8.14844 4.01042 8.14844 4.64844C8.14844 5.14062 7.85677 5.64648 7.27344 6.16602C6.6901 6.68555 6.39844 7.15495 6.39844 7.57422H5.25C5.25 7.15495 5.34115 6.79492 5.52344 6.49414C5.70573 6.19336 5.90625 5.97461 6.125 5.83789C6.34375 5.70117 6.54427 5.53255 6.72656 5.33203C6.90885 5.13151 7 4.90365 7 4.64844C7 4.33854 6.88151 4.06966 6.64453 3.8418C6.40755 3.61393 6.13411 3.5 5.82422 3.5C5.51432 3.5 5.24089 3.61393 5.00391 3.8418C4.76693 4.06966 4.64844 4.33854 4.64844 4.64844H3.5C3.5 4.01042 3.72786 3.46354 4.18359 3.00781C4.63932 2.55208 5.1862 2.32422 5.82422 2.32422ZM5.82422 10.5C7.10026 10.5 8.19857 10.0397 9.11914 9.11914C10.0397 8.19857 10.5 7.10026 10.5 5.82422C10.5 4.54818 10.0397 3.44987 9.11914 2.5293C8.19857 1.60872 7.10026 1.14844 5.82422 1.14844C4.54818 1.14844 3.44987 1.60872 2.5293 2.5293C1.60872 3.44987 1.14844 4.54818 1.14844 5.82422C1.14844 7.10026 1.60872 8.19857 2.5293 9.11914C3.44987 10.0397 4.54818 10.5 5.82422 10.5ZM5.82422 0C7.42839 0 8.80013 0.569661 9.93945 1.70898C11.0788 2.84831 11.6484 4.22005 11.6484 5.82422C11.6484 7.42839 11.0788 8.80013 9.93945 9.93945C8.80013 11.0788 7.42839 11.6484 5.82422 11.6484C4.22005 11.6484 2.84831 11.0788 1.70898 9.93945C0.569661 8.80013 0 7.42839 0 5.82422C0 4.22005 0.569661 2.84831 1.70898 1.70898C2.84831 0.569661 4.22005 0 5.82422 0ZM5.25 9.32422V8.14844H6.39844V9.32422H5.25Z' fill='currentColor'/%3E%3C/svg%3E%0A");
}
.c8y-dark-theme .btn-help {
  outline: 1px solid var(--palette-status-info, var(--c8y-palette-status-info));
  background-color: var(--palette-status-info, var(--c8y-palette-status-info));
  --help-info-color: var(--c8y-palette-high);
  color: var(--c8y-palette-high);
}
@media (prefers-color-scheme: dark) {
  .c8y-system-theme .btn-help {
    outline: 1px solid var(--palette-status-info, var(--c8y-palette-status-info));
    background-color: var(--palette-status-info, var(--c8y-palette-status-info));
    --help-info-color: var(--c8y-palette-high);
    color: var(--c8y-palette-high);
  }
}
.btn-help:hover,
.btn-help:active {
  outline: 1px solid var(--palette-status-info, var(--c8y-palette-status-info));
  outline-offset: 0;
  background-color: var(--palette-status-info, var(--c8y-palette-status-info));
  --help-info-color: var(--c8y-palette-high);
}
.btn-help:focus {
  outline: 1px solid var(--palette-status-info, var(--c8y-palette-status-info));
  background-color: var(--palette-status-info, var(--c8y-palette-status-info));
  --help-info-color: var(--c8y-palette-high);
  color: var(--c8y-palette-high);
}
label .btn-help,
.legend .btn-help,
.btn-help--sm {
  display: inline;
  vertical-align: super;
  height: 14px;
  width: 14px;
}
label .btn-help::before,
.legend .btn-help::before,
.btn-help--sm::before {
  inset: 0;
}
.btn-lg,
.btn-group-lg > .btn {
  padding: var(--c8y-btn-padding-large-vertical) var(--c8y-btn-padding-large-horizontal);
  font-size: var(--c8y-btn-font-size-large);
  line-height: var(--c8y-btn-line-height-large);
  border-radius: var(--c8y-btn-border-radius-large);
  height: var(--c8y-form-control-height-lg);
}
.btn-sm,
.btn-group-sm > .btn {
  padding: var(--c8y-btn-padding-small-vertical) var(--c8y-btn-padding-small-horizontal);
  font-size: var(--c8y-btn-font-size-small);
  line-height: var(--c8y-btn-line-height-small);
  border-radius: var(--c8y-btn-border-radius-small);
  height: var(--c8y-form-control-height-sm);
}
.btn-xs,
.btn-group-xs > .btn {
  padding: var(--c8y-btn-padding-xs-vertical) var(--c8y-btn-padding-xs-horizontal);
  font-size: var(--c8y-btn-font-size-xs);
  line-height: var(--c8y-btn-line-height-xs);
  border-radius: var(--c8y-btn-border-radius-xs);
  height: calc(var(--c8y-unit-base) * 2);
  position: relative;
}
.btn-xs > .icon-spin {
  line-height: 10px;
}
.list-group .btn-xs:not(:hover),
.c8y-list__item .btn-xs:not(:hover) {
  color: var(--c8y-btn-default-color-default);
  background-color: var(--c8y-btn-default-background-default);
  border-color: var(--c8y-btn-default-border-color-default);
}
.list-group .btn-xs:not(:hover):focus,
.c8y-list__item .btn-xs:not(:hover):focus,
.list-group .btn-xs:not(:hover).focus,
.c8y-list__item .btn-xs:not(:hover).focus {
  color: var(--c8y-btn-default-color-focus);
  background-color: var(--c8y-btn-default-background-focus);
  border-color: var(--c8y-btn-default-border-color-focus);
  box-shadow: inset 0 0 0 1px var(--c8y-btn-default-border-color-focus);
}
.list-group .btn-xs:not(:hover):hover,
.c8y-list__item .btn-xs:not(:hover):hover {
  color: var(--c8y-btn-default-color-hover);
  background-color: var(--c8y-btn-default-background-hover);
  border-color: var(--c8y-btn-default-border-color-hover);
  box-shadow: inset 0 0 0 1px var(--c8y-btn-default-border-color-hover);
}
.list-group .btn-xs:not(:hover):active,
.c8y-list__item .btn-xs:not(:hover):active,
.list-group .btn-xs:not(:hover).active,
.c8y-list__item .btn-xs:not(:hover).active,
.open > .dropdown-toggle.list-group .btn-xs:not(:hover),
.open > .dropdown-toggle.c8y-list__item .btn-xs:not(:hover) {
  color: var(--c8y-btn-default-color-active);
  background-color: var(--c8y-btn-default-background-active);
  border-color: var(--c8y-btn-default-border-color-active);
  box-shadow: inset 0 0 0 1px var(--c8y-btn-default-border-color-active);
  background-image: none;
}
.list-group .btn-xs:not(:hover).disabled,
.c8y-list__item .btn-xs:not(:hover).disabled,
.list-group .btn-xs:not(:hover)[disabled],
.c8y-list__item .btn-xs:not(:hover)[disabled],
fieldset[disabled] .list-group .btn-xs:not(:hover),
fieldset[disabled] .c8y-list__item .btn-xs:not(:hover),
.list-group .btn-xs:not(:hover).disabled:hover,
.c8y-list__item .btn-xs:not(:hover).disabled:hover,
.list-group .btn-xs:not(:hover)[disabled]:hover,
.c8y-list__item .btn-xs:not(:hover)[disabled]:hover,
fieldset[disabled] .list-group .btn-xs:not(:hover):hover,
fieldset[disabled] .c8y-list__item .btn-xs:not(:hover):hover,
.list-group .btn-xs:not(:hover).disabled:focus,
.c8y-list__item .btn-xs:not(:hover).disabled:focus,
.list-group .btn-xs:not(:hover)[disabled]:focus,
.c8y-list__item .btn-xs:not(:hover)[disabled]:focus,
fieldset[disabled] .list-group .btn-xs:not(:hover):focus,
fieldset[disabled] .c8y-list__item .btn-xs:not(:hover):focus,
.list-group .btn-xs:not(:hover).disabled.focus,
.c8y-list__item .btn-xs:not(:hover).disabled.focus,
.list-group .btn-xs:not(:hover)[disabled].focus,
.c8y-list__item .btn-xs:not(:hover)[disabled].focus,
fieldset[disabled] .list-group .btn-xs:not(:hover).focus,
fieldset[disabled] .c8y-list__item .btn-xs:not(:hover).focus,
.list-group .btn-xs:not(:hover).disabled:active,
.c8y-list__item .btn-xs:not(:hover).disabled:active,
.list-group .btn-xs:not(:hover)[disabled]:active,
.c8y-list__item .btn-xs:not(:hover)[disabled]:active,
fieldset[disabled] .list-group .btn-xs:not(:hover):active,
fieldset[disabled] .c8y-list__item .btn-xs:not(:hover):active,
.list-group .btn-xs:not(:hover).disabled.active,
.c8y-list__item .btn-xs:not(:hover).disabled.active,
.list-group .btn-xs:not(:hover)[disabled].active,
.c8y-list__item .btn-xs:not(:hover)[disabled].active,
fieldset[disabled] .list-group .btn-xs:not(:hover).active,
fieldset[disabled] .c8y-list__item .btn-xs:not(:hover).active {
  color: var(--c8y-btn-default-color-default);
  background-color: var(--c8y-btn-default-background-default);
  border-color: var(--c8y-btn-default-border-color-default);
}
.list-group .btn-xs:not(:hover) .badge,
.c8y-list__item .btn-xs:not(:hover) .badge {
  border-width: 1px;
  border-style: solid;
  border-color: var(--c8y-palette-high);
}
.list-group .btn-xs:not(:hover).btn-link,
.c8y-list__item .btn-xs:not(:hover).btn-link {
  background-color: transparent;
}
.btn-xs .badge {
  position: absolute;
  right: -8px;
  top: -8px;
}
.btn-40 {
  padding: var(--c8y-btn-padding-base-vertical) var(--c8y-btn-padding-base-horizontal);
  font-size: var(--c8y-btn-font-size-base);
  line-height: var(--c8y-btn-line-height-base);
  border-radius: 0;
  height: calc(var(--c8y-unit-base) * 5);
  min-width: 40px;
}
.btn-block {
  display: block;
  width: 100%;
}
.btn-block + .btn-block {
  margin: var(--c8y-unit-base) 0 0 0;
}
input[type='submit'].btn-block,
input[type='reset'].btn-block,
input[type='button'].btn-block {
  width: 100%;
}
.btn-pending,
.btn-pending:hover,
.btn-pending:focus {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px;
  animation: progress-bar-stripes 0.5s linear infinite;
  pointer-events: none !important;
  outline: none !important;
}
.btn-pending.btn-default,
.btn-pending.btn-default:hover,
.btn-pending.btn-default:focus {
  background-image: linear-gradient(45deg, var(--c8y-brand-70) 25%, transparent 25%, transparent 50%, var(--c8y-brand-70) 50%, var(--c8y-brand-70) 75%, transparent 75%, transparent);
}
.settings {
  width: 40px;
}
.settings .dropdown-toggle {
  opacity: 0.7;
}
.settings .dropdown-toggle:hover,
.settings .dropdown-toggle:focus {
  opacity: 1;
}
.settings .dropdown-toggle:focus {
  outline: 2px solid var(--c8y-component-color-focus, var(--c8y-root-component-color-focus));
  outline-offset: -2px;
  border-radius: var(--c8y-component-border-radius-focus, var(--c8y-root-component-border-radius-focus)) !important;
}
.settings.open .dropdown-toggle {
  opacity: 1;
}
.collapse-btn {
  padding: 0;
  width: calc(var(--c8y-unit-base) * 5);
  height: calc(var(--c8y-unit-base) * 5);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border: 0;
  background-color: transparent;
  background-image: none;
  color: var(--c8y-component-color-actions, var(--c8y-root-component-color-actions));
  opacity: var(--c8y-component-actions-opacity, var(--c8y-root-component-actions-opacity));
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  transition: all 0.25s ease;
}
.collapse-btn:not(.btn-dot) {
  font-size: 14px;
}
.collapse-btn > i {
  transition: all 0.25s ease;
}
.collapse-btn:hover,
.collapse-btn:focus {
  text-decoration: none;
  opacity: 1;
  outline: 2px solid var(--c8y-component-color-focus, var(--c8y-root-component-color-focus));
  outline-offset: -2px;
}
.collapse-btn:focus {
  outline: 2px solid var(--c8y-component-color-focus, var(--c8y-root-component-color-focus));
  outline-offset: -2px;
  border-radius: var(--c8y-component-border-radius-focus, var(--c8y-root-component-border-radius-focus)) !important;
}
.collapse-btn.active,
.expanded .collapse-btn,
.panel-open .collapse-btn {
  color: var(--c8y-component-brand-primary, var(--c8y-root-component-brand-primary));
  opacity: 1 !important;
}
.collapse-btn.active > i,
.expanded .collapse-btn > i,
.panel-open .collapse-btn > i {
  transform: rotate(180deg);
}
.collapse-btn.active > i.dlt-c8y-icon-chevron-right,
.expanded .collapse-btn > i.dlt-c8y-icon-chevron-right,
.panel-open .collapse-btn > i.dlt-c8y-icon-chevron-right {
  transform: rotate(90deg);
}
.btn-navbar {
  padding: 3px var(--c8y-unit-base);
  color: var(--action-bar-color-actions, var(--c8y-action-bar-color-actions));
  opacity: 1;
  background-color: transparent;
}
@media (max-width: 767px) {
  .btn-navbar {
    display: block;
    padding: calc(var(--c8y-unit-base) + 2) calc(var(--c8y-unit-base) * 2);
    width: 100%;
    max-width: 100%;
    text-align: left;
  }
}
.btn-navbar:focus {
  color: var(--brand-primary, var(--c8y-brand-primary));
  text-decoration: none;
  outline: 2px solid var(--c8y-component-color-focus, var(--c8y-root-component-color-focus));
  outline-offset: -2px;
  border-radius: var(--c8y-component-border-radius-focus, var(--c8y-root-component-border-radius-focus)) !important;
}
.btn-navbar .c8y-icon,
.btn-navbar [class^='dlt-c8y-icon-'],
.btn-navbar [class*=' dlt-c8y-icon-'] {
  color: var(--action-bar-color-actions, var(--c8y-action-bar-color-actions));
  opacity: var(--action-bar-actions-opacity, var(--c8y-action-bar-actions-opacity));
}
.btn-navbar:hover,
.btn-navbar:active {
  color: var(--action-bar-color-actions-hover, var(--c8y-action-bar-color-actions-hover));
  text-decoration: none;
}
.btn-navbar:hover .c8y-icon,
.btn-navbar:active .c8y-icon,
.btn-navbar:hover > [class^='dlt-c8y-icon-'],
.btn-navbar:active > [class^='dlt-c8y-icon-'],
.btn-navbar:hover [class*=' dlt-c8y-icon-'],
.btn-navbar:active [class*=' dlt-c8y-icon-'] {
  color: var(--action-bar-color-actions-hover, var(--c8y-action-bar-color-actions-hover));
  opacity: 1;
}
.btn-add-block {
  display: flex;
  align-items: center;
  margin-bottom: calc(var(--c8y-unit-base) * 2);
  padding: calc(var(--c8y-unit-base) + calc(var(--c8y-unit-base) * 0.5)) calc(var(--c8y-unit-base) * 2);
  width: 100%;
  border: 0;
  background-color: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  background-image: none;
  color: var(--c8y-component-brand-primary, var(--c8y-root-component-brand-primary));
  text-decoration: none !important;
  box-shadow: var(--c8y-elevation-sm);
  transition: all 0.35s ease;
}
.btn-add-block[disabled],
.btn-add-block.disabled {
  pointer-events: none;
  opacity: 0.5;
  cursor: not-allowed;
}
.btn-add-block [class^='dlt-c8y-icon-'],
.btn-add-block [class*=' dlt-c8y-icon-'] {
  color: var(--c8y-component-brand-primary, var(--c8y-root-component-brand-primary));
  font-size: 2em;
  transition: transform 0.35s ease;
  margin-right: var(--c8y-unit-base);
}
.btn-add-block:hover {
  box-shadow: var(--c8y-elevation-hover);
}
.btn-add-block:hover > [class^='dlt-c8y-icon-'],
.btn-add-block:hover [class*=' dlt-c8y-icon-'] {
  transform: scale(1.1);
}
.btn-add-block:focus,
.btn-add-block:active {
  outline: none;
  box-shadow: var(--c8y-elevation-hover), inset 0 0 0 2px var(--c8y-component-brand-primary, var(--c8y-root-component-brand-primary));
}
.btn-add-block.load-more {
  align-items: center;
  justify-content: center;
  margin-top: var(--c8y-component-padding, var(--c8y-root-component-padding));
  min-height: 56px;
}
.btn-add-block.load-more > [class^='dlt-c8y-icon-'],
.btn-add-block.load-more [class*=' dlt-c8y-icon-'] {
  color: inherit;
}
.btn-add-block.load-more:hover {
  color: var(--brand-primary, var(--c8y-brand-primary));
}
.btn[btnCheckbox],
.btn[uib-btn-checkbox],
.btn.c8y-btn-checkbox {
  position: relative;
  z-index: 2;
  margin-right: 10px;
  margin-bottom: 10px;
  padding: 0 32px 0 16px;
  height: var(--c8y-switch-height);
  border: 0;
  background-color: transparent;
  line-height: 1;
  color: var(--c8y-switch-handle-color);
  box-shadow: none;
  transition: all 0.25s ease !important;
}
.btn[btnCheckbox] *,
.btn[uib-btn-checkbox] *,
.btn.c8y-btn-checkbox * {
  position: relative;
  z-index: 1;
}
.btn[btnCheckbox]:focus,
.btn[uib-btn-checkbox]:focus,
.btn.c8y-btn-checkbox:focus,
.btn[btnCheckbox]:hover,
.btn[uib-btn-checkbox]:hover,
.btn.c8y-btn-checkbox:hover {
  outline: none;
  background-color: transparent;
  background-image: none;
}
.btn[btnCheckbox]:focus::before,
.btn[uib-btn-checkbox]:focus::before,
.btn.c8y-btn-checkbox:focus::before {
  outline: 2px solid var(--c8y-component-color-focus, var(--c8y-root-component-color-focus));
  border-radius: var(--c8y-component-border-radius-focus, var(--c8y-root-component-border-radius-focus));
  border-radius: calc(var(--c8y-switch-height) / 2);
}
.btn[btnCheckbox]::before,
.btn[uib-btn-checkbox]::before,
.btn.c8y-btn-checkbox::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  border-radius: calc(var(--c8y-switch-height) / 2);
  background-color: var(--c8y-switch-background-default);
  content: '';
  transition: background 0.25s ease;
}
.btn[btnCheckbox]::after,
.btn[uib-btn-checkbox]::after,
.btn.c8y-btn-checkbox::after {
  content: '';
  position: absolute;
  top: 2px;
  right: 18px;
  bottom: 2px;
  left: 2px;
  z-index: -1;
  border-radius: calc(var(--c8y-switch-height) / 2) !important;
  background-color: var(--c8y-switch-handle-background, var(--c8y-form-control-background-default));
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
  transition: all 0.25s ease !important;
}
.btn[btnCheckbox].active,
.btn[uib-btn-checkbox].active,
.btn.c8y-btn-checkbox.active {
  padding: 0 16px 0 32px;
  border: 0 !important;
  background-color: transparent;
  box-shadow: none;
  transition: all 0.25s ease;
}
.btn[btnCheckbox].active::before,
.btn[uib-btn-checkbox].active::before,
.btn.c8y-btn-checkbox.active::before {
  background-color: var(--c8y-switch-background-active);
  transition: background 0.25s ease;
}
.btn[btnCheckbox].active::after,
.btn[uib-btn-checkbox].active::after,
.btn.c8y-btn-checkbox.active::after {
  right: 2px;
  left: 18px;
  transition: all 0.25s ease;
}
.btn.c8y-btn-checkbox--inline {
  margin: -5px 0;
  vertical-align: unset;
}
.btn-sort {
  border: 0;
  background: none;
  padding: 0;
  margin-right: 8px;
}
.btn-header {
  border: 0;
  background: none;
  display: flex;
  flex-grow: 1;
  max-width: 100%;
  height: 45px;
}
.btn-header > span,
.btn-header c8y-cell-renderer {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex-grow: 1;
}
.btn-header .dlt-c8y-icon-filter {
  display: none;
  line-height: inherit;
  margin-bottom: 1px;
}
.btn-header:hover .dlt-c8y-icon-filter,
.btn-header:focus .dlt-c8y-icon-filter,
.dropdown.open .btn-header .dlt-c8y-icon-filter,
.filtered .btn-header .dlt-c8y-icon-filter {
  display: block;
  opacity: 1;
}
.filtered .btn-header {
  color: var(--brand-primary, var(--c8y-brand-primary)) !important;
}
.btn-header.c8y-dropdown {
  display: flex;
}
.btn-header.c8y-dropdown:before {
  display: none;
}
.dropdown.open .btn-header.c8y-dropdown {
  background: white;
}
.btn-sort {
  opacity: 0;
}
.btn-sort > .dlt-c8y-icon-exchange {
  transform: rotate(90deg);
  margin-top: 4px;
}
.btn-sort:hover {
  color: var(--brand-primary, var(--c8y-brand-primary));
}
th:hover .btn-sort,
.sorted .btn-sort {
  opacity: 1;
}
.sorted .btn-sort {
  color: var(--brand-primary, var(--c8y-brand-primary));
}
.btn-sort:focus,
.btn-header:focus {
  opacity: 1;
  outline: 2px solid var(--c8y-component-color-focus, var(--c8y-root-component-color-focus));
  outline-offset: -2px;
  border-radius: var(--c8y-component-border-radius-focus, var(--c8y-root-component-border-radius-focus)) !important;
}
.btnbar .btnbar-btn,
.btnbar .dropdown .c8y-dropdown {
  padding: calc(calc(var(--c8y-unit-base) * 2) - 2px) var(--c8y-unit-base);
  color: var(--action-bar-color-default, var(--c8y-action-bar-color-default));
  opacity: 1;
  background: none;
  border: 0;
  white-space: nowrap;
  min-width: fit-content;
}
@media (max-width: 767px) {
  .btnbar .btnbar-btn,
  .btnbar .dropdown .c8y-dropdown {
    display: block;
    padding: calc(var(--c8y-unit-base) + 2px) calc(var(--c8y-unit-base) * 2);
    max-width: 100%;
    text-align: left;
  }
}
.btnbar .btnbar-btn:focus,
.btnbar .dropdown .c8y-dropdown:focus {
  color: var(--brand-primary, var(--c8y-brand-primary));
  text-decoration: none;
  outline: 2px solid var(--c8y-component-color-focus, var(--c8y-root-component-color-focus));
  outline-offset: -2px;
  border-radius: var(--c8y-component-border-radius-focus, var(--c8y-root-component-border-radius-focus)) !important;
}
.btnbar .btnbar-btn .c8y-icon,
.btnbar .dropdown .c8y-dropdown .c8y-icon,
.btnbar .btnbar-btn > [class^='dlt-c8y-icon-'],
.btnbar .dropdown .c8y-dropdown > [class^='dlt-c8y-icon-'],
.btnbar .btnbar-btn [class*=' dlt-c8y-icon-'],
.btnbar .dropdown .c8y-dropdown [class*=' dlt-c8y-icon-'] {
  opacity: 0.9;
}
.btnbar .btnbar-btn:hover,
.btnbar .dropdown .c8y-dropdown:hover,
.btnbar .btnbar-btn:active,
.btnbar .dropdown .c8y-dropdown:active {
  color: var(--link-color, var(--c8y-component-color-link, var(--c8y-root-component-color-link)));
  text-decoration: none;
}
.btnbar .btnbar-btn:hover .c8y-icon,
.btnbar .dropdown .c8y-dropdown:hover .c8y-icon,
.btnbar .btnbar-btn:active .c8y-icon,
.btnbar .dropdown .c8y-dropdown:active .c8y-icon,
.btnbar .btnbar-btn:hover > [class^='dlt-c8y-icon-'],
.btnbar .dropdown .c8y-dropdown:hover > [class^='dlt-c8y-icon-'],
.btnbar .btnbar-btn:active > [class^='dlt-c8y-icon-'],
.btnbar .dropdown .c8y-dropdown:active > [class^='dlt-c8y-icon-'],
.btnbar .btnbar-btn:hover [class*=' dlt-c8y-icon-'],
.btnbar .dropdown .c8y-dropdown:hover [class*=' dlt-c8y-icon-'],
.btnbar .btnbar-btn:active [class*=' dlt-c8y-icon-'],
.btnbar .dropdown .c8y-dropdown:active [class*=' dlt-c8y-icon-'] {
  opacity: 1;
}
.table-data-grid-header-bulk-actions .btnbar .btnbar-btn,
.table-data-grid-header-bulk-actions .btnbar .dropdown .c8y-dropdown {
  color: var(--c8y-palette-high);
}
.table-data-grid-header-bulk-actions .btnbar .btnbar-btn:focus,
.table-data-grid-header-bulk-actions .btnbar .dropdown .c8y-dropdown:focus {
  outline: 2px solid var(--c8y-component-color-focus, var(--c8y-root-component-color-focus));
  outline-offset: -2px;
  border-radius: var(--c8y-component-border-radius-focus, var(--c8y-root-component-border-radius-focus)) !important;
}
.table-data-grid-header-bulk-actions .btnbar .btnbar-btn:hover,
.table-data-grid-header-bulk-actions .btnbar .dropdown .c8y-dropdown:hover,
.table-data-grid-header-bulk-actions .btnbar .btnbar-btn:active,
.table-data-grid-header-bulk-actions .btnbar .dropdown .c8y-dropdown:active {
  color: var(--c8y-brand-7);
  text-decoration: none;
}
.table-data-grid-header-bulk-actions .btnbar .btnbar-btn:hover .c8y-icon,
.table-data-grid-header-bulk-actions .btnbar .dropdown .c8y-dropdown:hover .c8y-icon,
.table-data-grid-header-bulk-actions .btnbar .btnbar-btn:active .c8y-icon,
.table-data-grid-header-bulk-actions .btnbar .dropdown .c8y-dropdown:active .c8y-icon,
.table-data-grid-header-bulk-actions .btnbar .btnbar-btn:hover > [class^='dlt-c8y-icon-'],
.table-data-grid-header-bulk-actions .btnbar .dropdown .c8y-dropdown:hover > [class^='dlt-c8y-icon-'],
.table-data-grid-header-bulk-actions .btnbar .btnbar-btn:active > [class^='dlt-c8y-icon-'],
.table-data-grid-header-bulk-actions .btnbar .dropdown .c8y-dropdown:active > [class^='dlt-c8y-icon-'],
.table-data-grid-header-bulk-actions .btnbar .btnbar-btn:hover [class*=' dlt-c8y-icon-'],
.table-data-grid-header-bulk-actions .btnbar .dropdown .c8y-dropdown:hover [class*=' dlt-c8y-icon-'],
.table-data-grid-header-bulk-actions .btnbar .btnbar-btn:active [class*=' dlt-c8y-icon-'],
.table-data-grid-header-bulk-actions .btnbar .dropdown .c8y-dropdown:active [class*=' dlt-c8y-icon-'] {
  opacity: 1;
}
.btn--caret {
  display: flex;
  align-items: center;
}
.btn--caret > i {
  transform: translateX(-7px);
}
@container (max-width: 310px) {
  .device-status-btn span {
    display: none;
  }
}
.btn-group,
.btn-group-vertical {
  position: relative;
  display: flex;
  align-items: center;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
}
.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover,
.btn-group > .btn:focus,
.btn-group-vertical > .btn:focus,
.btn-group > .btn:active,
.btn-group-vertical > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn.active,
.btn-group > .btn.selected,
.btn-group-vertical > .btn.selected {
  z-index: 2;
}
.btn-group-vertical {
  flex-direction: column;
}
.btn-group {
  padding: 0;
}
.c8y-toolbar .btn-group {
  padding: 4px 15px;
}
.btn-group .btn {
  display: inline-block;
  margin: 0;
  min-width: 0;
  width: auto;
}
.btn-group .btn.active {
  background-color: var(--c8y-btn-default-background-active);
  color: var(--c8y-brand-complementary);
}
.btn-group .btn:focus {
  outline: 2px solid var(--c8y-component-color-focus, var(--c8y-root-component-color-focus));
  outline-offset: -3px;
}
.btn-group.btn-group-sm:not(.dropdown) .btn,
.btn-group.btn-group-sm:not(.dropdown) .btn-sm {
  border-radius: var(--c8y-btn-group-border-radius);
}
.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
  margin-left: -2px;
}
.btn-toolbar {
  margin-left: -5px;
}
.btn-toolbar .btn,
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
  float: left;
}
.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group {
  margin-left: 5px;
}
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0;
}
.btn-group > .btn:first-child {
  margin-left: 0;
}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group > .btn-group {
  float: left;
}
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0;
}
.btn-group > .btn + .dropdown-toggle {
  padding-right: 10px;
  padding-left: 8px;
}
.btn-group.dropdown > .btn + .dropdown-toggle {
  padding-right: 8px;
  padding-left: 8px;
}
.btn-group:not(.dropdown) > .btn-lg + .dropdown-toggle {
  padding-right: 12px;
  padding-left: 12px;
}
.dropup .btn-lg .caret {
  transform: rotate(180deg);
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
  display: block;
  float: none;
  max-width: 100%;
  width: 100%;
}
.btn-group-vertical > .btn-group > .btn {
  float: none;
}
.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0;
}
.btn-group-vertical > .btn {
  border-radius: 0;
}
.btn-group-vertical > .btn-group > .btn {
  border-radius: 0;
}
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.btn-group-justified {
  display: flex;
  width: 100%;
}
.btn-group-justified > .btn,
.btn-group-justified > .btn-group {
  float: none;
  flex: 1 1 auto;
  overflow: hidden !important;
  max-width: 100% !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.btn-group-justified > .btn-group .btn {
  width: 100%;
}
.btn-group-justified > .btn-group .dropdown-menu {
  left: auto;
}
[data-toggle='buttons'] > .btn input[type='radio'],
[data-toggle='buttons'] > .btn-group > .btn input[type='radio'],
[data-toggle='buttons'] > .btn input[type='checkbox'],
[data-toggle='buttons'] > .btn-group > .btn input[type='checkbox'] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
code,
kbd,
pre,
samp,
.text-code {
  font-family: var(--c8y-code-font-family);
}
code {
  padding: 2px 4px;
  border-radius: var(--c8y-code-border-radius);
  background-color: var(--c8y-code-background);
  color: var(--c8y-code-color);
  font-size: var(--c8y-code-font-size);
}
kbd {
  padding: 2px 4px;
  border-radius: var(--c8y-kbd-border-radius, 2px);
  background-color: black;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
  color: var(--c8y-palette-high);
  font-size: var(--c8y-code-font-size);
}
kbd kbd {
  padding: 0;
  box-shadow: none;
  font-weight: bold;
  font-size: 100%;
}
pre {
  display: block;
  margin: 0 0 calc(calc(var(--c8y-font-size-base) * var(--c8y-line-height-base, 1.42857143)) / 2);
  padding: calc((calc(var(--c8y-font-size-base) * var(--c8y-line-height-base, 1.42857143)) - 1) / 2);
  border: 1px solid var(--c8y-pre-border-color);
  border-radius: var(--c8y-pre-border-radius);
  background-color: var(--c8y-pre-background) !important;
  color: var(--c8y-pre-color);
  word-break: break-all;
  font-size: var(--c8y-code-font-size);
  line-height: var(--c8y-line-height-base, 1.42857143);
  overflow-wrap: break-word;
}
pre code {
  padding: 0;
  border-radius: 0;
  background-color: transparent;
  color: inherit;
  word-break: break-word;
  font-size: inherit;
  overflow-wrap: break-word;
}
.pre-scrollable {
  overflow-y: scroll;
  max-height: 340px;
}
.pre-wrapped,
.text-code {
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
}
/* Remove after Codex launch. will be replaced by Tag */
.label {
  display: inline;
  padding: 0.2em 0.6em 0.2em;
  border-radius: 0.25em;
  color: var(--text-color, var(--c8y-component-color-default, var(--c8y-root-component-color-default)));
  vertical-align: baseline;
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-weight: 500;
  font-size: var(--c8y-font-size-xs);
  line-height: 1;
}
a .label:hover,
a .label:focus {
  text-decoration: none;
  cursor: pointer;
}
.label:empty {
  display: none;
}
.btn .label {
  position: relative;
  top: -1px;
}
.label.chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 20px;
}
.label.chip .btn-clean {
  padding: 0!important;
}
.label.chip + .chip {
  margin-left: 4px;
}
.label-default {
  color: var(--text-color, var(--c8y-component-color-default, var(--c8y-root-component-color-default)));
  background-color: var(--c8y-palette-gray-80);
}
.label-default[href]:hover,
.label-default[href]:focus {
  filter: brightness(0.9);
}
.label-primary {
  color: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  background-color: var(--brand-primary, var(--c8y-brand-primary));
}
.label-primary[href]:hover,
.label-primary[href]:focus {
  filter: brightness(0.9);
}
.label-success {
  color: var(--palette-status-success-dark, var(--c8y-palette-status-success-dark));
  background-color: var(--palette-status-success-light, var(--c8y-palette-status-success-light));
}
.label-success[href]:hover,
.label-success[href]:focus {
  filter: brightness(0.9);
}
.label-info {
  color: var(--palette-status-info, var(--c8y-palette-status-info));
  background-color: var(--palette-status-info-light, var(--c8y-palette-status-info-light));
}
.label-info[href]:hover,
.label-info[href]:focus {
  filter: brightness(0.9);
}
.label-info.chip {
  color: var(--palette-status-info-dark, var(--c8y-palette-status-info-dark));
}
.label-warning {
  color: var(--palette-status-warning-dark, var(--c8y-palette-status-warning-dark));
  background-color: var(--c8y-palette-status-warning-high);
}
.label-warning[href]:hover,
.label-warning[href]:focus {
  filter: brightness(0.9);
}
.label-danger {
  color: var(--palette-status-danger-dark, var(--c8y-palette-status-danger-dark));
  background-color: var(--palette-status-danger-light, var(--c8y-palette-status-danger-light));
}
.label-danger[href]:hover,
.label-danger[href]:focus {
  filter: brightness(0.9);
}
/* Remove after Codex launch. will be replaced by Tag */
.tag {
  display: inline;
  padding: 0.2em 0.6em 0.2em;
  border-radius: 0.25em;
  color: var(--text-color, var(--c8y-component-color-default, var(--c8y-root-component-color-default)));
  vertical-align: baseline;
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-weight: 500;
  font-size: var(--c8y-font-size-xs);
  line-height: 1;
  flex-shrink: 0;
}
a .tag:hover,
a .tag:focus {
  color: var(--c8y-palette-high);
  text-decoration: none;
  cursor: pointer;
}
.tag:empty {
  display: none;
}
.btn .tag {
  position: relative;
  top: -1px;
}
.tag.chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 20px;
}
.tag.chip .btn-clean {
  padding: 0!important;
}
.tag.chip + .chip {
  margin-left: 4px;
}
.tag--default {
  color: var(--text-color, var(--c8y-component-color-default, var(--c8y-root-component-color-default)));
  background-color: var(--c8y-palette-gray-80);
}
.tag--default[href]:hover,
.tag--default[href]:focus {
  filter: brightness(0.9);
}
.tag--primary {
  color: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  background-color: var(--brand-primary, var(--c8y-brand-primary));
}
.tag--primary[href]:hover,
.tag--primary[href]:focus {
  filter: brightness(0.9);
}
.tag--success {
  color: var(--palette-status-success-dark, var(--c8y-palette-status-success-dark));
  background-color: var(--palette-status-success-light, var(--c8y-palette-status-success-light));
}
.tag--success[href]:hover,
.tag--success[href]:focus {
  filter: brightness(0.9);
}
.tag--info {
  color: var(--palette-status-info, var(--c8y-palette-status-info));
  background-color: var(--palette-status-info-light, var(--c8y-palette-status-info-light));
}
.tag--info[href]:hover,
.tag--info[href]:focus {
  filter: brightness(0.9);
}
.tag--info.chip {
  color: var(--palette-status-info-dark, var(--c8y-palette-status-info-dark));
}
.tag--warning {
  color: var(--palette-status-warning-dark, var(--c8y-palette-status-warning-dark));
  background-color: var(--c8y-palette-status-warning-high);
}
.tag--warning[href]:hover,
.tag--warning[href]:focus {
  filter: brightness(0.9);
}
.tag--danger {
  color: var(--palette-status-danger-dark, var(--c8y-palette-status-danger-dark));
  background-color: var(--palette-status-danger-light, var(--c8y-palette-status-danger-light));
}
.tag--danger[href]:hover,
.tag--danger[href]:focus {
  filter: brightness(0.9);
}
.text--inherit {
  font-size: inherit;
}
fieldset {
  margin: 0;
  padding: 0;
  min-width: 0;
  border: 0;
}
fieldset.c8y-fieldset {
  display: block;
  margin: 1rem 0;
  border: solid 1px var(--c8y-form-control-border-color-default);
  border-radius: var(--c8y-unit-base);
  margin-inline-start: 2px;
  margin-inline-end: 2px;
  padding-block-start: 0.25rem;
  padding-inline-end: 0.75em;
  padding-block-end: 0;
  padding-inline-start: 0.75em;
  min-inline-size: 100%;
}
fieldset.c8y-fieldset--lg {
  padding-block-start: 1rem;
  padding-inline-end: 1.5em;
  padding-block-end: 0;
  padding-inline-start: 1.5em;
}
fieldset.c8y-fieldset.expanded {
  margin: 1rem -1.15rem;
}
fieldset.c8y-fieldset legend {
  margin: 0;
  width: auto;
  text-transform: none;
  padding-inline-start: 4px;
  padding-inline-end: 4px;
  min-height: 24px;
  display: flex;
  align-items: center;
}
fieldset.c8y-fieldset legend[align='left'] {
  justify-self: left;
}
fieldset.c8y-fieldset legend[align='center'] {
  justify-self: center;
}
fieldset.c8y-fieldset legend[align='right'] {
  justify-self: right;
}
fieldset.c8y-fieldset + .c8y-fieldset {
  margin-top: calc(var(--c8y-unit-base) * 3);
}
legend,
.legend {
  display: block;
  margin: calc(var(--c8y-unit-base) * 2) 0 var(--c8y-unit-base) 0;
  padding: 0;
  width: 100%;
  border: 0;
  color: var(--c8y-form-legend-color);
  text-transform: var(--c8y-form-legend-text-transform);
  font-weight: var(--c8y-form-legend-font-weight);
  font-size: var(--c8y-form-legend-font-size);
  line-height: inherit;
}
legend.form-block,
.legend.form-block {
  display: flex;
  align-items: center;
  flex-flow: row nowrap;
}
legend.form-block:after,
.legend.form-block:after {
  align-self: center;
  flex: 1 1 auto;
  margin-left: 8px;
  border-top-width: 1px;
  border-top-style: solid;
  content: '';
  opacity: 0.5;
}
legend.form-block.center:before,
.legend.form-block.center:before {
  align-self: center;
  flex: 1 1 auto;
  margin-right: 8px;
  border-top-width: 1px;
  border-top-style: solid;
  content: '';
  opacity: 0.5;
}
legend.form-block.last-record,
.legend.form-block.last-record {
  margin-right: auto;
  margin-left: auto;
  max-width: 180px;
}
legend.form-block.last-record > [class^='dlt-c8y-icon-'],
.legend.form-block.last-record > [class^='dlt-c8y-icon-'],
legend.form-block.last-record > [class*=' dlt-c8y-icon-'],
.legend.form-block.last-record > [class*=' dlt-c8y-icon-'] {
  font-size: 0.5rem;
}
legend > .dot,
.legend > .dot {
  margin-right: 5px;
  width: 30px;
  height: 30px;
  font-size: 14px;
  line-height: 32px;
}
label {
  display: inline-block;
  margin-bottom: calc(var(--c8y-unit-base) * 0.5);
  max-width: 100%;
  color: var(--c8y-form-label-color);
  text-transform: var(--c8y-form-label-text-transform);
  font-weight: var(--c8y-form-label-font-weight);
  font-size: var(--c8y-form-label-font-size);
  font-family: var(--font-family-base, var(--c8y-form-control-font-family));
}
label > a {
  display: inline-block;
  font-size: inherit;
}
label[tooltip],
label [tooltip],
label [uib-tooltip] {
  cursor: pointer;
}
.form-group label {
  display: block;
}
fieldset[disabled] label:not(.c8y-checkbox):not(.c8y-radio) {
  opacity: var(--c8y-form-control-disabled-opacity);
}
input[type='search'] {
  box-sizing: border-box;
}
input[type='radio'],
input[type='checkbox'] {
  margin: 1px 0 0;
  margin-top: 1px \9;
  font-size: 16px;
  line-height: normal;
}
.plain input[type='checkbox'] {
  margin: 3px 0 0;
}
input[type='file'] {
  display: block;
}
input[type='date']::-webkit-inner-spin-button,
input[type='date']::-webkit-calendar-picker-indicator {
  display: none;
  -webkit-appearance: none;
}
select[multiple],
select[size] {
  height: auto;
}
output {
  display: block;
  color: var(--c8y-form-control-color-default);
  font-size: var(--c8y-font-size-base);
  line-height: inherit;
}
.form-control {
  display: block;
  padding: var(--c8y-form-control-padding-base-vertical) var(--c8y-form-control-padding-base-horizontal);
  width: 100%;
  height: var(--c8y-form-control-height-base);
  border: 0;
  border-radius: var(--c8y-form-control-border-radius);
  background-color: var(--c8y-form-control-background-default);
  background-image: none;
  box-shadow: inset 0 0 0 var(--c8y-form-control-border-width, 1px) var(--c8y-form-control-border-color-default);
  color: var(--c8y-form-control-color-default);
  font-weight: var(--c8y-form-control-font-weight);
  font-size: var(--c8y-font-size-base);
  font-family: var(--font-family-base, var(--c8y-form-control-font-family));
  line-height: var(--c8y-form-control-line-height);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.form-control:focus {
  border-color: var(--c8y-form-control-border-color-focus);
  outline: 0;
  box-shadow: inset 0 0 0 2px var(--c8y-form-control-border-color-focus);
  background-color: var(--c8y-form-control-background-focus);
  color: var(--c8y-form-control-color-focus);
}
.form-control::-moz-placeholder {
  color: var(--c8y-form-control-placeholder-color);
  opacity: 1;
  font-style: italic;
}
.form-control:-ms-input-placeholder {
  color: var(--c8y-form-control-placeholder-color);
  font-style: italic;
}
.form-control::-webkit-input-placeholder {
  color: var(--c8y-form-control-placeholder-color);
  font-style: italic;
}
.form-control::-moz-placeholder {
  color: var(--c8y-form-control-placeholder-color);
  opacity: 1;
  font-style: var(--c8y-form-control-placeholder-font-style);
}
.form-control:-ms-input-placeholder {
  color: var(--c8y-form-control-placeholder-color);
  font-style: var(--c8y-form-control-placeholder-font-style);
}
.form-control::-webkit-input-placeholder {
  color: var(--c8y-form-control-placeholder-color);
  font-style: var(--c8y-form-control-placeholder-font-style);
}
.form-control:has(.c8y-colorpicker) {
  width: auto;
}
.form-control[disabled],
fieldset[disabled] .form-control {
  opacity: var(--c8y-form-control-disabled-opacity);
}
.form-control[readonly],
.form-control[readonly]:focus {
  background-color: var(--c8y-form-control-background-default);
  color: var(--c8y-component-color-text-muted, var(--c8y-root-component-color-text-muted));
  opacity: 1;
}
.form-control[disabled],
fieldset[disabled] .form-control {
  cursor: not-allowed;
}
textarea .form-control {
  height: auto;
}
textarea.form-control {
  min-height: var(--c8y-form-control-height-base);
  height: auto;
  resize: vertical;
}
textarea.form-control::-webkit-scrollbar {
  width: 4px;
  /* for vertical scrollbars */
  height: 4px;
  /* for horizontal scrollbars */
}
textarea.form-control::-webkit-scrollbar-track {
  background: transparent;
}
textarea.form-control::-webkit-scrollbar-track:not(textarea) {
  background: var(--c8y-component-scrollbar-track, var(--c8y-root-component-scrollbar-track));
}
textarea.form-control::-webkit-scrollbar-thumb {
  width: 4px;
  border-radius: 1px;
  background: var(--c8y-component-scrollbar-thumb-default, var(--c8y-root-component-scrollbar-thumb-default));
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
textarea.form-control:hover::-webkit-scrollbar-thumb {
  background: var(--c8y-component-scrollbar-thumb-hover, var(--c8y-root-component-scrollbar-thumb-hover));
}
textarea.form-control.no-resize {
  resize: none;
}
.c8y-colorpicker {
  position: relative;
  width: 20px;
  height: 20px;
}
.c8y-colorpicker input {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  box-sizing: border-box;
  width: 20px;
  height: 20px;
  opacity: 0;
  cursor: pointer;
}
.c8y-colorpicker input + span {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9;
  border-radius: 50%;
  border: 1px solid var(--c8y-form-control-border-color-default);
}
.c8y-colorpicker input:focus + span {
  box-shadow: 0 0 0 2px var(--c8y-form-control-border-color-focus);
}
.c8y-colorpicker--alarm input + span,
.c8y-colorpicker--event input + span {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: var(--component-background-default, var(--c8y-root-component-background-default, #fff));
}
.c8y-colorpicker--alarm input + span > i {
  transform: translateY(-0.5px);
}
.c8y-colorpicker--event input + span > i {
  transform: translateX(0.5px);
}
input[type='search'] {
  appearance: none;
}
select,
select.form-control {
  display: block;
  padding: var(--c8y-form-control-padding-base-vertical) var(--c8y-form-control-padding-base-horizontal);
  width: 100%;
  height: var(--c8y-form-control-height-base);
  border: 0;
  border-radius: var(--c8y-form-control-border-radius);
  background-color: var(--c8y-form-control-background-default);
  background-image: none;
  box-shadow: inset 0 0 0 var(--c8y-form-control-border-width, 1px) var(--c8y-form-control-border-color-default);
  color: var(--c8y-form-control-color-default);
  font-weight: var(--c8y-form-control-font-weight);
  font-size: var(--c8y-font-size-base);
  font-family: var(--font-family-base, var(--c8y-form-control-font-family));
  line-height: var(--c8y-form-control-line-height);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
select:focus,
select.form-control:focus {
  border-color: var(--c8y-form-control-border-color-focus);
  outline: 0;
  box-shadow: inset 0 0 0 2px var(--c8y-form-control-border-color-focus);
  background-color: var(--c8y-form-control-background-focus);
  color: var(--c8y-form-control-color-focus);
}
select::-moz-placeholder,
select.form-control::-moz-placeholder {
  color: var(--c8y-form-control-placeholder-color);
  opacity: 1;
  font-style: italic;
}
select:-ms-input-placeholder,
select.form-control:-ms-input-placeholder {
  color: var(--c8y-form-control-placeholder-color);
  font-style: italic;
}
select::-webkit-input-placeholder,
select.form-control::-webkit-input-placeholder {
  color: var(--c8y-form-control-placeholder-color);
  font-style: italic;
}
select::-moz-placeholder,
select.form-control::-moz-placeholder {
  color: var(--c8y-form-control-placeholder-color);
  opacity: 1;
  font-style: var(--c8y-form-control-placeholder-font-style);
}
select:-ms-input-placeholder,
select.form-control:-ms-input-placeholder {
  color: var(--c8y-form-control-placeholder-color);
  font-style: var(--c8y-form-control-placeholder-font-style);
}
select::-webkit-input-placeholder,
select.form-control::-webkit-input-placeholder {
  color: var(--c8y-form-control-placeholder-color);
  font-style: var(--c8y-form-control-placeholder-font-style);
}
select:has(.c8y-colorpicker),
select.form-control:has(.c8y-colorpicker) {
  width: auto;
}
select[disabled],
select.form-control[disabled],
fieldset[disabled] select,
fieldset[disabled] select.form-control {
  opacity: var(--c8y-form-control-disabled-opacity);
}
select[readonly],
select.form-control[readonly],
select[readonly]:focus,
select.form-control[readonly]:focus {
  background-color: var(--c8y-form-control-background-default);
  color: var(--c8y-component-color-text-muted, var(--c8y-root-component-color-text-muted));
  opacity: 1;
}
select[disabled],
select.form-control[disabled],
fieldset[disabled] select,
fieldset[disabled] select.form-control {
  cursor: not-allowed;
}
textarea select,
textarea select.form-control {
  height: auto;
}
select:not(:first-child):not(:last-child),
select.form-control:not(:first-child):not(:last-child) {
  border-radius: 0;
}
select[multiple],
select.form-control[multiple],
select[size],
select.form-control[size] {
  height: auto;
  background-image: none;
}
.c8y-select-wrapper {
  position: relative;
}
.c8y-select-wrapper select {
  padding-right: 24px !important;
  background-image: none;
  appearance: none;
}
.c8y-select-wrapper select::-ms-expand {
  display: none;
}
.c8y-select-wrapper:after {
  display: inline-block;
  text-decoration: inherit;
  text-transform: none;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  font-family: 'c8y-glyphs' !important;
  line-height: 1;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  position: absolute;
  top: 50%;
  right: 5px;
  z-index: 2;
  color: var(--c8y-form-control-icon-color);
  content: '\f101';
  font-size: 18px;
  transform: translate(0, -50%);
  pointer-events: none;
}
.form-group {
  display: block;
  margin-bottom: var(--c8y-form-validation-bottom-margin);
}
td.form-group,
th.form-group {
  margin-bottom: 0;
}
label.c8y-checkbox,
label.c8y-radio {
  position: relative;
  display: flex;
  align-items: center;
  margin: 0;
  color: var(--c8y-form-control-color-default);
  text-transform: none;
  font-weight: var(--c8y-form-control-font-weight);
  font-size: inherit;
  line-height: var(--c8y-form-control-height-base);
  cursor: pointer;
}
label.c8y-checkbox input[type='checkbox'],
label.c8y-radio input[type='checkbox'],
label.c8y-checkbox input[type='radio'],
label.c8y-radio input[type='radio'] {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  margin: 0;
  opacity: 0;
}
label.c8y-checkbox input + span,
label.c8y-radio input + span {
  position: relative;
  z-index: 2;
  display: inline-block;
}
label.c8y-checkbox input[type='checkbox'] + span,
label.c8y-radio input[type='checkbox'] + span,
label.c8y-checkbox input[type='radio'] + span,
label.c8y-radio input[type='radio'] + span {
  position: relative;
  display: inline-block;
  flex-shrink: 0;
  width: calc(var(--c8y-unit-base) * 2);
  height: calc(var(--c8y-unit-base) * 2);
  border-radius: var(--c8y-form-control-border-radius);
  background-color: var(--c8y-form-control-background-default);
  box-shadow: inset 0 0 0 1px var(--c8y-form-control-border-color-default);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  margin: 2px 0;
}
label.c8y-checkbox input[type='checkbox'] + span + span,
label.c8y-radio input[type='checkbox'] + span + span,
label.c8y-checkbox input[type='radio'] + span + span,
label.c8y-radio input[type='radio'] + span + span {
  margin-left: 8px;
  line-height: var(--c8y-form-control-line-height);
}
label.c8y-checkbox input[type='radio'] + span,
label.c8y-radio input[type='radio'] + span {
  border-radius: 50%;
}
label.c8y-checkbox:hover + span,
label.c8y-radio:hover + span,
label.c8y-checkbox input:focus + span,
label.c8y-radio input:focus + span {
  background-color: var(--c8y-form-control-background-focus);
  box-shadow: inset 0 0 0 2px var(--c8y-form-control-border-color-focus);
  color: var(--c8y-form-control-color-focus);
}
label.c8y-checkbox input[type='checkbox']:checked + span::after,
label.c8y-radio input[type='checkbox']:checked + span::after {
  position: absolute;
  top: 4.4px;
  left: 3.7px;
  display: block;
  width: 9px;
  height: 5px;
  border-bottom: 2px solid;
  border-left: 2px solid;
  color: var(--c8y-form-control-border-color-focus);
  content: '';
  transform: rotate(-45deg);
}
label.c8y-checkbox input[type='radio']:checked + span::after,
label.c8y-radio input[type='radio']:checked + span::after {
  position: absolute;
  top: 50%;
  left: 50%;
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--c8y-form-control-border-color-focus);
  content: '';
  font-size: 10px;
  line-height: inherit;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
label.c8y-checkbox input[type='checkbox']:indeterminate + span::after,
label.c8y-radio input[type='checkbox']:indeterminate + span::after {
  position: absolute;
  top: 4.4px;
  left: 4px;
  display: block;
  width: 8px;
  height: 5px;
  border-bottom: 2px solid;
  border-left: 0;
  color: var(--c8y-form-control-border-color-focus);
  content: '';
}
label.c8y-checkbox input[disabled],
label.c8y-radio input[disabled],
label.c8y-checkbox input[disabled]:checked,
label.c8y-radio input[disabled]:checked {
  cursor: not-allowed;
}
label.c8y-checkbox input[disabled] + span,
label.c8y-radio input[disabled] + span,
label.c8y-checkbox input[disabled]:checked + span,
label.c8y-radio input[disabled]:checked + span {
  background-color: var(--c8y-form-control-background-disabled);
  opacity: var(--c8y-form-control-disabled-opacity);
  cursor: not-allowed;
}
label.c8y-checkbox input[disabled] ~ span,
label.c8y-radio input[disabled] ~ span,
label.c8y-checkbox input[disabled]:checked ~ span,
label.c8y-radio input[disabled]:checked ~ span {
  opacity: var(--c8y-form-control-disabled-opacity);
}
label.c8y-checkbox input[readonly],
label.c8y-radio input[readonly],
label.c8y-checkbox input[readonly]:checked,
label.c8y-radio input[readonly]:checked {
  pointer-events: none;
}
label.c8y-checkbox input[readonly] ~ span,
label.c8y-radio input[readonly] ~ span,
label.c8y-checkbox input[readonly]:checked ~ span,
label.c8y-radio input[readonly]:checked ~ span {
  opacity: var(--c8y-form-control-disabled-opacity);
}
label.c8y-checkbox.disabled,
label.c8y-radio.disabled,
[disabled] label.c8y-checkbox,
[disabled] label.c8y-radio {
  cursor: not-allowed;
}
label.c8y-checkbox.disabled span,
label.c8y-radio.disabled span,
[disabled] label.c8y-checkbox span,
[disabled] label.c8y-radio span {
  opacity: var(--c8y-form-control-disabled-opacity);
  cursor: not-allowed;
}
label.c8y-checkbox.disabled span::before,
label.c8y-radio.disabled span::before,
[disabled] label.c8y-checkbox span::before,
[disabled] label.c8y-radio span::before {
  opacity: 1;
}
label.c8y-checkbox.checkbox-inline,
label.c8y-radio.checkbox-inline,
label.c8y-checkbox.radio-inline,
label.c8y-radio.radio-inline {
  display: inline-flex;
  padding: 0;
}
label.c8y-checkbox.checkbox-inline:not(:last-child),
label.c8y-radio.checkbox-inline:not(:last-child),
label.c8y-checkbox.radio-inline:not(:last-child),
label.c8y-radio.radio-inline:not(:last-child) {
  margin-right: calc(var(--c8y-unit-base) * 2);
}
label.c8y-checkbox.has-error input + span,
label.c8y-radio.has-error input + span {
  box-shadow: inset 0 0 0 2px var(--palette-status-danger, var(--c8y-form-validation-color-error));
}
.form-group > label + .c8y-checkbox,
.form-group > label + .c8y-radio {
  margin-top: var(--c8y-unit-base);
}
c8y-error-feedback,
c8y-messages,
.c8y-messages {
  display: block;
  margin-bottom: calc(var(--c8y-form-validation-bottom-margin) * -1);
  min-height: var(--c8y-form-validation-bottom-margin);
}
.has-error.form-group--tooltip-validation c8y-error-feedback,
.has-error.form-group--tooltip-validation c8y-messages,
.has-error.form-group--tooltip-validation .c8y-messages,
.input-group-array .has-error c8y-error-feedback,
.input-group-array .has-error c8y-messages,
.input-group-array .has-error .c8y-messages {
  display: none;
}
.has-error.form-group--tooltip-validation c8y-error-feedback .form-control-feedback-message:not(.ng-inactive),
.has-error.form-group--tooltip-validation c8y-messages .form-control-feedback-message:not(.ng-inactive),
.has-error.form-group--tooltip-validation .c8y-messages .form-control-feedback-message:not(.ng-inactive),
.input-group-array .has-error c8y-error-feedback .form-control-feedback-message:not(.ng-inactive),
.input-group-array .has-error c8y-messages .form-control-feedback-message:not(.ng-inactive),
.input-group-array .has-error .c8y-messages .form-control-feedback-message:not(.ng-inactive) {
  padding-top: 0.25em;
  margin-top: 0;
}
.has-error.form-group--tooltip-validation c8y-error-feedback .form-control-feedback-message:not(.ng-inactive)::before,
.has-error.form-group--tooltip-validation c8y-messages .form-control-feedback-message:not(.ng-inactive)::before,
.has-error.form-group--tooltip-validation .c8y-messages .form-control-feedback-message:not(.ng-inactive)::before,
.input-group-array .has-error c8y-error-feedback .form-control-feedback-message:not(.ng-inactive)::before,
.input-group-array .has-error c8y-messages .form-control-feedback-message:not(.ng-inactive)::before,
.input-group-array .has-error .c8y-messages .form-control-feedback-message:not(.ng-inactive)::before {
  color: var(--c8y-tooltip-color-default);
}
.has-error.form-group--tooltip-validation c8y-error-feedback .form-control-feedback-message:before,
.has-error.form-group--tooltip-validation c8y-messages .form-control-feedback-message:before,
.has-error.form-group--tooltip-validation .c8y-messages .form-control-feedback-message:before {
  color: var(--c8y-palette-high) !important;
}
.has-error.form-group--tooltip-validation:hover c8y-error-feedback,
.has-error.form-group--tooltip-validation:hover c8y-messages,
.has-error.form-group--tooltip-validation:hover .c8y-messages,
.input-group-array .has-error:hover c8y-error-feedback,
.input-group-array .has-error:hover c8y-messages,
.input-group-array .has-error:hover .c8y-messages {
  position: absolute;
  bottom: 61px;
  left: calc(20% - calc(var(--c8y-unit-base) * 2));
  z-index: 10;
  display: block;
  padding: 0 5px;
  max-width: calc(100% - calc(var(--c8y-unit-base) * 2));
  border-radius: var(--c8y-tooltip-border-radius);
  background-color: var(--palette-status-danger, var(--c8y-form-validation-color-error));
  color: var(--c8y-tooltip-color-default);
}
.has-error.form-group--tooltip-validation:hover c8y-error-feedback:after,
.has-error.form-group--tooltip-validation:hover c8y-messages:after,
.has-error.form-group--tooltip-validation:hover .c8y-messages:after,
.input-group-array .has-error:hover c8y-error-feedback:after,
.input-group-array .has-error:hover c8y-messages:after,
.input-group-array .has-error:hover .c8y-messages:after {
  position: absolute;
  bottom: -5px;
  left: 50%;
  margin-top: 0;
  width: 0;
  height: 0;
  border-width: var(--c8y-tooltip-arrow-width) var(--c8y-tooltip-arrow-width) 0;
  border-style: solid;
  border-color: transparent;
  border-top-color: var(--palette-status-danger, var(--c8y-form-validation-color-error));
  content: '';
  opacity: var(--c8y-tooltip-opacity);
}
.form-group .help-block,
.form-group .form-control-feedback-message {
  position: relative;
  display: block;
  margin-top: 0;
  min-height: var(--c8y-form-validation-bottom-margin);
  font-size: var(--c8y-font-size-small);
  line-height: 1.5;
}
.form-group .help-block:empty,
.form-group .form-control-feedback-message:empty {
  display: none;
}
.help-block {
  font-style: italic;
}
.help-block.has-info,
.form-control-feedback-message:has(.help-block) .help-block {
  display: flex;
}
.help-block.has-info:before,
.form-control-feedback-message:has(.help-block) .help-block:before {
  font: normal normal normal 16px/1 'dlt-c8y-icons';
  font-size: 16px;
  color: var(--palette-status-info, var(--c8y-form-validation-color-info));
  content: var(--c8y-alert-info-icon, "\eae4");
  margin-right: 2px;
}
.form-control-feedback-message:has(.help-block) {
  padding-left: 0 !important;
}
.form-control-feedback-message:before,
.input-group + .help-block:before,
select ~ .help-block:before,
c8y-field-input ~ .help-block:before,
textarea ~ .help-block:before,
input ~ .help-block:before,
file-picker ~ .help-block:before,
.form-control ~ .help-block:before {
  position: absolute;
  top: 2px;
  left: 1px;
  display: inline-block;
  font: normal normal normal 14px/1 'dlt-c8y-icons';
  font-size: 16px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.form-control-feedback-message:not(.ng-inactive),
.input-group + .help-block,
select ~ .help-block,
textarea ~ .help-block,
file-picker ~ .help-block,
.form-control ~ .help-block,
c8y-field-input ~ .help-block,
input ~ .help-block {
  position: relative;
  padding-top: calc(var(--c8y-unit-base) * 0.25);
  padding-left: 20px;
  margin-top: 0;
}
file-picker ~ .help-block {
  margin-top: -24px;
}
.has-success:not(.schema-form-text) .help-block,
.has-success:not(.schema-form-text) .control-label,
.has-success:not(.schema-form-text) .radio,
.has-success:not(.schema-form-text) .checkbox,
.has-success:not(.schema-form-text) .radio-inline,
.has-success:not(.schema-form-text) .checkbox-inline,
.has-success:not(.schema-form-text).radio label,
.has-success:not(.schema-form-text).checkbox label,
.has-success:not(.schema-form-text).radio-inline label,
.has-success:not(.schema-form-text).checkbox-inline label {
  color: var(--c8y-form-control-color-default) !important;
}
.has-success:not(.schema-form-text) .form-control {
  box-shadow: inset 1px 0 0 0 var(--c8y-form-control-border-color-default), inset -1px 0 0 0 var(--c8y-form-control-border-color-default), inset 0 1px 0 0 var(--c8y-form-control-border-color-default), inset 0 -4px 0 var(--palette-status-success, var(--c8y-form-validation-color-success)) !important;
}
.has-success:not(.schema-form-text) .form-control:focus {
  color: var(--c8y-form-control-color-default);
  box-shadow: inset 2px 0 0 0 var(--c8y-form-control-border-color-focus), inset -2px 0 0 0 var(--c8y-form-control-border-color-focus), inset 0 2px 0 0 var(--c8y-form-control-border-color-focus), inset 0 -4px 0 var(--palette-status-success, var(--c8y-form-validation-color-success)) !important;
}
.has-success:not(.schema-form-text) label.c8y-checkbox input + span:before,
.has-success:not(.schema-form-text) label.c8y-radio input + span:before {
  box-shadow: inset 0 0 0 2px var(--palette-status-success, var(--c8y-form-validation-color-success));
}
.has-success:not(.schema-form-text) label.c8y-checkbox:focus input + span::before,
.has-success:not(.schema-form-text) label.c8y-radio:focus input + span::before,
.has-success:not(.schema-form-text) label.c8y-checkbox input:focus + span::before,
.has-success:not(.schema-form-text) label.c8y-radio input:focus + span::before {
  box-shadow: inset 0 0 0 2px var(--c8y-form-control-border-color-focus);
}
.has-success:not(.schema-form-text) .input-group-addon {
  color: white;
  border-color: var(--palette-status-success, var(--c8y-form-validation-color-success));
  background-color: var(--palette-status-success, var(--c8y-form-validation-color-success));
}
.has-success:not(.schema-form-text) .form-control-feedback-message:before {
  color: var(--palette-status-success, var(--c8y-form-validation-color-success));
}
.has-success:not(.schema-form-text) .form-control-feedback-message:before {
  content: var(--c8y-alert-success-icon, "\eb00");
}
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
  color: var(--c8y-form-control-color-default) !important;
}
.has-warning .form-control {
  box-shadow: inset 1px 0 0 0 var(--c8y-form-control-border-color-default), inset -1px 0 0 0 var(--c8y-form-control-border-color-default), inset 0 1px 0 0 var(--c8y-form-control-border-color-default), inset 0 -4px 0 var(--palette-status-warning, var(--c8y-form-validation-color-warning)) !important;
}
.has-warning .form-control:focus {
  color: var(--c8y-form-control-color-default);
  box-shadow: inset 2px 0 0 0 var(--c8y-form-control-border-color-focus), inset -2px 0 0 0 var(--c8y-form-control-border-color-focus), inset 0 2px 0 0 var(--c8y-form-control-border-color-focus), inset 0 -4px 0 var(--palette-status-warning, var(--c8y-form-validation-color-warning)) !important;
}
.has-warning label.c8y-checkbox input + span:before,
.has-warning label.c8y-radio input + span:before {
  box-shadow: inset 0 0 0 2px var(--palette-status-warning, var(--c8y-form-validation-color-warning));
}
.has-warning label.c8y-checkbox:focus input + span::before,
.has-warning label.c8y-radio:focus input + span::before,
.has-warning label.c8y-checkbox input:focus + span::before,
.has-warning label.c8y-radio input:focus + span::before {
  box-shadow: inset 0 0 0 2px var(--c8y-form-control-border-color-focus);
}
.has-warning .input-group-addon {
  color: white;
  border-color: var(--palette-status-warning, var(--c8y-form-validation-color-warning));
  background-color: var(--palette-status-warning, var(--c8y-form-validation-color-warning));
}
.has-warning .form-control-feedback-message:before {
  color: var(--palette-status-warning, var(--c8y-form-validation-color-warning));
}
.has-warning .form-control-feedback-message:before {
  content: var(--c8y-alert-warning-icon, "\eae5");
}
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
  color: var(--c8y-form-control-color-default) !important;
}
.has-error .form-control {
  box-shadow: inset 1px 0 0 0 var(--c8y-form-control-border-color-default), inset -1px 0 0 0 var(--c8y-form-control-border-color-default), inset 0 1px 0 0 var(--c8y-form-control-border-color-default), inset 0 -4px 0 var(--palette-status-danger, var(--c8y-form-validation-color-error)) !important;
}
.has-error .form-control:focus {
  color: var(--c8y-form-control-color-default);
  box-shadow: inset 2px 0 0 0 var(--c8y-form-control-border-color-focus), inset -2px 0 0 0 var(--c8y-form-control-border-color-focus), inset 0 2px 0 0 var(--c8y-form-control-border-color-focus), inset 0 -4px 0 var(--palette-status-danger, var(--c8y-form-validation-color-error)) !important;
}
.has-error label.c8y-checkbox input + span:before,
.has-error label.c8y-radio input + span:before {
  box-shadow: inset 0 0 0 2px var(--palette-status-danger, var(--c8y-form-validation-color-error));
}
.has-error label.c8y-checkbox:focus input + span::before,
.has-error label.c8y-radio:focus input + span::before,
.has-error label.c8y-checkbox input:focus + span::before,
.has-error label.c8y-radio input:focus + span::before {
  box-shadow: inset 0 0 0 2px var(--c8y-form-control-border-color-focus);
}
.has-error .input-group-addon {
  color: white;
  border-color: var(--palette-status-danger, var(--c8y-form-validation-color-error));
  background-color: var(--palette-status-danger, var(--c8y-form-validation-color-error));
}
.has-error .form-control-feedback-message:before {
  color: var(--palette-status-danger, var(--c8y-form-validation-color-error));
}
.has-error .form-control-feedback-message:before {
  content: var(--c8y-alert-danger-icon, "\e97b");
}
.form-control-feedback-message.has-error {
  margin-bottom: 8px;
  line-height: 1.2;
}
.form-control-feedback-message.has-error:before {
  color: var(--palette-status-danger, var(--c8y-form-validation-color-error));
  content: var(--c8y-alert-danger-icon, "\e97b");
}
.table-data-grid .form-control-feedback-message.has-error {
  display: none !important;
}
.has-info .help-block,
.has-info .control-label,
.has-info .radio,
.has-info .checkbox,
.has-info .radio-inline,
.has-info .checkbox-inline,
.has-info.radio label,
.has-info.checkbox label,
.has-info.radio-inline label,
.has-info.checkbox-inline label {
  color: var(--c8y-form-control-color-default) !important;
}
.has-info .form-control {
  box-shadow: inset 1px 0 0 0 var(--c8y-form-control-border-color-default), inset -1px 0 0 0 var(--c8y-form-control-border-color-default), inset 0 1px 0 0 var(--c8y-form-control-border-color-default), inset 0 -4px 0 var(--palette-status-info, var(--c8y-form-validation-color-info)) !important;
}
.has-info .form-control:focus {
  color: var(--c8y-form-control-color-default);
  box-shadow: inset 2px 0 0 0 var(--c8y-form-control-border-color-focus), inset -2px 0 0 0 var(--c8y-form-control-border-color-focus), inset 0 2px 0 0 var(--c8y-form-control-border-color-focus), inset 0 -4px 0 var(--palette-status-info, var(--c8y-form-validation-color-info)) !important;
}
.has-info label.c8y-checkbox input + span:before,
.has-info label.c8y-radio input + span:before {
  box-shadow: inset 0 0 0 2px var(--palette-status-info, var(--c8y-form-validation-color-info));
}
.has-info label.c8y-checkbox:focus input + span::before,
.has-info label.c8y-radio:focus input + span::before,
.has-info label.c8y-checkbox input:focus + span::before,
.has-info label.c8y-radio input:focus + span::before {
  box-shadow: inset 0 0 0 2px var(--c8y-form-control-border-color-focus);
}
.has-info .input-group-addon {
  color: white;
  border-color: var(--palette-status-info, var(--c8y-form-validation-color-info));
  background-color: var(--palette-status-info, var(--c8y-form-validation-color-info));
}
.has-info .form-control-feedback-message:before {
  color: var(--palette-status-info, var(--c8y-form-validation-color-info));
}
.has-info .form-control-feedback-message:before {
  content: var(--c8y-alert-info-icon, "\eae4");
}
textarea ~ .help-block:not(:empty):before,
file-picker ~ .help-block:not(:empty):before,
select ~ .help-block:not(:empty):before,
input ~ .help-block:not(:empty):before,
c8y-field-input ~ .help-block:not(:empty):before,
.form-control ~ .help-block:not(:empty):before,
.input-group ~ .help-block:not(:empty):before {
  color: var(--palette-status-info, var(--c8y-form-validation-color-info));
  content: var(--c8y-alert-info-icon, "\eae4");
}
.form-control.ng-invalid.ng-invalid-required.ng-touched,
.form-control.ng-invalid.ng-touched {
  box-shadow: inset 1px 0 0 0 var(--c8y-form-control-border-color-default), inset -1px 0 0 0 var(--c8y-form-control-border-color-default), inset 0 1px 0 0 var(--c8y-form-control-border-color-default), inset 0 -4px 0 var(--palette-status-danger, var(--c8y-form-validation-color-error));
}
.form-control.ng-invalid.ng-invalid-required.ng-touched:focus,
.form-control.ng-invalid.ng-touched:focus {
  box-shadow: inset 2px 0 0 0 var(--c8y-form-control-border-color-focus), inset -2px 0 0 0 var(--c8y-form-control-border-color-focus), inset 0 2px 0 0 var(--c8y-form-control-border-color-focus), inset 0 -4px 0 var(--palette-status-danger, var(--c8y-form-validation-color-error));
}
.form-control.ng-invalid.ng-invalid-required.ng-touched + * > .form-control-feedback-message:not(:empty):before,
.form-control.ng-invalid.ng-touched + * > .form-control-feedback-message:not(:empty):before {
  color: var(--palette-status-danger, var(--c8y-form-validation-color-error));
  content: var(--c8y-alert-danger-icon, "\e97b");
}
.drop-zone .has-errors .form-control-feedback-message {
  font-size: var(--c8y-font-size-base);
}
.drop-zone .has-errors .form-control-feedback-message:not(:empty):before {
  color: var(--palette-status-danger, var(--c8y-form-validation-color-error));
  content: var(--c8y-alert-danger-icon, "\e97b");
}
.form-control-feedback {
  display: none !important;
}
.form-control-static {
  display: flex;
  align-items: center;
  margin: 1px 0 0;
  min-height: var(--c8y-form-control-height-base);
  line-height: var(--c8y-form-control-line-height);
}
.form-group-sm > label {
  margin-bottom: 0;
  font-size: var(--c8y-font-size-small);
}
.form-group-sm .form-control:not(.c8y-radio):not(.c8y-checkbox),
.form-group-sm > .form-group .form-control:not(.c8y-radio):not(.c8y-checkbox),
.form-group-sm .form-control-static:not(.c8y-radio):not(.c8y-checkbox),
.input-sm:not(.c8y-radio):not(.c8y-checkbox) {
  padding: calc(var(--c8y-form-control-padding-base-vertical) * 0.75) calc(var(--c8y-form-control-padding-base-horizontal) * 0.75);
  height: var(--c8y-form-control-height-sm) !important;
  font-size: var(--c8y-font-size-small);
  line-height: var(--c8y-line-height-small);
}
.form-group-lg > label {
  font-size: var(--c8y-font-size-large);
}
.form-group-lg .form-control:not(.c8y-radio):not(.c8y-checkbox),
.form-group-lg .form-control-static:not(.c8y-radio):not(.c8y-checkbox),
.input-lg:not(.c8y-radio):not(.c8y-checkbox) {
  padding: calc(var(--c8y-form-control-padding-base-vertical) * 1.25) calc(var(--c8y-form-control-padding-base-horizontal) * 1.25);
  max-height: unset !important;
  height: var(--c8y-form-control-height-lg);
  font-size: var(--c8y-font-size-large);
}
.form-read-only {
  position: relative;
}
.form-read-only label {
  pointer-events: none;
}
.form-read-only input,
.form-read-only select {
  pointer-events: none;
}
.form-read-only.hidden-labels .form-group > label {
  display: none;
}
.form-read-only .form-group {
  margin: 0;
}
.form-read-only .form-group label {
  margin: 0;
  color: var(--c8y-form-label-color) !important;
  opacity: 1 !important;
}
.form-read-only .form-control,
.form-read-only .form-control.input-sm,
.form-read-only .form-control.input-lg {
  padding: 0;
  background-color: transparent;
  box-shadow: none;
  opacity: 1 !important;
  resize: none;
}
.form-read-only .form-control.ng-empty,
.form-read-only .form-control.input-sm.ng-empty,
.form-read-only .form-control.input-lg.ng-empty {
  display: none;
}
.form-read-only textarea.form-control {
  height: auto;
  line-height: var(--c8y-form-control-line-height);
}
.form-read-only .btn:not(.form-edit-btn) {
  display: none;
}
.form-read-only .form-edit-btn {
  display: inline-block;
}
.form-read-only input[type='number'] {
  appearance: none;
}
.form-edit-btn {
  position: relative;
  z-index: 1001;
  display: none;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  color: var(--link-color, var(--c8y-component-color-link, var(--c8y-root-component-color-link)));
  font-size: var(--c8y-font-size-small);
  cursor: pointer;
}
.form-edit-btn:hover {
  color: var(--link-hover-color, var(--c8y-component-color-link-hover, var(--c8y-root-component-color-link-hover)));
  text-decoration: none;
}
.form-edit-btn:focus {
  outline: none;
  box-shadow: inset 0 -2px 0 var(--c8y-form-control-border-color-focus);
}
label.editable {
  position: relative;
  display: flex;
  align-items: flex-start;
  margin: 0;
  padding: 0;
  color: var(--c8y-form-control-color-default);
  text-transform: none;
  font-weight: inherit;
  font-size: inherit;
  cursor: pointer;
}
label.editable .form-control {
  min-width: 4ch;
  max-width: 100%;
  appearance: textfield;
}
label.editable .form-control::-webkit-inner-spin-button,
label.editable .form-control::-webkit-outer-spin-button {
  margin: 0;
  -webkit-appearance: none;
}
label.editable .form-control[c8y-textarea-autoresize] {
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, padding 0.35s ease !important;
}
label.editable:has(.ng-pristine):after {
  position: relative;
  margin-top: 0.9rem;
  color: var(--c8y-component-brand-primary, var(--c8y-root-component-brand-primary));
  display: inline-block;
  text-transform: none;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  font-family: 'dlt-c8y-icons' !important;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ece9";
}
label.editable:has(.ng-pristine):after::before,
label.editable:has(.ng-pristine):after::after {
  font-size: 1.1em;
}
label.editable .form-control + span {
  display: none;
}
label.editable:not(.updated) .form-control:not(.ng-dirty) {
  position: relative;
  z-index: 9;
  transition: all 0.35s ease;
}
label.editable:not(.updated) .form-control:not(.ng-dirty)[c8y-textarea-autoresize] {
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, padding 0.35s ease !important;
}
label.editable:not(.updated) .form-control:not(.ng-dirty):not(:focus):not(:hover) {
  z-index: 2;
  overflow: hidden;
  padding-right: 0;
  padding-left: 0;
  background-color: transparent;
  box-shadow: none;
  text-overflow: ellipsis;
}
label.editable.updated {
  width: 100%;
}
label.editable.updated:after {
  display: none;
}
label.editable.updated .form-control,
label.editable .form-control:focus,
label.editable .form-control.ng-dirty {
  margin-right: -24px;
  min-width: 100%;
  opacity: 1;
  transition: all 0.25s ease;
}
label.editable.updated .form-control ~ span,
label.editable .form-control:focus ~ span,
label.editable .form-control.ng-dirty ~ span {
  display: none;
}
label.editable:not(.updated):hover .form-control {
  min-width: 100%;
}
label.editable:not(.updated):hover:after {
  opacity: 0;
}
label.editable:not(.updated):hover .form-control:not(:focus) {
  background-color: transparent;
}
label.editable .form-control.ng-invalid-required + span,
label.editable .form-control.ng-invalid-required + span span {
  color: var(--palette-status-danger, var(--c8y-form-validation-color-error)) !important;
}
label.editable .form-control.ng-invalid-required + span:after,
label.editable .form-control.ng-invalid-required + span span:after {
  color: var(--palette-status-danger, var(--c8y-form-validation-color-error)) !important;
}
.has-error label.editable:after,
.has-warning label.editable:after,
.has-info label.editable:after,
.has-success label.editable:after {
  display: none;
}
.has-error label.editable .form-control,
.has-warning label.editable .form-control,
.has-info label.editable .form-control,
.has-success label.editable .form-control {
  padding: var(--c8y-form-control-padding-base-vertical) var(--c8y-form-control-padding-base-horizontal) !important;
}
@media (min-width: 768px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    max-height: 32px !important;
    vertical-align: middle;
  }
  .form-inline .form-group > label {
    margin-right: var(--c8y-unit-base);
  }
  .form-inline .form-group + .form-group {
    margin-left: var(--c8y-unit-base);
  }
  .form-inline label {
    display: inline-block;
    margin-bottom: 0;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .form-control-static {
    display: inline-block;
  }
  .form-inline .input-group {
    display: inline-flex;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .input-group .input-group-addon,
  .form-inline .input-group .input-group-btn,
  .form-inline .input-group .form-control {
    width: auto;
  }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .c8y-select-wrapper {
    display: inline-block;
    vertical-align: middle;
  }
  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio label,
  .form-inline .checkbox label {
    padding-left: 0;
  }
  .form-inline .radio input[type='radio'],
  .form-inline .checkbox input[type='checkbox'] {
    position: relative;
    margin-left: 0;
  }
  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
  .form-inline .has-feedback .form-control-feedback-message {
    top: var(--c8y-form-control-height-base);
  }
}
.radio label,
.checkbox label {
  display: inline-flex;
  align-items: center;
  margin: 0 0 8px 0;
  padding-left: 0;
}
.radio label > input[type='radio'],
.checkbox label > input[type='radio'],
.radio label > input[type='checkbox'],
.checkbox label > input[type='checkbox'] {
  flex-grow: 0;
  margin: 0 8px 0 0;
  height: 18px;
}
.radio label > input[type='radio'] + span,
.checkbox label > input[type='radio'] + span,
.radio label > input[type='checkbox'] + span,
.checkbox label > input[type='checkbox'] + span {
  flex-grow: 1;
  font-weight: normal;
}
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: calc(var(--c8y-component-padding-base-vertical, var(--c8y-root-component-padding-base-vertical)) + 1px);
}
.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: calc(calc(var(--c8y-font-size-base) * var(--c8y-line-height-base, 1.42857142857)) + var(--c8y-component-padding-base-vertical, var(--c8y-root-component-padding-base-vertical)) + 1);
}
.form-horizontal .form-group {
  margin-right: calc(calc(var(--c8y-unit-base) * 3) * -0.5);
  margin-left: calc(calc(var(--c8y-unit-base) * 3) * -0.5);
}
.form-horizontal .form-group .form-group {
  position: relative;
  margin-right: 0;
  margin-left: 0;
}
.form-horizontal .form-group .form-group .form-control-feedback {
  right: 5px;
}
@media (min-width: 768px) {
  .form-horizontal .control-label {
    margin-bottom: 0;
    padding-top: calc(var(--c8y-component-padding-base-vertical, var(--c8y-root-component-padding-base-vertical)) + 2px);
  }
}
.form-horizontal .has-feedback .form-control-feedback {
  right: calc(calc(var(--c8y-unit-base) * 3) * 0.5 + 5);
}
@media (min-width: 768px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: calc(var(--c8y-component-padding-large-vertical, var(--c8y-root-component-padding-large-vertical)) * var(--c8y-line-height-large) + 1);
    font-size: var(--c8y-font-size-large);
  }
}
@media (min-width: 768px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: calc(var(--c8y-component-padding-small-vertical, var(--c8y-root-component-padding-small-vertical)) + 1);
    font-size: var(--c8y-font-size-small);
  }
}
.btn-save-wrapper {
  animation-duration: 0.5s;
}
.btn-save-wrapper.changed-remove-active {
  animation-duration: 0;
}
.btn-save-wrapper.changed {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1029;
  padding: 16px 48px;
  background-color: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  transition: left 0.4s ease-in-out;
}
.mcontainerHorizontal .btn-save-wrapper.changed {
  left: 0;
  padding: 10px 15px;
}
.open .btn-save-wrapper.changed {
  left: 240px;
}
.open .has-tabs.page-tabs-vertical + .container-fluid .btn-save-wrapper.changed {
  left: calc(240px + var(--c8y-nav-tabs-vertical-width));
}
.c8y-switch {
  display: flex;
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0 3px 0 calc(calc(var(--c8y-font-size-base) * var(--c8y-line-height-base, 1.42857143)) * 2 + 5px);
  min-height: var(--c8y-form-control-height-base);
  color: var(--c8y-form-control-color-default);
  text-transform: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  letter-spacing: 0;
  font-weight: normal;
  font-size: inherit;
  line-height: var(--c8y-form-control-height-base);
}
.c8y-switch + .c8y-switch {
  margin-left: 6px;
}
.c8y-switch:hover {
  cursor: pointer;
}
.c8y-switch input[type='checkbox'] {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.c8y-switch input[type='checkbox'] + span {
  position: absolute;
  top: calc((32px - calc(var(--c8y-font-size-base) * var(--c8y-line-height-base, 1.42857143))) / 2);
  left: 2px;
  z-index: 1;
  height: calc(var(--c8y-font-size-base) * var(--c8y-line-height-base, 1.42857143));
  border: 0;
  background-color: transparent;
}
.c8y-switch input[type='checkbox'] + span:before,
.c8y-switch input[type='checkbox'] + span:after {
  position: absolute;
  content: '';
}
.c8y-switch input[type='checkbox'] + span::before {
  top: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  width: calc(calc(var(--c8y-font-size-base) * var(--c8y-line-height-base, 1.42857143)) * 2 - 2px);
  border-radius: calc(calc(var(--c8y-font-size-base) * var(--c8y-line-height-base, 1.42857143)) / 2);
  background-color: var(--c8y-switch-background-default);
  box-shadow: none;
  transition: background 0.25s ease;
}
.c8y-switch input[type='checkbox'] + span::after {
  position: absolute;
  top: 3px;
  bottom: 3px;
  left: 3px;
  z-index: -1;
  width: calc(calc(var(--c8y-font-size-base) * var(--c8y-line-height-base, 1.42857143)) - 6px);
  border-radius: calc(calc(var(--c8y-font-size-base) * var(--c8y-line-height-base, 1.42857143)) / 2) !important;
  background-color: var(--c8y-switch-handle-background, var(--c8y-form-control-background-default));
  content: '';
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
  transition: all 0.25s ease !important;
}
.c8y-switch input[type='checkbox']:focus + span::before {
  outline: 2px solid var(--c8y-component-color-focus, var(--c8y-root-component-color-focus));
}
.c8y-switch input[disabled] + span {
  opacity: 0.5;
}
.c8y-switch input[disabled] + span:before,
.c8y-switch input[disabled] + span:after {
  cursor: not-allowed;
}
.c8y-switch input:checked + span:before {
  background-color: var(--c8y-switch-background-active);
}
.c8y-switch input:checked + span:after {
  left: calc(var(--c8y-font-size-base) * var(--c8y-line-height-base, 1.42857143));
}
.c8y-switch--inline {
  overflow: visible;
  min-height: calc(var(--c8y-font-size-base) * var(--c8y-line-height-base, 1.42857143));
  height: calc(var(--c8y-font-size-base) * var(--c8y-line-height-base, 1.42857143));
  line-height: var(--c8y-line-height-base, 1.42857143);
}
.c8y-switch--inline input[type='checkbox'] + span {
  position: absolute;
  top: 0;
}
.c8y-switch-multistate {
  display: flex;
  justify-content: stretch;
  align-items: center;
  height: var(--c8y-form-control-height-base);
  border-radius: 16px;
  width: 100%;
  background: var(--c8y-palette-gray-60);
  position: relative;
  line-height: 1;
}
.c8y-switch-multistate [class^='dlt-c8y-icon-'],
.c8y-switch-multistate [class*=' dlt-c8y-icon-'],
.c8y-switch-multistate .c8y-icon {
  font-size: 16px;
}
.c8y-switch-multistate input {
  opacity: 0;
  width: 0;
  height: 0;
  margin: 0;
}
.c8y-switch-multistate label {
  flex: 1 1 100%;
  margin: 0;
  opacity: 1;
  display: block;
  text-align: center;
  cursor: pointer;
  position: relative;
  z-index: 100;
}
.c8y-switch-multistate__handle {
  display: block;
  height: 24px;
  width: calc(33.333% - 8px);
  background-color: var(--c8y-switch-handle-background, var(--c8y-form-control-background-default));
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
  border-radius: 16px;
  position: absolute;
  transition: left 0.25s ease;
  top: 4px;
  z-index: 40;
  transform: translate(-50%, 0);
}
.c8y-dark-theme .c8y-switch-multistate__handle {
  --c8y-switch-handle-background: var(--brand-primary, var(--c8y-brand-primary));
}
@media (prefers-color-scheme: dark) {
  .c8y-system-theme .c8y-switch-multistate__handle {
    --c8y-switch-handle-background: var(--brand-primary, var(--c8y-brand-primary));
  }
}
.c8y-switch-multistate input:focus ~ .c8y-switch-multistate__handle {
  outline: 2px solid var(--c8y-component-color-focus, var(--c8y-root-component-color-focus));
}
.c8y-switch-multistate input:checked:nth-child(1) ~ .c8y-switch-multistate__handle,
.c8y-switch-multistate input:focus:nth-child(1) ~ .c8y-switch-multistate__handle {
  left: calc(100% / 6);
}
.c8y-switch-multistate input:checked:nth-child(3) ~ .c8y-switch-multistate__handle,
.c8y-switch-multistate input:focus:nth-child(3) ~ .c8y-switch-multistate__handle {
  left: calc((100% / 6) * 3);
}
.c8y-switch-multistate input:checked:nth-child(5) ~ .c8y-switch-multistate__handle,
.c8y-switch-multistate input:focus:nth-child(5) ~ .c8y-switch-multistate__handle {
  left: calc((100% / 6) * 5);
}
.c8y-dark-theme .c8y-switch-multistate input:checked + label {
  color: var(--c8y-palette-gray-100);
}
@media (prefers-color-scheme: dark) {
  .c8y-system-theme .c8y-switch-multistate input:checked + label {
    color: var(--c8y-palette-gray-100);
  }
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  color: var(--c8y-headings-color);
  font-weight: var(--c8y-font-weight-headings, 400);
  font-family: var(--font-family-headings, var(--c8y-headings-font-family));
  line-height: var(--c8y-line-height-headings, 1.15);
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
  color: var(--c8y-component-color-text-muted, var(--c8y-root-component-color-text-muted));
  font-weight: normal;
  line-height: 1;
}
h1,
.h1,
h2,
.h2,
h3,
.h3 {
  margin-top: 0;
  margin-bottom: 0;
}
h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h1 .small,
.h1 .small,
h2 .small,
.h2 .small,
h3 .small,
.h3 .small {
  font-size: 65%;
}
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  margin-top: 0;
  margin-bottom: 0;
}
h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small,
h4 .small,
.h4 .small,
h5 .small,
.h5 .small,
h6 .small,
.h6 .small {
  font-size: 75%;
}
h1,
.h1 {
  font-size: var(--c8y-font-size-h1);
}
h2,
.h2 {
  font-size: var(--c8y-font-size-h2);
}
h3,
.h3 {
  font-size: var(--c8y-font-size-h3);
}
h4,
.h4 {
  font-size: var(--c8y-font-size-h4);
}
h5,
.h5 {
  font-size: var(--c8y-font-size-h5);
}
h6,
.h6 {
  font-size: var(--c8y-font-size-h6);
}
p {
  margin: 0;
}
.lead {
  margin-bottom: 16px;
  font-size: calc(var(--c8y-font-size-base) * 1.14285714);
  line-height: 1.4;
}
small,
.small {
  font-size: var(--c8y-font-size-small);
}
mark,
.mark {
  padding: 0.2em;
  background-color: transparent;
}
ul,
ol {
  margin-top: 0;
  margin-bottom: calc(calc(var(--c8y-font-size-base) * var(--c8y-line-height-base, 1.42857143)) / 2);
}
ul ul,
ol ul,
ul ol,
ol ol {
  margin-bottom: 0;
}
.check-bullets {
  margin: 0 0 10px;
  padding: 0;
  list-style: none;
  text-align: left;
}
.check-bullets > li {
  margin-bottom: 5px;
  padding: 0 0 0 20px;
}
.check-bullets > li:before {
  display: inline-block;
  margin-left: -20px;
  width: 20px;
  content: "\eaee";
  font: normal normal normal 14px/1 "dlt-c8y-icons";
  font-size: 120%;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.check-bullets.success > li:before {
  color: var(--palette-status-success, var(--c8y-palette-status-success));
}
.check-bullets.brand-primary > li:before {
  color: var(--brand-primary, var(--c8y-brand-primary));
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.list-inline {
  margin-left: -5px;
  padding-left: 0;
  list-style: none;
}
.list-inline > li {
  display: inline-block;
  padding-right: 5px;
  padding-left: 5px;
}
dl {
  margin-top: 0;
  margin-bottom: calc(var(--c8y-font-size-base) * var(--c8y-line-height-base, 1.42857143));
}
dt,
dd {
  line-height: var(--c8y-line-height-base, 1.42857143);
}
dt {
  font-weight: bold;
}
dd {
  margin-left: 0;
}
dl.dl-inline {
  margin-bottom: 0;
}
dl.dl-inline dt {
  margin-right: 5px;
}
dl.dl-inline dt,
dl.dl-inline dd {
  display: inline-block;
  vertical-align: top;
}
dl.dl-inline dd:after {
  content: '\A';
  white-space: pre;
}
@media (min-width: 1200px) {
  .dl-horizontal dt {
    float: left;
    clear: left;
    width: calc((var(--c8y-dl-horizontal-offset) - 20) * 1px);
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .dl-horizontal dd {
    margin-bottom: var(--c8y-unit-base);
    margin-left: calc(var(--c8y-dl-horizontal-offset) * 1px);
  }
}
abbr[title],
abbr[data-original-title] {
  border-bottom: 1px dotted var(--c8y-palette-gray-80);
  cursor: help;
}
.initialism {
  font-size: 90%;
  text-transform: uppercase !important;
}
blockquote {
  margin: 0 0 calc(var(--c8y-font-size-base) * var(--c8y-line-height-base, 1.42857143));
  padding: calc(calc(var(--c8y-font-size-base) * var(--c8y-line-height-base, 1.42857143)) / 2) calc(var(--c8y-font-size-base) * var(--c8y-line-height-base, 1.42857143));
  border-left: 4px solid var(--c8y-blockquote-border-color);
  font-size: var(--c8y-blockquote-font-size, var(--c8y-font-size-large));
}
blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
  margin-bottom: 0;
}
blockquote footer,
blockquote small,
blockquote .small {
  display: block;
  color: var(--c8y-component-color-text-muted, var(--c8y-root-component-color-text-muted));
  font-size: 80%;
  line-height: var(--c8y-line-height-base, 1.42857143);
}
blockquote footer:before,
blockquote small:before,
blockquote .small:before {
  content: '\2014 \00A0';
}
.blockquote-reverse,
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid var(--c8y-blockquote-border-color);
  border-left: 0;
  text-align: right;
}
.blockquote-reverse footer:before,
blockquote.pull-right footer:before,
.blockquote-reverse small:before,
blockquote.pull-right small:before,
.blockquote-reverse .small:before,
blockquote.pull-right .small:before {
  content: '';
}
.blockquote-reverse footer:after,
blockquote.pull-right footer:after,
.blockquote-reverse small:after,
blockquote.pull-right small:after,
.blockquote-reverse .small:after,
blockquote.pull-right .small:after {
  content: '\00A0 \2014';
}
address {
  margin-bottom: calc(var(--c8y-font-size-base) * var(--c8y-line-height-base, 1.42857143));
  font-style: normal;
  line-height: var(--c8y-line-height-base, 1.42857143);
}
/* Languages
  font-family set based on html lang attribute (https://www.w3schools.com/tags/ref_language_codes.asp) and on the keys from .pot files
*/
:lang(ja),
:lang(ja_jp),
:lang(ja-jp),
:lang(ja_JP),
:lang(ja-JP) {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  --c8y-font-size-base: 13px;
}
:lang(zh-Hans),
:lang(zh-tw),
:lang(zh_CN),
:lang(zh-cn) {
  font-family: 'Microsoft YaHei New', 'Microsoft Yahei', '微软雅黑', '宋体', SimSun, STXihei, '华文细黑', sans-serif;
}
table {
  background-color: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
}
caption {
  padding-top: var(--c8y-table-cell-padding-default);
  padding-bottom: var(--c8y-table-cell-padding-default);
  color: var(--c8y-component-color-text-muted, var(--c8y-root-component-color-text-muted));
  text-align: left;
}
th {
  text-align: left;
}
.table {
  clear: both;
  margin-bottom: calc(var(--c8y-font-size-base) * var(--c8y-line-height-base, 1.42857143));
  max-width: 100%;
  width: 100%;
}
.card .table {
  margin-bottom: 0;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  border-top: 1px solid var(--c8y-component-border-color, var(--c8y-root-component-border-color));
  vertical-align: top;
  line-height: var(--c8y-line-height-base, 1.42857143);
}
.table > thead > tr > th label,
.table > tbody > tr > th label,
.table > tfoot > tr > th label,
.table > thead > tr > td label,
.table > tbody > tr > td label,
.table > tfoot > tr > td label {
  margin: 0;
}
.table > thead > tr > th label.c8y-checkbox,
.table > tbody > tr > th label.c8y-checkbox,
.table > tfoot > tr > th label.c8y-checkbox,
.table > thead > tr > td label.c8y-checkbox,
.table > tbody > tr > td label.c8y-checkbox,
.table > tfoot > tr > td label.c8y-checkbox,
.table > thead > tr > th label.c8y-radio,
.table > tbody > tr > th label.c8y-radio,
.table > tfoot > tr > th label.c8y-radio,
.table > thead > tr > td label.c8y-radio,
.table > tbody > tr > td label.c8y-radio,
.table > tfoot > tr > td label.c8y-radio {
  line-height: 1.6;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th {
  padding: 10px var(--c8y-unit-base);
}
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: var(--c8y-table-cell-padding-default) var(--c8y-unit-base);
  min-height: 48px;
}
.table > thead > tr.expanded-row > td,
.table > tbody > tr.expanded-row > td,
.table > tfoot > tr.expanded-row > td {
  border-top: 0;
}
.table thead + tbody tr:first-child > td,
.table thead + tbody tr:first-child > th {
  border-top: 0;
}
.table > thead > tr > th {
  border-top: 0;
  border-bottom: 0;
  box-shadow: inset 0 -2px 0 var(--c8y-component-border-color, var(--c8y-root-component-border-color));
  vertical-align: bottom;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
  color: var(--c8y-component-form-label-color, var(--c8y-root-component-form-label-color));
  vertical-align: bottom;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 20px;
}
.table > caption + thead > tr:first-child > th [class^='dlt-c8y-icon-'],
.table > colgroup + thead > tr:first-child > th [class^='dlt-c8y-icon-'],
.table > thead:first-child > tr:first-child > th [class^='dlt-c8y-icon-'],
.table > caption + thead > tr:first-child > td [class^='dlt-c8y-icon-'],
.table > colgroup + thead > tr:first-child > td [class^='dlt-c8y-icon-'],
.table > thead:first-child > tr:first-child > td [class^='dlt-c8y-icon-'],
.table > caption + thead > tr:first-child > th [class*=' dlt-c8y-icon-'],
.table > colgroup + thead > tr:first-child > th [class*=' dlt-c8y-icon-'],
.table > thead:first-child > tr:first-child > th [class*=' dlt-c8y-icon-'],
.table > caption + thead > tr:first-child > td [class*=' dlt-c8y-icon-'],
.table > colgroup + thead > tr:first-child > td [class*=' dlt-c8y-icon-'],
.table > thead:first-child > tr:first-child > td [class*=' dlt-c8y-icon-'] {
  font-size: 14px;
}
.table > tbody + tbody {
  border-top: 2px solid var(--c8y-component-border-color, var(--c8y-root-component-border-color));
}
.table .table {
  background-color: transparent;
}
.table > thead > tr > th.fixed {
  width: 1px;
  white-space: nowrap;
}
.table > thead > tr > th.text-truncate {
  display: table-cell;
  overflow: hidden;
  max-width: 1px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.table > thead > tr > th.auto-grow {
  min-width: 150px;
  overflow-wrap: break-word;
}
.table > tbody > tr > td.fixed {
  white-space: nowrap;
}
.table > tbody > tr > td.text-truncate {
  display: table-cell;
  overflow: hidden;
  max-width: 1px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.table > tbody > tr > td.auto-grow {
  min-width: 150px;
  overflow-wrap: break-word;
}
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding: calc(var(--c8y-table-cell-padding-condensed) - 1px) var(--c8y-table-cell-padding-condensed);
  font-size: 12px;
}
.table-condensed > thead > tr > td > c8y-device-status-display,
.table-condensed > tbody > tr > td > c8y-device-status-display,
.table-condensed > tfoot > tr > td > c8y-device-status-display {
  display: block;
  height: 12px;
}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th {
  padding: var(--c8y-table-cell-padding-condensed);
  font-size: 10px !important;
}
.table-bordered {
  border: 1px solid var(--c8y-component-border-color, var(--c8y-root-component-border-color));
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid var(--c8y-component-border-color, var(--c8y-root-component-border-color));
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}
.table-striped > tbody > tr:not(.even):not(.odd):not(.expanded-row):nth-of-type(odd),
.table-striped > tbody > tr.odd {
  background: var(--c8y-component-background-odd, var(--c8y-root-component-background-odd));
}
.table-striped > tbody > tr:not(.even):not(.odd):not(.expanded-row):nth-of-type(odd) + tr.expanded-row,
.table-striped > tbody > tr.odd + tr.expanded-row {
  background: var(--c8y-component-background-odd, var(--c8y-root-component-background-odd));
}
.table-striped > tbody > tr.even {
  background: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
}
.table-hover > tbody > tr:hover {
  background: var(--c8y-component-background-hover, var(--c8y-root-component-background-hover));
}
.table-header-branding-line > thead > tr > th {
  border-bottom-width: 1px;
  border-bottom-color: var(--c8y-component-border-color, var(--c8y-root-component-border-color));
}
.table-header-branding-line > tbody:first-child > tr > td {
  border-top-width: 1px;
  border-top-color: var(--c8y-component-border-color, var(--c8y-root-component-border-color));
}
table col[class*='col-'] {
  position: static;
  display: table-column;
  float: none;
}
table td[class*='col-'],
table th[class*='col-'] {
  position: static;
  display: table-cell;
  float: none;
}
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
  background-color: var(--c8y-component-background-active, var(--c8y-root-component-background-active));
}
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05)) var(--c8y-component-background-active, var(--c8y-root-component-background-active));
}
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
  background-color: transparent;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05)) transparent;
}
.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
  background-color: transparent;
}
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05)) transparent;
}
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
  background-color: transparent;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05)) transparent;
}
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
  background-color: transparent;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05)) transparent;
}
.table-responsive {
  overflow-x: auto;
  min-height: 0.01%;
}
.table-responsive.full-page {
  overflow-y: auto;
  max-height: calc(100vh - 145px);
}
@media (min-width: 768px) {
  .table-responsive.full-page {
    max-height: calc(100vh - 256px);
  }
}
@media screen and (max-width: 767px) {
  .table-responsive {
    overflow-y: hidden;
    margin-bottom: calc(calc(var(--c8y-font-size-base) * var(--c8y-line-height-base, 1.42857143)) * 0.75);
    width: 100%;
    border: 1px solid var(--c8y-component-border-color, var(--c8y-root-component-border-color));
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  .table-responsive > .table {
    margin-bottom: 0;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    overflow: hidden;
    max-width: 767px;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}
.table-borderless td,
.table-borderless tr,
.table-borderless th {
  border: 0 !important;
}
.table-vertical-middle * {
  vertical-align: middle !important;
}
.table-cell-truncate {
  position: relative;
}
.table-cell-truncate .truncated-cell-content {
  position: absolute;
  overflow: hidden;
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.table-fixed {
  table-layout: fixed;
}
.table-fixed th,
.table-fixed td {
  word-break: break-all;
}
.table-header-sticky th {
  position: sticky;
  background-color: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
}
.table-permissions > tbody:nth-child(odd) {
  background-color: var(--c8y-component-background-odd, var(--c8y-root-component-background-odd));
}
.c8y-table-responsive thead {
  display: none;
}
.c8y-table-responsive > tbody > tr {
  border-bottom: 1px solid var(--c8y-component-border-color, var(--c8y-root-component-border-color));
}
.c8y-table-responsive > tbody > tr > td,
.c8y-table-responsive > tbody > tr > th {
  display: block;
  padding: 6px 10px;
  border: 0;
}
.c8y-table-responsive > tbody > tr > td:before,
.c8y-table-responsive > tbody > tr > th:before {
  display: inline-block;
  padding-right: 10px;
  min-width: 20%;
  content: attr(data-label);
  text-transform: uppercase;
  font-weight: bold;
  font-size: 10px;
}
@media (min-width: 768px) {
  .c8y-table-responsive thead {
    display: table-header-group;
  }
  .c8y-table-responsive > tbody > tr:not(.expanded-row) {
    border: 0;
  }
  .c8y-table-responsive > tbody > tr:not(.expanded-row) > td,
  .c8y-table-responsive > tbody > tr:not(.expanded-row) > th {
    display: table-cell;
    border-top: 1px solid var(--c8y-component-border-color, var(--c8y-root-component-border-color));
  }
  .c8y-table-responsive > tbody > tr:not(.expanded-row) > td:before,
  .c8y-table-responsive > tbody > tr:not(.expanded-row) > th:before {
    display: none;
  }
}
.input-group {
  position: relative;
  display: flex;
  align-items: stretch;
  flex-wrap: nowrap;
  width: 100%;
}
.input-group[class*='col-'] {
  float: none;
  padding-right: 0;
  padding-left: 0;
}
.input-group .form-control + .form-control {
  margin-left: -1px;
}
.input-group > .form-control,
.input-group > .c8y-select-wrapper,
.input-group > .form-group,
.input-group > div[c8y-device-group-selector] {
  position: relative;
  z-index: 2;
  flex: 1 1 auto;
  margin-bottom: 0;
  height: var(--c8y-form-control-height-base) !important;
  min-width: 0;
}
.input-group > .color-input {
  flex-grow: 0;
  flex-basis: 39px;
}
.input-group .form-control.inner-scroll {
  box-shadow: none;
  border: 1px solid var(--c8y-form-control-border-color-default);
  padding-top: 0;
  padding-bottom: 0;
  align-items: center;
}
.input-group c8y-software-type {
  flex-grow: 1 !important;
}
.input-group c8y-software-type c8y-typeahead .input-group input {
  flex-grow: 1 !important;
}
.input-group.typeahead > div:not(.input-group-btn) {
  flex: 1;
}
.input-group.typeahead > div:not(.input-group-btn) .form-control {
  width: 100%;
}
.input-group-addon {
  display: flex;
  align-items: center;
  padding: var(--c8y-form-control-padding-base-vertical) var(--c8y-form-control-padding-base-horizontal);
  border-radius: var(--c8y-form-control-border-radius);
  background-color: var(--c8y-form-control-border-color-default);
  color: var(--c8y-form-control-color-default);
  font-weight: var(--c8y-form-control-font-weight);
  font-size: var(--c8y-font-size-base);
  font-family: var(--font-family-base, var(--c8y-form-control-font-family));
  line-height: var(--c8y-form-control-line-height);
  height: var(--c8y-form-control-height-base);
}
.input-group-addon.inner-scroll {
  max-width: 230px;
  height: 32px;
  margin-left: -1px;
}
.form-group-sm .input-group-addon,
.input-group-addon.input-sm {
  padding: calc(var(--c8y-form-control-padding-base-vertical) * 0.75) calc(var(--c8y-form-control-padding-base-horizontal) * 0.75);
  font-size: var(--c8y-font-size-small);
  height: var(--c8y-form-control-height-sm);
}
.input-group-addon label.c8y-checkbox,
.input-group-addon label.c8y-radio {
  margin: 0;
  line-height: 1;
}
.input-group-addon label.c8y-checkbox input[type='checkbox'] + span::before,
.input-group-addon label.c8y-radio input[type='checkbox'] + span::before,
.input-group-addon label.c8y-checkbox input[type='radio'] + span::before,
.input-group-addon label.c8y-radio input[type='radio'] + span::before {
  margin: 0;
}
.input-group-btn {
  display: flex;
  align-items: stretch;
  max-height: var(--c8y-form-control-height-base);
}
.input-group-btn--last {
  margin-left: -1px;
}
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.form-control:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.input-group.input-group-search {
  display: flex !important;
}
.input-group.input-group-search .form-control,
.input-group.input-group-search .form-control:first-child,
.input-group.input-group-search .form-control:last-child {
  padding-right: calc(var(--c8y-form-control-height-base) + var(--c8y-form-control-padding-base-horizontal));
  padding-left: calc(var(--c8y-form-control-padding-base-horizontal) * 2);
  border-radius: calc(var(--c8y-form-control-height-base) * 0.5);
}
.input-group.input-group-search .input-group-btn,
.input-group.input-group-search .input-group-addon {
  position: absolute;
  right: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  min-width: var(--c8y-form-control-height-base);
  height: var(--c8y-form-control-height-base);
  border: 0;
  background-color: transparent;
}
.input-group.input-group-search .input-group-btn .btn,
.input-group.input-group-search .input-group-addon .btn {
  width: 100%;
  height: 100%;
  line-height: 1;
  border-radius: calc(var(--c8y-form-control-height-base) * 0.5) !important;
}
.input-group.input-group-search .input-group-btn .btn:hover,
.input-group.input-group-search .input-group-addon .btn:hover {
  box-shadow: inset 0 0 0 2px var(--c8y-component-brand-primary, var(--c8y-root-component-brand-primary));
}
.input-group.input-group-search.input-group-sm .form-control:not(.c8y-radio):not(.c8y-checkbox) {
  padding-left: 12px;
}
.input-group.input-group-search.input-group-sm .input-group-btn,
.input-group.input-group-search.input-group-sm .input-group-addon,
.input-group.input-group-search.input-group-sm .form-group {
  height: var(--c8y-form-control-height-sm);
}
.input-group.input-group-password {
  display: flex !important;
}
.input-group.input-group-password .form-control,
.input-group.input-group-password .form-control:first-child,
.input-group.input-group-password .form-control:last-child {
  padding-right: calc(var(--c8y-form-control-height-base) + var(--c8y-form-control-padding-base-horizontal));
  padding-left: var(--c8y-form-control-padding-base-horizontal);
}
.input-group.input-group-password .input-group-btn,
.input-group.input-group-password .input-group-addon {
  position: absolute;
  right: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  min-width: var(--c8y-form-control-height-base);
  height: var(--c8y-form-control-height-base);
  border: 0;
  background-color: transparent;
}
.input-group.input-group-password .input-group-btn .btn,
.input-group.input-group-password .input-group-addon .btn {
  width: 100%;
  height: 100%;
}
.input-group.input-group-password.input-group-sm .form-control:not(.c8y-radio):not(.c8y-checkbox) {
  padding-left: 12px;
}
.input-group.input-group-password.input-group-sm .input-group-btn,
.input-group.input-group-password.input-group-sm .input-group-addon {
  height: var(--c8y-form-control-height-sm);
}
.input-group.input-group-dropdown .input-group-btn,
.input-group.input-group-dropdown .input-group-addon {
  position: absolute;
  right: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  min-width: var(--c8y-form-control-height-base);
  height: var(--c8y-form-control-height-base);
  border: 0;
  background-color: transparent;
}
.input-group.input-group-dropdown .input-group-btn .btn,
.input-group.input-group-dropdown .input-group-addon .btn {
  width: 100%;
  height: 100%;
  border: 0;
}
.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group-editable .input-group-btn .btn-clean {
  position: relative;
  padding: 6px;
}
.input-group-editable .input-group-btn .btn-clean::after {
  position: absolute;
  top: 50%;
  right: 0;
  display: block;
  margin-top: -10px;
  width: 1px;
  height: 20px;
  background-color: rgba(0, 0, 0, 0.1);
  content: '';
}
.input-group-editable .input-group-btn:last-child .btn-clean::after {
  display: none;
}
.input-group-editable textarea.form-control {
  max-height: unset !important;
  height: var(--c8y-form-control-height-base);
}
.input-group-editable input[type='number']:not(:focus) {
  -moz-appearance: textfield;
}
.input-group-editable input[type='number']:not(:focus)::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
}
.input-group-editable .form-control:not(.ng-dirty) {
  transition: all 0.25s ease;
}
.input-group-editable .form-control:not(.ng-dirty)[disabled] {
  padding-left: 0;
  box-shadow: none;
  opacity: var(--c8y-component-disabled-opacity, var(--c8y-root-component-disabled-opacity));
  transition: none;
}
.input-group-editable .form-control:not(.ng-dirty) ~ .input-group-btn {
  display: none;
}
.input-group-editable:not(:hover) textarea.form-control {
  resize: none;
}
.input-group-editable:not(:hover) .form-control:not(:focus):not(.ng-dirty) {
  z-index: 2;
  overflow: hidden;
  flex: 0 1 auto;
  margin-right: 12px;
  padding-left: 0;
  min-width: 3ch;
  max-width: 100%;
  width: fit-content;
  background-color: transparent;
  box-shadow: none;
  text-overflow: ellipsis;
}
.input-group-editable:not(:hover) .form-control:not(:focus):not(.ng-dirty)[disabled],
.input-group-editable:not(:hover) .form-control:not(:focus):not(.ng-dirty)[read-only] {
  width: 100%;
}
.input-group-editable:not(:hover) .form-control:not(:focus):not(.ng-dirty) + span:after {
  z-index: 5;
  display: inline-block;
  margin-left: -16px;
  color: var(--c8y-component-brand-primary, var(--c8y-root-component-brand-primary));
  content: "\ece9";
  font: normal normal normal 14px/1 "dlt-c8y-icons";
  font-size: 12px;
  line-height: 32px;
  opacity: 0.5;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.form-group-lg .input-group-editable:not(:hover) .form-control:not(:focus):not(.ng-dirty) + span:after {
  line-height: 40px;
}
.input-group-editable:not(:hover) .form-control:not(:focus):not(.ng-dirty)[disabled] + span:after {
  display: none;
}
.input-group-editable:hover .form-control:not(:focus):not(.ng-dirty) {
  flex: 0 1 auto;
  max-width: 100%;
  width: fit-content;
}
.input-group-lg > .form-control:not(.c8y-radio):not(.c8y-checkbox),
.input-group-lg > .input-group-addon:not(.c8y-radio):not(.c8y-checkbox),
.input-group-lg > .input-group-btn > .btn:not(.c8y-radio):not(.c8y-checkbox) {
  padding: calc(var(--c8y-form-control-padding-base-vertical) * 1.25) calc(var(--c8y-form-control-padding-base-horizontal) * 1.25);
  max-height: unset !important;
  height: var(--c8y-form-control-height-lg);
  font-size: var(--c8y-font-size-large);
}
.input-group-lg > .form-group {
  height: var(--c8y-form-control-height-lg) !important;
}
.input-group-sm > .form-control:not(.c8y-radio):not(.c8y-checkbox),
.input-group-sm > .input-group-addon:not(.c8y-radio):not(.c8y-checkbox),
.input-group-sm > .input-group-btn > .btn:not(.c8y-radio):not(.c8y-checkbox) {
  padding: calc(var(--c8y-form-control-padding-base-vertical) * 0.75) calc(var(--c8y-form-control-padding-base-horizontal) * 0.75);
  height: var(--c8y-form-control-height-sm) !important;
  font-size: var(--c8y-font-size-small);
  line-height: var(--c8y-line-height-small);
}
.input-group-sm > .form-group {
  height: var(--c8y-form-control-height-sm) !important;
}
.input-group-addon {
  padding: var(--c8y-form-control-padding-base-vertical) var(--c8y-form-control-padding-base-horizontal);
  border: 1px solid var(--c8y-form-control-border-color-default);
  border-radius: var(--c8y-form-control-border-radius);
  background-color: var(--c8y-form-control-border-color-default);
  color: var(--c8y-form-control-color-default);
  text-align: center;
  font-weight: normal;
  font-size: var(--c8y-font-size-base);
  line-height: 1;
}
.input-group-addon.input-sm {
  padding: calc(var(--c8y-form-control-padding-base-vertical) * 0.75) calc(var(--c8y-form-control-padding-base-horizontal) * 0.75);
  border-radius: var(--c8y-form-control-border-radius);
  font-size: var(--c8y-font-size-small);
}
.input-group-addon.input-lg {
  padding: calc(var(--c8y-form-control-padding-base-vertical) * 1.25) calc(var(--c8y-form-control-padding-base-horizontal) * 1.25);
  border-radius: var(--c8y-form-control-border-radius);
  font-size: var(--c8y-font-size-large);
}
.input-group-addon input[type='radio'],
.input-group-addon input[type='checkbox'] {
  margin-top: 0;
}
.input-group-btn {
  position: relative;
  white-space: nowrap;
  font-size: 0;
}
.input-group-btn > .btn {
  position: relative;
  padding: 5px 12px;
  height: 100%;
}
.input-group-btn > .btn + .btn {
  margin-left: -1px;
  border-left-color: rgba(0, 0, 0, 0.15);
}
.input-group-btn > .btn:hover,
.input-group-btn > .btn:focus,
.input-group-btn > .btn:active {
  z-index: 2;
}
.input-group-btn > .btn.btn-default:not(:focus) {
  border-color: var(--c8y-form-control-border-color-default);
}
.input-group-btn > .btn.btn-link[disabled] {
  color: var(--c8y-component-color-disabled, var(--c8y-root-component-color-disabled)) !important;
  opacity: var(--c8y-form-control-disabled-opacity) !important;
  cursor: not-allowed !important;
  pointer-events: auto !important;
}
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group {
  margin-right: 0;
  border-right-color: rgba(0, 0, 0, 0.15);
}
.input-group-btn:last-child > .btn:not(:focus),
.input-group-btn:last-child > .btn-group {
  z-index: 2;
  border-left-color: rgba(0, 0, 0, 0.15);
}
.input-group-btn:last-child > .btn:focus {
  margin-left: -1px;
}
.input-group-array {
  display: flex;
}
.input-group-array .form-group {
  position: relative;
}
.input-group-array .form-group,
.input-group-array .input-group-btn {
  margin-bottom: 4px;
}
.input-group-array > .input-group-btn.delete-row {
  margin-top: 24px;
}
.input-group-array formly-field {
  flex-grow: 1;
}
.input-group-array + .input-group-array .input-group-btn {
  margin-top: 0;
}
.input-group-array + .input-group-array .form-group > label {
  display: none;
}
.formly-group-array-cols .input-group-array {
  gap: var(--c8y-unit-base);
}
.formly-group-array-cols .input-group-array > formly-field {
  display: contents;
}
.formly-group-array-cols .input-group-array > formly-field > formly-group {
  display: contents;
}
.formly-group-array-cols .input-group-array formly-field {
  flex-basis: 50%;
}
formly-field label.c8y-checkbox {
  margin: var(--c8y-unit-base) 0;
}
c8y-lwm2m-legend-wrapper formly-field > c8y-field-checkbox {
  display: flex;
  align-items: center;
  margin: 0 0 var(--c8y-unit-base) 0;
}
c8y-lwm2m-legend-wrapper formly-field > c8y-field-checkbox label.c8y-switch {
  display: flex !important;
  overflow: visible;
  align-items: center;
}
[c8yinputgrouplistcontainer] > li:not(:last-child) .input-group-btn > .btn.text-primary {
  display: none;
}
.navigatorContent::-webkit-scrollbar,
.c8y-right-drawer::-webkit-scrollbar {
  width: 4px;
  height: 4px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.navigatorContent::-webkit-scrollbar-track,
.c8y-right-drawer::-webkit-scrollbar-track {
  background: var(--c8y-navigator-scrollbar-track);
}
.navigatorContent::-webkit-scrollbar-thumb,
.c8y-right-drawer::-webkit-scrollbar-thumb {
  background: var(--c8y-navigator-scrollbar-thumb-default);
}
.navigatorContent:hover::-webkit-scrollbar-thumb,
.c8y-right-drawer:hover::-webkit-scrollbar-thumb {
  background: var(--c8y-navigator-scrollbar-thumb-hover);
}
.panel.panel-dashboard > .panel-heading + .panel-body,
.panel.panel-dashboard > .panel-heading + .fixed-header + .panel-body,
.modal-inner-scroll-sm,
.modal-inner-scroll,
.card-inner-scroll,
.data-grid__dropdown,
.dropdown-menu-action-bar,
.user-picker-scroll,
.multiselect-item-container,
.c8y-list__group.dropdown-menu,
.selectize-dropdown-content,
.inner-scroll,
.table-data-grid-scroll,
.flex-scroll .flex-content-scroll,
.card--grid__inner-scroll,
.panel-inner-scroll {
  overflow: auto;
}
.panel.panel-dashboard > .panel-heading + .panel-body::-webkit-scrollbar,
.panel.panel-dashboard > .panel-heading + .fixed-header + .panel-body::-webkit-scrollbar,
.modal-inner-scroll-sm::-webkit-scrollbar,
.modal-inner-scroll::-webkit-scrollbar,
.card-inner-scroll::-webkit-scrollbar,
.data-grid__dropdown::-webkit-scrollbar,
.dropdown-menu-action-bar::-webkit-scrollbar,
.user-picker-scroll::-webkit-scrollbar,
.multiselect-item-container::-webkit-scrollbar,
.c8y-list__group.dropdown-menu::-webkit-scrollbar,
.selectize-dropdown-content::-webkit-scrollbar,
.inner-scroll::-webkit-scrollbar,
.table-data-grid-scroll::-webkit-scrollbar,
.flex-scroll .flex-content-scroll::-webkit-scrollbar,
.card--grid__inner-scroll::-webkit-scrollbar,
.panel-inner-scroll::-webkit-scrollbar {
  width: 4px;
  /* for vertical scrollbars */
  height: 4px;
  /* for horizontal scrollbars */
}
.panel.panel-dashboard > .panel-heading + .panel-body::-webkit-scrollbar-track,
.panel.panel-dashboard > .panel-heading + .fixed-header + .panel-body::-webkit-scrollbar-track,
.modal-inner-scroll-sm::-webkit-scrollbar-track,
.modal-inner-scroll::-webkit-scrollbar-track,
.card-inner-scroll::-webkit-scrollbar-track,
.data-grid__dropdown::-webkit-scrollbar-track,
.dropdown-menu-action-bar::-webkit-scrollbar-track,
.user-picker-scroll::-webkit-scrollbar-track,
.multiselect-item-container::-webkit-scrollbar-track,
.c8y-list__group.dropdown-menu::-webkit-scrollbar-track,
.selectize-dropdown-content::-webkit-scrollbar-track,
.inner-scroll::-webkit-scrollbar-track,
.table-data-grid-scroll::-webkit-scrollbar-track,
.flex-scroll .flex-content-scroll::-webkit-scrollbar-track,
.card--grid__inner-scroll::-webkit-scrollbar-track,
.panel-inner-scroll::-webkit-scrollbar-track {
  background: transparent;
}
.panel.panel-dashboard > .panel-heading + .panel-body::-webkit-scrollbar-track:not(textarea),
.panel.panel-dashboard > .panel-heading + .fixed-header + .panel-body::-webkit-scrollbar-track:not(textarea),
.modal-inner-scroll-sm::-webkit-scrollbar-track:not(textarea),
.modal-inner-scroll::-webkit-scrollbar-track:not(textarea),
.card-inner-scroll::-webkit-scrollbar-track:not(textarea),
.data-grid__dropdown::-webkit-scrollbar-track:not(textarea),
.dropdown-menu-action-bar::-webkit-scrollbar-track:not(textarea),
.user-picker-scroll::-webkit-scrollbar-track:not(textarea),
.multiselect-item-container::-webkit-scrollbar-track:not(textarea),
.c8y-list__group.dropdown-menu::-webkit-scrollbar-track:not(textarea),
.selectize-dropdown-content::-webkit-scrollbar-track:not(textarea),
.inner-scroll::-webkit-scrollbar-track:not(textarea),
.table-data-grid-scroll::-webkit-scrollbar-track:not(textarea),
.flex-scroll .flex-content-scroll::-webkit-scrollbar-track:not(textarea),
.card--grid__inner-scroll::-webkit-scrollbar-track:not(textarea),
.panel-inner-scroll::-webkit-scrollbar-track:not(textarea) {
  background: var(--c8y-component-scrollbar-track, var(--c8y-root-component-scrollbar-track));
}
.panel.panel-dashboard > .panel-heading + .panel-body::-webkit-scrollbar-thumb,
.panel.panel-dashboard > .panel-heading + .fixed-header + .panel-body::-webkit-scrollbar-thumb,
.modal-inner-scroll-sm::-webkit-scrollbar-thumb,
.modal-inner-scroll::-webkit-scrollbar-thumb,
.card-inner-scroll::-webkit-scrollbar-thumb,
.data-grid__dropdown::-webkit-scrollbar-thumb,
.dropdown-menu-action-bar::-webkit-scrollbar-thumb,
.user-picker-scroll::-webkit-scrollbar-thumb,
.multiselect-item-container::-webkit-scrollbar-thumb,
.c8y-list__group.dropdown-menu::-webkit-scrollbar-thumb,
.selectize-dropdown-content::-webkit-scrollbar-thumb,
.inner-scroll::-webkit-scrollbar-thumb,
.table-data-grid-scroll::-webkit-scrollbar-thumb,
.flex-scroll .flex-content-scroll::-webkit-scrollbar-thumb,
.card--grid__inner-scroll::-webkit-scrollbar-thumb,
.panel-inner-scroll::-webkit-scrollbar-thumb {
  width: 4px;
  border-radius: 1px;
  background: var(--c8y-component-scrollbar-thumb-default, var(--c8y-root-component-scrollbar-thumb-default));
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.panel.panel-dashboard > .panel-heading + .panel-body:hover::-webkit-scrollbar-thumb,
.panel.panel-dashboard > .panel-heading + .fixed-header + .panel-body:hover::-webkit-scrollbar-thumb,
.modal-inner-scroll-sm:hover::-webkit-scrollbar-thumb,
.modal-inner-scroll:hover::-webkit-scrollbar-thumb,
.card-inner-scroll:hover::-webkit-scrollbar-thumb,
.data-grid__dropdown:hover::-webkit-scrollbar-thumb,
.dropdown-menu-action-bar:hover::-webkit-scrollbar-thumb,
.user-picker-scroll:hover::-webkit-scrollbar-thumb,
.multiselect-item-container:hover::-webkit-scrollbar-thumb,
.c8y-list__group.dropdown-menu:hover::-webkit-scrollbar-thumb,
.selectize-dropdown-content:hover::-webkit-scrollbar-thumb,
.inner-scroll:hover::-webkit-scrollbar-thumb,
.table-data-grid-scroll:hover::-webkit-scrollbar-thumb,
.flex-scroll .flex-content-scroll:hover::-webkit-scrollbar-thumb,
.card--grid__inner-scroll:hover::-webkit-scrollbar-thumb,
.panel-inner-scroll:hover::-webkit-scrollbar-thumb {
  background: var(--c8y-component-scrollbar-thumb-hover, var(--c8y-root-component-scrollbar-thumb-hover));
}
.table-responsive::-webkit-scrollbar {
  width: 4px;
  /* for vertical scrollbars */
  height: 4px;
  /* for horizontal scrollbars */
}
.table-responsive::-webkit-scrollbar-track {
  background: transparent;
}
.table-responsive::-webkit-scrollbar-track:not(textarea) {
  background: var(--c8y-component-scrollbar-track, var(--c8y-root-component-scrollbar-track));
}
.table-responsive::-webkit-scrollbar-thumb {
  width: 4px;
  border-radius: 1px;
  background: var(--c8y-component-scrollbar-thumb-default, var(--c8y-root-component-scrollbar-thumb-default));
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.table-responsive:hover::-webkit-scrollbar-thumb {
  background: var(--c8y-component-scrollbar-thumb-hover, var(--c8y-root-component-scrollbar-thumb-hover));
}
.card-inner-scroll .card-inner-scroll {
  overflow: visible;
  padding: 0;
}
.card-inner-scroll .card-inner-scroll > p {
  padding: 0;
}
/* fix for firefox position sticky bottom bug
 https://bugzilla.mozilla.org/show_bug.cgi?id=1488080
*/
@media (min-width: 992px) {
  @-moz-document url-prefix() {
    .ff-scroll-fix {
      padding-bottom: 64px !important;
    }
  }
}
.table.table-data-grid {
  display: grid;
  min-width: 100%;
  border-collapse: collapse;
  margin: 0;
  font-feature-settings: 'tnum' 1, 'kern' 1 !important;
  /* end @media */
}
.table.table-data-grid.table-bordered {
  border: 0;
}
.table.table-data-grid.table-hover tr:hover,
.table.table-data-grid.table-hover tr:focus-within {
  background: var(--c8y-component-background-hover, var(--c8y-root-component-background-hover)) !important;
}
.table.table-data-grid.table-hover tr:hover td,
.table.table-data-grid.table-hover tr:focus-within td {
  background: var(--c8y-component-background-hover, var(--c8y-root-component-background-hover)) !important;
}
.table.table-data-grid.table-hover tr:hover + tr.expanded-row,
.table.table-data-grid.table-hover tr:focus-within + tr.expanded-row {
  background: var(--c8y-component-background-hover, var(--c8y-root-component-background-hover)) !important;
}
.table.table-data-grid.table-hover tr:hover + tr.expanded-row td,
.table.table-data-grid.table-hover tr:focus-within + tr.expanded-row td {
  background: var(--c8y-component-background-hover, var(--c8y-root-component-background-hover)) !important;
}
.table.table-data-grid > thead,
.table.table-data-grid > tbody,
.table.table-data-grid > tfoot,
.table.table-data-grid colgroup,
.table.table-data-grid col {
  display: contents;
}
.table.table-data-grid > thead > tr,
.table.table-data-grid > tbody > tr,
.table.table-data-grid > tfoot > tr,
.table.table-data-grid colgroup > tr,
.table.table-data-grid col > tr {
  display: contents;
}
.table.table-data-grid > thead th.cdk-header-cell,
.table.table-data-grid > tbody th.cdk-header-cell,
.table.table-data-grid > tfoot th.cdk-header-cell,
.table.table-data-grid colgroup th.cdk-header-cell,
.table.table-data-grid col th.cdk-header-cell,
.table.table-data-grid > thead td.cdk-cell,
.table.table-data-grid > tbody td.cdk-cell,
.table.table-data-grid > tfoot td.cdk-cell,
.table.table-data-grid colgroup td.cdk-cell,
.table.table-data-grid col td.cdk-cell,
.table.table-data-grid > thead th.cdk-header-cell > div:not(.dropdown),
.table.table-data-grid > tbody th.cdk-header-cell > div:not(.dropdown),
.table.table-data-grid > tfoot th.cdk-header-cell > div:not(.dropdown),
.table.table-data-grid colgroup th.cdk-header-cell > div:not(.dropdown),
.table.table-data-grid col th.cdk-header-cell > div:not(.dropdown),
.table.table-data-grid > thead td.cdk-cell > div:not(.dropdown),
.table.table-data-grid > tbody td.cdk-cell > div:not(.dropdown),
.table.table-data-grid > tfoot td.cdk-cell > div:not(.dropdown),
.table.table-data-grid colgroup td.cdk-cell > div:not(.dropdown),
.table.table-data-grid col td.cdk-cell > div:not(.dropdown),
.table.table-data-grid > thead th.cdk-header-cell > c8y-cell-renderer,
.table.table-data-grid > tbody th.cdk-header-cell > c8y-cell-renderer,
.table.table-data-grid > tfoot th.cdk-header-cell > c8y-cell-renderer,
.table.table-data-grid colgroup th.cdk-header-cell > c8y-cell-renderer,
.table.table-data-grid col th.cdk-header-cell > c8y-cell-renderer,
.table.table-data-grid > thead td.cdk-cell > c8y-cell-renderer,
.table.table-data-grid > tbody td.cdk-cell > c8y-cell-renderer,
.table.table-data-grid > tfoot td.cdk-cell > c8y-cell-renderer,
.table.table-data-grid colgroup td.cdk-cell > c8y-cell-renderer,
.table.table-data-grid col td.cdk-cell > c8y-cell-renderer {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}
.table.table-data-grid > thead th.cdk-header-cell,
.table.table-data-grid > tbody th.cdk-header-cell,
.table.table-data-grid > tfoot th.cdk-header-cell,
.table.table-data-grid colgroup th.cdk-header-cell,
.table.table-data-grid col th.cdk-header-cell {
  overflow: unset;
}
.table.table-data-grid > thead td.cdk-cell,
.table.table-data-grid > tbody td.cdk-cell,
.table.table-data-grid > tfoot td.cdk-cell,
.table.table-data-grid colgroup td.cdk-cell,
.table.table-data-grid col td.cdk-cell {
  position: relative;
}
.table.table-data-grid > thead td.cdk-cell > *:not(.tooltip),
.table.table-data-grid > tbody td.cdk-cell > *:not(.tooltip),
.table.table-data-grid > tfoot td.cdk-cell > *:not(.tooltip),
.table.table-data-grid colgroup td.cdk-cell > *:not(.tooltip),
.table.table-data-grid col td.cdk-cell > *:not(.tooltip) {
  position: relative;
  z-index: 1;
}
.table.table-data-grid > thead td.cdk-cell > *:not(.tooltip).dropdown,
.table.table-data-grid > tbody td.cdk-cell > *:not(.tooltip).dropdown,
.table.table-data-grid > tfoot td.cdk-cell > *:not(.tooltip).dropdown,
.table.table-data-grid colgroup td.cdk-cell > *:not(.tooltip).dropdown,
.table.table-data-grid col td.cdk-cell > *:not(.tooltip).dropdown {
  z-index: unset;
  margin: -10px 0;
}
.table.table-data-grid > caption + thead > tr:first-child > td,
.table.table-data-grid > caption + thead > tr:first-child > th,
.table.table-data-grid > colgroup + thead > tr:first-child > td,
.table.table-data-grid > colgroup + thead > tr:first-child > th,
.table.table-data-grid > thead:first-child > tr:first-child > td,
.table.table-data-grid > thead:first-child > tr:first-child > th {
  display: flex;
  flex-flow: row nowrap;
  text-transform: none;
  font-size: var(--c8y-font-size-base);
}
.table.table-data-grid > caption + thead > tr:first-child > td .btn-header:not(.resize-handle):not(.dropdown),
.table.table-data-grid > caption + thead > tr:first-child > th .btn-header:not(.resize-handle):not(.dropdown),
.table.table-data-grid > colgroup + thead > tr:first-child > td .btn-header:not(.resize-handle):not(.dropdown),
.table.table-data-grid > colgroup + thead > tr:first-child > th .btn-header:not(.resize-handle):not(.dropdown),
.table.table-data-grid > thead:first-child > tr:first-child > td .btn-header:not(.resize-handle):not(.dropdown),
.table.table-data-grid > thead:first-child > tr:first-child > th .btn-header:not(.resize-handle):not(.dropdown),
.table.table-data-grid > caption + thead > tr:first-child > td > span:not(.resize-handle):not(.dropdown),
.table.table-data-grid > caption + thead > tr:first-child > th > span:not(.resize-handle):not(.dropdown),
.table.table-data-grid > colgroup + thead > tr:first-child > td > span:not(.resize-handle):not(.dropdown),
.table.table-data-grid > colgroup + thead > tr:first-child > th > span:not(.resize-handle):not(.dropdown),
.table.table-data-grid > thead:first-child > tr:first-child > td > span:not(.resize-handle):not(.dropdown),
.table.table-data-grid > thead:first-child > tr:first-child > th > span:not(.resize-handle):not(.dropdown),
.table.table-data-grid > caption + thead > tr:first-child > td > div:not(.resize-handle):not(.dropdown),
.table.table-data-grid > caption + thead > tr:first-child > th > div:not(.resize-handle):not(.dropdown),
.table.table-data-grid > colgroup + thead > tr:first-child > td > div:not(.resize-handle):not(.dropdown),
.table.table-data-grid > colgroup + thead > tr:first-child > th > div:not(.resize-handle):not(.dropdown),
.table.table-data-grid > thead:first-child > tr:first-child > td > div:not(.resize-handle):not(.dropdown),
.table.table-data-grid > thead:first-child > tr:first-child > th > div:not(.resize-handle):not(.dropdown) {
  padding: 12.5px 8px !important;
  max-width: 102%;
  min-width: 100%;
  text-align: left;
}
@media (max-width: 991px) {
  .table.table-data-grid > caption + thead > tr:first-child > td,
  .table.table-data-grid > caption + thead > tr:first-child > th,
  .table.table-data-grid > colgroup + thead > tr:first-child > td,
  .table.table-data-grid > colgroup + thead > tr:first-child > th,
  .table.table-data-grid > thead:first-child > tr:first-child > td,
  .table.table-data-grid > thead:first-child > tr:first-child > th {
    display: none;
  }
}
.table.table-data-grid tbody > tr:first-child > td {
  border-top: 0;
}
.table.table-data-grid tr > td:last-child,
.table.table-data-grid tr > th:last-child {
  grid-column-end: -1;
  overflow: visible;
}
.table.table-data-grid tr > td.cdk-column-expander {
  overflow: visible;
}
@media (max-width: 991px) {
  .table.table-data-grid {
    display: block;
    /*
    * specific table headers
    * use for displaying row headers in small viewports
    */
  }
  .table.table-data-grid tbody tr {
    display: grid;
    grid-template-columns: minmax(0, 44px) repeat(auto-fit, minmax(152px, 100%)) minmax(0, 44px);
    padding: 8px 0;
    border-top: 1px solid var(--c8y-component-border-color, var(--c8y-root-component-border-color));
  }
  .table.table-data-grid tbody > tr:first-child {
    border-top: 0;
  }
  .table.table-data-grid td:not(.cdk-column-actions):not(.cdk-column-checkbox):not([data-type='icon']) {
    grid-column: 2;
  }
  .table.table-data-grid [data-type='icon'],
  .table.table-data-grid .cdk-column-checkbox {
    grid-column: 1 / span 1;
  }
  .table.table-data-grid [data-type='icon']::before,
  .table.table-data-grid .cdk-column-checkbox::before {
    display: none;
  }
  .table.table-data-grid .data-record-header {
    grid-row: 1;
  }
  .table.table-data-grid .cdk-column-actions,
  .table.table-data-grid .cdk-column-expander {
    padding-right: 0;
    padding-left: 0;
    padding-top: 0;
    display: flex !important;
    flex-direction: column;
    align-items: center;
    gap: var(--c8y-unit-base);
    grid-column: 3;
    grid-row: 1 / span 15;
  }
  .table.table-data-grid .cdk-column-actions::before,
  .table.table-data-grid .cdk-column-expander::before {
    display: none;
  }
  .table.table-data-grid .cdk-column-actions .btn + .btn,
  .table.table-data-grid .cdk-column-expander .btn + .btn {
    margin: 0;
  }
  .table.table-data-grid .cdk-column-expander {
    grid-row: -1;
    grid-column: 1;
  }
  .table.table-data-grid .cdk-column-expander c8y-cell-renderer {
    display: contents !important;
  }
  .table.table-data-grid tr > td.cdk-column-expanded-row {
    padding-left: 52px;
    padding-right: 52px;
  }
  .table.table-data-grid thead tr {
    display: none;
  }
  .table.table-data-grid tbody > tr > td {
    border: 0;
  }
  .table.table-data-grid tbody > tr > td:before {
    display: block;
    color: var(--c8y-form-legend-color);
    content: attr(data-cell-title);
    text-transform: uppercase;
    font-size: 10px;
    position: relative;
    z-index: 1;
  }
  .table.table-data-grid .data-record-icon:before {
    display: none;
  }
  .table.table-data-grid .data-record-header {
    font-weight: bold;
  }
  .table.table-data-grid .data-record-header:before {
    font-weight: normal;
  }
  .table.table-data-grid .data-record-icon {
    text-align: left !important;
    color: var(--c8y-component-icon-color, var(--c8y-root-component-icon-color));
  }
  .table.table-data-grid td:last-child {
    border-top: 0;
  }
}
.table.table-data-grid.table-striped tr > td {
  background: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
}
.table.table-data-grid.table-striped tr:not(.cdk-footer-row):not(.odd):not(.even):not(.expanded-row):nth-of-type(odd) > td,
.table.table-data-grid.table-striped tr.odd > td,
.table.table-data-grid.table-striped tr.odd + tr.expanded-row > td {
  background: var(--c8y-component-background-odd, var(--c8y-root-component-background-odd));
}
@media (min-width: 992px) {
  .table.table-data-grid thead tr > th {
    position: sticky;
    top: 0;
    z-index: 3;
    display: unset;
    background-color: var(--c8y-page-sticky-header-background-default);
    white-space: nowrap;
    padding: 0;
  }
  .table.table-data-grid thead tr > th .dropdown {
    flex-grow: 1;
    max-width: calc(100% - 24px) !important;
  }
  .table.table-data-grid thead tr > th .open [dropdowntoggle]:not(.input-group):not(.btn):not(.c8y-search-dropdown) {
    background-color: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
    box-shadow: var(--c8y-elevation-md-bottom);
  }
  .table.table-data-grid .data-record-icon {
    text-align: center !important;
    grid-column-start: 1;
    grid-column-end: 2;
  }
  .table.table-data-grid .data-record-icon + .data-record-header {
    grid-column-start: 2;
    grid-column-end: 3;
  }
  .table.table-data-grid tr > td.cdk-column-expanded-row {
    padding-left: 72px;
    padding-right: 72px;
  }
  .table.table-data-grid .cdk-column-actions,
  .table.table-data-grid .cdk-column-expander {
    display: flex !important;
  }
  .table.table-data-grid .cdk-column-actions c8y-cell-renderer,
  .table.table-data-grid .cdk-column-expander c8y-cell-renderer {
    display: contents !important;
  }
  .table.table-data-grid .cdk-column-actions .btn-dot,
  .table.table-data-grid .cdk-column-expander .btn-dot {
    align-self: flex-start;
    margin-left: auto;
  }
  .table.table-data-grid .cdk-column-actions .dropdown,
  .table.table-data-grid .cdk-column-expander .dropdown {
    margin: -9px -8px -8px 0;
  }
}
/*
 fix for firefox position sticky bug
 https://bugzilla.mozilla.org/show_bug.cgi?id=1488080
*/
@media (min-width: 992px) {
  @-moz-document url-prefix() {
    .table-data-grid {
      padding-bottom: 64px;
    }
  }
}
.table-data-grid-scroll {
  position: relative;
  height: 100%;
  width: 100%;
  overflow: auto;
  background-color: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  display: flex;
  flex-direction: column;
}
.content-fullpage .table-data-grid-scroll {
  display: flex;
  flex-direction: column;
}
.table-data-grid .resize-handle {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 8px;
  background: transparent;
  box-shadow: inset -1px 0 0 var(--c8y-component-brand-primary, var(--c8y-root-component-brand-primary));
  opacity: 0;
  cursor: col-resize;
}
.table-data-grid .resize-handle:hover {
  opacity: 0.5;
  height: 100%;
}
.header--being-resized {
  z-index: 10;
  overflow: visible !important;
}
.header--being-resized .resize-handle {
  opacity: 0.5;
  height: calc(100vh - 250px);
}
.table-data-grid-header {
  position: sticky;
  padding: 0 var(--c8y-component-padding, var(--c8y-root-component-padding));
  top: 0;
  left: 0;
  z-index: 15;
  background-color: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  min-height: calc(var(--c8y-unit-base) * 7);
  display: flex;
  flex-direction: row;
  align-items: center;
}
.table-data-grid-header h4 {
  font-weight: 500;
}
.table-data-grid-header .dropdown {
  min-width: unset;
}
@media (max-width: 767px) {
  .table-data-grid-header {
    flex-wrap: wrap;
    padding: var(--c8y-component-padding, var(--c8y-root-component-padding));
  }
}
.table-data-grid-header.separator {
  box-shadow: inset 0 -1px 0 var(--c8y-component-border-color, var(--c8y-root-component-border-color));
}
.table-data-grid-header + .table.table-data-grid thead > tr > th {
  top: 56px;
  box-shadow: inset 0 -2px 0 var(--c8y-component-border-color, var(--c8y-root-component-border-color));
}
.table-data-grid-header + .table.table-data-grid thead > tr > th:hover {
  box-shadow: inset 0 -2px 0 var(--c8y-component-border-color, var(--c8y-root-component-border-color)), inset -1px 0 0 var(--c8y-component-border-color, var(--c8y-root-component-border-color)), inset 1px 0 0 var(--c8y-component-border-color, var(--c8y-root-component-border-color));
}
.table-data-grid-header-bulk-actions {
  background-color: var(--c8y-component-brand-primary, var(--c8y-root-component-brand-primary));
  color: var(--c8y-palette-high);
  padding: 0 var(--c8y-component-padding, var(--c8y-root-component-padding));
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 12;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.table-data-grid-header-bulk-actions a {
  color: var(--c8y-palette-high) !important;
  text-decoration: underline;
  opacity: 0.8;
}
.table-data-grid-header-bulk-actions a:hover {
  opacity: 1;
}
.table-data-grid-footer {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 0 var(--c8y-component-padding, var(--c8y-root-component-padding));
  background: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  position: sticky;
  left: 0;
  bottom: 0;
  z-index: 10;
  margin-top: auto;
}
.table-data-grid-footer.separator {
  box-shadow: inset 0 1px 0 var(--c8y-component-border-color, var(--c8y-root-component-border-color));
}
.table-data-grid-footer .form-group label,
.table-data-grid-footer .form-group .c8y-select-wrapper {
  display: inline-block;
  vertical-align: middle;
}
.table-data-grid-footer pagination {
  height: 32px;
  display: inline-block;
}
.table-data-grid-footer .form-group {
  margin: 8px 0;
  padding: 0 8px;
}
.table-data-grid-footer .form-group label {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .table-data-grid-footer {
    flex-wrap: nowrap;
  }
  .table-data-grid-footer > .form-group {
    justify-self: center;
  }
  .table-data-grid-footer pagination {
    justify-self: end;
  }
}
c8y-filtering-form .form-inline {
  margin-right: 0 !important;
}
c8y-filtering-form .list-inline.flex-row {
  display: block;
  margin: 0;
}
c8y-filtering-form .list-inline-item.ui-sortable-handle {
  width: 100% !important;
  padding: 0 !important;
  pointer-events: none;
  cursor: default !important;
}
c8y-filtering-form .list-inline-item.ui-sortable-handle > * {
  pointer-events: all;
}
c8y-filtering-form .list-inline-item.ui-sortable-handle:hover {
  outline: none !important;
}
c8y-filtering-form .form-group {
  margin-bottom: 4px;
}
c8y-filtering-form sf-decorator {
  width: 100%;
}
c8y-filtering-form .btn-add-block {
  padding: 8px;
  margin-bottom: 0;
}
c8y-filtering-form .btn-add-block > [class^='dlt-c8y-icon-'],
c8y-filtering-form .btn-add-block > [class*=' dlt-c8y-icon-'] {
  font-size: 1.4em;
}
c8y-filtering-form .btn-add-block:hover,
c8y-filtering-form .btn-add-block:active,
c8y-filtering-form .btn-add-block:focus {
  box-shadow: none;
}
c8y-filtering-form .c8y-schema-form-empty:not(:first-child) {
  margin-top: 1rem;
  display: block;
}
.table-data-grid__overlay {
  position: relative;
}
.table-data-grid__overlay > *:not(.table-data-grid-header) {
  pointer-events: none;
}
.table-data-grid__loading--wrapper {
  opacity: 1 !important;
  position: sticky;
  top: 0;
  z-index: 200;
}
.table-data-grid__loading--loader {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 130px);
  z-index: 200;
  font-weight: 500;
  background-color: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  padding: var(--c8y-component-padding, var(--c8y-root-component-padding));
  border-radius: 4px;
}
.data-grid__search-input {
  max-width: 220px;
}
.data-grid__dropdown {
  --dropdown-padding: 16;
  background-color: var(--c8y-dropdown-background-default);
  font-weight: normal;
}
.cdk-header-cell .data-grid__dropdown {
  width: 300px;
}
.data-grid__dropdown c8y-object-type div p {
  text-align: left !important;
  font-weight: bold !important;
  margin: 8px 0 4px 0 !important;
  font-size: inherit;
}
.data-grid__dropdown c8y-object-type formly-field:first-child c8y-object-type div p {
  margin-top: 0 !important;
}
.data-grid__dropdown .bg-component {
  background-color: var(--c8y-dropdown-background-default);
}
@media screen and (min-width: 992px) {
  .data-grid__dropdown {
    max-height: calc(100vh - 340px);
  }
  c8y-bulk-operation-stepper .data-grid__dropdown {
    max-height: calc(100vh - 500px);
  }
}
.data-grid__dropdown c8y-filtering-form-renderer {
  display: block;
  padding-left: var(--c8y-component-padding, var(--c8y-root-component-padding));
  padding-right: var(--c8y-component-padding, var(--c8y-root-component-padding));
}
.data-grid__dropdown c8y-filtering-form-renderer .data-grid__dropdown__header,
.data-grid__dropdown c8y-filtering-form-renderer .data-grid__dropdown__footer {
  margin-left: calc(var(--c8y-component-padding, var(--c8y-root-component-padding)) * -1);
  margin-right: calc(var(--c8y-component-padding, var(--c8y-root-component-padding)) * -1);
  padding: var(--c8y-component-padding, var(--c8y-root-component-padding));
  background-color: var(--c8y-dropdown-background-default);
  position: sticky !important;
  z-index: 900;
}
.data-grid__dropdown c8y-filtering-form-renderer c8y-asset-selector {
  display: block;
  margin-right: calc(var(--c8y-component-padding, var(--c8y-root-component-padding)) * -1);
  margin-left: calc(var(--c8y-component-padding, var(--c8y-root-component-padding)) * -1);
}
.data-grid__dropdown c8y-filtering-form-renderer .data-grid__dropdown__header {
  top: 0;
}
.data-grid__dropdown c8y-filtering-form-renderer .data-grid__dropdown__footer {
  bottom: 0;
}
.data-grid__dropdown c8y-filtering-form-renderer c8y-schema-form:first-child,
.data-grid__dropdown c8y-filtering-form-renderer c8y-form-group:first-child {
  padding-top: var(--c8y-component-padding, var(--c8y-root-component-padding));
  display: block;
}
.data-grid__dropdown c8y-filtering-form-renderer c8y-schema-form:first-child + .data-grid__dropdown__footer,
.data-grid__dropdown c8y-filtering-form-renderer c8y-form-group:first-child + .data-grid__dropdown__footer {
  margin-top: var(--c8y-component-padding, var(--c8y-root-component-padding));
}
.data-grid__dropdown c8y-filtering-form-renderer bootstrap-decorator {
  display: block;
}
.data-grid__dropdown c8y-filtering-form-renderer bootstrap-decorator.c8y-schema-form-empty label {
  display: block;
  padding-top: var(--c8y-component-padding, var(--c8y-root-component-padding));
}
.data-grid__dropdown c8y-filtering-form-renderer bootstrap-decorator.c8y-schema-form-empty:first-child label {
  padding-top: 0;
}
.data-grid__dropdown c8y-filtering-form-renderer bootstrap-decorator .checkbox label {
  margin: 0;
}
.data-grid__dropdown c8y-filtering-form-renderer bootstrap-decorator .ui-sortable .ui-sortable-handle {
  width: auto;
}
.data-grid__dropdown c8y-filtering-form-renderer bootstrap-decorator sf-decorator {
  flex-grow: 1;
}
.data-grid__dropdown c8y-filtering-form-renderer bootstrap-decorator sf-decorator .form-group {
  margin: 0;
}
.data-grid__dropdown c8y-filtering-form-renderer formly-form:first-child {
  display: block;
  padding-top: var(--c8y-component-padding, var(--c8y-root-component-padding));
}
.data-grid__dropdown c8y-filtering-form-renderer formly-form:first-child + .data-grid__dropdown__footer {
  margin-top: var(--c8y-component-padding, var(--c8y-root-component-padding));
}
.data-grid__dropdown c8y-filtering-form-renderer formly-field {
  display: block;
}
.data-grid__dropdown c8y-filtering-form-renderer formly-field:first-child > formly-label-type label {
  padding-top: 0;
}
.data-grid__dropdown c8y-filtering-form-renderer formly-field formly-label-type > label {
  display: block;
  padding-top: var(--c8y-component-padding, var(--c8y-root-component-padding));
}
.data-grid__dropdown c8y-filtering-form-renderer formly-field .checkbox label {
  margin: 0;
}
.data-grid__dropdown c8y-filtering-form-renderer formly-field .ui-sortable .ui-sortable-handle {
  width: auto;
}
.data-grid__dropdown c8y-filtering-form-renderer formly-field sf-decorator {
  flex-grow: 1;
}
.data-grid__dropdown c8y-filtering-form-renderer formly-field sf-decorator .form-group {
  margin: 0;
}
.mcontainer {
  margin: 0;
  padding-top: 70px;
  min-height: calc(100vh - calc(var(--c8y-unit-base) * 2));
  transition: margin-left 0.4s ease-in-out;
}
@media (min-width: 768px) {
  .mcontainer {
    padding-top: 88px;
    padding-right: calc(var(--c8y-unit-base) * 3);
    padding-left: calc(var(--c8y-unit-base) * 3);
  }
  .mcontainer.has-action-bar {
    padding-top: 136px;
  }
  .mcontainer.has-tabs.horizontal-tabs {
    padding-top: 152px;
  }
  .mcontainer.has-tabs.horizontal-tabs.has-action-bar {
    padding-top: 200px;
  }
  .mcontainer.has-tabs.vertical-tabs {
    padding-top: 88px;
    padding-left: calc(var(--c8y-nav-tabs-vertical-width) + calc(var(--c8y-unit-base) * 3));
  }
  .mcontainer.has-tabs.vertical-tabs.has-action-bar {
    padding-top: 136px;
  }
}
@media (min-width: 1200px) {
  .mcontainer.has-tabs.horizontal-tabs {
    padding-top: 136px;
  }
  .mcontainer.has-tabs.horizontal-tabs.has-action-bar {
    padding-top: 184px;
  }
}
@media (min-width: 1200px) {
  .mcontainer.open {
    margin-left: 240px;
  }
}
@media (min-width: 768px) {
  .mcontainer > .container-fluid {
    padding-right: 0;
    padding-left: 0;
  }
}
.mcontainer > .container-fluid .grid-stack > .grid-stack-item {
  min-width: 16.66666667%;
}
.mcontainer > .container-fluid .grid-stack > .grid-stack-item > .grid-stack-item-content {
  right: calc(calc(var(--c8y-unit-base) * 3) / 2);
  bottom: calc(calc(var(--c8y-unit-base) * 3) / 2);
  left: calc(calc(var(--c8y-unit-base) * 3) / 2);
}
.mcontainer > .container-fluid .dashboard {
  margin: -24px calc(calc(var(--c8y-unit-base) * 2) * -1) 0;
  padding: 24px calc(var(--c8y-unit-base) * 2) 12px;
  min-height: calc(100vh - 58px);
  max-width: 100vw;
}
@media (min-width: 768px) {
  .mcontainer > .container-fluid .dashboard {
    margin: -24px calc(var(--c8y-unit-base) * -3);
    padding: 24px calc(var(--c8y-unit-base) * 3);
    min-height: calc(100vh - 112px);
  }
}
@media (min-width: 1200px) {
  .mcontainer > .container-fluid .dashboard {
    margin-top: -24px;
    margin-bottom: -24px;
    padding-top: 24px;
    min-height: calc(100vh - 112px);
  }
}
@media (min-width: 768px) {
  .mcontainer.has-tabs > .container-fluid .dashboard {
    min-height: calc(100vh - 176px);
  }
}
@media (min-width: 1200px) {
  .mcontainer.has-tabs > .container-fluid .dashboard {
    min-height: calc(100vh - 160px);
  }
}
.mcontainer.no-apps-margin {
  margin-left: 0;
}
body:not(:has(.app-main-header)) .mcontainer {
  padding-top: 16px;
}
@media (max-width: 767px) {
  body:not(:has(.app-main-header)) .mcontainer.has-tabs {
    padding-top: 56px;
  }
}
@media (min-width: 768px) {
  body:not(:has(.app-main-header)) .mcontainer.has-action-bar {
    padding-top: 66px;
  }
  body:not(:has(.app-main-header)) .mcontainer.has-tabs.horizontal-tabs {
    padding-top: 66px;
  }
  body:not(:has(.app-main-header)) .mcontainer.has-tabs.horizontal-tabs.has-action-bar {
    padding-top: 114px;
  }
  body:not(:has(.app-main-header)) .mcontainer.has-tabs.vertical-tabs {
    padding-top: 16px;
  }
  body:not(:has(.app-main-header)) .mcontainer.has-tabs.vertical-tabs.has-action-bar {
    padding-top: 66px;
  }
}
.page-tabs {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
  margin: 0;
  padding: 0;
}
.page-tabs:has(.component-tabs) {
  position: static;
}
@media (max-width: 767px) {
  .page-tabs {
    top: -6px;
    transition: top 0.35s ease;
  }
  .head-open .page-tabs {
    top: calc(var(--c8y-unit-base) * 10 + 12px);
  }
}
.page-tabs-horizontal:not(.page-tabs) {
  display: none;
}
@media (min-width: 768px) {
  .page-tabs-horizontal {
    top: calc(var(--c8y-unit-base) * 8);
    right: 0;
    left: 0;
    z-index: 1030;
    clip: rect(0, 10000px, 2000px, 0);
    min-height: calc(var(--c8y-unit-base) * 6);
    box-shadow: inset 0 -1px 0 0 var(--c8y-component-border-color, var(--c8y-root-component-border-color)), var(--c8y-main-header-shadow);
  }
  .page-tabs-horizontal,
  .page-tabs-horizontal:after {
    transition: left 0.4s ease-in-out;
  }
}
@media (min-width: 1200px) {
  .page-tabs-horizontal.navigator-open {
    left: 240px;
  }
}
.page-tabs-horizontal .tabContainer {
  overflow-x: auto;
  scroll-behavior: smooth;
  overflow: -moz-scrollbars-none;
  -ms-overflow-style: none;
}
.page-tabs-horizontal .tabContainer::-webkit-scrollbar {
  display: none;
}
.page-tabs-horizontal .tabContainer .nav-tabs {
  padding-right: 30px;
  padding-left: 30px;
  min-width: max-content;
}
@media (min-width: 1200px) {
  .page-tabs-horizontal .tabContainer .nav-tabs {
    min-width: max-content;
  }
}
.component-tabs {
  position: relative;
}
.tabs-slider {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  padding: 3px 0 0;
  width: 31px;
  border: 0;
  border-radius: 0;
  background: none;
  background-color: var(--c8y-navbar-background-default);
  color: var(--link-color, var(--c8y-component-color-link, var(--c8y-root-component-color-link)));
  box-shadow: inset 0 -1px 0 0 var(--c8y-nav-tabs-border-color-default);
}
.tabs-slider [class^='dlt-c8y-icon-'],
.tabs-slider [class*=' dlt-c8y-icon-'] {
  position: relative;
  z-index: 3;
  font-size: 20px;
}
.tabs-slider:hover:not([disabled]),
.tabs-slider:active:not([disabled]),
.tabs-slider:focus:not([disabled]) {
  outline: none;
  box-shadow: inset 0 0 0 2px var(--c8y-component-color-focus, var(--c8y-root-component-color-focus));
  color: var(--link-hover-color, var(--c8y-component-color-link-hover, var(--c8y-root-component-color-link-hover)));
  text-decoration: none;
}
.tabs-slider:focus {
  border-radius: var(--c8y-component-border-radius-focus, var(--c8y-root-component-border-radius-focus));
}
.tabs-slider[disabled] {
  cursor: not-allowed;
  text-decoration: none;
}
.tabs-slider[disabled] [class^='dlt-c8y-icon-'],
.tabs-slider[disabled] [class*=' dlt-c8y-icon-'] {
  opacity: 0.65;
  color: var(--c8y-component-color-text-muted, var(--c8y-root-component-color-text-muted));
}
.tabs-slider-left {
  left: 0;
  border-right: 1px solid var(--c8y-component-border-color, var(--c8y-root-component-border-color));
}
.tabs-slider-right {
  right: 0;
  border-left: 1px solid var(--c8y-component-border-color, var(--c8y-root-component-border-color));
}
.page-tabs-vertical:not(.page-tabs) {
  display: none;
}
.page-tabs-vertical .tabs-slider {
  display: none;
}
.page-tabs-vertical .nav-tabs {
  display: block;
  padding-top: calc(var(--c8y-unit-base) * 6);
  width: var(--c8y-nav-tabs-vertical-width);
  border: 0;
  box-shadow: none;
}
.page-tabs-vertical .nav-tabs > div > a,
.page-tabs-vertical .nav-tabs li > a {
  display: flex;
  align-items: center;
  flex-direction: row;
  margin: 0;
  padding: var(--c8y-nav-tabs-vertical-padding-vertical) var(--c8y-nav-tabs-vertical-padding-horizontal);
  height: auto;
  border: 0;
  box-shadow: inset 0 -1px 0 var(--c8y-nav-tabs-border-color-default);
  text-transform: none;
  font-size: inherit;
  transition: all 0.25s ease;
}
.page-tabs-vertical .nav-tabs > div > a [class^='dlt-c8y-icon-'],
.page-tabs-vertical .nav-tabs li > a [class^='dlt-c8y-icon-'],
.page-tabs-vertical .nav-tabs > div > a [class*=' dlt-c8y-icon-'],
.page-tabs-vertical .nav-tabs li > a [class*=' dlt-c8y-icon-'],
.page-tabs-vertical .nav-tabs > div > a .c8y-icon,
.page-tabs-vertical .nav-tabs li > a .c8y-icon {
  margin: 0 var(--c8y-unit-base) 0 0;
  width: 1.25em;
}
.page-tabs-vertical .nav-tabs > div > a [class^='dlt-c8y-icon-'] ~ span,
.page-tabs-vertical .nav-tabs li > a [class^='dlt-c8y-icon-'] ~ span,
.page-tabs-vertical .nav-tabs > div > a [class*=' dlt-c8y-icon-'] ~ span,
.page-tabs-vertical .nav-tabs li > a [class*=' dlt-c8y-icon-'] ~ span,
.page-tabs-vertical .nav-tabs > div > a .c8y-icon ~ span,
.page-tabs-vertical .nav-tabs li > a .c8y-icon ~ span {
  display: inline-block;
  overflow: hidden;
  max-width: 100%;
  vertical-align: middle;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.page-tabs-vertical .nav-tabs > div.active > a,
.page-tabs-vertical .nav-tabs li.active > a,
.page-tabs-vertical .nav-tabs > div.active a:hover,
.page-tabs-vertical .nav-tabs li.active a:hover {
  border-left: 4px solid var(--c8y-nav-tabs-color-active);
  background-color: var(--c8y-nav-tabs-background-active);
  box-shadow: inset 0 -1px 0 var(--c8y-nav-tabs-border-color-default) !important;
  border-radius: 0 !important;
  pointer-events: none;
}
.page-tabs-vertical .nav-tabs > div.active > a::before,
.page-tabs-vertical .nav-tabs li.active > a::before,
.page-tabs-vertical .nav-tabs > div.active a:hover::before,
.page-tabs-vertical .nav-tabs li.active a:hover::before {
  width: 100%;
}
.page-tabs-vertical .nav-tabs > div.active > a::after,
.page-tabs-vertical .nav-tabs li.active > a::after,
.page-tabs-vertical .nav-tabs > div.active a:hover::after,
.page-tabs-vertical .nav-tabs li.active a:hover::after {
  left: 100%;
  height: 100%;
  border-width: calc(calc(var(--c8y-unit-base) * 2) + calc(var(--c8y-unit-base) * 0.5)) 0 calc(calc(var(--c8y-unit-base) * 2) + calc(var(--c8y-unit-base) * 0.5)) var(--c8y-unit-base);
}
.page-tabs-vertical .nav-tabs > div,
.page-tabs-vertical .nav-tabs > li {
  position: relative;
}
.page-tabs-vertical .nav-tabs > div a > [class^='dlt-c8y-icon-'],
.page-tabs-vertical .nav-tabs > li a > [class^='dlt-c8y-icon-'],
.page-tabs-vertical .nav-tabs > div a > [class*=' dlt-c8y-icon-'],
.page-tabs-vertical .nav-tabs > li a > [class*=' dlt-c8y-icon-'],
.page-tabs-vertical .nav-tabs > div a > .c8y-icon,
.page-tabs-vertical .nav-tabs > li a > .c8y-icon {
  display: inline-block;
}
@media (min-width: 768px) {
  .page-tabs-vertical {
    top: calc(var(--c8y-unit-base) * 8);
    right: auto;
    bottom: 0;
    left: 0;
    z-index: 101;
    overflow: visible;
    padding-right: calc(calc(var(--c8y-unit-base) * 3) / 2);
    transition: left 0.4s ease-in-out;
  }
  .page-tabs-vertical:before {
    position: absolute;
    top: 0;
    min-height: 100%;
    width: var(--c8y-nav-tabs-vertical-width);
    box-shadow: 1px 0 0 var(--c8y-nav-tabs-border-color-default);
    content: '';
  }
  .page-tabs-vertical .tabContainer {
    overflow-y: auto;
    max-height: 100%;
  }
  .page-tabs-vertical .tabContainer::-webkit-scrollbar {
    width: 4px;
    /* for vertical scrollbars */
    height: 4px;
    /* for horizontal scrollbars */
  }
  .page-tabs-vertical .tabContainer::-webkit-scrollbar-track {
    background: transparent;
  }
  .page-tabs-vertical .tabContainer::-webkit-scrollbar-track:not(textarea) {
    background: var(--c8y-component-scrollbar-track, var(--c8y-root-component-scrollbar-track));
  }
  .page-tabs-vertical .tabContainer::-webkit-scrollbar-thumb {
    width: 4px;
    border-radius: 1px;
    background: var(--c8y-component-scrollbar-thumb-default, var(--c8y-root-component-scrollbar-thumb-default));
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
  }
  .page-tabs-vertical .tabContainer:hover::-webkit-scrollbar-thumb {
    background: var(--c8y-component-scrollbar-thumb-hover, var(--c8y-root-component-scrollbar-thumb-hover));
  }
}
@media (min-width: 1200px) {
  .page-tabs-vertical.navigator-open {
    left: 240px;
  }
}
@media (min-width: 768px) {
  body:not(:has(.app-main-header)) .page-tabs-horizontal,
  body:not(:has(.app-main-header)) .page-tabs-vertical {
    top: 0;
  }
  body:not(:has(.app-main-header)) .page-tabs-horizontal .nav-tabs,
  body:not(:has(.app-main-header)) .page-tabs-vertical .nav-tabs {
    padding-top: 0;
  }
}
body:not(:has(.app-main-header)):has(.has-action-bar) .page-tabs-vertical {
  top: 48px;
}
body:not(:has(.app-main-header)):not(:has(.has-action-bar)) .page-tabs-vertical {
  top: 0;
}
body:not(:has(.has-action-bar)) .page-tabs-vertical .nav-tabs {
  padding-top: 0;
  border-top: 1px solid var(--c8y-component-border-color, var(--c8y-root-component-border-color));
}
.container {
  margin-right: auto;
  margin-left: auto;
  padding-right: calc(calc(var(--c8y-unit-base) * 3) / 2);
  padding-left: calc(calc(var(--c8y-unit-base) * 3) / 2);
}
@media (min-width: 768px) {
  .container {
    width: calc(720px + calc(var(--c8y-unit-base) * 3));
  }
}
@media (min-width: 992px) {
  .container {
    width: calc(940px + calc(var(--c8y-unit-base) * 3));
  }
}
@media (min-width: 1200px) {
  .container {
    width: calc(1140px + calc(var(--c8y-unit-base) * 3));
  }
}
.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-right: calc(calc(var(--c8y-unit-base) * 3) / 2);
  padding-left: calc(calc(var(--c8y-unit-base) * 3) / 2);
}
.row {
  margin-right: calc(calc(var(--c8y-unit-base) * 3) * -0.5);
  margin-left: calc(calc(var(--c8y-unit-base) * 3) * -0.5);
}
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: calc(calc(var(--c8y-unit-base) * 3) * 0.5);
  padding-right: calc(calc(var(--c8y-unit-base) * 3) * 0.5);
}
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0%;
}
.no-gutter {
  padding-right: 0;
  padding-left: 0;
}
.no-gutter-r {
  padding-right: 0;
}
.no-gutter-l {
  padding-left: 0;
}
@media (min-width: 768px) {
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
  .no-gutter-sm {
    padding-right: 0;
    padding-left: 0;
  }
  .no-gutter-sm-r {
    padding-right: 0;
  }
  .no-gutter-sm-l {
    padding-left: 0;
  }
}
@media (min-width: 992px) {
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
  .no-gutter-md {
    padding-right: 0;
    padding-left: 0;
  }
  .no-gutter-md-r {
    padding-right: 0;
  }
  .no-gutter-md-l {
    padding-left: 0;
  }
}
@media (min-width: 1200px) {
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
  .no-gutter-lg {
    padding-right: 0;
    padding-left: 0;
  }
  .no-gutter-lg-r {
    padding-right: 0;
  }
  .no-gutter-lg-l {
    padding-left: 0;
  }
}
.col-lg-max {
  max-width: 1400px;
}
.tight-grid {
  margin-right: calc(calc(var(--c8y-unit-base) * 0.5) * -1) !important;
  margin-left: calc(calc(var(--c8y-unit-base) * 0.5) * -1) !important;
  margin-right: calc(calc(var(--c8y-unit-base) * 3) * -0.5);
  margin-left: calc(calc(var(--c8y-unit-base) * 3) * -0.5);
}
.tight-grid [class*='col-xs-'],
.tight-grid [class*='col-sm-'],
.tight-grid [class*='col-md-'],
.tight-grid [class*='col-lg-'] {
  padding-right: calc(var(--c8y-unit-base) * 0.5) !important;
  padding-left: calc(var(--c8y-unit-base) * 0.5) !important;
}
.group-info {
  margin: 0 -30px 0;
  padding: 0 30px 20px;
  transition: all 0.25s ease;
}
.group-info .form-editable {
  z-index: 999;
  align-self: flex-start;
  padding-top: 0;
}
.group-info .form-editable.form-read-only {
  padding-top: 0;
}
.split-scroll {
  position: relative;
  display: flex;
  width: 100%;
  height: calc(100vh - 80px);
}
.scroll-column {
  display: flex;
  flex-flow: column nowrap;
  max-height: 100%;
}
.scroll-column > .card,
.scroll-column .scroll-column-nested-content {
  display: flex;
  flex-direction: column;
  margin-bottom: 0;
  max-height: 100%;
}
.scroll-column .card-header,
.scroll-column .card-footer,
.scroll-column .scroll-column-footer {
  flex: 0;
}
.scroll-column .inner-scroll {
  overflow-y: auto;
  overscroll-behavior: contain;
  max-height: 100%;
}
.scroll-column .scroll-column-footer {
  padding: calc(var(--c8y-unit-base) * 2) 0 0 0;
}
.scroll-column .scroll-column-footer .btn-add-block {
  margin-bottom: 0;
}
@media (max-width: 991px) {
  .split-scroll .scroll-column + .scroll-column {
    position: absolute;
    top: 0;
    bottom: calc(calc(var(--c8y-unit-base) * 2) * -1);
    left: 0;
    z-index: 10;
    padding: 0;
    width: 100%;
  }
  .split-scroll .scroll-column + .scroll-column .card:not(.flex-scroll) {
    min-height: 100%;
  }
  .split-scroll .c8y-nav-stacked .c8y-stacked-item {
    margin-right: 0;
  }
  .split-scroll .c8y-nav-stacked .c8y-stacked-item:after {
    display: none;
  }
}
@media (min-width: 768px) {
  .split-scroll {
    height: calc(100vh - 118px);
  }
  .has-tabs.horizontal-tabs .split-scroll {
    height: calc(100vh - 165px);
  }
  .has-action-bar .split-scroll {
    height: calc(100vh - 150px);
  }
}
.split-scroll .input-group-search {
  margin: -8px 0 !important;
}
.split-scroll .split-row-2 {
  height: 50%;
}
.split-scroll .split-row-2:last-child {
  margin-bottom: 0;
}
.split-scroll .split-row-3 {
  height: 33.3333333%;
}
.split-scroll .split-row-3:last-child {
  margin-bottom: 0;
}
.split-scroll .split-row-4 {
  height: 25%;
}
.split-scroll .split-row-4:last-child {
  margin-bottom: 0;
}
.card--grid,
.card.card--grid {
  display: grid;
}
.card--grid .c8y-list__item__block.sticky-top,
.card.card--grid .c8y-list__item__block.sticky-top {
  z-index: 90;
  background-color: inherit;
  box-shadow: inset 0 -1px 0 0 var(--c8y-component-border-color, var(--c8y-root-component-border-color));
}
.card--grid .c8y-list__item__collapse--container,
.card.card--grid .c8y-list__item__collapse--container {
  padding: var(--c8y-component-padding, var(--c8y-root-component-padding));
}
.card--grid .expanded .c8y-list__item__block.sticky-top,
.card.card--grid .expanded .c8y-list__item__block.sticky-top {
  background-color: var(--c8y-component-background-active, var(--c8y-root-component-background-active)) !important;
  box-shadow: inset 0 -1px 0 0 var(--c8y-component-border-color, var(--c8y-root-component-border-color));
}
.card--grid .expanded .c8y-list__item__collapse--container,
.card.card--grid .expanded .c8y-list__item__collapse--container {
  padding: var(--c8y-component-padding, var(--c8y-root-component-padding));
}
.card--grid__separator-top--white {
  border-top: 4px solid var(--c8y-component-background-default, var(--c8y-root-component-background-default));
}
.card--grid__separator-top {
  border-top: 4px solid var(--c8y-component-border-color, var(--c8y-root-component-border-color));
}
.card--grid--fullpage {
  margin-bottom: 0 !important;
}
@media (min-width: 992px) {
  .card--grid--fullpage {
    height: calc(100vh - 118px);
  }
  .has-tabs.horizontal-tabs .card--grid--fullpage {
    height: calc(100vh - 165px);
  }
  .has-action-bar .card--grid--fullpage {
    height: calc(100vh - 150px);
  }
}
.card--grid__inner-scroll {
  position: relative;
  overflow: auto;
  height: 100%;
}
.card--grid__inner-scroll .card-header {
  position: sticky;
  top: 0;
  z-index: 15;
  background-color: inherit;
}
.card--grid__inner-scroll .card-footer {
  position: sticky;
  bottom: 0;
  z-index: 15;
  background-color: inherit;
}
.card--grid__inner-scroll .card-block .legend:first-child {
  margin-top: 0;
}
.welcome-widget {
  height: 100%;
}
.welcome-widget .welcome-illustration {
  position: relative;
  flex-grow: 1;
  height: auto;
}
.welcome-widget .welcome-illustration > svg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.welcome-widget > .flex-row {
  height: 100%;
}
.welcome-widget .card-group.interact-grid {
  margin-bottom: 0;
}
.welcome-widget .card-group.interact-grid .card {
  margin-bottom: 8px;
  margin-top: 1px;
  cursor: pointer;
  transition: transform 0.25s ease-in-out, box-shadow 0.25s ease-in-out;
  outline: 1px solid var(--c8y-right-drawer-separator-color);
}
.welcome-widget .card-group.interact-grid .card:hover,
.welcome-widget .card-group.interact-grid .card:focus {
  z-index: 1000;
  outline: 2px solid var(--c8y-right-drawer-border-selected);
  outline-offset: -2px;
}
.welcome-widget .card-group.interact-grid .card:focus {
  outline: 2px solid var(--c8y-component-color-focus, var(--c8y-root-component-color-focus));
  border-radius: var(--c8y-component-border-radius-focus, var(--c8y-root-component-border-radius-focus));
}
@media (min-width: 992px) {
  .welcome-widget {
    padding-top: 0;
  }
}
body:not(:has(.c8y-logo)) #c8y-mark {
  display: none;
}
body::-webkit-scrollbar {
  width: 4px;
  /* for vertical scrollbars */
  height: 4px;
  /* for horizontal scrollbars */
}
body::-webkit-scrollbar-track {
  background: transparent;
}
body::-webkit-scrollbar-track:not(textarea) {
  background: var(--c8y-component-scrollbar-track, var(--c8y-root-component-scrollbar-track));
}
body::-webkit-scrollbar-thumb {
  width: 4px;
  border-radius: 1px;
  background: var(--c8y-component-scrollbar-thumb-default, var(--c8y-root-component-scrollbar-thumb-default));
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
body:hover::-webkit-scrollbar-thumb {
  background: var(--c8y-component-scrollbar-thumb-hover, var(--c8y-root-component-scrollbar-thumb-hover));
}
.mcontainer {
  overflow: unset;
}
.inner-scroll {
  overflow: auto;
  height: 100%;
  background-color: inherit;
  overscroll-behavior: contain;
}
.inner-scroll::-webkit-scrollbar {
  width: 4px;
  /* for vertical scrollbars */
  height: 4px;
  /* for horizontal scrollbars */
}
.inner-scroll::-webkit-scrollbar-track {
  background: transparent;
}
.inner-scroll::-webkit-scrollbar-track:not(textarea) {
  background: var(--c8y-component-scrollbar-track, var(--c8y-root-component-scrollbar-track));
}
.inner-scroll::-webkit-scrollbar-thumb {
  width: 4px;
  border-radius: 1px;
  background: var(--c8y-component-scrollbar-thumb-default, var(--c8y-root-component-scrollbar-thumb-default));
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.inner-scroll:hover::-webkit-scrollbar-thumb {
  background: var(--c8y-component-scrollbar-thumb-hover, var(--c8y-root-component-scrollbar-thumb-hover));
}
.inner-scroll > .list-group:last-child {
  margin-bottom: 0;
}
/* Mixin that generate classes for setting two columns on a 12 column grid
 * example:
 * `grid__col-4-6`
 * sets two columns with 40% and 60% of the available width
 */
.grid__col--11-1 {
  grid-template-columns: minmax(0, 11fr) minmax(0, 1fr);
}
@media (max-width: 767px) {
  .grid__col--11-1--xs {
    grid-template-columns: minmax(0, 11fr) minmax(0, 1fr);
  }
}
@media (min-width: 768px) {
  .grid__col--11-1--sm {
    grid-template-columns: minmax(0, 11fr) minmax(0, 1fr);
  }
}
@media (min-width: 992px) {
  .grid__col--11-1--md {
    grid-template-columns: minmax(0, 11fr) minmax(0, 1fr);
  }
}
@media (min-width: 1200px) {
  .grid__col--11-1--lg {
    grid-template-columns: minmax(0, 11fr) minmax(0, 1fr);
  }
}
.grid__col--10-2 {
  grid-template-columns: minmax(0, 10fr) minmax(0, 2fr);
}
@media (max-width: 767px) {
  .grid__col--10-2--xs {
    grid-template-columns: minmax(0, 10fr) minmax(0, 2fr);
  }
}
@media (min-width: 768px) {
  .grid__col--10-2--sm {
    grid-template-columns: minmax(0, 10fr) minmax(0, 2fr);
  }
}
@media (min-width: 992px) {
  .grid__col--10-2--md {
    grid-template-columns: minmax(0, 10fr) minmax(0, 2fr);
  }
}
@media (min-width: 1200px) {
  .grid__col--10-2--lg {
    grid-template-columns: minmax(0, 10fr) minmax(0, 2fr);
  }
}
.grid__col--9-3 {
  grid-template-columns: minmax(0, 9fr) minmax(0, 3fr);
}
@media (max-width: 767px) {
  .grid__col--9-3--xs {
    grid-template-columns: minmax(0, 9fr) minmax(0, 3fr);
  }
}
@media (min-width: 768px) {
  .grid__col--9-3--sm {
    grid-template-columns: minmax(0, 9fr) minmax(0, 3fr);
  }
}
@media (min-width: 992px) {
  .grid__col--9-3--md {
    grid-template-columns: minmax(0, 9fr) minmax(0, 3fr);
  }
}
@media (min-width: 1200px) {
  .grid__col--9-3--lg {
    grid-template-columns: minmax(0, 9fr) minmax(0, 3fr);
  }
}
.grid__col--8-4 {
  grid-template-columns: minmax(0, 8fr) minmax(0, 4fr);
}
@media (max-width: 767px) {
  .grid__col--8-4--xs {
    grid-template-columns: minmax(0, 8fr) minmax(0, 4fr);
  }
}
@media (min-width: 768px) {
  .grid__col--8-4--sm {
    grid-template-columns: minmax(0, 8fr) minmax(0, 4fr);
  }
}
@media (min-width: 992px) {
  .grid__col--8-4--md {
    grid-template-columns: minmax(0, 8fr) minmax(0, 4fr);
  }
}
@media (min-width: 1200px) {
  .grid__col--8-4--lg {
    grid-template-columns: minmax(0, 8fr) minmax(0, 4fr);
  }
}
.grid__col--7-5 {
  grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
}
@media (max-width: 767px) {
  .grid__col--7-5--xs {
    grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  }
}
@media (min-width: 768px) {
  .grid__col--7-5--sm {
    grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  }
}
@media (min-width: 992px) {
  .grid__col--7-5--md {
    grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  }
}
@media (min-width: 1200px) {
  .grid__col--7-5--lg {
    grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  }
}
.grid__col--6-6 {
  grid-template-columns: minmax(0, 6fr) minmax(0, 6fr);
}
@media (max-width: 767px) {
  .grid__col--6-6--xs {
    grid-template-columns: minmax(0, 6fr) minmax(0, 6fr);
  }
}
@media (min-width: 768px) {
  .grid__col--6-6--sm {
    grid-template-columns: minmax(0, 6fr) minmax(0, 6fr);
  }
}
@media (min-width: 992px) {
  .grid__col--6-6--md {
    grid-template-columns: minmax(0, 6fr) minmax(0, 6fr);
  }
}
@media (min-width: 1200px) {
  .grid__col--6-6--lg {
    grid-template-columns: minmax(0, 6fr) minmax(0, 6fr);
  }
}
.grid__col--5-7 {
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
}
@media (max-width: 767px) {
  .grid__col--5-7--xs {
    grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  }
}
@media (min-width: 768px) {
  .grid__col--5-7--sm {
    grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  }
}
@media (min-width: 992px) {
  .grid__col--5-7--md {
    grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  }
}
@media (min-width: 1200px) {
  .grid__col--5-7--lg {
    grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  }
}
.grid__col--4-8 {
  grid-template-columns: minmax(0, 4fr) minmax(0, 8fr);
}
@media (max-width: 767px) {
  .grid__col--4-8--xs {
    grid-template-columns: minmax(0, 4fr) minmax(0, 8fr);
  }
}
@media (min-width: 768px) {
  .grid__col--4-8--sm {
    grid-template-columns: minmax(0, 4fr) minmax(0, 8fr);
  }
}
@media (min-width: 992px) {
  .grid__col--4-8--md {
    grid-template-columns: minmax(0, 4fr) minmax(0, 8fr);
  }
}
@media (min-width: 1200px) {
  .grid__col--4-8--lg {
    grid-template-columns: minmax(0, 4fr) minmax(0, 8fr);
  }
}
.grid__col--3-9 {
  grid-template-columns: minmax(0, 3fr) minmax(0, 9fr);
}
@media (max-width: 767px) {
  .grid__col--3-9--xs {
    grid-template-columns: minmax(0, 3fr) minmax(0, 9fr);
  }
}
@media (min-width: 768px) {
  .grid__col--3-9--sm {
    grid-template-columns: minmax(0, 3fr) minmax(0, 9fr);
  }
}
@media (min-width: 992px) {
  .grid__col--3-9--md {
    grid-template-columns: minmax(0, 3fr) minmax(0, 9fr);
  }
}
@media (min-width: 1200px) {
  .grid__col--3-9--lg {
    grid-template-columns: minmax(0, 3fr) minmax(0, 9fr);
  }
}
.grid__col--2-10 {
  grid-template-columns: minmax(0, 2fr) minmax(0, 10fr);
}
@media (max-width: 767px) {
  .grid__col--2-10--xs {
    grid-template-columns: minmax(0, 2fr) minmax(0, 10fr);
  }
}
@media (min-width: 768px) {
  .grid__col--2-10--sm {
    grid-template-columns: minmax(0, 2fr) minmax(0, 10fr);
  }
}
@media (min-width: 992px) {
  .grid__col--2-10--md {
    grid-template-columns: minmax(0, 2fr) minmax(0, 10fr);
  }
}
@media (min-width: 1200px) {
  .grid__col--2-10--lg {
    grid-template-columns: minmax(0, 2fr) minmax(0, 10fr);
  }
}
.grid__col--1-11 {
  grid-template-columns: minmax(0, 1fr) minmax(0, 11fr);
}
@media (max-width: 767px) {
  .grid__col--1-11--xs {
    grid-template-columns: minmax(0, 1fr) minmax(0, 11fr);
  }
}
@media (min-width: 768px) {
  .grid__col--1-11--sm {
    grid-template-columns: minmax(0, 1fr) minmax(0, 11fr);
  }
}
@media (min-width: 992px) {
  .grid__col--1-11--md {
    grid-template-columns: minmax(0, 1fr) minmax(0, 11fr);
  }
}
@media (min-width: 1200px) {
  .grid__col--1-11--lg {
    grid-template-columns: minmax(0, 1fr) minmax(0, 11fr);
  }
}
.grid__col--0-12 {
  grid-template-columns: minmax(0, 0fr) minmax(0, 12fr);
}
@media (max-width: 767px) {
  .grid__col--0-12--xs {
    grid-template-columns: minmax(0, 0fr) minmax(0, 12fr);
  }
}
@media (min-width: 768px) {
  .grid__col--0-12--sm {
    grid-template-columns: minmax(0, 0fr) minmax(0, 12fr);
  }
}
@media (min-width: 992px) {
  .grid__col--0-12--md {
    grid-template-columns: minmax(0, 0fr) minmax(0, 12fr);
  }
}
@media (min-width: 1200px) {
  .grid__col--0-12--lg {
    grid-template-columns: minmax(0, 0fr) minmax(0, 12fr);
  }
}
.grid__col--fullspan {
  grid-column-start: 1;
  grid-column-end: -1;
}
/* Mixin that generate classes for setting three columns on a 12 column grid
 * example:
 * `grid__col-3-6-3`
 * sets three columns with 33% and 66% and 33% of the available width
 */
.grid__col--5-2-5 {
  grid-template-columns: minmax(0, 5fr) minmax(0, 2fr) minmax(0, 5fr);
}
@media (max-width: 767px) {
  .grid__col--5-2-5--xs {
    grid-template-columns: minmax(0, 5fr) minmax(0, 2fr) minmax(0, 5fr);
  }
}
@media (min-width: 768px) {
  .grid__col--5-2-5--sm {
    grid-template-columns: minmax(0, 5fr) minmax(0, 2fr) minmax(0, 5fr);
  }
}
@media (min-width: 992px) {
  .grid__col--5-2-5--md {
    grid-template-columns: minmax(0, 5fr) minmax(0, 2fr) minmax(0, 5fr);
  }
}
@media (min-width: 1200px) {
  .grid__col--5-2-5--lg {
    grid-template-columns: minmax(0, 5fr) minmax(0, 2fr) minmax(0, 5fr);
  }
}
.grid__col--4-4-4 {
  grid-template-columns: minmax(0, 4fr) minmax(0, 4fr) minmax(0, 4fr);
}
@media (max-width: 767px) {
  .grid__col--4-4-4--xs {
    grid-template-columns: minmax(0, 4fr) minmax(0, 4fr) minmax(0, 4fr);
  }
}
@media (min-width: 768px) {
  .grid__col--4-4-4--sm {
    grid-template-columns: minmax(0, 4fr) minmax(0, 4fr) minmax(0, 4fr);
  }
}
@media (min-width: 992px) {
  .grid__col--4-4-4--md {
    grid-template-columns: minmax(0, 4fr) minmax(0, 4fr) minmax(0, 4fr);
  }
}
@media (min-width: 1200px) {
  .grid__col--4-4-4--lg {
    grid-template-columns: minmax(0, 4fr) minmax(0, 4fr) minmax(0, 4fr);
  }
}
.grid__col--3-6-3 {
  grid-template-columns: minmax(0, 3fr) minmax(0, 6fr) minmax(0, 3fr);
}
@media (max-width: 767px) {
  .grid__col--3-6-3--xs {
    grid-template-columns: minmax(0, 3fr) minmax(0, 6fr) minmax(0, 3fr);
  }
}
@media (min-width: 768px) {
  .grid__col--3-6-3--sm {
    grid-template-columns: minmax(0, 3fr) minmax(0, 6fr) minmax(0, 3fr);
  }
}
@media (min-width: 992px) {
  .grid__col--3-6-3--md {
    grid-template-columns: minmax(0, 3fr) minmax(0, 6fr) minmax(0, 3fr);
  }
}
@media (min-width: 1200px) {
  .grid__col--3-6-3--lg {
    grid-template-columns: minmax(0, 3fr) minmax(0, 6fr) minmax(0, 3fr);
  }
}
.grid__col--2-8-2 {
  grid-template-columns: minmax(0, 2fr) minmax(0, 8fr) minmax(0, 2fr);
}
@media (max-width: 767px) {
  .grid__col--2-8-2--xs {
    grid-template-columns: minmax(0, 2fr) minmax(0, 8fr) minmax(0, 2fr);
  }
}
@media (min-width: 768px) {
  .grid__col--2-8-2--sm {
    grid-template-columns: minmax(0, 2fr) minmax(0, 8fr) minmax(0, 2fr);
  }
}
@media (min-width: 992px) {
  .grid__col--2-8-2--md {
    grid-template-columns: minmax(0, 2fr) minmax(0, 8fr) minmax(0, 2fr);
  }
}
@media (min-width: 1200px) {
  .grid__col--2-8-2--lg {
    grid-template-columns: minmax(0, 2fr) minmax(0, 8fr) minmax(0, 2fr);
  }
}
.grid__col--1-10-1 {
  grid-template-columns: minmax(0, 1fr) minmax(0, 10fr) minmax(0, 1fr);
}
@media (max-width: 767px) {
  .grid__col--1-10-1--xs {
    grid-template-columns: minmax(0, 1fr) minmax(0, 10fr) minmax(0, 1fr);
  }
}
@media (min-width: 768px) {
  .grid__col--1-10-1--sm {
    grid-template-columns: minmax(0, 1fr) minmax(0, 10fr) minmax(0, 1fr);
  }
}
@media (min-width: 992px) {
  .grid__col--1-10-1--md {
    grid-template-columns: minmax(0, 1fr) minmax(0, 10fr) minmax(0, 1fr);
  }
}
@media (min-width: 1200px) {
  .grid__col--1-10-1--lg {
    grid-template-columns: minmax(0, 1fr) minmax(0, 10fr) minmax(0, 1fr);
  }
}
.grid__col--0-12-0 {
  grid-template-columns: minmax(0, 0fr) minmax(0, 12fr) minmax(0, 0fr);
}
@media (max-width: 767px) {
  .grid__col--0-12-0--xs {
    grid-template-columns: minmax(0, 0fr) minmax(0, 12fr) minmax(0, 0fr);
  }
}
@media (min-width: 768px) {
  .grid__col--0-12-0--sm {
    grid-template-columns: minmax(0, 0fr) minmax(0, 12fr) minmax(0, 0fr);
  }
}
@media (min-width: 992px) {
  .grid__col--0-12-0--md {
    grid-template-columns: minmax(0, 0fr) minmax(0, 12fr) minmax(0, 0fr);
  }
}
@media (min-width: 1200px) {
  .grid__col--0-12-0--lg {
    grid-template-columns: minmax(0, 0fr) minmax(0, 12fr) minmax(0, 0fr);
  }
}
/* Mixin that generate classes for setting two rows on a 12 rows grid
 * example:
 * `grid__row-4-6`
 * sets two rows with 40% and 60% of the available height
 */
.grid__row--11-1 {
  grid-template-rows: 11fr 1fr;
}
@media (max-width: 767px) {
  .grid__row--11-1--xs {
    grid-template-rows: 11fr 1fr;
  }
}
@media (min-width: 768px) {
  .grid__row--11-1--sm {
    grid-template-rows: 11fr 1fr;
  }
}
@media (min-width: 992px) {
  .grid__row--11-1--md {
    grid-template-rows: 11fr 1fr;
  }
}
@media (min-width: 1200px) {
  .grid__row--11-1--lg {
    grid-template-rows: 11fr 1fr;
  }
}
.grid__row--10-2 {
  grid-template-rows: 10fr 2fr;
}
@media (max-width: 767px) {
  .grid__row--10-2--xs {
    grid-template-rows: 10fr 2fr;
  }
}
@media (min-width: 768px) {
  .grid__row--10-2--sm {
    grid-template-rows: 10fr 2fr;
  }
}
@media (min-width: 992px) {
  .grid__row--10-2--md {
    grid-template-rows: 10fr 2fr;
  }
}
@media (min-width: 1200px) {
  .grid__row--10-2--lg {
    grid-template-rows: 10fr 2fr;
  }
}
.grid__row--9-3 {
  grid-template-rows: 9fr 3fr;
}
@media (max-width: 767px) {
  .grid__row--9-3--xs {
    grid-template-rows: 9fr 3fr;
  }
}
@media (min-width: 768px) {
  .grid__row--9-3--sm {
    grid-template-rows: 9fr 3fr;
  }
}
@media (min-width: 992px) {
  .grid__row--9-3--md {
    grid-template-rows: 9fr 3fr;
  }
}
@media (min-width: 1200px) {
  .grid__row--9-3--lg {
    grid-template-rows: 9fr 3fr;
  }
}
.grid__row--8-4 {
  grid-template-rows: 8fr 4fr;
}
@media (max-width: 767px) {
  .grid__row--8-4--xs {
    grid-template-rows: 8fr 4fr;
  }
}
@media (min-width: 768px) {
  .grid__row--8-4--sm {
    grid-template-rows: 8fr 4fr;
  }
}
@media (min-width: 992px) {
  .grid__row--8-4--md {
    grid-template-rows: 8fr 4fr;
  }
}
@media (min-width: 1200px) {
  .grid__row--8-4--lg {
    grid-template-rows: 8fr 4fr;
  }
}
.grid__row--7-5 {
  grid-template-rows: 7fr 5fr;
}
@media (max-width: 767px) {
  .grid__row--7-5--xs {
    grid-template-rows: 7fr 5fr;
  }
}
@media (min-width: 768px) {
  .grid__row--7-5--sm {
    grid-template-rows: 7fr 5fr;
  }
}
@media (min-width: 992px) {
  .grid__row--7-5--md {
    grid-template-rows: 7fr 5fr;
  }
}
@media (min-width: 1200px) {
  .grid__row--7-5--lg {
    grid-template-rows: 7fr 5fr;
  }
}
.grid__row--6-6 {
  grid-template-rows: 6fr 6fr;
}
@media (max-width: 767px) {
  .grid__row--6-6--xs {
    grid-template-rows: 6fr 6fr;
  }
}
@media (min-width: 768px) {
  .grid__row--6-6--sm {
    grid-template-rows: 6fr 6fr;
  }
}
@media (min-width: 992px) {
  .grid__row--6-6--md {
    grid-template-rows: 6fr 6fr;
  }
}
@media (min-width: 1200px) {
  .grid__row--6-6--lg {
    grid-template-rows: 6fr 6fr;
  }
}
.grid__row--5-7 {
  grid-template-rows: 5fr 7fr;
}
@media (max-width: 767px) {
  .grid__row--5-7--xs {
    grid-template-rows: 5fr 7fr;
  }
}
@media (min-width: 768px) {
  .grid__row--5-7--sm {
    grid-template-rows: 5fr 7fr;
  }
}
@media (min-width: 992px) {
  .grid__row--5-7--md {
    grid-template-rows: 5fr 7fr;
  }
}
@media (min-width: 1200px) {
  .grid__row--5-7--lg {
    grid-template-rows: 5fr 7fr;
  }
}
.grid__row--4-8 {
  grid-template-rows: 4fr 8fr;
}
@media (max-width: 767px) {
  .grid__row--4-8--xs {
    grid-template-rows: 4fr 8fr;
  }
}
@media (min-width: 768px) {
  .grid__row--4-8--sm {
    grid-template-rows: 4fr 8fr;
  }
}
@media (min-width: 992px) {
  .grid__row--4-8--md {
    grid-template-rows: 4fr 8fr;
  }
}
@media (min-width: 1200px) {
  .grid__row--4-8--lg {
    grid-template-rows: 4fr 8fr;
  }
}
.grid__row--3-9 {
  grid-template-rows: 3fr 9fr;
}
@media (max-width: 767px) {
  .grid__row--3-9--xs {
    grid-template-rows: 3fr 9fr;
  }
}
@media (min-width: 768px) {
  .grid__row--3-9--sm {
    grid-template-rows: 3fr 9fr;
  }
}
@media (min-width: 992px) {
  .grid__row--3-9--md {
    grid-template-rows: 3fr 9fr;
  }
}
@media (min-width: 1200px) {
  .grid__row--3-9--lg {
    grid-template-rows: 3fr 9fr;
  }
}
.grid__row--2-10 {
  grid-template-rows: 2fr 10fr;
}
@media (max-width: 767px) {
  .grid__row--2-10--xs {
    grid-template-rows: 2fr 10fr;
  }
}
@media (min-width: 768px) {
  .grid__row--2-10--sm {
    grid-template-rows: 2fr 10fr;
  }
}
@media (min-width: 992px) {
  .grid__row--2-10--md {
    grid-template-rows: 2fr 10fr;
  }
}
@media (min-width: 1200px) {
  .grid__row--2-10--lg {
    grid-template-rows: 2fr 10fr;
  }
}
.grid__row--1-11 {
  grid-template-rows: 1fr 11fr;
}
@media (max-width: 767px) {
  .grid__row--1-11--xs {
    grid-template-rows: 1fr 11fr;
  }
}
@media (min-width: 768px) {
  .grid__row--1-11--sm {
    grid-template-rows: 1fr 11fr;
  }
}
@media (min-width: 992px) {
  .grid__row--1-11--md {
    grid-template-rows: 1fr 11fr;
  }
}
@media (min-width: 1200px) {
  .grid__row--1-11--lg {
    grid-template-rows: 1fr 11fr;
  }
}
.grid__row--0-12 {
  grid-template-rows: 0fr 12fr;
}
@media (max-width: 767px) {
  .grid__row--0-12--xs {
    grid-template-rows: 0fr 12fr;
  }
}
@media (min-width: 768px) {
  .grid__row--0-12--sm {
    grid-template-rows: 0fr 12fr;
  }
}
@media (min-width: 992px) {
  .grid__row--0-12--md {
    grid-template-rows: 0fr 12fr;
  }
}
@media (min-width: 1200px) {
  .grid__row--0-12--lg {
    grid-template-rows: 0fr 12fr;
  }
}
.gap-4 {
  gap: 4px;
}
.gap-40 {
  gap: 40px !important;
}
@media (max-width: 767px) {
  .gap-xs-40 {
    gap: 40px !important;
  }
}
@media (min-width: 768px) {
  .gap-sm-40 {
    gap: 40px !important;
  }
}
@media (min-width: 992px) {
  .gap-md-40 {
    gap: 40px !important;
  }
}
@media (min-width: 1200px) {
  .gap-lg-40 {
    gap: 40px !important;
  }
}
.gap-32 {
  gap: 32px !important;
}
@media (max-width: 767px) {
  .gap-xs-32 {
    gap: 32px !important;
  }
}
@media (min-width: 768px) {
  .gap-sm-32 {
    gap: 32px !important;
  }
}
@media (min-width: 992px) {
  .gap-md-32 {
    gap: 32px !important;
  }
}
@media (min-width: 1200px) {
  .gap-lg-32 {
    gap: 32px !important;
  }
}
.gap-24 {
  gap: 24px !important;
}
@media (max-width: 767px) {
  .gap-xs-24 {
    gap: 24px !important;
  }
}
@media (min-width: 768px) {
  .gap-sm-24 {
    gap: 24px !important;
  }
}
@media (min-width: 992px) {
  .gap-md-24 {
    gap: 24px !important;
  }
}
@media (min-width: 1200px) {
  .gap-lg-24 {
    gap: 24px !important;
  }
}
.gap-16 {
  gap: 16px !important;
}
@media (max-width: 767px) {
  .gap-xs-16 {
    gap: 16px !important;
  }
}
@media (min-width: 768px) {
  .gap-sm-16 {
    gap: 16px !important;
  }
}
@media (min-width: 992px) {
  .gap-md-16 {
    gap: 16px !important;
  }
}
@media (min-width: 1200px) {
  .gap-lg-16 {
    gap: 16px !important;
  }
}
.gap-8 {
  gap: 8px !important;
}
@media (max-width: 767px) {
  .gap-xs-8 {
    gap: 8px !important;
  }
}
@media (min-width: 768px) {
  .gap-sm-8 {
    gap: 8px !important;
  }
}
@media (min-width: 992px) {
  .gap-md-8 {
    gap: 8px !important;
  }
}
@media (min-width: 1200px) {
  .gap-lg-8 {
    gap: 8px !important;
  }
}
.gap-0 {
  gap: 0px !important;
}
@media (max-width: 767px) {
  .gap-xs-0 {
    gap: 0px !important;
  }
}
@media (min-width: 768px) {
  .gap-sm-0 {
    gap: 0px !important;
  }
}
@media (min-width: 992px) {
  .gap-md-0 {
    gap: 0px !important;
  }
}
@media (min-width: 1200px) {
  .gap-lg-0 {
    gap: 0px !important;
  }
}
.grid__row--fit-auto {
  grid-auto-rows: min-content auto min-content !important;
}
.grid__row--auto-min-content {
  grid-auto-rows: auto min-content;
}
.grid__row--1 {
  grid-template-rows: minmax(0, auto) !important;
}
.content-fullpage,
.content-fullpage--md,
.content-fullpage--sm {
  margin-bottom: 0;
}
.card--grid,
.card.card--grid {
  display: grid;
}
.table-responsive.full-page thead th {
  position: sticky;
  top: 0;
  z-index: 10;
  background-color: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
}
.sticky-top {
  position: sticky;
  top: 0;
  z-index: 10;
  background-color: inherit;
}
.sticky-top.has-sticky-card-header {
  top: 48px;
}
.sticky-bottom {
  position: sticky;
  bottom: 0;
  z-index: 10;
  background-color: inherit;
}
@media screen and (min-width: 768px) {
  .inner-scroll--sm {
    overflow: auto;
    overscroll-behavior: contain;
    height: 100%;
    background-color: inherit;
  }
  .inner-scroll--sm::-webkit-scrollbar {
    width: 4px;
    /* for vertical scrollbars */
    height: 4px;
    /* for horizontal scrollbars */
  }
  .inner-scroll--sm::-webkit-scrollbar-track {
    background: transparent;
  }
  .inner-scroll--sm::-webkit-scrollbar-track:not(textarea) {
    background: var(--c8y-component-scrollbar-track, var(--c8y-root-component-scrollbar-track));
  }
  .inner-scroll--sm::-webkit-scrollbar-thumb {
    width: 4px;
    border-radius: 1px;
    background: var(--c8y-component-scrollbar-thumb-default, var(--c8y-root-component-scrollbar-thumb-default));
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
  }
  .inner-scroll--sm:hover::-webkit-scrollbar-thumb {
    background: var(--c8y-component-scrollbar-thumb-hover, var(--c8y-root-component-scrollbar-thumb-hover));
  }
  .inner-scroll--sm > .list-group:last-child {
    margin-bottom: 0;
  }
  .page-sticky-header,
  .page-sticky-header.c8y-list__item {
    position: sticky !important;
    top: 64px;
    z-index: 20;
    min-height: var(--c8y-page-sticky-header-height) !important;
    width: 100%;
    background: var(--c8y-page-sticky-header-background-default) !important;
    box-shadow: inset 0 -2px 0 var(--c8y-component-border-color, var(--c8y-root-component-border-color)) !important;
    color: var(--c8y-page-sticky-header-color-default);
    text-transform: var(--c8y-form-label-text-transform);
    font-weight: var(--c8y-form-label-font-weight);
    font-size: var(--c8y-form-label-font-size);
  }
  .page-sticky-header.c8y-list--timeline,
  .page-sticky-header.c8y-list__item.c8y-list--timeline {
    margin-bottom: var(--c8y-unit-base) !important;
  }
  .page-sticky-header .c8y-list--timeline__item__date,
  .page-sticky-header.c8y-list__item .c8y-list--timeline__item__date {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--c8y-page-sticky-header-color-default);
    font-size: var(--c8y-font-size-base);
  }
  .collapse .page-sticky-header,
  .collapse .page-sticky-header.c8y-list__item,
  .collapsible .page-sticky-header,
  .collapsible .page-sticky-header.c8y-list__item,
  .card .page-sticky-header,
  .card .page-sticky-header.c8y-list__item {
    display: none !important;
  }
  .page-sticky-header.c8y-list--timeline,
  .page-sticky-header.c8y-list__item.c8y-list--timeline {
    margin-bottom: var(--c8y-unit-base);
  }
  .page-sticky-header label,
  .page-sticky-header.c8y-list__item label,
  .page-sticky-header p,
  .page-sticky-header.c8y-list__item p {
    margin: 0;
  }
  .card-group.interact-grid .page-sticky-header,
  .card-group.interact-grid .page-sticky-header.c8y-list__item {
    display: none !important;
  }
  .card-group.interact-list .page-sticky-header,
  .card-group.interact-list .page-sticky-header.c8y-list__item {
    margin: 0 12px;
    background-color: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  }
  .has-tabs.horizontal-tabs .page-sticky-header,
  .has-tabs.horizontal-tabs .page-sticky-header.c8y-list__item {
    top: 127px;
  }
  .has-action-bar .page-sticky-header,
  .has-action-bar .page-sticky-header.c8y-list__item {
    top: 110px;
  }
  .has-tabs.horizontal-tabs.has-action-bar .page-sticky-header,
  .has-tabs.horizontal-tabs.has-action-bar .page-sticky-header.c8y-list__item {
    top: 176px;
  }
  .content-fullpage--sm,
  .content-fullpage--md {
    margin-bottom: 0 !important;
    height: calc(100vh - 112px);
  }
  .has-tabs.horizontal-tabs .content-fullpage--sm,
  .has-tabs.horizontal-tabs .content-fullpage--md {
    height: calc(100vh - 160px);
  }
  .has-action-bar .content-fullpage--sm,
  .has-action-bar .content-fullpage--md {
    height: calc(100vh - 160px);
  }
  .has-tabs.horizontal-tabs.has-action-bar .content-fullpage--sm,
  .has-tabs.horizontal-tabs.has-action-bar .content-fullpage--md {
    height: calc(100vh - 208px);
  }
  .card.card--fullpage {
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - 112px);
  }
  .card.card--fullpage > .card-header,
  .card.card--fullpage > .card-block,
  .card.card--fullpage > .inner-scroll > .card-block,
  .card.card--fullpage > .card-footer {
    padding-right: 24px;
    padding-left: 24px;
  }
  .card.card--fullpage::-webkit-scrollbar {
    width: 4px;
    /* for vertical scrollbars */
    height: 4px;
    /* for horizontal scrollbars */
  }
  .card.card--fullpage::-webkit-scrollbar-track {
    background: transparent;
  }
  .card.card--fullpage::-webkit-scrollbar-track:not(textarea) {
    background: var(--c8y-component-scrollbar-track, var(--c8y-root-component-scrollbar-track));
  }
  .card.card--fullpage::-webkit-scrollbar-thumb {
    width: 4px;
    border-radius: 1px;
    background: var(--c8y-component-scrollbar-thumb-default, var(--c8y-root-component-scrollbar-thumb-default));
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
  }
  .card.card--fullpage:hover::-webkit-scrollbar-thumb {
    background: var(--c8y-component-scrollbar-thumb-hover, var(--c8y-root-component-scrollbar-thumb-hover));
  }
  .has-tabs.horizontal-tabs .card.card--fullpage {
    max-height: calc(100vh - 160px);
  }
  .has-action-bar .card.card--fullpage {
    max-height: calc(100vh - 160px);
  }
  .has-tabs.horizontal-tabs.has-action-bar .card.card--fullpage {
    max-height: calc(100vh - 208px);
  }
}
@media screen and (min-width: 992px) {
  .content-fullpage,
  .content-fullpage--md {
    margin-bottom: 0 !important;
    height: calc(100vh - 112px);
  }
  .has-tabs.horizontal-tabs .content-fullpage,
  .has-tabs.horizontal-tabs .content-fullpage--md {
    height: calc(100vh - 160px);
  }
  .has-action-bar .content-fullpage,
  .has-action-bar .content-fullpage--md {
    height: calc(100vh - 160px);
  }
  .has-tabs.horizontal-tabs.has-action-bar .content-fullpage,
  .has-tabs.horizontal-tabs.has-action-bar .content-fullpage--md {
    height: calc(100vh - 208px);
  }
  .inner-scroll--md,
  .inner-scroll--md.overflow-visible-sm {
    overflow: auto!important;
    overscroll-behavior: contain;
    height: 100%;
    background-color: inherit;
  }
  .inner-scroll--md::-webkit-scrollbar,
  .inner-scroll--md.overflow-visible-sm::-webkit-scrollbar {
    width: 4px;
    /* for vertical scrollbars */
    height: 4px;
    /* for horizontal scrollbars */
  }
  .inner-scroll--md::-webkit-scrollbar-track,
  .inner-scroll--md.overflow-visible-sm::-webkit-scrollbar-track {
    background: transparent;
  }
  .inner-scroll--md::-webkit-scrollbar-track:not(textarea),
  .inner-scroll--md.overflow-visible-sm::-webkit-scrollbar-track:not(textarea) {
    background: var(--c8y-component-scrollbar-track, var(--c8y-root-component-scrollbar-track));
  }
  .inner-scroll--md::-webkit-scrollbar-thumb,
  .inner-scroll--md.overflow-visible-sm::-webkit-scrollbar-thumb {
    width: 4px;
    border-radius: 1px;
    background: var(--c8y-component-scrollbar-thumb-default, var(--c8y-root-component-scrollbar-thumb-default));
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
  }
  .inner-scroll--md:hover::-webkit-scrollbar-thumb,
  .inner-scroll--md.overflow-visible-sm:hover::-webkit-scrollbar-thumb {
    background: var(--c8y-component-scrollbar-thumb-hover, var(--c8y-root-component-scrollbar-thumb-hover));
  }
  .inner-scroll--md > .list-group:last-child,
  .inner-scroll--md.overflow-visible-sm > .list-group:last-child {
    margin-bottom: 0;
  }
}
/* LARGE SCREENS */
@media screen and (min-width: 1200px) {
  .page-sticky-header,
  .page-sticky-header.c8y-list__item {
    position: sticky !important;
    top: 64px;
  }
  .has-tabs.horizontal-tabs .page-sticky-header,
  .has-tabs.horizontal-tabs .page-sticky-header.c8y-list__item {
    top: 112px;
  }
  .has-tabs.horizontal-tabs.has-action-bar .page-sticky-header,
  .has-tabs.horizontal-tabs.has-action-bar .page-sticky-header.c8y-list__item {
    top: 160px;
  }
  .content-fullpage,
  .content-fullpage--sm,
  .content-fullpage--md {
    margin-bottom: 0 !important;
    height: calc(100vh - 112px);
  }
  .has-tabs.horizontal-tabs .content-fullpage,
  .has-tabs.horizontal-tabs .content-fullpage--sm,
  .has-tabs.horizontal-tabs .content-fullpage--md {
    height: calc(100vh - 160px);
  }
  .has-action-bar .content-fullpage,
  .has-action-bar .content-fullpage--sm,
  .has-action-bar .content-fullpage--md {
    height: calc(100vh - 160px);
  }
  .has-tabs.horizontal-tabs.has-action-bar .content-fullpage,
  .has-tabs.horizontal-tabs.has-action-bar .content-fullpage--sm,
  .has-tabs.horizontal-tabs.has-action-bar .content-fullpage--md {
    height: calc(100vh - 208px);
  }
}
c8y-plugin-setup-stepper .content-fullpage {
  height: calc(100vh - 365px);
}
.bottom-drawer {
  position: fixed;
  top: calc(calc(var(--c8y-unit-base) * 8) + 6px);
  right: 10px;
  bottom: 0;
  z-index: 1030;
  overflow-y: auto;
  width: calc(100vw - 20px);
  background-color: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  transition: transform 0.4s ease-in-out, width 0.4s ease-in-out;
  transform: translate(0, 100vh);
}
.drawerOpen .bottom-drawer {
  transform: translate(0, 0);
  box-shadow: var(--c8y-elevation-md-bottom);
  box-shadow: var(--c8y-elevation-md-top);
}
@media (min-width: 1200px) {
  .bottom-drawer {
    right: 24px;
    width: calc(100vw - 48px);
  }
  .open .bottom-drawer {
    width: calc(100vw - 240px - 48px);
  }
}
.c8y-message-banner {
  position: fixed;
  z-index: 10000;
  width: 100%;
  pointer-events: none;
}
.c8y-message-banner .alert {
  margin: calc(var(--c8y-unit-base) * 2) auto;
  box-shadow: var(--c8y-elevation-lg);
  pointer-events: auto;
}
.c8y-message-banner .alert .close {
  margin: -4px -4px 0 8px;
}
.c8y-message-banner .alert > span {
  white-space: normal;
}
.c8y-message-banner .alert.alert-info {
  background-color: var(--palette-status-info-light, var(--c8y-palette-status-info-light));
  border: 2px solid var(--palette-status-info, var(--c8y-palette-status-info));
}
.c8y-message-banner .alert.alert-warning {
  background-color: var(--c8y-palette-status-warning-high);
  border: 2px solid var(--palette-status-warning, var(--c8y-palette-status-warning));
}
.c8y-message-banner .alert.alert-danger {
  background-color: var(--palette-status-danger-light, var(--c8y-palette-status-danger-light));
  border: 2px solid var(--palette-status-danger, var(--c8y-palette-status-danger));
}
.c8y-message-banner .alert.alert-success {
  background-color: var(--palette-status-success-light, var(--c8y-palette-status-success-light));
  border: 2px solid var(--palette-status-success, var(--c8y-palette-status-success));
}
.c8y-message-banner .alert.alert-system {
  background-color: var(--c8y-brand-80);
  border: 2px solid var(--brand-primary, var(--c8y-brand-primary));
}
.c8y-top-drawer {
  position: sticky;
  z-index: 1028;
  margin: 0 calc(var(--c8y-unit-base) * -1);
  transform: translateY(-24px);
  max-width: 100vw;
  background-color: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  color: var(--c8y-component-color-default, var(--c8y-root-component-color-default));
  top: calc(var(--c8y-unit-base) * 8);
  box-shadow: var(--c8y-elevation-md-bottom), inset 0 0 0 1px var(--c8y-component-border-color, var(--c8y-root-component-border-color));
  --c8y-nav-tabs-background-default: var(--c8y-level-1);
  --c8y-nav-tabs-background-active: var(--c8y-level-0);
}
@media (max-width: 767px) {
  .head-open .c8y-top-drawer {
    top: calc(calc(var(--c8y-unit-base) * 8) + 76);
  }
  .has-tabs .c8y-top-drawer {
    top: calc(calc(var(--c8y-unit-base) * 8) + 6px);
    transition: top 0.35s ease;
  }
  .has-tabs .head-open .c8y-top-drawer {
    top: calc(calc(var(--c8y-unit-base) * 8) * 2 + 12px);
  }
}
@media (min-width: 768px) {
  .c8y-top-drawer {
    margin: 0 calc(var(--c8y-unit-base) * -1);
    top: calc(calc(var(--c8y-unit-base) * 8) + 72px);
    clip: rect(0, 10000px, 2000px, 0);
  }
  .horizontal-tabs.has-tabs .c8y-top-drawer {
    top: calc(calc(var(--c8y-unit-base) * 8) * 2 + 72px);
  }
}
@media (min-width: 1200px) {
  .c8y-top-drawer {
    transition: left 0.4s ease-in-out;
  }
  .horizontal-tabs.has-tabs .c8y-top-drawer {
    top: calc(calc(var(--c8y-unit-base) * 8) * 2 + 56px);
  }
}
:fullscreen:not(:root) .c8y-top-drawer {
  top: 0;
  margin: 0;
  transform: translateY(-32px);
}
.c8y-top-drawer .component-tabs.nav-tabs {
  padding-top: 0;
}
.c8y-top-drawer--tabs {
  position: relative;
  padding-right: 0;
  background-color: var(--c8y-level-1);
}
.c8y-top-drawer--tabs::before {
  display: none;
}
.c8y-top-drawer--footer {
  padding: calc(var(--c8y-unit-base) * 3);
  padding-left: var(--c8y-nav-tabs-vertical-width);
  background-color: var(--c8y-level-1);
}
.c8y-top-drawer__tabs-container {
  border-bottom: 1px solid var(--c8y-component-border-color, var(--c8y-root-component-border-color));
  max-height: calc(100vh - 380px);
  height: 445px;
  min-height: 220px;
}
.split-view__list,
.split-view__detail {
  display: flex;
  flex-direction: column;
  background-color: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
}
.split-view__list {
  border-right: 1px solid var(--c8y-component-border-color, var(--c8y-root-component-border-color)) !important;
}
@media (max-width: 991px) {
  .split-view--5-7,
  .split-view--7-5,
  .split-view--8-4 {
    position: relative;
    display: flex !important;
    overflow: hidden;
    flex-direction: column;
    margin-bottom: 0 !important;
    height: calc(100vh - 108px);
  }
  .has-action-bar .split-view--5-7,
  .has-action-bar .split-view--7-5,
  .has-action-bar .split-view--8-4 {
    height: calc(100vh - 168px);
  }
  .split-view--5-7 {
    height: calc(100vh - 108px);
  }
  .split-view--8-4 {
    height: calc(100vh - 166px);
  }
  .split-view--7-5 {
    height: calc(100vh - 166px);
  }
  .split-view__list {
    flex-grow: 1;
    height: auto;
  }
  .split-view__detail {
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 100;
    min-height: calc(100vh - 200px);
    width: 100%;
    transition: left 0.35s ease-in-out;
  }
  .split-view__detail--selected {
    left: 0;
  }
}
@media (max-width: 767px) {
  .split-view--5-7,
  .split-view--7-5,
  .split-view--8-4 {
    height: calc(100vh - 82px) !important;
  }
}
@media (min-width: 992px) {
  .split-view--5-7,
  .split-view--7-5,
  .split-view--8-4 {
    display: grid !important;
    grid-template-rows: min-content auto;
  }
  .split-view--5-7 {
    grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  }
  .split-view--7-5 {
    grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  }
  .split-view--8-4 {
    grid-template-columns: minmax(0, 8fr) minmax(0, 4fr);
  }
}
.markdown-content h1,
.markdown-content h2,
.markdown-content h3,
.markdown-content h4,
.markdown-content h5,
.markdown-content p,
.markdown-content ul,
.markdown-content ol {
  margin-bottom: 1rem;
  max-width: 800px;
}
.markdown-content h1,
.markdown-content h2,
.markdown-content h3,
.markdown-content h4,
.markdown-content h5 {
  margin-bottom: 2rem;
  font-weight: 500;
}
.markdown-content h2 {
  margin: 2rem 0;
  padding: 2rem 0;
  border-top: 1px solid var(--c8y-palette-gray-50);
  border-bottom: 1px dotted var(--c8y-palette-gray-50);
}
.markdown-content img {
  max-width: 100%;
  height: auto;
}
[ui-ace] .ace_tooltip {
  max-width: 600px;
  white-space: pre-wrap;
}
body .ace_editor * {
  font-family: var(--c8y-font-family-mono-spaced) !important;
}
@media (max-width: 992px) {
  .ace_editor {
    min-height: 350px;
  }
}
.breadcrumbs-container {
  display: block;
  overflow: visible;
  color: var(--header-text-color, var(--c8y-main-header-text-color-default));
  font-size: var(--c8y-font-size-small);
}
.breadcrumbs-container .breadcrumbs.text-muted {
  color: inherit;
}
.breadcrumbs-container .text-muted {
  opacity: 1 !important;
}
.breadcrumbs-container.multiple {
  position: relative;
  padding-left: 14px;
}
.breadcrumbs-container.multiple .btn-show-all-breadcrumbs {
  position: absolute;
}
.breadcrumbs-container.multiple .breadcrumbs {
  width: 100%;
}
.breadcrumbs-container.multiple.open {
  margin-left: -5px;
  padding-left: 19px;
  background-color: var(--header-color, var(--c8y-header-color));
  box-shadow: var(--c8y-elevation-md-bottom);
  box-shadow: var(--c8y-elevation-md-left);
}
.breadcrumbs-container.multiple.open .btn-show-all-breadcrumbs {
  left: 5px;
}
.breadcrumbs-container li {
  display: inline-block;
}
.breadcrumbs-container li > a {
  color: var(--header-hover-color, var(--c8y-header-hover-color));
}
.breadcrumbs-container li > span {
  display: inline-block;
  min-width: 14px;
  text-align: center;
}
.breadcrumbs-container ul {
  margin: 0;
}
.breadcrumbs-container .btn-show-all-breadcrumbs {
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  width: 12px;
  border: 0;
  background-color: transparent;
  background-image: none;
  color: var(--header-hover-color, var(--c8y-header-hover-color));
  text-align: left;
  font-size: 14px;
  line-height: 13px;
}
.breadcrumbs-container .btn-show-all-breadcrumbs [class^='dlt-c8y-icon-'],
.breadcrumbs-container .btn-show-all-breadcrumbs [class*=' dlt-c8y-icon-'] {
  width: 7px;
  line-height: 1;
}
.breadcrumbs-container .btn-show-all-breadcrumbs:focus {
  outline: none;
}
.breadcrumbs-container .breadcrumbs {
  overflow: hidden;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none;
  font-size: var(--c8y-font-size-small);
}
.breadcrumbs-container .breadcrumbs > li {
  display: block;
  overflow: hidden !important;
  max-width: 100% !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  display: inline-block !important;
}
.breadcrumbs-container .breadcrumbs > li:last-child > a {
  color: var(--header-hover-color, var(--c8y-header-hover-color));
}
.breadcrumbs-container .breadcrumbs > li > a,
.breadcrumbs-container .breadcrumbs > li > span {
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 150px;
  display: inline-block;
  min-width: 14px;
  vertical-align: top;
  text-align: center;
}
.card {
  position: relative;
  display: block;
  margin-bottom: calc(var(--c8y-unit-base) * 2);
  padding: 0;
  border-radius: var(--c8y-component-border-radius-base, var(--c8y-root-component-border-radius-base));
  background: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  box-shadow: var(--c8y-elevation-sm);
}
@media (min-width: 768px) {
  .card {
    margin-bottom: calc(var(--c8y-unit-base) * 3);
  }
}
.card.pointer {
  align-items: unset;
  border: 0;
  background-image: none;
  text-align: unset;
}
.card.pointer:focus {
  outline: 2px solid var(--c8y-component-color-focus, var(--c8y-root-component-color-focus));
  outline-offset: -2px;
  border-radius: var(--c8y-component-border-radius-focus, var(--c8y-root-component-border-radius-focus)) !important;
}
.card--btn {
  outline: 1px solid var(--c8y-component-border-color, var(--c8y-root-component-border-color));
  position: relative;
  z-index: 10;
  width: 140px;
  flex-grow: 1;
}
.card--btn:hover {
  outline: 2px solid var(--c8y-component-brand-primary, var(--c8y-root-component-brand-primary));
  outline-offset: -2px;
  z-index: 20;
  text-decoration: none;
}
.card--btn:focus {
  outline: 2px solid var(--c8y-component-color-focus, var(--c8y-root-component-color-focus));
  outline-offset: -2px;
  border-radius: var(--c8y-component-border-radius-focus, var(--c8y-root-component-border-radius-focus)) !important;
  text-decoration: none;
  z-index: 20;
}
.hide-inner-cards .card {
  margin-bottom: 0;
  box-shadow: none;
}
.hide-inner-cards .card .card-inner-scroll {
  position: unset;
  overflow: unset;
}
.card.card-highlight {
  border: 3px solid var(--c8y-component-color-accent, var(--c8y-root-component-color-accent));
}
.card > hr {
  margin: 0;
}
.card.danger {
  background-color: var(--palette-status-danger-light, var(--c8y-palette-status-danger-light));
  color: var(--palette-status-danger-dark, var(--c8y-palette-status-danger-dark));
  --c8y-component-color-text-muted: var(--palette-status-danger, var(--c8y-palette-status-danger));
  --c8y-component-border-color: rgba(0, 0, 0, 0.1);
}
.card.warning {
  background-color: var(--c8y-palette-status-warning-high);
  color: var(--palette-status-warning-dark, var(--c8y-palette-status-warning-dark));
  --c8y-component-color-text-muted: var(--palette-status-warning, var(--c8y-palette-status-warning));
  --c8y-component-border-color: rgba(0, 0, 0, 0.1);
}
.card.success {
  background-color: var(--palette-status-success-light, var(--c8y-palette-status-success-light));
  color: var(--palette-status-success-dark, var(--c8y-palette-status-success-dark));
  --c8y-component-color-text-muted: var(--palette-status-success, var(--c8y-palette-status-success));
  --c8y-component-border-color: rgba(0, 0, 0, 0.1);
}
.card.info {
  background-color: var(--palette-status-info-light, var(--c8y-palette-status-info-light));
  color: var(--palette-status-info-dark, var(--c8y-palette-status-info-dark));
  --c8y-component-color-text-muted: var(--palette-status-info, var(--c8y-palette-status-info));
  --c8y-component-border-color: rgba(0, 0, 0, 0.1);
}
.card.brand {
  background-color: var(--brand-primary, var(--c8y-brand-primary));
  color: var(--c8y-palette-high);
  --c8y-component-color-text-muted: var(--c8y-palette-high);
  --c8y-component-border-color: rgba(0, 0, 0, 0.1);
}
.card.not-active {
  background: transparent;
  opacity: var(--c8y-component-disabled-opacity, var(--c8y-root-component-disabled-opacity));
  filter: grayscale(100%);
  cursor: default;
}
.card-has-tabs .nav.nav-tabs {
  padding: 0 calc(var(--c8y-unit-base) * 2) 0;
}
.card-has-tabs .nav.nav-tabs .nav-item {
  padding-top: 7px;
}
.card-has-tabs .nav.nav-tabs .nav-item:last-child:first-child {
  display: none;
}
.card-has-tabs .tab-container {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.card-has-tabs .tab-container .tab-content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  max-height: 100%;
}
.card-has-tabs .tab-container .tab-content .tab-pane,
.card-has-tabs .tab-container .tab-content .card--grid {
  height: 100%;
}
.card-tabs-wrapper {
  display: contents;
}
.card-tabs-wrapper .nav-tabs {
  padding-right: var(--c8y-component-padding-base-horizontal, var(--c8y-root-component-padding-base-horizontal));
  padding-left: var(--c8y-component-padding-base-horizontal, var(--c8y-root-component-padding-base-horizontal));
}
.card-tabs-wrapper .tab-content {
  display: contents;
}
.card-tabs-wrapper .tab-pane .card {
  margin-bottom: 0;
}
@media (min-width: 992px) {
  .card-tabs-wrapper .tab-pane {
    overflow: auto;
    flex-grow: 1;
    height: 10rem;
  }
  .card-tabs-wrapper .tab-pane::-webkit-scrollbar {
    width: 4px;
    /* for vertical scrollbars */
    height: 4px;
    /* for horizontal scrollbars */
  }
  .card-tabs-wrapper .tab-pane::-webkit-scrollbar-track {
    background: transparent;
  }
  .card-tabs-wrapper .tab-pane::-webkit-scrollbar-track:not(textarea) {
    background: var(--c8y-component-scrollbar-track, var(--c8y-root-component-scrollbar-track));
  }
  .card-tabs-wrapper .tab-pane::-webkit-scrollbar-thumb {
    width: 4px;
    border-radius: 1px;
    background: var(--c8y-component-scrollbar-thumb-default, var(--c8y-root-component-scrollbar-thumb-default));
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
  }
  .card-tabs-wrapper .tab-pane:hover::-webkit-scrollbar-thumb {
    background: var(--c8y-component-scrollbar-thumb-hover, var(--c8y-root-component-scrollbar-thumb-hover));
  }
}
.page-footer {
  min-height: 56px;
  border-top: 0;
}
.card-header {
  display: flex;
  align-items: center;
  flex-flow: row nowrap;
  padding: var(--c8y-font-size-base) var(--c8y-component-padding, var(--c8y-root-component-padding));
}
.card-header .card-tabs {
  position: inherit;
  box-shadow: none;
  width: 100%;
  z-index: unset;
}
.card-header.separator {
  box-shadow: inset 0 -1px 0 var(--c8y-component-border-color, var(--c8y-root-component-border-color));
}
.card-header .card-icon,
.card-header .card-title {
  order: 0;
  padding-right: var(--c8y-unit-base);
}
.card-header .card-icon {
  margin-top: -6px;
  min-width: 30px;
  max-height: 20px;
  font-size: 22px;
  line-height: calc(var(--c8y-font-size-base) * var(--c8y-line-height-base, 1.42857143));
}
.interact-list .card-header .card-icon,
.interact-list .card-header .card-title .statusContainer {
  margin-top: 0;
  max-height: 20px;
  font-size: 20px;
}
.card-header .card-title .statusContainer {
  line-height: 1;
}
.card-header h4,
.card-header h4.card-title,
.card-header .card-title,
.card-header .card-title.h4 {
  overflow: hidden;
  margin: 0;
  padding: 0;
  min-height: 20px;
  height: auto;
  text-overflow: ellipsis;
  font-weight: 500;
  font-size: 18px;
  line-height: var(--c8y-line-height-headings, 1.15);
}
.card-header:not(.separator) + .card-block {
  padding-top: 0;
}
.card-appicon {
  padding: 24px 8px 0;
  height: 66px;
  font-size: 36px;
  line-height: 1;
}
.card-subtitle {
  margin: 4px 0 0;
  width: 100%;
  color: var(--c8y-component-color-text-muted, var(--c8y-root-component-color-text-muted));
  font-size: 110%;
}
.card-inner-scroll {
  position: relative;
  overflow-y: auto;
  overscroll-behavior: contain;
}
@media screen and (min-width: 1200px) {
  .c8y-alarm-list .card-inner-scroll {
    height: 50vh;
  }
}
.card-inner-scroll > p {
  padding: 0 var(--c8y-component-padding, var(--c8y-root-component-padding));
}
.card-inner-scroll > p:first-child {
  padding-top: calc(var(--c8y-unit-base) * 2);
}
.card-inner-scroll svg {
  padding-top: 4px;
  padding-bottom: 4px;
}
.card-header-actions-no-title {
  position: absolute;
  z-index: 13;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0 4px 0 var(--c8y-unit-base);
  width: 100%;
  height: 4px;
}
.card-header-actions-no-title .card-header-title {
  display: none;
}
.card-header-actions-no-title .header-actions {
  margin-top: -6px;
  margin-right: -20px;
}
.card-header-actions-no-title .header-actions .optionsBtn:not(.open) {
  border-radius: 50%;
  background-color: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  opacity: 0;
}
.card-block {
  overflow: hidden;
  padding: var(--c8y-component-padding, var(--c8y-root-component-padding));
  text-overflow: ellipsis;
}
.card-block--formly {
  padding: 0;
}
.card-block--formly formly-form {
  display: block;
  padding: var(--c8y-component-padding, var(--c8y-root-component-padding));
}
.card-block p:last-child {
  margin-bottom: 0;
}
.card-block hr {
  margin: var(--c8y-unit-base) calc(var(--c8y-component-padding, var(--c8y-root-component-padding)) * -1);
}
.card-block .flex-row.row {
  margin-right: calc(var(--c8y-component-padding, var(--c8y-root-component-padding)) * -1);
  margin-left: calc(var(--c8y-component-padding, var(--c8y-root-component-padding)) * -1);
}
.card-footer {
  padding: var(--c8y-component-padding, var(--c8y-root-component-padding));
}
@media (min-width: 768px) {
  .card-footer .btn:not(.btn-xs):not(.btn-sm) {
    min-width: 100px;
  }
}
@media (max-width: 767px) {
  .card-footer .btn:not(.btn-xs):not(.btn-sm) {
    min-width: 80px;
  }
}
.card-footer.separator {
  box-shadow: inset 0 1px 0 var(--c8y-component-border-color, var(--c8y-root-component-border-color));
}
.card-actions {
  position: absolute;
  top: calc(var(--c8y-unit-base) * 0.5);
  right: 0;
}
.card-actions.collapsible {
  display: flex;
  width: calc(var(--c8y-unit-base) * 10);
}
.card-actions > .dropdown {
  display: flex;
  order: 1000;
}
.card-actions > .btn,
.card-actions .dropdown > .c8y-dropdown {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--c8y-unit-base) 11.25px;
  min-width: calc(var(--c8y-unit-base) * 5);
  min-height: calc(var(--c8y-unit-base) * 5);
}
.card-actions > .btn > [class^='dlt-c8y-icon-'],
.card-actions .dropdown > .c8y-dropdown > [class^='dlt-c8y-icon-'],
.card-actions > .btn > [class*=' dlt-c8y-icon-'],
.card-actions .dropdown > .c8y-dropdown > [class*=' dlt-c8y-icon-'] {
  transition: all 0.35s ease;
}
.card-actions > .btn:focus,
.card-actions .dropdown > .c8y-dropdown:focus,
.card-actions > .btn:hover,
.card-actions .dropdown > .c8y-dropdown:hover,
.card-actions > .btn:active,
.card-actions .dropdown > .c8y-dropdown:active {
  outline: 2px solid var(--c8y-component-color-focus, var(--c8y-root-component-color-focus));
  outline-offset: -2px;
  opacity: 1;
}
.card-actions > .btn:focus,
.card-actions .dropdown > .c8y-dropdown:focus {
  border-radius: var(--c8y-component-border-radius-focus, var(--c8y-root-component-border-radius-focus)) !important;
  color: var(--c8y-component-brand-primary, var(--c8y-root-component-brand-primary));
}
.card-actions .btn-collapse.active {
  background-color: transparent;
  opacity: 1;
}
.card-actions .btn-collapse.active [class^='dlt-c8y-icon-'],
.card-actions .btn-collapse.active [class*=' dlt-c8y-icon-'] {
  transform: rotate(180deg);
}
.card-actions .dropdown-toggle,
.card-actions .btn-link {
  color: var(--c8y-component-color-actions, var(--c8y-root-component-color-actions));
  opacity: var(--c8y-component-actions-opacity, var(--c8y-root-component-actions-opacity));
}
.card-actions .dropdown-toggle:hover,
.card-actions .btn-link:hover {
  text-decoration: none;
  opacity: 1;
}
.card-actions .dropdown-toggle[disabled],
.card-actions .btn-link[disabled] {
  opacity: var(--c8y-component-disabled-opacity, var(--c8y-root-component-disabled-opacity)) !important;
  cursor: not-allowed !important;
  pointer-events: auto !important;
}
.card-actions .dropdown.open .dropdown-toggle,
.card-actions .btn-link.active {
  opacity: 1;
}
.card-actions-group {
  padding: calc(var(--c8y-unit-base) + 2px) var(--c8y-component-padding, var(--c8y-root-component-padding));
  text-align: center;
}
.card-actions-group.separator {
  box-shadow: inset 0 1px 0 var(--c8y-component-border-color, var(--c8y-root-component-border-color));
}
.card-actions-group a:not(.btn),
.card-actions-group button:not(.btn) {
  padding: 1px 5px;
  border: 0;
  border-radius: 0;
  background-color: transparent;
  background-image: none;
  color: var(--c8y-component-color-actions, var(--c8y-root-component-color-actions));
  text-transform: uppercase;
  font-weight: bold;
  font-size: 10px;
  line-height: 1.5;
  box-shadow: none;
}
.card-actions-group a:not(.btn):hover,
.card-actions-group button:not(.btn):hover,
.card-actions-group a:not(.btn):focus,
.card-actions-group button:not(.btn):focus {
  outline: none;
  color: var(--c8y-component-brand-primary, var(--c8y-root-component-brand-primary));
  text-decoration: none;
}
.card-actions-group .btn-xs {
  margin-top: 3px;
  margin-bottom: 3px;
}
.card-header-actions {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0 0 0 var(--c8y-component-padding, var(--c8y-root-component-padding));
  height: calc(var(--c8y-unit-base) * 6);
}
.card-header-actions:after {
  position: absolute;
  top: calc(calc(var(--c8y-unit-base) * 6) - 4px);
  left: 0;
  z-index: 10;
  display: block;
  width: 100%;
  height: 4px;
  content: '';
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
}
.card-header-actions.no-scroll:after {
  display: none;
}
c8y-alarm-list .card-header-actions:after {
  display: none;
}
.card-header-actions.critical .card-icon,
.card-header-actions.critical .card-title {
  background-color: var(--palette-status-danger, var(--c8y-palette-status-danger));
  color: white;
}
.card-header-actions.critical .title {
  opacity: 1;
}
.card-header-actions.major .card-icon,
.card-header-actions.major .card-title {
  background-color: var(--palette-status-warning-dark, var(--c8y-palette-status-warning-dark));
  color: white;
}
.card-header-actions.major .title {
  opacity: 1;
}
.card-header-actions.minor .card-icon,
.card-header-actions.minor .card-title {
  background-color: var(--palette-status-warning, var(--c8y-palette-status-warning));
  color: white;
}
.card-header-actions.minor .title {
  opacity: 1;
}
.card-header-actions.warning .card-icon,
.card-header-actions.warning .card-title {
  background-color: var(--palette-status-info, var(--c8y-palette-status-info));
  color: white;
}
.card-header-actions.warning .title {
  opacity: 1;
}
.card-header-actions .card-title {
  display: flex;
  align-items: center;
  align-self: stretch;
  padding: 0;
  min-height: calc(var(--c8y-unit-base) * 6);
  font-size: var(--c8y-font-size-small);
}
.card-header-actions .card-title > span {
  text-transform: uppercase;
}
.card-header-actions .card-icon {
  display: flex;
  align-items: center;
  align-self: stretch;
  justify-content: center;
  margin-left: calc(var(--c8y-component-padding, var(--c8y-root-component-padding)) * -1);
  width: calc(var(--c8y-unit-base) * 6);
  text-align: center;
}
.card-header-actions .card-icon + .card-title {
  padding: 0 calc(var(--c8y-unit-base) * 2) 0 0;
}
.card-header-actions .header-actions {
  margin-left: auto;
}
.card-header-actions .header-actions .btn-link {
  min-width: calc(var(--c8y-unit-base) * 5);
  color: var(--c8y-component-color-actions, var(--c8y-root-component-color-actions));
}
.card-header-actions .header-actions .btn-link:hover {
  color: var(--c8y-component-color-actions-hover, var(--c8y-root-component-color-actions-hover));
  text-decoration: none;
  opacity: 1;
}
.card-header-actions .header-actions .btn-link:focus {
  outline: none;
  text-decoration: none;
  opacity: 1;
}
.card-header-actions .header-actions .btn + .btn {
  margin: 0;
}
.card-header-actions .header-actions .optionsBtn {
  margin-right: calc(var(--c8y-unit-base) * 0.5);
}
.card-header-actions .header-actions .btn-icon {
  min-width: calc(var(--c8y-unit-base) * 5);
  color: var(--c8y-component-color-actions, var(--c8y-root-component-color-actions));
  text-align: center;
}
.optionsBtn .card-header-actions .header-actions .btn-icon {
  opacity: var(--c8y-component-actions-opacity, var(--c8y-root-component-actions-opacity));
}
.card-header-actions .header-actions .btn-icon:hover {
  color: var(--c8y-component-color-actions-hover, var(--c8y-root-component-color-actions-hover));
  opacity: 1;
}
.card-header-actions .header-actions .btn-icon:hover,
.card-header-actions .header-actions .btn-icon:focus,
.card-header-actions .header-actions .btn-icon:active {
  outline: 2px solid var(--c8y-component-color-focus, var(--c8y-root-component-color-focus)) !important;
  outline-offset: -2px;
  opacity: 1;
}
.card-header-actions + .card-inner-scroll:before {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 10;
  height: 4px;
  background-color: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  content: '';
}
.card-navbar {
  padding: 4px var(--c8y-component-padding, var(--c8y-root-component-padding));
}
.card-select .card {
  outline: 0 solid var(--c8y-component-color-focus, var(--c8y-root-component-color-focus));
  cursor: pointer;
  transition: outline 0.15s linear;
}
.card-select .card:hover,
.card-select .card:focus {
  outline: 3px solid var(--c8y-component-color-focus, var(--c8y-root-component-color-focus));
}
.card-select .card.active {
  outline: 3px solid var(--c8y-component-color-focus, var(--c8y-root-component-color-focus));
}
c8y-device-request-card {
  display: contents;
}
.no-card-context .card-header,
.no-card-context .card-footer {
  padding-left: 0;
  padding-right: 0;
}
.no-card-context .card-header > h4,
.no-card-context .card-header > .h4,
.no-card-context .card-header > .card-title {
  font-size: var(--c8y-font-size-base);
  font-weight: var(--c8y-form-label-font-weight);
  line-height: calc(var(--c8y-font-size-base) * var(--c8y-line-height-base, 1.42857143));
}
.card__ribbon {
  width: 60px;
  height: 60px;
  overflow: hidden;
  position: absolute;
  top: -4px;
  left: -4px;
}
.card__ribbon::before,
.card__ribbon::after {
  position: absolute;
  z-index: 0;
  content: '';
  display: block;
  border: 2px solid var(--c8y-palette-gray-40);
  border-top-color: transparent;
  border-left-color: transparent;
}
.card__ribbon::before {
  top: 0;
  right: 0;
}
.card__ribbon::after {
  bottom: 0;
  left: 0;
}
.card__ribbon span,
.card__ribbon button {
  position: absolute;
  display: block;
  width: 90px;
  padding: 2px 16px;
  background: var(--c8y-palette-gray-40);
  background-image: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  color: var(--c8y-palette-high);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  text-align: center;
  right: -10px;
  top: 17px;
  transform: rotate(-45deg);
  font-size: var(--c8y-unit-base);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.modal-open {
  overflow: hidden;
}
modal-container {
  background-color: #0008;
  transition: color 0.3s;
}
bs-modal-backdrop {
  opacity: 0 !important;
}
.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1048;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.error-detail {
  z-index: 1090 !important;
}
.modal.fade .modal-dialog {
  transform: translate(0, -25%);
  transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog,
.modal.show .modal-dialog {
  transform: translate(0, 0);
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-dialog {
  position: relative;
  margin: 10px;
  width: auto;
}
.modal-content {
  position: relative;
  outline: 0;
  border-radius: var(--c8y-modal-border-radius);
  background-color: var(--c8y-modal-background-default, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
  background-clip: padding-box;
  color: var(--c8y-modal-color-default, var(--c8y-component-color-default, var(--c8y-root-component-color-default)));
  box-shadow: var(--c8y-elevation-lg);
}
.c8y-dark-theme .modal-content {
  --c8y-component-border-color: var(--c8y-palette-gray-60);
}
@media (prefers-color-scheme: dark) {
  .c8y-system-theme .modal-content {
    --c8y-component-border-color: var(--c8y-palette-gray-60);
  }
}
.modal-content .viewport-modal {
  display: flex;
  flex-direction: column;
  max-height: calc(100vh - 100px);
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: var(--c8y-modal-backdrop-background);
}
.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0);
}
.modal-backdrop.in,
.modal-backdrop.show {
  opacity: var(--c8y-modal-backdrop-opacity);
}
.modal-header {
  padding: calc(var(--c8y-unit-base) * 3);
  border-bottom: 0;
}
.modal-header.separator {
  box-shadow: inset 0 -1px 0 var(--c8y-component-border-color, var(--c8y-root-component-border-color));
}
.modal-header .input-group-search {
  margin: 5px 0 -10px;
}
.modal-header.dialog-header {
  background-color: var(--c8y-brand-20);
  color: var(--c8y-brand-70);
  text-align: center;
}
.modal-header.dialog-header > [class^='dlt-c8y-icon-'],
.modal-header.dialog-header > [class*=' dlt-c8y-icon-'],
.modal-header.dialog-header .c8y-icon {
  font-size: 62px;
}
.modal-header.dialog-header > h4,
.modal-header.dialog-header > .modal-title {
  margin: var(--c8y-unit-base) 0 0;
  text-transform: uppercase;
  letter-spacing: 0.15em;
}
.modal-header.dialog-header ~ * .modal-inner-scroll,
.modal-header.dialog-header ~ * .table-data-grid-scroll {
  max-height: calc(100vh - 319px);
}
.modal-header.dialog-header ~ * .modal-inner-scroll--fixed,
.modal-header.dialog-header ~ * .table-data-grid-scroll--fixed {
  height: calc(100vh - 319px);
}
.modal-header.dialog-header,
.modal-header.has-data-grid ~ .modal-inner-scroll {
  max-height: calc(100vh - 319px);
}
.modal-header.dialog-header--fixed,
.modal-header.has-data-grid ~ .modal-inner-scroll--fixed {
  height: calc(100vh - 319px);
}
.modal-header ~ .modal-inner-scroll .table-data-grid-scroll {
  height: calc(100vh - 319px);
}
.modal-header ~ .modal-inner-scroll .table-data-grid-scroll tr > td:first-child,
.modal-header ~ .modal-inner-scroll .table-data-grid-scroll tr th:first-child {
  padding-left: calc(var(--c8y-unit-base) * 3);
}
.modal-header ~ .modal-inner-scroll .table-data-grid-scroll tr > td:last-child,
.modal-header ~ .modal-inner-scroll .table-data-grid-scroll tr th:last-child {
  padding-right: calc(var(--c8y-unit-base) * 3);
}
.modal-header .close {
  margin-top: -2px;
}
.modal-title,
.modal-header h1,
.modal-header h2,
.modal-header h3,
.modal-header h4 {
  margin: 0;
  line-height: var(--c8y-line-height-small);
}
.modal-title {
  margin-top: var(--c8y-unit-base);
  font-size: var(--c8y-font-size-h4) !important;
  font-weight: var(--c8y-font-weight-headings, 400);
}
.modal-subtitle {
  margin-bottom: 0;
  padding: calc(var(--c8y-unit-base) * 2) calc(var(--c8y-unit-base) * 3);
  background-color: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  text-align: center;
  font-weight: var(--c8y-font-weight-headings, 400);
  font-size: 16px;
  min-height: 1px;
  box-shadow: inset 0 -1px 0 var(--c8y-component-border-color, var(--c8y-root-component-border-color)) !important;
}
.modal-body {
  position: relative;
  padding: calc(var(--c8y-unit-base) * 3);
}
c8y-modal .modal-body {
  padding: 0;
}
.modal-body.separator {
  box-shadow: 0 -1px 0 var(--c8y-component-border-color, var(--c8y-root-component-border-color));
}
.modal-header:not(.separator) + .modal-body {
  padding-top: 0;
}
.modal-footer {
  padding: calc(var(--c8y-unit-base) * 3);
  box-shadow: inset 0 1px 0 var(--c8y-component-border-color, var(--c8y-root-component-border-color));
  text-align: center;
}
.modal-footer > .btn {
  min-width: 100px;
}
@media (max-width: 767px) {
  .modal-footer > .btn {
    min-width: 80px;
  }
}
.modal-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: var(--c8y-unit-base);
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  overflow: scroll;
  width: 50px;
  height: 50px;
}
@media (min-width: 768px) {
  .modal-dialog {
    margin: 30px auto;
    width: var(--c8y-modal-size-md);
  }
  .modal-sm {
    max-width: var(--c8y-modal-size-sm);
  }
}
@media (min-width: 992px) {
  .modal-lg {
    width: var(--c8y-modal-size-lg);
  }
}
.modal-header {
  border: 0;
}
.modal-header.modal-header-primary {
  color: var(--brand-primary, var(--c8y-brand-primary));
  text-align: center;
}
.modal-header.modal-header-success {
  color: var(--palette-status-success, var(--c8y-palette-status-success));
  text-align: center;
}
.modal-header.modal-header-info {
  color: var(--palette-status-info, var(--c8y-palette-status-info));
  text-align: center;
}
.modal-header.modal-header-warning {
  color: var(--palette-status-warning, var(--c8y-palette-status-warning));
  text-align: center;
}
.modal-header.modal-header-danger {
  color: var(--palette-status-danger, var(--c8y-palette-status-danger));
  text-align: center;
}
.c8y-prompt .modal-header {
  text-align: center;
}
.c8y-prompt .modal-header [class^='dlt-c8y-icon-'],
.c8y-prompt .modal-header [class*=' dlt-c8y-icon-'] {
  padding-top: 30px;
  font-size: 5em;
}
.c8y-prompt .modal-footer {
  padding-bottom: 40px;
  border: 0;
}
.modal-header .btn-modal-close {
  position: relative;
  top: -8px;
  right: -8px;
  color: var(--c8y-component-color-default, var(--c8y-root-component-color-default));
  font-size: 15px;
}
.modal-status-icon {
  font-size: 30px;
}
@media (min-width: 768px) {
  .modal-dialog {
    margin: 50px auto;
  }
}
.modal-inner-scroll {
  overflow-x: hidden;
  overflow-y: auto;
  flex-grow: 1;
  margin: 0;
  max-height: calc(100vh - 310px);
}
.modal-inner-scroll--fixed {
  height: calc(100vh - 310px);
}
.modal-body .modal-inner-scroll {
  margin: 0 calc(var(--c8y-unit-base) * -1) calc(var(--c8y-unit-base) * -1);
}
.modal-inner-scroll-sm {
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0;
  max-height: var(--c8y-inner-scroll-height-sm);
  border-top: 1px solid var(--c8y-component-border-color, var(--c8y-root-component-border-color));
}
.modal-inner-scroll-sm--fixed {
  height: var(--c8y-inner-scroll-height-sm);
}
.modal-body .modal-inner-scroll-sm {
  margin: 0 calc(var(--c8y-unit-base) * -1) calc(var(--c8y-unit-base) * -1);
}
.modal-list-header {
  position: relative;
}
.modal-list-header:after {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 10;
  display: block;
  margin-top: -4px;
  width: 100%;
  height: 4px;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
  content: '';
}
.modal-body .modal-list-header {
  margin-right: calc(calc(var(--c8y-unit-base) * 3) * -1);
  margin-left: calc(calc(var(--c8y-unit-base) * 3) * -1);
}
.modal-list-header + .modal-inner-scroll,
.modal-list-header + .modal-inner-scroll-sm {
  position: relative;
  padding-top: 4px;
}
.modal-list-header + .modal-inner-scroll:before,
.modal-list-header + .modal-inner-scroll-sm:before {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 4px;
  background-color: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  content: '';
}
.modal-map {
  position: relative;
}
.modal-map .angular-leaflet-map {
  width: calc(100% - 200px) !important;
}
.modal-map .panel-map {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  padding: 30px 15px;
  width: 200px;
  background-color: rgba(var(--c8y-component-background-default, var(--c8y-root-component-background-default)), 0.9);
}
.dropup,
.dropdown {
  position: relative;
  display: inline-block;
  min-width: 0;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1001;
  display: none;
  float: left;
  margin: 0;
  padding: 0;
  min-width: 160px;
  border-color: transparent;
  border-radius: var(--c8y-component-border-radius-base, var(--c8y-root-component-border-radius-base));
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-color: var(--c8y-dropdown-background-default, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
  background-clip: padding-box;
  list-style: none;
  text-align: left;
  text-transform: none;
  font-size: var(--c8y-font-size-base);
  box-shadow: var(--c8y-elevation-md-bottom);
}
.dropdown-menu .sticky-bottom {
  background-color: var(--c8y-dropdown-background-default, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dropdown-menu--date-range {
  min-width: 240px;
}
.dropdown-menu--date-range c8y-wrapper-form-field > .form-group {
  margin-bottom: 8px;
}
.dropdown-menu--modal {
  z-index: 1051 !important;
}
.dropdown-menu--modal .p-l-24 {
  padding-left: 16px !important;
}
.dropdown-menu--modal .p-r-24 {
  padding-right: 16px !important;
}
.dropdown-menu--modal .m-l-24 {
  margin-left: 16px !important;
}
.dropdown-menu--modal .m-r-24 {
  margin-right: 16px !important;
}
.dropdown-menu--modal .m-l-16 {
  margin-left: 0 !important;
}
.dropdown-menu--modal .m-r-16 {
  margin-right: 0 !important;
}
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu .divider {
  overflow: hidden;
  margin: 0 !important;
  height: 2px;
  background: var(--c8y-component-border-color, var(--c8y-root-component-border-color));
}
.dropdown-menu > li a:not(.btn):not(.c8y-asset-selector__btn):not(.btn-help):not(.btn-add-block):not(.btn-clean):not(.collapse-btn.btn-dot),
.dropdown-menu > .d-contents > li a:not(.btn):not(.c8y-asset-selector__btn):not(.btn-help):not(.btn-add-block):not(.btn-clean):not(.collapse-btn.btn-dot),
.dropdown-menu > li button:not(.btn):not(.c8y-asset-selector__btn):not(.btn-help):not(.btn-add-block):not(.btn-clean):not(.collapse-btn.btn-dot),
.dropdown-menu > .d-contents > li button:not(.btn):not(.c8y-asset-selector__btn):not(.btn-help):not(.btn-add-block):not(.btn-clean):not(.collapse-btn.btn-dot) {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 9px 15px 10px;
  width: 100%;
  border: 0;
  border-top: 1px solid var(--c8y-component-border-color, var(--c8y-root-component-border-color));
  border-radius: 0;
  background-color: var(--c8y-dropdown-background-default, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
  background-image: none;
  color: var(--c8y-component-color-actions, var(--c8y-root-component-color-actions));
  text-align: left;
  white-space: nowrap;
}
.dropdown-menu > li a:not(.btn):not(.c8y-asset-selector__btn):not(.btn-help):not(.btn-add-block):not(.btn-clean):not(.collapse-btn.btn-dot):hover,
.dropdown-menu > .d-contents > li a:not(.btn):not(.c8y-asset-selector__btn):not(.btn-help):not(.btn-add-block):not(.btn-clean):not(.collapse-btn.btn-dot):hover,
.dropdown-menu > li button:not(.btn):not(.c8y-asset-selector__btn):not(.btn-help):not(.btn-add-block):not(.btn-clean):not(.collapse-btn.btn-dot):hover,
.dropdown-menu > .d-contents > li button:not(.btn):not(.c8y-asset-selector__btn):not(.btn-help):not(.btn-add-block):not(.btn-clean):not(.collapse-btn.btn-dot):hover {
  color: var(--c8y-component-color-actions-hover, var(--c8y-root-component-color-actions-hover));
  text-decoration: none;
}
.dropdown-menu > li a:not(.btn):not(.c8y-asset-selector__btn):not(.btn-help):not(.btn-add-block):not(.btn-clean):not(.collapse-btn.btn-dot):focus,
.dropdown-menu > .d-contents > li a:not(.btn):not(.c8y-asset-selector__btn):not(.btn-help):not(.btn-add-block):not(.btn-clean):not(.collapse-btn.btn-dot):focus,
.dropdown-menu > li button:not(.btn):not(.c8y-asset-selector__btn):not(.btn-help):not(.btn-add-block):not(.btn-clean):not(.collapse-btn.btn-dot):focus,
.dropdown-menu > .d-contents > li button:not(.btn):not(.c8y-asset-selector__btn):not(.btn-help):not(.btn-add-block):not(.btn-clean):not(.collapse-btn.btn-dot):focus {
  outline: none;
  border-radius: var(--c8y-component-border-radius-focus, var(--c8y-root-component-border-radius-focus)) !important;
  box-shadow: inset 0 0 0 2px var(--c8y-component-color-focus, var(--c8y-root-component-color-focus));
}
.dropdown-menu > li [disabled],
.dropdown-menu > .d-contents > li [disabled],
.dropdown-menu > li .disabled,
.dropdown-menu > .d-contents > li .disabled,
.dropdown-menu > li [disabled]:hover,
.dropdown-menu > .d-contents > li [disabled]:hover,
.dropdown-menu > li .disabled:hover,
.dropdown-menu > .d-contents > li .disabled:hover,
.dropdown-menu > li [disabled]:focus,
.dropdown-menu > .d-contents > li [disabled]:focus,
.dropdown-menu > li .disabled:focus,
.dropdown-menu > .d-contents > li .disabled:focus {
  cursor: not-allowed !important;
  opacity: var(--c8y-root-component-disabled-opacity);
}
.dropdown-menu > li [disabled]:not(.btn),
.dropdown-menu > .d-contents > li [disabled]:not(.btn),
.dropdown-menu > li .disabled:not(.btn),
.dropdown-menu > .d-contents > li .disabled:not(.btn),
.dropdown-menu > li [disabled]:hover:not(.btn),
.dropdown-menu > .d-contents > li [disabled]:hover:not(.btn),
.dropdown-menu > li .disabled:hover:not(.btn),
.dropdown-menu > .d-contents > li .disabled:hover:not(.btn),
.dropdown-menu > li [disabled]:focus:not(.btn),
.dropdown-menu > .d-contents > li [disabled]:focus:not(.btn),
.dropdown-menu > li .disabled:focus:not(.btn),
.dropdown-menu > .d-contents > li .disabled:focus:not(.btn) {
  color: var(--c8y-component-color-actions, var(--c8y-root-component-color-actions)) !important;
}
.dropdown-menu > li:first-child a,
.dropdown-menu > li:first-child > button,
.dropdown-menu .divider + li > a {
  border-top-color: transparent !important;
}
.dropdown-menu > .dropdown-form {
  padding: 16px;
  min-width: 250px;
  background-color: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  overflow-y: auto;
}
.dropdown-menu > .dropdown-form::-webkit-scrollbar {
  width: 4px;
  /* for vertical scrollbars */
  height: 4px;
  /* for horizontal scrollbars */
}
.dropdown-menu > .dropdown-form::-webkit-scrollbar-track {
  background: transparent;
}
.dropdown-menu > .dropdown-form::-webkit-scrollbar-track:not(textarea) {
  background: var(--c8y-component-scrollbar-track, var(--c8y-root-component-scrollbar-track));
}
.dropdown-menu > .dropdown-form::-webkit-scrollbar-thumb {
  width: 4px;
  border-radius: 1px;
  background: var(--c8y-component-scrollbar-thumb-default, var(--c8y-root-component-scrollbar-thumb-default));
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.dropdown-menu > .dropdown-form:hover::-webkit-scrollbar-thumb {
  background: var(--c8y-component-scrollbar-thumb-hover, var(--c8y-root-component-scrollbar-thumb-hover));
}
.dropdown-menu > .dropdown-form:has(.dropdown-footer) {
  padding-bottom: 0;
}
.dropdown-menu > .dropdown-form .dropdown-footer {
  margin: 0 -16px;
  padding: 16px;
  box-shadow: inset 0 1px 0 var(--c8y-component-border-color, var(--c8y-root-component-border-color)) !important;
  background-color: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
}
.dropdown-menu .form-group.datepicker .uib-datepicker-popup {
  min-width: 281px;
}
.dropdown.open .dropdown-menu-grid-4 {
  display: grid !important;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
.dropdown.open .dropdown-menu-grid-4 li > a {
  padding: 9px 8px;
  border-width: 0;
  text-align: center;
  transition: box-shadow 0.25s ease;
}
.dropdown.open .dropdown-menu-grid-4 li > a:hover,
.dropdown.open .dropdown-menu-grid-4 li > a.active {
  box-shadow: inset 0 0 0 2px var(--c8y-component-color-actions-hover, var(--c8y-root-component-color-actions-hover));
  color: var(--c8y-component-color-actions-hover, var(--c8y-root-component-color-actions-hover));
}
.dropdown.open > .dropdown-menu,
.uib-dropdown-open > .dropdown-menu {
  display: block;
  height: auto;
}
.dropdown.open > .dropdown-menu.visible-overflow,
.uib-dropdown-open > .dropdown-menu.visible-overflow {
  overflow: visible;
}
.dropdown.open > .dropdown-menu li,
.uib-dropdown-open > .dropdown-menu li {
  top: 0 !important;
}
.dropdown.open > a,
.uib-dropdown-open > a {
  outline: 0;
}
.dropdown-menu > li > a:not(.btn):hover,
.dropdown-menu > li > a:not(.btn):focus {
  color: var(--c8y-component-color-actions-hover, var(--c8y-root-component-color-actions-hover));
  text-decoration: none;
}
.dropdown-menu > .active > a:not(.btn),
.dropdown-menu > .active > button:not(.btn),
.dropdown-menu > .active > a:not(.btn):hover,
.dropdown-menu > .active > button:not(.btn):hover,
.dropdown-menu > .active > a:not(.btn):focus,
.dropdown-menu > .active > button:not(.btn):focus {
  outline: 0;
  color: var(--c8y-component-color-active, var(--c8y-root-component-color-active)) !important;
  text-decoration: none;
}
.dropdown-menu > .disabled {
  cursor: not-allowed;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > button {
  pointer-events: none;
  opacity: var(--c8y-component-disabled-opacity, var(--c8y-root-component-disabled-opacity));
}
.dropdown-menu > *:not(.disabled) button[disabled]:not(.btn),
.dropdown-menu > *:not(.disabled) button[disabled]:not(.btn):hover,
.dropdown-menu > *:not(.disabled) button[disabled]:not(.btn):focus {
  color: var(--c8y-component-color-disabled, var(--c8y-root-component-color-disabled)) !important;
}
.dropdown-menu > *:not(.disabled) button[disabled]:not(.btn):hover,
.dropdown-menu > *:not(.disabled) button[disabled]:not(.btn):focus {
  background-color: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  background-image: none;
  color: var(--c8y-component-color-disabled, var(--c8y-root-component-color-disabled)) !important;
  text-decoration: none;
  cursor: not-allowed;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.dropdown-menu-right {
  right: 0;
  left: auto;
}
.dropdown-menu-right-grid {
  right: 9px !important;
  left: auto !important;
}
@media (max-width: 767px) {
  .dropdown-menu-right--xs {
    right: 0;
    left: auto;
  }
  .dropdown-menu-right--xs-grid {
    right: 9px !important;
    left: auto !important;
  }
}
.dropdown-menu-left {
  right: auto !important;
  left: 0 !important;
}
.uib-dropdown-open .dropdown-menu-action-bar {
  position: fixed;
  top: 112px !important;
}
.uib-dropdown-open .dropdown-menu-action-bar,
.open .dropdown-menu-action-bar {
  max-height: calc(100vh - 200px);
  overflow-y: auto !important;
  height: auto;
}
.uib-dropdown-open .dropdown-menu-action-bar .c8y-list__item,
.open .dropdown-menu-action-bar .c8y-list__item {
  padding-left: var(--c8y-component-padding, var(--c8y-root-component-padding));
  padding-right: var(--c8y-component-padding, var(--c8y-root-component-padding));
}
.uib-dropdown-open .dropdown-menu-action-bar .c8y-list__item .c8y-list__item__body,
.open .dropdown-menu-action-bar .c8y-list__item .c8y-list__item__body {
  padding-top: calc(var(--c8y-unit-base) * 0.5);
  padding-bottom: calc(var(--c8y-unit-base) * 0.5);
}
.dropdown-header {
  color: var(--c8y-component-color-text-muted, var(--c8y-root-component-color-text-muted)) !important;
  text-transform: uppercase !important;
  font-size: 10px !important;
  font-weight: 500;
  display: block;
  padding: var(--c8y-unit-base) var(--c8y-component-padding, var(--c8y-root-component-padding));
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  background-color: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  color: var(--c8y-component-color-default, var(--c8y-root-component-color-default)) !important;
  white-space: nowrap;
  font-size: var(--c8y-font-size-small);
  line-height: var(--c8y-line-height-base, 1.42857143);
}
.dropdown-header:not(:first-child) {
  border-top: 2px solid var(--c8y-component-border-color, var(--c8y-root-component-border-color));
}
.dropdown-header.no-border-top {
  border-top: 0;
}
.dropdown-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 991;
}
.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: 1px;
}
@media (min-width: 1200px) {
  .navbar-right .dropdown-menu {
    right: 0;
    left: auto;
  }
  .navbar-right .dropdown-menu-grid {
    right: 9px !important;
    left: auto !important;
  }
  .navbar-right .dropdown-menu-left {
    right: auto !important;
    left: 0 !important;
  }
}
.more-wrapper .dropdown-menu > li > .btn.btn-link {
  display: block;
  padding: 10px 15px 9px !important;
  width: 100%;
  border-top: 1px solid var(--c8y-component-border-color, var(--c8y-root-component-border-color));
  background-color: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  color: var(--c8y-component-color-actions, var(--c8y-root-component-color-actions));
  text-align: left;
  white-space: nowrap;
  font-weight: normal;
  line-height: var(--c8y-line-height-base, 1.42857143);
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: 1px;
}
.c8y-dropdown {
  position: relative;
  display: inline-block;
  margin: 0;
}
.c8y-dropdown:not(.btn) {
  padding: 10px;
  border: 0;
  border-radius: 0;
  background-color: transparent;
  background-image: none;
  color: var(--c8y-component-color-actions, var(--c8y-root-component-color-actions));
}
.c8y-dropdown:hover,
.open .c8y-dropdown {
  text-decoration: none;
}
.c8y-dropdown:hover > span,
.open .c8y-dropdown > span {
  position: relative;
  z-index: 10;
}
.c8y-dropdown [class^='dlt-c8y-icon-'],
.c8y-dropdown [class*=' dlt-c8y-icon-'] {
  position: relative;
}
.c8y-dropdown + .dropdown-menu {
  overflow: hidden;
  margin: 0;
  height: 0;
  border: 0;
}
.c8y-dropdown + .dropdown-menu > li a:not(.btn):not(.btn-help):not(.btn-clean),
.c8y-dropdown + .dropdown-menu > .d-contents > li a:not(.btn):not(.btn-help):not(.btn-clean),
.c8y-dropdown + .dropdown-menu > li button:not(.btn):not(.btn-help):not(.btn-clean),
.c8y-dropdown + .dropdown-menu > .d-contents > li button:not(.btn):not(.btn-help):not(.btn-clean),
.c8y-dropdown + .dropdown-menu > li label:not(.c8y-checkbox):not(.c8y-radio),
.c8y-dropdown + .dropdown-menu > .d-contents > li label:not(.c8y-checkbox):not(.c8y-radio) {
  display: block;
  padding: 9px 16px 10px;
  width: 100%;
  border: 0;
  border-top: 1px solid var(--c8y-component-border-color, var(--c8y-root-component-border-color));
  border-radius: 0;
  background-color: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  background-image: none;
  color: var(--c8y-component-color-actions, var(--c8y-root-component-color-actions));
  text-align: left;
  white-space: nowrap;
}
.c8y-dropdown + .dropdown-menu > li a:not(.btn):not(.btn-help):not(.btn-clean).logViewer,
.c8y-dropdown + .dropdown-menu > .d-contents > li a:not(.btn):not(.btn-help):not(.btn-clean).logViewer,
.c8y-dropdown + .dropdown-menu > li button:not(.btn):not(.btn-help):not(.btn-clean).logViewer,
.c8y-dropdown + .dropdown-menu > .d-contents > li button:not(.btn):not(.btn-help):not(.btn-clean).logViewer,
.c8y-dropdown + .dropdown-menu > li label:not(.c8y-checkbox):not(.c8y-radio).logViewer,
.c8y-dropdown + .dropdown-menu > .d-contents > li label:not(.c8y-checkbox):not(.c8y-radio).logViewer {
  padding: 8px 0 0;
}
.c8y-dropdown + .dropdown-menu > li a:not(.btn):not(.btn-help):not(.btn-clean):hover,
.c8y-dropdown + .dropdown-menu > .d-contents > li a:not(.btn):not(.btn-help):not(.btn-clean):hover,
.c8y-dropdown + .dropdown-menu > li button:not(.btn):not(.btn-help):not(.btn-clean):hover,
.c8y-dropdown + .dropdown-menu > .d-contents > li button:not(.btn):not(.btn-help):not(.btn-clean):hover,
.c8y-dropdown + .dropdown-menu > li label:not(.c8y-checkbox):not(.c8y-radio):hover,
.c8y-dropdown + .dropdown-menu > .d-contents > li label:not(.c8y-checkbox):not(.c8y-radio):hover {
  color: var(--c8y-component-color-actions-hover, var(--c8y-root-component-color-actions-hover));
  text-decoration: none;
}
@media (min-width: 992px) {
  .c8y-dropdown + .dropdown-menu > li label,
  .c8y-dropdown + .dropdown-menu > .d-contents > li label {
    padding: 9px 16px 10px;
  }
}
.dropdown.open .c8y-dropdown:not([aria-expanded='false']):not(.btn),
[dropdown].open .c8y-dropdown:not([aria-expanded='false']):not(.btn),
.dropdown[dropdown-append-to-body='true'] .c8y-dropdown:not([aria-expanded='false']):not(.btn),
.btn-group.open .c8y-dropdown:not([aria-expanded='false']):not(.btn),
.dropdown.open .c8y-dropdown[aria-expanded='true']:not(.btn),
[dropdown].open .c8y-dropdown[aria-expanded='true']:not(.btn),
.dropdown[dropdown-append-to-body='true'] .c8y-dropdown[aria-expanded='true']:not(.btn),
.btn-group.open .c8y-dropdown[aria-expanded='true']:not(.btn) {
  background: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  box-shadow: var(--c8y-elevation-md-bottom);
  color: var(--c8y-component-color-actions-hover, var(--c8y-root-component-color-actions-hover));
  opacity: 1;
}
.dropdown.open .c8y-dropdown:not([aria-expanded='false']):not(.btn):focus,
[dropdown].open .c8y-dropdown:not([aria-expanded='false']):not(.btn):focus,
.dropdown[dropdown-append-to-body='true'] .c8y-dropdown:not([aria-expanded='false']):not(.btn):focus,
.btn-group.open .c8y-dropdown:not([aria-expanded='false']):not(.btn):focus,
.dropdown.open .c8y-dropdown[aria-expanded='true']:not(.btn):focus,
[dropdown].open .c8y-dropdown[aria-expanded='true']:not(.btn):focus,
.dropdown[dropdown-append-to-body='true'] .c8y-dropdown[aria-expanded='true']:not(.btn):focus,
.btn-group.open .c8y-dropdown[aria-expanded='true']:not(.btn):focus {
  outline: 2px solid var(--c8y-component-color-focus, var(--c8y-root-component-color-focus));
  outline-offset: -2px;
  border-radius: var(--c8y-component-border-radius-focus, var(--c8y-root-component-border-radius-focus)) !important;
}
.dropdown.open .c8y-dropdown:not([aria-expanded='false']) + .dropdown-menu,
[dropdown].open .c8y-dropdown:not([aria-expanded='false']) + .dropdown-menu,
.dropdown[dropdown-append-to-body='true'] .c8y-dropdown:not([aria-expanded='false']) + .dropdown-menu,
.btn-group.open .c8y-dropdown:not([aria-expanded='false']) + .dropdown-menu,
.dropdown.open .c8y-dropdown[aria-expanded='true'] + .dropdown-menu,
[dropdown].open .c8y-dropdown[aria-expanded='true'] + .dropdown-menu,
.dropdown[dropdown-append-to-body='true'] .c8y-dropdown[aria-expanded='true'] + .dropdown-menu,
.btn-group.open .c8y-dropdown[aria-expanded='true'] + .dropdown-menu {
  height: auto;
  border: 1px solid var(--c8y-component-border-color, var(--c8y-root-component-border-color));
}
.dropdown.open.dropup .c8y-dropdown,
[dropdown].open.dropup .c8y-dropdown,
.dropdown[dropdown-append-to-body='true'].dropup .c8y-dropdown,
.btn-group.open.dropup .c8y-dropdown {
  position: relative;
  z-index: 1002;
}
.dropup.open .c8y-dropdown:not(.btn),
.dropup.show .c8y-dropdown:not(.btn),
[dropup].open .c8y-dropdown:not(.btn) {
  color: currentColor;
  opacity: 1;
}
.dropup.open .c8y-dropdown + .dropdown-menu,
.dropup.show .c8y-dropdown + .dropdown-menu,
[dropup].open .c8y-dropdown + .dropdown-menu {
  z-index: 1031;
  height: auto;
}
.dropdown[c8yDropdownDirection].dropup .dropdown-menu:not([uib-dropdown-menu]),
.dropdown.dropup .dropdown-menu:not([uib-dropdown-menu]) {
  transform: translateY(calc(-100% - 32px)) !important;
}
body > .dropdown-menu {
  overflow: hidden;
  margin: 0;
  height: 0;
  border: 0;
  background-color: transparent;
}
body > .dropdown-menu > li {
  position: relative;
}
body > .dropdown-menu > li a:not(.btn):not(.btn-help):not(.btn-clean),
body > .dropdown-menu > li button:not(.btn):not(.btn-help):not(.btn-clean) {
  display: block;
  padding: 10px 15px 9px;
  width: 100%;
  border: 0;
  border-top: 1px solid var(--c8y-component-border-color, var(--c8y-root-component-border-color));
  border-radius: 0;
  background-color: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  background-image: none;
  text-align: left;
  white-space: nowrap;
}
body > .dropdown-menu > li a:not(.btn):not(.btn-help):not(.btn-clean):hover,
body > .dropdown-menu > li button:not(.btn):not(.btn-help):not(.btn-clean):hover {
  color: var(--c8y-component-color-actions-hover, var(--c8y-root-component-color-actions-hover));
  text-decoration: none;
}
body > .dropdown-menu > li a:not(.btn):not(.btn-help):not(.btn-clean):focus,
body > .dropdown-menu > li button:not(.btn):not(.btn-help):not(.btn-clean):focus {
  outline: 2px solid var(--c8y-component-color-focus, var(--c8y-root-component-color-focus));
  outline-offset: -2px;
  border-radius: var(--c8y-component-border-radius-focus, var(--c8y-root-component-border-radius-focus)) !important;
}
body.uib-dropdown-open > .dropdown-menu {
  z-index: 1051 !important;
  height: auto;
}
body > bs-dropdown-container {
  z-index: 1001 !important;
  height: 0;
}
body > bs-dropdown-container .dropdown {
  position: unset;
}
body.modal-open > bs-dropdown-container {
  z-index: 1051 !important;
}
[uib-typeahead-popup].dropdown-menu {
  overflow: auto;
  max-height: 200px;
  width: 100%;
}
[uib-typeahead-popup].dropdown-menu::-webkit-scrollbar {
  width: 4px;
  /* for vertical scrollbars */
  height: 4px;
  /* for horizontal scrollbars */
}
[uib-typeahead-popup].dropdown-menu::-webkit-scrollbar-track {
  background: transparent;
}
[uib-typeahead-popup].dropdown-menu::-webkit-scrollbar-track:not(textarea) {
  background: var(--c8y-component-scrollbar-track, var(--c8y-root-component-scrollbar-track));
}
[uib-typeahead-popup].dropdown-menu::-webkit-scrollbar-thumb {
  width: 4px;
  border-radius: 1px;
  background: var(--c8y-component-scrollbar-thumb-default, var(--c8y-root-component-scrollbar-thumb-default));
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
[uib-typeahead-popup].dropdown-menu:hover::-webkit-scrollbar-thumb {
  background: var(--c8y-component-scrollbar-thumb-hover, var(--c8y-root-component-scrollbar-thumb-hover));
}
[uib-typeahead-popup].dropdown-menu:not(.uib-datepicker-popup) li {
  position: static;
}
.c8y-search-dropdown .input-group-dropdown {
  z-index: 1;
}
.c8y-select-v2 {
  display: block;
  height: var(--c8y-form-control-height-base);
}
.c8y-select-v2 .selected-items {
  display: contents;
}
.c8y-select-v2 .input-group.input-group-dropdown {
  border: solid var(--c8y-form-control-border-width, 1px) var(--c8y-form-control-border-color-default);
  outline-offset: -1px;
  height: var(--c8y-form-control-height-base);
}
.c8y-select-v2 .input-group.input-group-dropdown:focus-within {
  outline: solid 2px var(--c8y-form-control-border-color-focus);
  outline-offset: -2px;
}
.c8y-select-v2 .input-group.input-group-dropdown input.form-control {
  background: transparent;
  box-shadow: none;
  width: 0 !important;
  right: 0;
  left: 0;
  z-index: 1;
  height: calc(var(--c8y-form-control-height-base) - 2px) !important;
}
.c8y-select-v2 .input-group.input-group-dropdown input.form-control:focus {
  width: auto !important;
  background: rgba(255, 255, 255, 0.6);
  background-clip: content-box;
}
.c8y-select-v2 .input-group.input-group-dropdown .input-group-btn {
  height: calc(var(--c8y-form-control-height-base) - 2px) !important;
}
.c8y-select-v2 .input-group.input-group-dropdown .input-group-btn > button {
  height: calc(var(--c8y-form-control-height-base) - 2px) !important;
}
.c8y-select-v2 .input-group.input-group-dropdown .input-group-btn > button:focus {
  margin-left: 0!important;
}
.c8y-select-v2 .input-group.input-group-dropdown div.form-control {
  box-shadow: none;
  background-color: transparent;
  border: 0;
  height: calc(var(--c8y-form-control-height-base) - 2px) !important;
}
.c8y-select-v2 .dropdown.open input.form-control,
.c8y-select-v2 .dropdown.show input.form-control {
  z-index: 3;
}
.range-display {
  position: relative;
  display: block;
  padding: 32px 38px 32px 34px;
  min-width: 240px;
  border: 4px solid var(--c8y-component-border-color, var(--c8y-root-component-border-color));
  border-radius: 44px;
  background-color: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
}
.range-display--compact:not(.range-display--vertical) .range-display {
  padding: 8px 10px;
  min-width: auto;
}
.range-display--inline:not(.range-display--vertical) .range-display {
  padding: 9px 12px;
  min-width: auto;
  border-width: 3px;
}
.range-display--compact:not(.range-display--vertical) {
  display: flex;
  align-items: center;
}
.range-display--compact:not(.range-display--vertical)::before {
  display: inline-block;
  padding-right: 8px;
  content: attr(data-label);
  font-weight: bold;
}
.range-display--compact:not(.range-display--vertical) .range-display {
  flex: 1 1 auto;
  min-width: auto;
}
.range-display__range {
  position: absolute;
  right: 37px;
  left: 34px;
  display: flex;
  height: 4px;
  border: 0;
  border-radius: 0;
  background-color: transparent;
}
.range-display__range::before {
  position: absolute;
  bottom: 0;
  width: 100%;
  border-bottom: 1px dotted currentColor;
  content: '';
  opacity: 0.5;
}
.range-display--compact:not(.range-display--vertical) .range-display__range {
  right: 10px;
  left: 10px;
}
.range-display--inline:not(.range-display--vertical) .range-display__range {
  right: 12px;
  left: 12px;
}
.range-display__range__unit {
  position: absolute;
  top: -24px;
  font-weight: bold;
}
.range-display--compact:not(.range-display--vertical) .range-display__range__unit,
.range-display--inline:not(.range-display--vertical) .range-display__range__unit {
  display: none;
}
.range-display__range__max,
.range-display__range__min {
  position: absolute;
  top: -4px;
  max-width: 100%;
  height: 8px;
  border-radius: 0;
}
.range-display__range__max {
  left: var(--range-r-min);
  width: calc(var(--range-r-max) - var(--range-r-min));
  background-color: var(--input-validation-error, var(--palette-status-danger, var(--c8y-palette-status-danger)));
}
.range-display__range__min {
  left: var(--range-y-min);
  width: calc(var(--range-y-max) - var(--range-y-min));
  border-right: 1px solid var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  background-color: var(--input-validation-warning, var(--palette-status-warning, var(--c8y-palette-status-warning)));
}
.range-display__range__target {
  position: relative;
  top: -2px;
  z-index: 11;
  width: var(--measurement-target);
  pointer-events: none;
}
.range-display--compact:not(.range-display--vertical) .range-display__range__target,
.range-display--inline:not(.range-display--vertical) .range-display__range__target {
  display: none;
}
.range-display__range__target:before {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 2px;
  height: 26px;
  border-radius: 0;
  background-color: var(--palette-status-success, var(--c8y-palette-status-success));
  content: '';
  opacity: 1;
  cursor: pointer;
  transition: all 0.25s ease;
  transform: translate(50%, -50%);
  pointer-events: all;
}
.range-display__range__target:after {
  position: absolute;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 6px;
  width: auto;
  height: auto;
  border: 0;
  border-radius: 8px;
  background-color: var(--palette-status-success, var(--c8y-palette-status-success));
  color: white;
  content: attr(data-label);
  white-space: nowrap;
  font-size: 11px;
  transform: translate(50%, -24px);
}
.range-display__range__current {
  position: absolute;
  top: 4px;
  z-index: 12;
  width: var(--measurement-current);
  height: 12px;
  border-top: 4px solid var(--brand-light, var(--brand-light, var(--c8y-brand-light)));
  background-color: transparent;
  opacity: 1;
  transition: width 0.15s ease;
}
.range-display__range__current:before {
  position: absolute;
  top: -14px;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2px;
  height: 54px;
  border-radius: 0%;
  border-left: 1px dashed var(--c8y-tooltip-background-default);
  color: transparent;
  content: '';
  text-align: center;
  transition: all 0.25s ease;
  transform: translate(calc(50% + 0.5px), -32px);
}
.range-display__range__current:after {
  position: absolute;
  right: 0;
  display: flex;
  overflow: hidden;
  align-items: center;
  justify-content: center;
  padding: 2px 12px;
  width: auto;
  border: 0;
  border-radius: 32px;
  background-color: var(--range-display-tooltip-bg);
  box-shadow: var(--c8y-elevation--md);
  color: var(--c8y-palette-high);
  content: attr(data-label);
  white-space: pre;
  font-size: 11px;
  transition: background-color 0.15s ease;
  transform: var(--range-display-tooltip-translate);
  top: -8px;
}
.range-display__ruler {
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  width: 100%;
  height: 8px;
  border-top: 0;
  border-left: 0;
}
.range-display__tick {
  position: relative;
}
.range-display__tick:before {
  position: absolute;
  top: 4px;
  left: 0;
  display: block;
  width: 4px;
  height: 5px;
  border: 0;
  border-left: 1px solid currentColor;
  content: '';
  opacity: 0.5;
}
.range-display__tick:after {
  position: absolute;
  top: 0;
  left: 50%;
  content: attr(data-label);
  text-align: center;
  font-size: 12px;
  transform: translate(-50%, 14px);
}
.range-display--compact:not(.range-display--vertical) .range-display__tick:after {
  top: 4px;
}
.range-display--compact:not(.range-display--vertical) .range-display__tick:not(:first-child):not(:last-child):not(:nth-child(6))::after {
  display: none;
}
.range-display--inline:not(.range-display--vertical) .range-display__tick:not(:first-child):not(:last-child):not(:nth-child(6))::after,
.range-display--inline:not(.range-display--vertical) .range-display__tick:not(:first-child):not(:last-child):not(:nth-child(6))::before {
  display: none;
}
.range-display--inline:not(.range-display--vertical) .range-display__tick:first-child::before,
.range-display--inline:not(.range-display--vertical) .range-display__tick:last-child::before,
.range-display--inline:not(.range-display--vertical) .range-display__tick:nth-child(6)::before {
  height: 3px;
}
.range-display--inline:not(.range-display--vertical) .range-display__tick:first-child::after,
.range-display--inline:not(.range-display--vertical) .range-display__tick:last-child::after,
.range-display--inline:not(.range-display--vertical) .range-display__tick:nth-child(6)::after {
  font-size: 10px;
}
.range-display--inline:not(.range-display--vertical) .range-display__tick:first-child::after {
  transform: translate(0, 5px);
}
.range-display--inline:not(.range-display--vertical) .range-display__tick:nth-child(6)::after {
  transform: translate(-50%, 5px);
}
.range-display--inline:not(.range-display--vertical) .range-display__tick:last-child::after {
  transform: translate(-100%, 5px);
}
.range-display--vertical {
  display: flex;
  flex-direction: column;
  height: 100%;
  align-items: center;
  min-width: 300px;
}
.range-display--vertical .range-display {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  margin: 0 105px;
  padding: 38px 32px 34px 32px;
  min-width: unset;
  min-height: 240px;
  width: 80px;
}
.range-display--vertical .range-display__range {
  top: 38px;
  right: 32px;
  bottom: 34px;
  left: 28px;
  flex-direction: column;
  width: 6px;
  height: unset;
  border-top: 0;
  border-right: 1px dotted currentColor;
  border-bottom: 0;
  border-radius: 0;
  margin-left: -2px;
}
.range-display--vertical .range-display__range__unit {
  top: unset;
  bottom: -24px;
}
.range-display--vertical .range-display__range__max,
.range-display--vertical .range-display__range__min {
  position: absolute;
  top: unset;
  left: -4px;
  max-width: 100%;
  width: 8px;
  height: unset;
  border-radius: 0;
}
.range-display--vertical .range-display__range__max {
  top: calc(100% - var(--range-r-max));
  left: unset;
  height: calc(var(--range-r-max) - var(--range-r-min));
  background-color: var(--input-validation-error, var(--palette-status-danger, var(--c8y-palette-status-danger)));
}
.range-display--vertical .range-display__range__min {
  top: calc(100% - var(--range-y-max));
  left: unset;
  height: calc(var(--range-y-max) - var(--range-y-min));
  border-top: 1px solid var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  border-right: unset;
}
.range-display--vertical .range-display__range__target {
  top: unset;
  left: -2px;
  width: unset;
  height: calc(100% - var(--measurement-target));
  z-index: 0;
}
.range-display--vertical .range-display__range__target:before {
  top: unset;
  right: unset;
  bottom: 0;
  left: 0;
  width: 56px;
  height: 2px;
  content: '';
  transform: translate(0, 50%);
}
.range-display--vertical .range-display__range__target:after {
  right: unset;
  bottom: 0;
  transform: translate(56px, 50%);
}
.range-display--vertical .range-display__range__current {
  top: unset;
  bottom: 0;
  left: 6px;
  width: 12px;
  height: var(--measurement-current);
  border-top: unset;
  border-left: 4px solid var(--brand-light, var(--brand-light, var(--c8y-brand-light)));
  background-color: transparent;
  opacity: 1;
}
.range-display--vertical .range-display__range__current:before {
  top: 0;
  right: unset;
  bottom: unset;
  left: -8px;
  display: flex;
  flex-direction: column;
  width: 32px;
  height: 2px;
  transform: translate(-20px, -50%);
  border-top: 1px dashed var(--c8y-tooltip-background-default);
  border-left: 0;
}
.range-display--vertical .range-display__range__current:after {
  right: unset;
  left: -30px;
  margin-left: 0;
  transform: translate(-100%, -50%);
  top: unset;
}
.range-display--vertical .range-display__ruler {
  position: relative;
  flex-flow: column-reverse nowrap;
  flex-grow: 1;
  justify-content: space-between;
  width: 8px;
  border-top: 0;
  border-left: 0;
}
.range-display--vertical .range-display__tick {
  position: relative;
}
.range-display--vertical .range-display__tick:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 4px;
  height: 5px;
  border: 0;
  border-top: 1px solid currentColor;
  content: '';
}
.range-display--vertical .range-display__tick:after {
  position: absolute;
  top: 0;
  left: 50%;
  content: attr(data-label);
  text-align: center;
  font-size: 12px;
  transform: translate(4px, -50%);
}
.close {
  float: right;
  color: var(--c8y-palette-gray-50);
  font-weight: normal;
  font-size: 20px;
  line-height: 16px;
}
.close:hover,
.close:focus {
  color: var(--link-hover-color, var(--c8y-component-color-link-hover, var(--c8y-root-component-color-link-hover)));
  text-decoration: none;
  cursor: pointer;
}
.close:focus {
  outline: 2px solid var(--c8y-component-color-focus, var(--c8y-root-component-color-focus));
  outline-offset: -2px;
}
/* Additional properties for button version
   iOS requires the button element instead of an anchor tag.
   If you want the anchor version, it requires `href="#"`.
   See https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile */
button.close {
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  -webkit-appearance: none;
}
button.close:focus {
  outline: 2px solid var(--c8y-component-color-focus, var(--c8y-root-component-color-focus));
  outline-offset: -2px;
}
.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-size: var(--c8y-font-size-small);
  opacity: 0;
  text-align: left;
  text-align: flex-start;
  text-decoration: none;
  text-transform: none;
  text-shadow: none;
  white-space: normal;
  word-spacing: normal;
  word-wrap: normal;
  word-break: normal;
  letter-spacing: normal;
  font-weight: normal;
  font-style: normal;
  font-family: var(--c8y-font-family-base, var(--font-family-base, var(--c8y-font-family-base, var(--c8y-font-family-sans-serif))));
  line-height: var(--c8y-line-height-base, 1.42857143);
  line-break: auto;
}
.tooltip.in {
  opacity: var(--c8y-tooltip-opacity);
}
.tooltip.top,
.tooltip.bs-tooltip-top {
  margin-top: -3px;
  padding: var(--c8y-tooltip-arrow-width) 0;
}
.tooltip.right,
.tooltip.bs-tooltip-right {
  margin-left: 3px;
  padding: 0 var(--c8y-tooltip-arrow-width);
}
.tooltip.bottom,
.tooltip.bs-tooltip-bottom {
  margin-top: 3px;
  padding: var(--c8y-tooltip-arrow-width) 0;
}
.tooltip.left,
.tooltip.bs-tooltip-left {
  margin-left: -3px;
  padding: 0 var(--c8y-tooltip-arrow-width);
}
.tooltip-inner {
  padding: 3px 8px;
  max-width: var(--c8y-tooltip-width);
  border-radius: var(--c8y-tooltip-border-radius);
  background-color: var(--c8y-tooltip-background-default);
  color: var(--c8y-tooltip-color-default);
  text-align: center;
  white-space: pre-wrap;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent;
}
.tooltip.top .tooltip-arrow,
.tooltip.bs-tooltip-top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: calc(var(--c8y-tooltip-arrow-width) * -1);
  border-width: var(--c8y-tooltip-arrow-width) var(--c8y-tooltip-arrow-width) 0;
  border-top-color: var(--c8y-tooltip-background-default);
}
.tooltip.top-left .tooltip-arrow,
.tooltip.bs-tooltip-top-left .tooltip-arrow {
  right: var(--c8y-tooltip-arrow-width);
  bottom: 0;
  margin-bottom: calc(var(--c8y-tooltip-arrow-width) * -1);
  border-width: var(--c8y-tooltip-arrow-width) var(--c8y-tooltip-arrow-width) 0;
  border-top-color: var(--c8y-tooltip-background-default);
}
.tooltip.top-right .tooltip-arrow,
.tooltip.bs-tooltip-top-right .tooltip-arrow {
  bottom: 0;
  left: var(--c8y-tooltip-arrow-width);
  border-width: var(--c8y-tooltip-arrow-width) var(--c8y-tooltip-arrow-width) 0;
  border-top-color: var(--c8y-tooltip-background-default);
}
.tooltip.right .tooltip-arrow,
.tooltip.bs-tooltip-right .tooltip-arrow {
  top: 50%;
  left: 0;
  border-width: var(--c8y-tooltip-arrow-width) var(--c8y-tooltip-arrow-width) var(--c8y-tooltip-arrow-width) 0;
  border-right-color: var(--c8y-tooltip-background-default);
}
.tooltip.left .tooltip-arrow,
.tooltip.bs-tooltip-left .tooltip-arrow {
  top: 50%;
  right: 0;
  border-width: var(--c8y-tooltip-arrow-width) 0 var(--c8y-tooltip-arrow-width) var(--c8y-tooltip-arrow-width);
  border-left-color: var(--c8y-tooltip-background-default);
}
.tooltip.bottom .tooltip-arrow,
.tooltip.bs-tooltip-bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  border-width: 0 var(--c8y-tooltip-arrow-width) var(--c8y-tooltip-arrow-width);
  border-bottom-color: var(--c8y-tooltip-background-default);
}
.tooltip.bottom-left .tooltip-arrow,
.tooltip.bs-tooltip-bottom-left .tooltip-arrow {
  top: 0;
  right: var(--c8y-tooltip-arrow-width);
  border-width: 0 var(--c8y-tooltip-arrow-width) var(--c8y-tooltip-arrow-width);
  border-bottom-color: var(--c8y-tooltip-background-default);
}
.tooltip.bottom-right .tooltip-arrow,
.tooltip.bs-tooltip-bottom-right .tooltip-arrow {
  top: 0;
  left: var(--c8y-tooltip-arrow-width);
  border-width: 0 var(--c8y-tooltip-arrow-width) var(--c8y-tooltip-arrow-width);
  border-bottom-color: var(--c8y-tooltip-background-default);
}
bs-tooltip-container {
  position: fixed;
  top: -9999px;
  left: -9999px;
}
.card-flip-container {
  display: flex;
  width: 100%;
  transition: transform 0.6s;
}
.card-flip-container.ng-animate {
  z-index: 3;
}
.card-flip-container > .card-flip {
  position: relative;
  width: 100%;
  transition: transform 0.6s;
}
.card-flip-container > .card-flip .card-front,
.card-flip-container > .card-flip .card-back {
  position: absolute;
  width: 100%;
  background-color: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  transition: transform 0.6s;
  backface-visibility: hidden;
}
.card-flip-container > .card-flip .card-front {
  position: relative;
  text-align: center;
}
.card-flip-container > .card-flip .card-back {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: none;
  transform: rotateY(180deg);
}
.card-flip-container > .card-flip.flipped-add,
.card-flip-container > .card-flip.flipped-remove {
  perspective: 800px;
}
.card-flip-container > .card-flip.flipped-add .card-front,
.card-flip-container > .card-flip.flipped-remove .card-front,
.card-flip-container > .card-flip.flipped-add .card-back,
.card-flip-container > .card-flip.flipped-remove .card-back {
  box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.1);
  transform-style: preserve-3d;
}
.card-flip-container > .card-flip.flipped-add .card-front .card-inner-scroll,
.card-flip-container > .card-flip.flipped-remove .card-front .card-inner-scroll,
.card-flip-container > .card-flip.flipped-add .card-back .card-inner-scroll,
.card-flip-container > .card-flip.flipped-remove .card-back .card-inner-scroll {
  overflow-y: hidden;
}
.card-flip-container > .card-flip.flipped-add .card-front,
.card-flip-container > .card-flip.flipped-remove .card-front {
  position: relative;
}
.card-flip-container > .card-flip.flipped-add .card-back,
.card-flip-container > .card-flip.flipped-remove .card-back {
  display: block;
}
.interact-grid .card-flip-container > .card-flip.flipped .card-front {
  position: relative;
  transform: rotateY(-180deg);
}
.interact-grid .card-flip-container > .card-flip.flipped .card-back {
  display: block;
  transform: rotateY(0);
}
.interact-grid .card-flip-container > .card-flip.flipped .card-back [class^='col-sm-'],
.interact-grid .card-flip-container > .card-flip.flipped .card-back [class*=' col-sm'],
.interact-grid .card-flip-container > .card-flip.flipped .card-back [class^='col-md-'],
.interact-grid .card-flip-container > .card-flip.flipped .card-back [class*=' col-md'],
.interact-grid .card-flip-container > .card-flip.flipped .card-back [class^='col-lg-'],
.interact-grid .card-flip-container > .card-flip.flipped .card-back [class*=' col-lg'] {
  float: none;
  width: 100%;
}
.card.card-dashboard {
  fill: var(--c8y-component-color-default, var(--c8y-root-component-color-default));
}
.card.card-dashboard .card-title,
.card.card-dashboard .card-title span {
  display: block;
  overflow: hidden !important;
  max-width: 100% !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  color: var(--c8y-component-color-default, var(--c8y-root-component-color-default));
  pointer-events: none;
}
.card.card-dashboard .card-title {
  display: flex;
}
.card.card-dashboard c8y-dashboard-child-title {
  max-width: 100%;
  min-width: 0;
}
.card.card-dashboard > .card-inner-scroll {
  position: relative;
  z-index: 9;
  height: calc(100% - calc(var(--c8y-unit-base) * 6));
  color: var(--c8y-component-color-default, var(--c8y-root-component-color-default));
  container-type: size;
}
.card.card-dashboard > .card-inner-scroll:before {
  background: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
}
.card.card-dashboard > .card-inner-scroll.has-footer {
  height: calc(100% - calc(var(--c8y-unit-base) * 6) - calc(var(--c8y-unit-base) * 2) - var(--c8y-form-control-height-base) - calc(var(--c8y-unit-base) * 2));
}
.card.card-dashboard > .card-inner-scroll > .component-map {
  position: relative;
  z-index: 11;
  height: 100%;
}
.card.card-dashboard > .fixed-header .table {
  margin-bottom: 0;
}
.card.card-dashboard > .fixed-header + .card-inner-scroll {
  height: calc(100% - 125px);
}
.card.card-dashboard > .fixed-header.datepicker {
  padding-top: 5px;
}
.card.card-dashboard > .fixed-header.datepicker + .card-inner-scroll {
  height: calc(100% - 174px);
}
.card.card-dashboard > .card-header-actions-no-title + .card-inner-scroll {
  height: 100%;
}
.card.card-dashboard .card {
  margin-bottom: 0;
  box-shadow: none;
}
.card.card-dashboard .card .card-inner-scroll {
  overflow: visible;
}
.card.card-dashboard .card-header-actions .card-title {
  opacity: 1;
}
.card.card-dashboard .card-header-actions.drag-handle:hover .header-actions .optionsBtn {
  color: var(--c8y-component-color-actions, var(--c8y-root-component-color-actions));
  opacity: 1;
}
.card.card-dashboard .card-header-actions.drag-handle:hover .header-actions .drag-handle {
  opacity: 1;
}
.card.card-dashboard .card-header-actions.drag-handle:hover .card-title,
.card.card-dashboard .card-header-actions.drag-handle:hover .card-title span {
  opacity: 1;
}
.card.card-dashboard .card-inner-scroll > * {
  padding-top: 0;
}
.card.card-dashboard .card-inner-scroll > [c8y-html-widget] > table,
.card.card-dashboard .card-inner-scroll .table {
  margin: 0;
}
.card.card-dashboard .card-inner-scroll > [c8y-html-widget] > table td:first-child,
.card.card-dashboard .card-inner-scroll .table td:first-child,
.card.card-dashboard .card-inner-scroll > [c8y-html-widget] > table th:first-child,
.card.card-dashboard .card-inner-scroll .table th:first-child {
  padding-left: var(--c8y-component-padding, var(--c8y-root-component-padding));
}
.card.card-dashboard .card-inner-scroll > [c8y-html-widget] > table td:last-child,
.card.card-dashboard .card-inner-scroll .table td:last-child,
.card.card-dashboard .card-inner-scroll > [c8y-html-widget] > table th:last-child,
.card.card-dashboard .card-inner-scroll .table th:last-child {
  padding-right: var(--c8y-component-padding, var(--c8y-root-component-padding));
}
.card.card-dashboard group-assignment,
.card.card-dashboard c8y-device-status {
  display: block;
  height: 100%;
}
.grid-stack-item .card + .ui-resizable-handle {
  margin-bottom: calc(var(--c8y-unit-base) * -1);
}
.grid-stack > .grid-stack-item > .grid-stack-item-content {
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  overflow: visible !important;
}
@media (max-width: 768px) {
  .grid-stack-item {
    margin-bottom: 0 !important;
  }
}
.c8y-pulse {
  position: relative;
  display: inline-block !important;
  margin: 0 5px 0 0 !important;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--c8y-component-pulse-color, var(--c8y-root-component-pulse-color));
}
.c8y-pulse:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  border-radius: 50%;
  background-color: var(--c8y-component-pulse-color, var(--c8y-root-component-pulse-color));
  content: '';
  transform: rotateZ(360deg);
}
.c8y-realtime:hover,
.c8y-realtime:focus {
  text-decoration: none;
}
.c8y-realtime .c8y-pulse.inactive {
  border: 1px solid var(--c8y-component-border-color, var(--c8y-root-component-border-color));
  background-color: var(--c8y-component-border-color, var(--c8y-root-component-border-color));
  animation: none;
  transition: border 0.25s ease;
}
.c8y-realtime .c8y-pulse.inactive:before {
  display: none;
}
.c8y-realtime .c8y-pulse.active {
  border: 1px solid var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  background-color: var(--c8y-component-pulse-color, var(--c8y-root-component-pulse-color));
}
.c8y-realtime .c8y-pulse.active:before {
  animation: c8ypulse 2s infinite;
}
@keyframes c8ypulse {
  0% {
    opacity: 1;
    transform: rotateZ(360deg);
    transform: scale(1);
  }
  70% {
    opacity: 0;
    transform: rotateZ(0);
    transform: scale(3);
  }
  100% {
    opacity: 0;
    transform: rotateZ(0);
    transform: scale(1);
  }
}
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  padding: 1px;
  max-width: var(--c8y-popover-width);
  border: 1px solid var(--c8y-popover-border-color);
  border-radius: var(--c8y-popover-border-radius);
  background-color: var(--c8y-popover-background-default);
  background-clip: padding-box;
  color: var(--c8y-popover-color-default);
  font-size: var(--c8y-font-size-base);
  text-align: left;
  text-align: flex-start;
  text-decoration: none;
  text-transform: none;
  text-shadow: none;
  white-space: normal;
  word-spacing: normal;
  word-wrap: normal;
  word-break: normal;
  letter-spacing: normal;
  font-weight: normal;
  font-style: normal;
  font-family: var(--c8y-font-family-base, var(--font-family-base, var(--c8y-font-family-base, var(--c8y-font-family-sans-serif))));
  line-height: var(--c8y-line-height-base, 1.42857143);
  line-break: auto;
}
.popover.high-popover {
  z-index: 1062;
}
.popover.top {
  margin-bottom: var(--c8y-popover-arrow-width);
  box-shadow: var(--c8y-elevation-md-bottom);
  box-shadow: var(--c8y-elevation-md-top);
}
.popover.right {
  margin-left: var(--c8y-popover-arrow-width);
  box-shadow: var(--c8y-elevation-md-bottom);
  box-shadow: var(--c8y-elevation-md-right);
}
.popover.bottom {
  margin-top: var(--c8y-popover-arrow-width);
  box-shadow: var(--c8y-elevation-md-bottom);
}
.popover.left {
  margin-right: var(--c8y-popover-arrow-width);
  box-shadow: var(--c8y-elevation-md-bottom);
  box-shadow: var(--c8y-elevation-md-left);
}
.popover-title {
  margin: 0;
  padding: var(--c8y-popover-padding) var(--c8y-popover-padding) 0;
  border-radius: calc(var(--c8y-popover-border-radius) - 1px) calc(var(--c8y-popover-border-radius) - 1px) 0 0;
  background-color: var(--c8y-popover-background-default);
  font-weight: 500;
  font-size: 16px;
}
.popover-content {
  padding: var(--c8y-popover-padding);
  word-break: break-word;
  overflow-wrap: break-word;
}
.popover-content:has(.popover-footer) {
  padding-bottom: 0;
}
.popover-footer {
  padding: var(--c8y-popover-padding) 0;
}
.popover-title + .popover-content {
  padding-top: calc(var(--c8y-popover-padding) / 2);
}
.popover > .arrow,
.popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent;
}
.popover > .arrow {
  border-width: calc(var(--c8y-popover-arrow-width) + 1px);
}
.popover > .arrow:after {
  border-width: var(--c8y-popover-arrow-width);
  content: '';
}
.popover.top > .arrow {
  bottom: calc(calc(var(--c8y-popover-arrow-width) + 1px) * -1);
  left: 50%;
  border-top-color: var(--c8y-popover-border-color);
  border-bottom-width: 0;
}
.popover.top > .arrow:after {
  bottom: 1px;
  margin-left: calc(var(--c8y-popover-arrow-width) * -1);
  border-top-color: var(--c8y-popover-background-default);
  border-bottom-width: 0;
  content: ' ';
}
.popover.right > .arrow {
  top: 50%;
  left: calc(calc(var(--c8y-popover-arrow-width) + 1px) * -1);
  border-right-color: var(--c8y-popover-border-color);
  border-left-width: 0;
}
.popover.right > .arrow:after {
  bottom: calc(var(--c8y-popover-arrow-width) * -1);
  left: 1px;
  border-right-color: var(--c8y-popover-background-default);
  border-left-width: 0;
  content: ' ';
}
.popover.bottom > .arrow {
  top: calc(calc(var(--c8y-popover-arrow-width) + 1px) * -1);
  left: 50%;
  border-top-width: 0;
  border-bottom-color: var(--c8y-popover-border-color);
}
.popover.bottom > .arrow:after {
  top: 1px;
  margin-left: calc(var(--c8y-popover-arrow-width) * -1);
  border-top-width: 0;
  border-bottom-color: var(--c8y-popover-background-default);
  content: ' ';
}
.popover.left > .arrow {
  top: 50%;
  right: calc(calc(var(--c8y-popover-arrow-width) + 1px) * -1);
  border-right-width: 0;
  border-left-color: var(--c8y-popover-border-color);
}
.popover.left > .arrow:after {
  right: 1px;
  bottom: calc(var(--c8y-popover-arrow-width) * -1);
  border-right-width: 0;
  border-left-color: var(--c8y-popover-background-default);
  content: ' ';
}
.popover.navigator-popover {
  max-width: 341px!important;
}
c8y-popover-confirm .right {
  right: 20px !important;
}
.popover.lns-connection-popover {
  top: 10px !important;
  left: 140px !important;
}
@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
.progress {
  overflow: hidden;
  margin-bottom: calc(var(--c8y-font-size-base) * var(--c8y-line-height-base, 1.42857143));
  height: calc(var(--c8y-font-size-base) * var(--c8y-line-height-base, 1.42857143));
  border-radius: 10px;
  background-color: rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.progress-bar {
  float: left;
  width: 0%;
  height: 100%;
  background-color: var(--brand-primary, var(--c8y-brand-primary));
  color: var(--c8y-palette-high);
  text-align: center;
  font-size: var(--c8y-font-size-small);
  line-height: calc(var(--c8y-font-size-base) * var(--c8y-line-height-base, 1.42857143));
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  transition: width 0.6s ease;
}
.progress-striped .progress-bar,
.progress-bar-striped {
  background-size: 40px 40px;
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress.active .progress-bar,
.progress-bar.active {
  animation: progress-bar-stripes 2s linear infinite;
}
.progress-bar-success {
  background-color: var(--palette-status-success, var(--c8y-palette-status-success));
}
.progress-striped .progress-bar-success {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-info {
  background-color: var(--palette-status-info, var(--c8y-palette-status-info));
}
.progress-striped .progress-bar-info {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-warning {
  background-color: var(--palette-status-warning, var(--c8y-palette-status-warning));
}
.progress-striped .progress-bar-warning {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-danger {
  background-color: var(--palette-status-danger, var(--c8y-palette-status-danger));
}
.progress-striped .progress-bar-danger {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.search-header-menu {
  top: 92px;
  max-width: calc(100vw - 364px);
  min-width: 300px;
  width: 100vw;
  box-shadow: var(--c8y-elevation-md-bottom);
  box-shadow: var(--c8y-elevation-md-right);
}
.search-header-menu .c8y-search-form .c8y-search-dropdown .input-group {
  padding: calc(var(--c8y-unit-base) * 2);
  background-color: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
}
.search-header-menu .c8y-search-form .c8y-search-dropdown .input-group .input-group-btn {
  top: calc(var(--c8y-unit-base) * 2);
  right: calc(var(--c8y-unit-base) * 2);
  max-height: none;
  height: auto;
  bottom: calc(var(--c8y-unit-base) * 2);
}
.search-header-menu c8y-typeahead .c8y-search-dropdown.dropdown .dropdown-menu {
  position: relative;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  padding-top: 0;
  max-height: calc(100vh - 240px);
  height: auto;
  display: block;
  box-shadow: none;
  background-color: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
}
.search-header-menu c8y-typeahead .input-group-dropdown .form-control {
  border-radius: 0 !important;
  border: 0;
  height: auto;
  padding: 16px 54px 16px 16px;
  background-color: var(--header-color, var(--c8y-header-color));
  color: var(--header-text-color, var(--c8y-main-header-text-color-default));
  font-size: var(--c8y-font-size-large);
  max-height: unset !important;
}
.search-header-menu c8y-typeahead .input-group-btn .btn {
  font-size: 20px;
  height: auto !important;
  padding: 14px 16px;
  color: var(--header-text-color, var(--c8y-main-header-text-color-default));
}
.search-header-menu c8y-typeahead .input-group-btn .btn:hover {
  color: var(--header-hover-color, var(--c8y-header-hover-color));
}
.search-header-menu c8y-typeahead c8y-load-more {
  padding: 0 16px;
}
.search-header-menu c8y-typeahead c8y-load-more > .c8y-list__item {
  box-shadow: none;
}
@media (min-width: 768px) {
  .search-header-menu {
    top: calc(var(--c8y-unit-base) * 8);
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 1200px) {
  .app-main-header.open .search-header-menu {
    max-width: calc(100vw - 500px);
  }
}
.search-header-inline c8y-list-group.dropdown-menu {
  width: unset !important;
  min-width: 100%;
}
.search-header-inline .c8y-list__item {
  padding: 0 8px !important;
  --c8y-component-padding: 4px;
}
.search-header-inline .c8y-list__item .legend {
  margin: 0;
}
c8y-static-assets-file-picker {
  display: block;
  padding: var(--c8y-root-component-padding);
  border: 1px solid var(--c8y-form-control-border-color-default);
}
c8y-static-assets-file-picker img {
  border: 1px dashed var(--c8y-root-component-border-color);
}
.panel {
  margin-bottom: calc(var(--c8y-unit-base) * 2);
  border: 0 solid transparent;
  border-radius: 0;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
}
.panel-heading {
  position: relative;
  padding: 0;
  width: 100%;
  border-bottom: 1px solid var(--c8y-component-border-color, var(--c8y-root-component-border-color));
  font-size: 12px;
  font-family: var(--c8y-font-family-headings, var(--font-family-headings, var(--c8y-headings-font-family)));
  border-top-left-radius: -1px;
  border-top-right-radius: -1px;
}
.panel-heading .btn[btn-checkbox] {
  margin: 0;
}
.panel-heading .form-control {
  font-weight: normal;
  font-size: inherit;
}
.panel-title {
  margin: 0;
  font-weight: inherit;
  font-size: inherit;
}
.panel-title > a,
.panel-title > small,
.panel-title > .small,
.panel-title > small > a,
.panel-title > .small > a {
  color: inherit;
}
.panel-footer {
  padding: var(--c8y-unit-base) calc(var(--c8y-unit-base) * 2);
  border-top: 1px solid var(--c8y-component-border-color, var(--c8y-root-component-border-color));
  background-color: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  border-bottom-right-radius: -1px;
  border-bottom-left-radius: -1px;
}
.panel > .list-group,
.panel > .panel-collapse > .list-group {
  margin-bottom: 0;
}
.panel > .list-group .list-group-item,
.panel > .panel-collapse > .list-group .list-group-item {
  border-width: 1px 0;
  border-radius: 0;
}
.panel > .list-group:first-child .list-group-item:first-child,
.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
  border-top: 0;
  border-top-left-radius: -1px;
  border-top-right-radius: -1px;
}
.panel > .list-group:last-child .list-group-item:last-child,
.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
  border-bottom: 0;
  border-bottom-right-radius: -1px;
  border-bottom-left-radius: -1px;
}
.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0;
}
.list-group + .panel-footer {
  border-top-width: 0;
}
.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
  margin-bottom: 0;
}
.panel > .table caption,
.panel > .table-responsive > .table caption,
.panel > .panel-collapse > .table caption {
  padding-right: calc(var(--c8y-unit-base) * 2);
  padding-left: calc(var(--c8y-unit-base) * 2);
}
.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
  border-top-left-radius: -1px;
  border-top-right-radius: -1px;
}
.panel > .table:first-child > thead:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
  border-top-left-radius: -1px;
  border-top-right-radius: -1px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
  border-top-left-radius: -1px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
  border-top-right-radius: -1px;
}
.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
  border-bottom-right-radius: -1px;
  border-bottom-left-radius: -1px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
  border-bottom-right-radius: -1px;
  border-bottom-left-radius: -1px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
  border-bottom-left-radius: -1px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
  border-bottom-right-radius: -1px;
}
.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive,
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body {
  border-top: 1px solid var(--c8y-component-border-color, var(--c8y-root-component-border-color));
}
.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
  border-top: 0;
}
.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
  border: 0;
}
.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
  border-left: 0;
}
.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
  border-right: 0;
}
.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
  border-bottom: 0;
}
.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
  border-bottom: 0;
}
.panel > .table-responsive {
  margin-bottom: 0;
  border: 0;
}
.panel-group {
  margin-bottom: calc(var(--c8y-font-size-base) * var(--c8y-line-height-base, 1.42857143));
}
.panel-group .panel {
  margin-bottom: 0;
  border-radius: 0;
}
.panel-group .panel + .panel {
  margin-top: 5px;
}
.panel-group .panel-heading {
  border-bottom: 0;
}
.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {
  border-top: 1px solid var(--c8y-component-border-color, var(--c8y-root-component-border-color));
}
.panel-group .panel-footer {
  border-top: 0;
}
.panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 1px solid var(--c8y-component-border-color, var(--c8y-root-component-border-color));
}
.panel-default,
.panel-clean {
  border-color: var(--c8y-component-border-color, var(--c8y-root-component-border-color));
}
.panel-default > .panel-heading,
.panel-clean > .panel-heading {
  border-color: var(--c8y-component-border-color, var(--c8y-root-component-border-color));
  background-color: transparent;
  background-image: none;
  color: var(--c8y-component-color-default, var(--c8y-root-component-color-default));
}
.panel-default > .panel-heading + .panel-collapse > .panel-body,
.panel-clean > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: var(--c8y-component-border-color, var(--c8y-root-component-border-color));
}
.panel-default > .panel-heading .badge,
.panel-clean > .panel-heading .badge {
  background-color: var(--c8y-component-color-default, var(--c8y-root-component-color-default));
  color: transparent;
}
.panel-default > .panel-footer + .panel-collapse > .panel-body,
.panel-clean > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: var(--c8y-component-border-color, var(--c8y-root-component-border-color));
}
.panel-default .panel-heading,
.panel-clean .panel-heading,
.panel-default .panel-body,
.panel-clean .panel-body,
.panel-default .panel-filters,
.panel-clean .panel-filters {
  padding: 10px 15px;
}
.panel-default .panel-heading > .btn-link,
.panel-clean .panel-heading > .btn-link {
  margin-top: -10px !important;
}
.panel-clean.panel {
  margin-right: 0;
  margin-left: 0;
  background-color: transparent;
  box-shadow: none;
}
.panel-clean .panel-heading {
  margin-bottom: 24px;
  padding-bottom: 8px;
}
.panel-clean .panel-heading [class^='dlt-c8y-icon-'],
.panel-clean .panel-heading [class*=' dlt-c8y-icon-'] {
  color: var(--brand-primary, var(--c8y-brand-primary));
  font-size: 16px;
}
.panel-primary {
  border-color: var(--brand-primary, var(--c8y-brand-primary));
}
.panel-primary > .panel-heading {
  border-color: var(--brand-primary, var(--c8y-brand-primary));
  background-color: var(--brand-primary, var(--c8y-brand-primary));
  background-image: none;
  color: var(--c8y-palette-high);
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: var(--brand-primary, var(--c8y-brand-primary));
}
.panel-primary > .panel-heading .badge {
  background-color: var(--c8y-palette-high);
  color: var(--brand-primary, var(--c8y-brand-primary));
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: var(--brand-primary, var(--c8y-brand-primary));
}
.panel-success {
  border-color: var(--palette-status-success, var(--c8y-palette-status-success));
}
.panel-success > .panel-heading {
  border-color: var(--palette-status-success, var(--c8y-palette-status-success));
  background-color: transparent;
  background-image: none;
  color: var(--text-color, var(--c8y-component-color-default, var(--c8y-root-component-color-default)));
}
.panel-success > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: var(--palette-status-success, var(--c8y-palette-status-success));
}
.panel-success > .panel-heading .badge {
  background-color: var(--text-color, var(--c8y-component-color-default, var(--c8y-root-component-color-default)));
  color: transparent;
}
.panel-success > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: var(--palette-status-success, var(--c8y-palette-status-success));
}
.panel-info {
  border-color: var(--palette-status-info, var(--c8y-palette-status-info));
}
.panel-info > .panel-heading {
  border-color: var(--palette-status-info, var(--c8y-palette-status-info));
  background-color: transparent;
  background-image: none;
  color: var(--text-color, var(--c8y-component-color-default, var(--c8y-root-component-color-default)));
}
.panel-info > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: var(--palette-status-info, var(--c8y-palette-status-info));
}
.panel-info > .panel-heading .badge {
  background-color: var(--text-color, var(--c8y-component-color-default, var(--c8y-root-component-color-default)));
  color: transparent;
}
.panel-info > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: var(--palette-status-info, var(--c8y-palette-status-info));
}
.panel-warning {
  border-color: var(--palette-status-warning, var(--c8y-palette-status-warning));
}
.panel-warning > .panel-heading {
  border-color: var(--palette-status-warning, var(--c8y-palette-status-warning));
  background-color: transparent;
  background-image: none;
  color: var(--text-color, var(--c8y-component-color-default, var(--c8y-root-component-color-default)));
}
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: var(--palette-status-warning, var(--c8y-palette-status-warning));
}
.panel-warning > .panel-heading .badge {
  background-color: var(--text-color, var(--c8y-component-color-default, var(--c8y-root-component-color-default)));
  color: transparent;
}
.panel-warning > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: var(--palette-status-warning, var(--c8y-palette-status-warning));
}
.panel-danger {
  border-color: var(--palette-status-danger, var(--c8y-palette-status-danger));
}
.panel-danger > .panel-heading {
  border-color: var(--palette-status-danger, var(--c8y-palette-status-danger));
  background-color: transparent;
  background-image: none;
  color: var(--text-color, var(--c8y-component-color-default, var(--c8y-root-component-color-default)));
}
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: var(--palette-status-danger, var(--c8y-palette-status-danger));
}
.panel-danger > .panel-heading .badge {
  background-color: var(--text-color, var(--c8y-component-color-default, var(--c8y-root-component-color-default)));
  color: transparent;
}
.panel-danger > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: var(--palette-status-danger, var(--c8y-palette-status-danger));
}
.panel.panel-dashboard {
  right: calc(calc(var(--c8y-unit-base) * 3) / 2);
  bottom: 0;
  left: calc(calc(var(--c8y-unit-base) * 3) / 2);
  overflow: inherit;
  margin-bottom: calc(calc(var(--c8y-unit-base) * 3) / 2);
  background-color: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
}
.panel.panel-dashboard + .ui-resizable-handle {
  right: 22px !important;
  bottom: 15px !important;
}
.panel.panel-dashboard > .panel-heading {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-left: 15px;
  height: calc(var(--c8y-unit-base) * 5);
}
.panel.panel-dashboard > .panel-heading::after {
  position: absolute;
  top: 50%;
  left: calc(calc(var(--c8y-unit-base) * 5) / 2);
  margin-top: -5px;
  margin-left: -2px;
  width: 4px;
  height: 10px;
  content: '';
}
.panel.panel-dashboard > .panel-heading > span,
.panel.panel-dashboard > .panel-heading > .panel-title {
  display: inline-block;
  overflow: hidden;
  margin-right: auto;
  padding-top: 4px;
  padding-right: 45px;
  padding-left: 0;
  vertical-align: middle;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.panel.panel-dashboard > .panel-heading .optionsBtn {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
  width: calc(var(--c8y-unit-base) * 5);
  height: calc(var(--c8y-unit-base) * 5);
  border-left: 1px solid var(--c8y-component-border-color, var(--c8y-root-component-border-color));
  font-size: 14px;
}
.panel.panel-dashboard > .panel-heading .optionsBtn .btnIcon {
  width: 100%;
  color: var(--c8y-palette-gray-50);
  text-align: center;
  line-height: 1;
}
.panel.panel-dashboard > .panel-heading .optionsBtn .btnIcon:hover {
  color: var(--brand-primary, var(--c8y-brand-primary));
}
.panel.panel-dashboard > .panel-heading .btn-link {
  order: 30;
}
.panel.panel-dashboard > .panel-heading + .fixed-header {
  position: relative;
  z-index: 2;
  overflow: hidden;
  background-color: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
}
.panel.panel-dashboard > .panel-heading + .fixed-header table {
  margin-bottom: 0;
}
.panel.panel-dashboard > .panel-heading + .panel-body,
.panel.panel-dashboard > .panel-heading + .fixed-header + .panel-body {
  position: absolute;
  top: calc(var(--c8y-unit-base) * 5);
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
  padding: 0;
}
.panel.panel-dashboard > .panel-heading + .panel-body > .lead,
.panel.panel-dashboard > .panel-heading + .fixed-header + .panel-body > .lead,
.panel.panel-dashboard > .panel-heading + .panel-body .panel-filters,
.panel.panel-dashboard > .panel-heading + .fixed-header + .panel-body .panel-filters {
  padding: calc(var(--c8y-unit-base) * 2);
}
.panel.panel-dashboard > .panel-heading + .panel-body .table h1,
.panel.panel-dashboard > .panel-heading + .fixed-header + .panel-body .table h1,
.panel.panel-dashboard > .panel-heading + .fixed-header .table h1,
.panel.panel-dashboard > .panel-heading + .panel-body .table h2,
.panel.panel-dashboard > .panel-heading + .fixed-header + .panel-body .table h2,
.panel.panel-dashboard > .panel-heading + .fixed-header .table h2,
.panel.panel-dashboard > .panel-heading + .panel-body .table h3,
.panel.panel-dashboard > .panel-heading + .fixed-header + .panel-body .table h3,
.panel.panel-dashboard > .panel-heading + .fixed-header .table h3,
.panel.panel-dashboard > .panel-heading + .panel-body .table h4,
.panel.panel-dashboard > .panel-heading + .fixed-header + .panel-body .table h4,
.panel.panel-dashboard > .panel-heading + .fixed-header .table h4 {
  margin: 15px 0 0;
}
.panel.panel-dashboard > .panel-heading + .panel-body .table tr td:first-child,
.panel.panel-dashboard > .panel-heading + .fixed-header + .panel-body .table tr td:first-child,
.panel.panel-dashboard > .panel-heading + .fixed-header .table tr td:first-child,
.panel.panel-dashboard > .panel-heading + .panel-body .table tr th:first-child,
.panel.panel-dashboard > .panel-heading + .fixed-header + .panel-body .table tr th:first-child,
.panel.panel-dashboard > .panel-heading + .fixed-header .table tr th:first-child {
  padding-left: 15px;
}
.panel.panel-dashboard > .panel-heading + .panel-body .table tr td:last-child,
.panel.panel-dashboard > .panel-heading + .fixed-header + .panel-body .table tr td:last-child,
.panel.panel-dashboard > .panel-heading + .fixed-header .table tr td:last-child,
.panel.panel-dashboard > .panel-heading + .panel-body .table tr th:last-child,
.panel.panel-dashboard > .panel-heading + .fixed-header + .panel-body .table tr th:last-child,
.panel.panel-dashboard > .panel-heading + .fixed-header .table tr th:last-child {
  padding-right: 15px;
}
.panel.panel-dashboard > .panel-heading + .panel-body .table tbody tr:first-child td,
.panel.panel-dashboard > .panel-heading + .fixed-header + .panel-body .table tbody tr:first-child td,
.panel.panel-dashboard > .panel-heading + .fixed-header .table tbody tr:first-child td {
  border-top: 0;
}
.panel.panel-dashboard > .panel-heading + .fixed-header + .panel-body {
  top: 82px;
}
.panel.panel-dashboard > .panel-heading + .fixed-header + .panel-body .table {
  margin-top: -42px;
}
.panel.panel-icon {
  background-color: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.panel.panel-icon > .panel-heading {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-right: 15px;
  height: calc(var(--c8y-unit-base) * 5);
}
.panel.panel-icon > .panel-heading span,
.panel.panel-icon > .panel-heading [ng-show='title'] {
  display: flex;
  align-items: center;
  align-self: stretch;
  order: 1;
  margin-right: auto;
  padding-top: 4px;
  text-transform: uppercase;
}
.panel.panel-icon > .panel-heading span [class^='dlt-c8y-icon-'],
.panel.panel-icon > .panel-heading [ng-show='title'] [class^='dlt-c8y-icon-'],
.panel.panel-icon > .panel-heading span [class*=' dlt-c8y-icon-'],
.panel.panel-icon > .panel-heading [ng-show='title'] [class*=' dlt-c8y-icon-'] {
  margin-right: 10px !important;
}
.panel.panel-icon > .panel-heading.critical {
  background-color: var(--palette-status-danger, var(--c8y-palette-status-danger));
  color: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
}
.panel.panel-icon > .panel-heading.critical .btn-link {
  color: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
}
.panel.panel-icon > .panel-heading.major {
  background-color: var(--palette-status-warning-dark, var(--c8y-palette-status-warning-dark));
  color: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
}
.panel.panel-icon > .panel-heading.major .btn-link {
  color: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
}
.panel.panel-icon > .panel-heading.minor {
  background-color: var(--palette-status-warning, var(--c8y-palette-status-warning));
  color: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
}
.panel.panel-icon > .panel-heading.minor .btn-link {
  color: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
}
.panel.panel-icon > .panel-heading.warning {
  background-color: var(--palette-status-info, var(--c8y-palette-status-info));
  color: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
}
.panel.panel-icon > .panel-heading.warning .btn-link {
  color: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
}
.panel.panel-icon > .panel-heading .pull-right span {
  display: inline;
}
.panel.panel-icon > .panel-heading .pull-right span .btn-link {
  color: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
}
.panel.panel-icon > .panel-heading > [class^='dlt-c8y-icon-'],
.panel.panel-icon > .panel-heading > [class*=' dlt-c8y-icon-'],
.panel.panel-icon > .panel-heading span [class^='dlt-c8y-icon-'],
.panel.panel-icon > .panel-heading span [class*=' dlt-c8y-icon-'],
.panel.panel-icon > .panel-heading [ng-show='title'] [class^='dlt-c8y-icon-'],
.panel.panel-icon > .panel-heading [ng-show='title'] [class*=' dlt-c8y-icon-'] {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: -4px;
  margin-right: auto;
  width: calc(var(--c8y-unit-base) * 5);
  height: calc(var(--c8y-unit-base) * 5);
}
.panel.panel-icon > .panel-heading .btn-link {
  color: var(--c8y-navbar-color-link);
  text-transform: none;
  font-size: inherit;
}
.panel.panel-icon > .panel-heading .btn {
  font-size: inherit;
}
.panel.panel-icon > .panel-heading .pull-right {
  order: 1000;
}
.panel.panel-icon .panel-body.text-muted {
  padding: 0 calc(var(--c8y-unit-base) * 2);
}
.panel.panel-icon .panel-body.text-muted > .text-muted {
  padding: 10px 0;
}
.property-label {
  padding: 0;
  border-color: transparent;
  background-color: transparent;
  box-shadow: none;
  transition: all 0.2s ease;
}
.property-label:focus {
  border-color: var(--c8y-form-control-border-color-focus);
  outline: 0;
  box-shadow: inset 0 0 0 2px var(--c8y-form-control-border-color-focus);
  background-color: var(--c8y-form-control-background-focus);
  color: var(--c8y-form-control-color-focus);
}
.property-label:focus {
  padding: 6px 12px;
}
div .property {
  line-height: 34px;
}
div .property:hover {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05)) var(--c8y-component-background-default, var(--c8y-root-component-background-default));
}
div .property:nth-child(odd) {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.03), rgba(0, 0, 0, 0.03)) var(--c8y-component-background-default, var(--c8y-root-component-background-default));
}
div .property.bg-info:nth-child(odd) {
  background-color: var(--palette-status-info-light, var(--c8y-palette-status-info-light));
}
.column-name {
  line-height: 23px;
}
.spin-up {
  position: relative;
  top: 3px;
}
.spin-up,
.spin-down {
  display: block;
  height: 5px;
  color: var(--c8y-palette-gray-80);
}
.spin:hover .spin.active {
  color: var(--text-color, var(--c8y-component-color-default, var(--c8y-root-component-color-default)));
}
.icon-sort-down {
  position: relative;
  top: -9px;
}
.asset-table .btn-xs {
  font-size: 10px;
  line-height: 1.1em;
}
.asset-table .headers .header-cell {
  position: relative;
  vertical-align: middle;
}
.asset-table .headers .widget-sort {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -9.5px;
}
.asset-table .headers .column-name {
  margin-right: 8px;
  line-height: 1.1em;
}
.asset-table .headers .column-name:hover {
  color: var(--brand-primary, var(--c8y-brand-primary));
}
.value-warning {
  display: block;
  float: left;
  margin-top: 20px;
  padding: 5px;
  border-color: black;
  background-color: black;
}
.table-kpi-list tbody:hover td[rowspan],
.table-hover tr:hover td {
  background: var(--c8y-component-background-hover, var(--c8y-root-component-background-hover));
}
.bright-hover tr:hover td {
  background-color: var(--c8y-palette-high);
}
.table-kpi-list .disabled-detector-container {
  position: relative;
}
.table-kpi-list .disabled-detector {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
}
.linearGauge {
  position: relative;
  margin: 10px auto;
  width: 90%;
  height: 80px;
  border-radius: 40px;
  background: var(--c8y-palette-gray-80);
}
.linearGauge .ranges {
  position: absolute;
  top: 5px;
  right: 5px;
  bottom: 5px;
  left: 5px;
  overflow: hidden;
  border: 5px solid var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  border-radius: 40px;
}
.silo {
  position: absolute;
  width: 100%;
  height: 100%;
  min-width: 360px;
}
.linearGauge.vertical {
  width: 20px;
  height: 300px;
}
.linearGaugeRange {
  position: absolute;
  top: 0;
  bottom: 0;
}
.siloRange {
  position: absolute;
  right: 0;
  left: 0;
}
.linearGaugeRange.vertical {
  position: absolute;
  right: 0;
  left: 0;
}
.yellowRange {
  background: var(--palette-status-warning, var(--c8y-palette-status-warning));
}
.redRange {
  background: var(--palette-status-danger, var(--c8y-palette-status-danger));
}
.linearGaugePointer {
  position: absolute;
  top: 7px;
  bottom: 7px;
  left: auto;
  width: 0;
  border: 1px solid var(--c8y-palette-gray-40);
}
.siloPointer {
  position: absolute;
  right: 7px !important;
  left: 7px !important;
  height: 0;
  border: 1px solid transparent;
}
.siloPointer-wrapper {
  position: absolute;
  top: 10px;
  right: 0;
  bottom: 10px;
  left: 0;
}
.linearGaugePointer-wrapper {
  position: absolute;
  top: 0;
  right: 10px;
  bottom: 0;
  left: 10px;
}
.siloPointer > div {
  position: absolute;
  top: -32px;
  left: 70px;
  z-index: 100;
  display: inline-block;
  width: auto;
  font-size: 14px;
  line-height: 1;
}
.siloPointer > div .popover-content {
  padding: 8px;
}
.linearGaugePointer > div {
  position: absolute;
  top: 100%;
  display: inline-block;
  width: auto;
  font-size: 14px;
  line-height: 1;
  transform: translate(-50%, 2px);
}
.linearGaugePointer > div .popover-content {
  padding: 8px;
}
.linearGaugePointer.target {
  border-color: var(--palette-status-success, var(--c8y-palette-status-success));
}
.siloPointer.target {
  border-color: var(--palette-status-success, var(--c8y-palette-status-success));
}
.linearGaugeLabel {
  position: absolute;
  bottom: -30px;
  font-size: 12px;
}
.siloLabel {
  position: absolute;
  left: 85px;
  display: table;
  white-space: nowrap;
  font-size: 12px;
}
.nv-pieLabels text {
  fill: var(--c8y-component-background-default, var(--c8y-root-component-background-default)) !important;
}
.silo .graphHoverInfoCurrent,
.linearGauge .graphHoverInfoCurrent {
  position: absolute;
  z-index: 1000;
  overflow: visible;
  padding: 2px 5px 0;
  width: auto;
  background-color: var(--c8y-tooltip-background-default);
  box-shadow: none;
  color: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  font-size: 12px;
  transform: translate(-50%, -30px);
}
.silo .graphHoverInfoCurrent:after,
.linearGauge .graphHoverInfoCurrent:after {
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  width: 0;
  height: 0;
  border-width: 5px 5px 0;
  border-style: solid;
  border-color: transparent;
  border-top-color: var(--c8y-tooltip-background-default);
  background-color: transparent;
  content: '';
}
.linearGauge .graphHoverInfoCurrent {
  transform: translate(-50%, -40px);
}
.kpi-widget__container {
  padding: 0 var(--c8y-component-padding, var(--c8y-root-component-padding)) var(--c8y-component-padding, var(--c8y-root-component-padding));
}
.panel-title-hidden .kpi-widget__container {
  padding-top: var(--c8y-component-padding, var(--c8y-root-component-padding));
}
.kpi-widget__container small {
  color: var(--c8y-component-color-text-muted, var(--c8y-root-component-color-text-muted));
  font-size: clamp(14px, 75%, 54px);
}
.kpi-widget__container .dot-info {
  transition: all 0.25s ease;
}
.pie-chart-warning {
  position: absolute;
  bottom: 12px;
  margin-left: 16px;
}
.widget-thumbnail {
  max-width: 100%;
}
.timeline-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.timeline-list .timeline-item-date {
  margin-right: 35px;
  width: 40px;
  color: var(--c8y-component-color-default, var(--c8y-root-component-color-default));
  font-size: 10px;
  line-height: 1;
}
.timeline-list > div,
.timeline-list > li {
  position: relative;
}
.timeline-list > div::before,
.timeline-list > li::before {
  position: absolute;
  top: 0;
  bottom: 1px;
  left: 53px;
  border: 1px dotted var(--c8y-component-border-color, var(--c8y-root-component-border-color));
  content: '';
  transition: top 0.35s linear;
}
.timeline-list > div.expanded::before,
.timeline-list > li.expanded::before {
  transition: none;
}
.timeline-list > div:first-child::before,
.timeline-list > li:first-child::before {
  top: 50%;
}
.timeline-list > div:last-child::before,
.timeline-list > li:last-child::before {
  bottom: 50%;
}
.timeline-list > div:after,
.timeline-list > li:after {
  position: absolute;
  top: 50%;
  left: 48px;
  z-index: 10;
  margin: -6px 0 0;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: var(--c8y-component-color-disabled, var(--c8y-root-component-color-disabled));
  content: '';
  transition: background 0.5s linear;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
}
.timeline-list > div.active:after,
.timeline-list > li.active:after {
  background-color: var(--c8y-component-color-accent, var(--c8y-root-component-color-accent));
}
.timeline-list > div.active .timeline-item-content,
.timeline-list > li.active .timeline-item-content {
  border-color: var(--c8y-component-color-accent, var(--c8y-root-component-color-accent));
}
.timeline-list > div.active .timeline-item-content .list-item-actions:before,
.timeline-list > li.active .timeline-item-content .list-item-actions:before {
  display: inline-block;
  margin-top: calc(var(--c8y-unit-base) + 2);
  margin-right: var(--c8y-unit-base);
  padding: 0.2em 0.6em 0;
  border-radius: 10px;
  background-color: var(--c8y-component-color-accent, var(--c8y-root-component-color-accent));
  color: var(--c8y-palette-high);
  content: attr(data-active);
  font-weight: bold;
  font-size: 12px;
}
.timeline-list > div.active .timeline-item-content .list-item-actions .dropdown,
.timeline-list > li.active .timeline-item-content .list-item-actions .dropdown {
  display: none;
}
.timeline-list > div.active .timeline-item-content:before,
.timeline-list > li.active .timeline-item-content:before {
  left: -13px;
  margin-top: -13px;
  border-width: 13px 13px 13px 0;
  border-color: transparent var(--c8y-component-color-accent, var(--c8y-root-component-color-accent)) transparent transparent;
}
.timeline-list > div.active .timeline-item-content:after,
.timeline-list > li.active .timeline-item-content:after {
  left: -10px;
}
.timeline-list .timeline-item-content {
  position: relative;
  flex: 1 1 0%;
  margin-top: 0;
  margin-bottom: var(--c8y-unit-base);
  padding: var(--c8y-unit-base) var(--c8y-component-padding, var(--c8y-root-component-padding));
  min-height: 40px;
  border: 2px solid var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  background: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  color: var(--c8y-component-color-default, var(--c8y-root-component-color-default));
  transition: background 0.5s linear, border 0.5s linear;
  overflow-wrap: break-word;
}
.timeline-list .timeline-item-content:before {
  position: absolute;
  top: 50%;
  left: -12px;
  margin-top: -10px;
  width: 0;
  height: 0;
  border-width: 10px 10px 10px 0;
  border-style: solid;
  border-color: transparent rgba(0, 0, 0, 0.05) transparent transparent;
  content: '';
}
.timeline-list .timeline-item-content:after {
  position: absolute;
  top: 50%;
  left: -11px;
  margin-top: -10px;
  width: 0;
  height: 0;
  border-width: 10px 10px 10px 0;
  border-style: solid;
  border-color: transparent var(--c8y-component-background-default, var(--c8y-root-component-background-default)) transparent transparent;
  content: '';
  transition: border 0.5s linear;
}
.timeline-list .timeline-item-content .list-item-icon {
  align-self: flex-start;
}
.timeline-list .timeline-item-content .list-item-icon,
.timeline-list .timeline-item-content .list-item-icon [class^='dlt-c8y-icon-'],
.timeline-list .timeline-item-content .list-item-icon [class*=' dlt-c8y-icon-'] {
  font-size: 20px;
}
.timeline-list .timeline-item-content .list-item-body {
  flex: 1;
  word-break: break-all;
}
.timeline-list .timeline-item-content .collapse,
.timeline-list .timeline-item-content .collapsing {
  flex: 1 1 100%;
  order: 11000;
  min-width: 100%;
  width: auto;
}
.timeline-list .expanded {
  background: transparent;
}
.timeline-list .expanded .timeline-item-date {
  font-weight: bold;
}
.timeline-list .expanded:after {
  background-color: var(--c8y-component-color-accent, var(--c8y-root-component-color-accent));
}
.timeline-list .expanded .timeline-item-content {
  border-color: var(--c8y-component-background-expanded, var(--c8y-root-component-background-expanded));
  background-color: var(--c8y-component-background-expanded, var(--c8y-root-component-background-expanded));
  color: var(--c8y-component-color-expanded, var(--c8y-root-component-color-expanded));
}
.timeline-list .expanded .timeline-item-content:after {
  border-color: transparent var(--c8y-component-background-expanded, var(--c8y-root-component-background-expanded)) transparent transparent;
  background-color: transparent;
}
.timeline-list.list-condensed .timeline-item-content {
  margin: 0 0 calc(var(--c8y-unit-base) * 0.5);
  border-width: 0 0 0 2px;
}
@media (min-width: 768px) {
  .timeline-list .timeline-item-date {
    width: 60px;
  }
  .timeline-list > li::before,
  .timeline-list > div::before {
    left: 73px;
  }
  .timeline-list > li::after,
  .timeline-list > div::after {
    left: 68px;
  }
}
.timeline-list-item.ng-enter {
  opacity: 0;
  transition: background 1s linear 0.5s, opacity 0.5s linear;
}
.timeline-list-item.ng-enter.ng-enter-active {
  opacity: 1;
}
.timeline-list-item.ng-enter:after {
  background-color: var(--c8y-component-realtime-added, var(--c8y-root-component-realtime-added));
}
.timeline-list-item.ng-enter .timeline-item-content {
  border-color: var(--c8y-component-realtime-added, var(--c8y-root-component-realtime-added));
  background-color: var(--c8y-component-realtime-added, var(--c8y-root-component-realtime-added));
}
.timeline-list-item.ng-enter .timeline-item-content:after {
  border-color: transparent var(--c8y-component-realtime-added, var(--c8y-root-component-realtime-added)) transparent transparent;
}
.user-dot {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex: 0 0 30px;
  margin-right: 10px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  color: var(--c8y-brand-10);
  vertical-align: middle;
  text-align: center;
  text-transform: capitalize;
  font-size: 16px;
  line-height: 1;
  background-color: var(--c8y-brand-60);
}
.owned .user-dot,
.list-group-item .user-dot {
  width: 30px;
  height: 30px;
  font-size: 16px;
  line-height: 32px;
}
.user-dot.user-disabled {
  background-color: var(--c8y-palette-gray-80);
}
.user-list-row {
  display: flex;
  flex-flow: row wrap;
  margin-top: calc(var(--c8y-unit-base) * 2);
  padding: calc(var(--c8y-unit-base) * 2);
  border-radius: var(--c8y-component-border-radius-base, var(--c8y-root-component-border-radius-base));
  background-color: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  box-shadow: var(--c8y-elevation-sm);
}
@media (max-width: 991px) {
  .user-list-row {
    box-shadow: var(--c8y-elevation-sm);
  }
}
.user-list-row:first-child {
  margin-top: 0;
}
.user-list-row .col-actions .c8y-dropdown {
  color: var(--c8y-component-color-actions, var(--c8y-root-component-color-actions));
  opacity: var(--c8y-component-actions-opacity, var(--c8y-root-component-actions-opacity));
}
.user-list-row .col-actions .c8y-dropdown:hover,
.open.dropdown .user-list-row .col-actions .c8y-dropdown {
  opacity: 1;
}
.user-list-row.user-list-header {
  display: none;
  padding: 0;
  min-height: 24px;
  background-color: transparent;
}
.user-list-row .col-expand {
  order: 100;
  width: 30px;
}
@media (max-width: 991px) {
  .user-list-row .col-expand {
    width: 100% !important;
    text-align: center;
  }
}
.user-list-row .col-expand [class^='dlt-c8y-icon-'],
.user-list-row .col-expand [class*=' dlt-c8y-icon-'] {
  transition: transform 0.25s ease;
}
.user-list-row .col-expand [class^='dlt-c8y-icon-'].open,
.user-list-row .col-expand [class*=' dlt-c8y-icon-'].open {
  color: var(--brand-primary, var(--c8y-brand-primary));
  transform: rotate(180deg);
}
.user-list-row .col-subaccounts {
  display: none;
}
.user-list-row .col-selector {
  display: none;
  font-size: 20px;
}
.user-list-row .col-globalroles {
  order: 10;
  margin: var(--c8y-unit-base) 0;
  padding: calc(var(--c8y-unit-base) * 0.5) 0;
  width: 100%;
}
.user-list-row .col-globalroles .c8y-child-assets-selector .dropdown-menu.multiselect-container {
  max-width: 100%;
  width: 100%;
}
.user-list-row .col-passwordstrength,
.user-list-row .col-twofactorauth {
  display: none;
}
.user-list-row .col-username {
  display: flex;
  align-items: center;
  flex-flow: row nowrap;
  order: 1;
  margin-bottom: 10px;
}
@media (max-width: 992px) {
  .user-list-row .col-username {
    width: calc(100% - 24px) !important;
  }
}
.user-list-row .col-username .h4 {
  margin: 0;
}
.user-list-row .col-actions {
  order: 2;
  margin: calc(calc(var(--c8y-unit-base) * 2) * -1) calc(calc(var(--c8y-unit-base) * 2) * -1) 0 0;
  margin-left: auto;
}
.user-list-row .col-fullname {
  order: 4;
}
.user-list-row.owned {
  margin-top: 0;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.user-list-row .disabled {
  padding-right: 5px;
  color: var(--text-color, var(--c8y-component-color-default, var(--c8y-root-component-color-default)));
  font-style: italic;
}
@media (min-width: 992px) {
  .user-list-row.user-list-header {
    display: flex;
    padding-right: 40px;
    box-shadow: none;
  }
  .user-list-row {
    position: relative;
    align-items: center;
    flex-flow: row wrap;
    margin-top: var(--c8y-unit-base);
    padding: 6px 40px 10px 0;
    min-height: calc(var(--c8y-unit-base) * 7);
  }
  .user-list-row.page-sticky-header {
    padding-top: 0;
    padding-bottom: 0;
    min-height: calc(var(--c8y-unit-base) * 6);
  }
  .user-list-row .col-expand {
    order: 0;
    text-align: center;
  }
  .user-list-row .col-expand [class^='dlt-c8y-icon-'],
  .user-list-row .col-expand [class*=' dlt-c8y-icon-'] {
    transform: rotate(-90deg);
  }
  .user-list-row .col-expand [class^='dlt-c8y-icon-'].open,
  .user-list-row .col-expand [class*=' dlt-c8y-icon-'].open {
    transform: rotate(0deg);
  }
  .user-list-row .col-selector {
    display: block;
    flex: 0 0 50px;
  }
  .user-list-row .col-username {
    flex: 0 0 auto;
    margin: 0;
    padding-right: 10px;
    width: 250px;
  }
  .user-list-row .col-username .h4 {
    font-size: 100%;
  }
  .user-list-row .col-subaccounts {
    display: block;
    flex: 0 0 30px;
    order: 2;
  }
  .user-list-row .col-fullname {
    flex: 0 0 auto;
    order: 5;
    margin: 0;
    padding-right: 10px;
    width: 230px;
  }
  .user-list-row .col-globalroles {
    flex: 0 0 240px;
    order: 7;
    margin: 0;
    padding: 0;
    max-width: 240px;
    border: 0;
  }
  .user-list-row .col-globalroles .c8y-child-assets-selector {
    display: block;
  }
  .user-list-row .col-passwordstrength {
    display: block;
    flex: 0 0 72px;
    order: 10;
    margin-left: auto;
  }
  .user-list-row .col-twofactorauth {
    display: block;
    flex: 0 0 20px;
    order: 10;
  }
  .user-list-row .col-actions {
    position: absolute;
    top: calc(var(--c8y-unit-base) * 0.5);
    right: 0;
    flex: 0 0 40px;
    order: 100;
    margin: 0 0 0 auto;
    width: 40px;
  }
  .user-list-row.owns {
    margin-bottom: calc(var(--c8y-unit-base) * 2);
  }
  .user-list-row.owns .tip {
    position: relative;
    flex: 0 0 100%;
    order: 900;
    height: 0;
  }
  .user-list-row.owns .tip:not(.expanded):after {
    position: absolute;
    top: 5px;
    right: -35px;
    left: 5px;
    z-index: -1;
    height: 10px;
    background-color: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), inset 0 1px 2px rgba(0, 0, 0, 0.1);
    content: '';
  }
  .user-list-row.owns + .owned {
    margin-top: calc(var(--c8y-unit-base) * -2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), inset 0 1px 2px rgba(0, 0, 0, 0.1);
  }
  .user-list-row.owned {
    margin-top: 1px;
  }
}
.list-group-item.user .col-expand {
  display: inline-block;
  padding-right: 5px;
  width: 20px;
  text-align: center;
}
.list-group-item.user .col-expand [class^='dlt-c8y-icon-'],
.list-group-item.user .col-expand [class*=' dlt-c8y-icon-'] {
  transform: rotate(-90deg);
}
.list-group-item.user .col-expand [class^='dlt-c8y-icon-'].open,
.list-group-item.user .col-expand [class*=' dlt-c8y-icon-'].open {
  color: var(--brand-primary, var(--c8y-brand-primary));
  transform: rotate(0deg);
}
.list-group-item.user .selection-icon {
  display: none;
  margin-left: auto;
  font-size: 20px;
}
.list-group-item.user input[type='checkbox'] {
  width: 0;
  opacity: 0;
}
.list-group-item.user input[type='checkbox']:checked ~ .selection-icon {
  display: block;
}
.list-group-item.user.selected {
  background-color: var(--palette-status-success, var(--c8y-palette-status-success)) !important;
  color: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
}
.list-group-item.user.selected .col-expand,
.list-group-item.user.selected .col-expand .open[class^='dlt-c8y-icon-'],
.list-group-item.user.selected .col-expand .open[class*=' dlt-c8y-icon-'] {
  color: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
}
.list-group-item.user.selected .text-muted {
  color: rgba(var(--c8y-component-background-default, var(--c8y-root-component-background-default)), 0.5);
}
.list-group-item.user.selected .user-dot:not(.user-disabled) {
  background-color: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  color: var(--brand-primary, var(--c8y-brand-primary));
}
.item-list-row,
.list-group-item.item-list-row {
  display: flex;
  align-items: center;
}
.item-list-row:first-child,
.list-group-item.item-list-row:first-child {
  border-top: 0;
}
.item-list-row c8y-app-icon,
.list-group-item.item-list-row c8y-app-icon {
  font-size: 30px;
  line-height: 30px;
}
.item-list-row c8y-app-icon .app-noicon,
.list-group-item.item-list-row c8y-app-icon .app-noicon {
  margin-bottom: -7px;
  width: 30px;
  height: 30px;
  font-size: 18px;
  line-height: 30px;
}
.item-list-row > label:not(.c8y-checkbox),
.list-group-item.item-list-row > label:not(.c8y-checkbox) {
  flex: 1 1 100%;
  margin-bottom: 0;
  text-transform: none;
  letter-spacing: 0;
  font-weight: normal;
  font-size: 100%;
  line-height: 1;
  cursor: pointer;
  overflow-wrap: break-word;
}
.user-picker-scroll {
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0;
  max-height: 190px;
}
.user-picker-scroll .list-group {
  margin-bottom: 0;
}
.role-card {
  position: relative;
  padding-bottom: 40px;
  transition: all 0.25s ease-in-out;
}
.role-card:hover {
  z-index: 1;
  box-shadow: 0 20px 15px rgba(0, 0, 0, 0.1);
  transform: scale(1.05);
}
.role-card h4 {
  margin: 0;
  letter-spacing: -0.03em;
  font-weight: 200;
}
.role-card .card-actions {
  position: absolute;
  top: 0;
  right: 0;
}
.role-card .bottom-right-info {
  position: absolute;
  right: 20px;
  bottom: 20px;
}
.card-row-add-remove {
  position: relative;
  margin-right: 80px;
  margin-bottom: 1px;
  padding: 10px var(--c8y-component-padding, var(--c8y-root-component-padding));
  min-height: 54px;
  background-color: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.card-row-add-remove label {
  margin-bottom: 0;
}
.card-row-add-remove .add-remove-btns {
  position: absolute;
  top: 0;
  left: 100%;
  min-width: 80px;
}
.card-row-add-remove .btn-add,
.card-row-add-remove .btn-remove {
  padding: 6px 10px;
  width: 40px;
  font-size: 16px;
}
.card-row-add-remove .btn-remove:hover .text-muted {
  color: var(--palette-status-danger, var(--c8y-palette-status-danger));
}
.card-row-add-remove .btn-add {
  display: none;
}
.card-row-add-remove:last-child .btn-add {
  display: inline-block;
}
@media (min-width: 1200px) {
  .card-row-add-remove .form-group + .form-group {
    margin-left: 10px;
  }
  .card-row-add-remove .add-remove-btns {
    top: 10px;
    display: flex;
  }
}
.welcome .availabilityPie {
  position: relative;
  overflow: hidden;
  padding-bottom: 100%;
}
.welcome .availabilityPie svg {
  position: absolute;
  transform: scale(1.7);
}
.welcome .availabilityPie .percentage {
  font-size: 16px;
}
.availabilityPie .title {
  text-align: center;
}
.availabilityPie .percentage {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  margin-top: -11px;
  text-align: center;
  font-size: 24px;
}
c8y-drop-area {
  display: block;
}
.drop-zone {
  position: relative;
  display: block;
  padding-bottom: 100%;
  height: 0;
}
.drop-zone .alert {
  position: absolute;
  bottom: 0;
  margin: 0;
  width: 100%;
}
.drop-zone .upload-status,
.drop-zone .upload-placeholder {
  padding: 0 calc(var(--c8y-unit-base) * 2);
  width: 100%;
}
.drop-zone .file-placeholder {
  position: absolute;
  display: flex;
  align-items: center;
  flex-flow: column nowrap;
  justify-content: center;
  width: 100%;
  height: 100%;
  border: 2px dashed var(--c8y-component-border-color, var(--c8y-root-component-border-color));
  color: var(--c8y-component-color-default, var(--c8y-root-component-color-default));
  text-align: center;
  transition: border 0.25s ease;
}
.drop-zone .file-placeholder .hint-placeholder [class^='dlt-c8y-icon-'],
.drop-zone .file-placeholder .hint-placeholder [class*=' dlt-c8y-icon-'] {
  color: var(--c8y-component-brand-primary, var(--c8y-root-component-brand-primary));
  font-size: 36px;
  transition: all 0.35s ease;
}
.drop-zone .file-placeholder.drag-over,
.drop-zone .file-placeholder:hover {
  border-color: var(--c8y-component-brand-primary, var(--c8y-root-component-brand-primary));
}
.drop-zone .file-placeholder.drag-over .hint-placeholder [class^='dlt-c8y-icon-'],
.drop-zone .file-placeholder:hover .hint-placeholder [class^='dlt-c8y-icon-'],
.drop-zone .file-placeholder.drag-over .hint-placeholder [class*=' dlt-c8y-icon-'],
.drop-zone .file-placeholder:hover .hint-placeholder [class*=' dlt-c8y-icon-'] {
  transform: scale(1.1);
}
.drop-zone.has-errors .file-placeholder {
  border-bottom-style: solid;
  border-bottom-color: var(--palette-status-danger, var(--c8y-form-validation-color-error));
}
.drop-zone.drop-zone-sm,
.drop-area-sm .drop-zone {
  padding: 0;
  min-height: unset !important;
  height: auto;
}
.drop-zone.drop-zone-sm .alert,
.drop-area-sm .drop-zone .alert {
  position: relative;
}
.drop-zone.drop-zone-sm .file-placeholder,
.drop-area-sm .drop-zone .file-placeholder {
  position: static;
  display: block;
}
.drop-zone.drop-zone-sm .file-placeholder .hint-placeholder,
.drop-area-sm .drop-zone .file-placeholder .hint-placeholder {
  position: relative;
  padding: 10px 10px 10px 50px;
  text-align: left;
}
.drop-zone.drop-zone-sm .file-placeholder .hint-placeholder [class^='dlt-c8y-icon-'],
.drop-area-sm .drop-zone .file-placeholder .hint-placeholder [class^='dlt-c8y-icon-'],
.drop-zone.drop-zone-sm .file-placeholder .hint-placeholder [class*=' dlt-c8y-icon-'],
.drop-area-sm .drop-zone .file-placeholder .hint-placeholder [class*=' dlt-c8y-icon-'] {
  position: absolute;
  top: 50%;
  left: 3px;
  transform: translate(0, -50%);
}
.drop-zone.drop-zone-sm .file-placeholder .hint-placeholder p,
.drop-area-sm .drop-zone .file-placeholder .hint-placeholder p {
  margin-bottom: 0;
}
.drop-zone.drop-zone-sm .file-placeholder:hover .hint-placeholder [class^='dlt-c8y-icon-'],
.drop-area-sm .drop-zone .file-placeholder:hover .hint-placeholder [class^='dlt-c8y-icon-'],
.drop-zone.drop-zone-sm .file-placeholder.drag-over .hint-placeholder [class^='dlt-c8y-icon-'],
.drop-area-sm .drop-zone .file-placeholder.drag-over .hint-placeholder [class^='dlt-c8y-icon-'],
.drop-zone.drop-zone-sm .file-placeholder:hover .hint-placeholder [class*=' dlt-c8y-icon-'],
.drop-area-sm .drop-zone .file-placeholder:hover .hint-placeholder [class*=' dlt-c8y-icon-'],
.drop-zone.drop-zone-sm .file-placeholder.drag-over .hint-placeholder [class*=' dlt-c8y-icon-'],
.drop-area-sm .drop-zone .file-placeholder.drag-over .hint-placeholder [class*=' dlt-c8y-icon-'] {
  transform: translate(0, -50%) scale(1.1);
}
.drop-area-sm .drop-zone .file-placeholder .hint-placeholder [class^='dlt-c8y-icon-'],
.drop-area-sm .drop-zone .file-placeholder .hint-placeholder [class*=' dlt-c8y-icon-'] {
  left: 8px;
  font-size: 28px;
}
.drop-area-sm .drop-zone .file-placeholder .hint-placeholder p br {
  display: contents;
}
.drop-area-sm .drop-zone .file-placeholder .hint-placeholder p br + span {
  margin-left: 6px;
}
.drop-zone.disabled,
.drop-zone.disabled:hover,
.drop-zone.disabled:focus {
  pointer-events: none !important;
  cursor: not-allowed !important;
  color: var(--c8y-component-color-default, var(--c8y-root-component-color-default));
  opacity: 0.65;
  filter: alpha(opacity=65);
  box-shadow: none;
}
c8y-file-picker-form-control .file-picker-drop-zone {
  display: flex;
  flex-direction: column;
  min-height: 150px;
  height: fit-content;
  transition: min-height 0.25s ease;
  padding: 10px;
}
c8y-file-picker-form-control .file-picker-drop-zone.unsupported-format {
  background-size: 100px 100px;
  background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.1) 75%, transparent 75%, transparent);
}
c8y-file-picker-form-control .file-picker-drop-zone.dragging {
  min-height: 300px;
}
c8y-file-picker-form-control .file-picker-drop-zone .alert {
  position: absolute;
  bottom: 0;
  margin: 0;
  width: 100%;
}
c8y-file-picker-form-control .file-picker-drop-zone .upload-status,
c8y-file-picker-form-control .file-picker-drop-zone .upload-placeholder {
  padding: 0 calc(var(--c8y-unit-base) * 2);
  width: 100%;
}
c8y-file-picker-form-control .file-picker-drop-zone .file-placeholder {
  flex: 1;
  display: flex;
  align-items: center;
  flex-flow: column nowrap;
  justify-content: center;
  height: 100%;
  border: 2px dashed var(--c8y-component-border-color, var(--c8y-root-component-border-color));
  color: var(--c8y-component-color-default, var(--c8y-root-component-color-default));
  text-align: center;
  transition: border 0.25s ease;
}
c8y-file-picker-form-control .file-picker-drop-zone .file-placeholder .hint-placeholder [class^='dlt-c8y-icon-'],
c8y-file-picker-form-control .file-picker-drop-zone .file-placeholder .hint-placeholder [class*=' dlt-c8y-icon-'] {
  color: var(--c8y-component-brand-primary, var(--c8y-root-component-brand-primary));
  font-size: 36px;
  transition: all 0.35s ease;
}
c8y-file-picker-form-control .file-picker-drop-zone .file-placeholder .hint-placeholder [class^='dlt-c8y-icon-'].warning,
c8y-file-picker-form-control .file-picker-drop-zone .file-placeholder .hint-placeholder [class*=' dlt-c8y-icon-'].warning {
  color: var(--palette-status-warning, var(--c8y-palette-status-warning));
}
c8y-file-picker-form-control .file-picker-drop-zone .file-placeholder > * {
  pointer-events: none;
}
c8y-file-picker-form-control .file-picker-drop-zone .file-placeholder.drag-over,
c8y-file-picker-form-control .file-picker-drop-zone .file-placeholder:hover {
  border-color: var(--c8y-component-brand-primary, var(--c8y-root-component-brand-primary));
}
c8y-file-picker-form-control .file-picker-drop-zone .file-placeholder.drag-over .hint-placeholder [class^='dlt-c8y-icon-'],
c8y-file-picker-form-control .file-picker-drop-zone .file-placeholder:hover .hint-placeholder [class^='dlt-c8y-icon-'],
c8y-file-picker-form-control .file-picker-drop-zone .file-placeholder.drag-over .hint-placeholder [class*=' dlt-c8y-icon-'],
c8y-file-picker-form-control .file-picker-drop-zone .file-placeholder:hover .hint-placeholder [class*=' dlt-c8y-icon-'] {
  transform: scale(1.1);
}
c8y-file-picker-form-control .file-picker-drop-zone.has-errors .file-placeholder {
  border-bottom-style: solid;
  border-bottom-color: var(--palette-status-danger, var(--c8y-form-validation-color-error));
}
uib-accordion .panel-group .panel {
  border-right: 0;
  border-bottom: 1px solid var(--c8y-component-border-color, var(--c8y-root-component-border-color));
  border-left: 0;
  box-shadow: none;
}
uib-accordion .panel-open {
  background-color: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
}
uib-accordion .accordion-toggle:focus {
  outline: none;
}
uib-accordion .accordion-toggle:hover .showOnHover {
  visibility: visible;
}
uib-accordion .panel-group .panel + .panel {
  margin-top: -1px;
}
uib-accordion .fragments .input-group-btn .btn {
  padding: 3px 7px;
  font-size: 18px;
}
uib-accordion .fragments .btn-danger {
  color: var(--palette-status-danger, var(--c8y-palette-status-danger));
}
uib-accordion .billing-toggle {
  padding: 8px 0;
  width: 100%;
  color: var(--text-color, var(--c8y-component-color-default, var(--c8y-root-component-color-default)));
  text-transform: none;
  font-weight: normal;
  font-size: 14px;
}
uib-accordion .billing-toggle input[type='radio'] {
  margin-right: 10px;
}
uib-accordion .billing-toggle:focus {
  outline: none;
}
.modal .panel-billing {
  padding: 0 20px;
}
.accordion-billing .panel-group {
  margin-bottom: 0;
}
.label-value-unit-gauge {
  display: block;
  padding: 0 calc(var(--c8y-unit-base) * 3);
  min-height: 100%;
}
.label-value-unit-gauge .gauge-legend {
  width: 100%;
}
.label-value-unit-gauge .gauge-legend h3 {
  margin: 0;
}
.label-value-unit-gauge circle.empty {
  stroke: transparent;
  stroke-width: 24px;
  fill: none;
}
.label-value-unit-gauge .center-value,
.label-value-unit-gauge .center-label,
.label-value-unit-gauge .center-unit,
.label-value-unit-gauge .center-date-time {
  text-anchor: middle;
  fill: var(--c8y-component-color-default, var(--c8y-root-component-color-default));
  color: var(--c8y-component-color-default, var(--c8y-root-component-color-default));
}
.label-value-unit-gauge .center-value {
  letter-spacing: -1px;
  font-size: 26px;
  font-weight: bold;
}
.label-value-unit-gauge .center-label {
  font-size: 14px;
}
.label-value-unit-gauge .center-unit,
.label-value-unit-gauge .center-date-time {
  font-size: 10px;
  fill: var(--c8y-component-color-text-muted, var(--c8y-root-component-color-text-muted));
  color: var(--c8y-component-color-text-muted, var(--c8y-root-component-color-text-muted));
}
.label-value-unit-gauge .gauge-svg svg path.track,
.label-value-unit-gauge .gauge-svg svg path.track-value {
  display: block;
  stroke-linejoin: miter;
  stroke-linecap: miter;
  fill: none;
  stroke-width: 22px;
  stroke-dasharray: 503;
  stroke-dashoffset: -503px;
}
.label-value-unit-gauge .gauge-svg svg path.track {
  stroke-dashoffset: -125.75px;
  stroke: var(--c8y-component-background-active, var(--c8y-root-component-background-active));
}
.label-value-unit-gauge .gauge-svg svg path.track-value {
  transition: stroke-dashoffset 0.25s ease;
}
.label-value-unit-gauge .gauge-svg svg path.track-scale {
  stroke: var(--c8y-component-background-active, var(--c8y-root-component-background-active));
  stroke-width: 7;
  fill: none;
  stroke-dasharray: 0.03em, 5;
}
.label-value-unit-gauge #mask {
  fill: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
}
@container (min-width: 150px) {
  .label-value-unit-gauge {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
  }
  .label-value-unit-gauge .gauge-legend {
    width: 40cqw;
  }
  .gauge-svg {
    height: 100cqh;
    width: 100%;
  }
}
.minicolors.minicolors-theme-hidden-input {
  height: var(--c8y-form-control-height-base);
  border: var(--c8y-form-control-border-width, 1px) solid var(--c8y-form-control-border-color-default);
  background-color: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
}
.minicolors.minicolors-theme-hidden-input .minicolors-swatch {
  width: 0;
  height: 0;
  border: 0;
}
.minicolors.minicolors-theme-hidden-input input[type='hidden'] + .minicolors-swatch {
  min-width: 32px;
  width: auto;
}
.minicolors.minicolors-theme-hidden-input .minicolors-swatch-color {
  top: 50%;
  right: auto;
  bottom: auto;
  left: 50%;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  transform: translate(-50%, -50%);
}
.minicolors.minicolors-theme-hidden-input.minicolors-position-top .minicolors-panel {
  top: 0;
  transform: translateY(-50%);
}
body .minicolors-sprite {
  background: url('jquery.minicolors.png') 0 0 repeat;
}
c8y-schema-form.widget {
  padding-top: calc(var(--c8y-unit-base) * 2);
  position: relative;
  margin-bottom: calc(var(--c8y-unit-base) * 2);
  padding-left: 0;
  box-shadow: inset 0 1px 0 var(--c8y-component-border-color, var(--c8y-root-component-border-color));
}
c8y-schema-form.widget.borderless,
c8y-schema-form.widget.borderless-top {
  box-shadow: none !important;
}
c8y-schema-form.widget bootstrap-decorator,
c8y-schema-form.widget sf-decorator {
  display: block;
  margin-bottom: 0;
}
c8y-schema-form.widget bootstrap-decorator .form-group,
c8y-schema-form.widget sf-decorator .form-group,
c8y-schema-form.widget bootstrap-decorator .legend,
c8y-schema-form.widget sf-decorator .legend,
c8y-schema-form.widget bootstrap-decorator .help-block,
c8y-schema-form.widget sf-decorator .help-block {
  padding-right: calc(var(--c8y-unit-base) * 2);
  padding-left: calc(var(--c8y-unit-base) * 2);
}
c8y-schema-form.widget bootstrap-decorator .form-group,
c8y-schema-form.widget sf-decorator .form-group {
  margin-bottom: -1px;
  padding: 3px calc(var(--c8y-unit-base) * 2) 20px;
}
c8y-schema-form.widget bootstrap-decorator .form-group .form-control[disabled],
c8y-schema-form.widget sf-decorator .form-group .form-control[disabled],
c8y-schema-form.widget bootstrap-decorator .form-group .form-control[readonly],
c8y-schema-form.widget sf-decorator .form-group .form-control[readonly],
c8y-schema-form.widget bootstrap-decorator .form-group fieldset[disabled] .form-control,
c8y-schema-form.widget sf-decorator .form-group fieldset[disabled] .form-control {
  color: var(--text-color, var(--c8y-component-color-default, var(--c8y-root-component-color-default)));
}
c8y-schema-form.widget bootstrap-decorator + ng-form {
  display: block;
  margin-bottom: 0;
}
c8y-schema-form.widget bootstrap-decorator + ng-form > .form-group {
  margin-bottom: 0;
  padding: 3px calc(var(--c8y-unit-base) * 2) 20px;
}
c8y-schema-form.widget bootstrap-decorator + ng-form > .form-group .form-control[disabled],
c8y-schema-form.widget bootstrap-decorator + ng-form > .form-group .form-control[readonly],
c8y-schema-form.widget bootstrap-decorator + ng-form > .form-group fieldset[disabled] .form-control {
  color: var(--text-color, var(--c8y-component-color-default, var(--c8y-root-component-color-default)));
}
c8y-schema-form.widget bootstrap-decorator .legend {
  margin-top: 20px;
  margin-bottom: 8px;
}
c8y-schema-form.widget sf-decorator .legend {
  margin-top: 0;
  margin-bottom: 7px;
  padding-top: 8px;
  background-color: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  color: var(--c8y-form-label-color);
}
c8y-schema-form.widget sf-decorator .legend.form-block::after {
  display: none;
}
c8y-schema-form.widget.form-read-only sf-decorator,
c8y-schema-form.widget.form-read-only bootstrap-decorator {
  min-height: 0;
  height: auto;
}
c8y-schema-form.widget.form-read-only .form-group {
  display: flex;
  align-items: center;
  flex-flow: row wrap;
  padding: 3px calc(var(--c8y-unit-base) * 2);
}
c8y-schema-form.widget.form-read-only .form-group label {
  flex: 1 0 30%;
  margin: 0 var(--c8y-unit-base) 0 0;
  line-height: 1.3;
  align-self: flex-start;
}
c8y-schema-form.widget.form-read-only .form-group label + div,
c8y-schema-form.widget.form-read-only .form-group .form-control,
c8y-schema-form.widget.form-read-only .form-group .text-pre-wrap {
  flex: 1 1 60%;
  padding: 0 !important;
  height: auto;
  background-color: transparent;
  text-overflow: ellipsis;
}
.dashboard c8y-schema-form.widget.form-read-only .form-group label + div,
.dashboard c8y-schema-form.widget.form-read-only .form-group .form-control,
.dashboard c8y-schema-form.widget.form-read-only .form-group .text-pre-wrap {
  color: inherit;
}
c8y-schema-form.widget.form-read-only .form-group .help-block {
  margin: 0;
  width: 100%;
}
c8y-schema-form.widget.form-read-only .form-group.datepicker {
  padding: 0;
}
c8y-schema-form.widget.form-read-only .form-group.datepicker .form-control {
  cursor: not-allowed;
  pointer-events: none;
}
c8y-schema-form.widget.form-read-only .form-group.datepicker [uib-datepicker-popup-wrap] {
  display: none;
}
c8y-schema-form.widget.form-read-only .form-group.timepicker {
  padding: 0;
}
c8y-schema-form.widget.form-read-only .form-group.timepicker .form-group.uib-time {
  padding: 0;
}
c8y-schema-form.widget.form-read-only .form-group.timepicker .form-group.uib-time .form-control {
  width: 20px;
  cursor: not-allowed;
  pointer-events: none;
}
c8y-schema-form.widget.form-read-only .schema-form-checkbox {
  padding: 0 0 16px 16px !important;
}
c8y-schema-form.widget.form-read-only .schema-form-textarea {
  padding: 16px;
}
c8y-schema-form.widget.form-read-only .c8y-schema-form-empty {
  display: none;
}
c8y-schema-form.widget bootstrap-decorator > fieldset > sf-decorator:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}
c8y-schema-form.widget bootstrap-decorator > fieldset > sf-decorator:last-child .schema-form-checkbox {
  padding: 0 0 16px 16px !important;
}
c8y-schema-form.generic-ui .form-group {
  margin-bottom: 0;
}
c8y-schema-form.generic-ui .form-group .help-block {
  margin: 0;
}
c8y-schema-form.generic-ui .c8y-checkbox {
  display: flex;
}
c8y-schema-form.generic-ui .c8y-checkbox input + span {
  margin-right: var(--c8y-unit-base);
}
c8y-schema-form.generic-ui .c8y-checkbox.no-label span + span {
  display: none;
}
.schema-form-grid {
  display: grid;
  margin: 0 -1rem;
}
.schema-form-grid > div,
.schema-form-grid > div > ng-form {
  display: contents;
}
.schema-form-grid bootstrap-decorator {
  padding: 0 1rem;
}
.schema-form-grid bootstrap-decorator:first-child:last-child {
  display: contents;
  padding: 0;
}
.schema-form-grid bootstrap-decorator:first-child:last-child > fieldset {
  display: contents;
}
.schema-form-grid bootstrap-decorator:first-child:last-child sf-decorator {
  padding: 0 1rem;
}
.schema-form-checkbox {
  padding-bottom: var(--c8y-unit-base);
}
body > .c8y-timelines-chart-tooltip {
  position: absolute;
  z-index: 1060;
  padding: var(--c8y-unit-base);
  border: 0;
  background: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  font-size: var(--c8y-font-size-small);
  pointer-events: none;
  box-shadow: var(--c8y-elevation-md-bottom);
}
.c8y-timelines-chart {
  position: relative;
}
.c8y-timelines-chart .axis path,
.c8y-timelines-chart .axis line {
  fill: none;
  stroke: var(--c8y-palette-gray-60);
  shape-rendering: crispEdges;
}
.c8y-timelines-chart .axis text {
  font-size: var(--c8y-font-size-xs);
}
.c8y-timelines-chart .axis .tick line,
.c8y-timelines-chart .axis .domain {
  stroke: var(--c8y-palette-gray-80);
}
.ui-sortable.inner-scroll {
  position: static;
}
.ui-sortable .ui-sortable-handle {
  cursor: move;
}
.ui-sortable .ui-sortable-handle:hover {
  outline: 1px solid var(--brand-light, var(--c8y-brand-light));
  cursor: move;
}
.ui-sortable .ui-sortable-handle .c8y-checkbox {
  display: flex;
}
.ui-sortable .ui-sortable-handle .c8y-checkbox input + span {
  margin-right: var(--c8y-unit-base);
}
.ui-sortable .panel-heading {
  font-weight: normal;
  font-size: 14px;
}
.ui-sortable .ui-sortable-handle:not(.list-group-item):not(.list-inline-item) {
  width: 40px;
}
.ui-sortable .ui-sortable-handle.list-inline-item:not(.list-group-item) {
  flex: 1 0 20%;
  min-width: 55px;
}
.modal-body .ui-sortable .ui-sortable-handle.list-inline-item:not(.list-group-item) {
  flex: 1 1 100%;
}
.modal-body .ui-sortable .ui-sortable-handle.list-inline-item:not(.list-group-item) .c8y-schema-form-empty {
  flex: 1 1 auto;
}
.popover-content .ui-sortable .ui-sortable-handle.list-inline-item:not(.list-group-item) {
  flex: 1 0 50%;
}
.ui-sortable .ui-sortable-title {
  flex: 1 1 0%;
}
.ui-sortable .ui-sortable-actions {
  margin-right: -15px;
  margin-left: auto;
  width: 40px;
}
.ui-sortable .ui-sortable-actions .btn {
  color: var(--text-color, var(--c8y-component-color-default, var(--c8y-root-component-color-default)));
}
.ui-sortable .ui-sortable-actions .btn:focus {
  outline: none;
}
.spinner-snake {
  position: relative;
  margin: 16px auto;
  width: 4em;
  height: 4em;
  border-radius: 50%;
  box-shadow: inset 0 0 0 0.6em;
  color: var(--c8y-component-brand-primary, var(--c8y-root-component-brand-primary));
  text-indent: -99999em;
  transform: translateZ(0) rotate(180deg);
  animation: rotator 1.95s infinite linear;
}
.spinner-snake:before {
  top: -0.1em;
  left: -0.1em;
  width: 2.2em;
  height: 4.2em;
  border-radius: 2.2em 0 0 2.2em;
  transform-origin: 2.2em 2.1em;
  animation: rotator 1s infinite ease 0.75s;
}
.spinner-snake:before,
.spinner-snake:after {
  position: absolute;
  background: var(--body-background-color, var(--c8y-body-background-color));
  content: '';
}
.card .spinner-snake:before,
.card .spinner-snake:after,
.modal .spinner-snake:before,
.modal .spinner-snake:after {
  background: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
}
.spinner-snake:after {
  top: -0.1em;
  left: 2.1em;
  width: 2.6em;
  height: 4.6em;
  border-radius: 0 2.2em 2.2em 0;
  transform-origin: 0 2.1em;
  animation: rotator 1s infinite ease;
}
@keyframes rotator {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.c8y-browser-mock {
  /* Create three unequal columns that floats next to each other */
}
.c8y-browser-mock .browser-container {
  border: 0;
}
.c8y-browser-mock .browser-row {
  position: relative;
  padding: 10px;
  background: inherit;
}
.c8y-browser-mock .column {
  float: left;
}
.c8y-browser-mock .buttons {
  width: 60px;
}
.c8y-browser-mock .buttons .dot {
  display: inline-block;
  margin-top: 4px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: var(--c8y-palette-gray-70);
}
.c8y-browser-mock .tab {
  position: absolute;
  top: 2px;
  left: 80px;
  padding: 10px;
  width: 20%;
  border: 1px solid var(--c8y-component-border-color, var(--c8y-root-component-border-color));
  border-bottom: 0;
  border-radius: 5px 5px 0 0;
  background-color: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  color: var(--c8y-palette-gray-40);
}
.c8y-browser-mock .tab img {
  float: left;
  margin: 1px 6px 1px 2px;
  width: 16px;
  height: 16px;
}
.c8y-browser-mock .browser-content {
  margin: 0;
  border-top: 1px solid var(--c8y-component-border-color, var(--c8y-root-component-border-color));
}
.c8y-browser-mock iframe {
  height: calc(100vh - 337px);
  border: 0;
}
.cdk-tree > .cdk-nested-tree-node {
  padding-left: 0;
}
.cdk-tree > .cdk-nested-tree-node:before,
.cdk-tree > .cdk-nested-tree-node:after {
  display: none;
}
.cdk-tree-node {
  position: relative;
  display: flex;
  flex-direction: column;
}
.cdk-nested-tree-node {
  position: relative;
  padding-left: 16px;
}
.cdk-nested-tree-node:before {
  position: absolute;
  top: 0;
  bottom: 1px;
  left: 7px;
  border-left: 1px dotted var(--c8y-palette-gray-80);
  content: '';
}
.cdk-nested-tree-node:after {
  position: absolute;
  top: 10px;
  left: 7px;
  width: 10px;
  border-top: 1px dotted var(--c8y-palette-gray-80);
  content: '';
}
.cdk-nested-tree-node > span:before {
  content: '';
  display: inline-block;
  text-transform: none;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  font-family: 'dlt-c8y-icons' !important;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.cdk-nested-tree-node > span:before::before,
.cdk-nested-tree-node > span:before::after {
  font-size: 1.1em;
}
.cdk-nested-tree-node > button + span:before {
  display: none;
}
.cdk-tree-node-toggle {
  cursor: pointer;
}
.cdk-tree-node-toggle > [class^='dlt-c8y-icon-'],
.cdk-tree-node-toggle > [class*=' dlt-c8y-icon-'] {
  margin-right: calc(var(--c8y-unit-base) * 0.5);
  color: var(--brand-primary, var(--c8y-brand-primary));
}
.list-group.cdk-drop-list {
  min-width: 220px;
}
.cdk-drag-preview:not(.resize-handle) {
  box-sizing: border-box;
  box-shadow: var(--c8y-elevation-md-bottom);
  z-index: 1051 !important;
}
.cdk-drag-preview:not(.resize-handle) > *,
.cdk-drag-preview:not(.resize-handle) > * > * {
  pointer-events: auto !important;
  cursor: move !important;
}
.cdk-drag-preview:not(.resize-handle)[cdkDragLockAxis='y'] > *,
.cdk-drag-preview:not(.resize-handle)[cdkDragLockAxis='y'] > * > * {
  pointer-events: auto !important;
  cursor: ns-resize !important;
}
.cdk-drag-preview:not(.resize-handle)[cdkDragLockAxis='x'] > *,
.cdk-drag-preview:not(.resize-handle)[cdkDragLockAxis='x'] > * > * {
  pointer-events: auto !important;
  cursor: ew-resize !important;
}
.cdk-drag-placeholder {
  opacity: 0;
}
.cdk-drag-placeholder > .list-group-item > *,
.cdk-drag-placeholder > .list-group-item:after {
  opacity: 0;
}
.cdk-drag-animating {
  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
}
/* Animate items as they're being sorted. */
.cdk-drop-list-dragging .cdk-drag {
  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
}
.cdk-drop-list-dragging .draggable-el:not(.cdk-drag-placeholder) {
  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
}
c8y-list-group.cdk-drop-list-dragging c8y-datapoint-selector-list-item:not(.cdk-drag-placeholder) {
  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
}
.cdk-drop-list-disabled c8y-datapoint-selector-list-item.cdk-drag .c8y-list__item__block::before {
  display: none !important;
}
.bs-datepicker {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: stretch;
  flex-flow: row wrap;
  background: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  box-shadow: var(--c8y-elevation-md-bottom);
  /* .bs-datepicker-head */
  /* .bs-datepicker-body */
  /* .current-timedate */
  /* .bs-datepicker-multiple */
  /* .bs-datepicker-btns */
  /*.bs-datepicker-custom-range */
  /* .bs-datepicker-predefined-btns */
  /* .bs-datepicker-buttons */
}
.bs-datepicker:after {
  display: block;
  clear: both;
  content: '';
}
.bs-datepicker bs-day-picker {
  float: left;
}
.bs-datepicker button:hover,
.bs-datepicker button:focus,
.bs-datepicker button:active,
.bs-datepicker input:hover,
.bs-datepicker input:focus,
.bs-datepicker input:active,
.bs-datepicker-btns button:hover,
.bs-datepicker-btns button:focus,
.bs-datepicker-btns button:active,
.bs-datepicker-predefined-btns button:active,
.bs-datepicker-predefined-btns button:focus {
  outline: none;
}
.bs-datepicker-head {
  padding: 8px;
  min-width: 270px;
  height: 50px;
  border-radius: 0;
  text-align: justify;
  /* .bs-datepicker-head button */
}
.bs-datepicker-head:after {
  display: inline-block;
  width: 100%;
  content: '';
  vertical-align: top;
}
.bs-datepicker-head button {
  display: inline-block;
  padding: 0;
  height: 32px;
  border: 0;
  background: transparent;
  color: var(--c8y-component-color-actions, var(--c8y-root-component-color-actions));
  vertical-align: top;
  text-align: center;
  line-height: 32px;
  cursor: pointer;
  transition: 0.3s;
}
.bs-datepicker-head button[disabled],
.bs-datepicker-head button[disabled]:hover,
.bs-datepicker-head button[disabled]:active {
  color: var(--c8y-component-color-disabled, var(--c8y-root-component-color-disabled));
  opacity: var(--c8y-component-disabled-opacity, var(--c8y-root-component-disabled-opacity));
  cursor: not-allowed;
}
.bs-datepicker-head button.next,
.bs-datepicker-head button.previous {
  display: inline-block;
  text-transform: none;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  font-family: 'dlt-c8y-icons' !important;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  width: 32px;
  height: 32px;
  border-radius: 0;
  color: var(--c8y-component-brand-primary, var(--c8y-root-component-brand-primary));
  font-size: 24px;
}
.bs-datepicker-head button.next::before,
.bs-datepicker-head button.previous::before,
.bs-datepicker-head button.next::after,
.bs-datepicker-head button.previous::after {
  font-size: 1.1em;
}
.bs-datepicker-head button.next span,
.bs-datepicker-head button.previous span {
  display: none;
}
.bs-datepicker-head button.next:before {
  content: "\e92b";
}
.bs-datepicker-head button.previous:before {
  content: "\e907";
}
.bs-datepicker-head button.current {
  padding: 0 13px;
  max-width: 155px;
  border-radius: 0;
}
.bs-datepicker-head button {
  color: var(--c8y-component-color-actions, var(--c8y-root-component-color-actions));
  font-weight: 500;
  font-size: 16px;
}
.bs-datepicker-head button:hover {
  color: var(--c8y-component-color-actions-hover, var(--c8y-root-component-color-actions-hover));
}
.bs-datepicker-head button:active:not(.previous):not(.next) {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)) var(--c8y-component-brand-primary, var(--c8y-root-component-brand-primary));
  color: var(--c8y-palette-high);
}
.bs-datepicker-body {
  padding: 10px;
  min-width: 278px;
  min-height: 232px;
  border-radius: 0;
  /* .bs-datepicker-body table */
}
.bs-datepicker-body .days.weeks {
  position: relative;
  z-index: 1;
}
.bs-datepicker-body table {
  width: 100%;
  border-spacing: 0;
  border-collapse: separate;
  /* .bs-datepicker-body table.days */
  /* .bs-datepicker-body table.weeks */
}
.bs-datepicker-body table th {
  color: var(--c8y-component-color-default, var(--c8y-root-component-color-default));
  text-align: center;
  font-weight: 500;
  font-size: 13px;
}
.bs-datepicker-body table td {
  position: relative;
  padding: 0;
  color: var(--c8y-component-color-default, var(--c8y-root-component-color-default));
  text-align: center;
}
.bs-datepicker-body table td span {
  position: relative;
  display: block;
  margin: 0 auto;
  border-radius: 0;
  font-size: 13px;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.bs-datepicker-body table td.week span {
  color: var(--c8y-component-color-text-muted, var(--c8y-root-component-color-text-muted));
  font-weight: 500;
}
.bs-datepicker-body table td:not(.disabled):not(.week) span:not(.disabled):not(.is-other-month) {
  cursor: pointer;
}
.bs-datepicker-body table td.is-highlighted:not(.disabled):not(.selected) span,
.bs-datepicker-body table td span.is-highlighted:not(.disabled):not(.selected) {
  background: transparent;
  box-shadow: inset 0 0 0 2px var(--c8y-component-brand-primary, var(--c8y-root-component-brand-primary));
  transition: 0s;
}
.bs-datepicker-body table td.is-active-other-month:not(.disabled):not(.selected) span,
.bs-datepicker-body table td span.is-active-other-month:not(.disabled):not(.selected) {
  background-color: var(--c8y-component-color-accent, var(--c8y-root-component-color-accent));
  cursor: pointer;
  transition: 0s;
}
.bs-datepicker-body table td span.disabled,
.bs-datepicker-body table td.disabled span {
  color: var(--c8y-component-color-disabled, var(--c8y-root-component-color-disabled));
}
.bs-datepicker-body table td .today {
  font-weight: 600;
}
.bs-datepicker-body table td .today:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  content: '•';
  line-height: 1;
}
.bs-datepicker-body table td span.selected,
.bs-datepicker-body table td.selected span {
  background-color: var(--c8y-component-brand-primary, var(--c8y-root-component-brand-primary));
  color: var(--c8y-palette-high);
}
.bs-datepicker-body table td span.is-other-month,
.bs-datepicker-body table td.is-other-month span {
  color: var(--c8y-palette-gray-50);
}
.bs-datepicker-body table td.active {
  position: relative;
}
.bs-datepicker-body table td.active.select-start:before {
  left: 35%;
}
.bs-datepicker-body table td.active.select-end:before {
  left: -85%;
}
.bs-datepicker-body table td span.active.select-start:after,
.bs-datepicker-body table td span.active.select-end:after,
.bs-datepicker-body table td.active.select-start span:after,
.bs-datepicker-body table td.active.select-end span:after {
  position: absolute;
  top: 0;
  z-index: -1;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  content: '';
  transition: 0.3s;
}
.bs-datepicker-body table td:before,
.bs-datepicker-body table td span:before {
  position: absolute;
  top: 0;
  right: -2px;
  bottom: 0;
  left: -2px;
  z-index: -1;
  display: block;
  box-sizing: content-box;
  background: transparent;
  content: '';
}
.bs-datepicker-body table td.active.select-start + td.active:before {
  left: -20%;
}
.bs-datepicker-body table td:last-child.active:before {
  left: -25%;
  width: 125%;
  border-radius: 0;
}
.bs-datepicker-body table td span[class*='select-'],
.bs-datepicker-body table td[class*='select-'] span {
  border-radius: 0;
  color: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
}
.bs-datepicker-body table.days td.active:not(.select-start):before,
.bs-datepicker-body table.days span.active:not(.select-start):before,
.bs-datepicker-body table.days td.in-range:not(.select-start):before,
.bs-datepicker-body table.days span.in-range:not(.select-start):before {
  background: var(--c8y-brand-70);
}
.bs-datepicker-body table.days span {
  width: 32px;
  height: 32px;
  line-height: 32px;
}
.bs-datepicker-body table.days span.select-start {
  z-index: 2;
  border-radius: 50% 0 0 50%;
}
.bs-datepicker-body table.days span.select-end {
  z-index: 2;
  border-radius: 0 50% 50% 0;
}
.bs-datepicker-body table.days span.is-highlighted.in-range:before,
.bs-datepicker-body table.days span.in-range.select-end:before {
  right: 0;
  left: 0;
  background: none;
}
.bs-datepicker-body table.days td.select-start + td.select-end:before,
.bs-datepicker-body table.days td.select-start + td.is-highlighted:before,
.bs-datepicker-body table.days td.active + td.is-highlighted:before,
.bs-datepicker-body table.days td.active + td.select-end:before,
.bs-datepicker-body table.days td.in-range + td.is-highlighted:before,
.bs-datepicker-body table.days td.in-range + td.select-end:before {
  width: 100%;
}
.bs-datepicker-body table.weeks tr td:nth-child(2).active:before {
  left: 0;
  width: 100%;
  border-radius: 0;
}
.bs-datepicker-body table:not(.weeks) tr td:first-child:before {
  border-radius: 0;
}
.bs-datepicker-body table.years td span {
  margin: 0 auto;
  width: 46px;
  height: 46px;
  line-height: 45px;
}
.bs-datepicker-body table.years tr:not(:last-child) td span {
  margin-bottom: 8px;
}
.bs-datepicker-body table.months td {
  height: 52px;
}
.bs-datepicker-body table.months td span {
  padding: 6px;
  border-radius: 0;
}
.bs-datepicker .current-timedate {
  margin-bottom: 10px;
  height: 30px;
  border: 1px solid var(--c8y-component-border-color, var(--c8y-root-component-border-color));
  border-radius: 0;
  color: var(--c8y-component-color-default, var(--c8y-root-component-color-default));
  text-align: center;
  text-transform: uppercase;
  font-size: 15px;
  line-height: 30px;
  cursor: pointer;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.bs-datepicker .current-timedate span:not(:empty):before {
  display: inline-block;
  margin-right: 4px;
  width: 15px;
  height: 16px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAQCAYAAADJViUEAAABMklEQVQoU9VTwW3CQBCcOUgBtEBKSAukAnBKME+wFCAlYIhk8sQlxFABtJAScAsuAPBEewYcxCP8ouxrPDsza61uiVN1o6RNHD4htSCmq49RfO71BvMJqBBkITRf1kmUW49nQRC9h1I5AZlBClaL8aP1fKgOOxCx8aSLs+Q19eZuNO8QmPqJRtDFguy7OAcDbJPs+/BKVPDIPrvD2ZJgWAmVe7O0rI0Vqs1seyWUXpuJoppYCa5L+U++NpNPkr5OE2oMdARsb3gykJT5ydZcL8Z9Ww60nxg2LhjON9li9OwXZzo+xLbp3nC2s9CL2RrueGyVrgwNm8HpsCzZ9EEW6kqXlo1GQe03FzP/7W8Hl0dBtu7Bf7zt6mIwvX1RvzDCm7+q3mAW0Dl/GPdUCeXrZLT9BrDrGkm4qlPvAAAAAElFTkSuQmCC);
  content: '';
  vertical-align: text-bottom;
}
.bs-datepicker-multiple {
  border-radius: 0;
}
.bs-datepicker-multiple + .bs-datepicker-multiple {
  margin-left: 10px;
}
.bs-datepicker-multiple .bs-datepicker {
  position: relative;
  box-shadow: none;
}
.bs-datepicker-multiple .bs-datepicker:not(:last-child) {
  padding-right: 10px;
}
.bs-datepicker-multiple .bs-datepicker + .bs-datepicker:after {
  position: absolute;
  top: 25px;
  left: -8px;
  display: block;
  width: 14px;
  height: 10px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAKCAYAAABrGwT5AAAA1ElEQVQoU42RsQrCUAxF77VuDu7O4oMWW//BURBBpZvgKk4uIrjoqKOTf+DopIO4uYggtFTfw3+pkQqCW1/G5J7kJiFy4m5MxUlxAzgIPHX+lzMPzupRYlYgxiR7vqsOP8YKzsTx0yxFMCUZ+q7aZzlr+OvgoWcAFyAHgat2jLWu48252DdqAihDJGSSJNUUxYmQjs3+hPQBlAh2rG2LCOPnaw3IiGDX99TRCs7ASJsNhUOA7d/LcuHvRG22FIZvsNXw1MX6VZExCilOQKEfeLXr/10+aC9Ho7arh7oAAAAASUVORK5CYII=);
  content: '';
}
.bs-datepicker-multiple .bs-datepicker .left {
  float: left;
}
.bs-datepicker-multiple .bs-datepicker .right {
  float: right;
}
.bs-datepicker-container {
  padding: 0;
}
.bs-datepicker .bs-media-container {
  display: flex;
}
@media (max-width: 768px) {
  .bs-datepicker .bs-media-container {
    flex-direction: column;
  }
}
.bs-datepicker-custom-range {
  background: var(--c8y-component-background-odd, var(--c8y-root-component-background-odd));
}
.bs-datepicker-predefined-btns button {
  display: block;
  margin-bottom: 10px;
  padding: 0 18px;
  width: 100%;
  height: 32px;
  border: 0;
  border-radius: 0;
  background-color: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  color: var(--c8y-component-color-default, var(--c8y-root-component-color-default));
  text-align: left;
  transition: 0.3s;
}
.bs-datepicker-predefined-btns button:active,
.bs-datepicker-predefined-btns button:hover {
  background-color: var(--c8y-component-background-active, var(--c8y-root-component-background-active));
}
.bs-datepicker-buttons {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-end;
  padding-top: 10px;
  border-top: 1px solid var(--c8y-component-border-color, var(--c8y-root-component-border-color));
}
.bs-datepicker-buttons .btn-default {
  margin-left: 10px;
}
/* .bs-timepicker */
.bs-timepicker-container {
  padding: 10px 0;
}
.bs-timepicker-label {
  margin-bottom: 10px;
  color: var(--c8y-component-color-default, var(--c8y-root-component-color-default));
}
.bs-timepicker-controls {
  display: inline-block;
  margin-right: 10px;
  vertical-align: top;
}
.bs-timepicker-controls button {
  padding: 0;
  width: 20px;
  height: 20px;
  border: 0;
  border-radius: 50%;
  background-color: var(--c8y-component-brand-primary, var(--c8y-root-component-brand-primary));
  color: var(--c8y-palette-high);
  vertical-align: middle;
  font-weight: 700;
  font-size: 16px;
  line-height: 0;
  transition: 0.3s;
}
.bs-timepicker-controls button:hover {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)) var(--c8y-component-brand-primary, var(--c8y-root-component-brand-primary));
}
.bs-timepicker-controls input {
  width: 35px;
  height: 25px;
  border: 1px solid var(--c8y-component-border-color, var(--c8y-root-component-border-color));
  border-radius: 13px;
  text-align: center;
}
.bs-timepicker .switch-time-format {
  min-width: 54px;
  height: 25px;
  border: 1px solid var(--c8y-component-border-color, var(--c8y-root-component-border-color));
  border-radius: 20px;
  background: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  color: var(--c8y-component-color-default, var(--c8y-root-component-color-default));
  text-transform: uppercase;
  font-size: 13px;
}
.bs-timepicker .switch-time-format img {
  margin-left: 4px;
  vertical-align: initial;
}
bs-datepicker-container,
bs-daterangepicker-container {
  z-index: 1080;
}
/* screen size < 1024px */
@media (max-width: 768px) {
  .bs-datepicker-multiple {
    display: flex;
  }
  .bs-datepicker-multiple + .bs-datepicker-multiple {
    margin-top: 10px;
    margin-left: 0;
  }
}
timepicker table,
c8y-time-picker table {
  background-color: transparent;
}
timepicker table .bs-timepicker-field,
c8y-time-picker table .bs-timepicker-field {
  width: 5ch !important;
}
timepicker table .btn-default,
c8y-time-picker table .btn-default {
  padding-right: 8px;
  padding-left: 8px;
}
timepicker.form-group-sm .btn-default,
c8y-time-picker.form-group-sm .btn-default {
  padding: var(--c8y-btn-padding-small-vertical) var(--c8y-btn-padding-small-horizontal);
  font-size: var(--c8y-btn-font-size-small);
  line-height: var(--c8y-btn-line-height-small);
  border-radius: var(--c8y-btn-border-radius-small);
  height: var(--c8y-form-control-height-sm);
  padding-right: 8px;
  padding-left: 8px;
}
timepicker.form-group-lg .btn-default,
c8y-time-picker.form-group-lg .btn-default {
  padding: var(--c8y-btn-padding-large-vertical) var(--c8y-btn-padding-large-horizontal);
  font-size: var(--c8y-btn-font-size-large);
  line-height: var(--c8y-btn-line-height-large);
  border-radius: var(--c8y-btn-border-radius-large);
  height: var(--c8y-form-control-height-lg);
}
.datetime-picker {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.datetime-picker .datepicker {
  flex-basis: 0;
  flex-grow: 1;
  flex-shrink: 0;
  margin-right: 8px;
  margin-bottom: 0;
}
.datetime-picker timepicker,
.datetime-picker c8y-time-picker {
  flex-grow: 0;
  margin-bottom: 0;
}
.c8y-stepper {
  position: relative;
  display: flex;
  margin-top: 0;
  margin-bottom: 0;
  padding: var(--c8y-unit-base);
  list-style: none;
}
.c8y-stepper:before {
  position: absolute;
  top: 50%;
  right: 2rem;
  left: 2rem;
  z-index: 0;
  border-top: 2px solid var(--c8y-component-border-color, var(--c8y-root-component-border-color));
  content: '';
}
.c8y-stepper > li {
  position: relative;
  margin-right: auto;
}
.c8y-stepper > li:last-child {
  margin-right: 0;
}
.c8y-stepper:not([class*='col-']) {
  margin: 0;
}
.c8y-step__label {
  position: absolute;
  left: 50%;
  display: none;
  overflow: hidden;
  margin-top: 4px;
  max-width: 120px;
  color: var(--c8y-component-color-text-muted, var(--c8y-root-component-color-text-muted));
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: var(--c8y-font-size-small);
  transform: translateX(-50%);
}
@media (min-width: 768px) {
  .c8y-step__label {
    display: block;
  }
}
.active + .c8y-step__label {
  color: var(--text-color, var(--c8y-component-color-default, var(--c8y-root-component-color-default)));
  font-weight: 500;
}
.c8y-step {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border: 0;
  border-radius: 50%;
  background-color: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  background-image: none;
  box-shadow: inset 0 0 0 1px var(--c8y-component-border-color, var(--c8y-root-component-border-color));
}
.c8y-step.active {
  border-width: 3px;
  background-color: var(--c8y-component-color-active, var(--c8y-root-component-color-active));
  box-shadow: none;
  color: var(--c8y-component-background-active, var(--c8y-root-component-background-active));
}
.c8y-step.step-done {
  background-color: var(--palette-status-success, var(--c8y-palette-status-success));
  box-shadow: none;
  color: var(--c8y-palette-high);
}
.c8y-step.step-error {
  background-color: var(--palette-status-danger, var(--c8y-palette-status-danger));
  box-shadow: none;
  color: var(--c8y-palette-high);
}
.c8y-step.step-warning {
  background-color: var(--palette-status-warning, var(--c8y-palette-status-warning));
  box-shadow: none;
  color: var(--c8y-palette-high);
}
.c8y-step:focus {
  outline: none;
}
.c8y-stepper--no-btns .c8y-step {
  pointer-events: none;
}
c8y-select-step-frame,
c8y-preview-selection-frame {
  display: contents;
}
.c8y-list__group {
  margin: 0;
  padding: 0;
  list-style: none;
}
.c8y-list__group:not(.dropdown-menu) {
  display: block;
}
.c8y-list__group.separator-top {
  padding-top: 1px;
}
.c8y-list__group.dropdown-menu {
  width: 100%;
  max-height: 240px;
  overflow-y: auto;
}
.c8y-list__item {
  display: block;
  background-color: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  color: var(--c8y-component-color-default, var(--c8y-root-component-color-default));
  box-shadow: inset 0 -1px 0 var(--c8y-component-border-color, var(--c8y-root-component-border-color));
  /* typeahead dropdown list items styling */
}
[class*='bg-level-'] .c8y-list__item {
  background-color: inherit;
}
.c8y-list__item .c8y-list__item__title {
  white-space: normal;
  word-break: break-word;
}
.card .c8y-list__item,
.dropdown .c8y-list__item {
  box-shadow: inset 0 -1px 0 0 var(--c8y-component-border-color, var(--c8y-root-component-border-color));
  margin-bottom: 0;
}
.c8y-list__item.highlighted {
  background-color: var(--c8y-brand-80);
}
bs-dropdown-container .c8y-list__item,
c8y-typeahead .dropdown .c8y-list__item,
.c8y-select-v2 .dropdown .c8y-list__item {
  /**
       * @Carlos: There are items that are not selectable that
       * don't get that class. E.g. the "No results found" item.
       **/
}
bs-dropdown-container .c8y-list__item.active,
c8y-typeahead .dropdown .c8y-list__item.active,
.c8y-select-v2 .dropdown .c8y-list__item.active,
bs-dropdown-container .c8y-list__item:active,
c8y-typeahead .dropdown .c8y-list__item:active,
.c8y-select-v2 .dropdown .c8y-list__item:active {
  color: var(--c8y-component-color-active, var(--c8y-root-component-color-active));
}
bs-dropdown-container .c8y-list__item.active .c8y-list__item__body:after,
c8y-typeahead .dropdown .c8y-list__item.active .c8y-list__item__body:after,
.c8y-select-v2 .dropdown .c8y-list__item.active .c8y-list__item__body:after,
bs-dropdown-container .c8y-list__item:active .c8y-list__item__body:after,
c8y-typeahead .dropdown .c8y-list__item:active .c8y-list__item__body:after,
.c8y-select-v2 .dropdown .c8y-list__item:active .c8y-list__item__body:after {
  display: inline-block;
  font: normal normal normal 14px/1 'dlt-c8y-icons';
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  width: 1.25em;
  text-align: center;
  float: right;
  content: "\eaee";
}
bs-dropdown-container .c8y-list__item.selectable:hover:not(.active),
c8y-typeahead .dropdown .c8y-list__item.selectable:hover:not(.active),
.c8y-select-v2 .dropdown .c8y-list__item.selectable:hover:not(.active),
bs-dropdown-container .c8y-list__item.highlighted,
c8y-typeahead .dropdown .c8y-list__item.highlighted,
.c8y-select-v2 .dropdown .c8y-list__item.highlighted {
  background-color: var(--c8y-brand-80);
}
bs-dropdown-container .c8y-list__item:focus,
c8y-typeahead .dropdown .c8y-list__item:focus,
.c8y-select-v2 .dropdown .c8y-list__item:focus {
  outline: 2px solid var(--c8y-component-color-focus, var(--c8y-root-component-color-focus));
  outline-offset: -2px;
  border-radius: var(--c8y-component-border-radius-focus, var(--c8y-root-component-border-radius-focus)) !important;
}
.c8y-list__item.selectable.active {
  color: var(--c8y-component-color-active, var(--c8y-root-component-color-active));
}
.c8y-list__item.selectable.active .c8y-list__item__body:after {
  display: inline-block;
  font: normal normal normal 14px/1 'dlt-c8y-icons';
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  width: 1.25em;
  text-align: center;
  float: right;
  content: "\eaee";
}
.c8y-list__item.disabled {
  opacity: var(--c8y-component-disabled-opacity, var(--c8y-root-component-disabled-opacity));
  pointer-events: none;
}
.c8y-list__item > .expanded,
.c8y-list__item.expanded {
  background-color: var(--c8y-component-background-expanded, var(--c8y-root-component-background-expanded));
  min-height: 1px;
  box-shadow: inset 0 -1px 0 var(--c8y-component-border-color, var(--c8y-root-component-border-color)) !important;
  --c8y-nav-tabs-background-active: var(--c8y-component-background-expanded, var(--c8y-root-component-background-expanded));
}
.c8y-list__item > .expanded .c8y-list__item__title,
.c8y-list__item.expanded .c8y-list__item__title {
  font-weight: 500;
}
.c8y-list__item > .expanded .sticky-top,
.c8y-list__item.expanded .sticky-top {
  background-color: inherit;
}
.c8y-list__item--empty-actions {
  padding-right: 40px;
}
.c8y-list__item--empty-actions .c8y-list__item__body {
  padding-right: 0 !important;
}
.c8y-list__item.has-error {
  box-shadow: inset 0 -2px 0 var(--palette-status-danger, var(--c8y-alert-status-danger));
}
.c8y-list__group--strip .c8y-list__item:nth-child(odd) {
  background-image: var(--c8y-component-background-odd, var(--c8y-root-component-background-odd));
}
.no-border-last .c8y-list__item:last-child {
  box-shadow: none;
}
.no-border-2nd-last .c8y-list__item:nth-last-child(2) {
  box-shadow: none;
}
.c8y-list__item--double-actions .c8y-list__item__actions {
  min-width: 80px;
}
.c8y-list__item--no-expand .collapse-btn {
  display: none;
  pointer-events: none;
}
.c8y-list__item--link {
  cursor: pointer;
}
.c8y-list__item--link:hover {
  color: var(--link-hover-color, var(--c8y-component-color-link-hover, var(--c8y-root-component-color-link-hover)));
}
.c8y-list__item--link:focus {
  outline: 2px solid var(--c8y-component-color-focus, var(--c8y-root-component-color-focus));
  outline-offset: -2px;
  border-radius: var(--c8y-component-border-radius-focus, var(--c8y-root-component-border-radius-focus)) !important;
}
.c8y-list--pulse {
  animation-name: pulseComponent;
  animation-duration: 1s;
}
a.c8y-list__item:hover {
  text-decoration: none;
}
a.c8y-list__item:focus {
  outline: 2px solid var(--c8y-component-color-focus, var(--c8y-root-component-color-focus));
  outline-offset: -2px;
  border-radius: var(--c8y-component-border-radius-focus, var(--c8y-root-component-border-radius-focus)) !important;
}
c8y-load-more.c8y-list__item .btn {
  margin-top: var(--c8y-unit-base);
  margin-bottom: var(--c8y-unit-base);
}
.c8y-list__item__block {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
}
.c8y-list__item__block.sticky-top {
  background-color: unset;
}
.c8y-list__item__block .progress {
  margin-top: 3px;
  margin-bottom: 0;
}
c8y-li-drag-handle,
c8y-list-item-drag-handle {
  display: flex;
  align-items: center;
  align-self: stretch;
  flex-shrink: 0;
  max-width: 0;
  overflow: hidden;
  transition: all 0.25s ease;
}
c8y-li-drag-handle c8y-li-drag-handle,
c8y-list-item-drag-handle c8y-li-drag-handle,
c8y-li-drag-handle c8y-list-item-drag-handle,
c8y-list-item-drag-handle c8y-list-item-drag-handle {
  padding: 0 !important;
  cursor: move;
  max-width: fit-content !important;
}
c8y-li-drag-handle[cdkdraghandle],
c8y-list-item-drag-handle[cdkdraghandle] {
  cursor: move;
}
c8y-li-drag-handle[cdkdraghandle]:hover,
c8y-list-item-drag-handle[cdkdraghandle]:hover {
  color: var(--c8y-component-brand-primary, var(--c8y-root-component-brand-primary));
}
.cdk-drag-disabled c8y-li-drag-handle,
.cdk-drag-disabled c8y-list-item-drag-handle {
  display: none;
}
.cdk-drag-disabled c8y-li-drag-handle + *,
.cdk-drag-disabled c8y-list-item-drag-handle + * {
  padding-left: 0 !important;
}
.no-card-context .c8y-list__item:not(:hover) c8y-li-drag-handle:not(.cdk-drag-disabled) + * {
  padding-left: 0;
}
.no-card-context .c8y-list__item:not(:hover) c8y-list-item-drag-handle:not(.cdk-drag-disabled) + * {
  padding-left: 0;
}
.c8y-list__item:hover c8y-li-drag-handle:not(:empty) {
  max-width: 100px;
  padding-left: var(--c8y-unit-base);
}
.c8y-list__item:hover c8y-list-item-drag-handle:not(:empty) {
  max-width: 100px;
  padding-left: var(--c8y-unit-base);
}
.c8y-list__item__actions {
  display: flex;
  padding: var(--c8y-unit-base) 0;
}
.c8y-list__item__actions .c8y-dropdown,
.c8y-list__item__actions .collapse-btn {
  opacity: var(--c8y-component-actions-opacity, var(--c8y-root-component-actions-opacity));
  min-width: 40px;
}
.c8y-list__item__actions .c8y-dropdown:hover,
.c8y-list__item__actions .collapse-btn:hover {
  opacity: 1;
  color: var(--link-hover-color, var(--c8y-component-color-link-hover, var(--c8y-root-component-color-link-hover)));
  outline: 2px solid var(--c8y-component-color-focus, var(--c8y-root-component-color-focus));
  outline-offset: -2px;
}
.c8y-list__item__actions .c8y-dropdown:focus,
.c8y-list__item__actions .collapse-btn:focus {
  outline: 2px solid var(--c8y-component-color-focus, var(--c8y-root-component-color-focus));
  outline-offset: -2px;
  border-radius: var(--c8y-component-border-radius-focus, var(--c8y-root-component-border-radius-focus)) !important;
  opacity: 1;
}
.c8y-list__item__actions .c8y-dropdown.disabled,
.c8y-list__item__actions .collapse-btn.disabled,
.c8y-list__item__actions .c8y-dropdown[disabled],
.c8y-list__item__actions .collapse-btn[disabled] {
  color: var(--c8y-component-color-disabled, var(--c8y-root-component-color-disabled));
}
.c8y-list__item__actions .c8y-dropdown.disabled:hover,
.c8y-list__item__actions .collapse-btn.disabled:hover,
.c8y-list__item__actions .c8y-dropdown[disabled]:hover,
.c8y-list__item__actions .collapse-btn[disabled]:hover {
  opacity: 0.5;
  pointer-events: auto !important;
  cursor: not-allowed !important;
}
.c8y-list__item__icon,
.c8y-list__item__check,
.c8y-list__item__appicon,
.c8y-list__item__radio,
.c8y-list__item__colorpicker {
  padding: var(--c8y-component-padding, var(--c8y-root-component-padding));
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.c8y-list__item__body .c8y-list__item__icon,
.c8y-list__item__body .c8y-list__item__check,
.c8y-list__item__body .c8y-list__item__appicon,
.c8y-list__item__body .c8y-list__item__radio,
.c8y-list__item__body .c8y-list__item__colorpicker {
  min-height: auto;
}
.c8y-list__item__icon,
.c8y-list__item__check,
.c8y-list__item__appicon,
.c8y-list__item__radio,
.c8y-list__item__colorpicker,
.c8y-list__item__actions {
  min-height: 56px;
}
bs-dropdown-container .c8y-list__item__icon,
bs-dropdown-container .c8y-list__item__check,
bs-dropdown-container .c8y-list__item__appicon,
bs-dropdown-container .c8y-list__item__radio,
bs-dropdown-container .c8y-list__item__colorpicker,
bs-dropdown-container .c8y-list__item__actions,
c8y-typeahead .dropdown .c8y-list__item__icon,
c8y-typeahead .dropdown .c8y-list__item__check,
c8y-typeahead .dropdown .c8y-list__item__appicon,
c8y-typeahead .dropdown .c8y-list__item__radio,
c8y-typeahead .dropdown .c8y-list__item__colorpicker,
c8y-typeahead .dropdown .c8y-list__item__actions,
.c8y-list__item--dense .c8y-list__item__icon,
.c8y-list__item--dense .c8y-list__item__check,
.c8y-list__item--dense .c8y-list__item__appicon,
.c8y-list__item--dense .c8y-list__item__radio,
.c8y-list__item--dense .c8y-list__item__colorpicker,
.c8y-list__item--dense .c8y-list__item__actions {
  min-height: 36px;
  padding-top: var(--c8y-unit-base);
  padding-bottom: var(--c8y-unit-base);
}
.c8y-list__item__body {
  padding-top: calc(var(--c8y-unit-base) + 10px);
  padding-bottom: calc(var(--c8y-unit-base) + 10px);
  /**
   * @Carlos: Would be nice to not only have the dense class
   * pm the list but also on the list items if [dense] is set.
   **/
}
.dropdown-menu .c8y-list__item__body,
.c8y-list__item--dense .c8y-list__item__body {
  padding-top: var(--c8y-unit-base);
  padding-bottom: var(--c8y-unit-base);
}
.card .c8y-list__item__icon,
.modal .c8y-list__item__icon,
.cdk-drag .c8y-list__item__icon,
.card .c8y-list__item__check,
.modal .c8y-list__item__check,
.cdk-drag .c8y-list__item__check,
.card .c8y-list__item__appicon,
.modal .c8y-list__item__appicon,
.cdk-drag .c8y-list__item__appicon,
.card .c8y-list__item__radio,
.modal .c8y-list__item__radio,
.cdk-drag .c8y-list__item__radio,
.card .c8y-list__item__colorpicker,
.modal .c8y-list__item__colorpicker,
.cdk-drag .c8y-list__item__colorpicker,
.card .c8y-list__item__actions,
.modal .c8y-list__item__actions,
.cdk-drag .c8y-list__item__actions {
  min-height: 40px;
  padding-top: 7px;
  padding-bottom: 7px;
}
.card .c8y-list__item__actions,
.modal .c8y-list__item__actions,
.cdk-drag .c8y-list__item__actions {
  padding-top: 0;
  padding-bottom: 0;
}
.card .c8y-list__item__body,
.modal .c8y-list__item__body,
.cdk-drag .c8y-list__item__body {
  padding-top: 10px;
  padding-bottom: 10px;
}
.c8y-list__item__check,
.c8y-list__item__radio {
  justify-content: center;
}
.c8y-list__item__check .c8y-checkbox,
.c8y-list__item__radio .c8y-checkbox,
.c8y-list__item__check .c8y-radio,
.c8y-list__item__radio .c8y-radio {
  line-height: 1.3;
}
.c8y-list__item__appicon {
  font-size: 36px;
}
.c8y-list__item__icon {
  font-size: 20px;
  color: var(--c8y-component-icon-color, var(--c8y-root-component-icon-color));
  min-height: 40px;
  line-height: calc(var(--c8y-font-size-base) * var(--c8y-line-height-base, 1.42857143));
}
.c8y-list__item__icon > device-status {
  line-height: 1;
}
.c8y-list__item__icon.changeIcon {
  position: relative;
}
.c8y-list__item__icon.changeIcon > button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
}
.c8y-list__item__icon.changeIcon:hover > button {
  opacity: 1;
}
.c8y-list__item__body {
  flex-grow: 1;
  display: block;
  text-overflow: ellipsis;
  min-width: 0;
}
.c8y-list__item__body:last-child {
  padding-right: var(--c8y-component-padding, var(--c8y-root-component-padding));
}
.c8y-list__item__body:first-child {
  padding-left: var(--c8y-component-padding, var(--c8y-root-component-padding));
}
.c8y-list__item__footer {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  font-size: var(--c8y-font-size-small);
  line-height: 1.2;
}
.c8y-list__item__footer > * {
  padding: 0.5rem 0 0 0;
}
.c8y-list__item__footer > c8y-li-footer {
  width: 100%;
}
.c8y-list__item__collapse {
  width: 100%;
}
.c8y-list__item__collapse--container {
  padding: var(--c8y-component-padding, var(--c8y-root-component-padding));
}
@media (min-width: 992px) {
  .c8y-list__item__collapse--container {
    padding: var(--c8y-component-padding, var(--c8y-root-component-padding)) calc(calc(var(--c8y-unit-base) * 6) + 6px) 2rem;
  }
}
.card-header.sticky-top {
  z-index: 100;
}
.card-header.sticky-top + .c8y-list__group .c8y-list__item__block.sticky-top {
  top: 48px;
}
.c8y-list--timeline {
  box-shadow: none;
}
.c8y-list--timeline > .c8y-list--timeline__item:first-child::before {
  top: 50%;
}
.c8y-list--timeline > .c8y-list--timeline__item:last-of-type::before {
  bottom: 50%;
}
.c8y-list--timeline .c8y-list--timeline__item {
  position: relative;
  align-items: center;
  box-shadow: none;
}
.c8y-list--timeline .c8y-list--timeline__item:focus-within,
.c8y-list--timeline .c8y-list--timeline__item:has(.dropdown.open) {
  z-index: 10;
}
.c8y-list--timeline .c8y-list--timeline__item::after {
  transition: all 1s linear 0.25s;
}
.c8y-list--timeline .c8y-list--timeline__item .c8y-list__item {
  background: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  max-width: calc(100% - 106px);
}
.c8y-list--timeline .c8y-list--timeline__item .c8y-list__item::after {
  transition: inherit;
}
.c8y-list--timeline .c8y-list--timeline__item .c8y-list__item__body {
  padding-right: var(--c8y-component-padding, var(--c8y-root-component-padding));
}
.c8y-list--timeline .c8y-list--timeline__item.ng-enter:after {
  transition: none;
  background: var(--c8y-component-realtime-added, var(--c8y-root-component-realtime-added)) !important;
}
.c8y-list--timeline .c8y-list--timeline__item.ng-enter .c8y-list__item {
  transition: none;
  background: var(--c8y-component-realtime-added, var(--c8y-root-component-realtime-added)) !important;
}
.c8y-list--timeline .c8y-list--timeline__item.ng-enter .c8y-list__item::after {
  border-color: transparent var(--c8y-component-realtime-added, var(--c8y-root-component-realtime-added)) transparent transparent;
}
.c8y-list--timeline .c8y-list--timeline__item::before,
.c8y-list--timeline .c8y-list--timeline__item::after {
  position: absolute;
  top: 0;
  bottom: 1px;
  left: 80px;
  border: 1px dotted var(--c8y-component-border-color, var(--c8y-root-component-border-color));
  content: '';
  transition: top 0.35s linear;
}
.c8y-list--timeline .c8y-list--timeline__item::after {
  position: absolute;
  top: 50%;
  left: 80px;
  z-index: 3;
  margin: -10px 0 0 -6px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: transparent;
  content: '';
  transition: all 0.25s linear;
  border: 6px double var(--c8y-palette-gray-50);
}
.c8y-list--timeline .c8y-list--timeline__item,
.c8y-list--timeline .c8y-list--timeline__item.expanded {
  background-color: transparent;
  display: flex;
  flex-flow: row nowrap;
}
.c8y-list--timeline .c8y-list--timeline__item.expanded .c8y-list__item__title {
  font-weight: 500;
}
.c8y-list--timeline .c8y-list--timeline__item.expanded::after {
  background-color: var(--c8y-component-color-active, var(--c8y-root-component-color-active));
  border-color: var(--c8y-component-color-active, var(--c8y-root-component-color-active));
}
.c8y-list--timeline .c8y-list--timeline__item.expanded .c8y-list__item {
  background: var(--c8y-component-background-expanded, var(--c8y-root-component-background-expanded));
}
.c8y-list--timeline .c8y-list--timeline__item.expanded .c8y-list__item::after {
  border-color: transparent var(--c8y-component-background-expanded, var(--c8y-root-component-background-expanded)) transparent transparent;
}
.c8y-list--timeline .c8y-list--timeline__item__date {
  margin-right: 40px;
  width: 64px;
  font-size: var(--c8y-font-size-xs);
  line-height: 1.2;
  text-align: right;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  flex-shrink: 0;
  color: var(--c8y-component-icon-color, var(--c8y-root-component-icon-color));
}
.c8y-list--timeline .c8y-list--timeline__item__date::first-line {
  font-weight: bold;
  font-size: var(--c8y-font-size-xs);
}
.c8y-list--timeline .c8y-list__item__block {
  padding: 0 0 0 var(--c8y-component-padding, var(--c8y-root-component-padding));
}
.c8y-list--timeline .c8y-list__item {
  position: relative;
  overflow: visible;
  flex-grow: 1;
  margin-top: 0;
  margin-bottom: 8px;
  border-radius: 0.25rem;
  box-shadow: inset 0 0 0 1px var(--c8y-component-border-color, var(--c8y-root-component-border-color));
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.1));
  transition: all 0.15s linear !important;
}
.c8y-list--timeline .c8y-list__item:focus-within {
  z-index: 10;
}
.c8y-list--timeline .c8y-list__item:not(:has(>button))::before {
  position: absolute;
  top: 50%;
  left: -10px;
  margin-top: -10px;
  width: 0;
  height: 0;
  border-width: 10px 10px 10px 0;
  border-style: solid;
  border-color: transparent var(--c8y-component-border-color, var(--c8y-root-component-border-color)) transparent transparent;
  content: '';
  transition: border-color 0.15s linear !important;
}
.c8y-list--timeline .c8y-list__item:not(:has(>button))::after {
  position: absolute;
  top: 50%;
  left: -8px;
  margin-top: -10px;
  width: 0;
  height: 0;
  border-width: 10px 10px 10px 0;
  border-style: solid;
  border-color: transparent var(--c8y-root-component-background-default) transparent transparent;
  content: '';
  transition: border 0.15s linear !important;
}
.c8y-list--timeline .c8y-list__item__actions {
  margin-right: 0;
}
.c8y-list--timeline .c8y-list__item__icon,
.c8y-list--timeline .c8y-list__item__check,
.c8y-list--timeline .c8y-list__item__radio {
  padding-left: 0;
}
.c8y-list--timeline .c8y-list--timeline__item.active::after {
  background-color: var(--c8y-component-color-accent, var(--c8y-root-component-color-accent));
  border-color: var(--c8y-component-color-active, var(--c8y-root-component-color-active));
}
.c8y-list--timeline .c8y-list--timeline__item.active .c8y-list__item {
  outline: 2px solid var(--c8y-component-color-accent, var(--c8y-root-component-color-accent));
  outline-offset: -2px;
}
.c8y-list--timeline .c8y-list--timeline__item.active .c8y-list__item::before {
  left: -11px;
  margin-top: -11px;
  border-width: 11px 11px 11px 0;
  border-color: transparent var(--c8y-component-color-accent, var(--c8y-root-component-color-accent)) transparent transparent;
}
.c8y-list--timeline.interactive .c8y-list--timeline__item:hover:not(.active) .c8y-list__item {
  box-shadow: inset 0 0 0 1px var(--c8y-component-color-accent, var(--c8y-root-component-color-accent));
}
.c8y-list--timeline.interactive .c8y-list--timeline__item:hover:not(.active) .c8y-list__item::before {
  left: -10px;
  margin-top: -10px;
  border-width: 10px 10px 10px 0;
  border-color: transparent var(--c8y-component-color-accent, var(--c8y-root-component-color-accent)) transparent transparent;
}
.c8y-list--timeline.interactive .c8y-list--timeline__item:hover:not(.active) .c8y-list__item::after {
  left: -9px;
}
.pagination {
  display: flex;
  margin: 0;
  padding-left: 0;
  border-radius: calc(var(--c8y-form-control-height-base) * 0.5);
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  margin-left: -1px;
  padding: var(--c8y-component-padding-base-vertical, var(--c8y-root-component-padding-base-vertical)) var(--c8y-component-padding-base-horizontal, var(--c8y-root-component-padding-base-horizontal));
  border: 1px solid var(--c8y-component-border-color, var(--c8y-root-component-border-color));
  background-color: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  color: var(--link-color, var(--c8y-component-color-link, var(--c8y-root-component-color-link)));
  text-decoration: none;
  line-height: var(--c8y-line-height-base, 1.42857143);
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  z-index: 2;
  border-color: var(--c8y-component-border-color, var(--c8y-root-component-border-color));
  background-color: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  color: var(--link-hover-color, var(--c8y-component-color-link-hover, var(--c8y-root-component-color-link-hover)));
}
.pagination > li > a:focus,
.pagination > li > span:focus {
  outline: 2px solid var(--c8y-component-color-focus, var(--c8y-root-component-color-focus));
  outline-offset: -2px;
  border-radius: var(--c8y-component-border-radius-focus, var(--c8y-root-component-border-radius-focus));
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  text-indent: 9000px;
  border-top-left-radius: calc(var(--c8y-form-control-height-base) * 0.5);
  border-bottom-left-radius: calc(var(--c8y-form-control-height-base) * 0.5);
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  text-indent: 9000px;
  border-top-right-radius: calc(var(--c8y-form-control-height-base) * 0.5);
  border-bottom-right-radius: calc(var(--c8y-form-control-height-base) * 0.5);
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 3;
  border-color: var(--c8y-component-brand-primary, var(--c8y-root-component-brand-primary));
  background-color: var(--c8y-component-brand-primary, var(--c8y-root-component-brand-primary));
  color: var(--c8y-palette-high);
  cursor: default;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  border-color: var(--c8y-component-color-disabled, var(--c8y-root-component-color-disabled));
  background-color: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  color: var(--c8y-component-color-disabled, var(--c8y-root-component-color-disabled));
  cursor: not-allowed;
}
.pagination-prev > a,
.pagination-next > a {
  overflow: hidden;
  display: inline-block;
  text-transform: none;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  font-family: 'dlt-c8y-icons' !important;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  width: 32px;
}
.pagination-prev > a::before,
.pagination-next > a::before,
.pagination-prev > a::after,
.pagination-next > a::after {
  font-size: 1.1em;
}
.pagination-prev a::before {
  position: absolute;
  left: 9px;
  content: "\e907";
  text-indent: 0;
  font-size: 1em;
}
.pagination-next a::before {
  position: absolute;
  left: 9px;
  content: "\e92b";
  text-indent: 0;
  font-size: 1em;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: var(--c8y-component-padding-large-vertical, var(--c8y-root-component-padding-large-vertical)) var(--c8y-component-padding-large-horizontal, var(--c8y-root-component-padding-large-horizontal));
  font-size: var(--c8y-font-size-large);
  line-height: var(--c8y-line-height-large);
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-top-left-radius: var(--c8y-component-border-radius-large, var(--c8y-root-component-border-radius-large));
  border-bottom-left-radius: var(--c8y-component-border-radius-large, var(--c8y-root-component-border-radius-large));
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-top-right-radius: var(--c8y-component-border-radius-large, var(--c8y-root-component-border-radius-large));
  border-bottom-right-radius: var(--c8y-component-border-radius-large, var(--c8y-root-component-border-radius-large));
}
.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: var(--c8y-component-padding-small-vertical, var(--c8y-root-component-padding-small-vertical)) var(--c8y-component-padding-small-horizontal, var(--c8y-root-component-padding-small-horizontal));
  font-size: var(--c8y-font-size-small);
  line-height: var(--c8y-line-height-small);
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-top-left-radius: var(--c8y-component-border-radius-small, var(--c8y-root-component-border-radius-small));
  border-bottom-left-radius: var(--c8y-component-border-radius-small, var(--c8y-root-component-border-radius-small));
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-top-right-radius: var(--c8y-component-border-radius-small, var(--c8y-root-component-border-radius-small));
  border-bottom-right-radius: var(--c8y-component-border-radius-small, var(--c8y-root-component-border-radius-small));
}
@media (min-width: 992px) {
  c8y-bulk-operation-details-tabs {
    display: grid;
    min-height: 340px;
    max-height: calc(100vh - 440px);
    grid-template-rows: 40px minmax(150px, 1fr) minmax(150px, 1fr);
    grid-template-columns: minmax(0, 1fr);
  }
}
.body {
  display: none;
}
.cdk-virtual-scroll-viewport[windowVirtualScrollStrategy],
.cdk-virtual-scroll-viewport[autosize] {
  position: relative;
  display: block;
  overflow: visible;
  contain: none;
}
.cdk-virtual-scroll-viewport[windowVirtualScrollStrategy] .cdk-virtual-scroll-spacer,
.cdk-virtual-scroll-viewport[autosize] .cdk-virtual-scroll-spacer {
  position: relative;
}
c8y-asset-selector-miller {
  display: block;
  position: relative;
  height: 100%;
  background: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
}
.miller-view-wrapper {
  display: flex;
  overflow: auto;
  height: 100%;
  scroll-behavior: smooth;
  background: inherit;
}
.miller-view-wrapper::-webkit-scrollbar {
  width: 4px;
  /* for vertical scrollbars */
  height: 4px;
  /* for horizontal scrollbars */
}
.miller-view-wrapper::-webkit-scrollbar-track {
  background: transparent;
}
.miller-view-wrapper::-webkit-scrollbar-track:not(textarea) {
  background: var(--c8y-component-scrollbar-track, var(--c8y-root-component-scrollbar-track));
}
.miller-view-wrapper::-webkit-scrollbar-thumb {
  width: 4px;
  border-radius: 1px;
  background: var(--c8y-component-scrollbar-thumb-default, var(--c8y-root-component-scrollbar-thumb-default));
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.miller-view-wrapper:hover::-webkit-scrollbar-thumb {
  background: var(--c8y-component-scrollbar-thumb-hover, var(--c8y-root-component-scrollbar-thumb-hover));
}
.miller-view-wrapper.single-column {
  overflow: hidden;
}
.miller-view-wrapper.single-column .miller-column {
  min-width: 100%;
  max-width: none;
  border-right: 0;
}
.miller-column {
  overflow-y: auto;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
  height: 100%;
  border-right: 1px solid var(--c8y-component-border-color, var(--c8y-root-component-border-color));
  max-width: 33.333%;
  min-width: 200px;
}
.miller-column::-webkit-scrollbar {
  width: 4px;
  /* for vertical scrollbars */
  height: 4px;
  /* for horizontal scrollbars */
}
.miller-column::-webkit-scrollbar-track {
  background: transparent;
}
.miller-column::-webkit-scrollbar-track:not(textarea) {
  background: var(--c8y-component-scrollbar-track, var(--c8y-root-component-scrollbar-track));
}
.miller-column::-webkit-scrollbar-thumb {
  width: 4px;
  border-radius: 1px;
  background: var(--c8y-component-scrollbar-thumb-default, var(--c8y-root-component-scrollbar-thumb-default));
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.miller-column:hover::-webkit-scrollbar-thumb {
  background: var(--c8y-component-scrollbar-thumb-hover, var(--c8y-root-component-scrollbar-thumb-hover));
}
.miller-column__header {
  background-color: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  padding: var(--c8y-unit-base);
  box-shadow: inset 0 -1px 0 var(--c8y-component-border-color, var(--c8y-root-component-border-color));
}
.miller-column__header.sticky-top {
  z-index: 20;
}
.miller-column__header + c8y-asset-selector-node {
  position: relative;
  z-index: 10;
  background: inherit;
  display: block;
}
.miller-column__selection {
  width: 100%;
  top: 0;
  min-height: 40px!important;
}
.miller-column__search {
  align-items: flex-start;
  flex-wrap: wrap;
  min-height: 48px!important;
}
.miller-column__search.miller-column__multi {
  min-height: 72px!important;
}
.miller-column__item {
  --c8y-root-component-padding: 8;
  background-color: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  display: flex;
  align-items: center;
  min-height: calc(var(--c8y-unit-base) * 4);
}
.miller-column__item:hover:not(.miller-column__item--more) {
  box-shadow: inset 2px 0 0 0 var(--c8y-component-color-focus, var(--c8y-root-component-color-focus));
}
.miller-column__item.active {
  background-color: var(--c8y-component-realtime-added, var(--c8y-root-component-realtime-added)) !important;
  box-shadow: inset 2px 0 0 0 var(--c8y-component-color-focus, var(--c8y-root-component-color-focus));
}
.miller-column__item__btn {
  background: transparent;
  color: var(--c8y-component-color-default, var(--c8y-root-component-color-default));
  border: 0;
  display: flex;
  align-items: center;
  width: 100%;
  padding: 0 var(--c8y-component-padding, var(--c8y-root-component-padding));
  align-self: stretch;
  text-align: left;
}
.active .miller-column__item__btn {
  pointer-events: none;
}
.miller-column__item__btn:focus {
  outline: 2px solid var(--c8y-component-brand-primary, var(--c8y-root-component-brand-primary));
  outline-offset: -2px;
}
.miller-column__item__checkbox {
  padding-left: 4px;
}
.miller-column__item__checkbox + .miller-column__item__btn {
  width: calc(100% - 30px);
  padding-left: 4px;
}
c8y-asset-selector {
  overflow-y: auto;
  display: block;
  max-height: 100%;
}
c8y-asset-selector::-webkit-scrollbar {
  width: 4px;
  /* for vertical scrollbars */
  height: 4px;
  /* for horizontal scrollbars */
}
c8y-asset-selector::-webkit-scrollbar-track {
  background: transparent;
}
c8y-asset-selector::-webkit-scrollbar-track:not(textarea) {
  background: var(--c8y-component-scrollbar-track, var(--c8y-root-component-scrollbar-track));
}
c8y-asset-selector::-webkit-scrollbar-thumb {
  width: 4px;
  border-radius: 1px;
  background: var(--c8y-component-scrollbar-thumb-default, var(--c8y-root-component-scrollbar-thumb-default));
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
c8y-asset-selector:hover::-webkit-scrollbar-thumb {
  background: var(--c8y-component-scrollbar-thumb-hover, var(--c8y-root-component-scrollbar-thumb-hover));
}
.collapse .c8y-asset-selector__item {
  position: relative;
  padding-left: 8px;
}
.collapse .c8y-asset-selector__item::after {
  position: absolute;
  top: 32px;
  left: 22px;
  bottom: 32px;
  display: block;
  border-left: 1px solid var(--c8y-component-icon-dark-color-light, var(--c8y-root-component-icon-dark-color-light, var(--brand-light, var(--c8y-brand-light))));
  content: '';
}
.collapse .c8y-asset-selector__item .c8y-asset-selector__item::before {
  border-left: 1px solid var(--c8y-component-icon-dark-color-light, var(--c8y-root-component-icon-dark-color-light, var(--brand-light, var(--c8y-brand-light))));
  border-bottom: 1px solid var(--c8y-component-icon-dark-color-light, var(--c8y-root-component-icon-dark-color-light, var(--brand-light, var(--c8y-brand-light))));
  border-top: 0;
  content: "";
  height: 16px;
  position: absolute;
  transform: translate(-10px, 0);
  width: 24px;
  z-index: 1;
}
.c8y-asset-selector__item--more::before,
.c8y-asset-selector__item--more::after {
  display: none;
}
.c8y-asset-selector__item--more .c8y-asset-selector__node__btn-spacer {
  display: none;
}
.c8y-asset-selector__item--more .btn.btn-default::before {
  position: absolute;
  top: -16px;
  left: -4px;
  z-index: 10;
  display: block;
  width: 5px;
  height: 32px;
  background: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  content: '';
}
.c8y-asset-selector__node {
  display: flex;
  max-height: 32px;
}
.c8y-asset-selector__node .collapse-btn {
  height: 32px;
  width: 32px;
  opacity: 1;
  background: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
}
.c8y-asset-selector__node .collapse-btn:focus {
  outline: 2px solid var(--c8y-component-brand-primary, var(--c8y-root-component-brand-primary));
  outline-offset: -2px;
}
.c8y-asset-selector__node__btn-spacer {
  width: 32px;
  z-index: 1;
}
.c8y-asset-selector__node--open .collapse-btn > i {
  color: var(--c8y-component-brand-primary, var(--c8y-root-component-brand-primary));
  transform: rotate(90deg);
}
.c8y-asset-selector__btn {
  display: inline-block !important;
  align-items: center;
  flex-grow: 1;
  margin-bottom: 0;
  padding: 6px 8px;
  max-width: 100%;
  border: 0;
  background-color: transparent;
  background-image: none;
  box-shadow: none !important;
  color: inherit;
  text-align: left;
  white-space: nowrap;
  cursor: pointer;
  touch-action: manipulation;
  appearance: none;
  -webkit-user-select: none;
          user-select: none;
}
.c8y-asset-selector__btn:focus {
  outline: 2px solid var(--c8y-component-brand-primary, var(--c8y-root-component-brand-primary));
  outline-offset: -2px;
}
.c8y-asset-selector__item--start > .collapse > c8y-asset-selector-node > .c8y-asset-selector__item > .c8y-asset-selector__node > .btn.btn-default::before {
  display: none;
}
.c8y-asset-selector__item--start:after {
  left: 22px;
}
c8y-asset-selector c8y-search-input .input-group .form-control,
c8y-asset-selector c8y-search-input .input-group .form-control:first-child,
c8y-asset-selector c8y-search-input .input-group .form-control:last-child {
  padding-right: calc(var(--c8y-form-control-height-base) + var(--c8y-form-control-padding-base-horizontal));
  padding-left: calc(var(--c8y-form-control-padding-base-horizontal) * 2);
  border-radius: calc(var(--c8y-form-control-height-base) * 0.5);
}
.c8y-asset-selector__item--start .c8y-asset-selector__node + .collapse .c8y-asset-selector__item {
  margin-left: 16px !important;
}
.c8y-asset-selector__item--start .c8y-asset-selector__node + .collapse > .c8y-asset-selector__item {
  margin-left: 24px !important;
}
@media (min-width: 992px) {
  c8y-software-device-tab .split-view--7-5 {
    grid-template-columns: minmax(0, 7fr) minmax(284px, 5fr);
  }
}
c8y-software-device-tab c8y-installed-software #software-list {
  max-height: calc(100vh - 344px);
}
@media (max-width: 767px) {
  c8y-software-device-tab c8y-installed-software #software-list {
    max-height: calc(100vh - 260px);
  }
}
c8y-software-device-tab c8y-installed-software #operation-block ~ #software-list {
  max-height: calc(100vh - 416px);
}
@media (max-width: 767px) {
  c8y-software-device-tab c8y-installed-software #operation-block ~ #software-list {
    max-height: calc(100vh - 332px);
  }
}
c8y-software-device-tab c8y-device-software-changes {
  height: 100%;
}
@media (min-width: 992px) {
  c8y-software-device-tab c8y-device-software-changes #software-changes-list {
    max-height: calc(100vh - 280px);
  }
}
.c8y-datapoint-pill,
.c8y-alarm-pill,
.c8y-event-pill {
  display: flex;
  overflow: hidden;
  align-items: center;
  min-height: 24px;
  max-width: 100%;
  border-radius: calc(var(--c8y-unit-base) * 2);
  background-color: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  box-shadow: none;
  border: 1px solid var(--c8y-component-color-text-muted, var(--c8y-root-component-color-text-muted));
  font-size: var(--c8y-font-size-small);
  line-height: 1;
}
.c8y-datapoint-pill__btn,
.c8y-alarm-pill__btn,
.c8y-event-pill__btn {
  display: inline-block;
  margin-bottom: 0;
  border: 0;
  background-color: transparent;
  background-image: none;
  box-shadow: none;
  text-align: left;
  white-space: nowrap;
  cursor: pointer;
  touch-action: manipulation;
  color: inherit;
  max-width: 100%;
  appearance: none;
  -webkit-user-select: none;
  user-select: none;
  transition: all 0.25s ease;
  align-self: stretch;
  padding: calc(var(--c8y-unit-base) * 0.5) calc(var(--c8y-unit-base) * 0.5) calc(var(--c8y-unit-base) * 0.5) var(--c8y-unit-base);
  border-right: 1px solid var(--c8y-component-color-text-muted, var(--c8y-root-component-color-text-muted));
  color: var(--c8y-component-color-text-muted, var(--c8y-root-component-color-text-muted));
  line-height: 1;
}
.c8y-datapoint-pill__btn:not(.btn),
.c8y-alarm-pill__btn:not(.btn),
.c8y-event-pill__btn:not(.btn) {
  padding: 0;
}
.c8y-datapoint-pill__btn:hover,
.c8y-alarm-pill__btn:hover,
.c8y-event-pill__btn:hover {
  text-decoration: none;
  color: var(--c8y-component-brand-primary, var(--c8y-root-component-brand-primary));
}
.c8y-datapoint-pill__btn:focus,
.c8y-alarm-pill__btn:focus,
.c8y-event-pill__btn:focus {
  color: var(--c8y-component-brand-primary, var(--c8y-root-component-brand-primary));
  outline: 2px solid var(--c8y-component-color-focus, var(--c8y-root-component-color-focus));
  outline-offset: -2px;
  border-radius: var(--c8y-component-border-radius-focus, var(--c8y-root-component-border-radius-focus)) !important;
}
.c8y-datapoint-pill__btn.text-truncate,
.c8y-alarm-pill__btn.text-truncate,
.c8y-event-pill__btn.text-truncate {
  max-width: 100%;
}
.c8y-datapoint-pill__btn[disabled],
.c8y-alarm-pill__btn[disabled],
.c8y-event-pill__btn[disabled],
.c8y-datapoint-pill__btn[disabled]:hover,
.c8y-alarm-pill__btn[disabled]:hover,
.c8y-event-pill__btn[disabled]:hover,
.c8y-datapoint-pill__btn[disabled]:focus,
.c8y-alarm-pill__btn[disabled]:focus,
.c8y-event-pill__btn[disabled]:focus {
  cursor: not-allowed;
  opacity: 0.65;
  filter: alpha(opacity=65);
  box-shadow: none;
}
.c8y-datapoint-pill__label,
.c8y-alarm-pill__label,
.c8y-event-pill__label {
  display: flex;
  overflow: hidden;
  align-items: center;
  padding: calc(var(--c8y-unit-base) * 0.5) calc(var(--c8y-unit-base) + calc(var(--c8y-unit-base) * 0.5)) calc(var(--c8y-unit-base) * 0.5) calc(var(--c8y-unit-base) * 0.5);
  line-height: 1;
}
.c8y-alarm-pill {
  border-radius: calc(var(--c8y-unit-base) * 0.5);
}
.c8y-alarm-pill__btn {
  padding: calc(var(--c8y-unit-base) * 0.5);
}
.c8y-event-pill {
  border-radius: 2px;
  border: 1px dotted var(--c8y-component-color-text-muted, var(--c8y-root-component-color-text-muted));
}
.c8y-event-pill__btn {
  border-right: 1px dotted var(--c8y-component-color-text-muted, var(--c8y-root-component-color-text-muted));
  padding: calc(var(--c8y-unit-base) * 0.5);
}
.dtm-icon-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
@media (min-width: 768px) {
  .dtm-icon-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}
@media (min-width: 992px) {
  .dtm-icon-grid {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
}
.dtm-icon-grid__item {
  display: flex;
  align-items: stretch;
  justify-content: stretch;
}
.dtm-icon-grid__item--selected > button {
  box-shadow: inset 0 0 0 2px var(--c8y-component-color-focus, var(--c8y-root-component-color-focus)) !important;
}
.dtm-icon-grid__btn {
  display: inline-block;
  margin-bottom: 0;
  border: 1px solid transparent;
  background-color: transparent;
  background-image: none;
  vertical-align: middle;
  white-space: nowrap;
  font-weight: var(--c8y-btn-font-weight);
  cursor: pointer;
  touch-action: manipulation;
  transition: var(--c8y-btn-transition-default);
  text-decoration: none;
  padding: var(--c8y-btn-padding-base-vertical) calc(var(--c8y-btn-padding-base-horizontal) * 2);
  font-size: var(--c8y-btn-font-size-base);
  line-height: var(--c8y-btn-line-height-base);
  border-radius: calc(var(--btn-border-radius-base, var(--c8y-btn-border-radius-base)) * 1px);
  height: var(--c8y-form-control-height-base);
  -webkit-user-select: none;
  user-select: none;
  height: auto;
  white-space: normal;
  text-align: center;
  padding: var(--c8y-unit-base);
  background: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  width: 100%;
}
.dtm-icon-grid__btn > i {
  vertical-align: text-top;
}
.dtm-icon-grid__btn:focus,
.dtm-icon-grid__btn:active:focus,
.dtm-icon-grid__btn.active:focus,
.dtm-icon-grid__btn.focus,
.dtm-icon-grid__btn:active.focus,
.dtm-icon-grid__btn.active.focus {
  outline: none;
}
.dtm-icon-grid__btn:focus.dropdown-toggle,
.dtm-icon-grid__btn:active:focus.dropdown-toggle,
.dtm-icon-grid__btn.active:focus.dropdown-toggle,
.dtm-icon-grid__btn.focus.dropdown-toggle,
.dtm-icon-grid__btn:active.focus.dropdown-toggle,
.dtm-icon-grid__btn.active.focus.dropdown-toggle {
  outline: 2px solid var(--c8y-component-color-focus, var(--c8y-root-component-color-focus));
  outline-offset: -2px;
  border-radius: var(--c8y-component-border-radius-focus, var(--c8y-root-component-border-radius-focus)) !important;
}
.dtm-icon-grid__btn:hover,
.dtm-icon-grid__btn:focus,
.dtm-icon-grid__btn.focus {
  text-decoration: none;
}
.dtm-icon-grid__btn.disabled,
.dtm-icon-grid__btn[disabled],
fieldset[disabled] .dtm-icon-grid__btn,
.dtm-icon-grid__btn.disabled:hover,
.dtm-icon-grid__btn[disabled]:hover,
fieldset[disabled] .dtm-icon-grid__btn:hover,
.dtm-icon-grid__btn.disabled:focus,
.dtm-icon-grid__btn[disabled]:focus,
fieldset[disabled] .dtm-icon-grid__btn:focus {
  cursor: not-allowed !important;
  opacity: var(--c8y-root-component-disabled-opacity);
  box-shadow: none;
}
a .dtm-icon-grid__btn.disabled,
fieldset[disabled] a .dtm-icon-grid__btn {
  pointer-events: none;
}
.dtm-icon-grid__btn[btnCheckbox],
.dtm-icon-grid__btn[uib-btn-checkbox],
.dtm-icon-grid__btn.c8y-btn-checkbox {
  position: relative;
  z-index: 2;
  margin-right: 10px;
  margin-bottom: 10px;
  padding: 0 32px 0 16px;
  height: var(--c8y-switch-height);
  border: 0;
  background-color: transparent;
  line-height: 1;
  color: var(--c8y-switch-handle-color);
  box-shadow: none;
  transition: all 0.25s ease !important;
}
.dtm-icon-grid__btn[btnCheckbox] *,
.dtm-icon-grid__btn[uib-btn-checkbox] *,
.dtm-icon-grid__btn.c8y-btn-checkbox * {
  position: relative;
  z-index: 1;
}
.dtm-icon-grid__btn[btnCheckbox]:focus,
.dtm-icon-grid__btn[uib-btn-checkbox]:focus,
.dtm-icon-grid__btn.c8y-btn-checkbox:focus,
.dtm-icon-grid__btn[btnCheckbox]:hover,
.dtm-icon-grid__btn[uib-btn-checkbox]:hover,
.dtm-icon-grid__btn.c8y-btn-checkbox:hover {
  outline: none;
  background-color: transparent;
  background-image: none;
}
.dtm-icon-grid__btn[btnCheckbox]:focus::before,
.dtm-icon-grid__btn[uib-btn-checkbox]:focus::before,
.dtm-icon-grid__btn.c8y-btn-checkbox:focus::before {
  outline: 2px solid var(--c8y-component-color-focus, var(--c8y-root-component-color-focus));
  border-radius: var(--c8y-component-border-radius-focus, var(--c8y-root-component-border-radius-focus));
  border-radius: calc(var(--c8y-switch-height) / 2);
}
.dtm-icon-grid__btn[btnCheckbox]::before,
.dtm-icon-grid__btn[uib-btn-checkbox]::before,
.dtm-icon-grid__btn.c8y-btn-checkbox::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  border-radius: calc(var(--c8y-switch-height) / 2);
  background-color: var(--c8y-switch-background-default);
  content: '';
  transition: background 0.25s ease;
}
.dtm-icon-grid__btn[btnCheckbox]::after,
.dtm-icon-grid__btn[uib-btn-checkbox]::after,
.dtm-icon-grid__btn.c8y-btn-checkbox::after {
  content: '';
  position: absolute;
  top: 2px;
  right: 18px;
  bottom: 2px;
  left: 2px;
  z-index: -1;
  border-radius: calc(var(--c8y-switch-height) / 2) !important;
  background-color: var(--c8y-switch-handle-background, var(--c8y-form-control-background-default));
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
  transition: all 0.25s ease !important;
}
.dtm-icon-grid__btn[btnCheckbox].active,
.dtm-icon-grid__btn[uib-btn-checkbox].active,
.dtm-icon-grid__btn.c8y-btn-checkbox.active {
  padding: 0 16px 0 32px;
  border: 0 !important;
  background-color: transparent;
  box-shadow: none;
  transition: all 0.25s ease;
}
.dtm-icon-grid__btn[btnCheckbox].active::before,
.dtm-icon-grid__btn[uib-btn-checkbox].active::before,
.dtm-icon-grid__btn.c8y-btn-checkbox.active::before {
  background-color: var(--c8y-switch-background-active);
  transition: background 0.25s ease;
}
.dtm-icon-grid__btn[btnCheckbox].active::after,
.dtm-icon-grid__btn[uib-btn-checkbox].active::after,
.dtm-icon-grid__btn.c8y-btn-checkbox.active::after {
  right: 2px;
  left: 18px;
  transition: all 0.25s ease;
}
.dtm-icon-grid__btn.c8y-btn-checkbox--inline {
  margin: -5px 0;
  vertical-align: unset;
}
.dtm-icon-grid__btn > i {
  color: var(--c8y-palette-gray-30);
  margin-bottom: 4px;
}
.dtm-icon-grid__btn:hover,
.dtm-icon-grid__btn:focus {
  box-shadow: inset 0 0 0 1px var(--c8y-component-color-focus, var(--c8y-root-component-color-focus));
  color: inherit;
}
.dtm-icon-grid__btn:active {
  box-shadow: inset 0 0 0 2px var(--c8y-component-color-focus, var(--c8y-root-component-color-focus));
}
.dtm-icon-display {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: var(--c8y-component-padding, var(--c8y-root-component-padding));
}
.dtm-icon-display--undefined {
  border: 2px dashed var(--c8y-component-border-color, var(--c8y-root-component-border-color));
}
.dtm-icon-display .asset-type-icon {
  font-size: 64px;
}
.app-main-header {
  position: fixed;
  z-index: 1031;
  top: 0;
  right: 0;
  left: 0;
  max-width: 100vw;
  transition: all 0.4s ease-in-out;
}
.app-main-header.open {
  left: calc(100% - 35px);
}
@media (max-width: 767px) {
  .app-main-header.open .header-bar {
    padding-right: 0;
  }
}
@media (min-width: 768px) {
  .app-main-header.open {
    left: 240px;
  }
}
.app-main-header.open .app-view .c8y-app-icon,
.app-main-header.open .app-view .app-noicon,
.app-main-header.open .app-view .txt {
  width: 0 !important;
  margin-left: 0;
  margin-right: 0;
  transform: scale(0);
}
.app-main-header.open .navigator-toggle > [class^='dlt-c8y-icon-'],
.app-main-header.open .navigator-toggle > [class*=' dlt-c8y-icon-'],
.app-main-header.open .navigator-toggle > .c8y-icon {
  width: 1em;
  text-align: center;
}
.app-main-header.drawerOpen {
  right: calc(100% - 35px);
}
@media (max-width: 767px) {
  .app-main-header.drawerOpen .navigator-toggle {
    display: none;
  }
  .app-main-header.drawerOpen .app-view {
    display: none;
  }
  .app-main-header.drawerOpen .drawer-toggle {
    display: none;
  }
}
@media (min-width: 768px) {
  .app-main-header.drawerOpen {
    right: 240px;
  }
}
.app-main-header .user-dot,
.app-main-header .close-dot {
  flex: 0 0 36px;
  margin: 0;
  width: 36px;
  height: 36px;
  line-height: 35px;
}
.app-main-header .close-dot {
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  color: var(--header-text-color, var(--c8y-main-header-text-color-default));
  border: 1px solid var(--header-text-color, var(--c8y-main-header-text-color-default));
  font-size: 24px;
}
.app-main-header .dropdown-menu:not(.app-switcher-dropdown-menu):not(.search-mobile-menu) a,
.app-main-header .dropdown-menu:not(.app-switcher-dropdown-menu):not(.search-mobile-menu) .btn {
  display: block;
  overflow: hidden !important;
  max-width: 100% !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.app-main-header .dropdown.open .c8y-dropdown + .dropdown-menu,
.app-main-header [dropdown].open .c8y-dropdown + .dropdown-menu,
.app-main-header .btn-group.open .c8y-dropdown + .dropdown-menu {
  display: block;
}
.app-main-header .app-switcher .appLink {
  color: var(--c8y-component-color-default, var(--c8y-root-component-color-default));
}
body:not(:has(.has-tabs)):not(:has(.has-action-bar)) .app-main-header {
  box-shadow: inset 0 -1px 0 0 var(--c8y-component-border-color, var(--c8y-root-component-border-color)), var(--c8y-main-header-shadow);
}
.head-toggler {
  height: 0;
  overflow: visible;
}
.open .head-toggler,
.drawerOpen .head-toggler {
  display: none;
}
.head-toggler button {
  margin: 0 auto;
  width: 48px;
  height: 24px;
  color: var(--header-text-color, var(--c8y-main-header-text-color-default));
  background-color: var(--header-color, var(--c8y-header-color));
  display: block;
  transition: margin 0.5s ease 0.35s;
  border: 0;
  border-radius: 0 0 24px 24px;
}
.head-toggler button:focus {
  outline: none;
}
.head-toggler button:hover {
  color: var(--header-hover-color, var(--c8y-header-hover-color));
}
.head-toggler button [class^='dlt-c8y-icon-'],
.head-toggler button [class*=' dlt-c8y-icon-'] {
  transition: transform 0.5s ease 0.35s;
  transform: rotate(90deg);
}
.head-open .head-toggler button [class^='dlt-c8y-icon-'],
.head-open .head-toggler button [class*=' dlt-c8y-icon-'] {
  transform: rotate(-90deg);
}
@media (min-width: 768px) {
  .head-toggler button {
    display: none;
  }
}
.header-bar {
  top: 0;
  right: 0;
  color: var(--header-text-color, var(--c8y-main-header-text-color-default));
  background-color: var(--header-color, var(--c8y-header-color));
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  box-shadow: inset 0 -1px 0 0 var(--c8y-palette-gray-90);
  padding-right: calc(var(--c8y-unit-base) * 3);
}
@media (min-width: 768px) {
  .header-bar {
    min-height: calc(var(--c8y-unit-base) * 8);
  }
}
.header-bar .c8y-app-icon {
  font-size: 30px;
  display: inline-block;
}
.header-bar .app-noicon {
  display: inline-block;
}
.header-bar .app-noicon:empty {
  display: none;
}
.header-bar .c8y-app-icon,
.header-bar .app-noicon,
.header-bar .txt {
  transition: all 0.4s ease-in-out;
  width: 32px;
  margin-left: var(--c8y-unit-base);
  margin-right: var(--c8y-unit-base);
  transform: scale(1);
}
.header-bar .main-header-button,
.header-bar .main-header-button > button {
  text-decoration: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  padding: 5px 15px;
  min-height: 46px;
  color: var(--header-text-color, var(--c8y-main-header-text-color-default));
  box-shadow: inset 1px 0 0 var(--header-border-color, var(--c8y-main-header-border-color));
  transition: var(--c8y-btn-transition-default);
}
.header-bar .main-header-button:hover,
.header-bar .main-header-button > button:hover {
  color: var(--header-hover-color, var(--c8y-header-hover-color));
  background-color: var(--c8y-main-header-background-hover);
}
.header-bar .main-header-button:focus,
.header-bar .main-header-button > button:focus {
  outline: 2px solid var(--header-hover-color, var(--c8y-header-hover-color));
  outline-offset: -2px;
  border-radius: var(--c8y-component-border-radius-focus, var(--c8y-root-component-border-radius-focus)) !important;
}
.header-bar .main-header-button:active,
.header-bar .main-header-button > button:active {
  background-color: var(--c8y-main-header-background-active);
}
.header-bar .main-header-button > button,
.header-bar .main-header-button > button > button {
  padding: 0;
  min-height: auto;
  box-shadow: none;
}
.header-bar .navigator-toggle,
.header-bar .drawer-toggle {
  font-size: 16px;
  padding-left: 8px;
  padding-right: 8px;
}
.header-bar .navigator-toggle > [class^='dlt-c8y-icon-'],
.header-bar .drawer-toggle > [class^='dlt-c8y-icon-'],
.header-bar .navigator-toggle > [class*=' dlt-c8y-icon-'],
.header-bar .drawer-toggle > [class*=' dlt-c8y-icon-'],
.header-bar .navigator-toggle > .c8y-icon,
.header-bar .drawer-toggle > .c8y-icon {
  transition: transform 0.4s ease-in-out;
}
.header-bar .drawer-toggle:focus {
  outline: none;
}
.header-bar .drawer-toggle:focus > .user-dot,
.header-bar .drawer-toggle:focus > .close-dot {
  border-radius: 50% !important;
  outline: 2px solid var(--c8y-component-color-focus, var(--c8y-root-component-color-focus));
  border-radius: var(--c8y-component-border-radius-focus, var(--c8y-root-component-border-radius-focus));
}
.header-bar .drawer-toggle .user-dot {
  display: flex;
}
.header-bar .drawer-toggle .close-dot {
  display: none;
}
.header-bar .drawer-toggle[aria-expanded='true'] .user-dot {
  display: none;
}
.header-bar .drawer-toggle[aria-expanded='true'] .close-dot {
  display: flex;
}
@media (max-width: 767px) {
  .header-bar {
    max-height: 46px;
    overflow: hidden;
    transition: max-height 0.35s ease;
  }
  .head-open .header-bar {
    max-height: 92px;
    overflow: visible;
  }
}
.app-view {
  display: flex;
  flex-flow: row nowrap;
  margin-right: auto;
  flex: 3 1 auto;
  border-left: 1px solid var(--header-border-color, var(--c8y-main-header-border-color));
  align-items: center;
  align-self: stretch;
  width: calc(100% - 94px);
  max-height: 46px;
}
.app-view .c8y-icon:before,
.app-view .c8y-icon.c8y-icon-duocolor:before {
  color: currentColor;
}
.app-view .spinner {
  position: relative;
  margin: 0 0 0 var(--c8y-unit-base);
}
.page-header {
  padding: 0 5px 0 0;
  max-height: 46px;
  width: 100%;
  max-width: calc(100% - 50px);
}
.page-header .c8y-ui-title {
  height: 25px;
  position: relative;
  z-index: 11;
}
.page-header .c8y-ui-title h1 {
  display: inline-block;
  margin: 0;
  width: 100%;
  letter-spacing: -0.03em;
  font-weight: 400;
  font-size: 18px;
}
.page-header .c8y-ui-title .c8y-ui-title-extra-info {
  position: absolute;
  top: calc(100% - 6px);
  right: 0;
  z-index: 12;
}
.page-header .c8y-ui-title .edit-in-place c8y-error-feedback,
.page-header .c8y-ui-title .edit-in-place c8y-messages {
  display: none;
}
.app-breadcrumbs {
  display: block;
  margin-top: -3px;
  max-height: 14px;
  position: relative;
  z-index: 10;
}
@media (min-width: 768px) {
  .header-bar {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .header-bar .main-header-button {
    min-height: calc(var(--c8y-unit-base) * 8);
  }
  .app-view {
    max-height: calc(var(--c8y-unit-base) * 8);
    width: calc(100% - 180px - 172px - 32px);
  }
  .page-header {
    padding: 5px;
    max-height: calc(var(--c8y-unit-base) * 8);
  }
  .page-header .c8y-ui-title {
    height: 34px;
  }
  .page-header .c8y-ui-title h1 {
    font-size: 26px;
  }
  .page-header .c8y-ui-title h1 small:not(.form-control-feedback-message) {
    color: var(--header-text-color, var(--c8y-main-header-text-color-default));
    opacity: 0.8;
  }
  .page-header .text-muted {
    color: var(--header-text-color, var(--c8y-main-header-text-color-default));
    opacity: 0.8;
  }
}
@media (max-width: 767px) {
  .header-bar .navigator-toggle {
    order: 1;
  }
  .header-bar .app-view {
    order: 2;
  }
  .header-bar .drawer-toggle {
    order: 3;
    padding-right: 8px;
    margin-left: 8px;
  }
  .header-bar .main-header-item {
    order: 5;
    box-shadow: inset 0 1px 0 0 var(--c8y-component-border-color, var(--c8y-root-component-border-color));
  }
  .main-header-item {
    flex: 1 1 auto;
    box-shadow: inset 0 1px 0 0 var(--header-border-color, var(--c8y-main-header-border-color));
  }
  .main-header-item .main-header-button,
  .main-header-item .dropdown {
    width: 100%;
  }
  .main-header-item .open .dropdown-toggle {
    box-shadow: none!important;
  }
  .main-header-item .dropdown-menu:not(.app-switcher-dropdown-menu) {
    min-width: 100vw;
    inset: auto !important;
  }
  .app-main-header.open .header-bar,
  .app-main-header.drawerOpen .header-bar {
    overflow: hidden;
  }
  .app-main-header.open .app-view .c8y-app-icon,
  .app-main-header.drawerOpen .app-view .c8y-app-icon,
  .app-main-header.open .app-view .app-noicon,
  .app-main-header.drawerOpen .app-view .app-noicon,
  .app-main-header.open .app-view .txt,
  .app-main-header.drawerOpen .app-view .txt {
    width: 0 !important;
    margin-left: 0;
    margin-right: 0;
    transform: scale(0);
  }
  .app-main-header.open .page-header,
  .app-main-header.drawerOpen .page-header {
    display: none;
  }
  .app-main-header.drawerOpen.open .main-header-item {
    display: none;
  }
}
.navigator {
  position: fixed;
  z-index: 1031;
  top: 0;
  bottom: 0;
  left: calc((calc(100% - 35px) + 10px) * -1);
  width: calc(100% - 35px);
  padding-top: 0;
  color: var(--navigator-text-color, var(--c8y-navigator-text-color));
  background: var(--navigator-bg-color, var(--c8y-navigator-bg-color));
  font-family: var(--navigator-font-family, var(--c8y-navigator-font-family));
  display: flex;
  flex-flow: column nowrap;
  transition: left 0.4s ease-in-out;
}
@media (min-width: 768px) {
  .navigator {
    left: -250px;
    width: 240px;
  }
}
.navigator.open {
  left: 0;
  box-shadow: var(--c8y-elevation-md-right);
}
@media (min-width: 1200px) {
  .navigator.open {
    border-right: 1px solid var(--navigator-separator-color, var(--c8y-navigator-separator-color));
    box-shadow: none;
  }
}
.navigator.minheight {
  height: calc(var(--c8y-unit-base) * 8);
  padding-top: 0;
  padding-bottom: 0;
}
.navigator .tenant-brand {
  display: block;
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  margin: 0 auto;
  width: 208px;
  background-image: var(--navigator-platform-logo, var(--c8y-navigator-platform-logo));
  padding-bottom: var(--navigator-platform-logo-height, var(--c8y-navigator-platform-logo-height));
}
.navigator .c8y-logo .tenant-brand {
  width: 136px;
  padding-bottom: 32px;
  margin-bottom: 0;
}
.navigator .title {
  position: relative;
  z-index: 100;
  display: flex;
  align-items: center;
  gap: var(--c8y-unit-base);
  margin: 0;
  padding: var(--c8y-navigator-app-name-size) calc(var(--c8y-unit-base) * 2);
  font-size: var(--c8y-navigator-app-name-size);
  font-weight: 600;
  text-overflow: ellipsis;
  line-height: 1;
  color: var(--navigator-title-color, var(--c8y-navigator-title-color));
  text-wrap: pretty;
  background-color: var(--navigator-header-bg, var(--c8y-navigator-header-bg));
  flex: 0 0 auto;
  text-transform: uppercase;
  min-height: 108px;
  border-bottom: 1px solid var(--navigator-separator-color, var(--c8y-navigator-separator-color));
  /* Legacy support for @appLogo */
}
.navigator .title:after {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 10;
  display: block;
  width: 100%;
  height: 4px;
  content: '';
  background-color: var(--navigator-header-bg, var(--c8y-navigator-header-bg));
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
}
.navigator .title .c8y-app-icon {
  display: contents;
}
.navigator .title .c8y-icon + span,
.navigator .title .app-noicon + span {
  display: block;
}
.navigator .title .c8y-icon {
  font-size: var(--navigator-app-icon-size, var(--c8y-navigator-app-icon-size));
}
.navigator .title .c8y-icon::before {
  color: var(--navigator-dark-icon, currentColor);
}
.navigator .title .c8y-icon::after {
  color: var(--navigator-light-icon, var(--c8y-component-icon-dark-color-light, var(--c8y-root-component-icon-dark-color-light, var(--brand-light, var(--c8y-brand-light)))));
}
.navigator .title .app-noicon {
  width: calc(var(--c8y-unit-base) * 6);
  height: calc(var(--c8y-unit-base) * 6);
  line-height: calc(var(--c8y-unit-base) * 6);
  background-color: white;
  color: var(--c8y-palette-gray-40);
  display: block;
  margin: 8px auto 6px auto;
}
.navigatorContent {
  position: relative;
  overflow-y: auto;
  overflow-x: hidden;
  margin: 4px 0 0 0;
  padding: 4px 0 0 0;
  list-style: none;
  max-height: 100%;
  background-color: var(--navigator-bg-color, var(--c8y-navigator-bg-color));
}
.navigatorContent:before {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1001;
  height: 4px;
  background-color: var(--navigator-bg-color, var(--c8y-navigator-bg-color));
  content: '';
}
.navigatorContent .expander {
  margin-left: auto;
  transition: transform 0.25s ease;
  width: 24px;
  text-align: center;
  line-height: 30px;
  flex-shrink: 0;
  margin-right: 0;
  font-size: 16px;
}
.navigatorContent .dragged {
  opacity: 1;
}
.navigatorContent .link {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  border-left: var(--c8y-navigator-active-border-width) solid transparent;
  font-size: var(--c8y-navigator-font-size);
  color: var(--navigator-text-color, var(--c8y-navigator-text-color));
}
.navigatorContent .link .btn-clean {
  cursor: pointer;
  text-decoration: none;
  position: relative;
  transition: background 0.2s ease;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  flex-grow: 1;
  min-height: 40px;
  background-color: transparent;
  padding: 8px 16px;
  min-width: 0;
  color: inherit;
}
.navigatorContent .link .btn-clean > div {
  flex-shrink: 0;
}
.navigatorContent .link .btn-clean > span,
.navigatorContent .link .btn-clean > div {
  display: block;
  overflow: hidden !important;
  max-width: 100% !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  background-color: transparent;
}
.navigatorContent .link .btn-clean.open .expander {
  transform: rotate(180deg);
}
.navigatorContent .link c8y-navigator-icon,
.navigatorContent .link device-status {
  padding: 0 0 0 16px;
  margin-right: 16px;
  flex-grow: 0;
}
.navigatorContent .link c8y-navigator-icon + .btn-clean,
.navigatorContent .link device-status + .btn-clean {
  padding-left: 0;
}
.navigatorContent .link .btn-clean:active {
  background-color: var(--navigator-active-bg, var(--c8y-navigator-active-bg));
}
.navigatorContent .link:hover,
.navigatorContent .link:focus-within {
  outline: 0;
  background-color: var(--navigator-active-bg, var(--c8y-navigator-active-bg));
  color: var(--navigator-color-active, var(--c8y-navigator-color-active));
}
.navigatorContent .link:hover .btn-clean,
.navigatorContent .link:focus-within .btn-clean,
.navigatorContent .link:hover .btn-link,
.navigatorContent .link:focus-within .btn-link {
  background-color: transparent;
  outline: 0 !important;
}
.navigatorContent .link.active {
  color: var(--navigator-color-active, var(--c8y-navigator-color-active));
  background: var(--navigator-active-bg, var(--c8y-navigator-active-bg));
  border-left-color: var(--navigator-border-active, var(--c8y-navigator-border-active));
  font-weight: 500;
}
.navigatorContent .link.dragged-hover {
  background: linear-gradient(to top, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)) var(--navigator-active-bg, var(--c8y-navigator-active-bg));
  outline: 2px dashed var(--navigator-border-active, var(--c8y-navigator-border-active));
  outline-offset: -2px;
}
.navigatorContent .link.dragged-hover * {
  pointer-events: none;
}
.navigatorContent .link.open {
  box-shadow: inset 0 1px 0 var(--navigator-separator-color, var(--c8y-navigator-separator-color)), inset 0 -1px 0 var(--navigator-separator-color, var(--c8y-navigator-separator-color));
}
.navigatorContent .link.open.active {
  box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.2);
  background: var(--navigator-active-bg, var(--c8y-navigator-active-bg));
}
.navigatorContent .link.parent.open:not(.active) {
  box-shadow: inset 0 1px 0 0 var(--navigator-separator-color, var(--c8y-navigator-separator-color));
}
.navigatorContent .link.parent.open:not(.active) ~ .children {
  box-shadow: inset 0 -1px 0 0 var(--navigator-separator-color, var(--c8y-navigator-separator-color));
}
.navigatorContent .icon {
  font-size: calc(var(--c8y-navigator-font-size) * 1.42857143);
}
.navigatorContent .root-link {
  font-size: calc(var(--c8y-navigator-font-size) * 1.14285714);
  padding: 8px 16px;
}
.navigatorContent .root-link .icon {
  font-size: calc(var(--c8y-navigator-font-size) * 1.5);
}
.navigatorContent .children {
  transition: all 0.35s ease;
}
.navigatorContent .children .link {
  padding-left: calc(calc(var(--c8y-unit-base) * 2) * 1);
}
.navigatorContent .children .children .link {
  padding-left: calc(calc(var(--c8y-unit-base) * 2) * 1 + var(--c8y-unit-base));
}
.navigatorContent .children .children .children .link {
  padding-left: calc(calc(var(--c8y-unit-base) * 2) * 1 + var(--c8y-unit-base) * 2);
}
.navigatorContent .children .children .children .children .link {
  padding-left: calc(calc(var(--c8y-unit-base) * 2) * 1 + var(--c8y-unit-base) * 3);
}
.navigatorContent .children .children .children .children .children .link {
  padding-left: calc(calc(var(--c8y-unit-base) * 2) * 1 + var(--c8y-unit-base) * 4);
}
.navigatorContent .children .children .children .children .children .children .link {
  padding-left: calc(calc(var(--c8y-unit-base) * 2) * 1 + var(--c8y-unit-base) * 5);
}
.navigatorContent .children .children .children .children .children .children .children .link {
  padding-left: calc(calc(var(--c8y-unit-base) * 2) * 1 + var(--c8y-unit-base) * 6);
}
.navigatorContent .slot {
  position: relative;
}
.navigatorContent .slot .loadingIndicator {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -8px;
  opacity: 0.3;
}
.navigatorContent .slot c8y-device-status-display {
  height: calc(var(--c8y-unit-base) * 2);
}
.navigatorContent .slot .statusContainer {
  font-size: 14px;
  overflow: hidden;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  border: 0;
  background-image: none;
  background-color: var(--c8y-palette-high);
  padding: 1px 2px;
}
.navigatorContent .slot .disabled {
  pointer-events: none;
}
.navigatorContent .slot:has(.children.collapse.in .link.active) > .link.active {
  background: transparent;
}
.navigatorContent .icon {
  display: inline-block;
  margin-right: 0;
  text-align: center;
}
.navigatorContent .empty,
.navigatorContent .showMore {
  font-size: 0.93em;
  opacity: 0.6;
  font-style: italic;
}
.navigatorContent .link.empty:hover {
  background-color: transparent;
  opacity: 0.8;
}
.navigator-slot-bottom {
  position: sticky;
  bottom: 0;
  width: 100%;
  font-size: 11px;
  background: var(--navigator-bg-color, var(--c8y-navigator-bg-color));
  margin-top: auto;
  order: 10;
  border-top: 1px solid var(--navigator-separator-color, var(--c8y-navigator-separator-color));
  padding: 0 calc(var(--c8y-unit-base) * 2);
}
.navigator-slot-bottom a {
  color: currentColor;
}
.navigator-slot-bottom:has(.c8y-logo) {
  padding: var(--c8y-unit-base) calc(var(--c8y-unit-base) * 2);
}
.navigator-slot-bottom:has(.logo-spacer) {
  display: flex;
  flex-direction: column;
  gap: var(--c8y-unit-base);
}
.navigator-slot-bottom p {
  text-align: center;
  opacity: 0.8;
  align-self: flex-end;
}
.nav {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}
.nav > li {
  position: relative;
  display: block;
}
.nav > li > a {
  position: relative;
  display: block;
  padding: var(--c8y-navlink-padding-vertical) var(--c8y-navlink-padding-horizontal);
  color: var(--c8y-navbar-color-link);
}
.nav > li > a:hover,
.nav > li > a:focus {
  background-color: var(--c8y-navlink-background-hover);
  color: var(--c8y-navbar-color-link-hover);
  text-decoration: none;
}
.nav > li > a:focus {
  outline: 2px solid var(--c8y-component-color-focus, var(--c8y-root-component-color-focus));
  outline-offset: -2px;
  border-radius: var(--c8y-component-border-radius-focus, var(--c8y-root-component-border-radius-focus));
}
.nav > li.disabled > a {
  opacity: var(--c8y-component-disabled-opacity, var(--c8y-root-component-disabled-opacity));
}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
  cursor: not-allowed;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: var(--c8y-navlink-background-hover);
}
.nav-pills > li {
  float: left;
}
.nav-pills > li > a {
  margin: 0;
  padding: var(--c8y-nav-pills-padding-vertical) var(--c8y-nav-pills-padding-horizontal);
  border-radius: var(--c8y-nav-pills-border-radius);
}
.nav-pills > li + li {
  margin-left: 2px;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  background-color: var(--c8y-nav-pills-background-active);
  color: var(--c8y-nav-pills-color-active);
}
.nav-pills > li:focus {
  outline: 2px solid var(--c8y-component-color-focus, var(--c8y-root-component-color-focus));
  outline-offset: -2px;
  border-radius: var(--c8y-component-border-radius-focus, var(--c8y-root-component-border-radius-focus));
}
.nav-stacked > li {
  float: none;
}
.nav-stacked > li + li {
  margin-top: 2px;
  margin-left: 0;
}
.nav-justified {
  width: 100%;
}
.nav-justified > li {
  float: none;
  flex: 1 1 auto;
}
.nav-justified > li > a {
  text-align: center;
}
.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  .nav-justified > li > a {
    margin-bottom: 0;
  }
}
.navbar {
  position: relative;
  margin-bottom: 30px;
  min-height: var(--c8y-navbar-height);
  background-color: var(--c8y-navbar-background-default);
}
@media (min-width: 1200px) {
  .navbar-header {
    float: left;
  }
}
.navbar-collapse {
  overflow-x: visible;
  -webkit-overflow-scrolling: touch;
  padding-right: var(--c8y-component-padding, var(--c8y-root-component-padding));
  padding-left: var(--c8y-component-padding, var(--c8y-root-component-padding));
  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}
.navbar-collapse.in {
  overflow-y: auto;
}
@media (min-width: 768px) {
  .navbar-collapse {
    width: auto;
    border-top: 0;
    box-shadow: none;
  }
  .navbar-collapse.collapse {
    display: block !important;
    overflow: visible !important;
    padding-bottom: 0;
    height: auto !important;
  }
  .navbar-collapse.in {
    overflow-y: visible;
  }
  .navbar-fixed-top .navbar-collapse,
  .navbar-static-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 1200px) {
  .navbar-collapse {
    padding-right: var(--c8y-unit-base);
    padding-left: var(--c8y-unit-base);
  }
}
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
  max-height: 340px;
}
@media (max-device-width: 480px) and (orientation: landscape) {
  .navbar-fixed-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    max-height: 200px;
  }
}
@media (min-width: 768px) {
  .container > .navbar-header,
  .container-fluid > .navbar-header,
  .container > .navbar-collapse,
  .container-fluid > .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
  }
}
.navbar-static-top {
  z-index: 1001;
  border-width: 0 0 1px;
}
@media (min-width: 768px) {
  .navbar-static-top {
    border-radius: 0;
  }
}
.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
}
@media (min-width: 768px) {
  .navbar-fixed-top,
  .navbar-fixed-bottom {
    border-radius: 0;
  }
}
.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px;
}
.navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
  border-width: 1px 0 0;
}
.navbar-brand {
  float: left;
  padding: calc(calc(var(--c8y-unit-base) * 2) - 2px) calc(calc(var(--c8y-unit-base) * 3) * 0.5);
  height: var(--c8y-navbar-height);
  font-size: var(--c8y-font-size-large);
  line-height: calc(var(--c8y-font-size-base) * var(--c8y-line-height-base, 1.42857143));
}
.navbar-brand:hover,
.navbar-brand:focus {
  text-decoration: none;
}
.navbar-brand > img {
  display: block;
}
@media (min-width: 768px) {
  .navbar > .container .navbar-brand,
  .navbar > .container-fluid .navbar-brand {
    margin-left: calc(calc(calc(var(--c8y-unit-base) * 3) * 0.5) * -1);
  }
}
.navbar-toggle {
  position: relative;
  float: right;
  margin-right: calc(calc(var(--c8y-unit-base) * 3) * 0.5);
  padding: 9px 10px;
  border: 1px solid transparent;
  border-color: transparent;
  border-radius: var(--c8y-component-border-radius-base, var(--c8y-root-component-border-radius-base));
  background-color: transparent;
  background-image: none;
  margin-top: calc((var(--c8y-navbar-height) - 34px) / 2);
  margin-bottom: calc((var(--c8y-navbar-height) - 34px) / 2);
}
.navbar-toggle:focus {
  outline: 0;
}
.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
  background-color: var(--c8y-navbar-color-default);
}
.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}
.navbar-toggle:hover,
.navbar-toggle:focus {
  background-color: transparent;
}
@media (min-width: 768px) {
  .navbar-toggle {
    display: none;
  }
}
.navbar-nav {
  margin: calc(calc(calc(var(--c8y-unit-base) * 2) - 2px) * 0.5) calc(calc(calc(var(--c8y-unit-base) * 3) * 0.5) * -1);
}
.navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: calc(var(--c8y-font-size-base) * var(--c8y-line-height-base, 1.42857143));
}
@media (max-width: 767px) {
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    margin-top: 0;
    width: auto;
    border: 0;
    background-color: transparent;
    box-shadow: none;
  }
  .navbar-nav .open .dropdown-menu > li > a,
  .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px;
  }
  .navbar-nav .open .dropdown-menu > li > a {
    line-height: calc(var(--c8y-font-size-base) * var(--c8y-line-height-base, 1.42857143));
  }
  .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-nav .open .dropdown-menu > li > a:focus {
    background-image: none;
  }
}
@media (min-width: 768px) {
  .navbar-nav {
    display: flex;
    float: left;
    align-items: center;
    margin: 0;
    min-width: 0;
  }
  .navbar-nav > li {
    display: flex;
    float: left;
    min-width: 0;
  }
  .navbar-nav > li > a,
  .navbar-nav > li > .btn-link {
    padding-top: calc(calc(var(--c8y-unit-base) * 2) - 2px);
    padding-bottom: calc(calc(var(--c8y-unit-base) * 2) - 2px);
  }
  .navbar-nav > li > a:focus,
  .navbar-nav > li > .btn-link:focus {
    outline: none;
  }
}
@media (min-width: 768px) {
  .navbar-nav.navbar-center {
    display: inline-block;
    float: none;
  }
}
.navbar-form {
  padding: 0 calc(calc(var(--c8y-unit-base) * 3) * 0.5);
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
}
@media (min-width: 768px) {
  .navbar-form > .form-group {
    display: inline-block;
    margin-bottom: 0;
    max-height: 32px !important;
    vertical-align: middle;
  }
  .navbar-form > .form-group > label {
    margin-right: var(--c8y-unit-base);
  }
  .navbar-form > .form-group + .form-group {
    margin-left: var(--c8y-unit-base);
  }
  .navbar-form > label {
    display: inline-block;
    margin-bottom: 0;
  }
  .navbar-form > .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .navbar-form > .form-control-static {
    display: inline-block;
  }
  .navbar-form > .input-group {
    display: inline-flex;
    width: auto;
    vertical-align: middle;
  }
  .navbar-form > .input-group .input-group-addon,
  .navbar-form > .input-group .input-group-btn,
  .navbar-form > .input-group .form-control {
    width: auto;
  }
  .navbar-form > .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form > .c8y-select-wrapper {
    display: inline-block;
    vertical-align: middle;
  }
  .navbar-form > .radio,
  .navbar-form > .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form > .radio label,
  .navbar-form > .checkbox label {
    padding-left: 0;
  }
  .navbar-form .radio input[type='radio'],
  .navbar-form .checkbox input[type='checkbox'] {
    position: relative;
    margin-left: 0;
  }
  .navbar-form .has-feedback .form-control-feedback {
    top: 0;
  }
  .navbar-form .has-feedback .form-control-feedback-message {
    top: var(--c8y-form-control-height-base);
  }
}
@media (max-width: 768px) {
  .navbar-form > .form-group {
    margin-bottom: 5px;
  }
  .navbar-form > .form-group:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) {
  .navbar-form {
    margin-right: 0;
    margin-left: 0;
    padding-top: 0;
    padding-bottom: 0;
    width: auto;
    border: 0;
    box-shadow: none;
  }
}
.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  margin-bottom: 0;
}
.navbar-btn {
  margin-top: calc((var(--c8y-navbar-height) - 32) / 2);
  margin-bottom: calc((var(--c8y-navbar-height) - 32) / 2);
}
.navbar-btn.btn-sm {
  margin-top: calc((var(--c8y-navbar-height) - 28) / 2);
  margin-bottom: calc((var(--c8y-navbar-height) - 28) / 2);
}
.navbar-btn.btn-xs {
  margin-top: calc((var(--c8y-navbar-height) - 22) / 2);
  margin-bottom: calc((var(--c8y-navbar-height) - 22) / 2);
}
.navbar-text {
  margin-top: calc((var(--c8y-navbar-height) - calc(var(--c8y-font-size-base) * var(--c8y-line-height-base, 1.42857143))) / 2);
  margin-bottom: calc((var(--c8y-navbar-height) - calc(var(--c8y-font-size-base) * var(--c8y-line-height-base, 1.42857143))) / 2);
}
@media (min-width: 768px) {
  .navbar-text {
    float: left;
    margin-right: calc(calc(var(--c8y-unit-base) * 3) * 0.5);
    margin-left: calc(calc(var(--c8y-unit-base) * 3) * 0.5);
  }
}
@media (min-width: 768px) {
  .navbar-left {
    float: left !important;
  }
  .navbar-right {
    float: right !important;
    margin-left: auto;
    flex-shrink: 0;
  }
  .navbar-right ~ .navbar-right {
    margin-right: 0;
  }
}
.navbar-default {
  border-color: var(--c8y-navbar-border-color);
  background-color: var(--c8y-navbar-background-default);
}
.navbar-default .navbar-text {
  color: var(--c8y-navbar-color-default);
}
.navbar-default .navbar-nav > li > a {
  color: var(--c8y-navbar-color-link);
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  background-color: var(--c8y-navlink-background-hover);
  color: var(--c8y-navbar-color-link-hover);
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  background-color: var(--c8y-navlink-background-active);
  color: var(--c8y-navbar-color-active);
}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
  opacity: var(--c8y-component-disabled-opacity, var(--c8y-root-component-disabled-opacity));
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: var(--c8y-navbar-border-color);
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  background-color: var(--c8y-navlink-background-active);
  color: var(--c8y-navbar-color-active);
}
@media (max-width: 768px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: var(--c8y-navbar-color-link);
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    background-color: var(--c8y-navlink-background-hover);
    color: var(--c8y-navbar-color-link-hover);
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    background-color: var(--c8y-navlink-background-active);
    color: var(--c8y-navbar-color-active);
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    opacity: var(--c8y-component-disabled-opacity, var(--c8y-root-component-disabled-opacity));
  }
}
.navbar-default .navbar-link {
  color: var(--c8y-navbar-color-link);
}
.navbar-default .navbar-link:hover {
  color: var(--c8y-navbar-color-link-hover);
}
.navbar-default .btn-link {
  color: var(--c8y-navbar-color-link);
}
.navbar-default .btn-link:hover,
.navbar-default .btn-link:focus {
  color: var(--c8y-navbar-color-link-hover);
}
.navbar-default .btn-link[disabled]:hover,
fieldset[disabled] .navbar-default .btn-link:hover,
.navbar-default .btn-link[disabled]:focus,
fieldset[disabled] .navbar-default .btn-link:focus {
  opacity: var(--c8y-component-disabled-opacity, var(--c8y-root-component-disabled-opacity));
}
.c8y-ui-action-bar {
  min-height: calc(var(--c8y-unit-base) * 6);
  background-color: var(--action-bar-background-default, var(--c8y-action-bar-background-default));
  color: var(--action-bar-color-default, var(--c8y-action-bar-color-default));
  position: fixed;
  top: -4px;
  right: 0;
  left: 0;
  margin: 0;
  z-index: 1030;
  max-width: 100vw;
  box-shadow: var(--c8y-main-header-shadow);
}
@media (max-width: 767px) {
  .c8y-ui-action-bar {
    transition: top 0.5s ease;
  }
  .head-open .c8y-ui-action-bar {
    top: calc(calc(var(--c8y-unit-base) * 8) + 28px);
  }
  .c8y-ui-action-bar.has-tabs {
    top: -2px;
    transition: top 0.35s ease;
  }
  .head-open .c8y-ui-action-bar.has-tabs {
    top: calc(calc(var(--c8y-unit-base) * 8) * 2 + 12px);
  }
}
@media (min-width: 768px) {
  .c8y-ui-action-bar {
    top: calc(var(--c8y-unit-base) * 8);
    clip: rect(0, 10000px, 2000px, 0);
  }
  .c8y-ui-action-bar.horizontal-tabs.has-tabs {
    top: calc(calc(var(--c8y-unit-base) * 8) * 2);
  }
}
@media (min-width: 1200px) {
  .c8y-ui-action-bar {
    transition: left 0.4s ease-in-out;
  }
  .c8y-ui-action-bar.navigator-open {
    left: 240px;
  }
  .c8y-ui-action-bar.horizontal-tabs.has-tabs {
    top: calc(calc(var(--c8y-unit-base) * 8) * 2 - calc(var(--c8y-unit-base) * 2));
  }
}
body:not(:has(.app-main-header)) .c8y-ui-action-bar {
  top: 0;
}
body:not(:has(.app-main-header)) .c8y-ui-action-bar.has-tabs {
  top: 48px;
}
@media (max-width: 767px) {
  body:not(:has(.app-main-header)) .c8y-ui-action-bar.has-tabs {
    display: none;
  }
  body:not(:has(.app-main-header)) .c8y-ui-action-bar .navbar-header {
    display: none;
  }
}
body:not(:has(.app-main-header)):has(.vertical-tabs) .c8y-ui-action-bar {
  top: 0;
}
.c8y-ui-action-bar .navbar-toggle {
  margin: 0;
}
.c8y-ui-action-bar .navbar-brand {
  opacity: 1;
}
.c8y-ui-action-bar .navbar-collapse {
  padding-right: calc(calc(var(--c8y-unit-base) * 3) * 0.5);
  padding-left: calc(calc(var(--c8y-unit-base) * 3) * 0.5);
  border: 0;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.35s ease;
}
@media (min-width: 768px) {
  .c8y-ui-action-bar .navbar-collapse {
    min-height: calc(var(--c8y-unit-base) * 6);
    overflow: visible !important;
    display: flex;
  }
  .c8y-ui-action-bar .navbar-collapse.collapse {
    display: flex !important;
  }
  .c8y-ui-action-bar .navbar-collapse.collapse .navbar-right {
    margin-left: auto;
  }
}
@media (min-width: 992px) {
  .c8y-ui-action-bar .navbar-collapse {
    padding-right: calc(var(--c8y-unit-base) * 3);
    padding-left: calc(var(--c8y-unit-base) * 3);
  }
}
.c8y-ui-action-bar .navbar-collapse.in,
.head-open .c8y-ui-action-bar .navbar-collapse {
  max-height: calc(100vh - 180px);
  overflow: auto;
}
@media (min-width: 768px) {
  .c8y-ui-action-bar .navbar-header {
    display: none;
  }
  .c8y-ui-action-bar .navbar-nav .dropdown-menu {
    max-width: 306px;
  }
  .c8y-ui-action-bar .navbar-nav .dropdown-menu.uib-datepicker-popup {
    width: 280px;
  }
}
.c8y-ui-action-bar .navbar-nav > .dropdown {
  margin-top: 5px;
  vertical-align: top;
}
.c8y-ui-action-bar .navbar-nav .dropdown-menu > li > * {
  display: block;
  overflow: hidden !important;
  max-width: 100% !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.c8y-ui-action-bar .navbar-nav > .navbar-form,
.c8y-ui-action-bar .navbar-nav > .btn-group {
  display: block;
  margin: 0;
  padding: 3px calc(var(--c8y-unit-base) * 2);
}
@media (min-width: 768px) {
  .c8y-ui-action-bar .navbar-nav > .navbar-form,
  .c8y-ui-action-bar .navbar-nav > .btn-group {
    display: flex;
    margin: 0;
    padding: 7px var(--c8y-unit-base);
  }
  .c8y-ui-action-bar .navbar-nav > .navbar-form:first-child,
  .c8y-ui-action-bar .navbar-nav > .btn-group:first-child {
    padding-left: 0;
  }
}
.c8y-ui-action-bar .navbar-nav > .navbar-form > .btn,
.c8y-ui-action-bar .navbar-nav > .btn-group > .btn {
  float: none;
}
.c8y-ui-action-bar .navbar-nav > .pull-right {
  order: 100;
}
.c8y-ui-action-bar .navbar-nav > li:not(.navbar-form) {
  position: relative;
}
@media (max-width: 767px) {
  .c8y-ui-action-bar .navbar-nav > li:not(.navbar-form) {
    float: none !important;
  }
}
@media (min-width: 768px) {
  .c8y-ui-action-bar .navbar-nav > li:not(.navbar-form) {
    z-index: 10;
  }
  .c8y-ui-action-bar .navbar-nav > li:not(.navbar-form)::after {
    position: absolute;
    top: 50%;
    right: 0;
    width: 1px;
    height: 20px;
    content: '';
    transform: translate(0, -50%);
  }
  .c8y-ui-action-bar .navbar-nav > li:not(.navbar-form):last-child::after {
    background-color: transparent;
  }
}
.c8y-ui-action-bar .navbar-nav > li:not(.navbar-form) .btn-help {
  font-size: 1.2em;
  margin: 12px 0;
}
.c8y-ui-action-bar .navbar-nav > li:not(.navbar-form) > a,
.c8y-ui-action-bar .navbar-nav > li:not(.navbar-form) .btn-link,
.c8y-ui-action-bar .navbar-nav > li:not(.navbar-form) .c8y-dropdown {
  padding: calc(calc(var(--c8y-unit-base) * 2) - 2px) var(--c8y-unit-base);
  color: var(--action-bar-color-actions, var(--c8y-action-bar-color-actions));
  opacity: 1;
  transition: var(--c8y-btn-transition-default);
}
@media (max-width: 767px) {
  .c8y-ui-action-bar .navbar-nav > li:not(.navbar-form) > a,
  .c8y-ui-action-bar .navbar-nav > li:not(.navbar-form) .btn-link,
  .c8y-ui-action-bar .navbar-nav > li:not(.navbar-form) .c8y-dropdown {
    display: block;
    padding: var(--c8y-unit-base) calc(var(--c8y-unit-base) * 2);
    width: 100%;
    max-width: 100%;
    text-align: left;
  }
}
.c8y-ui-action-bar .navbar-nav > li:not(.navbar-form) > a:focus,
.c8y-ui-action-bar .navbar-nav > li:not(.navbar-form) .btn-link:focus,
.c8y-ui-action-bar .navbar-nav > li:not(.navbar-form) .c8y-dropdown:focus {
  color: inherit;
  text-decoration: none;
  outline: 2px solid var(--action-bar-color-focus, var(--c8y-action-bar-color-focus));
  outline-offset: -2px;
  border-radius: var(--c8y-component-border-radius-focus, var(--c8y-root-component-border-radius-focus)) !important;
}
.c8y-ui-action-bar .navbar-nav > li:not(.navbar-form) > a .c8y-icon,
.c8y-ui-action-bar .navbar-nav > li:not(.navbar-form) .btn-link .c8y-icon,
.c8y-ui-action-bar .navbar-nav > li:not(.navbar-form) .c8y-dropdown .c8y-icon,
.c8y-ui-action-bar .navbar-nav > li:not(.navbar-form) > a [class^='dlt-c8y-icon-'],
.c8y-ui-action-bar .navbar-nav > li:not(.navbar-form) .btn-link [class^='dlt-c8y-icon-'],
.c8y-ui-action-bar .navbar-nav > li:not(.navbar-form) .c8y-dropdown [class^='dlt-c8y-icon-'],
.c8y-ui-action-bar .navbar-nav > li:not(.navbar-form) > a [class*=' dlt-c8y-icon-'],
.c8y-ui-action-bar .navbar-nav > li:not(.navbar-form) .btn-link [class*=' dlt-c8y-icon-'],
.c8y-ui-action-bar .navbar-nav > li:not(.navbar-form) .c8y-dropdown [class*=' dlt-c8y-icon-'] {
  color: var(--action-bar-icon-color, var(--c8y-action-bar-icon-color));
}
.c8y-ui-action-bar .navbar-nav > li:not(.navbar-form) > a:hover:not([disabled]),
.c8y-ui-action-bar .navbar-nav > li:not(.navbar-form) .btn-link:hover:not([disabled]),
.c8y-ui-action-bar .navbar-nav > li:not(.navbar-form) .c8y-dropdown:hover:not([disabled]),
.c8y-ui-action-bar .navbar-nav > li:not(.navbar-form) > a:active:not([disabled]),
.c8y-ui-action-bar .navbar-nav > li:not(.navbar-form) .btn-link:active:not([disabled]),
.c8y-ui-action-bar .navbar-nav > li:not(.navbar-form) .c8y-dropdown:active:not([disabled]) {
  color: var(--action-bar-color-actions-hover, var(--c8y-action-bar-color-actions-hover));
  text-decoration: none;
}
.c8y-ui-action-bar .navbar-nav > li:not(.navbar-form) > a:hover:not([disabled]) .c8y-icon,
.c8y-ui-action-bar .navbar-nav > li:not(.navbar-form) .btn-link:hover:not([disabled]) .c8y-icon,
.c8y-ui-action-bar .navbar-nav > li:not(.navbar-form) .c8y-dropdown:hover:not([disabled]) .c8y-icon,
.c8y-ui-action-bar .navbar-nav > li:not(.navbar-form) > a:active:not([disabled]) .c8y-icon,
.c8y-ui-action-bar .navbar-nav > li:not(.navbar-form) .btn-link:active:not([disabled]) .c8y-icon,
.c8y-ui-action-bar .navbar-nav > li:not(.navbar-form) .c8y-dropdown:active:not([disabled]) .c8y-icon,
.c8y-ui-action-bar .navbar-nav > li:not(.navbar-form) > a:hover:not([disabled]) [class^='dlt-c8y-icon-'],
.c8y-ui-action-bar .navbar-nav > li:not(.navbar-form) .btn-link:hover:not([disabled]) [class^='dlt-c8y-icon-'],
.c8y-ui-action-bar .navbar-nav > li:not(.navbar-form) .c8y-dropdown:hover:not([disabled]) [class^='dlt-c8y-icon-'],
.c8y-ui-action-bar .navbar-nav > li:not(.navbar-form) > a:active:not([disabled]) [class^='dlt-c8y-icon-'],
.c8y-ui-action-bar .navbar-nav > li:not(.navbar-form) .btn-link:active:not([disabled]) [class^='dlt-c8y-icon-'],
.c8y-ui-action-bar .navbar-nav > li:not(.navbar-form) .c8y-dropdown:active:not([disabled]) [class^='dlt-c8y-icon-'],
.c8y-ui-action-bar .navbar-nav > li:not(.navbar-form) > a:hover:not([disabled]) [class*=' dlt-c8y-icon-'],
.c8y-ui-action-bar .navbar-nav > li:not(.navbar-form) .btn-link:hover:not([disabled]) [class*=' dlt-c8y-icon-'],
.c8y-ui-action-bar .navbar-nav > li:not(.navbar-form) .c8y-dropdown:hover:not([disabled]) [class*=' dlt-c8y-icon-'],
.c8y-ui-action-bar .navbar-nav > li:not(.navbar-form) > a:active:not([disabled]) [class*=' dlt-c8y-icon-'],
.c8y-ui-action-bar .navbar-nav > li:not(.navbar-form) .btn-link:active:not([disabled]) [class*=' dlt-c8y-icon-'],
.c8y-ui-action-bar .navbar-nav > li:not(.navbar-form) .c8y-dropdown:active:not([disabled]) [class*=' dlt-c8y-icon-'] {
  color: var(--action-bar-color-actions-hover, var(--c8y-action-bar-color-actions-hover));
  opacity: 1;
}
.c8y-ui-action-bar .navbar-nav > li:not(.navbar-form) .dropdown.open .c8y-dropdown + .dropdown-menu,
.c8y-ui-action-bar .navbar-nav > li:not(.navbar-form) [dropdown].open .c8y-dropdown + .dropdown-menu,
.c8y-ui-action-bar .navbar-nav > li:not(.navbar-form) .btn-group.open .c8y-dropdown + .dropdown-menu {
  box-shadow: var(--c8y-elevation-md-bottom);
  box-shadow: var(--c8y-elevation-md-right);
}
.c8y-ui-action-bar .navbar-nav > li:not(.navbar-form) .dropdown.open .c8y-dropdown {
  color: var(--action-bar-color-actions-hover, var(--c8y-action-bar-color-actions-hover));
}
.c8y-ui-action-bar .navbar-nav > li:not(.navbar-form) > .navbar-info {
  padding: 15px 10px;
}
@media (max-width: 767px) {
  .c8y-ui-action-bar .navbar-nav > li:not(.navbar-form) .dropdown {
    padding: 0;
    width: 100%;
    border-top: 1px solid var(--c8y-component-border-color, var(--c8y-root-component-border-color));
  }
  .c8y-ui-action-bar .navbar-nav > li:not(.navbar-form) .dropdown .c8y-dropdown {
    display: none !important;
  }
  .c8y-ui-action-bar .navbar-nav > li:not(.navbar-form) .dropdown .dropdown-menu {
    position: static;
    display: block;
    margin-top: 0;
    width: 100%;
    height: auto;
    box-shadow: none;
  }
  .c8y-ui-action-bar .navbar-nav > li:not(.navbar-form) .dropdown .dropdown-menu li button:not(.btn) {
    padding: 8px 16px;
  }
  .c8y-ui-action-bar .navbar-nav > li:not(.navbar-form).no-remove.more-wrapper {
    height: 0;
  }
  .c8y-ui-action-bar .navbar-nav > li:not(.navbar-form).no-remove.more-wrapper .dropdown {
    border-top: 0;
  }
}
@media (max-width: 767px) {
  .c8y-ui-action-bar .navbar-nav {
    margin: 0;
    display: flex;
    flex-direction: column;
  }
  .c8y-ui-action-bar .navbar-nav > li:not(.more-wrapper) {
    box-shadow: inset 0 1px 0 var(--action-bar-border-color, var(--c8y-action-bar-border-color));
  }
  .c8y-ui-action-bar .navbar-nav > li.navbar-form {
    display: block;
    margin-top: 0;
    padding: 2px calc(var(--c8y-unit-base) * 2);
  }
  .c8y-ui-action-bar .navbar-nav > li.navbar-form > .c8y-select-wrapper {
    width: 100%;
  }
}
.c8y-ui-action-bar .navbar-text {
  margin-left: 0;
  color: var(--action-bar-color-text-muted, var(--c8y-action-bar-color-text-muted));
}
.c8y-ui-action-bar .navbar-form {
  margin-top: 8px;
}
.c8y-ui-action-bar .navbar-form > .btn + .btn {
  margin-left: 0;
}
@media (min-width: 768px) {
  .c8y-ui-action-bar .navbar-form {
    min-height: calc(var(--c8y-unit-base) * 6);
  }
  .c8y-ui-action-bar .navbar-form .datepicker > input {
    width: 140px;
    text-align: center;
  }
}
.c8y-ui-action-bar .navbar-form label:not(.c8y-switch) {
  display: inline-block;
  align-self: center;
  margin-right: calc(var(--c8y-unit-base) * 0.5);
  margin-bottom: 0;
  color: var(--action-bar-color-text-muted, var(--c8y-action-bar-color-text-muted));
  vertical-align: middle;
  text-transform: none;
  font-weight: normal;
  font-size: inherit;
}
@media (max-width: 767px) {
  .c8y-ui-action-bar .navbar-form {
    margin-top: 0;
    padding: 0;
  }
  .c8y-ui-action-bar .navbar-form .form-group:not(.datepicker) {
    display: block;
    padding: 5px 0;
  }
  .c8y-ui-action-bar .navbar-form .datepicker > input {
    width: 100%;
    text-align: left;
  }
}
.c8y-ui-action-bar .navbar-form .btn[uib-btn-checkbox] {
  margin: 3px 0 0;
}
.c8y-ui-action-bar .btn[disabled]:not(.btn-primary) {
  pointer-events: auto !important;
}
.c8y-ui-action-bar .btn[disabled]:not(.btn-primary),
.c8y-ui-action-bar .btn[disabled]:not(.btn-primary):hover,
.c8y-ui-action-bar .btn[disabled]:not(.btn-primary):focus,
.c8y-ui-action-bar .btn[disabled]:not(.btn-primary) i {
  opacity: var(--action-bar-disabled-opacity, var(--c8y-action-bar-disabled-opacity)) !important;
  cursor: not-allowed !important;
}
.c8y-right-drawer {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  background-color: var(--right-drawer-background-default, var(--navigator-bg-color, var(--c8y-right-drawer-background-default)));
  color: var(--right-drawer-text-color-default, var(--navigator-text-color, var(--c8y-right-drawer-text-color-default)));
  overflow-y: auto;
  padding: 0;
  z-index: 1031;
  display: flex;
  flex-direction: column;
  transform: translate(100%, 0);
  transition: transform 0.4s ease-in-out;
  --sticky-top-margin: 80px;
  --c8y-text-muted: var(--right-drawer-text-muted, var(--c8y-right-drawer-text-muted));
  --c8y-form-label-color: var(--right-drawer-text-color-default, var(--navigator-text-color, var(--c8y-right-drawer-text-color-default)));
  --c8y-component-border-color: var(--right-drawer-separator-color, var(--c8y-right-drawer-separator-color, var(--navigator-separator-color, var(--c8y-root-component-border-color))));
  --link-color: var(--right-drawer-link-color, var(--c8y-right-drawer-link-color, var(--c8y-right-drawer-link-color-default, var(--c8y-root-component-color-link))));
  --c8y-component-color-link-hover: var(--right-drawer-link-color-hover, var(--c8y-right-drawer-link-color-hover, var(--c8y-root-component-color-link-hover)));
}
@media (min-width: 768px) {
  .c8y-right-drawer {
    width: 240px;
    transform: translate(240px, 0);
  }
}
.drawerOpen .c8y-right-drawer {
  transform: translate(0, 0);
  box-shadow: var(--c8y-elevation-md-bottom);
  box-shadow: var(--c8y-elevation-md-right);
}
.c8y-right-drawer .legend,
.c8y-right-drawer .text-muted {
  color: var(--right-drawer-text-muted, var(--c8y-right-drawer-text-muted));
}
.c8y-right-drawer .sticky-top {
  top: var(--sticky-top-margin);
  background-color: var(--right-drawer-background-default, var(--navigator-bg-color, var(--c8y-right-drawer-background-default))) !important;
}
.c8y-right-drawer__header {
  padding: var(--c8y-component-padding, var(--c8y-root-component-padding));
  padding-top: calc(var(--c8y-unit-base) * 3);
  position: sticky;
  top: 0;
  z-index: 11;
  flex-shrink: 0;
  background-color: inherit;
}
.c8y-right-drawer__header .user-dot {
  margin-right: var(--c8y-unit-base);
}
.c8y-right-drawer__header .close {
  margin-top: -16px;
  text-shadow: none;
  color: var(--right-drawer-text-color-default, var(--navigator-text-color, var(--c8y-right-drawer-text-color-default)));
  font-weight: lighter;
  font-size: 20px;
}
.c8y-right-drawer__header .close:hover,
.c8y-right-drawer__header .close:focus {
  opacity: 1;
}
.c8y-right-drawer .c8y-right-drawer__link,
.c8y-right-drawer .c8y-right-drawer__item {
  display: flex;
  align-items: center;
  width: 100%;
  color: inherit;
  text-align: left;
  padding: 6px var(--c8y-component-padding, var(--c8y-root-component-padding));
  background-image: none;
  background-color: transparent;
  border: 0;
}
.c8y-right-drawer .c8y-right-drawer__link.sticky-top,
.c8y-right-drawer .c8y-right-drawer__item.sticky-top {
  background-color: inherit;
}
.c8y-right-drawer .c8y-right-drawer__link [class^='dlt-c8y-icon-'],
.c8y-right-drawer .c8y-right-drawer__item [class^='dlt-c8y-icon-'],
.c8y-right-drawer .c8y-right-drawer__link [class*=' dlt-c8y-icon-'],
.c8y-right-drawer .c8y-right-drawer__item [class*=' dlt-c8y-icon-'],
.c8y-right-drawer .c8y-right-drawer__link .c8y-icon,
.c8y-right-drawer .c8y-right-drawer__item .c8y-icon {
  font-size: 20px;
  margin: 4px 8px 4px 0;
}
.c8y-right-drawer .c8y-right-drawer__link:active {
  background-color: var(--c8y-right-drawer-background-active);
}
.c8y-right-drawer .c8y-right-drawer__link:hover,
.c8y-right-drawer .c8y-right-drawer__link:focus {
  text-decoration: none;
  outline: 2px solid var(--c8y-right-drawer-border-selected);
  outline-offset: -2px;
  color: var(--right-drawer-text-color-default, var(--navigator-text-color, var(--c8y-right-drawer-text-color-default)));
}
.c8y-right-drawer .c8y-right-drawer__link:hover [class^='dlt-c8y-icon-'],
.c8y-right-drawer .c8y-right-drawer__link:focus [class^='dlt-c8y-icon-'],
.c8y-right-drawer .c8y-right-drawer__link:hover [class*=' dlt-c8y-icon-'],
.c8y-right-drawer .c8y-right-drawer__link:focus [class*=' dlt-c8y-icon-'],
.c8y-right-drawer .c8y-right-drawer__link:hover .c8y-icon,
.c8y-right-drawer .c8y-right-drawer__link:focus .c8y-icon {
  color: var(--c8y-right-drawer-border-selected);
}
.c8y-help-drawer {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1029;
  margin: 0;
  padding-top: 48px;
  min-height: calc(var(--c8y-unit-base) * 4);
  max-width: 100vw;
  max-height: calc(100vh - 140px);
  background-color: var(--c8y-helpdrawer-background-default, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
  color: var(--c8y-component-color-default, var(--c8y-root-component-color-default));
  overflow: auto;
  box-shadow: var(--c8y-elevation-md-bottom);
}
.c8y-help-drawer::-webkit-scrollbar {
  width: 4px;
  /* for vertical scrollbars */
  height: 4px;
  /* for horizontal scrollbars */
}
.c8y-help-drawer::-webkit-scrollbar-track {
  background: transparent;
}
.c8y-help-drawer::-webkit-scrollbar-track:not(textarea) {
  background: var(--c8y-component-scrollbar-track, var(--c8y-root-component-scrollbar-track));
}
.c8y-help-drawer::-webkit-scrollbar-thumb {
  width: 4px;
  border-radius: 1px;
  background: var(--c8y-component-scrollbar-thumb-default, var(--c8y-root-component-scrollbar-thumb-default));
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.c8y-help-drawer:hover::-webkit-scrollbar-thumb {
  background: var(--c8y-component-scrollbar-thumb-hover, var(--c8y-root-component-scrollbar-thumb-hover));
}
.c8y-help-drawer .help-content {
  padding-bottom: var(--c8y-component-padding, var(--c8y-root-component-padding));
  max-width: 130ch;
  columns: auto 55ch;
  orphans: 5;
  widows: 2;
  gap: 32px;
  text-wrap: balance;
}
.c8y-help-drawer .help-content p + p {
  margin-top: var(--c8y-unit-base);
}
@media (min-height: 600px) {
  .c8y-help-drawer-block {
    height: 100%;
  }
}
@media (max-width: 767px) {
  .c8y-help-drawer {
    transition: top 0.5s ease;
  }
  .head-open .c8y-help-drawer {
    top: calc(calc(var(--c8y-unit-base) * 8) + 28);
  }
  .has-tabs .c8y-help-drawer {
    top: 0;
    transition: top 0.35s ease;
  }
  .has-tabs .head-open .c8y-help-drawer {
    top: calc(calc(var(--c8y-unit-base) * 8) * 2 + 12px);
  }
}
@media (min-width: 768px) {
  .c8y-help-drawer {
    top: calc(var(--c8y-unit-base) * 8);
    clip: rect(0, 10000px, 2000px, 0);
  }
  .horizontal-tabs.has-tabs .c8y-help-drawer {
    top: calc(calc(var(--c8y-unit-base) * 8) * 2);
    border-top: 1px solid var(--action-bar-border-color, var(--c8y-action-bar-border-color));
  }
}
@media (min-width: 1200px) {
  .c8y-help-drawer {
    transition: left 0.4s ease-in-out;
  }
  .open .c8y-help-drawer {
    left: 240px;
  }
  .horizontal-tabs.has-tabs .c8y-help-drawer {
    top: calc(calc(var(--c8y-unit-base) * 8) * 2 - calc(var(--c8y-unit-base) * 2));
  }
}
.c8y-help-drawer-block {
  padding: calc(var(--c8y-component-padding, var(--c8y-root-component-padding)) * 1.5) calc(var(--c8y-component-padding, var(--c8y-root-component-padding)) * 2) 0 calc(var(--c8y-component-padding, var(--c8y-root-component-padding)) * 1.5);
}
.c8y-help-drawer-footer {
  position: sticky;
  bottom: 0;
  background: inherit;
  padding: var(--c8y-component-padding, var(--c8y-root-component-padding)) calc(var(--c8y-component-padding, var(--c8y-root-component-padding)) * 2) calc(var(--c8y-component-padding, var(--c8y-root-component-padding)) * 1.5) 84px;
}
.c8y-help-drawer:not(:has(.c8y-help-drawer-footer)) .c8y-help-drawer-block {
  padding-bottom: calc(var(--c8y-component-padding, var(--c8y-root-component-padding)) * 1.5);
}
body:not(:has(.app-main-header)) .c8y-help-drawer {
  top: 0;
}
body:not(:has(.app-main-header)):has(.horizontal-tabs.has-tabs) .c8y-help-drawer {
  top: 48px;
}
.nav-tabs {
  display: flex;
  background-color: var(--c8y-nav-tabs-background-active);
  box-shadow: inset 0 -1px 0 0 var(--c8y-nav-tabs-border-color-default);
  color: var(--c8y-nav-tabs-color-default);
}
.nav-tabs > div,
.nav-tabs li {
  flex: 0 0 auto;
}
.nav-tabs > div > a,
.nav-tabs li > a,
.nav-tabs > div > button:not(.btn-clean),
.nav-tabs li > button:not(.btn-clean) {
  padding: var(--c8y-nav-tabs-padding-vertical) var(--c8y-nav-tabs-padding-horizontal);
  height: calc(var(--c8y-unit-base) * 8);
  border: none;
  background-color: var(--c8y-nav-tabs-background-default);
  color: var(--c8y-nav-tabs-color-default);
  line-height: var(--c8y-line-height-base, 1.42857143);
  display: flex;
  flex-direction: column;
  transition: all 0.15s ease;
  position: relative;
  text-decoration: none;
}
.nav-tabs > div > a .label,
.nav-tabs li > a .label,
.nav-tabs > div > button:not(.btn-clean) .label,
.nav-tabs li > button:not(.btn-clean) .label {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
@media (min-width: 1200px) {
  .nav-tabs > div > a,
  .nav-tabs li > a,
  .nav-tabs > div > button:not(.btn-clean),
  .nav-tabs li > button:not(.btn-clean) {
    flex-direction: row;
    height: calc(var(--c8y-unit-base) * 6);
  }
}
.nav-tabs > div > a > [class^='dlt-c8y-icon-'],
.nav-tabs li > a > [class^='dlt-c8y-icon-'],
.nav-tabs > div > button:not(.btn-clean) > [class^='dlt-c8y-icon-'],
.nav-tabs li > button:not(.btn-clean) > [class^='dlt-c8y-icon-'],
.nav-tabs > div > a > [class*=' dlt-c8y-icon-'],
.nav-tabs li > a > [class*=' dlt-c8y-icon-'],
.nav-tabs > div > button:not(.btn-clean) > [class*=' dlt-c8y-icon-'],
.nav-tabs li > button:not(.btn-clean) > [class*=' dlt-c8y-icon-'],
.nav-tabs > div > a > .c8y-icon,
.nav-tabs li > a > .c8y-icon,
.nav-tabs > div > button:not(.btn-clean) > .c8y-icon,
.nav-tabs li > button:not(.btn-clean) > .c8y-icon {
  display: block;
  margin: 0 auto;
  margin-top: -2px;
  width: 1em;
  height: 18px;
  color: var(--c8y-nav-tabs-icon-color-default);
  font-size: var(--c8y-nav-tabs-icon-size);
}
@media (min-width: 1200px) {
  .nav-tabs > div > a > [class^='dlt-c8y-icon-'],
  .nav-tabs li > a > [class^='dlt-c8y-icon-'],
  .nav-tabs > div > button:not(.btn-clean) > [class^='dlt-c8y-icon-'],
  .nav-tabs li > button:not(.btn-clean) > [class^='dlt-c8y-icon-'],
  .nav-tabs > div > a > [class*=' dlt-c8y-icon-'],
  .nav-tabs li > a > [class*=' dlt-c8y-icon-'],
  .nav-tabs > div > button:not(.btn-clean) > [class*=' dlt-c8y-icon-'],
  .nav-tabs li > button:not(.btn-clean) > [class*=' dlt-c8y-icon-'],
  .nav-tabs > div > a > .c8y-icon,
  .nav-tabs li > a > .c8y-icon,
  .nav-tabs > div > button:not(.btn-clean) > .c8y-icon,
  .nav-tabs li > button:not(.btn-clean) > .c8y-icon {
    display: inline-block;
    margin-top: 0;
    margin-right: var(--c8y-unit-base);
    vertical-align: text-top;
  }
}
.nav-tabs > div > a:hover:not([disabled]),
.nav-tabs li > a:hover:not([disabled]),
.nav-tabs > div > button:not(.btn-clean):hover:not([disabled]),
.nav-tabs li > button:not(.btn-clean):hover:not([disabled]) {
  outline: 2px solid var(--c8y-component-color-focus, var(--c8y-root-component-color-focus));
  outline-offset: -2px;
  background-color: var(--c8y-nav-tabs-background-hover);
  text-decoration: none;
}
.nav-tabs > div > a:hover:not([disabled]) > [class^='dlt-c8y-icon-'],
.nav-tabs li > a:hover:not([disabled]) > [class^='dlt-c8y-icon-'],
.nav-tabs > div > button:not(.btn-clean):hover:not([disabled]) > [class^='dlt-c8y-icon-'],
.nav-tabs li > button:not(.btn-clean):hover:not([disabled]) > [class^='dlt-c8y-icon-'],
.nav-tabs > div > a:hover:not([disabled]) > [class*=' dlt-c8y-icon-'],
.nav-tabs li > a:hover:not([disabled]) > [class*=' dlt-c8y-icon-'],
.nav-tabs > div > button:not(.btn-clean):hover:not([disabled]) > [class*=' dlt-c8y-icon-'],
.nav-tabs li > button:not(.btn-clean):hover:not([disabled]) > [class*=' dlt-c8y-icon-'],
.nav-tabs > div > a:hover:not([disabled]) > .c8y-icon,
.nav-tabs li > a:hover:not([disabled]) > .c8y-icon,
.nav-tabs > div > button:not(.btn-clean):hover:not([disabled]) > .c8y-icon,
.nav-tabs li > button:not(.btn-clean):hover:not([disabled]) > .c8y-icon {
  color: var(--c8y-nav-tabs-icon-color-hover);
}
.nav-tabs > div > a:focus,
.nav-tabs li > a:focus,
.nav-tabs > div > button:not(.btn-clean):focus,
.nav-tabs li > button:not(.btn-clean):focus {
  outline: 2px solid var(--c8y-component-color-focus, var(--c8y-root-component-color-focus));
  outline-offset: -2px;
  border-radius: var(--c8y-component-border-radius-focus, var(--c8y-root-component-border-radius-focus)) !important;
}
.nav-tabs > div > a[disabled],
.nav-tabs li > a[disabled],
.nav-tabs > div > button:not(.btn-clean)[disabled],
.nav-tabs li > button:not(.btn-clean)[disabled] {
  opacity: var(--c8y-component-disabled-opacity, var(--c8y-root-component-disabled-opacity)) !important;
  cursor: not-allowed !important;
}
.nav-tabs > div.active > a,
.nav-tabs li.active > a,
.nav-tabs > div.active > button:not([disabled]),
.nav-tabs li.active > button:not([disabled]),
.nav-tabs > div.active > a:hover,
.nav-tabs li.active > a:hover,
.nav-tabs > div.active > button:not([disabled]):hover,
.nav-tabs li.active > button:not([disabled]):hover,
.nav-tabs > div.active > a:focus,
.nav-tabs li.active > a:focus,
.nav-tabs > div.active > button:not([disabled]):focus,
.nav-tabs li.active > button:not([disabled]):focus {
  background-color: var(--c8y-nav-tabs-background-active);
  box-shadow: inset 0 var(--c8y-nav-tabs-border-width-active) 0 0 var(--c8y-nav-tabs-border-color-active), inset 1px 0 0 0 var(--c8y-component-border-color, var(--c8y-root-component-border-color)), inset -1px 0 0 0 var(--c8y-component-border-color, var(--c8y-root-component-border-color));
  font-weight: 500;
  cursor: default;
  outline: none;
  border-radius: 0 !important;
  pointer-events: none;
}
.nav-tabs > div.active > a > [class^='dlt-c8y-icon-'],
.nav-tabs li.active > a > [class^='dlt-c8y-icon-'],
.nav-tabs > div.active > button:not([disabled]) > [class^='dlt-c8y-icon-'],
.nav-tabs li.active > button:not([disabled]) > [class^='dlt-c8y-icon-'],
.nav-tabs > div.active > a > [class*=' dlt-c8y-icon-'],
.nav-tabs li.active > a > [class*=' dlt-c8y-icon-'],
.nav-tabs > div.active > button:not([disabled]) > [class*=' dlt-c8y-icon-'],
.nav-tabs li.active > button:not([disabled]) > [class*=' dlt-c8y-icon-'],
.nav-tabs > div.active > a > .c8y-icon,
.nav-tabs li.active > a > .c8y-icon,
.nav-tabs > div.active > button:not([disabled]) > .c8y-icon,
.nav-tabs li.active > button:not([disabled]) > .c8y-icon {
  color: var(--c8y-nav-tabs-icon-color-active);
  opacity: 1;
}
.nav-tabs.nav-justified {
  width: 100%;
}
.nav-tabs.nav-justified > li {
  float: none;
  flex: 1 1 auto;
}
.nav-tabs.nav-justified > li > a {
  text-align: center;
}
.nav-tabs.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  .nav-tabs.nav-justified > li > a {
    margin-bottom: 0;
  }
}
.nav-tabs.nav-justified > li > a {
  margin-right: 0;
  border-radius: var(--c8y-component-border-radius-base, var(--c8y-root-component-border-radius-base));
}
@media (min-width: 768px) {
  .nav-tabs.nav-justified > li > a {
    border-radius: var(--c8y-component-border-radius-base, var(--c8y-root-component-border-radius-base)) var(--c8y-component-border-radius-base, var(--c8y-root-component-border-radius-base)) 0 0;
  }
}
.nav-tabs .dashboard-template-marker {
  position: absolute;
  right: 6px;
  top: 9px;
}
.nav-tabs-justified > li > a {
  margin-right: 0;
  border-radius: var(--c8y-component-border-radius-base, var(--c8y-root-component-border-radius-base));
}
@media (min-width: 768px) {
  .nav-tabs-justified > li > a {
    border-radius: var(--c8y-component-border-radius-base, var(--c8y-root-component-border-radius-base)) var(--c8y-component-border-radius-base, var(--c8y-root-component-border-radius-base)) 0 0;
  }
}
.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}
.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.mobile-tabs {
  margin: 0;
  padding: calc(var(--c8y-unit-base) * 0.5) var(--c8y-unit-base);
  min-height: calc(var(--c8y-unit-base) * 6);
  background-color: var(--brand-primary, var(--c8y-brand-primary));
  color: var(--c8y-palette-high);
}
.mobile-tabs .c8y-select-wrapper {
  border-color: transparent;
  background-color: transparent;
  color: inherit;
  font-size: 18px;
}
.mobile-tabs .c8y-select-wrapper:after {
  color: inherit;
}
.mobile-tabs .c8y-select-wrapper select {
  height: calc(var(--c8y-unit-base) * 5);
  background-color: transparent;
  box-shadow: none;
  color: inherit;
}
.mobile-tabs .c8y-select-wrapper select option {
  color: var(--gray-text, var(--text-color, var(--c8y-component-color-default, var(--c8y-root-component-color-default))));
}
.mobile-tabs .btn-dot {
  color: var(--c8y-palette-high);
}
.nav-tabs-vertical {
  display: block;
  padding-top: calc(var(--c8y-unit-base) * 6);
  width: var(--c8y-nav-tabs-vertical-width);
  border: 0;
  box-shadow: none;
}
.nav-tabs-vertical > div > a,
.nav-tabs-vertical li > a {
  display: flex;
  align-items: center;
  flex-direction: row;
  margin: 0;
  padding: var(--c8y-nav-tabs-vertical-padding-vertical) var(--c8y-nav-tabs-vertical-padding-horizontal);
  height: auto;
  border: 0;
  box-shadow: inset 0 -1px 0 var(--c8y-nav-tabs-border-color-default);
  text-transform: none;
  font-size: inherit;
  transition: all 0.25s ease;
}
.nav-tabs-vertical > div > a [class^='dlt-c8y-icon-'],
.nav-tabs-vertical li > a [class^='dlt-c8y-icon-'],
.nav-tabs-vertical > div > a [class*=' dlt-c8y-icon-'],
.nav-tabs-vertical li > a [class*=' dlt-c8y-icon-'],
.nav-tabs-vertical > div > a .c8y-icon,
.nav-tabs-vertical li > a .c8y-icon {
  margin: 0 var(--c8y-unit-base) 0 0;
  width: 1.25em;
}
.nav-tabs-vertical > div > a [class^='dlt-c8y-icon-'] ~ span,
.nav-tabs-vertical li > a [class^='dlt-c8y-icon-'] ~ span,
.nav-tabs-vertical > div > a [class*=' dlt-c8y-icon-'] ~ span,
.nav-tabs-vertical li > a [class*=' dlt-c8y-icon-'] ~ span,
.nav-tabs-vertical > div > a .c8y-icon ~ span,
.nav-tabs-vertical li > a .c8y-icon ~ span {
  display: inline-block;
  overflow: hidden;
  max-width: 100%;
  vertical-align: middle;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.nav-tabs-vertical > div.active > a,
.nav-tabs-vertical li.active > a,
.nav-tabs-vertical > div.active a:hover,
.nav-tabs-vertical li.active a:hover {
  border-left: 4px solid var(--c8y-nav-tabs-color-active);
  background-color: var(--c8y-nav-tabs-background-active);
  box-shadow: inset 0 -1px 0 var(--c8y-nav-tabs-border-color-default) !important;
  border-radius: 0 !important;
  pointer-events: none;
}
.nav-tabs-vertical > div.active > a::before,
.nav-tabs-vertical li.active > a::before,
.nav-tabs-vertical > div.active a:hover::before,
.nav-tabs-vertical li.active a:hover::before {
  width: 100%;
}
.nav-tabs-vertical > div.active > a::after,
.nav-tabs-vertical li.active > a::after,
.nav-tabs-vertical > div.active a:hover::after,
.nav-tabs-vertical li.active a:hover::after {
  left: 100%;
  height: 100%;
  border-width: calc(calc(var(--c8y-unit-base) * 2) + calc(var(--c8y-unit-base) * 0.5)) 0 calc(calc(var(--c8y-unit-base) * 2) + calc(var(--c8y-unit-base) * 0.5)) var(--c8y-unit-base);
}
.tabs_ctrl + .container-fluid .tab-content-spacer {
  margin: 0 -30px 0;
  padding-bottom: 20px;
  border: 0;
}
c8y-roles-overview > .page-tabs {
  margin-top: -30px;
}
.page-tabs .tab-content {
  padding-top: calc(calc(var(--c8y-unit-base) * 8) + 3);
}
.c8y-nav-stacked {
  position: relative;
  z-index: 10;
  display: block;
  margin-bottom: 0;
  padding-left: 0;
  width: 100%;
  list-style: none;
}
.c8y-nav-stacked .c8y-stacked-item {
  position: relative;
  display: flex;
  float: none;
  align-items: center;
  flex-flow: row nowrap;
  padding: 9px 0 9px 16px;
  width: 100%;
  border: 0;
  background-color: var(--c8y-component-background-expanded, var(--c8y-root-component-background-expanded));
  background-image: none;
  box-shadow: inset 0 -1px 0 var(--c8y-component-border-color, var(--c8y-root-component-border-color));
  cursor: pointer;
  appearance: none;
  transition: all 0.25s ease;
}
.c8y-nav-stacked .c8y-stacked-item:hover:not(.active) {
  background-color: var(--c8y-component-background-active, var(--c8y-root-component-background-active));
  box-shadow: inset 0 0 0 1px var(--c8y-component-color-actions-hover, var(--c8y-root-component-color-actions-hover));
}
.c8y-nav-stacked .c8y-stacked-item:hover:not(.active) .ui-sortable-handle {
  margin-left: -16px;
  width: 30px;
  outline: none;
}
.c8y-nav-stacked .c8y-stacked-item:focus-within,
.c8y-nav-stacked .c8y-stacked-item:focus {
  outline: 2px solid var(--c8y-component-color-focus, var(--c8y-root-component-color-focus));
  outline-offset: -2px;
  border-radius: var(--c8y-component-border-radius-focus, var(--c8y-root-component-border-radius-focus)) !important;
}
.c8y-nav-stacked .c8y-stacked-item .btn-clean:focus {
  outline: none;
}
.c8y-nav-stacked .c8y-stacked-item.active {
  border-left: 4px solid var(--c8y-component-brand-primary, var(--c8y-root-component-brand-primary));
  background-color: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
}
.c8y-nav-stacked .c8y-stacked-item.active .btn-remove {
  display: none;
}
.c8y-nav-stacked .c8y-stacked-item > .c8y-switch {
  margin: calc(var(--c8y-unit-base) * -1 - 1px) 0 calc(var(--c8y-unit-base) * -1);
}
.c8y-nav-stacked .c8y-stacked-item .msgid {
  display: inline-block;
  min-width: 40px;
}
.c8y-nav-stacked.ui-sortable .c8y-stacked-item {
  max-height: 40px !important;
}
.c8y-nav-stacked.ui-sortable .c8y-stacked-item .ui-sortable-handle {
  overflow: hidden;
  margin-left: 0;
  width: 0;
  text-align: center;
  transition: all 0.25s ease;
}
c8y-rectangle-spinner,
.c8y-rectangle-spinner {
  position: relative;
  display: block;
  padding-top: 45px;
  min-width: 50px;
  min-height: 40px;
  color: var(--c8y-component-color-text-muted, var(--c8y-root-component-color-text-muted));
  text-align: center;
  font-size: var(--c8y-font-size-base);
}
c8y-rectangle-spinner .spinner,
.c8y-rectangle-spinner .spinner {
  left: 50%;
  margin-left: -25px;
}
c8y-rectangle-spinner.spinner-xs,
.c8y-rectangle-spinner.spinner-xs {
  padding-top: 35px;
  min-width: 30px;
  min-height: 30px;
}
c8y-rectangle-spinner.spinner-xs .spinner,
.c8y-rectangle-spinner.spinner-xs .spinner {
  margin-left: -15px;
}
c8y-rectangle-spinner.spinner-inline,
.c8y-rectangle-spinner.spinner-inline {
  display: inline-block;
  padding-top: 11px;
  padding-left: 50px;
  vertical-align: middle;
  text-align: left;
}
c8y-rectangle-spinner.spinner-inline .spinner,
.c8y-rectangle-spinner.spinner-inline .spinner {
  left: 0;
  margin-left: 0;
}
c8y-rectangle-spinner.spinner-inline.spinner-xs,
.c8y-rectangle-spinner.spinner-inline.spinner-xs {
  padding-top: 5px;
  padding-left: 35px;
}
.spinner {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0 auto;
  width: 50px;
  height: 40px;
  text-align: center;
  font-size: 10px;
  opacity: 0.5;
}
.spinner.spinner-xs,
.spinner-xs .spinner {
  width: 30px;
  height: 30px;
}
.spinner.spinner-xs > div,
.spinner-xs .spinner > div {
  margin: 0;
  width: 4px;
}
.spinner > div {
  display: inline-block;
  margin-right: 1px;
  width: 6px;
  height: 100%;
  background-color: var(--c8y-component-spinner-color, var(--c8y-root-component-spinner-color));
  animation: stretchdelay 1.2s infinite ease-in-out;
}
.spinner .rect2 {
  animation-delay: -1.1s;
}
.spinner .rect3 {
  animation-delay: -1s;
}
.spinner .rect4 {
  animation-delay: -0.9s;
}
.spinner .rect5 {
  animation-delay: -0.8s;
}
@keyframes stretchdelay {
  0%,
  40%,
  100% {
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }
  20% {
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
  }
}
.spinner-panel-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 100;
  display: flex;
  align-items: center;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.7);
}
.grid-stack-item .spinner-panel-wrapper {
  right: 10px;
  left: 10px;
}
.spinner-panel-wrapper .spinner {
  top: 0;
  left: 50%;
  margin-left: -25px;
}
.spinner-inline-wrapper {
  position: relative;
  display: inline-block;
  width: 60px;
  vertical-align: middle;
}
.spinner-inline-wrapper .spinner {
  transform: translate(0, -50%);
}
.spinner-btn {
  position: relative;
  display: inline-block;
  width: 45px;
  transform: scale(0.5) translateY(-28px);
}
.loading-bar {
  position: relative;
  overflow: visible;
  margin-top: 0;
  height: 0;
}
.loading-bar:before {
  position: absolute;
  left: 0;
  display: none;
  min-width: 32px;
  width: 5%;
  height: 2px;
  background: var(--c8y-component-brand-primary, var(--c8y-root-component-brand-primary));
  content: '';
}
.loading-bar.active {
  animation: loading 1.5s ease-in-out alternate infinite;
}
.loading-bar.active::before {
  display: block;
}
@keyframes loading {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(95%);
  }
}
.app-switcher-dropdown {
  position: static;
}
@media (min-width: 768px) {
  .app-switcher-dropdown {
    position: relative;
  }
}
@media (max-width: 768px) {
  .app-switcher-dropdown.open .main-header-button.c8y-dropdown.dropdown-toggle {
    box-shadow: none!important;
  }
}
.app-switcher,
.app-switcher-sagcloud {
  display: flex;
  flex-flow: row wrap;
  margin: 0;
  padding: var(--c8y-unit-base);
  background-color: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  cursor: pointer;
}
.app-switcher .appLink,
.app-switcher-sagcloud .appLink {
  flex: 0 1 33.3333%;
  margin: calc(var(--c8y-unit-base) * 0.5) 0;
  padding: calc(var(--c8y-unit-base) + calc(var(--c8y-unit-base) * 0.5)) var(--c8y-unit-base) var(--c8y-unit-base);
  min-width: 30%;
  border: 1px solid transparent;
  border-radius: 2px;
  color: var(--c8y-navbar-color-link);
  text-align: center;
  font-size: 12px;
  transition: transform 0.25s ease-in-out, box-shadow 0.25s ease-in-out;
}
.app-switcher .appLink:hover,
.app-switcher-sagcloud .appLink:hover {
  box-shadow: inset 0 0 0 1px var(--brand-primary, var(--c8y-brand-primary)), inset 0 0 0 2px var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  text-decoration: none;
}
.app-switcher .appLink.active,
.app-switcher-sagcloud .appLink.active {
  box-shadow: inset 0 0 0 2px var(--brand-primary, var(--c8y-brand-primary));
  text-decoration: none;
}
.app-switcher .appLink:focus,
.app-switcher-sagcloud .appLink:focus {
  outline: 2px solid var(--c8y-component-color-focus, var(--c8y-root-component-color-focus));
  outline-offset: -2px;
  border-radius: var(--c8y-component-border-radius-focus, var(--c8y-root-component-border-radius-focus)) !important;
  box-shadow: none;
  text-decoration: none;
}
.app-switcher .appLink > span,
.app-switcher-sagcloud .appLink > span {
  display: block;
  font-size: 12px;
  line-height: 1.2;
}
.app-switcher .appLink .c8y-app-icon,
.app-switcher-sagcloud .appLink .c8y-app-icon {
  display: block;
  width: auto;
}
.app-switcher .appLink .c8y-icon,
.app-switcher-sagcloud .appLink .c8y-icon {
  margin-bottom: 6px;
  font-size: 36px;
}
.app-switcher-sagcloud {
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.05);
}
.dropdown-menu.app-switcher-dropdown-menu {
  left: 50%!important;
  overflow-y: auto;
  margin-left: -160px !important;
  max-height: calc(95vh - calc(var(--c8y-unit-base) * 8));
  width: 320px;
}
@media (min-width: 560px) and (max-width: 768px) {
  .dropdown-menu.app-switcher-dropdown-menu {
    margin-left: -72px !important;
    width: 340px;
  }
}
@media (min-width: 768px) {
  .dropdown-menu.app-switcher-dropdown-menu {
    margin-left: -255px !important;
    width: 340px;
  }
}
.steps-navbar.c8y-wizard-nav {
  padding: 0;
  min-width: 600px;
}
.register-devices .steps-navbar.c8y-wizard-nav {
  min-width: 300px;
}
@media (min-width: 768px) {
  .register-devices .steps-navbar.c8y-wizard-nav {
    min-width: 420px;
  }
}
.steps-navbar .nav-tabs.nav-justified {
  display: flex;
  overflow: hidden;
  flex-flow: row nowrap;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.steps-navbar .nav-tabs.nav-justified > li {
  position: relative;
  display: block;
  flex: 1 1 auto;
  max-width: 50%;
}
.steps-navbar .nav-tabs.nav-justified > li a {
  margin: 0;
  padding: var(--c8y-unit-base) calc(var(--c8y-unit-base) + calc(var(--c8y-unit-base) * 0.5));
  border: 0;
  background-color: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  color: var(--c8y-palette-gray-30);
  font-size: 12px;
}
@media (min-width: 768px) {
  .steps-navbar .nav-tabs.nav-justified > li a {
    font-size: inherit;
  }
}
.steps-navbar .nav-tabs.nav-justified > li a:focus {
  outline: none;
  border: 0;
  background-color: inherit;
}
.steps-navbar .nav-tabs.nav-justified > li a:hover {
  border: 0;
  background-color: inherit;
}
.steps-navbar .nav-tabs.nav-justified > li a:before {
  position: absolute;
  top: 0;
  left: 100%;
  z-index: 10;
  margin-left: 1px;
  width: 0;
  height: 0;
  border-width: 18px 0 18px 10px;
  border-style: solid;
  border-color: transparent transparent transparent rgba(0, 0, 0, 0.1);
  content: '';
}
.steps-navbar .nav-tabs.nav-justified > li a:after {
  position: absolute;
  top: 0;
  left: 100%;
  z-index: 10;
  width: 0;
  height: 0;
  border-width: 18px 0 18px 10px;
  border-style: solid;
  border-color: transparent transparent transparent var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  content: '';
}
.steps-navbar .nav-tabs.nav-justified > li:last-child > a:after,
.steps-navbar .nav-tabs.nav-justified > li:last-child > a:before {
  display: none;
}
.steps-navbar .nav-tabs.nav-justified > li.active > a {
  border: 0;
  background-color: var(--c8y-palette-gray-30);
  color: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
}
.steps-navbar .nav-tabs.nav-justified > li.active > a:after {
  border-color: transparent transparent transparent var(--c8y-palette-gray-30);
}
.steps-navbar .nav-tabs.nav-justified > li.completed > a {
  border: 0;
  background-color: var(--palette-status-success, var(--c8y-palette-status-success));
  color: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
}
.steps-navbar .nav-tabs.nav-justified > li.completed > a:after {
  border-color: transparent transparent transparent var(--palette-status-success, var(--c8y-palette-status-success));
}
.c8y-cookie-banner {
  position: fixed;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1047;
  background-color: rgba(0, 0, 0, 0.8);
  color: white;
}
.cookie-banner-content {
  column-width: 26rem;
}
.cookie-banner-content a {
  color: inherit;
  text-decoration: underline;
}
.cookie-banner-content a:hover {
  color: inherit;
}
c8y-asset-notes {
  position: relative;
  display: block;
  padding: var(--c8y-component-padding, var(--c8y-root-component-padding));
  height: 100%;
}
c8y-asset-notes .asset-notes-icon {
  align-self: flex-start;
  margin-right: 10px;
  font-size: 62px;
}
c8y-asset-notes .asset-notes-content {
  flex: 1 0 200px;
}
c8y-asset-notes .asset-notes-body {
  padding-top: var(--c8y-component-padding, var(--c8y-root-component-padding));
}
.card.card-dashboard > .card-inner-scroll > c8y-ui-component {
  display: block;
  height: 100%;
}
.card.card-dashboard > .card-inner-scroll > c8y-ui-component > c8y-asset-notes {
  display: block;
  height: 100%;
}
c8y-countdown-interval {
  display: contents;
}
@keyframes ellapsed {
  from {
    stroke-dashoffset: 100;
  }
  to {
    stroke-dashoffset: 0;
  }
}
.time-elapsed {
  position: relative;
  line-height: 25px !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  background: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  min-width: 30px;
  min-height: 30px;
}
.time-elapsed svg {
  transform: rotate(-90deg);
  max-height: 10rem;
  stroke-dasharray: 100;
  stroke-dashoffset: 0;
  position: absolute;
  inset: 0;
  padding-top: 4px;
  padding-bottom: 4px;
}
.time-elapsed span {
  font-size: var(--c8y-font-size-xs);
  line-height: inherit;
}
.time-on {
  transition: none !important;
  animation-name: ellapsed;
  animation-duration: var(--timescope);
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
.toggle-countdown {
  position: relative;
  margin: 0 !important;
  border: 1px solid var(--c8y-form-control-border-color-default);
  display: flex !important;
  align-items: center;
  justify-content: center;
  min-height: var(--c8y-form-control-height-base);
  min-width: calc(var(--c8y-form-control-height-base) + var(--c8y-unit-base));
  padding: 0 4px;
  background: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  cursor: pointer;
  transition: var(--c8y-btn-transition-default);
}
.toggle-countdown .time-elapsed {
  background-color: transparent;
}
.toggle-countdown:hover {
  box-shadow: inset 0 0 0 1px var(--c8y-component-color-focus, var(--c8y-root-component-color-focus));
}
.toggle-countdown:focus-within {
  border-color: var(--c8y-component-color-focus, var(--c8y-root-component-color-focus));
  outline: 2px solid var(--c8y-component-color-focus, var(--c8y-root-component-color-focus));
  outline-offset: -2px;
}
.toggle-countdown input[type='checkbox'] {
  position: absolute;
  z-index: 0;
  opacity: 0;
}
.toggle-countdown-disabled {
  outline: none !important;
  border-color: var(--c8y-form-control-border-color-default) !important;
  box-shadow: none !important;
  cursor: not-allowed !important;
  outline-offset: 0 !important;
}
.toggle-countdown-disabled i {
  opacity: var(--c8y-action-bar-disabled-opacity) !important;
  cursor: not-allowed !important;
}
.input-group:has(.c8y-select-wrapper) .toggle-countdown {
  border-right: 0;
}
.password-strength {
  width: 180px;
  margin-bottom: 20px;
}
.table .password-strength {
  width: 100px;
  margin-left: auto;
  margin-right: auto;
}
.password-strength > div {
  position: relative;
  width: 100%;
  height: 4px;
  overflow: hidden;
  background-color: var(--c8y-palette-gray-90);
}
.password-strength > .password-strength-label {
  float: left;
  color: var(--c8y-component-form-label-color, var(--c8y-root-component-form-label-color));
}
.password-green .password-bar,
.password-yellow .password-bar,
.password-red .password-bar {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}
.password-green .password-bar {
  width: 100%;
  background-color: var(--palette-status-success, var(--c8y-palette-status-success));
}
.password-yellow .password-bar {
  width: 50%;
  background-color: var(--palette-status-warning, var(--c8y-palette-status-warning));
}
.password-red .password-bar {
  width: 25%;
  background-color: var(--palette-status-danger, var(--c8y-palette-status-danger));
}
.loading {
  max-width: 320px;
  height: auto;
  min-height: 300px;
  padding: 32px;
  margin: auto;
  border-radius: 2px;
}
@media (min-width: 768px) {
  .loading {
    max-width: 400px;
    margin-top: 50px;
  }
}
.init-load {
  height: 100vh;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 320px;
}
.mainlogo {
  background-image: var(--brand-logo-img, var(--c8y-brand-logo-img));
  width: 100%;
  height: 110px;
  padding-bottom: var(--brand-logo-img-height, var(--c8y-brand-logo-img-height));
  margin: 0 auto;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top center;
  display: block;
}
.mainlogo[src] {
  background: none;
  padding-bottom: 0;
}
[datepicker] .btn,
[uib-datepicker] .btn,
[uib-daypicker] .btn,
[datepicker] .btn-default,
[uib-datepicker] .btn-default,
[uib-daypicker] .btn-default {
  border: 0;
  box-shadow: none;
}
[datepicker] table,
[uib-datepicker] table,
[uib-daypicker] table {
  outline: none;
  font-size: var(--c8y-font-size-small);
}
[datepicker] tbody .btn,
[uib-datepicker] tbody .btn,
[uib-daypicker] tbody .btn,
[datepicker] tbody .btn-default,
[uib-datepicker] tbody .btn-default,
[uib-daypicker] tbody .btn-default {
  position: relative;
  border: 1px solid var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  font-size: inherit;
}
[datepicker] tbody .btn .text-info,
[uib-datepicker] tbody .btn .text-info,
[uib-daypicker] tbody .btn .text-info,
[datepicker] tbody .btn-default .text-info,
[uib-datepicker] tbody .btn-default .text-info,
[uib-daypicker] tbody .btn-default .text-info {
  color: var(--c8y-component-brand-primary, var(--c8y-root-component-brand-primary));
  font-weight: bolder;
}
[datepicker] tbody .btn.active,
[uib-datepicker] tbody .btn.active,
[uib-daypicker] tbody .btn.active,
[datepicker] tbody .btn-default.active,
[uib-datepicker] tbody .btn-default.active,
[uib-daypicker] tbody .btn-default.active {
  background-color: var(--c8y-component-brand-primary, var(--c8y-root-component-brand-primary));
  color: var(--c8y-palette-high);
}
[datepicker] tbody .btn.active .text-info,
[uib-datepicker] tbody .btn.active .text-info,
[uib-daypicker] tbody .btn.active .text-info,
[datepicker] tbody .btn-default.active .text-info,
[uib-datepicker] tbody .btn-default.active .text-info,
[uib-daypicker] tbody .btn-default.active .text-info {
  color: var(--c8y-palette-high);
}
[datepicker] tbody .btn-sm,
[uib-datepicker] tbody .btn-sm,
[uib-daypicker] tbody .btn-sm {
  padding: 5px 8px;
}
[datepicker] tbody .uib-years .btn-default,
[uib-datepicker] tbody .uib-years .btn-default,
[uib-daypicker] tbody .uib-years .btn-default {
  padding: 5px 13px;
}
.c8y-datetime-picker .form-inline .form-group {
  display: inline-block;
  vertical-align: top;
}
.form-group.datepicker {
  position: relative;
}
.form-group.datepicker .form-control {
  padding-right: 28px !important;
}
.form-group.datepicker::after {
  display: inline-block;
  text-decoration: inherit;
  text-transform: none;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  font-family: 'c8y-glyphs' !important;
  line-height: 1;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  position: absolute;
  top: 50%;
  right: 5px;
  z-index: 2;
  color: var(--c8y-component-brand-primary, var(--c8y-root-component-brand-primary));
  content: '\f100';
  font-size: 24px;
  transform: translate(0, -50%);
  pointer-events: none;
}
.form-group.datepicker + .timepicker {
  margin-left: 2px !important;
}
.meausurements2 .timeField .btn {
  padding: 4px;
  height: 24px;
}
.meausurements2 .timeField input {
  border-radius: var(--c8y-component-border-radius-base, var(--c8y-root-component-border-radius-base)) !important;
}
.uib-datepicker-popup.dropdown-menu:focus,
.uib-datepicker-popup.dropdown-menu > *,
.uib-daypicker {
  outline: none;
}
.timepicker input.form-control {
  width: 44px;
}
.form-group-sm .timepicker input.form-control {
  width: 30px;
}
.form-inline .timepicker .form-group {
  margin-right: 0;
}
body > div[uib-datepicker-popup-wrap] .uib-datepicker-popup.dropdown-menu {
  z-index: 1051;
}
body.modal-open > div[uib-datepicker-popup-wrap] .uib-datepicker-popup.dropdown-menu {
  z-index: 1051;
}
.c8y-smart-rest-tab {
  flex: 1 1 100%;
  padding: 20px;
  background-color: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  transition: all 0.25s ease-in-out;
}
.c8y-smart-rest-tab .row {
  display: block;
  margin-right: -5px;
  margin-left: -5px;
}
.c8y-smart-rest-tab .row > [class^='col-xs-'],
.c8y-smart-rest-tab .row > [class*=' col-xs'],
.c8y-smart-rest-tab .row > [class^='col-sm-'],
.c8y-smart-rest-tab .row > [class*=' col-sm'],
.c8y-smart-rest-tab .row > [class^='col-md-'],
.c8y-smart-rest-tab .row > [class*=' col-md'],
.c8y-smart-rest-tab .row > [class^='col-lg-'],
.c8y-smart-rest-tab .row > [class*=' col-lg'] {
  padding-right: 5px;
  padding-left: 5px;
}
@media (max-width: 991px) {
  .smart-rest-editor {
    position: relative;
  }
  .smart-rest-editor .col-xs-12 {
    position: static;
  }
  .smart-rest-editor .c8y-smart-rest-tab {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .smart-rest-editor .c8y-smart-rest-tab {
    right: -15px;
    left: -15px;
    padding-right: 30px;
    padding-left: 30px;
    width: auto;
  }
}
.smart-rest-csv-viewer code,
.smart-rest-request-editor code {
  background-color: transparent;
  color: var(--c8y-palette-gray-50);
}
.statusContainer {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  font-size: 14px;
  overflow: hidden;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  border: 0;
  background-image: none;
  background-color: var(--c8y-palette-high);
  padding: 0;
  box-shadow: inset 0 0 0 1px var(--c8y-component-border-color, var(--c8y-root-component-border-color));
}
.statusContainer .sendStatus,
.statusContainer .pushStatus {
  line-height: 0;
  display: block;
}
.statusContainer .sendStatus {
  transform: translate(0, -2px);
}
.statusContainer .pushStatus {
  transform: translate(0, 3px);
}
.statusContainer .statusUnknown {
  color: var(--c8y-palette-gray-40);
}
.statusContainer .maintenanceStatus {
  display: block;
  margin: 0 auto;
  line-height: 1;
}
.status-toggle .c8y-switch + a {
  display: inline-block;
  vertical-align: top;
  line-height: 34px;
}
.c8y-data-explorer {
  background-color: inherit;
  color: inherit;
  margin-top: 10px;
}
c8y-chart {
  z-index: 10;
}
.chart-container,
.c8y-timelines-chart {
  fill: currentColor;
}
.top-chart-bar {
  justify-content: space-between;
  margin: 2px 0 0;
  position: relative;
  z-index: 2;
  align-items: center;
}
.top-chart-bar + hr {
  margin: 9px calc(var(--c8y-component-padding, var(--c8y-root-component-padding)) * -1);
}
.no-card-context .top-chart-bar + hr {
  margin-left: 0;
  margin-right: 0;
}
.top-chart-bar + hr + .chart-container {
  top: 100px !important;
}
@media (min-width: 768px) {
  .top-chart-bar + hr + .chart-container {
    top: 75px !important;
  }
}
@media (min-width: 992px) {
  .top-chart-bar + hr + .chart-container {
    top: 30px !important;
  }
}
.top-chart-bar .measurement-icon-bar-wrapper {
  flex: 1 0 80px;
}
.top-chart-bar c8y-item-selector {
  display: none;
  max-width: 170px;
}
@media (min-width: 992px) {
  .top-chart-bar c8y-item-selector {
    max-width: 240px;
  }
}
.top-chart-bar c8y-item-selector .c8y-child-assets-selector > .btn {
  background-size: var(--c8y-font-size-small);
  padding-right: 24px !important;
  background-position: right 6px top 6px;
}
.top-chart-bar c8y-item-selector .c8y-child-assets-selector > .btn:not(.c8y-radio):not(.c8y-checkbox) {
  padding: calc(var(--c8y-form-control-padding-base-vertical) * 0.75) calc(var(--c8y-form-control-padding-base-horizontal) * 0.75);
  height: var(--c8y-form-control-height-sm) !important;
  font-size: var(--c8y-font-size-small);
  line-height: var(--c8y-line-height-small);
}
.top-chart-bar.has-data-selector c8y-item-selector {
  display: block;
}
.c8yGraphFill {
  min-height: 540px;
}
@media screen and (min-width: 1200px) {
  .c8yGraphFill {
    min-height: unset;
  }
}
.card-dashboard .top-chart-bar {
  margin: 0;
}
.card-dashboard c8y-measurements-icon-bar {
  width: 100%;
}
.card-dashboard .top-chart-bar {
  padding-left: var(--c8y-component-padding, var(--c8y-root-component-padding));
  padding-right: var(--c8y-component-padding, var(--c8y-root-component-padding));
}
.card-dashboard .top-chart-bar + hr {
  display: none;
}
.card-dashboard .top-chart-bar c8y-item-selector {
  max-width: 170px;
}
.has-aggregation .measurement-icon-bar .c8y-realtime {
  display: none;
}
.c8y-timelines-chart svg,
.chart-container svg {
  padding: 0;
}
.c8y-timelines-chart .strictValue rect,
.chart-container .strictValue rect {
  fill: var(--c8y-tooltip-background-default);
}
.c8y-timelines-chart .strictValue rect + text,
.chart-container .strictValue rect + text {
  fill: var(--c8y-tooltip-color-default);
}
.measurements-tab .fragment-chart .realtime-form {
  text-align: right;
}
@media (min-width: 768px) {
  .measurements-tab .fragment-chart .realtime-form {
    position: absolute;
    top: 10px;
    right: var(--c8y-component-padding, var(--c8y-root-component-padding));
  }
  .measurements-tab .fragment-chart .top-chart-bar + hr {
    display: none;
  }
}
.tab-pane .realtime-form {
  float: right;
}
.c8y-chart-hover-box {
  position: absolute;
  display: inline-block;
  background-color: var(--c8y-popover-background-default);
  padding: 10px;
  top: 0;
  z-index: 1100;
  pointer-events: none;
  box-shadow: var(--c8y-elevation-md-bottom);
  box-shadow: var(--c8y-elevation-md-right);
}
.c8y-chart-hover-box .dlt-c8y-icon-circle {
  font-size: 10px;
}
.c8y-chart-hover-box .label {
  padding: 0 5px 0 0;
  color: var(--c8y-popover-label-color);
  margin: 0;
  font-weight: bold;
  font-size: 100%;
}
.c8y-chart-hover-box .value {
  color: var(--c8y-popover-color-default);
}
.c8y-chart-hover-box .value-holder {
  font-size: 12px;
  margin-top: 3px;
  line-height: 10px;
}
.c8y-chart-hover-box .time-holder {
  color: var(--c8y-component-color-text-muted, var(--c8y-root-component-color-text-muted));
  font-size: 10px;
}
.c8y-chart .clock {
  color: var(--c8y-component-form-legend-color, var(--c8y-root-component-form-legend-color));
  font-size: 12px;
}
.c8y-chart .axis line,
.c8y-chart .axis path {
  stroke: var(--c8y-component-color-default, var(--c8y-root-component-color-default));
}
.truncated,
.chart-help,
.chart-loading {
  position: absolute;
  bottom: 3px;
  left: 15px;
  right: 7px;
  font-size: 12px;
}
.chart-loading {
  left: 17px;
  bottom: 5px;
}
.chart-help,
.chart-loading {
  color: var(--c8y-component-color-default, var(--c8y-root-component-color-default));
}
.chart-help,
.truncated {
  left: 56px;
}
.meausurements2 c8y-measurements-icon-bar {
  display: block;
  padding-top: 5px;
  color: var(--c8y-component-color-default, var(--c8y-root-component-color-default));
}
.meausurements2 .measurement-icon-bar {
  padding-left: 10px;
  position: relative;
  z-index: 120;
}
.meausurements2 .measurement-icon {
  padding: 3px;
  margin: 1px;
  position: static;
  font-size: 12px;
  background: none;
}
.meausurements2 .timeField input {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.meausurements2 .timeField table {
  margin-top: -24px;
}
.meausurements2 .timeField .btn {
  height: 24px;
}
.meausurements2 .timeField .btn-link {
  color: var(--c8y-component-color-actions, var(--c8y-root-component-color-actions)) !important;
}
.meausurements2 .timeField tr:hover td {
  background: transparent;
}
.meausurements2 .timeField tr:nth-child(3) a {
  position: relative;
  top: -3px;
}
.meausurements2 .measurements-time-control {
  position: absolute;
  bottom: 1px;
  right: 5px;
  left: 5px;
  z-index: 100;
  min-width: 404px;
}
.meausurements2 .top-controls {
  position: relative;
  z-index: 100;
  margin-bottom: 10px;
}
@media (max-width: 768px) {
  .meausurements2 .measurements-date-from,
  .meausurements2 .measurements-date-to,
  .meausurements2 .top-controls {
    position: absolute;
    transform: scale(0.8);
  }
  .meausurements2 .measurements-date-from,
  .meausurements2 .measurements-date-to {
    bottom: 0;
  }
  .meausurements2 .measurements-date-from {
    left: -35px;
  }
  .meausurements2 .measurements-date-to {
    right: -35px;
  }
  .meausurements2 .top-controls {
    top: 0;
    right: -35px;
  }
}
c8y-measurements-icon-bar {
  display: flex;
  align-items: center;
  min-height: 28px;
}
.measurements-time-control:before,
.c8y-datetime-picker:before,
.measurements-time-control:after,
.c8y-datetime-picker:after {
  display: table;
  content: ' ';
}
.measurements-time-control:after,
.c8y-datetime-picker:after {
  clear: both;
}
.measurements-time-control:before,
.c8y-datetime-picker:before,
.measurements-time-control:after,
.c8y-datetime-picker:after {
  display: table;
  content: ' ';
}
.measurements-time-control:after,
.c8y-datetime-picker:after {
  clear: both;
}
.measurements-time-control .form-group,
.c8y-datetime-picker .form-group {
  margin: 0;
  padding: 0;
  height: auto;
}
.measurements-time-control .form-group.input-sm,
.c8y-datetime-picker .form-group.input-sm {
  padding: 0;
}
.measurements-time-control .form-group.input-sm input .uib-time .form-control,
.c8y-datetime-picker .form-group.input-sm input .uib-time .form-control {
  padding: 5px !important;
  width: 30px;
}
.measurements-time-control .form-group.input-sm input .uib-time .form-control:not(.c8y-radio):not(.c8y-checkbox),
.c8y-datetime-picker .form-group.input-sm input .uib-time .form-control:not(.c8y-radio):not(.c8y-checkbox) {
  padding: calc(var(--c8y-form-control-padding-base-vertical) * 0.75) calc(var(--c8y-form-control-padding-base-horizontal) * 0.75);
  height: var(--c8y-form-control-height-sm) !important;
  font-size: var(--c8y-font-size-small);
  line-height: var(--c8y-line-height-small);
}
.measurements-time-control .uib-time .form-control,
.c8y-datetime-picker .uib-time .form-control {
  width: 50px;
}
.measurements-time-control .input-sm .uib-time .form-control,
.c8y-datetime-picker .input-sm .uib-time .form-control {
  padding: 5px !important;
  width: 30px;
}
.measurements-time-control .input-sm .uib-time .form-control:not(.c8y-radio):not(.c8y-checkbox),
.c8y-datetime-picker .input-sm .uib-time .form-control:not(.c8y-radio):not(.c8y-checkbox) {
  padding: calc(var(--c8y-form-control-padding-base-vertical) * 0.75) calc(var(--c8y-form-control-padding-base-horizontal) * 0.75);
  height: var(--c8y-form-control-height-sm) !important;
  font-size: var(--c8y-font-size-small);
  line-height: var(--c8y-line-height-small);
}
.measurements-time-control .measurements-date-to,
.c8y-datetime-picker .measurements-date-to {
  margin-left: 10px;
}
@media (max-width: 550px) {
  .measurements-time-control,
  .c8y-datetime-picker {
    width: 100%;
  }
  .measurements-time-control .measurements-date-from,
  .c8y-datetime-picker .measurements-date-from,
  .measurements-time-control .measurements-date-to,
  .c8y-datetime-picker .measurements-date-to {
    display: flex;
    align-items: center;
    flex-flow: row wrap;
    width: 100%;
  }
  .measurements-time-control .measurements-date-from .date-time-picker,
  .c8y-datetime-picker .measurements-date-from .date-time-picker,
  .measurements-time-control .measurements-date-to .date-time-picker,
  .c8y-datetime-picker .measurements-date-to .date-time-picker {
    margin-left: auto;
  }
  .measurements-time-control .measurements-date-to,
  .c8y-datetime-picker .measurements-date-to {
    margin-top: 5px;
  }
}
.measurements-time-control {
  display: flex;
  align-items: center;
  flex-flow: row wrap;
}
.measurements-time-control .measurements-date-from,
.measurements-time-control .measurements-date-to {
  display: flex;
  align-items: center;
  flex-flow: row wrap;
}
.measurements-time-control .measurements-date-from .date-time-picker,
.measurements-time-control .measurements-date-to .date-time-picker {
  margin-left: auto;
}
.measurements-time-control .measurements-date-from .uib-datepicker-popup,
.measurements-time-control .measurements-date-to .uib-datepicker-popup {
  z-index: 1036;
}
.card-dashboard .measurements-time-control {
  width: 100%;
}
.card-dashboard .measurements-time-control .measurements-date-from,
.card-dashboard .measurements-time-control .measurements-date-to {
  padding-top: calc(var(--c8y-unit-base) * 0.5);
}
.card-dashboard .measurements-time-control .measurements-date-to {
  margin-left: auto;
}
[data-gs-width] .card-dashboard .measurements-time-control .measurements-date-from,
[data-gs-width] .card-dashboard .measurements-time-control .measurements-date-to {
  width: 100%;
}
[data-gs-width] .card-dashboard .top-chart-bar.showtime + hr + .chart-container {
  top: 100px !important;
}
@media (min-width: 460px) and (max-width: 768px) {
  [data-gs-width] .card-dashboard .measurements-time-control .measurements-date-from,
  [data-gs-width] .card-dashboard .measurements-time-control .measurements-date-to {
    width: auto;
  }
  [data-gs-width] .card-dashboard .top-chart-bar.showtime + hr + .chart-container {
    top: 65px !important;
  }
}
@media (min-width: 768px) {
  [data-gs-width] .card-dashboard .measurements-time-control .measurements-date-from,
  [data-gs-width] .card-dashboard .measurements-time-control .measurements-date-to {
    width: 100%;
  }
  [data-gs-width] .card-dashboard .top-chart-bar.showtime + hr + .chart-container {
    top: 100px !important;
  }
  [data-gs-width='12'] .card-dashboard .measurements-time-control .measurements-date-from,
  [data-gs-width='11'] .card-dashboard .measurements-time-control .measurements-date-from,
  [data-gs-width='10'] .card-dashboard .measurements-time-control .measurements-date-from,
  [data-gs-width='9'] .card-dashboard .measurements-time-control .measurements-date-from,
  [data-gs-width='8'] .card-dashboard .measurements-time-control .measurements-date-from,
  [data-gs-width='7'] .card-dashboard .measurements-time-control .measurements-date-from,
  [data-gs-width='12'] .card-dashboard .measurements-time-control .measurements-date-to,
  [data-gs-width='11'] .card-dashboard .measurements-time-control .measurements-date-to,
  [data-gs-width='10'] .card-dashboard .measurements-time-control .measurements-date-to,
  [data-gs-width='9'] .card-dashboard .measurements-time-control .measurements-date-to,
  [data-gs-width='8'] .card-dashboard .measurements-time-control .measurements-date-to,
  [data-gs-width='7'] .card-dashboard .measurements-time-control .measurements-date-to {
    width: auto;
  }
  [data-gs-width='12'] .card-dashboard .top-chart-bar.showtime + hr + .chart-container,
  [data-gs-width='11'] .card-dashboard .top-chart-bar.showtime + hr + .chart-container,
  [data-gs-width='10'] .card-dashboard .top-chart-bar.showtime + hr + .chart-container,
  [data-gs-width='9'] .card-dashboard .top-chart-bar.showtime + hr + .chart-container,
  [data-gs-width='8'] .card-dashboard .top-chart-bar.showtime + hr + .chart-container,
  [data-gs-width='7'] .card-dashboard .top-chart-bar.showtime + hr + .chart-container {
    top: 65px !important;
  }
}
@media (min-width: 992px) {
  [data-gs-width='6'] .card-dashboard .measurements-time-control .measurements-date-from,
  [data-gs-width='6'] .card-dashboard .measurements-time-control .measurements-date-to {
    width: auto;
  }
  [data-gs-width='6'] .card-dashboard .top-chart-bar.showtime + hr + .chart-container {
    top: 65px !important;
  }
}
@media (min-width: 1200px) and (max-width: 1350px) {
  [data-gs-width='5'] .card-dashboard .measurements-time-control .measurements-date-from,
  [data-gs-width='5'] .card-dashboard .measurements-time-control .measurements-date-to {
    width: auto;
  }
  [data-gs-width='5'] .card-dashboard .top-chart-bar.showtime + hr + .chart-container {
    top: 65px !important;
  }
  .open [data-gs-width='5'] .card-dashboard .measurements-time-control .measurements-date-from,
  .open [data-gs-width='5'] .card-dashboard .measurements-time-control .measurements-date-to {
    width: 100%;
  }
  .open [data-gs-width='5'] .card-dashboard .top-chart-bar.showtime + hr + .chart-container {
    top: 100px !important;
  }
}
@media (min-width: 1351px) {
  [data-gs-width='4'] .card-dashboard .measurements-time-control .measurements-date-from,
  [data-gs-width='5'] .card-dashboard .measurements-time-control .measurements-date-from,
  [data-gs-width='4'] .card-dashboard .measurements-time-control .measurements-date-to,
  [data-gs-width='5'] .card-dashboard .measurements-time-control .measurements-date-to {
    width: auto;
  }
  [data-gs-width='4'] .card-dashboard .top-chart-bar.showtime + hr + .chart-container,
  [data-gs-width='5'] .card-dashboard .top-chart-bar.showtime + hr + .chart-container {
    top: 65px !important;
  }
  .open [data-gs-width='4'] .card-dashboard .measurements-time-control .measurements-date-from,
  .open [data-gs-width='4'] .card-dashboard .measurements-time-control .measurements-date-to {
    width: 100%;
  }
  .open [data-gs-width='4'] .card-dashboard .top-chart-bar.showtime + hr + .chart-container {
    top: 100px !important;
  }
}
@media (min-width: 1620px) {
  [data-gs-width='4'] .card-dashboard .measurements-time-control .measurements-date-from,
  .open [data-gs-width='4'] .card-dashboard .measurements-time-control .measurements-date-from,
  [data-gs-width='4'] .card-dashboard .measurements-time-control .measurements-date-to,
  .open [data-gs-width='4'] .card-dashboard .measurements-time-control .measurements-date-to {
    width: auto;
  }
  [data-gs-width='4'] .card-dashboard .top-chart-bar.showtime + hr + .chart-container,
  .open [data-gs-width='4'] .card-dashboard .top-chart-bar.showtime + hr + .chart-container {
    top: 65px !important;
  }
}
.smart-rule-list-card .card-header .card-title {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  min-height: 40px;
}
.smart-rule-list-card .card-actions .btn-collapse {
  display: none;
}
.smart-rule-list-card .card-block {
  display: flex;
  overflow: visible;
  flex-flow: column wrap;
  padding-top: 0;
}
.smart-rule-list-card .card-back .card-header-actions {
  display: none;
  background-color: var(--brand-dark, var(--c8y-brand-dark));
  color: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
}
.smart-rule-list-card .card-back .card-header-actions .smart-list-icon-label > i {
  color: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
}
.smart-rule-list-card .smart-rule-description {
  order: 2;
  text-align: center;
  line-height: 1;
}
.smart-rule-list-card .smart-rule-description .smart-rule-name {
  display: none;
}
.smart-rule-list-card .smart-rule-state {
  order: 10;
  padding: 20px 0 10px 0;
  width: auto;
}
.smart-rule-list-card .smart-rule-state .list-icon {
  display: none;
}
.smart-rule-list-card .smart-rule-state [class^='dlt-c8y-icon-'],
.smart-rule-list-card .smart-rule-state [class*=' dlt-c8y-icon-'] {
  font-size: 20px;
}
.smart-rule-list-card .smart-rule-state .card-icon i {
  vertical-align: bottom;
}
.smart-rule-list-card .smart-rule-state .card-icon span {
  vertical-align: middle;
}
.smart-rule-list-card .smart-rule-group-switch {
  order: 3;
  padding: 24px 0 8px;
}
.smart-rule-list-card .smart-rule-group-switch > .c8y-switch {
  display: none;
}
.smart-rule-list-card .smart-rule-children {
  order: 9;
  width: 100%;
}
.smart-rule-list-card .smart-rule-children .c8y-child-assets-selector .dropdown-menu.multiselect-container {
  width: 100%;
}
.smart-rule-list-card .card-actions-group {
  position: static;
}
@media (max-width: 767px) {
  .smart-rule-list-card {
    margin-bottom: var(--c8y-unit-base) !important;
  }
  .smart-rule-list-card .card-back .card-header-actions {
    display: flex;
  }
  .smart-rule-list-card .card-back .card-header-actions + .card-inner-scroll:before {
    display: block;
  }
  .smart-rule-list-card .card-header {
    display: block;
    margin: 0 40px !important;
  }
  .smart-rule-list-card .card-actions {
    position: absolute !important;
    top: 0;
    right: 0;
    width: auto;
  }
  .smart-rule-list-card .card-back.collapse {
    height: auto !important;
  }
  .smart-rule-list-card .smart-rule-details {
    height: calc(100% - 88px);
  }
  .smart-rule-list-card .smart-rule-details .row {
    margin: 0;
  }
  .smart-rule-list-card .smart-rule-details .col-sm-3,
  .smart-rule-list-card .smart-rule-details .col-sm-9 {
    padding: 0 var(--c8y-unit-base);
    width: 100%;
  }
}
.interact-grid .smart-rule-list-card .card-header-actions {
  display: flex;
}
.interact-grid .smart-rule-list-card .card-header-actions + .card-inner-scroll:before {
  display: block;
}
.interact-grid .smart-rule-list-card .collapse {
  height: auto !important;
}
.interact-grid .smart-rule-list-card .smart-rule-details {
  height: calc(100% - 88px);
}
.interact-grid .smart-rule-list-card .smart-rule-details .row {
  margin: 0;
}
.interact-grid .smart-rule-list-card .smart-rule-details .col-sm-3,
.interact-grid .smart-rule-list-card .smart-rule-details .col-sm-9 {
  padding: 0 var(--c8y-component-padding, var(--c8y-root-component-padding));
  width: 100%;
}
.interact-grid .smart-rule-list-card .smart-rule-details .audit-list {
  margin: 0 calc(var(--c8y-component-padding, var(--c8y-root-component-padding)) * -1);
}
.interact-grid .smart-rule-list-card .smart-rule-details .audit-list .table tr td:first-child,
.interact-grid .smart-rule-list-card .smart-rule-details .audit-list .table tr th:first-child {
  padding-left: var(--c8y-component-padding, var(--c8y-root-component-padding));
}
.interact-grid .smart-rule-list-card .smart-rule-details .audit-list .table tr td:last-child,
.interact-grid .smart-rule-list-card .smart-rule-details .audit-list .table tr th:last-child {
  padding-right: var(--c8y-component-padding, var(--c8y-root-component-padding));
}
.interact-grid .smart-rule-list-card .card-actions.collapsible {
  width: 40px;
}
.interact-grid .smart-rule-list-card .card-actions.collapsible + .card-header {
  display: block;
  margin: 0 40px;
}
@media (min-width: 768px) {
  .interact-list .smart-rule-list-card {
    padding-right: var(--c8y-unit-base);
    background-color: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
    box-shadow: inset 0 -1px 0 var(--c8y-component-border-color, var(--c8y-root-component-border-color));
  }
  .interact-list .smart-rule-list-card.active {
    background-color: var(--c8y-component-background-expanded, var(--c8y-root-component-background-expanded));
  }
  .interact-list .smart-rule-list-card .card-header,
  .interact-list .smart-rule-list-card .card-actions-group {
    display: none;
  }
  .interact-list .smart-rule-list-card .card-header-actions + .card-inner-scroll:before {
    display: none;
  }
  .interact-list .smart-rule-list-card .smart-rule-state {
    order: 0;
    padding: 0;
    min-width: 60px;
  }
  .interact-list .smart-rule-list-card .smart-rule-state .list-icon {
    display: block;
  }
  .interact-list .smart-rule-list-card .smart-rule-state .card-icon {
    display: none;
  }
  .interact-list .smart-rule-list-card .smart-rule-state .card-icon i {
    vertical-align: bottom;
  }
  .interact-list .smart-rule-list-card .smart-rule-state .card-icon span {
    vertical-align: middle;
  }
  .interact-list .smart-rule-list-card .card-front,
  .interact-list .smart-rule-list-card .card-back {
    margin-bottom: 0;
    background-color: transparent;
    box-shadow: none;
  }
  .interact-list .smart-rule-list-card .card-block {
    display: flex;
    flex-flow: row nowrap;
    padding: 0;
    min-height: calc(var(--c8y-unit-base) * 3 - 1);
  }
  .interact-list .smart-rule-list-card .card-block > .smart-rule-name {
    display: none;
  }
  .interact-list .smart-rule-list-card .smart-rule-group-switch {
    display: flex;
    align-items: center;
    flex: 0 0 4%;
    order: 0;
    padding: 0 10px;
    min-width: 65px;
  }
  .interact-list .smart-rule-list-card .smart-rule-group-switch .c8y-btn-checkbox {
    display: none;
  }
  .interact-list .smart-rule-list-card .smart-rule-group-switch .c8y-switch {
    display: block;
  }
  .interact-list .smart-rule-list-card .smart-rule-children {
    position: relative;
    flex: 0 0 175px;
    order: 1;
    padding: 0 4px 0 4px;
  }
  .interact-list .smart-rule-list-card .smart-rule-children .icon-spin {
    position: absolute;
    top: 14px;
    left: 50%;
    margin-left: -14px;
  }
  .interact-list .smart-rule-list-card .smart-rule-children > label {
    display: none;
  }
  .interact-list .smart-rule-list-card .smart-rule-children .c8y-child-assets-selector .dropdown-menu.multiselect-container {
    min-width: 240px;
  }
  .interact-list .smart-rule-list-card .smart-list-icon-label {
    order: 2;
    margin: 0 var(--c8y-unit-base);
  }
  .interact-list .smart-rule-list-card .smart-rule-description {
    order: 3;
    text-align: left;
  }
  .interact-list .smart-rule-list-card .smart-rule-description .smart-rule-name {
    display: block;
  }
  .interact-list .smart-rule-list-card .card-actions {
    top: 10px;
  }
  .interact-list .smart-rule-list-card .card-actions .btn-collapse {
    display: block;
  }
  .interact-list .smart-rule-list-card .card-back {
    position: static;
    display: inherit;
    overflow: hidden;
    transform: none;
  }
  .interact-list .smart-rule-list-card .card-back .smart-rule-details {
    overflow-y: visible;
    padding: 0 15px;
    max-height: none;
    background-color: transparent;
  }
  .interact-list .smart-rules-list-head {
    display: flex;
  }
}
.smart-rules-list-head {
  display: none;
  flex-flow: row wrap;
  margin: 0 calc(calc(var(--c8y-unit-base) * 3) * 0.5);
  padding: 3px 0;
  width: 100%;
}
.smart-rules-list-head > label {
  padding-left: var(--c8y-unit-base);
}
.smart-rules-list-head .smart-rule-group {
  flex: 0 0 4%;
  min-width: 63px;
}
.smart-rules-list-head .smart-rule-children {
  flex: 0 0 10%;
  min-width: 187px;
}
.smart-rules-list-head .smart-rule-description {
  flex: 0 0 auto;
  max-width: calc(75% - 95px);
}
input[type='range'] {
  margin: 0;
  width: 100%;
  height: 8px;
  border-radius: 4px;
  box-shadow: inset 0 0 0 1px var(--c8y-form-control-border-color-default);
  appearance: none;
  align-self: center;
}
input[type='range']::-moz-focus-outer {
  border: 0;
}
input[type='range']:focus,
input[type='range']:focus-visible {
  outline: none;
}
input[type='range']::-webkit-slider-runnable-track {
  width: 100%;
  height: 8px;
  border-radius: 4px;
  box-shadow: inset 0 0 0 1px var(--c8y-form-control-border-color-default);
  cursor: pointer;
  border: 0;
  background: linear-gradient(90deg, var(--c8y-component-brand-primary, var(--c8y-root-component-brand-primary)) var(--track-width, 0), var(--c8y-component-background-default, var(--c8y-root-component-background-default)) var(--track-width, 0));
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
input[type='range']::-webkit-slider-thumb {
  margin-top: -9px;
  width: 24px;
  height: 24px;
  border: 0;
  border-radius: 24px;
  background: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  box-shadow: inset 0 0 0 1px var(--c8y-form-control-border-color-default), 1px 1px 1px rgba(0, 0, 0, 0.1), 0 0 1px rgba(13, 13, 13, 0.1);
  cursor: pointer;
  -webkit-appearance: none;
}
.range-wrap.inline input[type='range']::-webkit-slider-thumb {
  opacity: 0;
}
input[type='range']:focus::-webkit-slider-thumb {
  box-shadow: inset 0 0 0 2px var(--c8y-form-control-border-color-focus);
}
input[type='range']::-moz-range-track {
  width: 100%;
  height: 8px;
  border-radius: 4px;
  box-shadow: inset 0 0 0 1px var(--c8y-form-control-border-color-default);
  cursor: pointer;
  border: 0;
  background: linear-gradient(90deg, var(--c8y-component-brand-primary, var(--c8y-root-component-brand-primary)) var(--track-width, 0), var(--c8y-component-background-default, var(--c8y-root-component-background-default)) var(--track-width, 0));
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
input[type='range']::-moz-range-thumb {
  width: 24px;
  height: 24px;
  border: 0;
  border-radius: 24px;
  background: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  box-shadow: inset 0 0 0 1px var(--c8y-form-control-border-color-default), 1px 1px 1px rgba(0, 0, 0, 0.1), 0 0 1px rgba(13, 13, 13, 0.1);
  cursor: pointer;
}
.range-wrap.inline input[type='range']::-moz-range-thumb {
  opacity: 0;
}
input[type='range']:focus::-moz-range-thumb {
  box-shadow: inset 0 0 0 2px var(--c8y-form-control-border-color-focus);
}
input[type='range']::-ms-track {
  width: 100%;
  height: 8px;
  border-radius: 4px;
  box-shadow: inset 0 0 0 1px var(--c8y-form-control-border-color-default);
  cursor: pointer;
  border-width: 24px 0;
  border-color: transparent;
  background: transparent;
  color: transparent;
}
input[type='range']::-ms-fill-lower {
  border: 0;
  border-radius: 8px;
  background: var(--c8y-component-brand-primary, var(--c8y-root-component-brand-primary));
  box-shadow: inset 0 1px 2px var(--c8y-component-border-color, var(--c8y-root-component-border-color));
}
input[type='range']::-ms-fill-upper {
  border: 1px solid transparent;
  border-radius: 8px;
  background: var(--c8y-form-control-background-default);
  box-shadow: inset 0 1px 2px var(--c8y-component-border-color, var(--c8y-root-component-border-color));
}
input[type='range']::-ms-thumb {
  width: 24px;
  height: 24px;
  border: 0;
  border-radius: 24px;
  background: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  box-shadow: inset 0 0 0 1px var(--c8y-form-control-border-color-default), 1px 1px 1px rgba(0, 0, 0, 0.1), 0 0 1px rgba(13, 13, 13, 0.1);
  cursor: pointer;
}
.range-wrap.inline input[type='range']::-ms-thumb {
  opacity: 0;
}
input[type='range'][disabled] {
  opacity: 0.5;
  cursor: not-allowed !important;
}
.range-wrap {
  position: relative;
  height: var(--c8y-form-control-height-base);
  display: flex;
  align-items: center;
}
.form-group-sm .range-wrap {
  height: var(--c8y-form-control-height-sm);
}
.range-wrap.start,
.range-wrap.end {
  display: flex;
  flex-direction: row;
  gap: var(--c8y-unit-base);
}
.range-wrap.inline:has(input[type='range']:focus) .range-value > span {
  outline: 2px solid var(--c8y-component-color-focus, var(--c8y-root-component-color-focus));
  outline-offset: -2px;
  border-radius: var(--c8y-component-border-radius-focus, var(--c8y-root-component-border-radius-focus)) !important;
}
.range-wrap input[type='range'] {
  width: 100%;
}
.range-value {
  position: absolute;
  height: calc(var(--c8y-unit-base) * 3);
  top: 0;
  transform: translateY(-19px);
}
.range-wrap.inline .range-value {
  top: 50%;
  transform: translateY(calc(-50% + -1px));
}
.range-wrap:not(.start):not(.end) .range-value > span,
.range-wrap:not(.start):not(.end) .range-value > div {
  position: absolute;
  left: 50%;
  display: block;
  padding: 0 8px;
  width: auto;
  height: calc(var(--c8y-unit-base) * 3);
  border: 1px solid var(--c8y-popover-border-color);
  border-radius: 4px;
  background: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  text-align: center;
  white-space: nowrap;
  font-size: var(--c8y-font-size-small);
  line-height: 23px;
  transform: translate(-50%, 0);
  box-shadow: var(--c8y-elevation-sm);
  pointer-events: none;
}
.range-wrap.start .range-value,
.range-wrap.end .range-value {
  position: static;
  flex-shrink: 0;
  height: auto;
  transform: none;
}
.range-wrap.start .range-value > span:after,
.range-wrap.end .range-value > span:after,
.range-wrap.start .range-value > span:before,
.range-wrap.end .range-value > span:before {
  display: none;
}
.range-wrap.start .range-value {
  order: 0;
}
.range-wrap.end .range-value {
  order: 10;
}
.range-value > span:after,
.range-value > span:before {
  position: absolute;
  top: 100%;
  left: 50%;
  margin-top: -1px;
  width: 0;
  height: 0;
  border-top: 6px solid var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  content: '';
  transform: translateX(-50%);
}
.range-wrap.inline .range-value > span:after,
.range-wrap.inline .range-value > span:before {
  display: none;
}
.range-value > span:before {
  margin-top: 0;
  border-top: 6px solid var(--c8y-popover-border-color);
}
.c8y-empty-state {
  margin: 0 auto;
  max-width: 600px;
  width: 100%;
  color: var(--c8y-component-color-text-muted, var(--c8y-root-component-color-text-muted));
  text-align: center;
}
.c8y-empty-state > .c8y-icon,
.c8y-empty-state > [class^='dlt-c8y-icon-'],
.c8y-empty-state > [class*=' dlt-c8y-icon-'] {
  margin-bottom: var(--c8y-unit-base);
  color: var(--c8y-component-color-text-muted, var(--c8y-root-component-color-text-muted));
  font-size: 90px;
  opacity: 0.6;
}
.dashboard.dashboard-theme-dark .c8y-empty-state > .c8y-icon,
.dashboard.dashboard-theme-dark .c8y-empty-state > [class^='dlt-c8y-icon-'],
.dashboard.dashboard-theme-dark .c8y-empty-state > [class*=' dlt-c8y-icon-'] {
  color: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
}
.dashboard.dashboard-theme-branded .c8y-empty-state > .c8y-icon,
.dashboard.dashboard-theme-branded .c8y-empty-state > [class^='dlt-c8y-icon-'],
.dashboard.dashboard-theme-branded .c8y-empty-state > [class*=' dlt-c8y-icon-'] {
  color: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
}
.c8y-empty-state .btn-link {
  color: var(--c8y-btn-primary-color-default);
  background-color: var(--c8y-btn-primary-background-default);
  border-color: var(--c8y-btn-primary-border-color-default);
}
.c8y-empty-state .btn-link:focus,
.c8y-empty-state .btn-link.focus {
  color: var(--c8y-btn-primary-color-focus);
  background-color: var(--c8y-btn-primary-background-focus);
  border-color: var(--c8y-btn-primary-border-color-focus);
  box-shadow: inset 0 0 0 1px var(--c8y-btn-primary-border-color-focus);
}
.c8y-empty-state .btn-link:hover {
  color: var(--c8y-btn-primary-color-hover);
  background-color: var(--c8y-btn-primary-background-hover);
  border-color: var(--c8y-btn-primary-border-color-hover);
  box-shadow: inset 0 0 0 1px var(--c8y-btn-primary-border-color-hover);
}
.c8y-empty-state .btn-link:active,
.c8y-empty-state .btn-link.active,
.open > .dropdown-toggle.c8y-empty-state .btn-link {
  color: var(--c8y-btn-primary-color-active);
  background-color: var(--c8y-btn-primary-background-active);
  border-color: var(--c8y-btn-primary-border-color-active);
  box-shadow: inset 0 0 0 1px var(--c8y-btn-primary-border-color-active);
  background-image: none;
}
.c8y-empty-state .btn-link.disabled,
.c8y-empty-state .btn-link[disabled],
fieldset[disabled] .c8y-empty-state .btn-link,
.c8y-empty-state .btn-link.disabled:hover,
.c8y-empty-state .btn-link[disabled]:hover,
fieldset[disabled] .c8y-empty-state .btn-link:hover,
.c8y-empty-state .btn-link.disabled:focus,
.c8y-empty-state .btn-link[disabled]:focus,
fieldset[disabled] .c8y-empty-state .btn-link:focus,
.c8y-empty-state .btn-link.disabled.focus,
.c8y-empty-state .btn-link[disabled].focus,
fieldset[disabled] .c8y-empty-state .btn-link.focus,
.c8y-empty-state .btn-link.disabled:active,
.c8y-empty-state .btn-link[disabled]:active,
fieldset[disabled] .c8y-empty-state .btn-link:active,
.c8y-empty-state .btn-link.disabled.active,
.c8y-empty-state .btn-link[disabled].active,
fieldset[disabled] .c8y-empty-state .btn-link.active {
  color: var(--c8y-btn-primary-color-default);
  background-color: var(--c8y-btn-primary-background-default);
  border-color: var(--c8y-btn-primary-border-color-default);
}
.c8y-empty-state .btn-link .badge {
  border-width: 1px;
  border-style: solid;
  border-color: var(--c8y-palette-high);
}
.dashboard.dashboard-theme-branded .c8y-empty-state .btn-primary {
  color: var(--c8y-btn-default-color-default);
  background-color: var(--c8y-btn-default-background-default);
  border-color: var(--c8y-btn-default-border-color-default);
}
.dashboard.dashboard-theme-branded .c8y-empty-state .btn-primary:focus,
.dashboard.dashboard-theme-branded .c8y-empty-state .btn-primary.focus {
  color: var(--c8y-btn-default-color-focus);
  background-color: var(--c8y-btn-default-background-focus);
  border-color: var(--c8y-btn-default-border-color-focus);
  box-shadow: inset 0 0 0 1px var(--c8y-btn-default-border-color-focus);
}
.dashboard.dashboard-theme-branded .c8y-empty-state .btn-primary:hover {
  color: var(--c8y-btn-default-color-hover);
  background-color: var(--c8y-btn-default-background-hover);
  border-color: var(--c8y-btn-default-border-color-hover);
  box-shadow: inset 0 0 0 1px var(--c8y-btn-default-border-color-hover);
}
.dashboard.dashboard-theme-branded .c8y-empty-state .btn-primary:active,
.dashboard.dashboard-theme-branded .c8y-empty-state .btn-primary.active,
.open > .dropdown-toggle.dashboard.dashboard-theme-branded .c8y-empty-state .btn-primary {
  color: var(--c8y-btn-default-color-active);
  background-color: var(--c8y-btn-default-background-active);
  border-color: var(--c8y-btn-default-border-color-active);
  box-shadow: inset 0 0 0 1px var(--c8y-btn-default-border-color-active);
  background-image: none;
}
.dashboard.dashboard-theme-branded .c8y-empty-state .btn-primary.disabled,
.dashboard.dashboard-theme-branded .c8y-empty-state .btn-primary[disabled],
fieldset[disabled] .dashboard.dashboard-theme-branded .c8y-empty-state .btn-primary,
.dashboard.dashboard-theme-branded .c8y-empty-state .btn-primary.disabled:hover,
.dashboard.dashboard-theme-branded .c8y-empty-state .btn-primary[disabled]:hover,
fieldset[disabled] .dashboard.dashboard-theme-branded .c8y-empty-state .btn-primary:hover,
.dashboard.dashboard-theme-branded .c8y-empty-state .btn-primary.disabled:focus,
.dashboard.dashboard-theme-branded .c8y-empty-state .btn-primary[disabled]:focus,
fieldset[disabled] .dashboard.dashboard-theme-branded .c8y-empty-state .btn-primary:focus,
.dashboard.dashboard-theme-branded .c8y-empty-state .btn-primary.disabled.focus,
.dashboard.dashboard-theme-branded .c8y-empty-state .btn-primary[disabled].focus,
fieldset[disabled] .dashboard.dashboard-theme-branded .c8y-empty-state .btn-primary.focus,
.dashboard.dashboard-theme-branded .c8y-empty-state .btn-primary.disabled:active,
.dashboard.dashboard-theme-branded .c8y-empty-state .btn-primary[disabled]:active,
fieldset[disabled] .dashboard.dashboard-theme-branded .c8y-empty-state .btn-primary:active,
.dashboard.dashboard-theme-branded .c8y-empty-state .btn-primary.disabled.active,
.dashboard.dashboard-theme-branded .c8y-empty-state .btn-primary[disabled].active,
fieldset[disabled] .dashboard.dashboard-theme-branded .c8y-empty-state .btn-primary.active {
  color: var(--c8y-btn-default-color-default);
  background-color: var(--c8y-btn-default-background-default);
  border-color: var(--c8y-btn-default-border-color-default);
}
.dashboard.dashboard-theme-branded .c8y-empty-state .btn-primary .badge {
  border-width: 1px;
  border-style: solid;
  border-color: var(--c8y-palette-high);
}
.dashboard.dashboard-theme-branded .c8y-empty-state a {
  color: var(--c8y-component-color-default, var(--c8y-root-component-color-default));
  text-decoration: underline;
}
.c8y-empty-state.empty-list {
  display: flex;
  flex-flow: row nowrap;
  text-align: left;
}
.c8y-empty-state.empty-list > .c8y-icon,
.c8y-empty-state.empty-list > [class^='dlt-c8y-icon-'],
.c8y-empty-state.empty-list > [class*=' dlt-c8y-icon-'] {
  flex: 0 0 auto;
  margin-right: 5px;
  color: var(--c8y-component-color-text-muted, var(--c8y-root-component-color-text-muted));
  font-size: 30px;
}
.c8y-empty-state.empty-list p {
  align-self: center;
  flex: 1 1 auto;
  margin-bottom: 0;
  color: var(--c8y-component-color-text-muted, var(--c8y-root-component-color-text-muted));
}
.c8y-empty-state--horizontal {
  display: flex;
  flex-flow: row nowrap;
  margin: 0;
  padding: var(--c8y-unit-base);
  max-width: 100%;
  text-align: left !important;
}
.c8y-empty-state--horizontal > .c8y-icon,
.c8y-empty-state--horizontal > [class^='dlt-c8y-icon-'],
.c8y-empty-state--horizontal > [class*=' dlt-c8y-icon-'] {
  flex: 0 0 auto;
  margin-right: 4px;
  margin-bottom: 0;
  font-size: 30px;
}
.c8y-empty-state--horizontal h3 {
  align-self: center;
  font-size: inherit;
}
.c8y-empty-state--horizontal p {
  align-self: center;
  flex: 0 1 auto;
  margin-bottom: 0;
  color: var(--c8y-component-color-text-muted, var(--c8y-root-component-color-text-muted));
}
.c8y-empty-state .card-block .c8y-empty-state {
  padding: var(--c8y-unit-base) 0;
}
.panel .c8y-empty-state,
.card .c8y-empty-state,
.c8y-nav-stacked .c8y-empty-state,
.c8y-list__item .c8y-empty-state,
td .c8y-empty-state,
.modal-content .c8y-empty-state,
.smart-rest-editor .c8y-empty-state {
  display: flex;
  flex-flow: row nowrap;
  margin-left: 0;
  padding: var(--c8y-unit-base);
  text-align: left !important;
}
.panel .c8y-empty-state > .c8y-icon,
.card .c8y-empty-state > .c8y-icon,
.c8y-nav-stacked .c8y-empty-state > .c8y-icon,
.c8y-list__item .c8y-empty-state > .c8y-icon,
td .c8y-empty-state > .c8y-icon,
.modal-content .c8y-empty-state > .c8y-icon,
.smart-rest-editor .c8y-empty-state > .c8y-icon,
.panel .c8y-empty-state > [class^='dlt-c8y-icon-'],
.card .c8y-empty-state > [class^='dlt-c8y-icon-'],
.c8y-nav-stacked .c8y-empty-state > [class^='dlt-c8y-icon-'],
.c8y-list__item .c8y-empty-state > [class^='dlt-c8y-icon-'],
td .c8y-empty-state > [class^='dlt-c8y-icon-'],
.modal-content .c8y-empty-state > [class^='dlt-c8y-icon-'],
.smart-rest-editor .c8y-empty-state > [class^='dlt-c8y-icon-'],
.panel .c8y-empty-state > [class*=' dlt-c8y-icon-'],
.card .c8y-empty-state > [class*=' dlt-c8y-icon-'],
.c8y-nav-stacked .c8y-empty-state > [class*=' dlt-c8y-icon-'],
.c8y-list__item .c8y-empty-state > [class*=' dlt-c8y-icon-'],
td .c8y-empty-state > [class*=' dlt-c8y-icon-'],
.modal-content .c8y-empty-state > [class*=' dlt-c8y-icon-'],
.smart-rest-editor .c8y-empty-state > [class*=' dlt-c8y-icon-'] {
  flex: 0 0 45px;
  margin-right: 5px;
  margin-bottom: 0;
  font-size: 30px;
}
.panel .c8y-empty-state h3,
.card .c8y-empty-state h3,
.c8y-nav-stacked .c8y-empty-state h3,
.c8y-list__item .c8y-empty-state h3,
td .c8y-empty-state h3,
.modal-content .c8y-empty-state h3,
.smart-rest-editor .c8y-empty-state h3 {
  align-self: center;
  margin-right: 5px;
  font-weight: bold;
  font-size: inherit;
}
.panel .c8y-empty-state p,
.card .c8y-empty-state p,
.c8y-nav-stacked .c8y-empty-state p,
.c8y-list__item .c8y-empty-state p,
td .c8y-empty-state p,
.modal-content .c8y-empty-state p,
.smart-rest-editor .c8y-empty-state p {
  align-self: center;
  flex: 0 1 auto;
  margin-bottom: 0;
  color: var(--c8y-component-color-text-muted, var(--c8y-root-component-color-text-muted));
}
.panel .card-block .c8y-empty-state,
.card .card-block .c8y-empty-state,
.c8y-nav-stacked .card-block .c8y-empty-state,
.c8y-list__item .card-block .c8y-empty-state,
td .card-block .c8y-empty-state,
.modal-content .card-block .c8y-empty-state,
.smart-rest-editor .card-block .c8y-empty-state {
  padding: var(--c8y-unit-base) 0;
}
.c8y-nav-stacked .c8y-empty-state,
.smart-rest-editor .c8y-empty-state {
  padding: 0;
}
.no-results {
  padding-top: var(--c8y-component-padding, var(--c8y-root-component-padding));
  text-align: center;
}
.no-results .c8y-empty-state {
  display: inline-block;
  max-width: 280px;
  text-align: center !important;
}
@media (max-width: 480px) {
  .c8y-empty-state:not(.c8y-empty-state--horizontal) {
    padding: 8rem 4rem;
  }
}
/* flex grid for card groups*/
.card-group,
.card-group-block {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  margin-bottom: calc(var(--c8y-unit-base) * 2);
}
.card-group {
  margin-right: calc(calc(var(--c8y-unit-base) * 3) * -0.5);
  margin-left: calc(calc(var(--c8y-unit-base) * 3) * -0.5);
  /* use col-** for horizontal spacing.*/
}
.card-group > [class^='col-xs-'],
.card-group > [class*=' col-xs'],
.card-group > [class^='col-sm-'],
.card-group > [class*=' col-sm'],
.card-group > [class^='col-md-'] > [class*=' col-md'],
.card-group > [class^='col-lg-'],
.card-group > [class*=' col-lg'] {
  display: flex;
}
.card-group > [class^='col-xs-'] > .card,
.card-group > [class*=' col-xs'] > .card,
.card-group > [class^='col-sm-'] > .card,
.card-group > [class*=' col-sm'] > .card,
.card-group > [class^='col-md-'] > [class*=' col-md'] > .card,
.card-group > [class^='col-lg-'] > .card,
.card-group > [class*=' col-lg'] > .card,
.card-group > [class^='col-xs-'] > .d-contents > .card,
.card-group > [class*=' col-xs'] > .d-contents > .card,
.card-group > [class^='col-sm-'] > .d-contents > .card,
.card-group > [class*=' col-sm'] > .d-contents > .card,
.card-group > [class^='col-md-'] > [class*=' col-md'] > .d-contents > .card,
.card-group > [class^='col-lg-'] > .d-contents > .card,
.card-group > [class*=' col-lg'] > .d-contents > .card,
.card-group > [class^='col-xs-'] > span,
.card-group > [class*=' col-xs'] > span,
.card-group > [class^='col-sm-'] > span,
.card-group > [class*=' col-sm'] > span,
.card-group > [class^='col-md-'] > [class*=' col-md'] > span,
.card-group > [class^='col-lg-'] > span,
.card-group > [class*=' col-lg'] > span {
  width: 100%;
}
.card-group > [class^='col-xs-'] > span,
.card-group > [class*=' col-xs'] > span,
.card-group > [class^='col-sm-'] > span,
.card-group > [class*=' col-sm'] > span,
.card-group > [class^='col-md-'] > [class*=' col-md'] > span,
.card-group > [class^='col-lg-'] > span,
.card-group > [class*=' col-lg'] > span {
  display: flex;
  align-self: stretch;
}
.card-group > [class^='col-xs-'] > span > .card,
.card-group > [class*=' col-xs'] > span > .card,
.card-group > [class^='col-sm-'] > span > .card,
.card-group > [class*=' col-sm'] > span > .card,
.card-group > [class^='col-md-'] > [class*=' col-md'] > span > .card,
.card-group > [class^='col-lg-'] > span > .card,
.card-group > [class*=' col-lg'] > span > .card {
  width: 100%;
}
.card-group .card {
  align-self: stretch;
}
.card-group:not(.interact-list) .card--d-col {
  display: flex;
  flex-direction: column;
}
.card-group:not(.interact-list) .card--d-col .card-footer {
  margin-top: auto;
}
.card-group-block .card {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .card-group.interact-list > [class^='col-xs-'],
  .card-group-block.interact-list > [class^='col-xs-'],
  .card-group.interact-list > [class*=' col-xs'],
  .card-group-block.interact-list > [class*=' col-xs'],
  .card-group.interact-list > [class^='col-sm-'],
  .card-group-block.interact-list > [class^='col-sm-'],
  .card-group.interact-list > [class*=' col-sm'],
  .card-group-block.interact-list > [class*=' col-sm'],
  .card-group.interact-list > [class^='col-md-'],
  .card-group-block.interact-list > [class^='col-md-'],
  .card-group.interact-list > [class*=' col-md'],
  .card-group-block.interact-list > [class*=' col-md'],
  .card-group.interact-list > [class^='col-lg-'],
  .card-group-block.interact-list > [class^='col-lg-'],
  .card-group.interact-list > [class*=' col-lg'],
  .card-group-block.interact-list > [class*=' col-lg'] {
    width: 100%;
  }
  .card-group.interact-list > [class^='col-xs-'] > .card,
  .card-group-block.interact-list > [class^='col-xs-'] > .card,
  .card-group.interact-list > [class*=' col-xs'] > .card,
  .card-group-block.interact-list > [class*=' col-xs'] > .card,
  .card-group.interact-list > [class^='col-sm-'] > .card,
  .card-group-block.interact-list > [class^='col-sm-'] > .card,
  .card-group.interact-list > [class*=' col-sm'] > .card,
  .card-group-block.interact-list > [class*=' col-sm'] > .card,
  .card-group.interact-list > [class^='col-md-'] > .card,
  .card-group-block.interact-list > [class^='col-md-'] > .card,
  .card-group.interact-list > [class*=' col-md'] > .card,
  .card-group-block.interact-list > [class*=' col-md'] > .card,
  .card-group.interact-list > [class^='col-lg-'] > .card,
  .card-group-block.interact-list > [class^='col-lg-'] > .card,
  .card-group.interact-list > [class*=' col-lg'] > .card,
  .card-group-block.interact-list > [class*=' col-lg'] > .card,
  .card-group.interact-list > [class^='col-xs-'] > .d-contents > .card,
  .card-group-block.interact-list > [class^='col-xs-'] > .d-contents > .card,
  .card-group.interact-list > [class*=' col-xs'] > .d-contents > .card,
  .card-group-block.interact-list > [class*=' col-xs'] > .d-contents > .card,
  .card-group.interact-list > [class^='col-sm-'] > .d-contents > .card,
  .card-group-block.interact-list > [class^='col-sm-'] > .d-contents > .card,
  .card-group.interact-list > [class*=' col-sm'] > .d-contents > .card,
  .card-group-block.interact-list > [class*=' col-sm'] > .d-contents > .card,
  .card-group.interact-list > [class^='col-md-'] > .d-contents > .card,
  .card-group-block.interact-list > [class^='col-md-'] > .d-contents > .card,
  .card-group.interact-list > [class*=' col-md'] > .d-contents > .card,
  .card-group-block.interact-list > [class*=' col-md'] > .d-contents > .card,
  .card-group.interact-list > [class^='col-lg-'] > .d-contents > .card,
  .card-group-block.interact-list > [class^='col-lg-'] > .d-contents > .card,
  .card-group.interact-list > [class*=' col-lg'] > .d-contents > .card,
  .card-group-block.interact-list > [class*=' col-lg'] > .d-contents > .card {
    display: flex;
    margin-bottom: 0;
    padding: var(--c8y-unit-base) 0;
    box-shadow: inset 0 -1px 0 var(--c8y-component-border-color, var(--c8y-root-component-border-color));
  }
  .card-group.interact-list > [class^='col-xs-'] > .card > hr,
  .card-group-block.interact-list > [class^='col-xs-'] > .card > hr,
  .card-group.interact-list > [class*=' col-xs'] > .card > hr,
  .card-group-block.interact-list > [class*=' col-xs'] > .card > hr,
  .card-group.interact-list > [class^='col-sm-'] > .card > hr,
  .card-group-block.interact-list > [class^='col-sm-'] > .card > hr,
  .card-group.interact-list > [class*=' col-sm'] > .card > hr,
  .card-group-block.interact-list > [class*=' col-sm'] > .card > hr,
  .card-group.interact-list > [class^='col-md-'] > .card > hr,
  .card-group-block.interact-list > [class^='col-md-'] > .card > hr,
  .card-group.interact-list > [class*=' col-md'] > .card > hr,
  .card-group-block.interact-list > [class*=' col-md'] > .card > hr,
  .card-group.interact-list > [class^='col-lg-'] > .card > hr,
  .card-group-block.interact-list > [class^='col-lg-'] > .card > hr,
  .card-group.interact-list > [class*=' col-lg'] > .card > hr,
  .card-group-block.interact-list > [class*=' col-lg'] > .card > hr,
  .card-group.interact-list > [class^='col-xs-'] > .d-contents > .card > hr,
  .card-group-block.interact-list > [class^='col-xs-'] > .d-contents > .card > hr,
  .card-group.interact-list > [class*=' col-xs'] > .d-contents > .card > hr,
  .card-group-block.interact-list > [class*=' col-xs'] > .d-contents > .card > hr,
  .card-group.interact-list > [class^='col-sm-'] > .d-contents > .card > hr,
  .card-group-block.interact-list > [class^='col-sm-'] > .d-contents > .card > hr,
  .card-group.interact-list > [class*=' col-sm'] > .d-contents > .card > hr,
  .card-group-block.interact-list > [class*=' col-sm'] > .d-contents > .card > hr,
  .card-group.interact-list > [class^='col-md-'] > .d-contents > .card > hr,
  .card-group-block.interact-list > [class^='col-md-'] > .d-contents > .card > hr,
  .card-group.interact-list > [class*=' col-md'] > .d-contents > .card > hr,
  .card-group-block.interact-list > [class*=' col-md'] > .d-contents > .card > hr,
  .card-group.interact-list > [class^='col-lg-'] > .d-contents > .card > hr,
  .card-group-block.interact-list > [class^='col-lg-'] > .d-contents > .card > hr,
  .card-group.interact-list > [class*=' col-lg'] > .d-contents > .card > hr,
  .card-group-block.interact-list > [class*=' col-lg'] > .d-contents > .card > hr {
    display: none;
  }
  .card-group.interact-list .card-header,
  .card-group-block.interact-list .card-header {
    flex: 0 0 auto;
    padding: calc(var(--c8y-unit-base) + 2px) var(--c8y-component-padding, var(--c8y-root-component-padding));
    width: 20%;
    border-bottom: 0;
  }
  .card-group.interact-list .card-header .card-title,
  .card-group-block.interact-list .card-header .card-title {
    height: auto;
    font-size: var(--c8y-font-size-base);
    line-height: unset;
  }
  .card-group.interact-list .card-header.separator,
  .card-group-block.interact-list .card-header.separator {
    box-shadow: none;
  }
  .card-group.interact-list .card-header .statusContainer,
  .card-group-block.interact-list .card-header .statusContainer {
    margin-left: -2px;
    font-size: 20px;
  }
  .card-group.interact-list .card-appicon,
  .card-group-block.interact-list .card-appicon {
    margin-right: var(--c8y-unit-base);
    padding-top: 0;
    height: 22px;
    font-size: 22px;
  }
  .card-group.interact-list .card-block,
  .card-group-block.interact-list .card-block,
  .card-group.interact-list .card-footer,
  .card-group-block.interact-list .card-footer {
    display: flex;
    align-items: center;
    flex-flow: row nowrap;
    flex-grow: 1;
    padding: 10px;
    min-height: calc(var(--c8y-unit-base) * 6px);
  }
  .card-group.interact-list .card-block p,
  .card-group-block.interact-list .card-block p,
  .card-group.interact-list .card-footer p,
  .card-group-block.interact-list .card-footer p {
    margin: 0;
    padding: 0 5px;
  }
  .card-group.interact-list .card-block .text-label-small,
  .card-group-block.interact-list .card-block .text-label-small,
  .card-group.interact-list .card-footer .text-label-small,
  .card-group-block.interact-list .card-footer .text-label-small {
    display: none;
  }
  .card-group.interact-list .card-block.separator,
  .card-group-block.interact-list .card-block.separator,
  .card-group.interact-list .card-footer.separator,
  .card-group-block.interact-list .card-footer.separator {
    box-shadow: none;
  }
  .card-group.interact-list .card-hidden-list,
  .card-group-block.interact-list .card-hidden-list {
    display: none !important;
  }
  .card-group.interact-list .page-sticky-header .card-block,
  .card-group-block.interact-list .page-sticky-header .card-block,
  .card-group.interact-list .page-sticky-header .card-header,
  .card-group-block.interact-list .page-sticky-header .card-header,
  .card-group.interact-list .page-sticky-header .card-footer,
  .card-group-block.interact-list .page-sticky-header .card-footer,
  .card-group.interact-list .page-sticky-header .card-actions-group,
  .card-group-block.interact-list .page-sticky-header .card-actions-group {
    padding-top: 4px;
    padding-bottom: 4px;
    min-height: var(--c8y-page-sticky-header-height);
    text-align: left;
  }
  .card-group.interact-list .card-block.text-center,
  .card-group-block.interact-list .card-block.text-center,
  .card-group.interact-list .card-header.text-center,
  .card-group-block.interact-list .card-header.text-center,
  .card-group.interact-list .card-footer.text-center,
  .card-group-block.interact-list .card-footer.text-center,
  .card-group.interact-list .card-actions-group.text-center,
  .card-group-block.interact-list .card-actions-group.text-center {
    text-align: left !important;
  }
  .card-group.interact-list .card-column-20,
  .card-group-block.interact-list .card-column-20 {
    width: 20%;
  }
  .card-group.interact-list .card-column-30,
  .card-group-block.interact-list .card-column-30 {
    width: 30%;
  }
  .card-group.interact-list .card-column-40,
  .card-group-block.interact-list .card-column-40 {
    width: 40%;
  }
  .card-group.interact-list .card-column-50,
  .card-group-block.interact-list .card-column-50 {
    width: 50%;
  }
  .card-group.interact-list .card-column-60,
  .card-group-block.interact-list .card-column-60 {
    width: 60%;
  }
  .card-group.interact-list .card-column-70,
  .card-group-block.interact-list .card-column-70 {
    width: 70%;
  }
  .card-group.interact-list .card-column-80,
  .card-group-block.interact-list .card-column-80 {
    width: 80%;
  }
  .card-group.interact-list .card-column-90,
  .card-group-block.interact-list .card-column-90 {
    width: 90%;
  }
  .card-group.interact-list .card-column-100,
  .card-group-block.interact-list .card-column-100 {
    width: 100%;
  }
  .card-group.interact-list .card-actions,
  .card-group-block.interact-list .card-actions {
    top: var(--c8y-unit-base);
  }
  .card-group.interact-list .card-actions ~ .card-block,
  .card-group-block.interact-list .card-actions ~ .card-block {
    margin-right: 44px;
  }
  .card-group.interact-list .card-actions ~ .card-block.card-block-list,
  .card-group-block.interact-list .card-actions ~ .card-block.card-block-list {
    display: block;
    margin-right: 0;
  }
  .card-group.interact-list .card-actions ~ .card-block + .card-footer,
  .card-group-block.interact-list .card-actions ~ .card-block + .card-footer {
    margin-right: 40px;
    margin-left: auto;
    padding: 10px;
  }
  .card-group.interact-list .card-actions ~ .card-block + .card-footer.separator,
  .card-group-block.interact-list .card-actions ~ .card-block + .card-footer.separator {
    border-top: 0;
  }
  .card-group.interact-list .card-item-last,
  .card-group-block.interact-list .card-item-last {
    flex: 0 0 220px;
    margin-left: auto;
  }
  .card-group.interact-list .card-actions-group,
  .card-group-block.interact-list .card-actions-group {
    order: 99;
    margin-left: auto;
  }
  .card-group.interact-list .smart-rule-list-card .card-actions,
  .card-group-block.interact-list .smart-rule-list-card .card-actions {
    top: 10px;
  }
  .interact-list .card-hidden-list {
    display: none !important;
  }
  .interact-list .text-center-list {
    text-align: center;
    justify-content: center;
  }
}
@media (max-width: 767px) {
  .card-hidden-grid {
    display: none !important;
  }
}
.interact-grid .card-hidden-grid {
  display: none !important;
}
.interact-grid .card[ng-click]:not(.add-card):not(.not-active),
.interact-grid .card.pointer,
.interact-grid a.card:not(.add-card) {
  transition: transform 0.25s ease-in-out, box-shadow 0.25s ease-in-out;
}
.interact-grid .card[ng-click]:not(.add-card):not(.not-active):hover,
.interact-grid .card.pointer:hover,
.interact-grid a.card:not(.add-card):hover,
.interact-grid .card[ng-click]:not(.add-card):not(.not-active):focus,
.interact-grid .card.pointer:focus,
.interact-grid a.card:not(.add-card):focus {
  z-index: 1000;
  text-decoration: none;
  box-shadow: var(--c8y-elevation-hover);
  color: var(--text-color, var(--c8y-component-color-default, var(--c8y-root-component-color-default)));
  filter: none;
}
.interact-grid .card[ng-click]:not(.add-card):not(.not-active):hover .dropdown.open .dropdown-menu,
.interact-grid .card.pointer:hover .dropdown.open .dropdown-menu,
.interact-grid a.card:not(.add-card):hover .dropdown.open .dropdown-menu,
.interact-grid .card[ng-click]:not(.add-card):not(.not-active):focus .dropdown.open .dropdown-menu,
.interact-grid .card.pointer:focus .dropdown.open .dropdown-menu,
.interact-grid a.card:not(.add-card):focus .dropdown.open .dropdown-menu {
  box-shadow: var(--c8y-elevation-md-bottom);
  box-shadow: var(--c8y-elevation-md-right);
}
.interact-grid .card[ng-click]:not(.add-card):not(.not-active) .card-header .statusContainer,
.interact-grid .card.pointer .card-header .statusContainer,
.interact-grid a.card:not(.add-card) .card-header .statusContainer {
  margin-left: -2px;
  font-size: 20px;
}
.interact-grid .card[ng-click]:not(.add-card):not(.not-active) .card-header .statusContainer .sendStatus,
.interact-grid .card.pointer .card-header .statusContainer .sendStatus,
.interact-grid a.card:not(.add-card) .card-header .statusContainer .sendStatus {
  margin-top: -3px;
}
.interact-grid .card[ng-click]:not(.add-card):not(.not-active) .card-header .card-icon,
.interact-grid .card.pointer .card-header .card-icon,
.interact-grid a.card:not(.add-card) .card-header .card-icon {
  margin-top: -3px;
  line-height: 1;
}
.interact-grid .card[ng-click]:not(.add-card):not(.not-active) .card-header .card-icon > c8y-device-status-display,
.interact-grid .card.pointer .card-header .card-icon > c8y-device-status-display,
.interact-grid a.card:not(.add-card) .card-header .card-icon > c8y-device-status-display {
  display: block;
  max-height: 20px;
}
.interact-grid .card[ng-click]:not(.add-card):not(.not-active) .card-header ~ .card-block,
.interact-grid .card.pointer .card-header ~ .card-block,
.interact-grid a.card:not(.add-card) .card-header ~ .card-block {
  display: flex;
  flex-flow: column wrap;
  padding-top: var(--c8y-component-padding, var(--c8y-root-component-padding));
}
.interact-grid .card[ng-click]:not(.add-card):not(.not-active) .card-header ~ .card-block > p,
.interact-grid .card.pointer .card-header ~ .card-block > p,
.interact-grid a.card:not(.add-card) .card-header ~ .card-block > p {
  width: 100%;
}
.interact-grid .card[ng-click]:not(.add-card):not(.not-active) .card-header ~ .card-block > [class^='col-xs-'],
.interact-grid .card.pointer .card-header ~ .card-block > [class^='col-xs-'],
.interact-grid a.card:not(.add-card) .card-header ~ .card-block > [class^='col-xs-'],
.interact-grid .card[ng-click]:not(.add-card):not(.not-active) .card-header ~ .card-block > [class*=' col-xs'],
.interact-grid .card.pointer .card-header ~ .card-block > [class*=' col-xs'],
.interact-grid a.card:not(.add-card) .card-header ~ .card-block > [class*=' col-xs'],
.interact-grid .card[ng-click]:not(.add-card):not(.not-active) .card-header ~ .card-block > [class^='col-sm-'],
.interact-grid .card.pointer .card-header ~ .card-block > [class^='col-sm-'],
.interact-grid a.card:not(.add-card) .card-header ~ .card-block > [class^='col-sm-'],
.interact-grid .card[ng-click]:not(.add-card):not(.not-active) .card-header ~ .card-block > [class*=' col-sm'],
.interact-grid .card.pointer .card-header ~ .card-block > [class*=' col-sm'],
.interact-grid a.card:not(.add-card) .card-header ~ .card-block > [class*=' col-sm'],
.interact-grid .card[ng-click]:not(.add-card):not(.not-active) .card-header ~ .card-block > [class^='col-md-'],
.interact-grid .card.pointer .card-header ~ .card-block > [class^='col-md-'],
.interact-grid a.card:not(.add-card) .card-header ~ .card-block > [class^='col-md-'],
.interact-grid .card[ng-click]:not(.add-card):not(.not-active) .card-header ~ .card-block > [class*=' col-md'],
.interact-grid .card.pointer .card-header ~ .card-block > [class*=' col-md'],
.interact-grid a.card:not(.add-card) .card-header ~ .card-block > [class*=' col-md'],
.interact-grid .card[ng-click]:not(.add-card):not(.not-active) .card-header ~ .card-block > [class^='col-lg-'],
.interact-grid .card.pointer .card-header ~ .card-block > [class^='col-lg-'],
.interact-grid a.card:not(.add-card) .card-header ~ .card-block > [class^='col-lg-'],
.interact-grid .card[ng-click]:not(.add-card):not(.not-active) .card-header ~ .card-block > [class*=' col-lg'],
.interact-grid .card.pointer .card-header ~ .card-block > [class*=' col-lg'],
.interact-grid a.card:not(.add-card) .card-header ~ .card-block > [class*=' col-lg'] {
  padding: 0;
  width: 100%;
}
.interact-grid.card-group-block .card[ng-click]:not(.add-card):not(.not-active),
.interact-grid.card-group-block .card.pointer,
.interact-grid.card-group-block a.card:not(.add-card) {
  box-shadow: 0 0 0 1px var(--c8y-component-border-color, var(--c8y-root-component-border-color));
  transition: all 0.25s ease;
}
.interact-grid.card-group-block .card[ng-click]:not(.add-card):not(.not-active):hover,
.interact-grid.card-group-block .card.pointer:hover,
.interact-grid.card-group-block a.card:not(.add-card):hover,
.interact-grid.card-group-block .card[ng-click]:not(.add-card):not(.not-active):focus,
.interact-grid.card-group-block .card.pointer:focus,
.interact-grid.card-group-block a.card:not(.add-card):focus {
  z-index: 1000;
  text-decoration: none;
  box-shadow: 0 0 0 1px var(--c8y-component-border-color, var(--c8y-root-component-border-color));
  color: var(--text-color, var(--c8y-component-color-default, var(--c8y-root-component-color-default)));
  filter: none;
  outline: 2px solid var(--c8y-component-brand-primary, var(--c8y-root-component-brand-primary));
  outline-offset: -2px;
}
.interact-grid .card-hidden-grid {
  display: none !important;
}
.interact-grid .text-center-grid {
  text-align: center;
  justify-content: center;
}
.interact-grid .card-actions + .card-header .card-title:not(.smart-rule-name) {
  margin-right: 24px;
}
.card-inner-scroll .interact-grid .card[ng-click]:not(.add-card):hover,
.card-inner-scroll .interact-grid a.card:not(.add-card):hover,
.card-inner-scroll .interact-grid .card[ng-click]:not(.add-card):focus,
.card-inner-scroll .interact-grid a.card:not(.add-card):focus {
  transform: scale(1);
}
@media (max-width: 767px) {
  .interact-list .card[ng-click],
  .interact-list .card.pointer {
    transition: transform 0.25s ease-in-out, box-shadow 0.25s ease-in-out;
  }
  .interact-list .card[ng-click]:hover,
  .interact-list .card.pointer:hover,
  .interact-list .card[ng-click]:focus,
  .interact-list .card.pointer:focus {
    z-index: 1000;
    box-shadow: 0 20px 15px rgba(0, 0, 0, 0.1), 0 -2px 10px 1px rgba(0, 0, 0, 0.03);
    text-decoration: none;
    transform: scale(1.05);
  }
  .interact-list .card[ng-click] .card-header ~ .card-block,
  .interact-list .card.pointer .card-header ~ .card-block {
    display: flex;
    flex-flow: column wrap;
  }
  .interact-list .card[ng-click] .card-header ~ .card-block > p,
  .interact-list .card.pointer .card-header ~ .card-block > p {
    width: 100%;
  }
  .interact-list .text-center-grid {
    text-align: center;
    justify-content: center;
  }
  .interact-list .card-actions + .card-header .card-title {
    margin-right: 44px;
  }
}
c8y-item-selector {
  display: block;
}
@media (min-width: 767px) {
  .c8y-list__item c8y-item-selector.form-group-sm {
    margin-top: -4px;
    margin-bottom: -4px;
  }
}
.c8y-child-assets-selector {
  position: relative;
  z-index: 1;
  display: block;
  margin: 0;
}
.c8y-child-assets-selector > .btn {
  position: relative;
  padding-right: 24px !important;
  text-align: left;
  display: block;
  padding: var(--c8y-form-control-padding-base-vertical) var(--c8y-form-control-padding-base-horizontal);
  width: 100%;
  height: var(--c8y-form-control-height-base);
  border: 0;
  border-radius: var(--c8y-form-control-border-radius);
  background-color: var(--c8y-form-control-background-default);
  background-image: none;
  box-shadow: inset 0 0 0 var(--c8y-form-control-border-width, 1px) var(--c8y-form-control-border-color-default);
  color: var(--c8y-form-control-color-default);
  font-weight: var(--c8y-form-control-font-weight);
  font-size: var(--c8y-font-size-base);
  font-family: var(--font-family-base, var(--c8y-form-control-font-family));
  line-height: var(--c8y-form-control-line-height);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.c8y-child-assets-selector > .btn:focus {
  border-color: var(--c8y-form-control-border-color-focus);
  outline: 0;
  box-shadow: inset 0 0 0 2px var(--c8y-form-control-border-color-focus);
  background-color: var(--c8y-form-control-background-focus);
  color: var(--c8y-form-control-color-focus);
}
.c8y-child-assets-selector > .btn::-moz-placeholder {
  color: var(--c8y-form-control-placeholder-color);
  opacity: 1;
  font-style: italic;
}
.c8y-child-assets-selector > .btn:-ms-input-placeholder {
  color: var(--c8y-form-control-placeholder-color);
  font-style: italic;
}
.c8y-child-assets-selector > .btn::-webkit-input-placeholder {
  color: var(--c8y-form-control-placeholder-color);
  font-style: italic;
}
.c8y-child-assets-selector > .btn::-moz-placeholder {
  color: var(--c8y-form-control-placeholder-color);
  opacity: 1;
  font-style: var(--c8y-form-control-placeholder-font-style);
}
.c8y-child-assets-selector > .btn:-ms-input-placeholder {
  color: var(--c8y-form-control-placeholder-color);
  font-style: var(--c8y-form-control-placeholder-font-style);
}
.c8y-child-assets-selector > .btn::-webkit-input-placeholder {
  color: var(--c8y-form-control-placeholder-color);
  font-style: var(--c8y-form-control-placeholder-font-style);
}
.c8y-child-assets-selector > .btn:has(.c8y-colorpicker) {
  width: auto;
}
.c8y-child-assets-selector > .btn[disabled],
fieldset[disabled] .c8y-child-assets-selector > .btn {
  opacity: var(--c8y-form-control-disabled-opacity);
}
.c8y-child-assets-selector > .btn[readonly],
.c8y-child-assets-selector > .btn[readonly]:focus {
  background-color: var(--c8y-form-control-background-default);
  color: var(--c8y-component-color-text-muted, var(--c8y-root-component-color-text-muted));
  opacity: 1;
}
.c8y-child-assets-selector > .btn[disabled],
fieldset[disabled] .c8y-child-assets-selector > .btn {
  cursor: not-allowed;
}
textarea .c8y-child-assets-selector > .btn {
  height: auto;
}
.c8y-child-assets-selector > .btn:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.c8y-child-assets-selector > .btn:focus {
  border-color: var(--c8y-form-control-border-color-focus);
  outline: 0;
  box-shadow: inset 0 0 0 2px var(--c8y-form-control-border-color-focus);
  background-color: var(--c8y-form-control-background-focus);
  color: var(--c8y-form-control-color-focus);
}
.c8y-child-assets-selector > .btn[aria-expanded='true'] {
  border-color: var(--c8y-component-color-focus, var(--c8y-root-component-color-focus));
}
.c8y-child-assets-selector > .btn:after {
  position: absolute;
  top: 50%;
  right: 5px;
  color: var(--c8y-component-brand-primary, var(--c8y-root-component-brand-primary));
  content: '\f101';
  font-size: 18px;
  transform: translate(0, -50%);
  pointer-events: none;
  display: inline-block;
  text-decoration: inherit;
  text-transform: none;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  font-family: 'c8y-glyphs' !important;
  line-height: 1;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
.c8y-child-assets-selector.dropdown.open {
  z-index: 1001;
}
.form-group-sm .c8y-child-assets-selector > .btn {
  padding: calc(var(--c8y-form-control-padding-base-vertical) * 0.75) 24px calc(var(--c8y-form-control-padding-base-vertical) * 0.75) calc(var(--c8y-form-control-padding-base-horizontal) * 0.75);
  height: var(--c8y-form-control-height-sm);
  font-size: var(--c8y-font-size-small);
}
.dropdown.open .dropdown-menu.multiselect-container {
  overflow: auto !important;
  max-height: 278px;
  min-width: 240px;
  height: unset !important;
}
.dropdown.open .dropdown-menu.multiselect-container::-webkit-scrollbar {
  width: 4px;
  /* for vertical scrollbars */
  height: 4px;
  /* for horizontal scrollbars */
}
.dropdown.open .dropdown-menu.multiselect-container::-webkit-scrollbar-track {
  background: transparent;
}
.dropdown.open .dropdown-menu.multiselect-container::-webkit-scrollbar-track:not(textarea) {
  background: var(--c8y-component-scrollbar-track, var(--c8y-root-component-scrollbar-track));
}
.dropdown.open .dropdown-menu.multiselect-container::-webkit-scrollbar-thumb {
  width: 4px;
  border-radius: 1px;
  background: var(--c8y-component-scrollbar-thumb-default, var(--c8y-root-component-scrollbar-thumb-default));
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.dropdown.open .dropdown-menu.multiselect-container:hover::-webkit-scrollbar-thumb {
  background: var(--c8y-component-scrollbar-thumb-hover, var(--c8y-root-component-scrollbar-thumb-hover));
}
.dropdown-menu.multiselect-container .divider {
  margin: 0;
}
.dropdown-menu.multiselect-container .input-group {
  width: 100%;
}
.dropdown-menu.multiselect-container label {
  display: flex;
  color: var(--c8y-component-color-default, var(--c8y-root-component-color-default)) !important;
}
.dropdown-menu.multiselect-container .multiselect-item {
  display: flex;
  padding: 8px 12px;
  border-bottom: 1px solid var(--c8y-component-border-color, var(--c8y-root-component-border-color));
  background-color: var(--c8y-dropdown-background-default, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dropdown-menu.multiselect-container .multiselect-item label.c8y-checkbox.input-sm {
  flex-grow: 1;
  margin-right: 30px;
  height: auto;
  font-size: 12px;
  line-height: 20px;
  padding: 0;
  align-items: center;
}
.dropdown-menu.multiselect-container .multiselect-item .radio,
.dropdown-menu.multiselect-container .multiselect-item .checkbox {
  overflow: hidden;
  margin: 0;
  padding-left: 20px;
  color: var(--c8y-component-color-default, var(--c8y-root-component-color-default));
  text-transform: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: normal;
}
.dropdown-menu.multiselect-container .multiselect-item .radio .label-text,
.dropdown-menu.multiselect-container .multiselect-item .checkbox .label-text {
  display: inline-block;
  vertical-align: text-top;
}
.dropdown-menu.multiselect-container .multiselect-item-container + .divider {
  display: none;
}
c8y-typeahead .input-group {
  z-index: 1052;
}
c8y-typeahead .c8y-child-assets-selector.dropdown .dropdown-menu {
  top: -4px;
  right: -4px;
  left: -4px;
  padding-top: 40px;
  width: unset;
}
c8y-typeahead .c8y-child-assets-selector.dropdown.dropup .dropdown-menu {
  top: auto;
  bottom: -4px;
  padding-top: 0;
  padding-bottom: 40px;
}
c8y-typeahead .c8y-child-assets-selector.dropdown.open .input-group.input-group-dropdown:before {
  position: absolute;
  top: -4px;
  right: -4px;
  bottom: -4px;
  left: -4px;
  display: block;
  background-color: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  content: '';
}
.list-group {
  position: relative;
  margin-bottom: calc(var(--c8y-unit-base) * 2);
  padding-left: 0;
  box-shadow: inset 0 1px 0 var(--c8y-component-border-color, var(--c8y-root-component-border-color));
}
.list-group.borderless,
.list-group.borderless-top {
  box-shadow: none !important;
}
.list-group-item {
  position: relative;
  display: block;
  padding: var(--c8y-unit-base) var(--c8y-component-padding, var(--c8y-root-component-padding));
  min-height: calc(var(--c8y-unit-base) * 5);
  width: 100%;
  border: 0;
  box-shadow: inset 0 -1px 0 var(--c8y-component-border-color, var(--c8y-root-component-border-color));
}
.dropdown-menu .list-group-item {
  box-shadow: inset 0 -1px 0 var(--c8y-component-border-color, var(--c8y-root-component-border-color));
}
.list-group-item.draggable-after {
  position: relative;
  display: flex;
  align-items: center;
}
.list-group-item.draggable-after > button:last-child {
  padding-right: 32px;
}
.list-group-item.draggable-after > * {
  flex-grow: 1;
}
.list-group-item.draggable-after:hover:after,
.cdk-drag-preview .list-group-item.draggable-after:after {
  display: inline-block;
  text-transform: none;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  font-family: 'dlt-c8y-icons' !important;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  right: 12px;
  flex-grow: 0;
  margin-left: 4px;
  content: "\ec87";
  pointer-events: none;
}
.list-group-item.draggable-after:hover:after::before,
.cdk-drag-preview .list-group-item.draggable-after:after::before,
.list-group-item.draggable-after:hover:after::after,
.cdk-drag-preview .list-group-item.draggable-after:after::after {
  font-size: 1.1em;
}
.list-group-item.ng-enter {
  background-color: var(--c8y-component-realtime-added, var(--c8y-root-component-realtime-added));
}
.list-group-item:last-child {
  margin-bottom: 0;
}
.borderless .list-group-item {
  box-shadow: none !important;
}
.list-group-item > .c8y-checkbox,
.list-group-item > .c8y-radio {
  line-height: inherit;
}
.card .list-group,
.panel .list-group,
.modal-content .list-group {
  margin-bottom: 0;
  box-shadow: none;
}
.card .list-group .list-group-item,
.panel .list-group .list-group-item,
.modal-content .list-group .list-group-item {
  margin: 0;
  padding: var(--c8y-unit-base) var(--c8y-component-padding, var(--c8y-root-component-padding));
  border: 0;
  box-shadow: inset 0 -1px 0 var(--c8y-component-border-color, var(--c8y-root-component-border-color));
}
.card .list-group .list-group-item:not(.active):not(.expanded),
.panel .list-group .list-group-item:not(.active):not(.expanded),
.modal-content .list-group .list-group-item:not(.active):not(.expanded) {
  background: transparent;
}
.card .list-group .list-group-item:last-child,
.panel .list-group .list-group-item:last-child,
.modal-content .list-group .list-group-item:last-child {
  box-shadow: none;
}
.card .list-group a.list-group-item:not(.active):hover,
.panel .list-group a.list-group-item:not(.active):hover,
.modal-content .list-group a.list-group-item:not(.active):hover,
.card .list-group button.list-group-item:not(.active):hover,
.panel .list-group button.list-group-item:not(.active):hover,
.modal-content .list-group button.list-group-item:not(.active):hover {
  background-color: var(--c8y-component-background-active, var(--c8y-root-component-background-active));
}
.card .list-group a.list-group-item:not(.active):focus,
.panel .list-group a.list-group-item:not(.active):focus,
.modal-content .list-group a.list-group-item:not(.active):focus,
.card .list-group button.list-group-item:not(.active):focus,
.panel .list-group button.list-group-item:not(.active):focus,
.modal-content .list-group button.list-group-item:not(.active):focus {
  outline: 2px solid var(--c8y-component-color-focus, var(--c8y-root-component-color-focus));
  outline-offset: -2px;
  border-radius: var(--c8y-component-border-radius-focus, var(--c8y-root-component-border-radius-focus)) !important;
}
.list-group-links button.list-group-item,
.list-group-links a.list-group-item {
  position: relative;
  padding-right: calc(var(--c8y-unit-base) * 4) !important;
}
.list-group-links button.list-group-item:hover,
.list-group-links a.list-group-item:hover,
.list-group-links button.list-group-item:focus,
.list-group-links a.list-group-item:focus {
  background-color: var(--c8y-component-background-active, var(--c8y-root-component-background-active));
  color: var(--c8y-component-color-active, var(--c8y-root-component-color-active));
}
.list-group-links button.list-group-item::after,
.list-group-links a.list-group-item::after {
  position: absolute;
  top: 50%;
  right: calc(var(--c8y-unit-base) + 4px);
  display: inline-block;
  color: inherit;
  content: "\e92b";
  font: normal normal normal 14px/1 "dlt-c8y-icons";
  font-size: inherit;
  transform: translate(0, -50%);
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
a.list-group-item,
button.list-group-item {
  width: 100%;
  color: var(--c8y-component-color-actions, var(--c8y-root-component-color-actions));
  text-align: left;
}
a.list-group-item .list-group-item-heading,
button.list-group-item .list-group-item-heading {
  color: var(--c8y-component-brand-primary, var(--c8y-root-component-brand-primary));
}
a.list-group-item:hover,
button.list-group-item:hover,
a.list-group-item:focus,
button.list-group-item:focus {
  outline: none;
  color: var(--c8y-component-color-actions-hover, var(--c8y-root-component-color-actions-hover));
  text-decoration: none;
}
.list-group-item.disabled,
.list-group-item.disabled:hover,
.list-group-item.disabled:focus {
  background-color: var(--c8y-component-background-disabled, var(--c8y-root-component-background-disabled));
  color: var(--c8y-component-color-disabled, var(--c8y-root-component-color-disabled));
  cursor: not-allowed;
}
.list-group-item.disabled .list-group-item-heading,
.list-group-item.disabled:hover .list-group-item-heading,
.list-group-item.disabled:focus .list-group-item-heading {
  color: inherit;
}
.list-group-item.disabled .list-group-item-text,
.list-group-item.disabled:hover .list-group-item-text,
.list-group-item.disabled:focus .list-group-item-text {
  color: var(--c8y-component-color-disabled, var(--c8y-root-component-color-disabled));
}
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  z-index: 2;
  border-color: transparent;
  border-right: 0;
  border-left: 0;
  background-color: var(--c8y-component-background-active, var(--c8y-root-component-background-active));
  color: var(--c8y-component-color-active, var(--c8y-root-component-color-active));
}
.list-group-item.active .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading,
.list-group-item.active .list-group-item-heading > small,
.list-group-item.active:hover .list-group-item-heading > small,
.list-group-item.active:focus .list-group-item-heading > small,
.list-group-item.active .list-group-item-heading > .small,
.list-group-item.active:hover .list-group-item-heading > .small,
.list-group-item.active:focus .list-group-item-heading > .small {
  color: inherit;
}
.list-group-item.active .list-group-item-text,
.list-group-item.active:hover .list-group-item-text,
.list-group-item.active:focus .list-group-item-text {
  color: var(--c8y-component-color-active, var(--c8y-root-component-color-active));
}
.list-group-item-success {
  color: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  background-color: transparent !important;
}
a.list-group-item-success,
button.list-group-item-success {
  color: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
}
a.list-group-item-success .list-group-item-heading,
button.list-group-item-success .list-group-item-heading {
  color: inherit;
}
a.list-group-item-success:hover,
button.list-group-item-success:hover,
a.list-group-item-success:focus,
button.list-group-item-success:focus {
  color: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  filter: brightness(0.9);
}
a.list-group-item-success.active,
button.list-group-item-success.active,
a.list-group-item-success.active:hover,
button.list-group-item-success.active:hover,
a.list-group-item-success.active:focus,
button.list-group-item-success.active:focus {
  color: #fff;
  background-color: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  border-color: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
}
.list-group-item-info {
  color: var(--text-color, var(--c8y-component-color-default, var(--c8y-root-component-color-default)));
  background-color: transparent !important;
}
a.list-group-item-info,
button.list-group-item-info {
  color: var(--text-color, var(--c8y-component-color-default, var(--c8y-root-component-color-default)));
}
a.list-group-item-info .list-group-item-heading,
button.list-group-item-info .list-group-item-heading {
  color: inherit;
}
a.list-group-item-info:hover,
button.list-group-item-info:hover,
a.list-group-item-info:focus,
button.list-group-item-info:focus {
  color: var(--text-color, var(--c8y-component-color-default, var(--c8y-root-component-color-default)));
  filter: brightness(0.9);
}
a.list-group-item-info.active,
button.list-group-item-info.active,
a.list-group-item-info.active:hover,
button.list-group-item-info.active:hover,
a.list-group-item-info.active:focus,
button.list-group-item-info.active:focus {
  color: #fff;
  background-color: var(--text-color, var(--c8y-component-color-default, var(--c8y-root-component-color-default)));
  border-color: var(--text-color, var(--c8y-component-color-default, var(--c8y-root-component-color-default)));
}
.list-group-item-warning {
  color: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  background-color: transparent !important;
}
a.list-group-item-warning,
button.list-group-item-warning {
  color: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
}
a.list-group-item-warning .list-group-item-heading,
button.list-group-item-warning .list-group-item-heading {
  color: inherit;
}
a.list-group-item-warning:hover,
button.list-group-item-warning:hover,
a.list-group-item-warning:focus,
button.list-group-item-warning:focus {
  color: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  filter: brightness(0.9);
}
a.list-group-item-warning.active,
button.list-group-item-warning.active,
a.list-group-item-warning.active:hover,
button.list-group-item-warning.active:hover,
a.list-group-item-warning.active:focus,
button.list-group-item-warning.active:focus {
  color: #fff;
  background-color: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  border-color: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
}
.list-group-item-danger {
  color: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  background-color: transparent !important;
}
a.list-group-item-danger,
button.list-group-item-danger {
  color: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
}
a.list-group-item-danger .list-group-item-heading,
button.list-group-item-danger .list-group-item-heading {
  color: inherit;
}
a.list-group-item-danger:hover,
button.list-group-item-danger:hover,
a.list-group-item-danger:focus,
button.list-group-item-danger:focus {
  color: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  filter: brightness(0.9);
}
a.list-group-item-danger.active,
button.list-group-item-danger.active,
a.list-group-item-danger.active:hover,
button.list-group-item-danger.active:hover,
a.list-group-item-danger.active:focus,
button.list-group-item-danger.active:focus {
  color: #fff;
  background-color: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  border-color: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
}
.list-group-item-active {
  color: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  background-color: var(--brand-primary, var(--c8y-brand-primary)) !important;
}
a.list-group-item-active,
button.list-group-item-active {
  color: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
}
a.list-group-item-active .list-group-item-heading,
button.list-group-item-active .list-group-item-heading {
  color: inherit;
}
a.list-group-item-active:hover,
button.list-group-item-active:hover,
a.list-group-item-active:focus,
button.list-group-item-active:focus {
  color: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  filter: brightness(0.9);
}
a.list-group-item-active.active,
button.list-group-item-active.active,
a.list-group-item-active.active:hover,
button.list-group-item-active.active:hover,
a.list-group-item-active.active:focus,
button.list-group-item-active.active:focus {
  color: #fff;
  background-color: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  border-color: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
}
.list-group-item-heading {
  margin-top: 0;
  margin-bottom: var(--c8y-unit-base);
}
.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3;
}
.list-item-body {
  flex: 1;
  overflow-wrap: anywhere;
}
.list-item-icon {
  display: inline-block;
  flex: 0 0 auto;
  margin-right: var(--c8y-unit-base);
  max-height: 20px;
  font-size: 20px;
  line-height: 1;
}
.list-item-icon > i {
  transform: translateY(-3px);
}
.list-item-checkbox {
  align-self: flex-start;
  flex: 0 0 auto;
  margin-right: var(--c8y-unit-base);
}
.list-item-checkbox .c8y-checkbox {
  height: 20px;
  line-height: 20px;
}
.list-item-checkbox + label {
  overflow: hidden;
  flex: 1;
  margin-bottom: 0;
  text-transform: none;
  letter-spacing: 0;
  font-weight: 400;
  font-size: inherit;
  line-height: 1.1;
  cursor: pointer;
  overflow-wrap: break-word;
}
.list-item-actions {
  position: relative;
  display: flex;
  align-self: flex-start;
  flex: 0 0 auto;
  flex-flow: row nowrap;
  order: 10000;
  margin: calc(var(--c8y-unit-base) * -1 + 2px) calc(var(--c8y-component-padding, var(--c8y-root-component-padding)) * -1) calc(var(--c8y-unit-base) * -1 + 2px) 0;
  text-align: right;
}
.list-item-actions .btn + .btn {
  margin: 0;
}
.list-item-actions > .has-error {
  position: absolute;
  left: -10px;
  height: 40px;
  color: var(--palette-status-danger, var(--c8y-palette-status-danger));
  font-size: 14px;
  line-height: 40px;
}
.list-item-actions > .btn-link,
.list-item-actions .settings > .dropdown-toggle {
  order: 100;
  padding: 6px;
  width: 40px;
  height: 40px;
  color: var(--c8y-component-color-actions, var(--c8y-root-component-color-actions));
  font-size: 14px;
  opacity: var(--c8y-component-actions-opacity, var(--c8y-root-component-actions-opacity));
  transition: all 0.25s ease;
}
.list-item-actions > .btn-link:hover,
.list-item-actions .settings > .dropdown-toggle:hover,
.list-item-actions > .btn-link:focus,
.list-item-actions .settings > .dropdown-toggle:focus {
  outline: none;
  text-decoration: none;
  opacity: 1;
}
.list-item-actions label.c8y-checkbox,
.list-item-actions label.c8y-radio {
  line-height: 40px !important;
}
.list-group-item.flex-row,
.list-group-item > .flex-row {
  display: flex;
  align-items: flex-start;
  flex-flow: row wrap;
}
.list-group-item.collapsible,
.list-group-item .collapsible {
  transition: all 0.25s ease;
}
.list-group-item.collapsible.expanded,
.list-group-item .collapsible.expanded {
  z-index: 10;
}
.list-group-item.collapsible .collapse,
.list-group-item .collapsible .collapse,
.list-group-item.collapsible .collapsing,
.list-group-item .collapsible .collapsing {
  flex: 1 1 100%;
  order: 11000;
  margin: 10px calc(var(--c8y-component-padding, var(--c8y-root-component-padding)) * -1) 0;
  padding: 0 var(--c8y-component-padding, var(--c8y-root-component-padding)) var(--c8y-component-padding, var(--c8y-root-component-padding));
  min-width: 100%;
  width: auto;
}
.list-item-switch {
  flex: 0 0 48px;
  width: 48px;
}
.list-item-switch .c8y-switch {
  margin: 1px 0 -10px 0;
  min-height: 23px;
}
.list-item-switch .c8y-switch input[type='checkbox'] + span {
  top: 0;
}
.list-item-colopicker {
  flex: 0 0 30px;
  width: 30px;
}
.list-item-colorpicker {
  position: relative;
  flex: 0 0 30px;
  text-align: center;
}
.list-item-colorpicker .minicolors {
  margin: 0 auto;
  min-height: 20px;
  width: 20px;
}
.list-item-colorpicker .minicolors .minicolors-swatch {
  width: 20px;
  border: 0;
}
.list-item-colorpicker .minicolors .minicolors-swatch-color {
  top: 0;
  bottom: 0;
  border-radius: 14px;
}
.list-item-colorpicker + .list-item-body {
  padding-top: 3px;
}
.list-group-item-sticky-header {
  box-shadow: inset 0 -1px 0 var(--c8y-component-border-color, var(--c8y-root-component-border-color)) !important;
}
.c8y-data-point-list .data-point-details {
  padding-top: 10px;
}
.c8y-data-point-list .c8y-list__item__actions {
  align-self: center;
}
.c8y-data-point-list .c8y-list__item__collapse--container {
  padding: var(--c8y-component-padding, var(--c8y-root-component-padding));
}
c8y-datapoint-selection-list .c8y-list__item__actions {
  align-self: center;
}
c8y-datapoint-selection-list .c8y-list__item__collapse--container {
  padding: var(--c8y-component-padding, var(--c8y-root-component-padding));
}
.modal .c8y-data-point-list .c8y-list__item__check {
  padding-left: 0;
}
c8y-datapoint-selector-list-item .c8y-list__item__actions {
  padding-top: 10px!important;
}
.smart-list-icon-label {
  display: inline-block;
  flex: 0 0 auto;
  margin: 0 2px 10px;
}
.smart-list-icon-label > i {
  display: inline-block;
  width: auto;
  color: var(--c8y-palette-gray-50);
}
.smart-list-icon-label .dot:last-child {
  background-color: var(--palette-status-success, var(--c8y-palette-status-success));
}
.card-header-actions .smart-list-icon-label,
.edit-smart-rule-details .smart-list-icon-label {
  margin: 0 10px 0 0;
}
.card-header-actions .smart-list-icon-label .dot,
.edit-smart-rule-details .smart-list-icon-label .dot {
  width: 30px;
  height: 30px;
  font-size: 14px;
  line-height: 32px;
}
@media (min-width: 768px) {
  .interact-list .smart-list-icon-label {
    margin: 0 2px;
  }
  .interact-list .smart-list-icon-label .dot {
    width: 34px;
    height: 34px;
    font-size: 16px;
    line-height: 36px;
  }
}
.smart-rule-templates-list .smart-list-icon-label {
  margin: 10px 2px;
}
.smart-rule-templates-list .smart-list-icon-label .dot {
  width: 34px;
  height: 34px;
  font-size: 16px;
  line-height: 36px;
}
.smart-rule-templates-list {
  overflow: hidden;
  margin-bottom: 0;
}
.edit-smart-rule-details {
  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.edit-smart-rule-details .card {
  box-shadow: inset 0 0 0 1px var(--c8y-component-border-color, var(--c8y-root-component-border-color));
}
.edit-smart-rule-details .smart-rule-control {
  margin-top: 10px;
}
.edit-smart-rule-details .card-group {
  margin-bottom: 0;
}
.modal-inner-scroll.smart-rule-control {
  margin: 0;
  max-height: 53vh;
}
.c8y-map {
  position: relative;
  z-index: 11;
  height: 100%;
}
.c8y-map > div {
  height: 100%;
}
.c8y-map > div:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 461;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 15px;
  background: rgba(0, 0, 0, 0.5);
  color: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  animation: leaflet-touch-warning-fadein 0.8s backwards;
  pointer-events: none;
}
@keyframes leaflet-touch-warning-fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.c8y-map > div .touch-warning:after {
  animation: leaflet-touch-warning-fadein 0.8s forwards;
}
.c8y-map > div.touch-warning:after {
  content: attr(data-touch-warning-content);
}
.c8y-map > div .leaflet-div-icon {
  background: none;
  border: 0;
}
.c8y-map > div .c8y-map-marker-icon > div {
  font-size: 50px;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 0);
}
.c8y-map > div .c8y-map-marker-icon > div > i {
  position: absolute;
  left: 50%;
  top: 12px;
  padding: 2px;
  border-radius: 50%;
  transform: translate(-50%, 0);
  font-size: 14px;
  background-color: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
}
.c8y-map > div .c8y-map-marker-count {
  border-radius: 50%;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  background-color: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  border: 2px solid var(--c8y-component-border-color, var(--c8y-root-component-border-color));
  cursor: pointer;
  opacity: 0.8;
  transition: opacity 0.3s;
}
.c8y-map > div .c8y-map-marker-count:before {
  content: attr(data-count);
}
.c8y-map > div .c8y-map-marker-count:hover {
  opacity: 1;
  outline: 3px solid var(--navigator-border-active, var(--c8y-navigator-border-selected));
  outline-offset: -3px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  font-family: dlt-c8y-icons !important;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  text-transform: none;
}
.c8y-map > div .c8y-map-marker-count:hover:before {
  content: '\eaef';
}
.c8y-map-status {
  position: absolute;
  top: 16px;
  right: 16px;
  z-index: 210;
}
.c8y-map-internal {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.c8y-map-internal:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 461;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 15px;
  background: rgba(0, 0, 0, 0.5);
  color: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  animation: leaflet-touch-warning-fadein 0.8s backwards;
  pointer-events: none;
}
@keyframes leaflet-touch-warning-fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.c8y-map-internal .touch-warning:after {
  animation: leaflet-touch-warning-fadein 0.8s forwards;
}
.c8y-map-internal.touch-warning:after {
  content: attr(data-touch-warning-content);
}
.container-fluid .fullpage-map {
  position: relative;
  margin: -24px -24px 0;
  min-height: calc(100vh - calc(var(--c8y-unit-base) * 8));
}
.container-fluid .fullpage-map .leaflet-top.leaflet-left {
  top: 50px;
}
.container-fluid .fullpage-map .leaflet-top.leaflet-right {
  left: auto;
  padding-right: 0;
  padding-left: 30px;
  min-height: 50px;
  background-color: transparent;
  box-shadow: none;
}
.container-fluid .fullpage-map .leaflet-top.leaflet-right > .leaflet-control .btn-link {
  overflow: hidden;
  padding: 8px 10px;
  width: 36px;
  height: 36px;
  border-radius: 4px;
  background-color: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  box-shadow: 0 1px 2px 1px var(--c8y-component-border-color, var(--c8y-root-component-border-color)) !important;
  color: var(--c8y-component-color-default, var(--c8y-root-component-color-default));
}
.container-fluid .fullpage-map .leaflet-top.leaflet-right > .leaflet-control .btn-link i {
  margin-right: 20px;
}
.container-fluid .fullpage-map .legend {
  padding: 5px;
  border-radius: 5px;
  background-color: rgba(255, 255, 255, 0.8);
  font-size: 12px;
}
.container-fluid .fullpage-map .legend > * {
  margin-bottom: 1px;
}
.container-fluid .fullpage-map .legend i {
  float: left;
  width: 18px;
  height: 18px;
  background-size: contain;
  background-repeat: no-repeat;
}
.container-fluid .fullpage-map .legend i.critical {
  background-image: url('critical-marker-icon.png');
}
.container-fluid .fullpage-map .legend i.major {
  background-image: url('major-marker-icon.png');
}
.container-fluid .fullpage-map .legend i.minor {
  background-image: url('minor-marker-icon.png');
}
.container-fluid .fullpage-map .legend i.warning {
  background-image: url('warning-marker-icon.png');
}
.container-fluid .fullpage-map .legend i.normal {
  background-image: url('normal-marker-icon.png');
}
.container-fluid .fullpage-map .leaflet-marker-icon.blink {
  animation: blink 0.5s ease-in-out infinite alternate;
}
.container-fluid .fullpage-map .leaflet-top.leaflet-left {
  top: 0;
}
.tracker-selection .radio + .radio {
  margin-top: 0;
}
.tracker-selection .radio label {
  display: block;
  margin-bottom: 10px;
  padding: 30px 22px;
  background-color: white;
  color: var(--c8y-palette-gray-40);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
}
.tracker-selection .radio label input[type='radio'] {
  position: absolute;
  top: 50%;
  left: 21px;
  margin: 0;
  margin-top: -8px;
}
.tracker-selection .radio label input[type='radio']:checked ~ span {
  color: var(--brand-primary, var(--c8y-brand-primary));
}
.tracker-selection .radio label input[type='radio']:checked ~ span:before {
  position: absolute;
  top: 50%;
  left: 17px;
  margin-top: -11px;
  width: 22px;
  height: 22px;
  border: 3px solid var(--brand-primary, var(--c8y-brand-primary));
  border-radius: 50%;
  background: var(--brand-primary, var(--c8y-brand-primary));
  content: '';
}
.tracker-selection .radio label input[type='radio']:checked ~ span:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 2px solid var(--brand-primary, var(--c8y-brand-primary));
  content: '';
}
.tracker-selection .radio label input[type='radio'] + span {
  display: inline-block;
  margin-left: 110px;
}
.tracker-selection .radio label[data-tracker-model] {
  position: relative;
  background-position: 35px;
  background-size: contain;
  background-repeat: no-repeat;
}
.c8y-wizard {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  width: 100%;
  height: 100%;
}
.c8y-wizard .modal-header {
  color: var(--c8y-palette-high);
}
.c8y-wizard .modal-content {
  min-width: 300px;
  border: 0;
}
@media (min-width: 768px) {
  .c8y-wizard .modal-content {
    min-width: 300px;
    max-width: 420px;
    width: auto;
  }
}
.c8y-wizard-nav {
  padding: var(--c8y-unit-base);
  color: var(--c8y-palette-gray-50);
  text-align: center;
  text-transform: uppercase;
  font-weight: 400;
}
.c8y-wizard-nav a:hover {
  text-decoration: none;
}
.c8y-wizard-title {
  padding: var(--c8y-unit-base) var(--c8y-unit-base) calc(var(--c8y-unit-base) * 0.5);
  background-color: var(--c8y-palette-gray-90);
  text-align: center;
  text-transform: uppercase;
  font-weight: 100;
  font-size: 18px;
}
.c8y-wizard-title > [class^='dlt-c8y-icon-'],
.c8y-wizard-title > [class*=' dlt-c8y-icon-'] {
  color: var(--brand-primary, var(--c8y-brand-primary));
}
.c8y-wizard-content {
  position: relative;
  overflow: hidden;
  min-height: 200px;
  transition: height 0.3s ease;
}
.c8y-wizard-content .edition-modal {
  height: calc(100vh - 300px);
}
.c8y-wizard-content .c8y-wizard-panel {
  position: absolute;
  display: none;
  width: 100%;
  height: auto;
  animation-duration: 0.25s;
}
.c8y-wizard-content .c8y-wizard-panel.active,
.c8y-wizard-content .c8y-wizard-panel.animated {
  display: block;
}
.c8y-wizard-content .drop-zone {
  margin: var(--c8y-unit-base) auto;
  padding-bottom: 0;
  min-height: 254px;
  max-width: 280px;
}
.c8y-wizard-body {
  padding: calc(var(--c8y-unit-base) * 0.5) calc(var(--c8y-unit-base) * 2);
}
.c8y-wizard-list-nav .list-group-item {
  position: relative;
  display: flex;
  align-items: center;
  flex-flow: row nowrap;
  margin: 0;
  padding: calc(var(--c8y-unit-base) * 0.5) calc(var(--c8y-unit-base) * 3) calc(var(--c8y-unit-base) * 0.5) calc(var(--c8y-unit-base) * 2);
  box-shadow: inset 0 -1px 0 0 var(--c8y-component-border-color, var(--c8y-root-component-border-color));
}
.c8y-wizard-list-nav .list-group-item .list-group-icon {
  margin-right: var(--c8y-unit-base);
  max-height: 32px;
}
.c8y-wizard-list-nav .list-group-item .list-group-icon .app-noicon {
  margin: 0;
  width: 30px;
  height: 30px;
  font-size: 18px;
  line-height: 34px;
}
.c8y-wizard-list-nav .list-group-item [class^='dlt-c8y-icon-'],
.c8y-wizard-list-nav .list-group-item [class*=' dlt-c8y-icon-'],
.c8y-wizard-list-nav .list-group-item .c8y-icon {
  margin-right: var(--c8y-unit-base);
  width: 26px;
  vertical-align: middle;
  font-size: 24px;
}
.c8y-wizard-list-nav .list-group-item c8y-app-icon .c8y-icon {
  width: 30px;
  font-size: 30px;
}
.c8y-wizard-list-nav .list-group-item .app-icon {
  display: inline-block;
  margin-top: -2px;
  margin-right: var(--c8y-unit-base);
  height: 26px;
  font-size: 24px;
}
.c8y-wizard-list-nav .list-group-item:after {
  position: absolute;
  top: 50%;
  right: calc(var(--c8y-unit-base) * 2);
  display: inline-block;
  color: var(--c8y-palette-gray-50);
  content: "\e92b";
  font: normal normal normal 14px/1 "dlt-c8y-icons";
  font-size: inherit;
  transform: translate(0, -50%);
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.c8y-wizard-footer {
  padding: calc(var(--c8y-unit-base) * 3);
  box-shadow: inset 0 -1px 0 var(--c8y-component-border-color, var(--c8y-root-component-border-color));
  text-align: center;
}
.c8y-wizard-footer .btn:not(.btn-clean) {
  min-width: 100px;
}
@media (max-width: 767px) {
  .c8y-wizard-footer .btn:not(.btn-clean) {
    min-width: 80px;
  }
}
.c8y-wizard-form {
  position: relative;
  padding: var(--c8y-unit-base) 0;
  border-top: 1px solid rgba(0, 0, 0, 0.03);
  background-color: var(--c8y-palette-gray-100);
}
.c8y-wizard-form hr {
  border-top-color: var(--c8y-palette-gray-80);
}
.c8y-wizard-form .form-group {
  padding: 0 calc(var(--c8y-unit-base) * 2);
}
.c8y-wizard-processing {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  background-color: rgba(var(--c8y-component-background-default, var(--c8y-root-component-background-default)), 0.7);
}
.c8y-wizard-processing .spinner {
  top: 50%;
  left: 50%;
  margin: -20px 0 0 -25px;
}
@media screen and (min-width: 768px) {
  .c8y-wizard .modal-dialog {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    width: 100%;
    height: 100%;
  }
  .c8y-wizard .modal-content {
    min-width: 420px;
    max-width: 600px;
  }
  .c8y-wizard .modal-content .register-devices {
    display: block;
    max-width: 420px;
  }
}
.modal-body .row {
  margin: 0 -15px;
}
.modal-body .row [class*='col-'] {
  padding-right: 15px;
  padding-left: 15px;
}
.btn-toggle-panel {
  display: block;
  padding: 0;
  border: 0;
  background-color: transparent;
  background-image: none;
  color: var(--link-color, var(--c8y-component-color-link, var(--c8y-root-component-color-link)));
  text-align: center;
}
.btn-toggle-panel [class^='dlt-c8y-icon-'],
.btn-toggle-panel [class*=' dlt-c8y-icon-'] {
  transition: all 0.35s ease;
}
.btn-toggle-panel.open [class^='dlt-c8y-icon-'],
.btn-toggle-panel.open [class*=' dlt-c8y-icon-'] {
  transform: rotate(180deg);
}
.btn-toggle-panel:hover {
  color: var(--link-hover-color, var(--c8y-component-color-link-hover, var(--c8y-root-component-color-link-hover)));
}
.btn-toggle-panel:focus {
  outline: none;
}
.dashboard-preview-list {
  overflow-y: auto;
  margin-bottom: 10px;
  max-height: 125px;
  border-top: 1px solid var(--c8y-component-border-color, var(--c8y-root-component-border-color));
  border-bottom: 1px solid var(--c8y-component-border-color, var(--c8y-root-component-border-color));
}
.dashboard-preview-list > .dashboard-preview-item:first-child {
  border-top: 0;
}
.dashboard-preview-list > .dashboard-preview-item:last-child {
  border-bottom: 0;
}
.dashboard-preview-item {
  position: relative;
  display: block;
  margin: 0;
  padding: 5px 10px;
  min-height: 10px;
  color: inherit;
  text-transform: none;
  font-weight: normal;
  font-size: 100%;
  cursor: pointer;
}
.dashboard-preview-item:hover {
  color: var(--brand-primary, var(--c8y-brand-primary));
}
.dashboard-preview-item input[type='radio'] {
  position: absolute;
  opacity: 0;
}
.dashboard-preview-item input[type='radio']:checked ~ .preview-label {
  color: var(--brand-primary, var(--c8y-brand-primary));
}
.dashboard-preview-item input[type='radio']:checked ~ .preview-label::after {
  position: absolute;
  top: 1px;
  right: 0;
  width: 28px;
  height: 28px;
  color: var(--brand-primary, var(--c8y-brand-primary));
  content: "\eaee";
  text-align: center;
  font: normal normal normal 20px/1 "dlt-c8y-icons";
  font-size: inherit;
  line-height: 28px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.statusOk {
  color: var(--palette-status-success-dark, var(--c8y-palette-status-success-dark));
}
.statusNok {
  color: var(--palette-status-danger, var(--c8y-palette-status-danger));
}
.statusAlert {
  color: var(--palette-status-warning, var(--c8y-palette-status-warning));
}
.statusUnknown {
  color: var(--c8y-palette-gray-40);
}
.sendStatus,
.pushStatus {
  fill: url(#smallGradient);
}
.status.warning {
  color: var(--palette-status-info, var(--c8y-palette-status-info));
}
.color.warning {
  color: var(--palette-status-warning, var(--c8y-palette-status-warning));
}
.color.minor {
  color: var(--palette-status-warning-light, var(--c8y-palette-status-warning-light));
}
.status.minor {
  --c8y-icon-stroke-color: var(--palette-status-warning-dark, var(--c8y-palette-status-warning-dark));
  color: var(--palette-status-warning-light, var(--c8y-palette-status-warning-light));
}
.status.major {
  color: var(--palette-status-warning, var(--c8y-palette-status-warning));
}
.color.major {
  color: var(--palette-status-warning, var(--c8y-palette-status-warning));
}
.status.critical {
  color: var(--palette-status-danger, var(--c8y-palette-status-danger));
}
.color.critical {
  color: var(--palette-status-danger, var(--c8y-palette-status-danger));
}
path.statusUnknown {
  fill: var(--c8y-palette-gray-50);
}
path.statusUnknown.pushStatus {
  fill: var(--c8y-palette-gray-40);
}
path.statusOk {
  fill: var(--palette-status-success, var(--c8y-palette-status-success));
}
path.statusOk.pushStatus {
  fill: var(--palette-status-success-dark, var(--c8y-palette-status-success-dark));
}
path.statusNok {
  fill: var(--palette-status-danger, var(--c8y-palette-status-danger));
}
path.statusNok.pushStatus {
  fill: var(--palette-status-danger-dark, var(--c8y-palette-status-danger-dark));
}
.fill-warning {
  fill: var(--palette-status-warning, var(--c8y-palette-status-warning));
}
.alarm-icons {
  position: relative;
  font-size: 20px;
  width: 28px;
}
.alarm-icons .btn-clean.severity {
  position: absolute !important;
  top: 0;
  left: 50%;
  z-index: 10;
}
.alarm-icons .btn-clean.status {
  margin-top: 8px;
  font-size: 24px;
}
/* required styles */
.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
  position: absolute;
  left: 0;
  top: 0;
}
.leaflet-container {
  overflow: hidden;
}
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
  -webkit-user-select: none;
          user-select: none;
  -webkit-user-drag: none;
}
/* Prevents IE11 from highlighting tiles in blue */
.leaflet-tile::selection {
  background: transparent;
}
/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
.leaflet-safari .leaflet-tile {
  image-rendering: -webkit-optimize-contrast;
}
/* hack that prevents hw layers "stretching" when loading new tiles */
.leaflet-safari .leaflet-tile-container {
  width: 1600px;
  height: 1600px;
  -webkit-transform-origin: 0 0;
}
.leaflet-marker-icon,
.leaflet-marker-shadow {
  display: block;
}
/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container .leaflet-overlay-pane svg,
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
  max-width: none !important;
  max-height: none !important;
}
.leaflet-container.leaflet-touch-zoom {
  touch-action: pan-x pan-y;
}
.leaflet-container.leaflet-touch-drag {
  /* Fallback for FF which doesn't support pinch-zoom */
  touch-action: none;
  touch-action: pinch-zoom;
}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
  touch-action: none;
}
.leaflet-container {
  -webkit-tap-highlight-color: transparent;
}
.leaflet-container a {
  -webkit-tap-highlight-color: var(--c8y-component-color-focus, var(--c8y-root-component-color-focus));
}
.leaflet-container a:focus {
  outline: 2px solid var(--c8y-component-color-focus, var(--c8y-root-component-color-focus));
  outline-offset: -2px;
  border-radius: var(--c8y-component-border-radius-focus, var(--c8y-root-component-border-radius-focus)) !important;
}
.leaflet-tile {
  filter: inherit;
  visibility: hidden;
}
.leaflet-tile-loaded {
  visibility: inherit;
}
.leaflet-zoom-box {
  width: 0;
  height: 0;
  box-sizing: border-box;
  z-index: 800;
}
/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
  -moz-user-select: none;
}
.leaflet-pane {
  z-index: 400;
}
.leaflet-tile-pane {
  z-index: 200;
}
.leaflet-overlay-pane {
  z-index: 400;
}
.leaflet-shadow-pane {
  z-index: 500;
}
.leaflet-marker-pane {
  z-index: 600;
}
.leaflet-tooltip-pane {
  z-index: 650;
}
.leaflet-popup-pane {
  z-index: 700;
}
.leaflet-map-pane canvas {
  z-index: 100;
}
.leaflet-map-pane svg {
  z-index: 200;
}
.leaflet-vml-shape {
  width: 1px;
  height: 1px;
}
.lvml {
  behavior: url(#default#VML);
  display: inline-block;
  position: absolute;
}
/* control positioning */
.leaflet-control {
  position: relative;
  z-index: 800;
  pointer-events: auto;
}
.leaflet-top,
.leaflet-bottom {
  position: absolute;
  z-index: 1000;
  pointer-events: none;
}
.leaflet-top {
  top: 0;
}
.leaflet-right {
  right: 0;
}
.leaflet-bottom {
  bottom: 0;
}
.leaflet-left {
  left: 0;
}
.leaflet-control {
  float: left;
  clear: both;
}
.leaflet-right .leaflet-control {
  float: right;
  display: flex;
  gap: var(--c8y-unit-base);
}
.leaflet-top .leaflet-control {
  margin-top: 16px;
}
.leaflet-bottom .leaflet-control {
  margin-bottom: 16px;
}
.leaflet-left .leaflet-control {
  margin-left: 16px;
}
.leaflet-right .leaflet-control {
  margin-right: 16px;
}
/* zoom and fade animations */
.leaflet-fade-anim .leaflet-tile {
  will-change: opacity;
}
.leaflet-fade-anim .leaflet-popup {
  opacity: 0;
  transition: opacity 0.2s linear;
}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
  opacity: 1;
}
.leaflet-zoom-animated {
  transform-origin: 0 0;
}
.leaflet-zoom-anim .leaflet-zoom-animated {
  will-change: transform;
}
.leaflet-zoom-anim .leaflet-zoom-animated {
  transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1);
}
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
  transition: none;
}
.leaflet-zoom-anim .leaflet-zoom-hide {
  visibility: hidden;
}
/* cursors */
.leaflet-interactive {
  cursor: pointer;
}
.leaflet-grab {
  cursor: grab;
}
.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
  cursor: crosshair;
}
.leaflet-popup-pane,
.leaflet-control {
  cursor: auto;
}
.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
  cursor: move;
  cursor: grabbing;
}
/* marker & overlays interactivity */
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
  pointer-events: none;
}
.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive,
svg.leaflet-image-layer.leaflet-interactive path {
  pointer-events: visiblePainted;
  /* IE 9-10 doesn't have auto */
  pointer-events: auto;
}
/* visual tweaks */
.leaflet-container {
  background: var(--c8y-component-border-color, var(--c8y-root-component-border-color));
  outline: 0;
}
.leaflet-container a {
  color: var(--c8y-component-icon-dark-color-dark, var(--c8y-root-component-icon-dark-color-dark, var(--brand-dark, var(--c8y-brand-dark))));
}
.leaflet-container a.leaflet-active {
  outline: 2px solid var(--palette-status-warning, var(--c8y-palette-status-warning));
}
.leaflet-zoom-box {
  border: 2px dotted var(--c8y-component-brand-primary, var(--c8y-root-component-brand-primary));
  background: rgba(255, 255, 255, 0.5);
}
/* general typography */
.leaflet-container {
  font: 12px/1.5 'Helvetica Neue', Arial, Helvetica, sans-serif;
}
/* general toolbar styles */
.leaflet-bar {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
  border-radius: 4px;
}
.leaflet-bar a,
.leaflet-bar button {
  background-color: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  border-bottom: 1px solid var(--c8y-palette-gray-80);
  width: 26px;
  height: 26px;
  line-height: 26px;
  text-align: center;
  text-decoration: none;
  color: var(--c8y-component-color-default, var(--c8y-root-component-color-default));
}
.leaflet-bar a:hover,
.leaflet-bar button:hover {
  color: var(--c8y-component-brand-primary, var(--c8y-root-component-brand-primary));
}
.leaflet-bar a[disabled],
.leaflet-bar button[disabled],
.leaflet-bar a.disabled,
.leaflet-bar button.disabled {
  color: var(--c8y-component-color-text-muted, var(--c8y-root-component-color-text-muted));
  cursor: not-allowed;
}
.leaflet-bar a,
.leaflet-control-layers-toggle {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  display: block;
}
.leaflet-bar a:hover,
.leaflet-bar button:hover {
  background-color: var(--c8y-palette-gray-90);
}
.leaflet-bar a:focus,
.leaflet-bar button:focus {
  outline: 2px solid var(--c8y-component-color-focus, var(--c8y-root-component-color-focus));
  outline-offset: -2px;
  border-radius: var(--c8y-component-border-radius-focus, var(--c8y-root-component-border-radius-focus)) !important;
}
.leaflet-bar a:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.leaflet-bar a:last-child {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom: none;
}
.leaflet-bar a.leaflet-disabled {
  cursor: default;
  opacity: var(--c8y-component-disabled-opacity, var(--c8y-root-component-disabled-opacity));
  color: var(--c8y-component-color-disabled, var(--c8y-root-component-color-disabled));
  pointer-events: none;
}
.leaflet-touch .leaflet-bar a,
.leaflet-touch .leaflet-bar button,
.leaflet-touch .leaflet-bar .time-elapsed {
  width: 30px;
  height: 30px;
  line-height: 30px;
  background-image: none;
  border: 0;
  border-bottom: 1px solid var(--c8y-palette-gray-80);
  display: block;
  font-size: 17px;
}
.leaflet-touch .leaflet-bar .c8y-realtime {
  margin: 0 !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
.leaflet-touch .leaflet-bar .c8y-realtime .c8y-pulse {
  margin: 0 !important;
}
.leaflet-touch .leaflet-bar .c8y-realtime .c8y-pulse.active::before {
  z-index: 0;
}
.leaflet-touch .leaflet-bar a:first-child {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
.leaflet-touch .leaflet-bar a:last-child {
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}
/* zoom control */
.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
  font: bold 18px 'Lucida Console', Monaco, monospace;
  text-indent: 1px;
}
.leaflet-touch .leaflet-control-zoom-in,
.leaflet-touch .leaflet-control-zoom-out {
  font-size: 22px !important;
  line-height: 26px !important;
}
/* layers control */
.leaflet-control-layers {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
  background: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  border-radius: 5px;
}
.leaflet-control-layers-toggle {
  background-image: url('layers.png');
  width: 36px;
  height: 36px;
}
.leaflet-retina .leaflet-control-layers-toggle {
  background-image: url('layers-2x.png');
  background-size: 26px 26px;
}
.leaflet-touch .leaflet-control-layers-toggle {
  width: 44px;
  height: 44px;
}
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
  display: none;
}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
  display: block;
  position: relative;
}
.leaflet-control-layers-expanded {
  padding: 6px 10px 6px 6px;
  color: var(--c8y-component-color-default, var(--c8y-root-component-color-default));
  background: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
}
.leaflet-control-layers-scrollbar {
  overflow-y: scroll;
  overflow-x: hidden;
  padding-right: 5px;
}
.leaflet-control-layers-selector {
  margin-top: 2px;
  position: relative;
  top: 1px;
}
.leaflet-control-layers label {
  display: block;
}
.leaflet-control-layers-separator {
  height: 0;
  border-top: 1px solid var(--c8y-component-border-color, var(--c8y-root-component-border-color));
  margin: 5px -10px 5px -6px;
}
/* Default icon URLs */
.leaflet-default-icon-path {
  background-image: url('marker-icon.png');
}
/* attribution and scale controls */
.leaflet-container .leaflet-control-attribution {
  background: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  background: rgba(255, 255, 255, 0.7);
  margin: 0;
}
.leaflet-control-attribution,
.leaflet-control-scale-line {
  padding: 0 5px;
  color: var(--c8y-component-color-default, var(--c8y-root-component-color-default));
}
.leaflet-control-attribution a {
  text-decoration: none;
}
.leaflet-control-attribution a:hover {
  text-decoration: underline;
}
.leaflet-container .leaflet-control-attribution,
.leaflet-container .leaflet-control-scale {
  font-size: 11px;
}
.leaflet-left .leaflet-control-scale {
  margin-left: 5px;
}
.leaflet-bottom .leaflet-control-scale {
  margin-bottom: 5px;
}
.leaflet-control-scale-line {
  border: 2px solid var(--c8y-palette-gray-50);
  border-top: none;
  line-height: 1.1;
  padding: 2px 5px 1px;
  font-size: 11px;
  white-space: nowrap;
  overflow: hidden;
  box-sizing: border-box;
  background: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  background: rgba(255, 255, 255, 0.5);
}
.leaflet-control-scale-line:not(:first-child) {
  border-top: 2px solid var(--c8y-palette-gray-50);
  border-bottom: none;
  margin-top: -2px;
}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
  border-bottom: 2px solid var(--c8y-palette-gray-50);
}
.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
  box-shadow: none;
}
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
  border: 2px solid rgba(0, 0, 0, 0.2);
  background-clip: padding-box;
}
/* popup */
.leaflet-popup {
  position: absolute;
  text-align: center;
  margin-bottom: 20px;
  margin-left: 1px !important;
}
.leaflet-popup-content-wrapper {
  padding: 1px;
  text-align: left;
  border-radius: var(--c8y-popover-border-radius);
}
.leaflet-popup-content {
  margin: 0;
  padding: 8px;
  line-height: 1.3;
}
.leaflet-popup-content p {
  margin: 8px 0;
}
.leaflet-popup-tip-container {
  width: 40px;
  height: 20px;
  position: absolute;
  left: 50%;
  margin-left: -20px;
  margin-top: -1px;
  overflow: hidden;
  pointer-events: none;
}
.leaflet-popup-tip {
  width: 17px;
  height: 17px;
  padding: 1px;
  margin: -10px auto 0;
  transform: rotate(45deg);
}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
  background: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  color: var(--c8y-component-color-default, var(--c8y-root-component-color-default));
  box-shadow: 0 3px 14px rgba(0, 0, 0, 0.16);
}
.leaflet-container a.leaflet-popup-close-button {
  position: absolute;
  top: 0;
  right: 0;
  padding: 8px;
  border: none;
  text-align: center;
  font: 16px/14px Tahoma, Verdana, sans-serif;
  color: var(--c8y-component-color-text-muted, var(--c8y-root-component-color-text-muted));
  text-decoration: none;
  font-weight: bold;
  background: transparent;
  font-size: 12px;
  opacity: 0;
  transform: translate(0, 0);
  transition: all 0.25s ease;
  background-color: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  border-radius: 50%;
  line-height: 1;
}
.leaflet-popup:hover a.leaflet-popup-close-button {
  opacity: 1;
  transform: translate(16px, -16px);
}
.leaflet-popup:hover a.leaflet-popup-close-button:hover {
  color: var(--c8y-component-brand-primary, var(--c8y-root-component-brand-primary));
}
.leaflet-popup-scrolled {
  overflow: auto;
  border-bottom: 1px solid var(--c8y-component-border-color, var(--c8y-root-component-border-color));
  border-top: 1px solid var(--c8y-component-border-color, var(--c8y-root-component-border-color));
}
.leaflet-oldie .leaflet-popup-content-wrapper {
  -ms-zoom: 1;
}
.leaflet-oldie .leaflet-popup-tip {
  width: 24px;
  margin: 0 auto;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)';
  filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
}
.leaflet-oldie .leaflet-popup-tip-container {
  margin-top: -1px;
}
.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
  border: 1px solid var(--c8y-palette-gray-60);
}
/* div icon */
.leaflet-div-icon {
  background: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  border: 1px solid var(--c8y-palette-gray-50);
}
/* Tooltip */
/* Base styles for the element that has a tooltip */
.leaflet-tooltip {
  position: absolute;
  padding: 6px;
  background-color: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  border: 1px solid var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  border-radius: 3px;
  color: var(--c8y-component-color-default, var(--c8y-root-component-color-default));
  white-space: nowrap;
  -webkit-user-select: none;
          user-select: none;
  pointer-events: none;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}
.leaflet-tooltip.leaflet-clickable {
  cursor: pointer;
  pointer-events: auto;
}
.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
  position: absolute;
  pointer-events: none;
  border: 6px solid transparent;
  background: transparent;
  content: '';
}
/* Directions */
.leaflet-tooltip-bottom {
  margin-top: 6px;
}
.leaflet-tooltip-top {
  margin-top: -6px;
}
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
  left: 50%;
  margin-left: -6px;
}
.leaflet-tooltip-top:before {
  bottom: 0;
  margin-bottom: -12px;
  border-top-color: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
}
.leaflet-tooltip-bottom:before {
  top: 0;
  margin-top: -12px;
  margin-left: -6px;
  border-bottom-color: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
}
.leaflet-tooltip-left {
  margin-left: -6px;
}
.leaflet-tooltip-right {
  margin-left: 6px;
}
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
  top: 50%;
  margin-top: -6px;
}
.leaflet-tooltip-left:before {
  right: 0;
  margin-right: -12px;
  border-left-color: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
}
.leaflet-tooltip-right:before {
  left: 0;
  margin-left: -12px;
  border-right-color: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
}
svg:not(.leaflet-zoom-animated) {
  display: block;
  width: 100%;
  height: 100%;
}
[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak {
  display: none !important;
}
@media (min-width: 1200px) {
  .showOnHover:not(.open) {
    opacity: 0;
  }
  .expanded .showOnHover:not(.open) {
    opacity: 1;
  }
  .showOnHover:not(.open):focus,
  .showOnHover:not(.open):focus-within {
    opacity: 1;
  }
  div:hover > .showOnHover,
  div:hover > p > .showOnHover,
  li:hover > .showOnHover,
  tr:hover .showOnHover,
  .c8y-list__item__body:hover .showOnHover {
    opacity: 1;
  }
}
.listLink {
  display: inline-block;
  width: 100%;
  color: inherit !important;
  text-decoration: none !important;
}
.interact {
  cursor: pointer;
}
.leaflet-container svg:not(.leaflet-zoom-animated) {
  width: auto;
  height: auto;
}
.draggableCursor {
  cursor: move;
}
.tooltip-no-max-width + .tooltip .tooltip-inner {
  max-width: none;
  white-space: pre;
}
.checkbox label {
  -webkit-user-select: none;
  user-select: none;
}
_:-ms-lang(x),
.ie10up,
img[src*='.svg'] {
  width: 100%;
}
input[type='number'].no-spinners::-webkit-inner-spin-button,
input[type='number'].no-spinners::-webkit-outer-spin-button {
  margin: 0;
  appearance: none;
  -webkit-appearance: none;
}
.disabled {
  outline: 0 !important;
}
.wide-linebreak-tooltip .tooltip-inner {
  min-width: 360px;
  white-space: pre-wrap;
}
.realtime-animation-list.ng-enter,
.realtime-animation-list.ng-change {
  background-color: var(--c8y-component-realtime-added, var(--c8y-root-component-realtime-added));
  transition: 1s linear all;
}
.realtime-animation-list.ng-enter-active,
.realtime-animation-list.ng-change {
  background-color: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
}
/* Icon Font: c8yicon */
@font-face {
  font-family: "c8yicon-dark";
  src: url('c8yicon-dark.eot');
  src: url('c8yicon-dark.eot?#iefix') format("embedded-opentype"), url('c8yicon-dark.woff') format("woff"), url('c8yicon-dark.ttf') format("truetype"), url('c8yicon-dark.svg#c8yicon-dark') format("svg");
  font-weight: normal;
  font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: "c8yicon-dark";
    src: url('c8yicon-dark.svg#c8yicon-dark') format("svg");
  }
}
@font-face {
  font-family: "c8yicon-light";
  src: url('c8yicon-light.eot');
  src: url('c8yicon-light.eot?#iefix') format("embedded-opentype"), url('c8yicon-light.woff') format("woff"), url('c8yicon-light.ttf') format("truetype"), url('c8yicon-light.svg#c8yicon-light') format("svg");
  font-weight: normal;
  font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: "c8yicon-light";
    src: url('c8yicon-light.svg#c8yicon-light') format("svg");
  }
}
.c8y-icon {
  position: relative;
  display: inline-block;
  line-height: 1;
  padding: 0;
  min-width: 1em;
}
.c8y-icon:not([class^="fa-"]):not([class*=" fa-"]):not([class^="dlt-c8y-icon-"]):not([class*=" dlt-c8y-icon-"])::before {
  display: inline-block;
  font-family: "c8yicon-dark";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  width: 1.1em;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
}
.c8y-app-icon .c8y-icon:not([class^="fa-"]):not([class*=" fa-"]):not([class^="dlt-c8y-icon-"]):not([class*=" dlt-c8y-icon-"])::before {
  width: auto;
}
.c8y-icon:not([class^="fa-"]):not([class*=" fa-"]):not([class^="dlt-c8y-icon-"]):not([class*=" dlt-c8y-icon-"])::after {
  display: inline-block;
  font-family: "c8yicon-light";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
}
.c8y-icon-white:before {
  color: var(--c8y-component-icon-white-color-dark, var(--c8y-root-component-icon-white-color-dark, var(--c8y-palette-high)));
}
.c8y-icon-white::after {
  color: var(--c8y-component-icon-white-color-light, var(--c8y-root-component-icon-white-color-light, var(--brand-light, var(--c8y-brand-light))));
}
.c8y-icon-duocolor:before {
  color: var(--c8y-component-icon-dark-color-dark, var(--c8y-root-component-icon-dark-color-dark, var(--brand-dark, var(--c8y-brand-dark))));
}
.c8y-icon-duocolor.text-danger:before {
  color: var(--palette-status-danger, var(--c8y-palette-status-danger));
}
.c8y-icon-duocolor.text-warning:before {
  color: var(--palette-status-warning, var(--c8y-palette-status-warning));
}
.c8y-icon-duocolor.text-info:before {
  color: var(--palette-status-info, var(--c8y-palette-status-info));
}
.c8y-icon-duocolor.text-success:before {
  color: var(--palette-status-success, var(--c8y-palette-status-success));
}
.c8y-icon-duocolor.text-muted:before {
  color: var(--c8y-component-color-text-muted, var(--c8y-root-component-color-text-muted));
}
.c8y-icon-duocolor:after {
  color: var(--c8y-component-icon-dark-color-light, var(--c8y-root-component-icon-dark-color-light, var(--brand-light, var(--c8y-brand-light))));
}
.c8y-icon-aab-icon-model:before,
.c8y-icon-aab-icon-model:after {
  content: "\f100";
}
.c8y-icon-aab-icon-template-model:before,
.c8y-icon-aab-icon-template-model:after {
  content: "\f101";
}
.c8y-icon-accounts:before,
.c8y-icon-accounts:after {
  content: "\f102";
}
.c8y-icon-add-user:before,
.c8y-icon-add-user:after {
  content: "\f103";
}
.c8y-icon-administration:before,
.c8y-icon-administration:after {
  content: "\f104";
}
.c8y-icon-alarm:before,
.c8y-icon-alarm:after {
  content: "\f105";
}
.c8y-icon-alert-idle:before,
.c8y-icon-alert-idle:after {
  content: "\f106";
}
.c8y-icon-alfabet:before,
.c8y-icon-alfabet:after {
  content: "\f107";
}
.c8y-icon-analytic-model:before,
.c8y-icon-analytic-model:after {
  content: "\f108";
}
.c8y-icon-analytics-builder:before,
.c8y-icon-analytics-builder:after {
  content: "\f109";
}
.c8y-icon-apama-epl:before,
.c8y-icon-apama-epl:after {
  content: "\f10a";
}
.c8y-icon-apama-machine-learning:before,
.c8y-icon-apama-machine-learning:after {
  content: "\f10b";
}
.c8y-icon-apama-machine-learning-workbench:before,
.c8y-icon-apama-machine-learning-workbench:after {
  content: "\f10c";
}
.c8y-icon-archive:before,
.c8y-icon-archive:after {
  content: "\f10d";
}
.c8y-icon-aris:before,
.c8y-icon-aris:after {
  content: "\f10e";
}
.c8y-icon-atom:before,
.c8y-icon-atom:after {
  content: "\f10f";
}
.c8y-icon-book:before,
.c8y-icon-book:after {
  content: "\f110";
}
.c8y-icon-bookmark:before,
.c8y-icon-bookmark:after {
  content: "\f111";
}
.c8y-icon-bulb:before,
.c8y-icon-bulb:after {
  content: "\f112";
}
.c8y-icon-business-rules:before,
.c8y-icon-business-rules:after {
  content: "\f113";
}
.c8y-icon-c8y:before,
.c8y-icon-c8y:after {
  content: "\f114";
}
.c8y-icon-c8y-data:before,
.c8y-icon-c8y-data:after {
  content: "\f115";
}
.c8y-icon-c8y-support:before,
.c8y-icon-c8y-support:after {
  content: "\f116";
}
.c8y-icon-calendar:before,
.c8y-icon-calendar:after {
  content: "\f117";
}
.c8y-icon-chart:before,
.c8y-icon-chart:after {
  content: "\f118";
}
.c8y-icon-circle-star:before,
.c8y-icon-circle-star:after {
  content: "\f119";
}
.c8y-icon-cloud-container:before,
.c8y-icon-cloud-container:after {
  content: "\f11a";
}
.c8y-icon-cockpit:before,
.c8y-icon-cockpit:after {
  content: "\f11b";
}
.c8y-icon-component:before,
.c8y-icon-component:after {
  content: "\f11c";
}
.c8y-icon-connector-in:before,
.c8y-icon-connector-in:after {
  content: "\f11d";
}
.c8y-icon-connector-out:before,
.c8y-icon-connector-out:after {
  content: "\f11e";
}
.c8y-icon-css:before,
.c8y-icon-css:after {
  content: "\f11f";
}
.c8y-icon-cumulocity-iot:before,
.c8y-icon-cumulocity-iot:after {
  content: "\f120";
}
.c8y-icon-data-broker:before,
.c8y-icon-data-broker:after {
  content: "\f121";
}
.c8y-icon-data-explorer:before,
.c8y-icon-data-explorer:after {
  content: "\f122";
}
.c8y-icon-data-hub:before,
.c8y-icon-data-hub:after {
  content: "\f123";
}
.c8y-icon-data-points:before,
.c8y-icon-data-points:after {
  content: "\f124";
}
.c8y-icon-design:before,
.c8y-icon-design:after {
  content: "\f125";
}
.c8y-icon-device:before,
.c8y-icon-device:after {
  content: "\f126";
}
.c8y-icon-device-connect:before,
.c8y-icon-device-connect:after {
  content: "\f127";
}
.c8y-icon-device-control:before,
.c8y-icon-device-control:after {
  content: "\f128";
}
.c8y-icon-device-management:before,
.c8y-icon-device-management:after {
  content: "\f129";
}
.c8y-icon-device-profile:before,
.c8y-icon-device-profile:after {
  content: "\f12a";
}
.c8y-icon-device-protocols:before,
.c8y-icon-device-protocols:after {
  content: "\f12b";
}
.c8y-icon-e2e-monitoring:before,
.c8y-icon-e2e-monitoring:after {
  content: "\f167";
}
.c8y-icon-energy:before,
.c8y-icon-energy:after {
  content: "\f12c";
}
.c8y-icon-enterprise:before,
.c8y-icon-enterprise:after {
  content: "\f12d";
}
.c8y-icon-event-processing:before,
.c8y-icon-event-processing:after {
  content: "\f12e";
}
.c8y-icon-events:before,
.c8y-icon-events:after {
  content: "\f12f";
  margin-top: 6px;
}
.c8y-icon-fieldbus:before,
.c8y-icon-fieldbus:after {
  content: "\f130";
}
.c8y-icon-find-map:before,
.c8y-icon-find-map:after {
  content: "\f131";
}
.c8y-icon-firmware:before,
.c8y-icon-firmware:after {
  content: "\f132";
}
.c8y-icon-grid-off:before,
.c8y-icon-grid-off:after {
  content: "\f133";
}
.c8y-icon-grid-on:before,
.c8y-icon-grid-on:after {
  content: "\f134";
}
.c8y-icon-group:before,
.c8y-icon-group:after {
  content: "\f135";
}
.c8y-icon-group-add:before,
.c8y-icon-group-add:after {
  content: "\f136";
}
.c8y-icon-group-open:before,
.c8y-icon-group-open:after {
  content: "\f137";
}
.c8y-icon-group-remote:before,
.c8y-icon-group-remote:after {
  content: "\f138";
}
.c8y-icon-group-remote-inactive:before,
.c8y-icon-group-remote-inactive:after {
  content: "\f139";
}
.c8y-icon-group-remote-open:before,
.c8y-icon-group-remote-open:after {
  content: "\f13a";
}
.c8y-icon-group-smart:before,
.c8y-icon-group-smart:after {
  content: "\f13b";
}
.c8y-icon-group-smart-open:before,
.c8y-icon-group-smart-open:after {
  content: "\f13c";
}
.c8y-icon-java:before,
.c8y-icon-java:after {
  content: "\f13d";
}
.c8y-icon-layers:before,
.c8y-icon-layers:after {
  content: "\f13e";
}
.c8y-icon-layout:before,
.c8y-icon-layout:after {
  content: "\f13f";
}
.c8y-icon-location:before,
.c8y-icon-location:after {
  content: "\f140";
}
.c8y-icon-machine-portal:before,
.c8y-icon-machine-portal:after {
  content: "\f166";
}
.c8y-icon-management:before,
.c8y-icon-management:after {
  content: "\f141";
}
.c8y-icon-metering:before,
.c8y-icon-metering:after {
  content: "\f163";
}
.c8y-icon-mft:before,
.c8y-icon-mft:after {
  content: "\f168";
}
.c8y-icon-mobile-add:before,
.c8y-icon-mobile-add:after {
  content: "\f142";
}
.c8y-icon-mobile-config:before,
.c8y-icon-mobile-config:after {
  content: "\f143";
}
.c8y-icon-modules:before,
.c8y-icon-modules:after {
  content: "\f144";
}
.c8y-icon-mycloud:before,
.c8y-icon-mycloud:after {
  content: "\f145";
}
.c8y-icon-notification:before,
.c8y-icon-notification:after {
  content: "\f146";
}
.c8y-icon-oee:before,
.c8y-icon-oee:after {
  content: "\f164";
}
.c8y-icon-onnx:before,
.c8y-icon-onnx:after {
  content: "\f147";
}
.c8y-icon-overviews:before,
.c8y-icon-overviews:after {
  content: "\f148";
}
.c8y-icon-parameters:before,
.c8y-icon-parameters:after {
  content: "\f149";
}
.c8y-icon-parameters-on:before,
.c8y-icon-parameters-on:after {
  content: "\f14a";
}
.c8y-icon-parking:before,
.c8y-icon-parking:after {
  content: "\f14b";
}
.c8y-icon-report:before,
.c8y-icon-report:after {
  content: "\f14c";
}
.c8y-icon-reports:before,
.c8y-icon-reports:after {
  content: "\f14d";
}
.c8y-icon-rocket:before,
.c8y-icon-rocket:after {
  content: "\f14e";
}
.c8y-icon-saas:before,
.c8y-icon-saas:after {
  content: "\f14f";
}
.c8y-icon-security:before,
.c8y-icon-security:after {
  content: "\f150";
}
.c8y-icon-shield:before,
.c8y-icon-shield:after {
  content: "\f151";
}
.c8y-icon-simulator:before,
.c8y-icon-simulator:after {
  content: "\f152";
}
.c8y-icon-smart-rest:before,
.c8y-icon-smart-rest:after {
  content: "\f153";
}
.c8y-icon-smart-rules:before,
.c8y-icon-smart-rules:after {
  content: "\f154";
}
.c8y-icon-solution-accelerator:before,
.c8y-icon-solution-accelerator:after {
  content: "\f155";
}
.c8y-icon-streaming-analytics:before,
.c8y-icon-streaming-analytics:after {
  content: "\f156";
}
.c8y-icon-sub-tenants:before,
.c8y-icon-sub-tenants:after {
  content: "\f157";
}
.c8y-icon-tenant-policies:before,
.c8y-icon-tenant-policies:after {
  content: "\f158";
}
.c8y-icon-tools:before,
.c8y-icon-tools:after {
  content: "\f159";
}
.c8y-icon-tracking:before,
.c8y-icon-tracking:after {
  content: "\f15a";
}
.c8y-icon-usage-statistics:before,
.c8y-icon-usage-statistics:after {
  content: "\f15b";
}
.c8y-icon-user:before,
.c8y-icon-user:after {
  content: "\f15c";
}
.c8y-icon-users:before,
.c8y-icon-users:after {
  content: "\f15d";
}
.c8y-icon-waste-bin:before,
.c8y-icon-waste-bin:after {
  content: "\f15e";
}
.c8y-icon-wm-api:before,
.c8y-icon-wm-api:after {
  content: "\f15f";
}
.c8y-icon-wm-b2b:before,
.c8y-icon-wm-b2b:after {
  content: "\f160";
}
.c8y-icon-wm-dynamicapps:before,
.c8y-icon-wm-dynamicapps:after {
  content: "\f161";
}
.c8y-icon-wm-integration:before,
.c8y-icon-wm-integration:after {
  content: "\f162";
}
.app-noicon {
  display: inline-block;
  width: 36px;
  height: 36px;
  border-radius: 4px;
  background-color: var(--brand-dark, var(--c8y-brand-dark));
  color: var(--brand-light, var(--c8y-brand-light));
  overflow: hidden;
  margin-top: 0;
  font-size: 21px;
  line-height: 36px;
  text-transform: capitalize;
  text-align: center;
}
.app-noicon > span {
  display: inline-block;
  overflow: hidden;
}
.interact-list .app-noicon {
  width: 22px;
  height: 22px;
  font-size: 14px;
  line-height: 22px;
}
.c8y-plugin-icon {
  position: relative;
  font-style: normal;
}
.c8y-plugin-icon span {
  width: 100%;
  font-size: 14px;
  line-height: 35px;
  color: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  position: absolute;
  top: 0;
  display: block;
  text-align: center;
  z-index: 3;
}
.c8y-plugin-icon::before {
  display: inline-block;
  text-transform: none;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  font-family: 'dlt-c8y-icons' !important;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f32f";
  position: relative;
  color: var(--text-color, var(--c8y-component-color-default, var(--c8y-root-component-color-default)));
  z-index: 1;
  font-size: 1.4em;
}
.c8y-plugin-icon::before::before,
.c8y-plugin-icon::before::after {
  font-size: 1.1em;
}
.app-title {
  margin: 0;
}
.app-title .c8y-icon {
  font-size: 150%;
  width: 1.5em;
}
.circle-icon-wrapper {
  border-radius: 50%;
  color: white;
  width: 24px;
  aspect-ratio: 1/1;
  text-align: center;
  --c8y-icon-stroke-color: var(--text-color, var(--c8y-component-color-default, var(--c8y-root-component-color-default)));
  padding-bottom: 2px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.circle-icon-wrapper > i {
  font-size: 16px;
}
.circle-icon-wrapper--small {
  width: 16px;
  height: 16px;
}
.circle-icon-wrapper--small > i {
  font-size: 12px;
}
.dot {
  width: 50px;
  height: 50px;
  display: inline-flex;
  border-radius: 50%;
  background-color: var(--brand-primary, var(--c8y-brand-primary));
  color: var(--c8y-palette-high);
  font-size: 24px;
  align-items: center;
  justify-content: center;
  margin: 1px 0;
}
.dot.dot-danger {
  background-color: var(--palette-status-danger, var(--c8y-palette-status-danger));
}
.dot.dot-warning {
  background-color: var(--palette-status-warning, var(--c8y-palette-status-warning));
}
.dot.dot-success {
  background-color: var(--palette-status-success, var(--c8y-palette-status-success));
}
.dot.dot-default {
  background-color: var(--c8y-palette-gray-80);
}
.dot.dot-info {
  background-color: var(--palette-status-info, var(--c8y-palette-status-info));
}
.dot.small {
  font-size: 14px;
  width: 20px;
  height: 20px;
  line-height: inherit;
}
.dot.small .c8y-icon,
.dot.small .fa {
  line-height: 20px;
  font-size: 12px;
}
.dot.dot-30 {
  font-size: 14px;
  width: 30px;
  height: 30px;
  line-height: 32px;
}
.dot.dot-64 {
  width: 64px;
  height: 64px;
}
.dlt-c8y-icon-circle-o-notch.icon-spin {
  animation: icon-spin 1s infinite linear;
}
.glyphicon {
  display: inline-block;
  font: normal normal normal 14px/1 'dlt-c8y-icons';
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  width: 1.25em;
  text-align: center;
}
.glyphicon-chevron-left:before {
  content: "\e907";
}
.glyphicon-chevron-right:before {
  content: "\e92b";
}
.glyphicon-chevron-up:before {
  content: "\e917";
}
.glyphicon-chevron-down:before {
  content: "\e92a";
}
.glyphicon-ok:before {
  content: "\eaee";
}
.glyphicon-remove:before {
  content: "\e977";
}
c8y-icon-selector-wrapper > div {
  min-width: 64px;
  min-height: var(--c8y-form-control-height-base);
  position: relative;
  border: 1px solid var(--c8y-component-border-color, var(--c8y-root-component-border-color));
}
c8y-icon-selector-wrapper .showOnHover {
  background-color: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  opacity: 0;
}
c8y-icon-selector-wrapper:hover .showOnHover {
  opacity: 1;
}
@font-face {
  font-weight: normal;
  font-style: normal;
  font-family: 'dlt-c8y-icons';
  src: url('dlt-c8y-icons.ttf?h14sn6') format('truetype'), url('dlt-c8y-icons.woff?h14sn6') format('woff'), url('dlt-c8y-icons.svg?h14sn6#dlt-c8y-icons') format('svg');
  font-display: block;
}
[class^='dlt-c8y-icon-'],
[class*=' dlt-c8y-icon-'],
.dlt-c8y-icon {
  display: inline-block;
  text-transform: none;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  font-family: 'dlt-c8y-icons' !important;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
[class^='dlt-c8y-icon-']::before,
[class*=' dlt-c8y-icon-']::before,
.dlt-c8y-icon::before,
[class^='dlt-c8y-icon-']::after,
[class*=' dlt-c8y-icon-']::after,
.dlt-c8y-icon::after {
  font-size: 1.1em;
}
/* ==========================
 ** ICON UTILS
 =========================== */
/* makes the font 33% larger relative to the icon container */
.icon-lg {
  vertical-align: -15%;
  font-size: 1.33333333em;
  line-height: 0.75em;
}
.icon-2x {
  font-size: 2em;
}
.icon-3x {
  font-size: 3em;
}
.icon-4x {
  font-size: 4em;
}
.icon-5x {
  font-size: 5em;
}
.icon-fw {
  width: 1.28571429em;
  text-align: center;
}
.icon-ul {
  margin-left: 2.14285714em;
  padding-left: 0;
  list-style-type: none;
}
.icon-ul > li {
  position: relative;
}
.icon-li {
  position: absolute;
  top: 0.14285714em;
  left: -2.14285714em;
  width: 2.14285714em;
  text-align: center;
}
.icon-li.icon-lg {
  left: -1.85714286em;
}
.icon-border {
  padding: 0.2em 0.25em 0.15em;
  border: solid 0.08em #eeeeee;
  border-radius: 0.1em;
}
.icon-pull-left {
  float: left;
}
.icon-pull-right {
  float: right;
}
.icon-pull-left {
  margin-right: 0.3em;
}
.icon-pull-right {
  margin-left: 0.3em;
}
.icon-spin {
  animation: icon-spin 2s infinite linear;
}
.icon-pulse {
  animation: icon-spin 1s infinite steps(8);
}
@keyframes icon-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.icon-rotate-90 {
  -ms-filter: 'progid:DXImageTransform.Microsoft.BasicImage(rotation=1)';
  transform: rotate(90deg);
}
.icon-rotate-180 {
  -ms-filter: 'progid:DXImageTransform.Microsoft.BasicImage(rotation=2)';
  transform: rotate(180deg);
}
.icon-rotate-270 {
  -ms-filter: 'progid:DXImageTransform.Microsoft.BasicImage(rotation=3)';
  transform: rotate(270deg);
}
.icon-flip-horizontal {
  -ms-filter: 'progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)';
  transform: scale(-1, 1);
}
.icon-flip-vertical {
  -ms-filter: 'progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)';
  transform: scale(1, -1);
}
:root .icon-rotate-90,
:root .icon-rotate-180,
:root .icon-rotate-270,
:root .icon-flip-horizontal,
:root .icon-flip-vertical {
  filter: none;
}
.icon-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  vertical-align: middle;
  line-height: 2em;
}
.icon-stack-1x,
.icon-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.icon-stack-1x {
  line-height: inherit;
}
.icon-stack-2x {
  font-size: 2em;
}
.icon-inverse {
  color: #ffffff;
}
/* ==========================
  ** ICONS
  =========================== */
.dlt-c8y-icon-collapse-arrow:before {
  content: "\e917";
}
.dlt-c8y-icon-angle-up:before {
  content: "\e917";
}
.dlt-c8y-icon-chevron-up:before {
  content: "\e917";
}
.dlt-c8y-icon-forward:before {
  content: "\e92b";
}
.dlt-c8y-icon-angle-right:before {
  content: "\e92b";
}
.dlt-c8y-icon-chevron-right:before {
  content: "\e92b";
}
.dlt-c8y-icon-chevron-breadcrumb:before {
  content: "\e92b";
}
.dlt-c8y-icon-expand-arrow:before {
  content: "\e92a";
}
.dlt-c8y-icon-angle-down:before {
  content: "\e92a";
}
.dlt-c8y-icon-chevron-down:before {
  content: "\e92a";
}
.dlt-c8y-icon-caret-back:before {
  content: "\e907";
}
.dlt-c8y-icon-angle-left:before {
  content: "\e907";
}
.dlt-c8y-icon-chevron-left:before {
  content: "\e907";
}
.dlt-c8y-icon-chevron-double-left:before {
  content: "\e97a";
}
.dlt-c8y-icon-chevron-double-right:before {
  content: "\e97c";
}
.dlt-c8y-icon-chevron-double-up:before {
  content: "\e97d";
}
.dlt-c8y-icon-chevron-double-down:before {
  content: "\e98d";
}
.dlt-c8y-icon-chevron-circle-up:before {
  content: "\e96a";
}
.dlt-c8y-icon-chevron-circle-right:before {
  content: "\e992";
}
.dlt-c8y-icon-chevron-circle-down:before {
  content: "\e9a5";
}
.dlt-c8y-icon-chevron-circle-left:before {
  content: "\e9aa";
}
.dlt-c8y-icon-arrow-up:before {
  content: "\e95e";
}
.dlt-c8y-icon-arrow-right:before {
  content: "\e95d";
}
.dlt-c8y-icon-arrow-down:before {
  content: "\e95f";
}
.dlt-c8y-icon-arrow-left:before {
  content: "\e95c";
}
.dlt-c8y-icon-panel-control-up:before {
  content: "\e9b3";
}
.dlt-c8y-icon-angle-double-up:before {
  content: "\e9b3";
}
.dlt-c8y-icon-panel-control-right:before {
  content: "\e9b4";
}
.dlt-c8y-icon-angle-double-right:before {
  content: "\e9b4";
}
.dlt-c8y-icon-panel-control-down:before {
  content: "\e9b5";
}
.dlt-c8y-icon-angle-double-down:before {
  content: "\e9b5";
}
.dlt-c8y-icon-panel-control-left:before {
  content: "\e9b6";
}
.dlt-c8y-icon-angle-double-left:before {
  content: "\e9b6";
}
.dlt-c8y-icon-download:before {
  content: "\e937";
}
.dlt-c8y-icon-upload:before {
  content: "\e940";
}
.dlt-c8y-icon-internal:before {
  content: "\f6b0";
}
.dlt-c8y-icon-external:before {
  content: "\f68c";
}
.dlt-c8y-icon-undo:before {
  content: "\e948";
}
.dlt-c8y-icon-redo:before {
  content: "\e958";
}
.dlt-c8y-icon-signout:before {
  content: "\e9b9";
}
.dlt-c8y-icon-signin:before {
  content: "\e9ba";
}
.dlt-c8y-icon-login:before {
  content: "\e923";
}
.dlt-c8y-icon-sign-in:before {
  content: "\e923";
}
.dlt-c8y-icon-logout:before {
  content: "\e928";
}
.dlt-c8y-icon-sign-out:before {
  content: "\e928";
}
.dlt-c8y-icon-arrow-circle-up:before {
  content: "\e962";
}
.dlt-c8y-icon-arrow-circle-o-up:before {
  content: "\e962";
}
.dlt-c8y-icon-arrow-circle-right:before {
  content: "\e912";
}
.dlt-c8y-icon-arrow-circle-o-right:before {
  content: "\e912";
}
.dlt-c8y-icon-arrow-circle-down:before {
  content: "\e906";
}
.dlt-c8y-icon-arrow-circle-o-down:before {
  content: "\e906";
}
.dlt-c8y-icon-arrow-circle-left:before {
  content: "\e92e";
}
.dlt-c8y-icon-arrow-circle-o-left:before {
  content: "\e92e";
}
.dlt-c8y-icon-arrow-circle-up-left:before {
  content: "\e913";
}
.dlt-c8y-icon-arrow-circle-down-left:before {
  content: "\e90e";
}
.dlt-c8y-icon-arrow-circle-up-right:before {
  content: "\e914";
}
.dlt-c8y-icon-arrow-circle-bottom-right:before {
  content: "\e910";
}
.dlt-c8y-icon-arrow-circle-diameter:before {
  content: "\f382";
}
.dlt-c8y-icon-arrow-circle-divide-horizontal:before {
  content: "\e91b";
}
.dlt-c8y-icon-arrow-circle-minimize-horizontal:before {
  content: "\e901";
}
.dlt-c8y-icon-caret-square-o-up:before {
  content: "\ea31";
}
.dlt-c8y-icon-toggle-up:before {
  content: "\ea31";
}
.dlt-c8y-icon-caret-square-o-down:before {
  content: "\ea35";
}
.dlt-c8y-icon-toggle-down:before {
  content: "\ea35";
}
.dlt-c8y-icon-caret-square-o-left:before {
  content: "\ea39";
}
.dlt-c8y-icon-toggle-left:before {
  content: "\ea39";
}
.dlt-c8y-icon-caret-square-o-right:before {
  content: "\ea3a";
}
.dlt-c8y-icon-toggle-right:before {
  content: "\ea3a";
}
.dlt-c8y-icon-enter-bottom:before {
  content: "\e9df";
}
.dlt-c8y-icon-enter-right:before {
  content: "\e9e0";
}
.dlt-c8y-icon-enter-top:before {
  content: "\e9e2";
}
.dlt-c8y-icon-enter-left:before {
  content: "\e9ed";
}
.dlt-c8y-icon-exit-top:before {
  content: "\e9f7";
}
.dlt-c8y-icon-exit-right:before {
  content: "\e9f8";
}
.dlt-c8y-icon-exit-bottom:before {
  content: "\e9f9";
}
.dlt-c8y-icon-exit-left:before {
  content: "\e9fa";
}
.dlt-c8y-icon-input-output:before {
  content: "\ea0b";
}
.dlt-c8y-icon-rotate-right:before {
  content: "\ea4c";
}
.dlt-c8y-icon-rotate:before {
  content: "\ea4c";
}
.dlt-c8y-icon-repeat:before {
  content: "\ea4c";
}
.dlt-c8y-icon-reset:before {
  content: "\ea53";
}
.dlt-c8y-icon-rotate-left:before {
  content: "\ea53";
}
.dlt-c8y-icon-restore:before {
  content: "\e946";
}
.dlt-c8y-icon-refresh:before {
  content: "\e947";
}
.dlt-c8y-icon-process:before {
  content: "\ea36";
}
.dlt-c8y-icon-recycle:before {
  content: "\ea36";
}
.dlt-c8y-icon-refresh-exception:before {
  content: "\ea43";
}
.dlt-c8y-icon-lock-orientation:before {
  content: "\ecc7";
}
.dlt-c8y-icon-arrow-dotted-up:before {
  content: "\e900";
}
.dlt-c8y-icon-arrow-dotted-right:before {
  content: "\e904";
}
.dlt-c8y-icon-arrow-advance:before {
  content: "\e904";
}
.dlt-c8y-icon-arrow-dotted-down:before {
  content: "\e90b";
}
.dlt-c8y-icon-arrow-dotted-left:before {
  content: "\e916";
}
.dlt-c8y-icon-arrows-dotted-left-right:before {
  content: "\e91a";
}
.dlt-c8y-icon-arrows-dotted-up-down:before {
  content: "\e921";
}
.dlt-c8y-icon-up-down-arrows:before {
  content: "\e921";
}
.dlt-c8y-icon-collect:before {
  content: "\e990";
}
.dlt-c8y-icon-merge-horizontal:before {
  content: "\e935";
}
.dlt-c8y-icon-split-horizontal:before {
  content: "\e951";
}
.dlt-c8y-icon-merge-vertical:before {
  content: "\e936";
}
.dlt-c8y-icon-divider:before {
  content: "\e91c";
}
.dlt-c8y-icon-split-vertical:before {
  content: "\e91c";
}
.dlt-c8y-icon-drag:before {
  content: "\e927";
}
.dlt-c8y-icon-arrows:before {
  content: "\e927";
}
.dlt-c8y-icon-move-step:before {
  content: "\e927";
}
.dlt-c8y-icon-resize-expand:before {
  content: "\ecff";
}
.dlt-c8y-icon-arrows-alt:before {
  content: "\ecff";
}
.dlt-c8y-icon-expand:before {
  content: "\ecff";
}
.dlt-c8y-icon-compress:before {
  content: "\e918";
}
.dlt-c8y-icon-resize-collapse:before {
  content: "\ecfb";
}
.dlt-c8y-icon-collapse:before {
  content: "\ecfb";
}
.dlt-c8y-icon-fullscreen:before {
  content: "\e941";
}
.dlt-c8y-icon-fullscreen-exit:before {
  content: "\e942";
}
.dlt-c8y-icon-long-arrow-up:before {
  content: "\e934";
}
.dlt-c8y-icon-long-arrow-right:before {
  content: "\e943";
}
.dlt-c8y-icon-long-arrow-down:before {
  content: "\e902";
}
.dlt-c8y-icon-long-arrow-left:before {
  content: "\e933";
}
.dlt-c8y-icon-arrows-v:before {
  content: "\e93f";
}
.dlt-c8y-icon-arrows-h:before {
  content: "\e93e";
}
.dlt-c8y-icon-enlarge:before {
  content: "\e929";
}
.dlt-c8y-icon-data-transfer:before {
  content: "\eb16";
}
.dlt-c8y-icon-exchange:before {
  content: "\eb16";
}
.dlt-c8y-icon-sort-arrow:before {
  content: "\eb17";
}
.dlt-c8y-icon-arrows-left-right-diagonal:before {
  content: "\e931";
}
.dlt-c8y-icon-level-up:before {
  content: "\f6b6";
}
.dlt-c8y-icon-level-down:before {
  content: "\e956";
}
.dlt-c8y-icon-u-turn:before {
  content: "\e957";
}
.dlt-c8y-icon-u-turn-right:before {
  content: "\e959";
}
.dlt-c8y-icon-u-turn-left:before {
  content: "\e922";
}
.dlt-c8y-icon-undo1:before {
  content: "\e95a";
}
.dlt-c8y-icon-redo1:before {
  content: "\e93b";
}
.dlt-c8y-icon-sort:before {
  content: "\e94c";
}
.dlt-c8y-icon-unsorted:before {
  content: "\e94c";
}
.dlt-c8y-icon-sort-down:before {
  content: "\e94d";
}
.dlt-c8y-icon-sort-desc:before {
  content: "\e94d";
}
.dlt-c8y-icon-sort-up:before {
  content: "\e950";
}
.dlt-c8y-icon-sort-asc:before {
  content: "\e950";
}
.dlt-c8y-icon-caret-up:before {
  content: "\eba8";
}
.dlt-c8y-icon-caret-right:before {
  content: "\e94f";
}
.dlt-c8y-icon-caret-down:before {
  content: "\eba9";
}
.dlt-c8y-icon-caret-left:before {
  content: "\e94e";
}
.dlt-c8y-icon-squiggly-arrow:before {
  content: "\e952";
}
.dlt-c8y-icon-curly-arrow:before {
  content: "\e919";
}
.dlt-c8y-icon-swap:before {
  content: "\e953";
}
.dlt-c8y-icon-environment:before {
  content: "\eed9";
}
.dlt-c8y-icon-shuffle:before {
  content: "\f083";
}
.dlt-c8y-icon-random:before {
  content: "\f083";
}
.dlt-c8y-icon-swipe-up:before {
  content: "\f1c1";
}
.dlt-c8y-icon-swipe-right:before {
  content: "\f1bf";
}
.dlt-c8y-icon-swipe-down:before {
  content: "\f1bd";
}
.dlt-c8y-icon-swipe-left:before {
  content: "\f1be";
}
.dlt-c8y-icon-two-finger-swipe-up:before {
  content: "\f1d0";
}
.dlt-c8y-icon-two-finger-swipe-right:before {
  content: "\f1cf";
}
.dlt-c8y-icon-two-finger-swipe-down:before {
  content: "\f1cd";
}
.dlt-c8y-icon-two-finger-swipe-left:before {
  content: "\f1ce";
}
.dlt-c8y-icon-pinch:before {
  content: "\f1a4";
}
.dlt-c8y-icon-hospital-o:before {
  content: "\e911";
}
.dlt-c8y-icon-h-square:before {
  content: "\eb2b";
}
.dlt-c8y-icon-university:before {
  content: "\f400";
}
.dlt-c8y-icon-institution:before {
  content: "\f400";
}
.dlt-c8y-icon-bank:before {
  content: "\f400";
}
.dlt-c8y-icon-ios-themes:before {
  content: "\f170";
}
.dlt-c8y-icon-building:before {
  content: "\ee8f";
}
.dlt-c8y-icon-building-o:before {
  content: "\ee8f";
}
.dlt-c8y-icon-apartment:before {
  content: "\ee6f";
}
.dlt-c8y-icon-department1:before {
  content: "\e9b7";
}
.dlt-c8y-icon-organization:before {
  content: "\ea1d";
}
.dlt-c8y-icon-office:before {
  content: "\ea15";
}
.dlt-c8y-icon-building-with-rooftop-terrace:before {
  content: "\ee90";
}
.dlt-c8y-icon-company:before {
  content: "\e999";
}
.dlt-c8y-icon-warehouse:before {
  content: "\efc0";
}
.dlt-c8y-icon-shop:before {
  content: "\ea5c";
}
.dlt-c8y-icon-work-from-home:before {
  content: "\ea8f";
}
.dlt-c8y-icon-house:before {
  content: "\ef0a";
}
.dlt-c8y-icon-dog-house:before {
  content: "\eec7";
}
.dlt-c8y-icon-home-automation:before {
  content: "\ef07";
}
.dlt-c8y-icon-garage-door:before {
  content: "\eef6";
}
.dlt-c8y-icon-depot:before {
  content: "\eebf";
}
.dlt-c8y-icon-garage:before {
  content: "\eef5";
}
.dlt-c8y-icon-open-garage-door:before {
  content: "\ef56";
}
.dlt-c8y-icon-close-garage-door:before {
  content: "\eea3";
}
.dlt-c8y-icon-barn:before {
  content: "\ee77";
}
.dlt-c8y-icon-bungalow:before {
  content: "\ee91";
}
.dlt-c8y-icon-exterior:before {
  content: "\eedd";
}
.dlt-c8y-icon-equal-housing-opportunity:before {
  content: "\eeda";
}
.dlt-c8y-icon-heating-room:before {
  content: "\ef06";
}
.dlt-c8y-icon-mortgage:before {
  content: "\ef47";
}
.dlt-c8y-icon-home-safety:before {
  content: "\ef09";
}
.dlt-c8y-icon-enterprise-resource-planning:before {
  content: "\e9c7";
}
.dlt-c8y-icon-travel-agency:before {
  content: "\ea80";
}
.dlt-c8y-icon-department-shop:before {
  content: "\e9b8";
}
.dlt-c8y-icon-book-shelf:before {
  content: "\ee89";
}
.dlt-c8y-icon-emergency-exit:before {
  content: "\eed5";
}
.dlt-c8y-icon-stairs:before {
  content: "\ef94";
}
.dlt-c8y-icon-stairs-down:before {
  content: "\ef95";
}
.dlt-c8y-icon-stairs-up:before {
  content: "\ef96";
}
.dlt-c8y-icon-temperature-inside:before {
  content: "\efa1";
}
.dlt-c8y-icon-treehouse:before {
  content: "\efb1";
}
.dlt-c8y-icon-tree:before {
  content: "\efb1";
}
.dlt-c8y-icon-water-heater:before {
  content: "\efc9";
}
.dlt-c8y-icon-clean:before {
  content: "\eea1";
}
.dlt-c8y-icon-magic:before {
  content: "\eea1";
}
.dlt-c8y-icon-storage:before {
  content: "\e9fb";
}
.dlt-c8y-icon-60-degrees:before {
  content: "\eae8";
}
.dlt-c8y-icon-120-degrees:before {
  content: "\eadc";
}
.dlt-c8y-icon-225-degrees:before {
  content: "\eae0";
}
.dlt-c8y-icon-300-degrees:before {
  content: "\eae2";
}
.dlt-c8y-icon-360-degrees:before {
  content: "\eae6";
}
.dlt-c8y-icon-pie-chart:before {
  content: "\eb51";
}
.dlt-c8y-icon-pie-chart:before {
  content: "\eb51";
}
.dlt-c8y-icon-bar-chart:before {
  content: "\eaf8";
}
.dlt-c8y-icon-bar-chart-o:before {
  content: "\eaf8";
}
.dlt-c8y-icon-data-account:before {
  content: "\eb07";
}
.dlt-c8y-icon-data-decline:before {
  content: "\eb08";
}
.dlt-c8y-icon-increase:before {
  content: "\eb36";
}
.dlt-c8y-icon-neutral-trading:before {
  content: "\eb48";
}
.dlt-c8y-icon-decrease:before {
  content: "\eb1f";
}
.dlt-c8y-icon-timeline:before {
  content: "\e924";
}
.dlt-c8y-icon-increase-profits:before {
  content: "\eb37";
}
.dlt-c8y-icon-combo-chart:before {
  content: "\eb04";
}
.dlt-c8y-icon-line-chart:before {
  content: "\eb04";
}
.dlt-c8y-icon-graph:before {
  content: "\eb04";
}
.dlt-c8y-icon-area-chart:before {
  content: "\eaf6";
}
.dlt-c8y-icon-area-chart:before {
  content: "\eaf6";
}
.dlt-c8y-icon-sorting-slider:before {
  content: "\eb6b";
}
.dlt-c8y-icon-sliders:before {
  content: "\eb6b";
}
.dlt-c8y-icon-hierarchy:before {
  content: "\e9e5";
}
.dlt-c8y-icon-b2b:before {
  content: "\e973";
}
.dlt-c8y-icon-flow-chart:before {
  content: "\e9d9";
}
.dlt-c8y-icon-sitemap:before {
  content: "\e9d9";
}
.dlt-c8y-icon-tree-structure:before {
  content: "\ea81";
}
.dlt-c8y-icon-flow:before {
  content: "\e9d8";
}
.dlt-c8y-icon-stacked-organizational-chart:before {
  content: "\eaa6";
}
.dlt-c8y-icon-multicast:before {
  content: "\eb47";
}
.dlt-c8y-icon-unicast:before {
  content: "\eb73";
}
.dlt-c8y-icon-broadcasting:before {
  content: "\eafa";
}
.dlt-c8y-icon-genealogy:before {
  content: "\eb2d";
}
.dlt-c8y-icon-filter:before {
  content: "\e95b";
}
.dlt-c8y-icon-conversion:before {
  content: "\eb06";
}
.dlt-c8y-icon-clear-filters:before {
  content: "\eaff";
}
.dlt-c8y-icon-descending-sorting:before {
  content: "\eb23";
}
.dlt-c8y-icon-sort-amount-desc:before {
  content: "\eb23";
}
.dlt-c8y-icon-ascending-sorting:before {
  content: "\eaf7";
}
.dlt-c8y-icon-sort-amount-asc:before {
  content: "\eaf7";
}
.dlt-c8y-icon-alphabetical-sorting:before {
  content: "\eaf4";
}
.dlt-c8y-icon-sort-alpha-asc:before {
  content: "\eaf4";
}
.dlt-c8y-icon-alphabetical-sorting-2:before {
  content: "\eaf5";
}
.dlt-c8y-icon-sort-alpha-desc:before {
  content: "\eaf5";
}
.dlt-c8y-icon-data-exchange:before {
  content: "\eb09";
}
.dlt-c8y-icon-filing-cabinet:before {
  content: "\e9fc";
}
.dlt-c8y-icon-database:before {
  content: "\e9fc";
}
.dlt-c8y-icon-database-administrator:before {
  content: "\e9fd";
}
.dlt-c8y-icon-data-export:before {
  content: "\eb0a";
}
.dlt-c8y-icon-export:before {
  content: "\eb0a";
}
.dlt-c8y-icon-data-import:before {
  content: "\eb0b";
}
.dlt-c8y-icon-import:before {
  content: "\eb0b";
}
.dlt-c8y-icon-grid-off:before {
  content: "\ea06";
}
.dlt-c8y-icon-gantt-chart:before {
  content: "\eb2c";
}
.dlt-c8y-icon-data-grid:before {
  content: "\eb10";
}
.dlt-c8y-icon-grid-view:before {
  content: "\eb30";
}
.dlt-c8y-icon-grid-on:before {
  content: "\ea07";
}
.dlt-c8y-icon-row:before {
  content: "\e9fe";
}
.dlt-c8y-icon-rows:before {
  content: "\e9fe";
}
.dlt-c8y-icon-column:before {
  content: "\ea01";
}
.dlt-c8y-icon-grid:before {
  content: "\eb2e";
}
.dlt-c8y-icon-table:before {
  content: "\eb71";
}
.dlt-c8y-icon-split-table:before {
  content: "\eb6d";
}
.dlt-c8y-icon-data-sheet:before {
  content: "\eb15";
}
.dlt-c8y-icon-blockchain-technology:before {
  content: "\eaf9";
}
.dlt-c8y-icon-workflow:before {
  content: "\eb78";
}
.dlt-c8y-icon-parallel-workflow:before {
  content: "\eb4f";
}
.dlt-c8y-icon-mind-map:before {
  content: "\ea2d";
}
.dlt-c8y-icon-query-inner-join-left:before {
  content: "\eb54";
}
.dlt-c8y-icon-sankey:before {
  content: "\eb5c";
}
.dlt-c8y-icon-creating:before {
  content: "\e9a3";
}
.dlt-c8y-icon-creativity:before {
  content: "\e9a4";
}
.dlt-c8y-icon-financial-growth-analysis:before {
  content: "\e9d6";
}
.dlt-c8y-icon-input:before {
  content: "\e925";
}
.dlt-c8y-icon-omnichannel:before {
  content: "\ea17";
}
.dlt-c8y-icon-string:before {
  content: "\ea04";
}
.dlt-c8y-icon-variable:before {
  content: "\ea0e";
}
.dlt-c8y-icon-variable-on:before {
  content: "\ea11";
}
.dlt-c8y-icon-thermometer-0:before {
  content: "\eb2f";
}
.dlt-c8y-icon-thermometer-empty:before {
  content: "\eb2f";
}
.dlt-c8y-icon-thermometer-3:before {
  content: "\eb31";
}
.dlt-c8y-icon-thermometer-three-quarters:before {
  content: "\eb31";
}
.dlt-c8y-icon-thermometer-2:before {
  content: "\eb32";
}
.dlt-c8y-icon-thermometer-half:before {
  content: "\eb32";
}
.dlt-c8y-icon-thermometer-1:before {
  content: "\eb33";
}
.dlt-c8y-icon-thermometer-quarter:before {
  content: "\eb33";
}
.dlt-c8y-icon-thermometer:before {
  content: "\eb34";
}
.dlt-c8y-icon-thermometer-4:before {
  content: "\eb34";
}
.dlt-c8y-icon-thermometer-full:before {
  content: "\eb34";
}
.dlt-c8y-icon-sensor:before {
  content: "\ea14";
}
.dlt-c8y-icon-package:before {
  content: "\ea16";
}
.dlt-c8y-icon-packages:before {
  content: "\ea18";
}
.dlt-c8y-icon-blockly:before {
  content: "\ea22";
}
.dlt-c8y-icon-objects:before {
  content: "\ea1a";
}
.dlt-c8y-icon-monitoring:before {
  content: "\ea1b";
}
.dlt-c8y-icon-qr-code:before {
  content: "\ec0e";
}
.dlt-c8y-icon-online:before {
  content: "\ea24";
}
.dlt-c8y-icon-temperature:before {
  content: "\ea25";
}
.dlt-c8y-icon-air-conditioner:before {
  content: "\ee6a";
}
.dlt-c8y-icon-air-shaft:before {
  content: "\ee6c";
}
.dlt-c8y-icon-fan:before {
  content: "\eedf";
}
.dlt-c8y-icon-light:before {
  content: "\ef2a";
}
.dlt-c8y-icon-light-automation:before {
  content: "\ef2b";
}
.dlt-c8y-icon-light-off:before {
  content: "\ef39";
}
.dlt-c8y-icon-reflector-bulb:before {
  content: "\ef6d";
}
.dlt-c8y-icon-spiral-bulb:before {
  content: "\ef92";
}
.dlt-c8y-icon-mirrored-reflector-bulb:before {
  content: "\ef44";
}
.dlt-c8y-icon-light-bulb:before {
  content: "\ef2c";
}
.dlt-c8y-icon-lightbulb-o:before {
  content: "\ef2c";
}
.dlt-c8y-icon-light-on:before {
  content: "\ef3a";
}
.dlt-c8y-icon-plumbing:before {
  content: "\ef62";
}
.dlt-c8y-icon-wi-fi-router:before {
  content: "\f25a";
}
.dlt-c8y-icon-gas-bottle:before {
  content: "\eef9";
}
.dlt-c8y-icon-grater:before {
  content: "\eeff";
}
.dlt-c8y-icon-air-quality:before {
  content: "\ee6b";
}
.dlt-c8y-icon-central-heating:before {
  content: "\ee9c";
}
.dlt-c8y-icon-light-dimmer:before {
  content: "\ef2d";
}
.dlt-c8y-icon-radio-station:before {
  content: "\ef69";
}
.dlt-c8y-icon-relay-home-automation:before {
  content: "\ef6f";
}
.dlt-c8y-icon-remote-control:before {
  content: "\ef70";
}
.dlt-c8y-icon-tv-off:before {
  content: "\efb6";
}
.dlt-c8y-icon-wall-socket:before {
  content: "\efbd";
}
.dlt-c8y-icon-washing-machine:before {
  content: "\efc3";
}
.dlt-c8y-icon-light-dimming-100-percent:before {
  content: "\ef2e";
}
.dlt-c8y-icon-light-dimming-10-percent:before {
  content: "\ef2f";
}
.dlt-c8y-icon-work-light:before {
  content: "\efd5";
}
.dlt-c8y-icon-plug:before {
  content: "\ef61";
}
.dlt-c8y-icon-electrical:before {
  content: "\eed4";
}
.dlt-c8y-icon-water-pipe:before {
  content: "\efca";
}
.dlt-c8y-icon-thermometer-automation:before {
  content: "\efa2";
}
.dlt-c8y-icon-fire-extinguisher:before {
  content: "\eee4";
}
.dlt-c8y-icon-fire-extinguisher:before {
  content: "\eee4";
}
.dlt-c8y-icon-temperature-sensitive:before {
  content: "\ec31";
}
.dlt-c8y-icon-calculator:before {
  content: "\f373";
}
.dlt-c8y-icon-humidity:before {
  content: "\f3a4";
}
.dlt-c8y-icon-system-information:before {
  content: "\f34a";
}
.dlt-c8y-icon-system-report:before {
  content: "\f34b";
}
.dlt-c8y-icon-system-task:before {
  content: "\f34c";
}
.dlt-c8y-icon-imac-clock:before {
  content: "\f30f";
}
.dlt-c8y-icon-imac-exit:before {
  content: "\f310";
}
.dlt-c8y-icon-imac-settings:before {
  content: "\f315";
}
.dlt-c8y-icon-macbook-settings:before {
  content: "\f320";
}
.dlt-c8y-icon-connected:before {
  content: "\f209";
}
.dlt-c8y-icon-disconnected:before {
  content: "\f213";
}
.dlt-c8y-icon-mobile:before {
  content: "\f17f";
}
.dlt-c8y-icon-multiple-devices:before {
  content: "\f183";
}
.dlt-c8y-icon-client-management:before {
  content: "\e98a";
}
.dlt-c8y-icon-nfc:before {
  content: "\f184";
}
.dlt-c8y-icon-mobile-email:before {
  content: "\f182";
}
.dlt-c8y-icon-empty-battery:before {
  content: "\f15e";
}
.dlt-c8y-icon-battery-empty:before {
  content: "\f15e";
}
.dlt-c8y-icon-battery-0:before {
  content: "\f15e";
}
.dlt-c8y-icon-low-battery:before {
  content: "\f179";
}
.dlt-c8y-icon-battery-quarter:before {
  content: "\f179";
}
.dlt-c8y-icon-battery-1:before {
  content: "\f179";
}
.dlt-c8y-icon-battery-level:before {
  content: "\f144";
}
.dlt-c8y-icon-battery-2:before {
  content: "\f144";
}
.dlt-c8y-icon-battery-half:before {
  content: "\f144";
}
.dlt-c8y-icon-charged-battery:before {
  content: "\f152";
}
.dlt-c8y-icon-battery-3:before {
  content: "\f152";
}
.dlt-c8y-icon-battery-three-quarters:before {
  content: "\f152";
}
.dlt-c8y-icon-full-battery:before {
  content: "\f163";
}
.dlt-c8y-icon-battery-full:before {
  content: "\f163";
}
.dlt-c8y-icon-battery-4:before {
  content: "\f163";
}
.dlt-c8y-icon-battery:before {
  content: "\f163";
}
.dlt-c8y-icon-no-battery:before {
  content: "\f18c";
}
.dlt-c8y-icon-charging-battery:before {
  content: "\f153";
}
.dlt-c8y-icon-no-connection:before {
  content: "\f18d";
}
.dlt-c8y-icon-low-connection:before {
  content: "\f17a";
}
.dlt-c8y-icon-signal:before {
  content: "\f1af";
}
.dlt-c8y-icon-factory:before {
  content: "\efe9";
}
.dlt-c8y-icon-industry:before {
  content: "\efe9";
}
.dlt-c8y-icon-robot:before {
  content: "\f009";
}
.dlt-c8y-icon-bot:before {
  content: "\efdc";
}
.dlt-c8y-icon-fork-lift:before {
  content: "\efed";
}
.dlt-c8y-icon-gear-complex:before {
  content: "\eff2";
}
.dlt-c8y-icon-cog-complex:before {
  content: "\eff2";
}
.dlt-c8y-icon-gears:before {
  content: "\eff3";
}
.dlt-c8y-icon-cogs:before {
  content: "\eff3";
}
.dlt-c8y-icon-automation:before {
  content: "\efda";
}
.dlt-c8y-icon-automatic:before {
  content: "\efd9";
}
.dlt-c8y-icon-electronics:before {
  content: "\efe6";
}
.dlt-c8y-icon-gas:before {
  content: "\eff0";
}
.dlt-c8y-icon-water:before {
  content: "\f011";
}
.dlt-c8y-icon-tint:before {
  content: "\f011";
}
.dlt-c8y-icon-greentech:before {
  content: "\eff5";
}
.dlt-c8y-icon-radio-tower:before {
  content: "\f007";
}
.dlt-c8y-icon-industrial-scales:before {
  content: "\effa";
}
.dlt-c8y-icon-balance-scale:before {
  content: "\effa";
}
.dlt-c8y-icon-iphone:before {
  content: "\f173";
}
.dlt-c8y-icon-mobile-phone:before {
  content: "\f173";
}
.dlt-c8y-icon-smartphone:before {
  content: "\f173";
}
.dlt-c8y-icon-smartphone-approve:before {
  content: "\f1b4";
}
.dlt-c8y-icon-smartphone-decline:before {
  content: "\f1b5";
}
.dlt-c8y-icon-phonelink-lock:before {
  content: "\f1a1";
}
.dlt-c8y-icon-tablet-mac:before {
  content: "\e909";
}
.dlt-c8y-icon-tablet:before {
  content: "\e909";
}
.dlt-c8y-icon-devices:before {
  content: "\ea29";
}
.dlt-c8y-icon-imac:before {
  content: "\eaad";
}
.dlt-c8y-icon-desktop:before {
  content: "\eaad";
}
.dlt-c8y-icon-desktop1:before {
  content: "\ea28";
}
.dlt-c8y-icon-monitor:before {
  content: "\eaba";
}
.dlt-c8y-icon-tv:before {
  content: "\eaba";
}
.dlt-c8y-icon-television:before {
  content: "\eaba";
}
.dlt-c8y-icon-laptop:before {
  content: "\eab0";
}
.dlt-c8y-icon-checked-laptop:before {
  content: "\ea95";
}
.dlt-c8y-icon-laptop-alert:before {
  content: "\eab1";
}
.dlt-c8y-icon-laptop-error:before {
  content: "\eab2";
}
.dlt-c8y-icon-computer-support:before {
  content: "\f673";
}
.dlt-c8y-icon-programming:before {
  content: "\eac2";
}
.dlt-c8y-icon-keyboard:before {
  content: "\eaaf";
}
.dlt-c8y-icon-keyboard-o:before {
  content: "\eaaf";
}
.dlt-c8y-icon-video-conference:before {
  content: "\ea84";
}
.dlt-c8y-icon-remote-desktop:before {
  content: "\eac4";
}
.dlt-c8y-icon-workspace:before {
  content: "\eada";
}
.dlt-c8y-icon-workstation:before {
  content: "\eadb";
}
.dlt-c8y-icon-microchip:before {
  content: "\f17b";
}
.dlt-c8y-icon-processor:before {
  content: "\eac1";
}
.dlt-c8y-icon-smartphone-ram:before {
  content: "\f1b6";
}
.dlt-c8y-icon-bios:before {
  content: "\ea93";
}
.dlt-c8y-icon-micro-sd:before {
  content: "\eab8";
}
.dlt-c8y-icon-hdd:before {
  content: "\eaa9";
}
.dlt-c8y-icon-hdd-o:before {
  content: "\eaa9";
}
.dlt-c8y-icon-financial-dynamic-presentation:before {
  content: "\e9d5";
}
.dlt-c8y-icon-presentation:before {
  content: "\ea32";
}
.dlt-c8y-icon-room-finder:before {
  content: "\ea50";
}
.dlt-c8y-icon-statistics:before {
  content: "\ea65";
}
.dlt-c8y-icon-server:before {
  content: "\eac9";
}
.dlt-c8y-icon-stack:before {
  content: "\eacf";
}
.dlt-c8y-icon-critical-thinking:before {
  content: "\e9a6";
}
.dlt-c8y-icon-environment1:before {
  content: "\ea2a";
}
.dlt-c8y-icon-network-card:before {
  content: "\eabd";
}
.dlt-c8y-icon-network-cable:before {
  content: "\eabc";
}
.dlt-c8y-icon-usb-on:before {
  content: "\ead5";
}
.dlt-c8y-icon-ssd:before {
  content: "\eace";
}
.dlt-c8y-icon-asterisk-key:before {
  content: "\ea91";
}
.dlt-c8y-icon-asterisk:before {
  content: "\ea91";
}
.dlt-c8y-icon-end-button:before {
  content: "\ea99";
}
.dlt-c8y-icon-hub:before {
  content: "\eaac";
}
.dlt-c8y-icon-individual-server:before {
  content: "\eaae";
}
.dlt-c8y-icon-data-center:before {
  content: "\ea98";
}
.dlt-c8y-icon-root-server:before {
  content: "\eac7";
}
.dlt-c8y-icon-switch:before {
  content: "\ead0";
}
.dlt-c8y-icon-nas:before {
  content: "\eabb";
}
.dlt-c8y-icon-shutdown:before {
  content: "\eacc";
}
.dlt-c8y-icon-power-off:before {
  content: "\eacc";
}
.dlt-c8y-icon-hibernate:before {
  content: "\eaaa";
}
.dlt-c8y-icon-phone-square:before {
  content: "\f19b";
}
.dlt-c8y-icon-phone:before {
  content: "\f19b";
}
.dlt-c8y-icon-no-idea:before {
  content: "\ea12";
}
.dlt-c8y-icon-network:before {
  content: "\ea2c";
}
.dlt-c8y-icon-mind-map:before {
  content: "\ea2d";
}
.dlt-c8y-icon-centralized-network:before {
  content: "\f1db";
}
.dlt-c8y-icon-customer-insights-manager:before {
  content: "\e9a9";
}
.dlt-c8y-icon-gift:before {
  content: "\f440";
}
.dlt-c8y-icon-small-business:before {
  content: "\ea30";
}
.dlt-c8y-icon-pricing:before {
  content: "\ea3b";
}
.dlt-c8y-icon-free-trial:before {
  content: "\ea3c";
}
.dlt-c8y-icon-buy1:before {
  content: "\eb95";
}
.dlt-c8y-icon-cart-plus:before {
  content: "\eb95";
}
.dlt-c8y-icon-cart-arrow-down:before {
  content: "\eb95";
}
.dlt-c8y-icon-return-purchase:before {
  content: "\ec15";
}
.dlt-c8y-icon-shopping-cart-with-money:before {
  content: "\ec29";
}
.dlt-c8y-icon-buying:before {
  content: "\eb97";
}
.dlt-c8y-icon-shopping-cart:before {
  content: "\eb97";
}
.dlt-c8y-icon-procurement:before {
  content: "\ec09";
}
.dlt-c8y-icon-delivery-handcart:before {
  content: "\ebb3";
}
.dlt-c8y-icon-cheap-21:before {
  content: "\f434";
}
.dlt-c8y-icon-average-2:before {
  content: "\eb84";
}
.dlt-c8y-icon-stripe1:before {
  content: "\ec2c";
}
.dlt-c8y-icon-loyalty-card:before {
  content: "\f442";
}
.dlt-c8y-icon-shopping-check:before {
  content: "\f459";
}
.dlt-c8y-icon-shopping-bag:before {
  content: "\f45a";
}
.dlt-c8y-icon-shopping-bag:before {
  content: "\f45a";
}
.dlt-c8y-icon-atm:before {
  content: "\eb81";
}
.dlt-c8y-icon-bank-card-dollar:before {
  content: "\eb85";
}
.dlt-c8y-icon-bank-card-euro:before {
  content: "\eb86";
}
.dlt-c8y-icon-contactless-payment:before {
  content: "\ede2";
}
.dlt-c8y-icon-qr-code:before {
  content: "\ec0e";
}
.dlt-c8y-icon-qrcode:before {
  content: "\ec0e";
}
.dlt-c8y-icon-data-matrix-code:before {
  content: "\ebaf";
}
.dlt-c8y-icon-barcode:before {
  content: "\eb88";
}
.dlt-c8y-icon-no-barcode:before {
  content: "\ebee";
}
.dlt-c8y-icon-refresh-barcode:before {
  content: "\ec12";
}
.dlt-c8y-icon-touch-id:before {
  content: "\ec35";
}
.dlt-c8y-icon-redeem:before {
  content: "\ec11";
}
.dlt-c8y-icon-card-exchange:before {
  content: "\eb98";
}
.dlt-c8y-icon-card-security:before {
  content: "\eb99";
}
.dlt-c8y-icon-cash-register:before {
  content: "\eb9f";
}
.dlt-c8y-icon-cost:before {
  content: "\ebaa";
}
.dlt-c8y-icon-create-order:before {
  content: "\ebac";
}
.dlt-c8y-icon-online-payment1:before {
  content: "\ebf2";
}
.dlt-c8y-icon-rent1:before {
  content: "\ec14";
}
.dlt-c8y-icon-package-settings:before {
  content: "\ec02";
}
.dlt-c8y-icon-product-loading:before {
  content: "\ec0b";
}
.dlt-c8y-icon-purchase-order:before {
  content: "\ec0d";
}
.dlt-c8y-icon-receipt1:before {
  content: "\ec0f";
}
.dlt-c8y-icon-scan-stock:before {
  content: "\ec18";
}
.dlt-c8y-icon-shipment-logistic:before {
  content: "\ec1c";
}
.dlt-c8y-icon-shipping-center:before {
  content: "\ec1e";
}
.dlt-c8y-icon-shipping-centre-loading-belt:before {
  content: "\ec1f";
}
.dlt-c8y-icon-shopaholic:before {
  content: "\ec23";
}
.dlt-c8y-icon-basket:before {
  content: "\eb8b";
}
.dlt-c8y-icon-shopping-basket:before {
  content: "\ec26";
}
.dlt-c8y-icon-shopping-basket:before {
  content: "\ec26";
}
.dlt-c8y-icon-add-basket:before {
  content: "\eb79";
}
.dlt-c8y-icon-paid:before {
  content: "\ec04";
}
.dlt-c8y-icon-text-width:before {
  content: "\eb5f";
}
.dlt-c8y-icon-text-height:before {
  content: "\eb60";
}
.dlt-c8y-icon-paragraph:before {
  content: "\eb61";
}
.dlt-c8y-icon-pilcrow:before {
  content: "\eb61";
}
.dlt-c8y-icon-text-input:before {
  content: "\eb2a";
}
.dlt-c8y-icon-unavailable:before {
  content: "\ea3d";
}
.dlt-c8y-icon-save:before {
  content: "\e92f";
}
.dlt-c8y-icon-save-commit:before {
  content: "\e930";
}
.dlt-c8y-icon-delete:before {
  content: "\e932";
}
.dlt-c8y-icon-copy:before {
  content: "\e960";
}
.dlt-c8y-icon-paste:before {
  content: "\e966";
}
.dlt-c8y-icon-more-menu:before {
  content: "\ea3f";
}
.dlt-c8y-icon-password-hide:before {
  content: "\ea41";
}
.dlt-c8y-icon-password-show:before {
  content: "\ea42";
}
.dlt-c8y-icon-zoom-in:before {
  content: "\ea44";
}
.dlt-c8y-icon-zoom-out:before {
  content: "\ea45";
}
.dlt-c8y-icon-buy:before {
  content: "\e926";
}
.dlt-c8y-icon-list:before {
  content: "\ea46";
}
.dlt-c8y-icon-list-alt:before {
  content: "\ea46";
}
.dlt-c8y-icon-list-ul:before {
  content: "\ea46";
}
.dlt-c8y-icon-format-align-justify:before {
  content: "\e9bc";
}
.dlt-c8y-icon-align-justify:before {
  content: "\e9bc";
}
.dlt-c8y-icon-format-align-left:before {
  content: "\e9bd";
}
.dlt-c8y-icon-align-left:before {
  content: "\e9bd";
}
.dlt-c8y-icon-format-align-center:before {
  content: "\e9be";
}
.dlt-c8y-icon-align-center:before {
  content: "\e9be";
}
.dlt-c8y-icon-format-align-right:before {
  content: "\e9bf";
}
.dlt-c8y-icon-align-right:before {
  content: "\e9bf";
}
.dlt-c8y-icon-radio-button-on:before {
  content: "\e9c2";
}
.dlt-c8y-icon-dot-circle-o:before {
  content: "\e9c2";
}
.dlt-c8y-icon-colorize:before {
  content: "\e92d";
}
.dlt-c8y-icon-eyedropper:before {
  content: "\e92d";
}
.dlt-c8y-icon-brush:before {
  content: "\e938";
}
.dlt-c8y-icon-paint-brush:before {
  content: "\e938";
}
.dlt-c8y-icon-file-create:before {
  content: "\ed6f";
}
.dlt-c8y-icon-edit:before {
  content: "\ed6f";
}
.dlt-c8y-icon-email-sign:before {
  content: "\f15d";
}
.dlt-c8y-icon-at:before {
  content: "\f15d";
}
.dlt-c8y-icon-get-quote:before {
  content: "\f0b9";
}
.dlt-c8y-icon-quote-right:before {
  content: "\f0b9";
}
.dlt-c8y-icon-quote-left:before {
  content: "\f0ba";
}
.dlt-c8y-icon-format-bold:before {
  content: "\e9c5";
}
.dlt-c8y-icon-bold:before {
  content: "\e9c5";
}
.dlt-c8y-icon-format-underlined:before {
  content: "\e9c6";
}
.dlt-c8y-icon-underline:before {
  content: "\e9c6";
}
.dlt-c8y-icon-strikethrough-s:before {
  content: "\e9c8";
}
.dlt-c8y-icon-strikethrough:before {
  content: "\e9c8";
}
.dlt-c8y-icon-title:before {
  content: "\e9c9";
}
.dlt-c8y-icon-header:before {
  content: "\e9c9";
}
.dlt-c8y-icon-subscript:before {
  content: "\e9cb";
}
.dlt-c8y-icon-superscript:before {
  content: "\e9cc";
}
.dlt-c8y-icon-format-italic:before {
  content: "\e9cd";
}
.dlt-c8y-icon-italic:before {
  content: "\e9cd";
}
.dlt-c8y-icon-font-download:before {
  content: "\e9ce";
}
.dlt-c8y-icon-font:before {
  content: "\e9ce";
}
.dlt-c8y-icon-questionnaire:before {
  content: "\ea40";
}
.dlt-c8y-icon-th-list:before {
  content: "\ea40";
}
.dlt-c8y-icon-tasklist:before {
  content: "\ea72";
}
.dlt-c8y-icon-communication-sorting:before {
  content: "\e997";
}
.dlt-c8y-icon-todo-list:before {
  content: "\ea7b";
}
.dlt-c8y-icon-tasks:before {
  content: "\ea7b";
}
.dlt-c8y-icon-numbered-list:before {
  content: "\ecd5";
}
.dlt-c8y-icon-list-ol:before {
  content: "\ecd5";
}
.dlt-c8y-icon-search-in-list:before {
  content: "\ed14";
}
.dlt-c8y-icon-table-of-content:before {
  content: "\ed2d";
}
.dlt-c8y-icon-index:before {
  content: "\ecb7";
}
.dlt-c8y-icon-tiles:before {
  content: "\ed37";
}
.dlt-c8y-icon-edit1:before {
  content: "\ece9";
}
.dlt-c8y-icon-pencil:before {
  content: "\ece9";
}
.dlt-c8y-icon-pencil-square:before {
  content: "\ece9";
}
.dlt-c8y-icon-pencil-square-o:before {
  content: "\ece9";
}
.dlt-c8y-icon-edit11:before {
  content: "\ec89";
}
.dlt-c8y-icon-no-edit:before {
  content: "\ecd1";
}
.dlt-c8y-icon-cut:before {
  content: "\ec7a";
}
.dlt-c8y-icon-scissors:before {
  content: "\ec7a";
}
.dlt-c8y-icon-coupon:before {
  content: "\ebab";
}
.dlt-c8y-icon-crop:before {
  content: "\ec78";
}
.dlt-c8y-icon-erase:before {
  content: "\ea47";
}
.dlt-c8y-icon-eraser:before {
  content: "\ea47";
}
.dlt-c8y-icon-add-white-space:before {
  content: "\ec49";
}
.dlt-c8y-icon-blur:before {
  content: "\ec56";
}
.dlt-c8y-icon-paint-palette:before {
  content: "\ece1";
}
.dlt-c8y-icon-contrast:before {
  content: "\ec73";
}
.dlt-c8y-icon-adjust:before {
  content: "\ec73";
}
.dlt-c8y-icon-bring-forward:before {
  content: "\ec5f";
}
.dlt-c8y-icon-snap-background-to-white:before {
  content: "\ed21";
}
.dlt-c8y-icon-rename:before {
  content: "\ecf8";
}
.dlt-c8y-icon-text-cursor:before {
  content: "\ed32";
}
.dlt-c8y-icon-i-cursor:before {
  content: "\ed32";
}
.dlt-c8y-icon-large-icons:before {
  content: "\ecbf";
}
.dlt-c8y-icon-comma:before {
  content: "\ec6f";
}
.dlt-c8y-icon-compare:before {
  content: "\ec70";
}
.dlt-c8y-icon-content:before {
  content: "\ec72";
}
.dlt-c8y-icon-document-body:before {
  content: "\ec83";
}
.dlt-c8y-icon-merge-docunemts:before {
  content: "\eccc";
}
.dlt-c8y-icon-unit:before {
  content: "\ea83";
}
.dlt-c8y-icon-group:before {
  content: "\ea48";
}
.dlt-c8y-icon-group-objects:before {
  content: "\ea48";
}
.dlt-c8y-icon-object-group:before {
  content: "\ea48";
}
.dlt-c8y-icon-object-ungroup:before {
  content: "\ea48";
}
.dlt-c8y-icon-ungroup:before {
  content: "\ea49";
}
.dlt-c8y-icon-hexagonal-pattern:before {
  content: "\ecb1";
}
.dlt-c8y-icon-diagonal-lines:before {
  content: "\ec82";
}
.dlt-c8y-icon-line-width:before {
  content: "\ecc5";
}
.dlt-c8y-icon-long-words:before {
  content: "\ecc8";
}
.dlt-c8y-icon-indent:before {
  content: "\e9cf";
}
.dlt-c8y-icon-indent-left:before {
  content: "\e9cf";
}
.dlt-c8y-icon-indent-decrease:before {
  content: "\e9d0";
}
.dlt-c8y-icon-dedent:before {
  content: "\e9d0";
}
.dlt-c8y-icon-dedent-left:before {
  content: "\e9d0";
}
.dlt-c8y-icon-outdent:before {
  content: "\ecdc";
}
.dlt-c8y-icon-indent-right:before {
  content: "\ecdc";
}
.dlt-c8y-icon-dedent-right:before {
  content: "\eb35";
}
.dlt-c8y-icon-drag-reorder:before {
  content: "\ec87";
}
.dlt-c8y-icon-drag-list-up:before {
  content: "\ec86";
}
.dlt-c8y-icon-pull-down:before {
  content: "\ecf2";
}
.dlt-c8y-icon-page:before {
  content: "\ece0";
}
.dlt-c8y-icon-rearrange:before {
  content: "\ecf4";
}
.dlt-c8y-icon-resize-file:before {
  content: "\ed00";
}
.dlt-c8y-icon-resize:before {
  content: "\ecfa";
}
.dlt-c8y-icon-rich-text-converter:before {
  content: "\ed06";
}
.dlt-c8y-icon-select-all:before {
  content: "\ed15";
}
.dlt-c8y-icon-select-none:before {
  content: "\ed16";
}
.dlt-c8y-icon-ruler:before {
  content: "\ed11";
}
.dlt-c8y-icon-length:before {
  content: "\f3ae";
}
.dlt-c8y-icon-send-backward:before {
  content: "\ed18";
}
.dlt-c8y-icon-send-to-back:before {
  content: "\ed19";
}
.dlt-c8y-icon-replace:before {
  content: "\ea4b";
}
.dlt-c8y-icon-separated-lists:before {
  content: "\ed1b";
}
.dlt-c8y-icon-short-words:before {
  content: "\ed1c";
}
.dlt-c8y-icon-mix-words:before {
  content: "\eccf";
}
.dlt-c8y-icon-line-style:before {
  content: "\ecc4";
}
.dlt-c8y-icon-design:before {
  content: "\ec80";
}
.dlt-c8y-icon-view-stream:before {
  content: "\ed4a";
}
.dlt-c8y-icon-four-squares:before {
  content: "\eca0";
}
.dlt-c8y-icon-th-large:before {
  content: "\eca0";
}
.dlt-c8y-icon-thumbnails:before {
  content: "\ed36";
}
.dlt-c8y-icon-th:before {
  content: "\ed36";
}
.dlt-c8y-icon-view-module:before {
  content: "\ed48";
}
.dlt-c8y-icon-top-view:before {
  content: "\ed38";
}
.dlt-c8y-icon-orthogonal-view:before {
  content: "\ecdb";
}
.dlt-c8y-icon-rectangular:before {
  content: "\ecf6";
}
.dlt-c8y-icon-square:before {
  content: "\ed24";
}
.dlt-c8y-icon-view-column:before {
  content: "\e9d1";
}
.dlt-c8y-icon-columns:before {
  content: "\e9d1";
}
.dlt-c8y-icon-file-archive-o:before {
  content: "\eb38";
}
.dlt-c8y-icon-file-zip-o:before {
  content: "\eb38";
}
.dlt-c8y-icon-file-video-o:before {
  content: "\eb39";
}
.dlt-c8y-icon-file-movie-o:before {
  content: "\eb39";
}
.dlt-c8y-icon-file-audio-o:before {
  content: "\eb3a";
}
.dlt-c8y-icon-file-sound-o:before {
  content: "\eb3a";
}
.dlt-c8y-icon-microsoft-access:before {
  content: "\e939";
}
.dlt-c8y-icon-microsoft-onenote:before {
  content: "\e93a";
}
.dlt-c8y-icon-microsoft-outlook:before {
  content: "\e93c";
}
.dlt-c8y-icon-microsoft-project:before {
  content: "\e93d";
}
.dlt-c8y-icon-microsoft-publisher:before {
  content: "\e944";
}
.dlt-c8y-icon-microsoft-sharepoint:before {
  content: "\e949";
}
.dlt-c8y-icon-microsoft-visio:before {
  content: "\e94a";
}
.dlt-c8y-icon-word:before {
  content: "\e94b";
}
.dlt-c8y-icon-file-word-o:before {
  content: "\e94b";
}
.dlt-c8y-icon-excel:before {
  content: "\e954";
}
.dlt-c8y-icon-file-excel-o:before {
  content: "\e954";
}
.dlt-c8y-icon-ppt:before {
  content: "\e955";
}
.dlt-c8y-icon-file-powerpoint-o:before {
  content: "\e955";
}
.dlt-c8y-icon-create-archive:before {
  content: "\ed5f";
}
.dlt-c8y-icon-save-archive:before {
  content: "\ed9f";
}
.dlt-c8y-icon-delete-archive:before {
  content: "\ed61";
}
.dlt-c8y-icon-gif:before {
  content: "\ed75";
}
.dlt-c8y-icon-gis:before {
  content: "\ed76";
}
.dlt-c8y-icon-gpx:before {
  content: "\ed77";
}
.dlt-c8y-icon-heic-filetype:before {
  content: "\ed78";
}
.dlt-c8y-icon-dmg:before {
  content: "\ed63";
}
.dlt-c8y-icon-jpg:before {
  content: "\ed82";
}
.dlt-c8y-icon-kmz:before {
  content: "\ed87";
}
.dlt-c8y-icon-kml:before {
  content: "\ed86";
}
.dlt-c8y-icon-mp3:before {
  content: "\ed8a";
}
.dlt-c8y-icon-dng:before {
  content: "\ed64";
}
.dlt-c8y-icon-nef:before {
  content: "\ed8c";
}
.dlt-c8y-icon-nmea:before {
  content: "\ed8d";
}
.dlt-c8y-icon-tar:before {
  content: "\eda4";
}
.dlt-c8y-icon-ttf:before {
  content: "\eda7";
}
.dlt-c8y-icon-tif:before {
  content: "\eda5";
}
.dlt-c8y-icon-obj:before {
  content: "\ed8e";
}
.dlt-c8y-icon-webp:before {
  content: "\edaa";
}
.dlt-c8y-icon-ogg:before {
  content: "\ed8f";
}
.dlt-c8y-icon-woff:before {
  content: "\edad";
}
.dlt-c8y-icon-xls:before {
  content: "\edaf";
}
.dlt-c8y-icon-xps:before {
  content: "\edb2";
}
.dlt-c8y-icon-zip:before {
  content: "\edb3";
}
.dlt-c8y-icon-wma:before {
  content: "\edac";
}
.dlt-c8y-icon-osm:before {
  content: "\ed90";
}
.dlt-c8y-icon-otf:before {
  content: "\ed91";
}
.dlt-c8y-icon-dwg:before {
  content: "\ed66";
}
.dlt-c8y-icon-png:before {
  content: "\ed94";
}
.dlt-c8y-icon-eps:before {
  content: "\ed68";
}
.dlt-c8y-icon-ps:before {
  content: "\ed96";
}
.dlt-c8y-icon-rar:before {
  content: "\ed98";
}
.dlt-c8y-icon-raw:before {
  content: "\ed99";
}
.dlt-c8y-icon-psd:before {
  content: "\ed97";
}
.dlt-c8y-icon-exe:before {
  content: "\ed6a";
}
.dlt-c8y-icon-fbx:before {
  content: "\ed6d";
}
.dlt-c8y-icon-pdf-2:before {
  content: "\e961";
}
.dlt-c8y-icon-3fr:before {
  content: "\ed50";
}
.dlt-c8y-icon-aac:before {
  content: "\ed52";
}
.dlt-c8y-icon-7zip:before {
  content: "\ed51";
}
.dlt-c8y-icon-cr2:before {
  content: "\ed5e";
}
.dlt-c8y-icon-ai:before {
  content: "\ed55";
}
.dlt-c8y-icon-apk:before {
  content: "\ed56";
}
.dlt-c8y-icon-wav:before {
  content: "\eda9";
}
.dlt-c8y-icon-jp2:before {
  content: "\ed81";
}
.dlt-c8y-icon-java-file:before {
  content: "\ed80";
}
.dlt-c8y-icon-fff:before {
  content: "\ed6e";
}
.dlt-c8y-icon-folder-aggregate:before {
  content: "\ea54";
}
.dlt-c8y-icon-book:before {
  content: "\f36a";
}
.dlt-c8y-icon-package-delivery-logistics:before {
  content: "\ec01";
}
.dlt-c8y-icon-cube:before {
  content: "\ec01";
}
.dlt-c8y-icon-resume:before {
  content: "\ea4d";
}
.dlt-c8y-icon-insert-drive-file:before {
  content: "\e9d3";
}
.dlt-c8y-icon-file:before {
  content: "\e9d3";
}
.dlt-c8y-icon-file-o:before {
  content: "\e9d3";
}
.dlt-c8y-icon-sheet-of-paper:before {
  content: "\e9d3";
}
.dlt-c8y-icon-edit-file:before {
  content: "\ea57";
}
.dlt-c8y-icon-documents:before {
  content: "\ea58";
}
.dlt-c8y-icon-file-copy:before {
  content: "\e9d2";
}
.dlt-c8y-icon-files:before {
  content: "\e9d2";
}
.dlt-c8y-icon-files-o:before {
  content: "\e9d2";
}
.dlt-c8y-icon-profile:before {
  content: "\ea38";
}
.dlt-c8y-icon-pdf:before {
  content: "\ed92";
}
.dlt-c8y-icon-file-pdf-o:before {
  content: "\ed92";
}
.dlt-c8y-icon-export-pdf:before {
  content: "\ed6b";
}
.dlt-c8y-icon-file-type-document:before {
  content: "\ed70";
}
.dlt-c8y-icon-file-text-o:before {
  content: "\ed70";
}
.dlt-c8y-icon-file-text:before {
  content: "\ed70";
}
.dlt-c8y-icon-document:before {
  content: "\ed70";
}
.dlt-c8y-icon-submit-document1:before {
  content: "\eda3";
}
.dlt-c8y-icon-privacy-policy:before {
  content: "\ea34";
}
.dlt-c8y-icon-selective-highlighting1:before {
  content: "\eda0";
}
.dlt-c8y-icon-brief:before {
  content: "\e97e";
}
.dlt-c8y-icon-document-with-code:before {
  content: "\ea59";
}
.dlt-c8y-icon-image-file:before {
  content: "\ed7a";
}
.dlt-c8y-icon-file-image-o:before {
  content: "\ed7a";
}
.dlt-c8y-icon-file-picture-o:before {
  content: "\ed7a";
}
.dlt-c8y-icon-file-photo-o:before {
  content: "\ed7a";
}
.dlt-c8y-icon-image-file-add:before {
  content: "\ed7b";
}
.dlt-c8y-icon-image-file-checked:before {
  content: "\ed7c";
}
.dlt-c8y-icon-image-file-remove:before {
  content: "\ed7d";
}
.dlt-c8y-icon-check-document:before {
  content: "\ed5a";
}
.dlt-c8y-icon-document-with-a-check-mark:before {
  content: "\ed5a";
}
.dlt-c8y-icon-delete-file:before {
  content: "\ed62";
}
.dlt-c8y-icon-file-delete:before {
  content: "\ed72";
}
.dlt-c8y-icon-file-settings:before {
  content: "\ed74";
}
.dlt-c8y-icon-file-preview:before {
  content: "\ed73";
}
.dlt-c8y-icon-open-document:before {
  content: "\ecd9";
}
.dlt-c8y-icon-submit-document:before {
  content: "\ea5a";
}
.dlt-c8y-icon-restore-page1:before {
  content: "\ed9d";
}
.dlt-c8y-icon-document-exchange:before {
  content: "\ed65";
}
.dlt-c8y-icon-import-file:before {
  content: "\ed7e";
}
.dlt-c8y-icon-share-document:before {
  content: "\eda1";
}
.dlt-c8y-icon-idea:before {
  content: "\e9e7";
}
.dlt-c8y-icon-mark-as-favorite:before {
  content: "\ed88";
}
.dlt-c8y-icon-email-document:before {
  content: "\ec90";
}
.dlt-c8y-icon-file-view:before {
  content: "\ed71";
}
.dlt-c8y-icon-policy-document:before {
  content: "\ed95";
}
.dlt-c8y-icon-business-report:before {
  content: "\e985";
}
.dlt-c8y-icon-graph-report:before {
  content: "\e9de";
}
.dlt-c8y-icon-edit-graph-report:before {
  content: "\e9c4";
}
.dlt-c8y-icon-download-graph-report:before {
  content: "\e9c1";
}
.dlt-c8y-icon-agreement:before {
  content: "\e968";
}
.dlt-c8y-icon-estimates:before {
  content: "\e9ca";
}
.dlt-c8y-icon-winking-document:before {
  content: "\edab";
}
.dlt-c8y-icon-insert-page:before {
  content: "\ecb9";
}
.dlt-c8y-icon-note:before {
  content: "\ea5b";
}
.dlt-c8y-icon-brochure:before {
  content: "\e980";
}
.dlt-c8y-icon-read:before {
  content: "\ed9a";
}
.dlt-c8y-icon-cashbook:before {
  content: "\e988";
}
.dlt-c8y-icon-price-tag:before {
  content: "\f44f";
}
.dlt-c8y-icon-tag:before {
  content: "\f44f";
}
.dlt-c8y-icon-add-tag:before {
  content: "\ea5d";
}
.dlt-c8y-icon-tag1:before {
  content: "\f45d";
}
.dlt-c8y-icon-tags:before {
  content: "\f45d";
}
.dlt-c8y-icon-open-folder:before {
  content: "\ee54";
}
.dlt-c8y-icon-opened-folder:before {
  content: "\ee54";
}
.dlt-c8y-icon-folder-open:before {
  content: "\ee54";
}
.dlt-c8y-icon-folder-open-o:before {
  content: "\ee54";
}
.dlt-c8y-icon-folder:before {
  content: "\ee4e";
}
.dlt-c8y-icon-folder-o:before {
  content: "\ee4e";
}
.dlt-c8y-icon-folder-open1:before {
  content: "\ea5e";
}
.dlt-c8y-icon-add-folder:before {
  content: "\ee44";
}
.dlt-c8y-icon-delete-folder:before {
  content: "\ee45";
}
.dlt-c8y-icon-search-folder:before {
  content: "\ee56";
}
.dlt-c8y-icon-folder-settings:before {
  content: "\ee4f";
}
.dlt-c8y-icon-extensions-folder:before {
  content: "\ee4b";
}
.dlt-c8y-icon-private-folder:before {
  content: "\ee55";
}
.dlt-c8y-icon-edit-folder:before {
  content: "\ee4a";
}
.dlt-c8y-icon-e-mail-folder:before {
  content: "\ee49";
}
.dlt-c8y-icon-documents-folder:before {
  content: "\ee47";
}
.dlt-c8y-icon-downloads-folder:before {
  content: "\ee48";
}
.dlt-c8y-icon-favorite-folder:before {
  content: "\ee4c";
}
.dlt-c8y-icon-user-folder:before {
  content: "\ee58";
}
.dlt-c8y-icon-download-from-ftp:before {
  content: "\f215";
}
.dlt-c8y-icon-upload-to-ftp:before {
  content: "\f249";
}
.dlt-c8y-icon-ftp:before {
  content: "\f218";
}
.dlt-c8y-icon-big-parcel:before {
  content: "\eb8e";
}
.dlt-c8y-icon-open-parcel:before {
  content: "\ebfe";
}
.dlt-c8y-icon-packing:before {
  content: "\ec03";
}
.dlt-c8y-icon-unpacking:before {
  content: "\ec3c";
}
.dlt-c8y-icon-cardboard-box:before {
  content: "\eb9c";
}
.dlt-c8y-icon-archive:before {
  content: "\eb9c";
}
.dlt-c8y-icon-archive-o:before {
  content: "\eb9c";
}
.dlt-c8y-icon-file-archive-o1:before {
  content: "\eb9c";
}
.dlt-c8y-icon-box:before {
  content: "\eb91";
}
.dlt-c8y-icon-case:before {
  content: "\eb91";
}
.dlt-c8y-icon-empty-box:before {
  content: "\ebbe";
}
.dlt-c8y-icon-box-settings:before {
  content: "\eb92";
}
.dlt-c8y-icon-secured-delivery:before {
  content: "\ec19";
}
.dlt-c8y-icon-remove-delivery:before {
  content: "\ec13";
}
.dlt-c8y-icon-out-of-stock:before {
  content: "\ec00";
}
.dlt-c8y-icon-new-product:before {
  content: "\f44a";
}
.dlt-c8y-icon-product:before {
  content: "\ec0a";
}
.dlt-c8y-icon-product-management:before {
  content: "\ec0c";
}
.dlt-c8y-icon-stacking:before {
  content: "\ec2b";
}
.dlt-c8y-icon-cv:before {
  content: "\ec7b";
}
.dlt-c8y-icon-unarchive:before {
  content: "\e9d4";
}
.dlt-c8y-icon-upload-archive:before {
  content: "\e9d4";
}
.dlt-c8y-icon-archive-file:before {
  content: "\e9d7";
}
.dlt-c8y-icon-download-archive:before {
  content: "\e9d7";
}
.dlt-c8y-icon-cc-stripe:before {
  content: "\eb89";
}
.dlt-c8y-icon-google-wallet:before {
  content: "\eb8a";
}
.dlt-c8y-icon-paypal:before {
  content: "\eb8d";
}
.dlt-c8y-icon-cc-paypal:before {
  content: "\eb8f";
}
.dlt-c8y-icon-cc-amex:before {
  content: "\eb90";
}
.dlt-c8y-icon-cc-discover:before {
  content: "\eb93";
}
.dlt-c8y-icon-cc-visa:before {
  content: "\eb94";
}
.dlt-c8y-icon-cc-mastercard:before {
  content: "\eb9a";
}
.dlt-c8y-icon-try:before {
  content: "\eb9b";
}
.dlt-c8y-icon-turkish-lira:before {
  content: "\eb9b";
}
.dlt-c8y-icon-rouble:before {
  content: "\eb9d";
}
.dlt-c8y-icon-rub:before {
  content: "\eb9d";
}
.dlt-c8y-icon-ruble:before {
  content: "\eb9d";
}
.dlt-c8y-icon-krw:before {
  content: "\eb9e";
}
.dlt-c8y-icon-won:before {
  content: "\eb9e";
}
.dlt-c8y-icon-inr:before {
  content: "\eba0";
}
.dlt-c8y-icon-rupee:before {
  content: "\eba0";
}
.dlt-c8y-icon-ils:before {
  content: "\eba1";
}
.dlt-c8y-icon-shekel:before {
  content: "\eba1";
}
.dlt-c8y-icon-sheqel:before {
  content: "\eba1";
}
.dlt-c8y-icon-gbp:before {
  content: "\eba2";
}
.dlt-c8y-icon-eur:before {
  content: "\eba3";
}
.dlt-c8y-icon-euro:before {
  content: "\eba3";
}
.dlt-c8y-icon-cny:before {
  content: "\eba4";
}
.dlt-c8y-icon-jpy:before {
  content: "\eba4";
}
.dlt-c8y-icon-rmb:before {
  content: "\eba4";
}
.dlt-c8y-icon-yen:before {
  content: "\eba4";
}
.dlt-c8y-icon-bitcoin:before {
  content: "\eba5";
}
.dlt-c8y-icon-btc:before {
  content: "\eba5";
}
.dlt-c8y-icon-dollar:before {
  content: "\eba6";
}
.dlt-c8y-icon-usd:before {
  content: "\eba6";
}
.dlt-c8y-icon-calculator1:before {
  content: "\ea5f";
}
.dlt-c8y-icon-accounting:before {
  content: "\ea60";
}
.dlt-c8y-icon-contract:before {
  content: "\ea62";
}
.dlt-c8y-icon-sales-performance:before {
  content: "\ea63";
}
.dlt-c8y-icon-bank-safe:before {
  content: "\e976";
}
.dlt-c8y-icon-mobile-payment:before {
  content: "\ea05";
}
.dlt-c8y-icon-money-yours:before {
  content: "\ea08";
}
.dlt-c8y-icon-online-payment:before {
  content: "\ea19";
}
.dlt-c8y-icon-us-dollar-circled:before {
  content: "\ee3d";
}
.dlt-c8y-icon-credit-card:before {
  content: "\ede4";
}
.dlt-c8y-icon-credit-card-alt:before {
  content: "\ede4";
}
.dlt-c8y-icon-credit-card:before {
  content: "\ede4";
}
.dlt-c8y-icon-only-cash:before {
  content: "\ee14";
}
.dlt-c8y-icon-credit-control:before {
  content: "\ede6";
}
.dlt-c8y-icon-bank-cards:before {
  content: "\edbd";
}
.dlt-c8y-icon-check-for-payment:before {
  content: "\eddb";
}
.dlt-c8y-icon-paper-money:before {
  content: "\ee16";
}
.dlt-c8y-icon-money:before {
  content: "\ee16";
}
.dlt-c8y-icon-cash-euro:before {
  content: "\edd6";
}
.dlt-c8y-icon-stack-of-money:before {
  content: "\ee30";
}
.dlt-c8y-icon-wallet:before {
  content: "\ee3f";
}
.dlt-c8y-icon-certificate:before {
  content: "\edd9";
}
.dlt-c8y-icon-card-security1:before {
  content: "\edd0";
}
.dlt-c8y-icon-bill:before {
  content: "\edbf";
}
.dlt-c8y-icon-paid-bill:before {
  content: "\ee15";
}
.dlt-c8y-icon-token-card-code1:before {
  content: "\ee35";
}
.dlt-c8y-icon-receipt:before {
  content: "\ee21";
}
.dlt-c8y-icon-add-receipt:before {
  content: "\edb5";
}
.dlt-c8y-icon-sign-language:before {
  content: "\eb3b";
}
.dlt-c8y-icon-signing:before {
  content: "\eb3b";
}
.dlt-c8y-icon-hand-o-down:before {
  content: "\eb3c";
}
.dlt-c8y-icon-hand-o-left:before {
  content: "\eb3d";
}
.dlt-c8y-icon-hand-o-up:before {
  content: "\eb3e";
}
.dlt-c8y-icon-hand-o-right:before {
  content: "\eb3f";
}
.dlt-c8y-icon-hand-peace-o:before {
  content: "\eb40";
}
.dlt-c8y-icon-hand-pointer-o:before {
  content: "\eb41";
}
.dlt-c8y-icon-hand-spock-o:before {
  content: "\eb42";
}
.dlt-c8y-icon-hand-lizard-o:before {
  content: "\eb43";
}
.dlt-c8y-icon-hand-scissors-o:before {
  content: "\eb44";
}
.dlt-c8y-icon-hand-paper-o:before {
  content: "\eb45";
}
.dlt-c8y-icon-hand-stop-o:before {
  content: "\eb45";
}
.dlt-c8y-icon-hand-grab-o:before {
  content: "\eb49";
}
.dlt-c8y-icon-hand-rock-o:before {
  content: "\eb49";
}
.dlt-c8y-icon-thumbs-up:before {
  content: "\ee66";
}
.dlt-c8y-icon-thumbs-up:before {
  content: "\ee66";
}
.dlt-c8y-icon-thumbs-o-up:before {
  content: "\ee66";
}
.dlt-c8y-icon-thumbs-down:before {
  content: "\ee65";
}
.dlt-c8y-icon-thumbs-down:before {
  content: "\ee65";
}
.dlt-c8y-icon-thumbs-o-down:before {
  content: "\ee65";
}
.dlt-c8y-icon-do-not-touch:before {
  content: "\ee5a";
}
.dlt-c8y-icon-hand:before {
  content: "\ee5c";
}
.dlt-c8y-icon-disclaimer:before {
  content: "\e9bb";
}
.dlt-c8y-icon-touchpad:before {
  content: "\ead1";
}
.dlt-c8y-icon-holding-box:before {
  content: "\ebd3";
}
.dlt-c8y-icon-recieve:before {
  content: "\ec10";
}
.dlt-c8y-icon-sell:before {
  content: "\ec1a";
}
.dlt-c8y-icon-get-revenue:before {
  content: "\ebca";
}
.dlt-c8y-icon-handshake:before {
  content: "\ebd2";
}
.dlt-c8y-icon-handshake-o:before {
  content: "\ebd2";
}
.dlt-c8y-icon-partners:before {
  content: "\ebd2";
}
.dlt-c8y-icon-wearable-technology:before {
  content: "\f013";
}
.dlt-c8y-icon-america:before {
  content: "\f017";
}
.dlt-c8y-icon-globe:before {
  content: "\f017";
}
.dlt-c8y-icon-location:before {
  content: "\f038";
}
.dlt-c8y-icon-globe1:before {
  content: "\f029";
}
.dlt-c8y-icon-compass-north:before {
  content: "\ea66";
}
.dlt-c8y-icon-compass:before {
  content: "\ea66";
}
.dlt-c8y-icon-marker:before {
  content: "\f042";
}
.dlt-c8y-icon-map-marker:before {
  content: "\f03f";
}
.dlt-c8y-icon-marker-off:before {
  content: "\f045";
}
.dlt-c8y-icon-find-clinic:before {
  content: "\f026";
}
.dlt-c8y-icon-tesla-supercharger-pin:before {
  content: "\f069";
}
.dlt-c8y-icon-address:before {
  content: "\f016";
}
.dlt-c8y-icon-cab-stand:before {
  content: "\f019";
}
.dlt-c8y-icon-map:before {
  content: "\f03d";
}
.dlt-c8y-icon-map-o:before {
  content: "\f03d";
}
.dlt-c8y-icon-map-editing:before {
  content: "\f03e";
}
.dlt-c8y-icon-map-marker:before {
  content: "\f03f";
}
.dlt-c8y-icon-quest:before {
  content: "\f057";
}
.dlt-c8y-icon-waypoint-map:before {
  content: "\f06b";
}
.dlt-c8y-icon-anchor-nodes:before {
  content: "\eb7e";
}
.dlt-c8y-icon-map-pin:before {
  content: "\f040";
}
.dlt-c8y-icon-map-pin:before {
  content: "\f040";
}
.dlt-c8y-icon-signpost-tourist:before {
  content: "\f05e";
}
.dlt-c8y-icon-map-signs:before {
  content: "\f05e";
}
.dlt-c8y-icon-gps:before {
  content: "\f02b";
}
.dlt-c8y-icon-near-me:before {
  content: "\f04a";
}
.dlt-c8y-icon-location-arrow:before {
  content: "\f04a";
}
.dlt-c8y-icon-navigation:before {
  content: "\f049";
}
.dlt-c8y-icon-target1:before {
  content: "\ea67";
}
.dlt-c8y-icon-hunt:before {
  content: "\f032";
}
.dlt-c8y-icon-location-off:before {
  content: "\f03a";
}
.dlt-c8y-icon-location-update:before {
  content: "\f03b";
}
.dlt-c8y-icon-layers:before {
  content: "\f035";
}
.dlt-c8y-icon-journey:before {
  content: "\f033";
}
.dlt-c8y-icon-here:before {
  content: "\f031";
}
.dlt-c8y-icon-street-view:before {
  content: "\f031";
}
.dlt-c8y-icon-parking:before {
  content: "\ea68";
}
.dlt-c8y-icon-reply:before {
  content: "\e964";
}
.dlt-c8y-icon-mail-reply:before {
  content: "\e964";
}
.dlt-c8y-icon-forward1:before {
  content: "\eb4a";
}
.dlt-c8y-icon-mail-forward:before {
  content: "\eb4a";
}
.dlt-c8y-icon-reply-all:before {
  content: "\e965";
}
.dlt-c8y-icon-mail-reply-all:before {
  content: "\e965";
}
.dlt-c8y-icon-reply-all:before {
  content: "\e965";
}
.dlt-c8y-icon-communication:before {
  content: "\e995";
}
.dlt-c8y-icon-multichannel:before {
  content: "\ea09";
}
.dlt-c8y-icon-chat:before {
  content: "\ea6f";
}
.dlt-c8y-icon-topic:before {
  content: "\f12d";
}
.dlt-c8y-icon-comment:before {
  content: "\f12d";
}
.dlt-c8y-icon-comment-o:before {
  content: "\f12d";
}
.dlt-c8y-icon-typing:before {
  content: "\f130";
}
.dlt-c8y-icon-quote:before {
  content: "\f0fd";
}
.dlt-c8y-icon-delete-message:before {
  content: "\f0a7";
}
.dlt-c8y-icon-poll:before {
  content: "\f0f0";
}
.dlt-c8y-icon-popular:before {
  content: "\f0f1";
}
.dlt-c8y-icon-speaker-notes:before {
  content: "\f123";
}
.dlt-c8y-icon-audio-description:before {
  content: "\f123";
}
.dlt-c8y-icon-comment1:before {
  content: "\ea70";
}
.dlt-c8y-icon-comments:before {
  content: "\ea70";
}
.dlt-c8y-icon-comments-o:before {
  content: "\ea70";
}
.dlt-c8y-icon-speaker-notes-off:before {
  content: "\f124";
}
.dlt-c8y-icon-new-topic:before {
  content: "\f0e4";
}
.dlt-c8y-icon-ask-question:before {
  content: "\f090";
}
.dlt-c8y-icon-chat-bubble:before {
  content: "\f097";
}
.dlt-c8y-icon-commenting:before {
  content: "\f097";
}
.dlt-c8y-icon-commenting-o:before {
  content: "\f097";
}
.dlt-c8y-icon-mail:before {
  content: "\f0c1";
}
.dlt-c8y-icon-important-mail:before {
  content: "\f0c1";
}
.dlt-c8y-icon-envelope:before {
  content: "\f0c1";
}
.dlt-c8y-icon-envelope-o:before {
  content: "\f0c1";
}
.dlt-c8y-icon-envelope-open-o:before {
  content: "\f0c1";
}
.dlt-c8y-icon-envelope-open:before {
  content: "\f0c1";
}
.dlt-c8y-icon-edit-message:before {
  content: "\f0b1";
}
.dlt-c8y-icon-received:before {
  content: "\f100";
}
.dlt-c8y-icon-deleted-message:before {
  content: "\f0a9";
}
.dlt-c8y-icon-group-message:before {
  content: "\f0bb";
}
.dlt-c8y-icon-subscription:before {
  content: "\f12b";
}
.dlt-c8y-icon-unsubscribe:before {
  content: "\f134";
}
.dlt-c8y-icon-send-email:before {
  content: "\f116";
}
.dlt-c8y-icon-read-message:before {
  content: "\f1a6";
}
.dlt-c8y-icon-inbox:before {
  content: "\f0c2";
}
.dlt-c8y-icon-add-to-inbox:before {
  content: "\f08f";
}
.dlt-c8y-icon-check-inbox:before {
  content: "\f09b";
}
.dlt-c8y-icon-remove-from-inbox:before {
  content: "\f104";
}
.dlt-c8y-icon-outbox:before {
  content: "\f0ed";
}
.dlt-c8y-icon-post:before {
  content: "\f0f2";
}
.dlt-c8y-icon-envelope-square:before {
  content: "\f0f2";
}
.dlt-c8y-icon-sheet:before {
  content: "\f11f";
}
.dlt-c8y-icon-sticky-note:before {
  content: "\f11f";
}
.dlt-c8y-icon-sticky-note-o:before {
  content: "\f11f";
}
.dlt-c8y-icon-note1:before {
  content: "\f0e7";
}
.dlt-c8y-icon-secure:before {
  content: "\f111";
}
.dlt-c8y-icon-retweet:before {
  content: "\f10b";
}
.dlt-c8y-icon-rss:before {
  content: "\f10c";
}
.dlt-c8y-icon-rss-square:before {
  content: "\f10c";
}
.dlt-c8y-icon-feed:before {
  content: "\f10c";
}
.dlt-c8y-icon-cancel-subscription:before {
  content: "\f095";
}
.dlt-c8y-icon-link:before {
  content: "\f0ca";
}
.dlt-c8y-icon-chain:before {
  content: "\f0ca";
}
.dlt-c8y-icon-link-off:before {
  content: "\e9da";
}
.dlt-c8y-icon-chain-broken:before {
  content: "\e9da";
}
.dlt-c8y-icon-unlink:before {
  content: "\e9da";
}
.dlt-c8y-icon-sent:before {
  content: "\f11b";
}
.dlt-c8y-icon-send:before {
  content: "\f0b3";
}
.dlt-c8y-icon-email-send:before {
  content: "\f0b3";
}
.dlt-c8y-icon-send-o:before {
  content: "\f0b3";
}
.dlt-c8y-icon-paper-plane:before {
  content: "\f0b3";
}
.dlt-c8y-icon-paper-plane-o:before {
  content: "\f0b3";
}
.dlt-c8y-icon-hashtag:before {
  content: "\ea73";
}
.dlt-c8y-icon-podcast:before {
  content: "\eb4b";
}
.dlt-c8y-icon-headphones:before {
  content: "\eb4c";
}
.dlt-c8y-icon-volume-control-phone:before {
  content: "\eb4d";
}
.dlt-c8y-icon-volume-off:before {
  content: "\e915";
}
.dlt-c8y-icon-volume-mute:before {
  content: "\e915";
}
.dlt-c8y-icon-volume-zero:before {
  content: "\e915";
}
.dlt-c8y-icon-volume-low:before {
  content: "\ea74";
}
.dlt-c8y-icon-volume-down:before {
  content: "\ea74";
}
.dlt-c8y-icon-volume:before {
  content: "\ea75";
}
.dlt-c8y-icon-speaker:before {
  content: "\f1ba";
}
.dlt-c8y-icon-volume-up:before {
  content: "\f1ba";
}
.dlt-c8y-icon-volume-high:before {
  content: "\f1ba";
}
.dlt-c8y-icon-sound:before {
  content: "\ef8e";
}
.dlt-c8y-icon-headset:before {
  content: "\f165";
}
.dlt-c8y-icon-play-circle:before {
  content: "\ea77";
}
.dlt-c8y-icon-pause-circle:before {
  content: "\ea79";
}
.dlt-c8y-icon-stop-circle:before {
  content: "\ea7a";
}
.dlt-c8y-icon-skip-previous:before {
  content: "\e9ec";
}
.dlt-c8y-icon-step-backward:before {
  content: "\e9ec";
}
.dlt-c8y-icon-fast-rewind:before {
  content: "\ea7c";
}
.dlt-c8y-icon-rewind:before {
  content: "\ea7d";
}
.dlt-c8y-icon-fast-rewind1:before {
  content: "\ea7d";
}
.dlt-c8y-icon-fast-backward:before {
  content: "\ea7d";
}
.dlt-c8y-icon-backward:before {
  content: "\ea7d";
}
.dlt-c8y-icon-play-arrow:before {
  content: "\e9e8";
}
.dlt-c8y-icon-play:before {
  content: "\e9e8";
}
.dlt-c8y-icon-play-circle1:before {
  content: "\e9e8";
}
.dlt-c8y-icon-play-circle-o:before {
  content: "\e9e8";
}
.dlt-c8y-icon-pause:before {
  content: "\e9e4";
}
.dlt-c8y-icon-stop:before {
  content: "\ea7e";
}
.dlt-c8y-icon-forward11:before {
  content: "\ea7f";
}
.dlt-c8y-icon-fast-forward:before {
  content: "\ea7f";
}
.dlt-c8y-icon-forward111:before {
  content: "\ea7f";
}
.dlt-c8y-icon-fast-forward1:before {
  content: "\ea82";
}
.dlt-c8y-icon-skip-next:before {
  content: "\e9eb";
}
.dlt-c8y-icon-step-forward:before {
  content: "\e9eb";
}
.dlt-c8y-icon-no-image:before {
  content: "\ecd3";
}
.dlt-c8y-icon-local-movies:before {
  content: "\e9ad";
}
.dlt-c8y-icon-theaters:before {
  content: "\e9ad";
}
.dlt-c8y-icon-film:before {
  content: "\e9ad";
}
.dlt-c8y-icon-mic:before {
  content: "\e9ae";
}
.dlt-c8y-icon-microphone:before {
  content: "\e9ae";
}
.dlt-c8y-icon-block-microphone:before {
  content: "\f147";
}
.dlt-c8y-icon-microphone-slash:before {
  content: "\f147";
}
.dlt-c8y-icon-music-note:before {
  content: "\e9af";
}
.dlt-c8y-icon-music:before {
  content: "\e9af";
}
.dlt-c8y-icon-photo-camera-front:before {
  content: "\e91d";
}
.dlt-c8y-icon-video-camera:before {
  content: "\e91d";
}
.dlt-c8y-icon-camera:before {
  content: "\f297";
}
.dlt-c8y-icon-camera-retro:before {
  content: "\f297";
}
.dlt-c8y-icon-cam:before {
  content: "\f297";
}
.dlt-c8y-icon-image:before {
  content: "\f2bd";
}
.dlt-c8y-icon-picture:before {
  content: "\f2bd";
}
.dlt-c8y-icon-picture-o:before {
  content: "\f2bd";
}
.dlt-c8y-icon-photo:before {
  content: "\f2bd";
}
.dlt-c8y-icon-photo-gallery:before {
  content: "\f2cc";
}
.dlt-c8y-icon-albums:before {
  content: "\f291";
}
.dlt-c8y-icon-cubes:before {
  content: "\f291";
}
.dlt-c8y-icon-slides:before {
  content: "\ea86";
}
.dlt-c8y-icon-bursts:before {
  content: "\f295";
}
.dlt-c8y-icon-exposure:before {
  content: "\f2ac";
}
.dlt-c8y-icon-gallery:before {
  content: "\f2b7";
}
.dlt-c8y-icon-insert-clip:before {
  content: "\f2bf";
}
.dlt-c8y-icon-memories:before {
  content: "\f2c2";
}
.dlt-c8y-icon-overwrite-clip:before {
  content: "\f2ca";
}
.dlt-c8y-icon-selfies:before {
  content: "\f2d6";
}
.dlt-c8y-icon-facebook:before {
  content: "\ea87";
}
.dlt-c8y-icon-instagram:before {
  content: "\ea89";
}
.dlt-c8y-icon-linkedin:before {
  content: "\ea8a";
}
.dlt-c8y-icon-pinterest:before {
  content: "\ea8c";
}
.dlt-c8y-icon-twitter:before {
  content: "\ea8d";
}
.dlt-c8y-icon-youtube:before {
  content: "\ea8e";
}
.dlt-c8y-icon-youtube-play:before {
  content: "\ea8e";
}
.dlt-c8y-icon-google:before {
  content: "\ea90";
}
.dlt-c8y-icon-github:before {
  content: "\ea92";
}
.dlt-c8y-icon-cloud:before {
  content: "\ea94";
}
.dlt-c8y-icon-cloud-search:before {
  content: "\ea96";
}
.dlt-c8y-icon-search-in-cloud:before {
  content: "\ea96";
}
.dlt-c8y-icon-cloud-settings:before {
  content: "\ea97";
}
.dlt-c8y-icon-cloud-checked:before {
  content: "\ea9a";
}
.dlt-c8y-icon-cloud-restricted:before {
  content: "\ea9b";
}
.dlt-c8y-icon-cloud-plus:before {
  content: "\ea9c";
}
.dlt-c8y-icon-cloud-minus:before {
  content: "\ea9d";
}
.dlt-c8y-icon-cloud-error:before {
  content: "\ea9e";
}
.dlt-c8y-icon-cloud-unavailable:before {
  content: "\ea9f";
}
.dlt-c8y-icon-cloud-upload:before {
  content: "\eaa0";
}
.dlt-c8y-icon-backup:before {
  content: "\eaa0";
}
.dlt-c8y-icon-cloud-download:before {
  content: "\eaa1";
}
.dlt-c8y-icon-cloud-backup-restore:before {
  content: "\f1ea";
}
.dlt-c8y-icon-cloud-remote-working:before {
  content: "\eaa2";
}
.dlt-c8y-icon-cloud-bar-chart:before {
  content: "\f1eb";
}
.dlt-c8y-icon-cloud-binary-code:before {
  content: "\f1ec";
}
.dlt-c8y-icon-cloud-broadcasting:before {
  content: "\f1ed";
}
.dlt-c8y-icon-secure-cloud:before {
  content: "\f237";
}
.dlt-c8y-icon-error-cloud:before {
  content: "\f216";
}
.dlt-c8y-icon-cloud-cross:before {
  content: "\f1f3";
}
.dlt-c8y-icon-dashed-cloud:before {
  content: "\f20f";
}
.dlt-c8y-icon-cloud-connection:before {
  content: "\f1f2";
}
.dlt-c8y-icon-cloud-firewall:before {
  content: "\f1f6";
}
.dlt-c8y-icon-cloud-link:before {
  content: "\f1f9";
}
.dlt-c8y-icon-cloud-waiting:before {
  content: "\f205";
}
.dlt-c8y-icon-public-cloud:before {
  content: "\f22e";
}
.dlt-c8y-icon-delete-from-cloud:before {
  content: "\f212";
}
.dlt-c8y-icon-cloud-refresh:before {
  content: "\f1fd";
}
.dlt-c8y-icon-cloud-right-u-arrow:before {
  content: "\f1fe";
}
.dlt-c8y-icon-cloud-share-symbol:before {
  content: "\f1ff";
}
.dlt-c8y-icon-cloud-development:before {
  content: "\f1f5";
}
.dlt-c8y-icon-cloud-sync:before {
  content: "\f201";
}
.dlt-c8y-icon-cloud-user:before {
  content: "\f202";
}
.dlt-c8y-icon-cloud-computing:before {
  content: "\f1f1";
}
.dlt-c8y-icon-cloud-storage:before {
  content: "\eb02";
}
.dlt-c8y-icon-cloud-network:before {
  content: "\f1fa";
}
.dlt-c8y-icon-computer:before {
  content: "\f207";
}
.dlt-c8y-icon-connected-people:before {
  content: "\f20b";
}
.dlt-c8y-icon-connection-sync:before {
  content: "\f20c";
}
.dlt-c8y-icon-network-2:before {
  content: "\f226";
}
.dlt-c8y-icon-incoming-data:before {
  content: "\f21c";
}
.dlt-c8y-icon-outgoing-data:before {
  content: "\e903";
}
.dlt-c8y-icon-remote-desktop1:before {
  content: "\f230";
}
.dlt-c8y-icon-security-wi-fi:before {
  content: "\f239";
}
.dlt-c8y-icon-server1:before {
  content: "\f23b";
}
.dlt-c8y-icon-server-shutdown1:before {
  content: "\f23d";
}
.dlt-c8y-icon-ftp-server:before {
  content: "\f219";
}
.dlt-c8y-icon-thin-client:before {
  content: "\f246";
}
.dlt-c8y-icon-wi-fi:before {
  content: "\f251";
}
.dlt-c8y-icon-wifi:before {
  content: "\f251";
}
.dlt-c8y-icon-wireless-network:before {
  content: "\f251";
}
.dlt-c8y-icon-wi-fi-off:before {
  content: "\f258";
}
.dlt-c8y-icon-wi-fi-connected:before {
  content: "\f252";
}
.dlt-c8y-icon-wi-fi-disconnected:before {
  content: "\f254";
}
.dlt-c8y-icon-wi-fi-lock:before {
  content: "\f255";
}
.dlt-c8y-icon-scan-wi-fi:before {
  content: "\f235";
}
.dlt-c8y-icon-bluetooth:before {
  content: "\f1d7";
}
.dlt-c8y-icon-bluetooth-b:before {
  content: "\f1d7";
}
.dlt-c8y-icon-bluetooth-symbol:before {
  content: "\f1d7";
}
.dlt-c8y-icon-decentralized-network:before {
  content: "\f211";
}
.dlt-c8y-icon-centralized-network:before {
  content: "\f1db";
}
.dlt-c8y-icon-light-bulb-outline:before {
  content: "\eaa4";
}
.dlt-c8y-icon-medkit:before {
  content: "\eb4e";
}
.dlt-c8y-icon-fax:before {
  content: "\eb50";
}
.dlt-c8y-icon-beer:before {
  content: "\eb52";
}
.dlt-c8y-icon-department:before {
  content: "\eaa5";
}
.dlt-c8y-icon-stacked-organizational-chart:before {
  content: "\eaa6";
}
.dlt-c8y-icon-tty:before {
  content: "\e90c";
}
.dlt-c8y-icon-target:before {
  content: "\ea6e";
}
.dlt-c8y-icon-crosshairs:before {
  content: "\ea6e";
}
.dlt-c8y-icon-accuracy:before {
  content: "\e963";
}
.dlt-c8y-icon-goal:before {
  content: "\e9dd";
}
.dlt-c8y-icon-bullseye:before {
  content: "\e9dd";
}
.dlt-c8y-icon-address-book:before {
  content: "\e967";
}
.dlt-c8y-icon-address-book-o:before {
  content: "\e967";
}
.dlt-c8y-icon-contacts-book:before {
  content: "\e967";
}
.dlt-c8y-icon-attract-customers:before {
  content: "\e971";
}
.dlt-c8y-icon-magnet:before {
  content: "\e971";
}
.dlt-c8y-icon-guarantee:before {
  content: "\e9e3";
}
.dlt-c8y-icon-commercial:before {
  content: "\e993";
}
.dlt-c8y-icon-bullhorn:before {
  content: "\e993";
}
.dlt-c8y-icon-announcement:before {
  content: "\e993";
}
.dlt-c8y-icon-podium:before {
  content: "\ea2f";
}
.dlt-c8y-icon-time-card:before {
  content: "\ea78";
}
.dlt-c8y-icon-change:before {
  content: "\e989";
}
.dlt-c8y-icon-applicant:before {
  content: "\e96c";
}
.dlt-c8y-icon-download-resume:before {
  content: "\e9c3";
}
.dlt-c8y-icon-submit-resume:before {
  content: "\ea6a";
}
.dlt-c8y-icon-briefcase:before {
  content: "\e97f";
}
.dlt-c8y-icon-suitcase:before {
  content: "\e97f";
}
.dlt-c8y-icon-new-job:before {
  content: "\ea0d";
}
.dlt-c8y-icon-job-seeker:before {
  content: "\e9f0";
}
.dlt-c8y-icon-business-building:before {
  content: "\e982";
}
.dlt-c8y-icon-dossier:before {
  content: "\e9c0";
}
.dlt-c8y-icon-alarms:before {
  content: "\e969";
}
.dlt-c8y-icon-project:before {
  content: "\ea3e";
}
.dlt-c8y-icon-important-book:before {
  content: "\e9e9";
}
.dlt-c8y-icon-important-note:before {
  content: "\e9ea";
}
.dlt-c8y-icon-name-tag:before {
  content: "\ea0a";
}
.dlt-c8y-icon-id-badge:before {
  content: "\ea0a";
}
.dlt-c8y-icon-assignment-return:before {
  content: "\e970";
}
.dlt-c8y-icon-note-taking:before {
  content: "\ea13";
}
.dlt-c8y-icon-audit:before {
  content: "\e972";
}
.dlt-c8y-icon-badge:before {
  content: "\e975";
}
.dlt-c8y-icon-vcard:before {
  content: "\e975";
}
.dlt-c8y-icon-vcard-o:before {
  content: "\e975";
}
.dlt-c8y-icon-id-card:before {
  content: "\e975";
}
.dlt-c8y-icon-id-card-o:before {
  content: "\e975";
}
.dlt-c8y-icon-address-card-o:before {
  content: "\e975";
}
.dlt-c8y-icon-address-card:before {
  content: "\e975";
}
.dlt-c8y-icon-drivers-license:before {
  content: "\e975";
}
.dlt-c8y-icon-drivers-license-o:before {
  content: "\e975";
}
.dlt-c8y-icon-new-contact:before {
  content: "\ea0c";
}
.dlt-c8y-icon-contact-details:before {
  content: "\e99f";
}
.dlt-c8y-icon-phone-contact:before {
  content: "\ea27";
}
.dlt-c8y-icon-inspection:before {
  content: "\e9ee";
}
.dlt-c8y-icon-clipboard-with-a-tick:before {
  content: "\e9ee";
}
.dlt-c8y-icon-survey:before {
  content: "\ea6d";
}
.dlt-c8y-icon-no-data-available:before {
  content: "\ea10";
}
.dlt-c8y-icon-task-planning:before {
  content: "\ea71";
}
.dlt-c8y-icon-invoice:before {
  content: "\eaa7";
}
.dlt-c8y-icon-summary-list:before {
  content: "\ea6b";
}
.dlt-c8y-icon-study:before {
  content: "\ea69";
}
.dlt-c8y-icon-card:before {
  content: "\eaa8";
}
.dlt-c8y-icon-job:before {
  content: "\e9ef";
}
.dlt-c8y-icon-print:before {
  content: "\eaab";
}
.dlt-c8y-icon-communication-internet:before {
  content: "\e996";
}
.dlt-c8y-icon-language-skill:before {
  content: "\e9f4";
}
.dlt-c8y-icon-language:before {
  content: "\e9f4";
}
.dlt-c8y-icon-close-program:before {
  content: "\e98b";
}
.dlt-c8y-icon-window-close:before {
  content: "\e98b";
}
.dlt-c8y-icon-window-close-o:before {
  content: "\e98b";
}
.dlt-c8y-icon-new-slide:before {
  content: "\ea0f";
}
.dlt-c8y-icon-web-analytics:before {
  content: "\ea8b";
}
.dlt-c8y-icon-planner:before {
  content: "\ea2b";
}
.dlt-c8y-icon-rescheduling-a-task:before {
  content: "\ea4a";
}
.dlt-c8y-icon-resume-website:before {
  content: "\ea4f";
}
.dlt-c8y-icon-product-documents:before {
  content: "\ea37";
}
.dlt-c8y-icon-resume-template:before {
  content: "\ea4e";
}
.dlt-c8y-icon-rubber-stamp:before {
  content: "\ea51";
}
.dlt-c8y-icon-stamp:before {
  content: "\ea64";
}
.dlt-c8y-icon-video-projector:before {
  content: "\ea85";
}
.dlt-c8y-icon-management1:before {
  content: "\e9ff";
}
.dlt-c8y-icon-gavel:before {
  content: "\e92c";
}
.dlt-c8y-icon-legal:before {
  content: "\e92c";
}
.dlt-c8y-icon-user-md:before {
  content: "\eb53";
}
.dlt-c8y-icon-wheelchair-alt:before {
  content: "\eb55";
}
.dlt-c8y-icon-wheelchair:before {
  content: "\eb56";
}
.dlt-c8y-icon-child:before {
  content: "\eb57";
}
.dlt-c8y-icon-workspace1:before {
  content: "\eab3";
}
.dlt-c8y-icon-male-user:before {
  content: "\f276";
}
.dlt-c8y-icon-user-circle-o:before {
  content: "\f276";
}
.dlt-c8y-icon-user-circle:before {
  content: "\f276";
}
.dlt-c8y-icon-user-plus:before {
  content: "\eb58";
}
.dlt-c8y-icon-add-user:before {
  content: "\eb58";
}
.dlt-c8y-icon-remove-user:before {
  content: "\eb59";
}
.dlt-c8y-icon-user-minus:before {
  content: "\eb59";
}
.dlt-c8y-icon-user-times:before {
  content: "\eb59";
}
.dlt-c8y-icon-user-account:before {
  content: "\f137";
}
.dlt-c8y-icon-user:before {
  content: "\f137";
}
.dlt-c8y-icon-user-o:before {
  content: "\f137";
}
.dlt-c8y-icon-manager:before {
  content: "\ea00";
}
.dlt-c8y-icon-businessman:before {
  content: "\ea00";
}
.dlt-c8y-icon-male:before {
  content: "\ea00";
}
.dlt-c8y-icon-document-writer:before {
  content: "\f26b";
}
.dlt-c8y-icon-supplier:before {
  content: "\ea6c";
}
.dlt-c8y-icon-search-client:before {
  content: "\ea56";
}
.dlt-c8y-icon-account-enable:before {
  content: "\eab4";
}
.dlt-c8y-icon-account-disable:before {
  content: "\eab5";
}
.dlt-c8y-icon-insurance-agent:before {
  content: "\f274";
}
.dlt-c8y-icon-payroll:before {
  content: "\ea20";
}
.dlt-c8y-icon-lawyer:before {
  content: "\f275";
}
.dlt-c8y-icon-complaint:before {
  content: "\e99a";
}
.dlt-c8y-icon-appointment-scheduling:before {
  content: "\e96d";
}
.dlt-c8y-icon-caretaker:before {
  content: "\ee97";
}
.dlt-c8y-icon-guardian:before {
  content: "\f3a0";
}
.dlt-c8y-icon-batch-assign:before {
  content: "\f367";
}
.dlt-c8y-icon-people:before {
  content: "\ea21";
}
.dlt-c8y-icon-users:before {
  content: "\ea21";
}
.dlt-c8y-icon-group1:before {
  content: "\ea21";
}
.dlt-c8y-icon-management:before {
  content: "\ea21";
}
.dlt-c8y-icon-team:before {
  content: "\ea21";
}
.dlt-c8y-icon-people-working-together:before {
  content: "\eab6";
}
.dlt-c8y-icon-group-task:before {
  content: "\e9e1";
}
.dlt-c8y-icon-accessibility:before {
  content: "\e90d";
}
.dlt-c8y-icon-universal-access:before {
  content: "\e90d";
}
.dlt-c8y-icon-pregnant-woman:before {
  content: "\e96b";
}
.dlt-c8y-icon-female:before {
  content: "\e96b";
}
.dlt-c8y-icon-business-conference-female-speaker:before {
  content: "\e983";
}
.dlt-c8y-icon-organization-chart-people:before {
  content: "\ea1e";
}
.dlt-c8y-icon-meeting-room:before {
  content: "\ea03";
}
.dlt-c8y-icon-permanent-job:before {
  content: "\ea23";
}
.dlt-c8y-icon-contact-us:before {
  content: "\e9a0";
}
.dlt-c8y-icon-voice-recognition:before {
  content: "\ea88";
}
.dlt-c8y-icon-collaboration:before {
  content: "\e98e";
}
.dlt-c8y-icon-technical-support:before {
  content: "\ea76";
}
.dlt-c8y-icon-online-support:before {
  content: "\ea1c";
}
.dlt-c8y-icon-student-male:before {
  content: "\eab7";
}
.dlt-c8y-icon-devops:before {
  content: "\f26a";
}
.dlt-c8y-icon-exhibitor:before {
  content: "\f26c";
}
.dlt-c8y-icon-env-permission:before {
  content: "\eab9";
}
.dlt-c8y-icon-bathtub:before {
  content: "\e96f";
}
.dlt-c8y-icon-bath:before {
  content: "\e96f";
}
.dlt-c8y-icon-s15:before {
  content: "\e96f";
}
.dlt-c8y-icon-hotel:before {
  content: "\e96e";
}
.dlt-c8y-icon-local-hotel:before {
  content: "\e96e";
}
.dlt-c8y-icon-bed:before {
  content: "\e96e";
}
.dlt-c8y-icon-intelligence:before {
  content: "\eabe";
}
.dlt-c8y-icon-source-code:before {
  content: "\f342";
}
.dlt-c8y-icon-code:before {
  content: "\f342";
}
.dlt-c8y-icon-html-code:before {
  content: "\f342";
}
.dlt-c8y-icon-code1:before {
  content: "\eabf";
}
.dlt-c8y-icon-file-code-o:before {
  content: "\eabf";
}
.dlt-c8y-icon-console:before {
  content: "\eac0";
}
.dlt-c8y-icon-terminal:before {
  content: "\eac0";
}
.dlt-c8y-icon-add-property:before {
  content: "\f2f8";
}
.dlt-c8y-icon-delete-document:before {
  content: "\f309";
}
.dlt-c8y-icon-urgent-property:before {
  content: "\f356";
}
.dlt-c8y-icon-remove-property:before {
  content: "\f338";
}
.dlt-c8y-icon-edit-property:before {
  content: "\f30c";
}
.dlt-c8y-icon-template:before {
  content: "\f34d";
}
.dlt-c8y-icon-test:before {
  content: "\f34e";
}
.dlt-c8y-icon-property-script:before {
  content: "\f335";
}
.dlt-c8y-icon-show-property:before {
  content: "\f33f";
}
.dlt-c8y-icon-search-property:before {
  content: "\f33e";
}
.dlt-c8y-icon-timesheet:before {
  content: "\f351";
}
.dlt-c8y-icon-important-property:before {
  content: "\f317";
}
.dlt-c8y-icon-new-property:before {
  content: "\f328";
}
.dlt-c8y-icon-navigation-toolbar-top:before {
  content: "\f327";
}
.dlt-c8y-icon-window-maximize:before {
  content: "\f327";
}
.dlt-c8y-icon-web-application-firewall:before {
  content: "\f358";
}
.dlt-c8y-icon-website-bug:before {
  content: "\f35a";
}
.dlt-c8y-icon-bug:before {
  content: "\f35a";
}
.dlt-c8y-icon-web-design:before {
  content: "\f359";
}
.dlt-c8y-icon-navigation-toolbar-bottom:before {
  content: "\f325";
}
.dlt-c8y-icon-more-details:before {
  content: "\f323";
}
.dlt-c8y-icon-navigation-pane:before {
  content: "\f324";
}
.dlt-c8y-icon-pin:before {
  content: "\f32c";
}
.dlt-c8y-icon-thumb-tack:before {
  content: "\f32c";
}
.dlt-c8y-icon-unpin:before {
  content: "\f355";
}
.dlt-c8y-icon-commit-git:before {
  content: "\f306";
}
.dlt-c8y-icon-codefork:before {
  content: "\f304";
}
.dlt-c8y-icon-code-fork:before {
  content: "\f304";
}
.dlt-c8y-icon-merge-git:before {
  content: "\f322";
}
.dlt-c8y-icon-pull-request:before {
  content: "\f336";
}
.dlt-c8y-icon-compare-git:before {
  content: "\f307";
}
.dlt-c8y-icon-share:before {
  content: "\eac3";
}
.dlt-c8y-icon-share-alt:before {
  content: "\eac3";
}
.dlt-c8y-icon-share-alt-square:before {
  content: "\eac3";
}
.dlt-c8y-icon-activity-history:before {
  content: "\eaeb";
}
.dlt-c8y-icon-rules:before {
  content: "\ea52";
}
.dlt-c8y-icon-create-document:before {
  content: "\e9a2";
}
.dlt-c8y-icon-product-architecture:before {
  content: "\f331";
}
.dlt-c8y-icon-registry-editor:before {
  content: "\f337";
}
.dlt-c8y-icon-rest-api:before {
  content: "\f33b";
}
.dlt-c8y-icon-true-false:before {
  content: "\f353";
}
.dlt-c8y-icon-uninstall-programs:before {
  content: "\f354";
}
.dlt-c8y-icon-sheets:before {
  content: "\ef7f";
}
.dlt-c8y-icon-stages:before {
  content: "\ef7f";
}
.dlt-c8y-icon-add-stage:before {
  content: "\eac5";
}
.dlt-c8y-icon-api:before {
  content: "\f2f9";
}
.dlt-c8y-icon-blockly-turquoise:before {
  content: "\f2ff";
}
.dlt-c8y-icon-blockly-blue:before {
  content: "\f2fa";
}
.dlt-c8y-icon-blockly-pink:before {
  content: "\f2fe";
}
.dlt-c8y-icon-plugin:before {
  content: "\f32f";
}
.dlt-c8y-icon-base-64:before {
  content: "\ed57";
}
.dlt-c8y-icon-xml-transformer:before {
  content: "\edb1";
}
.dlt-c8y-icon-shield:before {
  content: "\eac6";
}
.dlt-c8y-icon-protect:before {
  content: "\f419";
}
.dlt-c8y-icon-warning-shield:before {
  content: "\f425";
}
.dlt-c8y-icon-free-forever:before {
  content: "\eac8";
}
.dlt-c8y-icon-identification-documents:before {
  content: "\eaca";
}
.dlt-c8y-icon-id-verified:before {
  content: "\f412";
}
.dlt-c8y-icon-fingerprint:before {
  content: "\f410";
}
.dlt-c8y-icon-pin-code:before {
  content: "\f418";
}
.dlt-c8y-icon-password:before {
  content: "\f416";
}
.dlt-c8y-icon-lock:before {
  content: "\eacb";
}
.dlt-c8y-icon-unlock:before {
  content: "\eacd";
}
.dlt-c8y-icon-privacy:before {
  content: "\ea33";
}
.dlt-c8y-icon-lock-outline:before {
  content: "\e91e";
}
.dlt-c8y-icon-lock1:before {
  content: "\e91e";
}
.dlt-c8y-icon-lock-open:before {
  content: "\e91f";
}
.dlt-c8y-icon-unlock1:before {
  content: "\e91f";
}
.dlt-c8y-icon-unlock-alt:before {
  content: "\e91f";
}
.dlt-c8y-icon-key:before {
  content: "\f413";
}
.dlt-c8y-icon-access:before {
  content: "\f409";
}
.dlt-c8y-icon-lock11:before {
  content: "\f414";
}
.dlt-c8y-icon-realtime:before {
  content: "\f41a";
}
.dlt-c8y-icon-smart-home-connection:before {
  content: "\f41d";
}
.dlt-c8y-icon-smart-home-checked:before {
  content: "\f41c";
}
.dlt-c8y-icon-smart-home-error:before {
  content: "\f41e";
}
.dlt-c8y-icon-smart-home-remove:before {
  content: "\f41f";
}
.dlt-c8y-icon-smart-home-shield:before {
  content: "\f420";
}
.dlt-c8y-icon-voice-id:before {
  content: "\f423";
}
.dlt-c8y-icon-web-application-firewall1:before {
  content: "\f426";
}
.dlt-c8y-icon-copyright:before {
  content: "\ead2";
}
.dlt-c8y-icon-spy:before {
  content: "\ead3";
}
.dlt-c8y-icon-user-secret:before {
  content: "\ead3";
}
.dlt-c8y-icon-bug1:before {
  content: "\ead4";
}
.dlt-c8y-icon-health-examine:before {
  content: "\ead6";
}
.dlt-c8y-icon-stethoscope:before {
  content: "\ead6";
}
.dlt-c8y-icon-space-shuttle:before {
  content: "\eb5a";
}
.dlt-c8y-icon-ambulance:before {
  content: "\eb5b";
}
.dlt-c8y-icon-car:before {
  content: "\f53f";
}
.dlt-c8y-icon-automobile:before {
  content: "\f53f";
}
.dlt-c8y-icon-local-taxi:before {
  content: "\e920";
}
.dlt-c8y-icon-taxi:before {
  content: "\e920";
}
.dlt-c8y-icon-cab:before {
  content: "\e920";
}
.dlt-c8y-icon-truck:before {
  content: "\f636";
}
.dlt-c8y-icon-file-delivery:before {
  content: "\ebc5";
}
.dlt-c8y-icon-in-transit:before {
  content: "\ebd5";
}
.dlt-c8y-icon-bus:before {
  content: "\f53b";
}
.dlt-c8y-icon-train:before {
  content: "\e9f1";
}
.dlt-c8y-icon-directions-subway:before {
  content: "\e9f2";
}
.dlt-c8y-icon-directions-transit:before {
  content: "\e9f2";
}
.dlt-c8y-icon-tram:before {
  content: "\e9f2";
}
.dlt-c8y-icon-delivery-dining:before {
  content: "\e9f5";
}
.dlt-c8y-icon-scooter:before {
  content: "\e9f5";
}
.dlt-c8y-icon-pedal-bike:before {
  content: "\e9b1";
}
.dlt-c8y-icon-bicycle:before {
  content: "\e9b1";
}
.dlt-c8y-icon-motorcycle:before {
  content: "\e9b2";
}
.dlt-c8y-icon-airport:before {
  content: "\f521";
}
.dlt-c8y-icon-plane:before {
  content: "\f521";
}
.dlt-c8y-icon-fighter-jet:before {
  content: "\f521";
}
.dlt-c8y-icon-directions-ferry:before {
  content: "\e9f3";
}
.dlt-c8y-icon-ship:before {
  content: "\e9f3";
}
.dlt-c8y-icon-deploy:before {
  content: "\eade";
}
.dlt-c8y-icon-rocket:before {
  content: "\eade";
}
.dlt-c8y-icon-wrench1:before {
  content: "\eadf";
}
.dlt-c8y-icon-road:before {
  content: "\f5e5";
}
.dlt-c8y-icon-flag-outline:before {
  content: "\eae1";
}
.dlt-c8y-icon-software:before {
  content: "\f340";
}
.dlt-c8y-icon-future:before {
  content: "\f4b9";
}
.dlt-c8y-icon-time-machine:before {
  content: "\f4e2";
}
.dlt-c8y-icon-history:before {
  content: "\f4e2";
}
.dlt-c8y-icon-delivery-time:before {
  content: "\f4e2";
}
.dlt-c8y-icon-schedule:before {
  content: "\e9b0";
}
.dlt-c8y-icon-clock:before {
  content: "\e9b0";
}
.dlt-c8y-icon-clock-o:before {
  content: "\e9b0";
}
.dlt-c8y-icon-watches-front-view:before {
  content: "\f508";
}
.dlt-c8y-icon-clock1:before {
  content: "\ead7";
}
.dlt-c8y-icon-clock11:before,
.dlt-c8y-icon-done:before {
  content: "\ead7";
}
.dlt-c8y-icon-alarm1:before {
  content: "\ead8";
}
.dlt-c8y-icon-timer:before {
  content: "\ead8";
}
.dlt-c8y-icon-wall-clock:before {
  content: "\efbc";
}
.dlt-c8y-icon-alarm-add:before {
  content: "\f47a";
}
.dlt-c8y-icon-alarm-on:before {
  content: "\f47d";
}
.dlt-c8y-icon-alarm-off:before {
  content: "\f47c";
}
.dlt-c8y-icon-calendar:before {
  content: "\f480";
}
.dlt-c8y-icon-calendar-o:before {
  content: "\f480";
}
.dlt-c8y-icon-today:before {
  content: "\f504";
}
.dlt-c8y-icon-calendar-check-o:before {
  content: "\f504";
}
.dlt-c8y-icon-calendar-1:before {
  content: "\f481";
}
.dlt-c8y-icon-calendar-31:before {
  content: "\f499";
}
.dlt-c8y-icon-monday:before {
  content: "\f4c9";
}
.dlt-c8y-icon-sunday:before {
  content: "\f4df";
}
.dlt-c8y-icon-january:before {
  content: "\f4bf";
}
.dlt-c8y-icon-december:before {
  content: "\f4b1";
}
.dlt-c8y-icon-edit-calendar:before {
  content: "\f4b2";
}
.dlt-c8y-icon-view-schedule:before {
  content: "\f506";
}
.dlt-c8y-icon-calendar-add:before {
  content: "\ead9";
}
.dlt-c8y-icon-calendar-plus:before {
  content: "\ead9";
}
.dlt-c8y-icon-calendar-plus-o:before {
  content: "\ead9";
}
.dlt-c8y-icon-calendar-remove:before {
  content: "\eadd";
}
.dlt-c8y-icon-calendar-minus:before {
  content: "\eadd";
}
.dlt-c8y-icon-calendar-times:before {
  content: "\eadd";
}
.dlt-c8y-icon-calendar-minus-o:before {
  content: "\eadd";
}
.dlt-c8y-icon-calendar-times-o:before {
  content: "\eadd";
}
.dlt-c8y-icon-important-month:before {
  content: "\f4bd";
}
.dlt-c8y-icon-schedule1:before {
  content: "\ea55";
}
.dlt-c8y-icon-sand-watch:before {
  content: "\f4d7";
}
.dlt-c8y-icon-hourglass-start:before {
  content: "\f4d7";
}
.dlt-c8y-icon-hourglass-o:before {
  content: "\f4d7";
}
.dlt-c8y-icon-hourglass-half:before {
  content: "\f4d7";
}
.dlt-c8y-icon-hourglass-end:before {
  content: "\f4d7";
}
.dlt-c8y-icon-hourglass:before {
  content: "\f4d7";
}
.dlt-c8y-icon-hourglass-1:before {
  content: "\f4d7";
}
.dlt-c8y-icon-hourglass-2:before {
  content: "\f4d7";
}
.dlt-c8y-icon-hourglass-3:before {
  content: "\f4d7";
}
.dlt-c8y-icon-timezone-globe:before {
  content: "\f502";
}
.dlt-c8y-icon-timezone:before {
  content: "\f4e9";
}
.dlt-c8y-icon-timetable:before {
  content: "\f4e8";
}
.dlt-c8y-icon-day-view:before {
  content: "\f4b0";
}
.dlt-c8y-icon-month-view:before {
  content: "\f4ca";
}
.dlt-c8y-icon-week-view:before {
  content: "\f50a";
}
.dlt-c8y-icon-year-view:before {
  content: "\f50b";
}
.dlt-c8y-icon-newspaper-o:before {
  content: "\eba7";
}
.dlt-c8y-icon-creative-commons:before {
  content: "\eb5d";
}
.dlt-c8y-icon-spinner:before {
  content: "\eb5e";
}
.dlt-c8y-icon-loading:before {
  content: "\eb5e";
}
.dlt-c8y-icon-busy:before {
  content: "\eb5e";
}
.dlt-c8y-icon-wheel:before {
  content: "\eb5e";
}
.dlt-c8y-icon-trademark:before {
  content: "\eb62";
}
.dlt-c8y-icon-toggle-on:before {
  content: "\eb63";
}
.dlt-c8y-icon-toggle-off:before {
  content: "\eb64";
}
.dlt-c8y-icon-ticket:before {
  content: "\eb65";
}
.dlt-c8y-icon-spoon:before {
  content: "\eb66";
}
.dlt-c8y-icon-sort-numeric-desc:before {
  content: "\eb67";
}
.dlt-c8y-icon-sort-numeric-asc:before {
  content: "\eb68";
}
.dlt-c8y-icon-snowflake-o:before {
  content: "\eb69";
}
.dlt-c8y-icon-shower:before {
  content: "\eb6a";
}
.dlt-c8y-icon-percent:before {
  content: "\eb6c";
}
.dlt-c8y-icon-paw:before {
  content: "\eb6e";
}
.dlt-c8y-icon-mouse-pointer:before {
  content: "\eb6f";
}
.dlt-c8y-icon-lemon-o:before {
  content: "\eb70";
}
.dlt-c8y-icon-leaf:before {
  content: "\eb72";
}
.dlt-c8y-icon-diamond:before {
  content: "\eb74";
}
.dlt-c8y-icon-braille:before {
  content: "\eb75";
}
.dlt-c8y-icon-bomb:before {
  content: "\eb76";
}
.dlt-c8y-icon-binoculars:before {
  content: "\eb77";
}
.dlt-c8y-icon-eject:before {
  content: "\eb7a";
}
.dlt-c8y-icon-touch-app:before {
  content: "\eb7b";
}
.dlt-c8y-icon-soccer:before {
  content: "\eb7c";
}
.dlt-c8y-icon-football:before {
  content: "\eb7c";
}
.dlt-c8y-icon-futbol-o:before {
  content: "\eb7c";
}
.dlt-c8y-icon-soccer-ball-o:before {
  content: "\eb7c";
}
.dlt-c8y-icon-mood:before {
  content: "\eb7d";
}
.dlt-c8y-icon-meh-o:before {
  content: "\eb7d";
}
.dlt-c8y-icon-frown-o:before {
  content: "\eb7d";
}
.dlt-c8y-icon-smile-o:before {
  content: "\eb7d";
}
.dlt-c8y-icon-deaf:before {
  content: "\eb7f";
}
.dlt-c8y-icon-deafness:before {
  content: "\eb7f";
}
.dlt-c8y-icon-hard-of-hearing:before {
  content: "\eb7f";
}
.dlt-c8y-icon-assistive-listening-systems:before {
  content: "\eb80";
}
.dlt-c8y-icon-american-sign-language-interpreting:before {
  content: "\eb82";
}
.dlt-c8y-icon-asl-interpreting:before {
  content: "\eb82";
}
.dlt-c8y-icon-cc:before {
  content: "\eb83";
}
.dlt-c8y-icon-closed-caption:before {
  content: "\eb83";
}
.dlt-c8y-icon-anchor:before {
  content: "\eb87";
}
.dlt-c8y-icon-accessibility-settings:before {
  content: "\eae3";
}
.dlt-c8y-icon-info:before {
  content: "\eae4";
}
.dlt-c8y-icon-info-circle:before {
  content: "\eae4";
}
.dlt-c8y-icon-warning:before {
  content: "\eae5";
}
.dlt-c8y-icon-report-problem:before {
  content: "\eae5";
}
.dlt-c8y-icon-exclamation-triangle:before {
  content: "\eae5";
}
.dlt-c8y-icon-exclamation-circle:before {
  content: "\e97b";
}
.dlt-c8y-icon-error:before {
  content: "\e97b";
}
.dlt-c8y-icon-high-priority:before {
  content: "\e9e6";
}
.dlt-c8y-icon-spam:before {
  content: "\f122";
}
.dlt-c8y-icon-help:before {
  content: "\f69e";
}
.dlt-c8y-icon-question-circle:before {
  content: "\f69e";
}
.dlt-c8y-icon-question:before {
  content: "\f69e";
}
.dlt-c8y-icon-help-outline:before {
  content: "\eae7";
}
.dlt-c8y-icon-question-circle-o:before {
  content: "\eae7";
}
.dlt-c8y-icon-approval:before {
  content: "\f65d";
}
.dlt-c8y-icon-trophy:before {
  content: "\f65d";
}
.dlt-c8y-icon-unverified-account:before {
  content: "\f72e";
}
.dlt-c8y-icon-automatic-gearbox-warning:before {
  content: "\f52a";
}
.dlt-c8y-icon-exclamation-circle1:before {
  content: "\f52a";
}
.dlt-c8y-icon-user-manual:before {
  content: "\f732";
}
.dlt-c8y-icon-stages1:before {
  content: "\eae9";
}
.dlt-c8y-icon-menu:before {
  content: "\f6ca";
}
.dlt-c8y-icon-reorder:before {
  content: "\f6ca";
}
.dlt-c8y-icon-navicon:before {
  content: "\f6ca";
}
.dlt-c8y-icon-bars:before {
  content: "\f6ca";
}
.dlt-c8y-icon-hamburger:before {
  content: "\f6ca";
}
.dlt-c8y-icon-menu-vertical:before {
  content: "\f6cc";
}
.dlt-c8y-icon-ellipsis-v:before {
  content: "\f6cc";
}
.dlt-c8y-icon-app-switcher:before {
  content: "\eaea";
}
.dlt-c8y-icon-menu-horizontal:before {
  content: "\e974";
}
.dlt-c8y-icon-ellipsis-h:before {
  content: "\e974";
}
.dlt-c8y-icon-plus-math:before {
  content: "\f3d6";
}
.dlt-c8y-icon-plus:before {
  content: "\f3d6";
}
.dlt-c8y-icon-subtract:before {
  content: "\f3f3";
}
.dlt-c8y-icon-minus:before {
  content: "\f3f3";
}
.dlt-c8y-icon-clear:before {
  content: "\e977";
}
.dlt-c8y-icon-close:before {
  content: "\e977";
}
.dlt-c8y-icon-remove:before {
  content: "\e977";
}
.dlt-c8y-icon-times:before {
  content: "\e977";
}
.dlt-c8y-icon-equals:before {
  content: "\eaec";
}
.dlt-c8y-icon-exclamation:before {
  content: "\eaed";
}
.dlt-c8y-icon-check:before {
  content: "\eaee";
}
.dlt-c8y-icon-upvote-downvote:before {
  content: "\f731";
}
.dlt-c8y-icon-math:before {
  content: "\f3b8";
}
.dlt-c8y-icon-less-than1:before {
  content: "\f3b4";
}
.dlt-c8y-icon-more-than:before {
  content: "\f3be";
}
.dlt-c8y-icon-circled-notch:before {
  content: "\ec67";
}
.dlt-c8y-icon-circle-o-notch:before {
  content: "\ec67";
}
.dlt-c8y-icon-inactive-state:before {
  content: "\f6a5";
}
.dlt-c8y-icon-storage1:before {
  content: "\f712";
}
.dlt-c8y-icon-lifebuoy:before {
  content: "\f6b7";
}
.dlt-c8y-icon-life-buoy:before {
  content: "\f6b7";
}
.dlt-c8y-icon-life-ring:before {
  content: "\f6b7";
}
.dlt-c8y-icon-life-saver:before {
  content: "\f6b7";
}
.dlt-c8y-icon-wait:before {
  content: "\f73a";
}
.dlt-c8y-icon-block:before {
  content: "\e978";
}
.dlt-c8y-icon-ban:before {
  content: "\e978";
}
.dlt-c8y-icon-copy1:before {
  content: "\ed5d";
}
.dlt-c8y-icon-clone:before {
  content: "\ed5d";
}
.dlt-c8y-icon-paste1:before {
  content: "\ece5";
}
.dlt-c8y-icon-clipboard:before {
  content: "\ece5";
}
.dlt-c8y-icon-search-more:before {
  content: "\f701";
}
.dlt-c8y-icon-search:before {
  content: "\eaef";
}
.dlt-c8y-icon-mobile-zoom-in:before {
  content: "\f180";
}
.dlt-c8y-icon-search-plus:before {
  content: "\f180";
}
.dlt-c8y-icon-mobile-zoom-out:before {
  content: "\f181";
}
.dlt-c8y-icon-search-minus:before {
  content: "\f181";
}
.dlt-c8y-icon-product1:before {
  content: "\eaf0";
}
.dlt-c8y-icon-trash-can:before {
  content: "\ed39";
}
.dlt-c8y-icon-trash:before {
  content: "\ed39";
}
.dlt-c8y-icon-editing-trash:before {
  content: "\ec8e";
}
.dlt-c8y-icon-trash-o:before {
  content: "\ec8e";
}
.dlt-c8y-icon-delete-bin:before {
  content: "\ec7e";
}
.dlt-c8y-icon-eye:before {
  content: "\f0b5";
}
.dlt-c8y-icon-visibility-off:before {
  content: "\e981";
}
.dlt-c8y-icon-low-vision:before {
  content: "\e981";
}
.dlt-c8y-icon-eye-slash:before {
  content: "\e981";
}
.dlt-c8y-icon-blind:before {
  content: "\e981";
}
.dlt-c8y-icon-double-tap:before {
  content: "\f15a";
}
.dlt-c8y-icon-heart:before {
  content: "\f0be";
}
.dlt-c8y-icon-heart-o:before {
  content: "\f0be";
}
.dlt-c8y-icon-unheart:before {
  content: "\eaf1";
}
.dlt-c8y-icon-science:before {
  content: "\e984";
}
.dlt-c8y-icon-flask:before {
  content: "\e984";
}
.dlt-c8y-icon-school:before {
  content: "\e987";
}
.dlt-c8y-icon-graduation-cap:before {
  content: "\e987";
}
.dlt-c8y-icon-mortar-board:before {
  content: "\e987";
}
.dlt-c8y-icon-badge1:before {
  content: "\eaf2";
}
.dlt-c8y-icon-data-quality:before {
  content: "\eb13";
}
.dlt-c8y-icon-brightness-low:before {
  content: "\e908";
}
.dlt-c8y-icon-brightness-5:before {
  content: "\e908";
}
.dlt-c8y-icon-sun-o:before {
  content: "\e908";
}
.dlt-c8y-icon-bedtime:before {
  content: "\e98c";
}
.dlt-c8y-icon-moon-o:before {
  content: "\e98c";
}
.dlt-c8y-icon-moon:before {
  content: "\e98c";
}
.dlt-c8y-icon-add-identity-provider:before {
  content: "\eaf3";
}
.dlt-c8y-icon-bookmark-outline:before {
  content: "\eafb";
}
.dlt-c8y-icon-turned-in-not:before {
  content: "\eafb";
}
.dlt-c8y-icon-bookmark-o:before {
  content: "\eafb";
}
.dlt-c8y-icon-unbookmark:before {
  content: "\eafb";
}
.dlt-c8y-icon-bookmark:before {
  content: "\e98f";
}
.dlt-c8y-icon-turned-in:before {
  content: "\e98f";
}
.dlt-c8y-icon-check-box:before {
  content: "\e991";
}
.dlt-c8y-icon-check-square:before {
  content: "\e991";
}
.dlt-c8y-icon-check-square-o:before {
  content: "\e991";
}
.dlt-c8y-icon-checkbox-selected:before {
  content: "\e991";
}
.dlt-c8y-icon-add-box:before {
  content: "\e905";
}
.dlt-c8y-icon-plus-square:before {
  content: "\e905";
}
.dlt-c8y-icon-indeterminate-check-box:before {
  content: "\e994";
}
.dlt-c8y-icon-minus-square:before {
  content: "\e994";
}
.dlt-c8y-icon-duplicate:before {
  content: "\eafc";
}
.dlt-c8y-icon-check-box-outline-blank:before {
  content: "\e9db";
}
.dlt-c8y-icon-square-o:before {
  content: "\e9db";
}
.dlt-c8y-icon-checkbox-unselected:before {
  content: "\eafd";
}
.dlt-c8y-icon-add-new:before {
  content: "\f35e";
}
.dlt-c8y-icon-plus-square-o:before {
  content: "\f35e";
}
.dlt-c8y-icon-negative:before {
  content: "\f3c4";
}
.dlt-c8y-icon-minus-square-o:before {
  content: "\f3c4";
}
.dlt-c8y-icon-multiplication:before {
  content: "\f3c1";
}
.dlt-c8y-icon-times-rectangle-o:before {
  content: "\f3c1";
}
.dlt-c8y-icon-times-rectangle:before {
  content: "\f3c1";
}
.dlt-c8y-icon-ratio:before {
  content: "\f3db";
}
.dlt-c8y-icon-circle:before {
  content: "\e998";
}
.dlt-c8y-icon-contrast1:before {
  content: "\eafe";
}
.dlt-c8y-icon-connection-status-on:before {
  content: "\f20e";
}
.dlt-c8y-icon-ok:before {
  content: "\eb00";
}
.dlt-c8y-icon-check-circle:before {
  content: "\eb00";
}
.dlt-c8y-icon-check-circle-o:before {
  content: "\eb00";
}
.dlt-c8y-icon-success:before {
  content: "\eb00";
}
.dlt-c8y-icon-cross-circle:before {
  content: "\eb01";
}
.dlt-c8y-icon-times-circle:before {
  content: "\eb01";
}
.dlt-c8y-icon-times-circle-o:before {
  content: "\eb01";
}
.dlt-c8y-icon-add:before {
  content: "\eb03";
}
.dlt-c8y-icon-plus-circle:before {
  content: "\eb03";
}
.dlt-c8y-icon-minus-circle:before {
  content: "\eb05";
}
.dlt-c8y-icon-minus-sign:before {
  content: "\eb05";
}
.dlt-c8y-icon-radio-button-unchecked:before {
  content: "\e9dc";
}
.dlt-c8y-icon-circle-o:before {
  content: "\e9dc";
}
.dlt-c8y-icon-circle-thin:before {
  content: "\e9dc";
}
.dlt-c8y-icon-add-circle-outline:before {
  content: "\e9f6";
}
.dlt-c8y-icon-plus-circle-o:before {
  content: "\e9f6";
}
.dlt-c8y-icon-local-fire-department:before {
  content: "\e99b";
}
.dlt-c8y-icon-fire:before {
  content: "\e99b";
}
.dlt-c8y-icon-outlined-flag:before {
  content: "\e99c";
}
.dlt-c8y-icon-flag-o:before {
  content: "\e99c";
}
.dlt-c8y-icon-flag:before {
  content: "\e99d";
}
.dlt-c8y-icon-assistant-photo:before {
  content: "\e99d";
}
.dlt-c8y-icon-flag-checkered:before {
  content: "\e99d";
}
.dlt-c8y-icon-flash-on:before {
  content: "\e99e";
}
.dlt-c8y-icon-bolt:before {
  content: "\e99e";
}
.dlt-c8y-icon-quick-mode-on:before {
  content: "\f6f2";
}
.dlt-c8y-icon-flash:before {
  content: "\f6f2";
}
.dlt-c8y-icon-quick-mode-off:before {
  content: "\f6f1";
}
.dlt-c8y-icon-videogame-asset:before {
  content: "\e9a1";
}
.dlt-c8y-icon-gamepad:before {
  content: "\e9a1";
}
.dlt-c8y-icon-portraits:before {
  content: "\f2d0";
}
.dlt-c8y-icon-extension:before {
  content: "\e90a";
}
.dlt-c8y-icon-puzzle:before {
  content: "\e90a";
}
.dlt-c8y-icon-puzzle-piece:before {
  content: "\e90a";
}
.dlt-c8y-icon-star-outline:before {
  content: "\e90f";
}
.dlt-c8y-icon-star-o:before {
  content: "\e90f";
}
.dlt-c8y-icon-unstar:before {
  content: "\e90f";
}
.dlt-c8y-icon-star-half:before {
  content: "\e979";
}
.dlt-c8y-icon-star-half-empty:before {
  content: "\e979";
}
.dlt-c8y-icon-star-half-full:before {
  content: "\e979";
}
.dlt-c8y-icon-star-half-o:before {
  content: "\e979";
}
.dlt-c8y-icon-star:before {
  content: "\eb0c";
}
.dlt-c8y-icon-grade:before {
  content: "\eb0c";
}
.dlt-c8y-icon-home-page:before {
  content: "\eb0d";
}
.dlt-c8y-icon-home:before {
  content: "\eb0d";
}
.dlt-c8y-icon-attach:before {
  content: "\f091";
}
.dlt-c8y-icon-paper-clip:before {
  content: "\f091";
}
.dlt-c8y-icon-paperclip:before {
  content: "\f091";
}
.dlt-c8y-icon-link1:before {
  content: "\eb0e";
}
.dlt-c8y-icon-unlink1:before {
  content: "\eb0f";
}
.dlt-c8y-icon-online1:before {
  content: "\f0ea";
}
.dlt-c8y-icon-offline:before {
  content: "\f0e8";
}
.dlt-c8y-icon-notification:before {
  content: "\e9a7";
}
.dlt-c8y-icon-notifications:before {
  content: "\e9a7";
}
.dlt-c8y-icon-bell:before {
  content: "\e9a7";
}
.dlt-c8y-icon-bell-o:before {
  content: "\e9a7";
}
.dlt-c8y-icon-alarm:before {
  content: "\f479";
}
.dlt-c8y-icon-no-reminders:before {
  content: "\f0e6";
}
.dlt-c8y-icon-bell-slash:before {
  content: "\f0e6";
}
.dlt-c8y-icon-bell-slash-o:before {
  content: "\f0e6";
}
.dlt-c8y-icon-medium-priority:before {
  content: "\ea02";
}
.dlt-c8y-icon-sliders1:before {
  content: "\f656";
}
.dlt-c8y-icon-sliders2:before {
  content: "\f656";
}
.dlt-c8y-icon-adjust1:before {
  content: "\f656";
}
.dlt-c8y-icon-tune:before {
  content: "\f728";
}
.dlt-c8y-icon-customize:before {
  content: "\f728";
}
.dlt-c8y-icon-button:before {
  content: "\eb11";
}
.dlt-c8y-icon-breadcrumb:before {
  content: "\eb12";
}
.dlt-c8y-icon-window-minimize:before {
  content: "\f665";
}
.dlt-c8y-icon-versions:before {
  content: "\eb14";
}
.dlt-c8y-icon-pages:before {
  content: "\eb18";
}
.dlt-c8y-icon-change-theme:before {
  content: "\f668";
}
.dlt-c8y-icon-window-restore:before {
  content: "\f668";
}
.dlt-c8y-icon-landing-page:before {
  content: "\eb19";
}
.dlt-c8y-icon-continuous-mode:before {
  content: "\f675";
}
.dlt-c8y-icon-ruler-pencil:before {
  content: "\eb1a";
}
.dlt-c8y-icon-header1:before {
  content: "\eb1b";
}
.dlt-c8y-icon-body:before {
  content: "\eb1c";
}
.dlt-c8y-icon-footer:before {
  content: "\eb1d";
}
.dlt-c8y-icon-logs:before {
  content: "\eb1e";
}
.dlt-c8y-icon-overview:before {
  content: "\eb20";
}
.dlt-c8y-icon-tab:before {
  content: "\eb21";
}
.dlt-c8y-icon-cursor-in-window:before {
  content: "\ebae";
}
.dlt-c8y-icon-advertisement-page:before {
  content: "\f659";
}
.dlt-c8y-icon-share-square-o:before {
  content: "\f659";
}
.dlt-c8y-icon-share-square:before {
  content: "\f659";
}
.dlt-c8y-icon-share1:before {
  content: "\f659";
}
.dlt-c8y-icon-external-link:before {
  content: "\eb22";
}
.dlt-c8y-icon-level-up:before {
  content: "\f6b6";
}
.dlt-c8y-icon-trigger:before {
  content: "\eb24";
}
.dlt-c8y-icon-rules1:before {
  content: "\eb25";
}
.dlt-c8y-icon-email:before {
  content: "\f686";
}
.dlt-c8y-icon-form:before {
  content: "\f696";
}
.dlt-c8y-icon-language1:before {
  content: "\f6b3";
}
.dlt-c8y-icon-loading-bar:before {
  content: "\f6bc";
}
.dlt-c8y-icon-output:before {
  content: "\f6e4";
}
.dlt-c8y-icon-save1:before {
  content: "\f6f5";
}
.dlt-c8y-icon-floppy-o:before {
  content: "\f6f5";
}
.dlt-c8y-icon-single-choice:before {
  content: "\f708";
}
.dlt-c8y-icon-single-page-mode:before {
  content: "\f709";
}
.dlt-c8y-icon-skip:before {
  content: "\f70a";
}
.dlt-c8y-icon-support:before {
  content: "\f717";
}
.dlt-c8y-icon-wrench:before {
  content: "\f717";
}
.dlt-c8y-icon-maintenance:before {
  content: "\f5b1";
}
.dlt-c8y-icon-utility:before {
  content: "\f5b1";
}
.dlt-c8y-icon-themes:before {
  content: "\f71f";
}
.dlt-c8y-icon-book1:before {
  content: "\eb26";
}
.dlt-c8y-icon-top-menu:before {
  content: "\f723";
}
.dlt-c8y-icon-user-menu-male:before {
  content: "\f734";
}
.dlt-c8y-icon-hint:before {
  content: "\f6a2";
}
.dlt-c8y-icon-xlarge-icons1:before {
  content: "\f742";
}
.dlt-c8y-icon-circled-menu:before {
  content: "\f66e";
}
.dlt-c8y-icon-keypad:before {
  content: "\f6b2";
}
.dlt-c8y-icon-cake:before {
  content: "\e9a8";
}
.dlt-c8y-icon-birthday-cake:before {
  content: "\e9a8";
}
.dlt-c8y-icon-intelligence1:before {
  content: "\ebd6";
}
.dlt-c8y-icon-beginner:before {
  content: "\eb8c";
}
.dlt-c8y-icon-restaurant:before {
  content: "\e9ac";
}
.dlt-c8y-icon-cutlery:before {
  content: "\e9ac";
}
.dlt-c8y-icon-local-cafe:before {
  content: "\eb27";
}
.dlt-c8y-icon-free-breakfast:before {
  content: "\eb27";
}
.dlt-c8y-icon-coffee:before {
  content: "\eb27";
}
.dlt-c8y-icon-wine-bar:before {
  content: "\e9ab";
}
.dlt-c8y-icon-glass:before {
  content: "\e9ab";
}
.dlt-c8y-icon-espresso-cup:before {
  content: "\eedb";
}
.dlt-c8y-icon-broom:before {
  content: "\ee8c";
}
.dlt-c8y-icon-buy-upgrade:before {
  content: "\eb96";
}
.dlt-c8y-icon-speedometer:before {
  content: "\f608";
}
.dlt-c8y-icon-dashboard:before {
  content: "\f55d";
}
.dlt-c8y-icon-tachometer:before {
  content: "\f55d";
}
.dlt-c8y-icon-palette:before {
  content: "\eb28";
}
.dlt-c8y-icon-car-battery:before {
  content: "\f541";
}
.dlt-c8y-icon-magnetic:before {
  content: "\ebdd";
}
.dlt-c8y-icon-magnet1:before {
  content: "\ebdd";
}
.dlt-c8y-icon-right-navigation-toolbar:before {
  content: "\f33c";
}
.dlt-c8y-icon-tilt:before {
  content: "\f1c6";
}
.dlt-c8y-icon-clear-symbol:before {
  content: "\f670";
}
.dlt-c8y-icon-settings:before {
  content: "\e986";
}
.dlt-c8y-icon-cog:before {
  content: "\e986";
}
.dlt-c8y-icon-gear:before {
  content: "\e986";
}
.dlt-c8y-icon-advanced-search:before {
  content: "\f658";
}
.dlt-c8y-icon-heartbeat:before {
  content: "\f658";
}
.dlt-c8y-icon-installing-updates:before {
  content: "\f16a";
}
.dlt-c8y-icon-heating-automation:before {
  content: "\ef05";
}
.dlt-c8y-icon-impressum:before {
  content: "\eb29";
}
.dlt-c8y-icon-sun:before {
  content: "\f75a";
}
.dlt-c8y-icon-sunlight:before {
  content: "\ec2d";
}
.dlt-c8y-icon-cloud1:before {
  content: "\f745";
}
.dlt-c8y-icon-rain:before {
  content: "\f754";
}
.dlt-c8y-icon-winter:before {
  content: "\f761";
}
.dlt-c8y-icon-storm:before {
  content: "\f758";
}
.dlt-c8y-icon-keep-dry:before {
  content: "\ebd9";
}
.dlt-c8y-icon-umbrella:before {
  content: "\ebd9";
}
.dlt-c8y-icon-collapse-arrow.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-collapse-arrow.stroked-icon:after {
  position: relative;
  content: "\e917";
}
.dlt-c8y-icon-collapse-arrow.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-angle-up.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-angle-up.stroked-icon:after {
  position: relative;
  content: "\e917";
}
.dlt-c8y-icon-angle-up.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-chevron-up.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-chevron-up.stroked-icon:after {
  position: relative;
  content: "\e917";
}
.dlt-c8y-icon-chevron-up.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-forward.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-forward.stroked-icon:after {
  position: relative;
  content: "\e92b";
}
.dlt-c8y-icon-forward.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-angle-right.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-angle-right.stroked-icon:after {
  position: relative;
  content: "\e92b";
}
.dlt-c8y-icon-angle-right.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-chevron-right.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-chevron-right.stroked-icon:after {
  position: relative;
  content: "\e92b";
}
.dlt-c8y-icon-chevron-right.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-chevron-breadcrumb.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-chevron-breadcrumb.stroked-icon:after {
  position: relative;
  content: "\e92b";
}
.dlt-c8y-icon-chevron-breadcrumb.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-expand-arrow.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-expand-arrow.stroked-icon:after {
  position: relative;
  content: "\e92a";
}
.dlt-c8y-icon-expand-arrow.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-angle-down.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-angle-down.stroked-icon:after {
  position: relative;
  content: "\e92a";
}
.dlt-c8y-icon-angle-down.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-chevron-down.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-chevron-down.stroked-icon:after {
  position: relative;
  content: "\e92a";
}
.dlt-c8y-icon-chevron-down.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-caret-back.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-caret-back.stroked-icon:after {
  position: relative;
  content: "\e907";
}
.dlt-c8y-icon-caret-back.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-angle-left.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-angle-left.stroked-icon:after {
  position: relative;
  content: "\e907";
}
.dlt-c8y-icon-angle-left.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-chevron-left.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-chevron-left.stroked-icon:after {
  position: relative;
  content: "\e907";
}
.dlt-c8y-icon-chevron-left.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-chevron-double-left.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-chevron-double-left.stroked-icon:after {
  position: relative;
  content: "\e97a";
}
.dlt-c8y-icon-chevron-double-left.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-chevron-double-right.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-chevron-double-right.stroked-icon:after {
  position: relative;
  content: "\e97c";
}
.dlt-c8y-icon-chevron-double-right.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-chevron-double-up.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-chevron-double-up.stroked-icon:after {
  position: relative;
  content: "\e97d";
}
.dlt-c8y-icon-chevron-double-up.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-chevron-double-down.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-chevron-double-down.stroked-icon:after {
  position: relative;
  content: "\e98d";
}
.dlt-c8y-icon-chevron-double-down.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-chevron-circle-up.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-chevron-circle-up.stroked-icon:after {
  position: relative;
  content: "\e96a";
}
.dlt-c8y-icon-chevron-circle-up.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-chevron-circle-right.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-chevron-circle-right.stroked-icon:after {
  position: relative;
  content: "\e992";
}
.dlt-c8y-icon-chevron-circle-right.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-chevron-circle-down.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-chevron-circle-down.stroked-icon:after {
  position: relative;
  content: "\e9a5";
}
.dlt-c8y-icon-chevron-circle-down.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-chevron-circle-left.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-chevron-circle-left.stroked-icon:after {
  position: relative;
  content: "\e9aa";
}
.dlt-c8y-icon-chevron-circle-left.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-arrow-up.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-arrow-up.stroked-icon:after {
  position: relative;
  content: "\e95e";
}
.dlt-c8y-icon-arrow-up.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-arrow-right.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-arrow-right.stroked-icon:after {
  position: relative;
  content: "\e95d";
}
.dlt-c8y-icon-arrow-right.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-arrow-down.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-arrow-down.stroked-icon:after {
  position: relative;
  content: "\e95f";
}
.dlt-c8y-icon-arrow-down.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-arrow-left.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-arrow-left.stroked-icon:after {
  position: relative;
  content: "\e95c";
}
.dlt-c8y-icon-arrow-left.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-panel-control-up.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-panel-control-up.stroked-icon:after {
  position: relative;
  content: "\e9b3";
}
.dlt-c8y-icon-panel-control-up.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-angle-double-up.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-angle-double-up.stroked-icon:after {
  position: relative;
  content: "\e9b3";
}
.dlt-c8y-icon-angle-double-up.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-panel-control-right.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-panel-control-right.stroked-icon:after {
  position: relative;
  content: "\e9b4";
}
.dlt-c8y-icon-panel-control-right.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-angle-double-right.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-angle-double-right.stroked-icon:after {
  position: relative;
  content: "\e9b4";
}
.dlt-c8y-icon-angle-double-right.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-panel-control-down.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-panel-control-down.stroked-icon:after {
  position: relative;
  content: "\e9b5";
}
.dlt-c8y-icon-panel-control-down.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-angle-double-down.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-angle-double-down.stroked-icon:after {
  position: relative;
  content: "\e9b5";
}
.dlt-c8y-icon-angle-double-down.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-panel-control-left.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-panel-control-left.stroked-icon:after {
  position: relative;
  content: "\e9b6";
}
.dlt-c8y-icon-panel-control-left.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-angle-double-left.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-angle-double-left.stroked-icon:after {
  position: relative;
  content: "\e9b6";
}
.dlt-c8y-icon-angle-double-left.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-download.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-download.stroked-icon:after {
  position: relative;
  content: "\e937";
}
.dlt-c8y-icon-download.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-upload.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-upload.stroked-icon:after {
  position: relative;
  content: "\e940";
}
.dlt-c8y-icon-upload.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-internal.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-internal.stroked-icon:after {
  position: relative;
  content: "\f6b0";
}
.dlt-c8y-icon-internal.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-external.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-external.stroked-icon:after {
  position: relative;
  content: "\f68c";
}
.dlt-c8y-icon-external.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-undo.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-undo.stroked-icon:after {
  position: relative;
  content: "\e948";
}
.dlt-c8y-icon-undo.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-redo.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-redo.stroked-icon:after {
  position: relative;
  content: "\e958";
}
.dlt-c8y-icon-redo.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-signout.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-signout.stroked-icon:after {
  position: relative;
  content: "\e9b9";
}
.dlt-c8y-icon-signout.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-signin.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-signin.stroked-icon:after {
  position: relative;
  content: "\e9ba";
}
.dlt-c8y-icon-signin.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-login.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-login.stroked-icon:after {
  position: relative;
  content: "\e923";
}
.dlt-c8y-icon-login.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-sign-in.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-sign-in.stroked-icon:after {
  position: relative;
  content: "\e923";
}
.dlt-c8y-icon-sign-in.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-logout.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-logout.stroked-icon:after {
  position: relative;
  content: "\e928";
}
.dlt-c8y-icon-logout.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-sign-out.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-sign-out.stroked-icon:after {
  position: relative;
  content: "\e928";
}
.dlt-c8y-icon-sign-out.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-arrow-circle-up.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-arrow-circle-up.stroked-icon:after {
  position: relative;
  content: "\e962";
}
.dlt-c8y-icon-arrow-circle-up.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-arrow-circle-o-up.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-arrow-circle-o-up.stroked-icon:after {
  position: relative;
  content: "\e962";
}
.dlt-c8y-icon-arrow-circle-o-up.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-arrow-circle-right.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-arrow-circle-right.stroked-icon:after {
  position: relative;
  content: "\e912";
}
.dlt-c8y-icon-arrow-circle-right.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-arrow-circle-o-right.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-arrow-circle-o-right.stroked-icon:after {
  position: relative;
  content: "\e912";
}
.dlt-c8y-icon-arrow-circle-o-right.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-arrow-circle-down.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-arrow-circle-down.stroked-icon:after {
  position: relative;
  content: "\e906";
}
.dlt-c8y-icon-arrow-circle-down.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-arrow-circle-o-down.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-arrow-circle-o-down.stroked-icon:after {
  position: relative;
  content: "\e906";
}
.dlt-c8y-icon-arrow-circle-o-down.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-arrow-circle-left.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-arrow-circle-left.stroked-icon:after {
  position: relative;
  content: "\e92e";
}
.dlt-c8y-icon-arrow-circle-left.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-arrow-circle-o-left.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-arrow-circle-o-left.stroked-icon:after {
  position: relative;
  content: "\e92e";
}
.dlt-c8y-icon-arrow-circle-o-left.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-arrow-circle-up-left.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-arrow-circle-up-left.stroked-icon:after {
  position: relative;
  content: "\e913";
}
.dlt-c8y-icon-arrow-circle-up-left.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-arrow-circle-down-left.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-arrow-circle-down-left.stroked-icon:after {
  position: relative;
  content: "\e90e";
}
.dlt-c8y-icon-arrow-circle-down-left.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-arrow-circle-up-right.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-arrow-circle-up-right.stroked-icon:after {
  position: relative;
  content: "\e914";
}
.dlt-c8y-icon-arrow-circle-up-right.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-arrow-circle-bottom-right.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-arrow-circle-bottom-right.stroked-icon:after {
  position: relative;
  content: "\e910";
}
.dlt-c8y-icon-arrow-circle-bottom-right.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-arrow-circle-diameter.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-arrow-circle-diameter.stroked-icon:after {
  position: relative;
  content: "\f382";
}
.dlt-c8y-icon-arrow-circle-diameter.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-arrow-circle-divide-horizontal.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-arrow-circle-divide-horizontal.stroked-icon:after {
  position: relative;
  content: "\e91b";
}
.dlt-c8y-icon-arrow-circle-divide-horizontal.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-arrow-circle-minimize-horizontal.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-arrow-circle-minimize-horizontal.stroked-icon:after {
  position: relative;
  content: "\e901";
}
.dlt-c8y-icon-arrow-circle-minimize-horizontal.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-caret-square-o-up.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-caret-square-o-up.stroked-icon:after {
  position: relative;
  content: "\ea31";
}
.dlt-c8y-icon-caret-square-o-up.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-toggle-up.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-toggle-up.stroked-icon:after {
  position: relative;
  content: "\ea31";
}
.dlt-c8y-icon-toggle-up.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-caret-square-o-down.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-caret-square-o-down.stroked-icon:after {
  position: relative;
  content: "\ea35";
}
.dlt-c8y-icon-caret-square-o-down.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-toggle-down.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-toggle-down.stroked-icon:after {
  position: relative;
  content: "\ea35";
}
.dlt-c8y-icon-toggle-down.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-caret-square-o-left.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-caret-square-o-left.stroked-icon:after {
  position: relative;
  content: "\ea39";
}
.dlt-c8y-icon-caret-square-o-left.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-toggle-left.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-toggle-left.stroked-icon:after {
  position: relative;
  content: "\ea39";
}
.dlt-c8y-icon-toggle-left.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-caret-square-o-right.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-caret-square-o-right.stroked-icon:after {
  position: relative;
  content: "\ea3a";
}
.dlt-c8y-icon-caret-square-o-right.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-toggle-right.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-toggle-right.stroked-icon:after {
  position: relative;
  content: "\ea3a";
}
.dlt-c8y-icon-toggle-right.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-enter-bottom.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-enter-bottom.stroked-icon:after {
  position: relative;
  content: "\e9df";
}
.dlt-c8y-icon-enter-bottom.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-enter-right.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-enter-right.stroked-icon:after {
  position: relative;
  content: "\e9e0";
}
.dlt-c8y-icon-enter-right.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-enter-top.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-enter-top.stroked-icon:after {
  position: relative;
  content: "\e9e2";
}
.dlt-c8y-icon-enter-top.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-enter-left.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-enter-left.stroked-icon:after {
  position: relative;
  content: "\e9ed";
}
.dlt-c8y-icon-enter-left.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-exit-top.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-exit-top.stroked-icon:after {
  position: relative;
  content: "\e9f7";
}
.dlt-c8y-icon-exit-top.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-exit-right.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-exit-right.stroked-icon:after {
  position: relative;
  content: "\e9f8";
}
.dlt-c8y-icon-exit-right.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-exit-bottom.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-exit-bottom.stroked-icon:after {
  position: relative;
  content: "\e9f9";
}
.dlt-c8y-icon-exit-bottom.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-exit-left.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-exit-left.stroked-icon:after {
  position: relative;
  content: "\e9fa";
}
.dlt-c8y-icon-exit-left.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-input-output.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-input-output.stroked-icon:after {
  position: relative;
  content: "\ea0b";
}
.dlt-c8y-icon-input-output.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-rotate-right.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-rotate-right.stroked-icon:after {
  position: relative;
  content: "\ea4c";
}
.dlt-c8y-icon-rotate-right.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-rotate.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-rotate.stroked-icon:after {
  position: relative;
  content: "\ea4c";
}
.dlt-c8y-icon-rotate.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-repeat.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-repeat.stroked-icon:after {
  position: relative;
  content: "\ea4c";
}
.dlt-c8y-icon-repeat.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-reset.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-reset.stroked-icon:after {
  position: relative;
  content: "\ea53";
}
.dlt-c8y-icon-reset.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-rotate-left.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-rotate-left.stroked-icon:after {
  position: relative;
  content: "\ea53";
}
.dlt-c8y-icon-rotate-left.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-restore.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-restore.stroked-icon:after {
  position: relative;
  content: "\e946";
}
.dlt-c8y-icon-restore.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-refresh.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-refresh.stroked-icon:after {
  position: relative;
  content: "\e947";
}
.dlt-c8y-icon-refresh.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-process.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-process.stroked-icon:after {
  position: relative;
  content: "\ea36";
}
.dlt-c8y-icon-process.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-recycle.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-recycle.stroked-icon:after {
  position: relative;
  content: "\ea36";
}
.dlt-c8y-icon-recycle.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-refresh-exception.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-refresh-exception.stroked-icon:after {
  position: relative;
  content: "\ea43";
}
.dlt-c8y-icon-refresh-exception.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-lock-orientation.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-lock-orientation.stroked-icon:after {
  position: relative;
  content: "\ecc7";
}
.dlt-c8y-icon-lock-orientation.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-arrow-dotted-up.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-arrow-dotted-up.stroked-icon:after {
  position: relative;
  content: "\e900";
}
.dlt-c8y-icon-arrow-dotted-up.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-arrow-dotted-right.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-arrow-dotted-right.stroked-icon:after {
  position: relative;
  content: "\e904";
}
.dlt-c8y-icon-arrow-dotted-right.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-arrow-advance.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-arrow-advance.stroked-icon:after {
  position: relative;
  content: "\e904";
}
.dlt-c8y-icon-arrow-advance.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-arrow-dotted-down.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-arrow-dotted-down.stroked-icon:after {
  position: relative;
  content: "\e90b";
}
.dlt-c8y-icon-arrow-dotted-down.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-arrow-dotted-left.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-arrow-dotted-left.stroked-icon:after {
  position: relative;
  content: "\e916";
}
.dlt-c8y-icon-arrow-dotted-left.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-arrows-dotted-left-right.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-arrows-dotted-left-right.stroked-icon:after {
  position: relative;
  content: "\e91a";
}
.dlt-c8y-icon-arrows-dotted-left-right.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-arrows-dotted-up-down.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-arrows-dotted-up-down.stroked-icon:after {
  position: relative;
  content: "\e921";
}
.dlt-c8y-icon-arrows-dotted-up-down.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-up-down-arrows.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-up-down-arrows.stroked-icon:after {
  position: relative;
  content: "\e921";
}
.dlt-c8y-icon-up-down-arrows.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-collect.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-collect.stroked-icon:after {
  position: relative;
  content: "\e990";
}
.dlt-c8y-icon-collect.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-merge-horizontal.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-merge-horizontal.stroked-icon:after {
  position: relative;
  content: "\e935";
}
.dlt-c8y-icon-merge-horizontal.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-split-horizontal.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-split-horizontal.stroked-icon:after {
  position: relative;
  content: "\e951";
}
.dlt-c8y-icon-split-horizontal.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-merge-vertical.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-merge-vertical.stroked-icon:after {
  position: relative;
  content: "\e936";
}
.dlt-c8y-icon-merge-vertical.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-divider.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-divider.stroked-icon:after {
  position: relative;
  content: "\e91c";
}
.dlt-c8y-icon-divider.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-split-vertical.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-split-vertical.stroked-icon:after {
  position: relative;
  content: "\e91c";
}
.dlt-c8y-icon-split-vertical.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-drag.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-drag.stroked-icon:after {
  position: relative;
  content: "\e927";
}
.dlt-c8y-icon-drag.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-arrows.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-arrows.stroked-icon:after {
  position: relative;
  content: "\e927";
}
.dlt-c8y-icon-arrows.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-move-step.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-move-step.stroked-icon:after {
  position: relative;
  content: "\e927";
}
.dlt-c8y-icon-move-step.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-resize-expand.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-resize-expand.stroked-icon:after {
  position: relative;
  content: "\ecff";
}
.dlt-c8y-icon-resize-expand.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-arrows-alt.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-arrows-alt.stroked-icon:after {
  position: relative;
  content: "\ecff";
}
.dlt-c8y-icon-arrows-alt.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-expand.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-expand.stroked-icon:after {
  position: relative;
  content: "\ecff";
}
.dlt-c8y-icon-expand.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-compress.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-compress.stroked-icon:after {
  position: relative;
  content: "\e918";
}
.dlt-c8y-icon-compress.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-resize-collapse.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-resize-collapse.stroked-icon:after {
  position: relative;
  content: "\ecfb";
}
.dlt-c8y-icon-resize-collapse.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-collapse.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-collapse.stroked-icon:after {
  position: relative;
  content: "\ecfb";
}
.dlt-c8y-icon-collapse.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-fullscreen.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-fullscreen.stroked-icon:after {
  position: relative;
  content: "\e941";
}
.dlt-c8y-icon-fullscreen.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-fullscreen-exit.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-fullscreen-exit.stroked-icon:after {
  position: relative;
  content: "\e942";
}
.dlt-c8y-icon-fullscreen-exit.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-long-arrow-up.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-long-arrow-up.stroked-icon:after {
  position: relative;
  content: "\e934";
}
.dlt-c8y-icon-long-arrow-up.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-long-arrow-right.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-long-arrow-right.stroked-icon:after {
  position: relative;
  content: "\e943";
}
.dlt-c8y-icon-long-arrow-right.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-long-arrow-down.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-long-arrow-down.stroked-icon:after {
  position: relative;
  content: "\e902";
}
.dlt-c8y-icon-long-arrow-down.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-long-arrow-left.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-long-arrow-left.stroked-icon:after {
  position: relative;
  content: "\e933";
}
.dlt-c8y-icon-long-arrow-left.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-arrows-v.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-arrows-v.stroked-icon:after {
  position: relative;
  content: "\e93f";
}
.dlt-c8y-icon-arrows-v.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-arrows-h.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-arrows-h.stroked-icon:after {
  position: relative;
  content: "\e93e";
}
.dlt-c8y-icon-arrows-h.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-enlarge.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-enlarge.stroked-icon:after {
  position: relative;
  content: "\e929";
}
.dlt-c8y-icon-enlarge.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-data-transfer.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-data-transfer.stroked-icon:after {
  position: relative;
  content: "\eb16";
}
.dlt-c8y-icon-data-transfer.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-exchange.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-exchange.stroked-icon:after {
  position: relative;
  content: "\eb16";
}
.dlt-c8y-icon-exchange.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-sort-arrow.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-sort-arrow.stroked-icon:after {
  position: relative;
  content: "\eb17";
}
.dlt-c8y-icon-sort-arrow.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-arrows-left-right-diagonal.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-arrows-left-right-diagonal.stroked-icon:after {
  position: relative;
  content: "\e931";
}
.dlt-c8y-icon-arrows-left-right-diagonal.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-level-up.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-level-up.stroked-icon:after {
  position: relative;
  content: "\f6b6";
}
.dlt-c8y-icon-level-up.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-level-down.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-level-down.stroked-icon:after {
  position: relative;
  content: "\e956";
}
.dlt-c8y-icon-level-down.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-u-turn.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-u-turn.stroked-icon:after {
  position: relative;
  content: "\e957";
}
.dlt-c8y-icon-u-turn.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-u-turn-right.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-u-turn-right.stroked-icon:after {
  position: relative;
  content: "\e959";
}
.dlt-c8y-icon-u-turn-right.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-u-turn-left.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-u-turn-left.stroked-icon:after {
  position: relative;
  content: "\e922";
}
.dlt-c8y-icon-u-turn-left.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-undo1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-undo1.stroked-icon:after {
  position: relative;
  content: "\e95a";
}
.dlt-c8y-icon-undo1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-redo1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-redo1.stroked-icon:after {
  position: relative;
  content: "\e93b";
}
.dlt-c8y-icon-redo1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-sort.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-sort.stroked-icon:after {
  position: relative;
  content: "\e94c";
}
.dlt-c8y-icon-sort.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-unsorted.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-unsorted.stroked-icon:after {
  position: relative;
  content: "\e94c";
}
.dlt-c8y-icon-unsorted.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-sort-down.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-sort-down.stroked-icon:after {
  position: relative;
  content: "\e94d";
}
.dlt-c8y-icon-sort-down.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-sort-desc.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-sort-desc.stroked-icon:after {
  position: relative;
  content: "\e94d";
}
.dlt-c8y-icon-sort-desc.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-sort-up.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-sort-up.stroked-icon:after {
  position: relative;
  content: "\e950";
}
.dlt-c8y-icon-sort-up.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-sort-asc.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-sort-asc.stroked-icon:after {
  position: relative;
  content: "\e950";
}
.dlt-c8y-icon-sort-asc.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-caret-up.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-caret-up.stroked-icon:after {
  position: relative;
  content: "\eba8";
}
.dlt-c8y-icon-caret-up.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-caret-right.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-caret-right.stroked-icon:after {
  position: relative;
  content: "\e94f";
}
.dlt-c8y-icon-caret-right.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-caret-down.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-caret-down.stroked-icon:after {
  position: relative;
  content: "\eba9";
}
.dlt-c8y-icon-caret-down.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-caret-left.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-caret-left.stroked-icon:after {
  position: relative;
  content: "\e94e";
}
.dlt-c8y-icon-caret-left.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-squiggly-arrow.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-squiggly-arrow.stroked-icon:after {
  position: relative;
  content: "\e952";
}
.dlt-c8y-icon-squiggly-arrow.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-curly-arrow.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-curly-arrow.stroked-icon:after {
  position: relative;
  content: "\e919";
}
.dlt-c8y-icon-curly-arrow.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-swap.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-swap.stroked-icon:after {
  position: relative;
  content: "\e953";
}
.dlt-c8y-icon-swap.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-environment.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-environment.stroked-icon:after {
  position: relative;
  content: "\eed9";
}
.dlt-c8y-icon-environment.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-shuffle.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-shuffle.stroked-icon:after {
  position: relative;
  content: "\f083";
}
.dlt-c8y-icon-shuffle.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-random.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-random.stroked-icon:after {
  position: relative;
  content: "\f083";
}
.dlt-c8y-icon-random.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-swipe-up.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-swipe-up.stroked-icon:after {
  position: relative;
  content: "\f1c1";
}
.dlt-c8y-icon-swipe-up.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-swipe-right.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-swipe-right.stroked-icon:after {
  position: relative;
  content: "\f1bf";
}
.dlt-c8y-icon-swipe-right.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-swipe-down.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-swipe-down.stroked-icon:after {
  position: relative;
  content: "\f1bd";
}
.dlt-c8y-icon-swipe-down.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-swipe-left.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-swipe-left.stroked-icon:after {
  position: relative;
  content: "\f1be";
}
.dlt-c8y-icon-swipe-left.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-two-finger-swipe-up.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-two-finger-swipe-up.stroked-icon:after {
  position: relative;
  content: "\f1d0";
}
.dlt-c8y-icon-two-finger-swipe-up.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-two-finger-swipe-right.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-two-finger-swipe-right.stroked-icon:after {
  position: relative;
  content: "\f1cf";
}
.dlt-c8y-icon-two-finger-swipe-right.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-two-finger-swipe-down.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-two-finger-swipe-down.stroked-icon:after {
  position: relative;
  content: "\f1cd";
}
.dlt-c8y-icon-two-finger-swipe-down.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-two-finger-swipe-left.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-two-finger-swipe-left.stroked-icon:after {
  position: relative;
  content: "\f1ce";
}
.dlt-c8y-icon-two-finger-swipe-left.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-pinch.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-pinch.stroked-icon:after {
  position: relative;
  content: "\f1a4";
}
.dlt-c8y-icon-pinch.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-hospital-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-hospital-o.stroked-icon:after {
  position: relative;
  content: "\e911";
}
.dlt-c8y-icon-hospital-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-h-square.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-h-square.stroked-icon:after {
  position: relative;
  content: "\eb2b";
}
.dlt-c8y-icon-h-square.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-university.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-university.stroked-icon:after {
  position: relative;
  content: "\f400";
}
.dlt-c8y-icon-university.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-institution.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-institution.stroked-icon:after {
  position: relative;
  content: "\f400";
}
.dlt-c8y-icon-institution.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-bank.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-bank.stroked-icon:after {
  position: relative;
  content: "\f400";
}
.dlt-c8y-icon-bank.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-ios-themes.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-ios-themes.stroked-icon:after {
  position: relative;
  content: "\f170";
}
.dlt-c8y-icon-ios-themes.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-building.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-building.stroked-icon:after {
  position: relative;
  content: "\ee8f";
}
.dlt-c8y-icon-building.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-building-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-building-o.stroked-icon:after {
  position: relative;
  content: "\ee8f";
}
.dlt-c8y-icon-building-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-apartment.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-apartment.stroked-icon:after {
  position: relative;
  content: "\ee6f";
}
.dlt-c8y-icon-apartment.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-department1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-department1.stroked-icon:after {
  position: relative;
  content: "\e9b7";
}
.dlt-c8y-icon-department1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-organization.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-organization.stroked-icon:after {
  position: relative;
  content: "\ea1d";
}
.dlt-c8y-icon-organization.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-office.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-office.stroked-icon:after {
  position: relative;
  content: "\ea15";
}
.dlt-c8y-icon-office.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-building-with-rooftop-terrace.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-building-with-rooftop-terrace.stroked-icon:after {
  position: relative;
  content: "\ee90";
}
.dlt-c8y-icon-building-with-rooftop-terrace.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-company.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-company.stroked-icon:after {
  position: relative;
  content: "\e999";
}
.dlt-c8y-icon-company.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-warehouse.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-warehouse.stroked-icon:after {
  position: relative;
  content: "\efc0";
}
.dlt-c8y-icon-warehouse.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-shop.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-shop.stroked-icon:after {
  position: relative;
  content: "\ea5c";
}
.dlt-c8y-icon-shop.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-work-from-home.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-work-from-home.stroked-icon:after {
  position: relative;
  content: "\ea8f";
}
.dlt-c8y-icon-work-from-home.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-house.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-house.stroked-icon:after {
  position: relative;
  content: "\ef0a";
}
.dlt-c8y-icon-house.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-dog-house.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-dog-house.stroked-icon:after {
  position: relative;
  content: "\eec7";
}
.dlt-c8y-icon-dog-house.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-home-automation.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-home-automation.stroked-icon:after {
  position: relative;
  content: "\ef07";
}
.dlt-c8y-icon-home-automation.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-garage-door.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-garage-door.stroked-icon:after {
  position: relative;
  content: "\eef6";
}
.dlt-c8y-icon-garage-door.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-depot.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-depot.stroked-icon:after {
  position: relative;
  content: "\eebf";
}
.dlt-c8y-icon-depot.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-garage.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-garage.stroked-icon:after {
  position: relative;
  content: "\eef5";
}
.dlt-c8y-icon-garage.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-open-garage-door.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-open-garage-door.stroked-icon:after {
  position: relative;
  content: "\ef56";
}
.dlt-c8y-icon-open-garage-door.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-close-garage-door.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-close-garage-door.stroked-icon:after {
  position: relative;
  content: "\eea3";
}
.dlt-c8y-icon-close-garage-door.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-barn.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-barn.stroked-icon:after {
  position: relative;
  content: "\ee77";
}
.dlt-c8y-icon-barn.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-bungalow.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-bungalow.stroked-icon:after {
  position: relative;
  content: "\ee91";
}
.dlt-c8y-icon-bungalow.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-exterior.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-exterior.stroked-icon:after {
  position: relative;
  content: "\eedd";
}
.dlt-c8y-icon-exterior.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-equal-housing-opportunity.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-equal-housing-opportunity.stroked-icon:after {
  position: relative;
  content: "\eeda";
}
.dlt-c8y-icon-equal-housing-opportunity.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-heating-room.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-heating-room.stroked-icon:after {
  position: relative;
  content: "\ef06";
}
.dlt-c8y-icon-heating-room.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-mortgage.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-mortgage.stroked-icon:after {
  position: relative;
  content: "\ef47";
}
.dlt-c8y-icon-mortgage.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-home-safety.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-home-safety.stroked-icon:after {
  position: relative;
  content: "\ef09";
}
.dlt-c8y-icon-home-safety.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-enterprise-resource-planning.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-enterprise-resource-planning.stroked-icon:after {
  position: relative;
  content: "\e9c7";
}
.dlt-c8y-icon-enterprise-resource-planning.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-travel-agency.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-travel-agency.stroked-icon:after {
  position: relative;
  content: "\ea80";
}
.dlt-c8y-icon-travel-agency.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-department-shop.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-department-shop.stroked-icon:after {
  position: relative;
  content: "\e9b8";
}
.dlt-c8y-icon-department-shop.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-book-shelf.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-book-shelf.stroked-icon:after {
  position: relative;
  content: "\ee89";
}
.dlt-c8y-icon-book-shelf.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-emergency-exit.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-emergency-exit.stroked-icon:after {
  position: relative;
  content: "\eed5";
}
.dlt-c8y-icon-emergency-exit.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-stairs.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-stairs.stroked-icon:after {
  position: relative;
  content: "\ef94";
}
.dlt-c8y-icon-stairs.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-stairs-down.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-stairs-down.stroked-icon:after {
  position: relative;
  content: "\ef95";
}
.dlt-c8y-icon-stairs-down.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-stairs-up.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-stairs-up.stroked-icon:after {
  position: relative;
  content: "\ef96";
}
.dlt-c8y-icon-stairs-up.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-temperature-inside.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-temperature-inside.stroked-icon:after {
  position: relative;
  content: "\efa1";
}
.dlt-c8y-icon-temperature-inside.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-treehouse.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-treehouse.stroked-icon:after {
  position: relative;
  content: "\efb1";
}
.dlt-c8y-icon-treehouse.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-tree.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-tree.stroked-icon:after {
  position: relative;
  content: "\efb1";
}
.dlt-c8y-icon-tree.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-water-heater.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-water-heater.stroked-icon:after {
  position: relative;
  content: "\efc9";
}
.dlt-c8y-icon-water-heater.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-clean.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-clean.stroked-icon:after {
  position: relative;
  content: "\eea1";
}
.dlt-c8y-icon-clean.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-magic.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-magic.stroked-icon:after {
  position: relative;
  content: "\eea1";
}
.dlt-c8y-icon-magic.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-storage.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-storage.stroked-icon:after {
  position: relative;
  content: "\e9fb";
}
.dlt-c8y-icon-storage.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-60-degrees.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-60-degrees.stroked-icon:after {
  position: relative;
  content: "\eae8";
}
.dlt-c8y-icon-60-degrees.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-120-degrees.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-120-degrees.stroked-icon:after {
  position: relative;
  content: "\eadc";
}
.dlt-c8y-icon-120-degrees.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-225-degrees.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-225-degrees.stroked-icon:after {
  position: relative;
  content: "\eae0";
}
.dlt-c8y-icon-225-degrees.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-300-degrees.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-300-degrees.stroked-icon:after {
  position: relative;
  content: "\eae2";
}
.dlt-c8y-icon-300-degrees.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-360-degrees.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-360-degrees.stroked-icon:after {
  position: relative;
  content: "\eae6";
}
.dlt-c8y-icon-360-degrees.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-pie-chart.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-pie-chart.stroked-icon:after {
  position: relative;
  content: "\eb51";
}
.dlt-c8y-icon-pie-chart.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-pie-chart.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-pie-chart.stroked-icon:after {
  position: relative;
  content: "\eb51";
}
.dlt-c8y-icon-pie-chart.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-bar-chart.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-bar-chart.stroked-icon:after {
  position: relative;
  content: "\eaf8";
}
.dlt-c8y-icon-bar-chart.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-bar-chart-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-bar-chart-o.stroked-icon:after {
  position: relative;
  content: "\eaf8";
}
.dlt-c8y-icon-bar-chart-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-data-account.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-data-account.stroked-icon:after {
  position: relative;
  content: "\eb07";
}
.dlt-c8y-icon-data-account.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-data-decline.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-data-decline.stroked-icon:after {
  position: relative;
  content: "\eb08";
}
.dlt-c8y-icon-data-decline.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-increase.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-increase.stroked-icon:after {
  position: relative;
  content: "\eb36";
}
.dlt-c8y-icon-increase.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-neutral-trading.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-neutral-trading.stroked-icon:after {
  position: relative;
  content: "\eb48";
}
.dlt-c8y-icon-neutral-trading.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-decrease.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-decrease.stroked-icon:after {
  position: relative;
  content: "\eb1f";
}
.dlt-c8y-icon-decrease.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-timeline.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-timeline.stroked-icon:after {
  position: relative;
  content: "\e924";
}
.dlt-c8y-icon-timeline.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-increase-profits.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-increase-profits.stroked-icon:after {
  position: relative;
  content: "\eb37";
}
.dlt-c8y-icon-increase-profits.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-combo-chart.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-combo-chart.stroked-icon:after {
  position: relative;
  content: "\eb04";
}
.dlt-c8y-icon-combo-chart.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-line-chart.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-line-chart.stroked-icon:after {
  position: relative;
  content: "\eb04";
}
.dlt-c8y-icon-line-chart.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-graph.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-graph.stroked-icon:after {
  position: relative;
  content: "\eb04";
}
.dlt-c8y-icon-graph.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-area-chart.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-area-chart.stroked-icon:after {
  position: relative;
  content: "\eaf6";
}
.dlt-c8y-icon-area-chart.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-area-chart.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-area-chart.stroked-icon:after {
  position: relative;
  content: "\eaf6";
}
.dlt-c8y-icon-area-chart.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-sorting-slider.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-sorting-slider.stroked-icon:after {
  position: relative;
  content: "\eb6b";
}
.dlt-c8y-icon-sorting-slider.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-sliders.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-sliders.stroked-icon:after {
  position: relative;
  content: "\eb6b";
}
.dlt-c8y-icon-sliders.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-hierarchy.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-hierarchy.stroked-icon:after {
  position: relative;
  content: "\e9e5";
}
.dlt-c8y-icon-hierarchy.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-b2b.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-b2b.stroked-icon:after {
  position: relative;
  content: "\e973";
}
.dlt-c8y-icon-b2b.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-flow-chart.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-flow-chart.stroked-icon:after {
  position: relative;
  content: "\e9d9";
}
.dlt-c8y-icon-flow-chart.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-sitemap.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-sitemap.stroked-icon:after {
  position: relative;
  content: "\e9d9";
}
.dlt-c8y-icon-sitemap.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-tree-structure.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-tree-structure.stroked-icon:after {
  position: relative;
  content: "\ea81";
}
.dlt-c8y-icon-tree-structure.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-flow.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-flow.stroked-icon:after {
  position: relative;
  content: "\e9d8";
}
.dlt-c8y-icon-flow.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-stacked-organizational-chart.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-stacked-organizational-chart.stroked-icon:after {
  position: relative;
  content: "\eaa6";
}
.dlt-c8y-icon-stacked-organizational-chart.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-multicast.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-multicast.stroked-icon:after {
  position: relative;
  content: "\eb47";
}
.dlt-c8y-icon-multicast.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-unicast.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-unicast.stroked-icon:after {
  position: relative;
  content: "\eb73";
}
.dlt-c8y-icon-unicast.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-broadcasting.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-broadcasting.stroked-icon:after {
  position: relative;
  content: "\eafa";
}
.dlt-c8y-icon-broadcasting.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-genealogy.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-genealogy.stroked-icon:after {
  position: relative;
  content: "\eb2d";
}
.dlt-c8y-icon-genealogy.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-filter.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-filter.stroked-icon:after {
  position: relative;
  content: "\e95b";
}
.dlt-c8y-icon-filter.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-conversion.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-conversion.stroked-icon:after {
  position: relative;
  content: "\eb06";
}
.dlt-c8y-icon-conversion.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-clear-filters.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-clear-filters.stroked-icon:after {
  position: relative;
  content: "\eaff";
}
.dlt-c8y-icon-clear-filters.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-descending-sorting.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-descending-sorting.stroked-icon:after {
  position: relative;
  content: "\eb23";
}
.dlt-c8y-icon-descending-sorting.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-sort-amount-desc.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-sort-amount-desc.stroked-icon:after {
  position: relative;
  content: "\eb23";
}
.dlt-c8y-icon-sort-amount-desc.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-ascending-sorting.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-ascending-sorting.stroked-icon:after {
  position: relative;
  content: "\eaf7";
}
.dlt-c8y-icon-ascending-sorting.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-sort-amount-asc.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-sort-amount-asc.stroked-icon:after {
  position: relative;
  content: "\eaf7";
}
.dlt-c8y-icon-sort-amount-asc.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-alphabetical-sorting.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-alphabetical-sorting.stroked-icon:after {
  position: relative;
  content: "\eaf4";
}
.dlt-c8y-icon-alphabetical-sorting.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-sort-alpha-asc.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-sort-alpha-asc.stroked-icon:after {
  position: relative;
  content: "\eaf4";
}
.dlt-c8y-icon-sort-alpha-asc.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-alphabetical-sorting-2.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-alphabetical-sorting-2.stroked-icon:after {
  position: relative;
  content: "\eaf5";
}
.dlt-c8y-icon-alphabetical-sorting-2.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-sort-alpha-desc.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-sort-alpha-desc.stroked-icon:after {
  position: relative;
  content: "\eaf5";
}
.dlt-c8y-icon-sort-alpha-desc.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-data-exchange.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-data-exchange.stroked-icon:after {
  position: relative;
  content: "\eb09";
}
.dlt-c8y-icon-data-exchange.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-filing-cabinet.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-filing-cabinet.stroked-icon:after {
  position: relative;
  content: "\e9fc";
}
.dlt-c8y-icon-filing-cabinet.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-database.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-database.stroked-icon:after {
  position: relative;
  content: "\e9fc";
}
.dlt-c8y-icon-database.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-database-administrator.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-database-administrator.stroked-icon:after {
  position: relative;
  content: "\e9fd";
}
.dlt-c8y-icon-database-administrator.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-data-export.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-data-export.stroked-icon:after {
  position: relative;
  content: "\eb0a";
}
.dlt-c8y-icon-data-export.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-export.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-export.stroked-icon:after {
  position: relative;
  content: "\eb0a";
}
.dlt-c8y-icon-export.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-data-import.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-data-import.stroked-icon:after {
  position: relative;
  content: "\eb0b";
}
.dlt-c8y-icon-data-import.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-import.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-import.stroked-icon:after {
  position: relative;
  content: "\eb0b";
}
.dlt-c8y-icon-import.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-grid-off.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-grid-off.stroked-icon:after {
  position: relative;
  content: "\ea06";
}
.dlt-c8y-icon-grid-off.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-gantt-chart.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-gantt-chart.stroked-icon:after {
  position: relative;
  content: "\eb2c";
}
.dlt-c8y-icon-gantt-chart.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-data-grid.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-data-grid.stroked-icon:after {
  position: relative;
  content: "\eb10";
}
.dlt-c8y-icon-data-grid.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-grid-view.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-grid-view.stroked-icon:after {
  position: relative;
  content: "\eb30";
}
.dlt-c8y-icon-grid-view.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-grid-on.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-grid-on.stroked-icon:after {
  position: relative;
  content: "\ea07";
}
.dlt-c8y-icon-grid-on.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-row.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-row.stroked-icon:after {
  position: relative;
  content: "\e9fe";
}
.dlt-c8y-icon-row.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-rows.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-rows.stroked-icon:after {
  position: relative;
  content: "\e9fe";
}
.dlt-c8y-icon-rows.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-column.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-column.stroked-icon:after {
  position: relative;
  content: "\ea01";
}
.dlt-c8y-icon-column.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-grid.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-grid.stroked-icon:after {
  position: relative;
  content: "\eb2e";
}
.dlt-c8y-icon-grid.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-table.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-table.stroked-icon:after {
  position: relative;
  content: "\eb71";
}
.dlt-c8y-icon-table.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-split-table.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-split-table.stroked-icon:after {
  position: relative;
  content: "\eb6d";
}
.dlt-c8y-icon-split-table.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-data-sheet.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-data-sheet.stroked-icon:after {
  position: relative;
  content: "\eb15";
}
.dlt-c8y-icon-data-sheet.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-blockchain-technology.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-blockchain-technology.stroked-icon:after {
  position: relative;
  content: "\eaf9";
}
.dlt-c8y-icon-blockchain-technology.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-workflow.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-workflow.stroked-icon:after {
  position: relative;
  content: "\eb78";
}
.dlt-c8y-icon-workflow.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-parallel-workflow.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-parallel-workflow.stroked-icon:after {
  position: relative;
  content: "\eb4f";
}
.dlt-c8y-icon-parallel-workflow.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-mind-map.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-mind-map.stroked-icon:after {
  position: relative;
  content: "\ea2d";
}
.dlt-c8y-icon-mind-map.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-query-inner-join-left.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-query-inner-join-left.stroked-icon:after {
  position: relative;
  content: "\eb54";
}
.dlt-c8y-icon-query-inner-join-left.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-sankey.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-sankey.stroked-icon:after {
  position: relative;
  content: "\eb5c";
}
.dlt-c8y-icon-sankey.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-creating.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-creating.stroked-icon:after {
  position: relative;
  content: "\e9a3";
}
.dlt-c8y-icon-creating.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-creativity.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-creativity.stroked-icon:after {
  position: relative;
  content: "\e9a4";
}
.dlt-c8y-icon-creativity.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-financial-growth-analysis.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-financial-growth-analysis.stroked-icon:after {
  position: relative;
  content: "\e9d6";
}
.dlt-c8y-icon-financial-growth-analysis.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-input.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-input.stroked-icon:after {
  position: relative;
  content: "\e925";
}
.dlt-c8y-icon-input.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-omnichannel.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-omnichannel.stroked-icon:after {
  position: relative;
  content: "\ea17";
}
.dlt-c8y-icon-omnichannel.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-string.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-string.stroked-icon:after {
  position: relative;
  content: "\ea04";
}
.dlt-c8y-icon-string.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-variable.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-variable.stroked-icon:after {
  position: relative;
  content: "\ea0e";
}
.dlt-c8y-icon-variable.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-variable-on.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-variable-on.stroked-icon:after {
  position: relative;
  content: "\ea11";
}
.dlt-c8y-icon-variable-on.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-thermometer-0.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-thermometer-0.stroked-icon:after {
  position: relative;
  content: "\eb2f";
}
.dlt-c8y-icon-thermometer-0.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-thermometer-empty.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-thermometer-empty.stroked-icon:after {
  position: relative;
  content: "\eb2f";
}
.dlt-c8y-icon-thermometer-empty.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-thermometer-3.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-thermometer-3.stroked-icon:after {
  position: relative;
  content: "\eb31";
}
.dlt-c8y-icon-thermometer-3.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-thermometer-three-quarters.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-thermometer-three-quarters.stroked-icon:after {
  position: relative;
  content: "\eb31";
}
.dlt-c8y-icon-thermometer-three-quarters.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-thermometer-2.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-thermometer-2.stroked-icon:after {
  position: relative;
  content: "\eb32";
}
.dlt-c8y-icon-thermometer-2.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-thermometer-half.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-thermometer-half.stroked-icon:after {
  position: relative;
  content: "\eb32";
}
.dlt-c8y-icon-thermometer-half.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-thermometer-1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-thermometer-1.stroked-icon:after {
  position: relative;
  content: "\eb33";
}
.dlt-c8y-icon-thermometer-1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-thermometer-quarter.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-thermometer-quarter.stroked-icon:after {
  position: relative;
  content: "\eb33";
}
.dlt-c8y-icon-thermometer-quarter.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-thermometer.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-thermometer.stroked-icon:after {
  position: relative;
  content: "\eb34";
}
.dlt-c8y-icon-thermometer.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-thermometer-4.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-thermometer-4.stroked-icon:after {
  position: relative;
  content: "\eb34";
}
.dlt-c8y-icon-thermometer-4.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-thermometer-full.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-thermometer-full.stroked-icon:after {
  position: relative;
  content: "\eb34";
}
.dlt-c8y-icon-thermometer-full.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-sensor.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-sensor.stroked-icon:after {
  position: relative;
  content: "\ea14";
}
.dlt-c8y-icon-sensor.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-package.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-package.stroked-icon:after {
  position: relative;
  content: "\ea16";
}
.dlt-c8y-icon-package.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-packages.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-packages.stroked-icon:after {
  position: relative;
  content: "\ea18";
}
.dlt-c8y-icon-packages.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-blockly.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-blockly.stroked-icon:after {
  position: relative;
  content: "\ea22";
}
.dlt-c8y-icon-blockly.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-objects.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-objects.stroked-icon:after {
  position: relative;
  content: "\ea1a";
}
.dlt-c8y-icon-objects.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-monitoring.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-monitoring.stroked-icon:after {
  position: relative;
  content: "\ea1b";
}
.dlt-c8y-icon-monitoring.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-qr-code.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-qr-code.stroked-icon:after {
  position: relative;
  content: "\ec0e";
}
.dlt-c8y-icon-qr-code.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-online.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-online.stroked-icon:after {
  position: relative;
  content: "\ea24";
}
.dlt-c8y-icon-online.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-temperature.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-temperature.stroked-icon:after {
  position: relative;
  content: "\ea25";
}
.dlt-c8y-icon-temperature.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-air-conditioner.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-air-conditioner.stroked-icon:after {
  position: relative;
  content: "\ee6a";
}
.dlt-c8y-icon-air-conditioner.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-air-shaft.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-air-shaft.stroked-icon:after {
  position: relative;
  content: "\ee6c";
}
.dlt-c8y-icon-air-shaft.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-fan.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-fan.stroked-icon:after {
  position: relative;
  content: "\eedf";
}
.dlt-c8y-icon-fan.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-light.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-light.stroked-icon:after {
  position: relative;
  content: "\ef2a";
}
.dlt-c8y-icon-light.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-light-automation.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-light-automation.stroked-icon:after {
  position: relative;
  content: "\ef2b";
}
.dlt-c8y-icon-light-automation.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-light-off.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-light-off.stroked-icon:after {
  position: relative;
  content: "\ef39";
}
.dlt-c8y-icon-light-off.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-reflector-bulb.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-reflector-bulb.stroked-icon:after {
  position: relative;
  content: "\ef6d";
}
.dlt-c8y-icon-reflector-bulb.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-spiral-bulb.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-spiral-bulb.stroked-icon:after {
  position: relative;
  content: "\ef92";
}
.dlt-c8y-icon-spiral-bulb.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-mirrored-reflector-bulb.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-mirrored-reflector-bulb.stroked-icon:after {
  position: relative;
  content: "\ef44";
}
.dlt-c8y-icon-mirrored-reflector-bulb.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-light-bulb.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-light-bulb.stroked-icon:after {
  position: relative;
  content: "\ef2c";
}
.dlt-c8y-icon-light-bulb.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-lightbulb-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-lightbulb-o.stroked-icon:after {
  position: relative;
  content: "\ef2c";
}
.dlt-c8y-icon-lightbulb-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-light-on.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-light-on.stroked-icon:after {
  position: relative;
  content: "\ef3a";
}
.dlt-c8y-icon-light-on.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-plumbing.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-plumbing.stroked-icon:after {
  position: relative;
  content: "\ef62";
}
.dlt-c8y-icon-plumbing.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-wi-fi-router.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-wi-fi-router.stroked-icon:after {
  position: relative;
  content: "\f25a";
}
.dlt-c8y-icon-wi-fi-router.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-gas-bottle.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-gas-bottle.stroked-icon:after {
  position: relative;
  content: "\eef9";
}
.dlt-c8y-icon-gas-bottle.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-grater.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-grater.stroked-icon:after {
  position: relative;
  content: "\eeff";
}
.dlt-c8y-icon-grater.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-air-quality.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-air-quality.stroked-icon:after {
  position: relative;
  content: "\ee6b";
}
.dlt-c8y-icon-air-quality.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-central-heating.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-central-heating.stroked-icon:after {
  position: relative;
  content: "\ee9c";
}
.dlt-c8y-icon-central-heating.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-light-dimmer.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-light-dimmer.stroked-icon:after {
  position: relative;
  content: "\ef2d";
}
.dlt-c8y-icon-light-dimmer.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-radio-station.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-radio-station.stroked-icon:after {
  position: relative;
  content: "\ef69";
}
.dlt-c8y-icon-radio-station.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-relay-home-automation.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-relay-home-automation.stroked-icon:after {
  position: relative;
  content: "\ef6f";
}
.dlt-c8y-icon-relay-home-automation.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-remote-control.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-remote-control.stroked-icon:after {
  position: relative;
  content: "\ef70";
}
.dlt-c8y-icon-remote-control.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-tv-off.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-tv-off.stroked-icon:after {
  position: relative;
  content: "\efb6";
}
.dlt-c8y-icon-tv-off.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-wall-socket.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-wall-socket.stroked-icon:after {
  position: relative;
  content: "\efbd";
}
.dlt-c8y-icon-wall-socket.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-washing-machine.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-washing-machine.stroked-icon:after {
  position: relative;
  content: "\efc3";
}
.dlt-c8y-icon-washing-machine.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-light-dimming-100-percent.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-light-dimming-100-percent.stroked-icon:after {
  position: relative;
  content: "\ef2e";
}
.dlt-c8y-icon-light-dimming-100-percent.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-light-dimming-10-percent.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-light-dimming-10-percent.stroked-icon:after {
  position: relative;
  content: "\ef2f";
}
.dlt-c8y-icon-light-dimming-10-percent.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-work-light.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-work-light.stroked-icon:after {
  position: relative;
  content: "\efd5";
}
.dlt-c8y-icon-work-light.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-plug.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-plug.stroked-icon:after {
  position: relative;
  content: "\ef61";
}
.dlt-c8y-icon-plug.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-electrical.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-electrical.stroked-icon:after {
  position: relative;
  content: "\eed4";
}
.dlt-c8y-icon-electrical.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-water-pipe.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-water-pipe.stroked-icon:after {
  position: relative;
  content: "\efca";
}
.dlt-c8y-icon-water-pipe.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-thermometer-automation.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-thermometer-automation.stroked-icon:after {
  position: relative;
  content: "\efa2";
}
.dlt-c8y-icon-thermometer-automation.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-fire-extinguisher.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-fire-extinguisher.stroked-icon:after {
  position: relative;
  content: "\eee4";
}
.dlt-c8y-icon-fire-extinguisher.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-fire-extinguisher.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-fire-extinguisher.stroked-icon:after {
  position: relative;
  content: "\eee4";
}
.dlt-c8y-icon-fire-extinguisher.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-temperature-sensitive.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-temperature-sensitive.stroked-icon:after {
  position: relative;
  content: "\ec31";
}
.dlt-c8y-icon-temperature-sensitive.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-calculator.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-calculator.stroked-icon:after {
  position: relative;
  content: "\f373";
}
.dlt-c8y-icon-calculator.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-humidity.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-humidity.stroked-icon:after {
  position: relative;
  content: "\f3a4";
}
.dlt-c8y-icon-humidity.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-system-information.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-system-information.stroked-icon:after {
  position: relative;
  content: "\f34a";
}
.dlt-c8y-icon-system-information.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-system-report.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-system-report.stroked-icon:after {
  position: relative;
  content: "\f34b";
}
.dlt-c8y-icon-system-report.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-system-task.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-system-task.stroked-icon:after {
  position: relative;
  content: "\f34c";
}
.dlt-c8y-icon-system-task.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-imac-clock.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-imac-clock.stroked-icon:after {
  position: relative;
  content: "\f30f";
}
.dlt-c8y-icon-imac-clock.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-imac-exit.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-imac-exit.stroked-icon:after {
  position: relative;
  content: "\f310";
}
.dlt-c8y-icon-imac-exit.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-imac-settings.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-imac-settings.stroked-icon:after {
  position: relative;
  content: "\f315";
}
.dlt-c8y-icon-imac-settings.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-macbook-settings.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-macbook-settings.stroked-icon:after {
  position: relative;
  content: "\f320";
}
.dlt-c8y-icon-macbook-settings.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-connected.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-connected.stroked-icon:after {
  position: relative;
  content: "\f209";
}
.dlt-c8y-icon-connected.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-disconnected.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-disconnected.stroked-icon:after {
  position: relative;
  content: "\f213";
}
.dlt-c8y-icon-disconnected.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-mobile.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-mobile.stroked-icon:after {
  position: relative;
  content: "\f17f";
}
.dlt-c8y-icon-mobile.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-multiple-devices.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-multiple-devices.stroked-icon:after {
  position: relative;
  content: "\f183";
}
.dlt-c8y-icon-multiple-devices.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-client-management.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-client-management.stroked-icon:after {
  position: relative;
  content: "\e98a";
}
.dlt-c8y-icon-client-management.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-nfc.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-nfc.stroked-icon:after {
  position: relative;
  content: "\f184";
}
.dlt-c8y-icon-nfc.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-mobile-email.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-mobile-email.stroked-icon:after {
  position: relative;
  content: "\f182";
}
.dlt-c8y-icon-mobile-email.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-empty-battery.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-empty-battery.stroked-icon:after {
  position: relative;
  content: "\f15e";
}
.dlt-c8y-icon-empty-battery.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-battery-empty.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-battery-empty.stroked-icon:after {
  position: relative;
  content: "\f15e";
}
.dlt-c8y-icon-battery-empty.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-battery-0.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-battery-0.stroked-icon:after {
  position: relative;
  content: "\f15e";
}
.dlt-c8y-icon-battery-0.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-low-battery.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-low-battery.stroked-icon:after {
  position: relative;
  content: "\f179";
}
.dlt-c8y-icon-low-battery.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-battery-quarter.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-battery-quarter.stroked-icon:after {
  position: relative;
  content: "\f179";
}
.dlt-c8y-icon-battery-quarter.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-battery-1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-battery-1.stroked-icon:after {
  position: relative;
  content: "\f179";
}
.dlt-c8y-icon-battery-1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-battery-level.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-battery-level.stroked-icon:after {
  position: relative;
  content: "\f144";
}
.dlt-c8y-icon-battery-level.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-battery-2.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-battery-2.stroked-icon:after {
  position: relative;
  content: "\f144";
}
.dlt-c8y-icon-battery-2.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-battery-half.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-battery-half.stroked-icon:after {
  position: relative;
  content: "\f144";
}
.dlt-c8y-icon-battery-half.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-charged-battery.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-charged-battery.stroked-icon:after {
  position: relative;
  content: "\f152";
}
.dlt-c8y-icon-charged-battery.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-battery-3.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-battery-3.stroked-icon:after {
  position: relative;
  content: "\f152";
}
.dlt-c8y-icon-battery-3.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-battery-three-quarters.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-battery-three-quarters.stroked-icon:after {
  position: relative;
  content: "\f152";
}
.dlt-c8y-icon-battery-three-quarters.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-full-battery.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-full-battery.stroked-icon:after {
  position: relative;
  content: "\f163";
}
.dlt-c8y-icon-full-battery.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-battery-full.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-battery-full.stroked-icon:after {
  position: relative;
  content: "\f163";
}
.dlt-c8y-icon-battery-full.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-battery-4.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-battery-4.stroked-icon:after {
  position: relative;
  content: "\f163";
}
.dlt-c8y-icon-battery-4.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-battery.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-battery.stroked-icon:after {
  position: relative;
  content: "\f163";
}
.dlt-c8y-icon-battery.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-no-battery.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-no-battery.stroked-icon:after {
  position: relative;
  content: "\f18c";
}
.dlt-c8y-icon-no-battery.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-charging-battery.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-charging-battery.stroked-icon:after {
  position: relative;
  content: "\f153";
}
.dlt-c8y-icon-charging-battery.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-no-connection.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-no-connection.stroked-icon:after {
  position: relative;
  content: "\f18d";
}
.dlt-c8y-icon-no-connection.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-low-connection.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-low-connection.stroked-icon:after {
  position: relative;
  content: "\f17a";
}
.dlt-c8y-icon-low-connection.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-signal.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-signal.stroked-icon:after {
  position: relative;
  content: "\f1af";
}
.dlt-c8y-icon-signal.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-factory.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-factory.stroked-icon:after {
  position: relative;
  content: "\efe9";
}
.dlt-c8y-icon-factory.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-industry.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-industry.stroked-icon:after {
  position: relative;
  content: "\efe9";
}
.dlt-c8y-icon-industry.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-robot.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-robot.stroked-icon:after {
  position: relative;
  content: "\f009";
}
.dlt-c8y-icon-robot.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-bot.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-bot.stroked-icon:after {
  position: relative;
  content: "\efdc";
}
.dlt-c8y-icon-bot.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-fork-lift.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-fork-lift.stroked-icon:after {
  position: relative;
  content: "\efed";
}
.dlt-c8y-icon-fork-lift.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-gear-complex.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-gear-complex.stroked-icon:after {
  position: relative;
  content: "\eff2";
}
.dlt-c8y-icon-gear-complex.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-cog-complex.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-cog-complex.stroked-icon:after {
  position: relative;
  content: "\eff2";
}
.dlt-c8y-icon-cog-complex.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-gears.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-gears.stroked-icon:after {
  position: relative;
  content: "\eff3";
}
.dlt-c8y-icon-gears.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-cogs.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-cogs.stroked-icon:after {
  position: relative;
  content: "\eff3";
}
.dlt-c8y-icon-cogs.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-automation.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-automation.stroked-icon:after {
  position: relative;
  content: "\efda";
}
.dlt-c8y-icon-automation.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-automatic.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-automatic.stroked-icon:after {
  position: relative;
  content: "\efd9";
}
.dlt-c8y-icon-automatic.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-electronics.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-electronics.stroked-icon:after {
  position: relative;
  content: "\efe6";
}
.dlt-c8y-icon-electronics.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-gas.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-gas.stroked-icon:after {
  position: relative;
  content: "\eff0";
}
.dlt-c8y-icon-gas.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-water.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-water.stroked-icon:after {
  position: relative;
  content: "\f011";
}
.dlt-c8y-icon-water.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-tint.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-tint.stroked-icon:after {
  position: relative;
  content: "\f011";
}
.dlt-c8y-icon-tint.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-greentech.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-greentech.stroked-icon:after {
  position: relative;
  content: "\eff5";
}
.dlt-c8y-icon-greentech.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-radio-tower.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-radio-tower.stroked-icon:after {
  position: relative;
  content: "\f007";
}
.dlt-c8y-icon-radio-tower.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-industrial-scales.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-industrial-scales.stroked-icon:after {
  position: relative;
  content: "\effa";
}
.dlt-c8y-icon-industrial-scales.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-balance-scale.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-balance-scale.stroked-icon:after {
  position: relative;
  content: "\effa";
}
.dlt-c8y-icon-balance-scale.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-iphone.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-iphone.stroked-icon:after {
  position: relative;
  content: "\f173";
}
.dlt-c8y-icon-iphone.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-mobile-phone.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-mobile-phone.stroked-icon:after {
  position: relative;
  content: "\f173";
}
.dlt-c8y-icon-mobile-phone.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-smartphone.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-smartphone.stroked-icon:after {
  position: relative;
  content: "\f173";
}
.dlt-c8y-icon-smartphone.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-smartphone-approve.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-smartphone-approve.stroked-icon:after {
  position: relative;
  content: "\f1b4";
}
.dlt-c8y-icon-smartphone-approve.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-smartphone-decline.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-smartphone-decline.stroked-icon:after {
  position: relative;
  content: "\f1b5";
}
.dlt-c8y-icon-smartphone-decline.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-phonelink-lock.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-phonelink-lock.stroked-icon:after {
  position: relative;
  content: "\f1a1";
}
.dlt-c8y-icon-phonelink-lock.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-tablet-mac.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-tablet-mac.stroked-icon:after {
  position: relative;
  content: "\e909";
}
.dlt-c8y-icon-tablet-mac.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-tablet.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-tablet.stroked-icon:after {
  position: relative;
  content: "\e909";
}
.dlt-c8y-icon-tablet.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-devices.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-devices.stroked-icon:after {
  position: relative;
  content: "\ea29";
}
.dlt-c8y-icon-devices.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-imac.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-imac.stroked-icon:after {
  position: relative;
  content: "\eaad";
}
.dlt-c8y-icon-imac.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-desktop.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-desktop.stroked-icon:after {
  position: relative;
  content: "\eaad";
}
.dlt-c8y-icon-desktop.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-desktop1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-desktop1.stroked-icon:after {
  position: relative;
  content: "\ea28";
}
.dlt-c8y-icon-desktop1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-monitor.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-monitor.stroked-icon:after {
  position: relative;
  content: "\eaba";
}
.dlt-c8y-icon-monitor.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-tv.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-tv.stroked-icon:after {
  position: relative;
  content: "\eaba";
}
.dlt-c8y-icon-tv.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-television.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-television.stroked-icon:after {
  position: relative;
  content: "\eaba";
}
.dlt-c8y-icon-television.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-laptop.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-laptop.stroked-icon:after {
  position: relative;
  content: "\eab0";
}
.dlt-c8y-icon-laptop.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-checked-laptop.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-checked-laptop.stroked-icon:after {
  position: relative;
  content: "\ea95";
}
.dlt-c8y-icon-checked-laptop.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-laptop-alert.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-laptop-alert.stroked-icon:after {
  position: relative;
  content: "\eab1";
}
.dlt-c8y-icon-laptop-alert.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-laptop-error.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-laptop-error.stroked-icon:after {
  position: relative;
  content: "\eab2";
}
.dlt-c8y-icon-laptop-error.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-computer-support.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-computer-support.stroked-icon:after {
  position: relative;
  content: "\f673";
}
.dlt-c8y-icon-computer-support.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-programming.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-programming.stroked-icon:after {
  position: relative;
  content: "\eac2";
}
.dlt-c8y-icon-programming.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-keyboard.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-keyboard.stroked-icon:after {
  position: relative;
  content: "\eaaf";
}
.dlt-c8y-icon-keyboard.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-keyboard-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-keyboard-o.stroked-icon:after {
  position: relative;
  content: "\eaaf";
}
.dlt-c8y-icon-keyboard-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-video-conference.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-video-conference.stroked-icon:after {
  position: relative;
  content: "\ea84";
}
.dlt-c8y-icon-video-conference.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-remote-desktop.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-remote-desktop.stroked-icon:after {
  position: relative;
  content: "\eac4";
}
.dlt-c8y-icon-remote-desktop.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-workspace.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-workspace.stroked-icon:after {
  position: relative;
  content: "\eada";
}
.dlt-c8y-icon-workspace.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-workstation.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-workstation.stroked-icon:after {
  position: relative;
  content: "\eadb";
}
.dlt-c8y-icon-workstation.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-microchip.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-microchip.stroked-icon:after {
  position: relative;
  content: "\f17b";
}
.dlt-c8y-icon-microchip.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-processor.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-processor.stroked-icon:after {
  position: relative;
  content: "\eac1";
}
.dlt-c8y-icon-processor.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-smartphone-ram.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-smartphone-ram.stroked-icon:after {
  position: relative;
  content: "\f1b6";
}
.dlt-c8y-icon-smartphone-ram.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-bios.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-bios.stroked-icon:after {
  position: relative;
  content: "\ea93";
}
.dlt-c8y-icon-bios.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-micro-sd.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-micro-sd.stroked-icon:after {
  position: relative;
  content: "\eab8";
}
.dlt-c8y-icon-micro-sd.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-hdd.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-hdd.stroked-icon:after {
  position: relative;
  content: "\eaa9";
}
.dlt-c8y-icon-hdd.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-hdd-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-hdd-o.stroked-icon:after {
  position: relative;
  content: "\eaa9";
}
.dlt-c8y-icon-hdd-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-financial-dynamic-presentation.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-financial-dynamic-presentation.stroked-icon:after {
  position: relative;
  content: "\e9d5";
}
.dlt-c8y-icon-financial-dynamic-presentation.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-presentation.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-presentation.stroked-icon:after {
  position: relative;
  content: "\ea32";
}
.dlt-c8y-icon-presentation.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-room-finder.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-room-finder.stroked-icon:after {
  position: relative;
  content: "\ea50";
}
.dlt-c8y-icon-room-finder.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-statistics.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-statistics.stroked-icon:after {
  position: relative;
  content: "\ea65";
}
.dlt-c8y-icon-statistics.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-server.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-server.stroked-icon:after {
  position: relative;
  content: "\eac9";
}
.dlt-c8y-icon-server.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-stack.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-stack.stroked-icon:after {
  position: relative;
  content: "\eacf";
}
.dlt-c8y-icon-stack.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-critical-thinking.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-critical-thinking.stroked-icon:after {
  position: relative;
  content: "\e9a6";
}
.dlt-c8y-icon-critical-thinking.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-environment1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-environment1.stroked-icon:after {
  position: relative;
  content: "\ea2a";
}
.dlt-c8y-icon-environment1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-network-card.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-network-card.stroked-icon:after {
  position: relative;
  content: "\eabd";
}
.dlt-c8y-icon-network-card.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-network-cable.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-network-cable.stroked-icon:after {
  position: relative;
  content: "\eabc";
}
.dlt-c8y-icon-network-cable.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-usb-on.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-usb-on.stroked-icon:after {
  position: relative;
  content: "\ead5";
}
.dlt-c8y-icon-usb-on.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-ssd.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-ssd.stroked-icon:after {
  position: relative;
  content: "\eace";
}
.dlt-c8y-icon-ssd.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-asterisk-key.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-asterisk-key.stroked-icon:after {
  position: relative;
  content: "\ea91";
}
.dlt-c8y-icon-asterisk-key.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-asterisk.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-asterisk.stroked-icon:after {
  position: relative;
  content: "\ea91";
}
.dlt-c8y-icon-asterisk.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-end-button.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-end-button.stroked-icon:after {
  position: relative;
  content: "\ea99";
}
.dlt-c8y-icon-end-button.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-hub.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-hub.stroked-icon:after {
  position: relative;
  content: "\eaac";
}
.dlt-c8y-icon-hub.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-individual-server.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-individual-server.stroked-icon:after {
  position: relative;
  content: "\eaae";
}
.dlt-c8y-icon-individual-server.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-data-center.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-data-center.stroked-icon:after {
  position: relative;
  content: "\ea98";
}
.dlt-c8y-icon-data-center.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-root-server.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-root-server.stroked-icon:after {
  position: relative;
  content: "\eac7";
}
.dlt-c8y-icon-root-server.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-switch.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-switch.stroked-icon:after {
  position: relative;
  content: "\ead0";
}
.dlt-c8y-icon-switch.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-nas.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-nas.stroked-icon:after {
  position: relative;
  content: "\eabb";
}
.dlt-c8y-icon-nas.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-shutdown.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-shutdown.stroked-icon:after {
  position: relative;
  content: "\eacc";
}
.dlt-c8y-icon-shutdown.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-power-off.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-power-off.stroked-icon:after {
  position: relative;
  content: "\eacc";
}
.dlt-c8y-icon-power-off.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-hibernate.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-hibernate.stroked-icon:after {
  position: relative;
  content: "\eaaa";
}
.dlt-c8y-icon-hibernate.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-phone-square.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-phone-square.stroked-icon:after {
  position: relative;
  content: "\f19b";
}
.dlt-c8y-icon-phone-square.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-phone.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-phone.stroked-icon:after {
  position: relative;
  content: "\f19b";
}
.dlt-c8y-icon-phone.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-no-idea.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-no-idea.stroked-icon:after {
  position: relative;
  content: "\ea12";
}
.dlt-c8y-icon-no-idea.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-network.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-network.stroked-icon:after {
  position: relative;
  content: "\ea2c";
}
.dlt-c8y-icon-network.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-mind-map.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-mind-map.stroked-icon:after {
  position: relative;
  content: "\ea2d";
}
.dlt-c8y-icon-mind-map.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-centralized-network.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-centralized-network.stroked-icon:after {
  position: relative;
  content: "\f1db";
}
.dlt-c8y-icon-centralized-network.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-customer-insights-manager.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-customer-insights-manager.stroked-icon:after {
  position: relative;
  content: "\e9a9";
}
.dlt-c8y-icon-customer-insights-manager.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-gift.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-gift.stroked-icon:after {
  position: relative;
  content: "\f440";
}
.dlt-c8y-icon-gift.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-small-business.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-small-business.stroked-icon:after {
  position: relative;
  content: "\ea30";
}
.dlt-c8y-icon-small-business.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-pricing.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-pricing.stroked-icon:after {
  position: relative;
  content: "\ea3b";
}
.dlt-c8y-icon-pricing.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-free-trial.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-free-trial.stroked-icon:after {
  position: relative;
  content: "\ea3c";
}
.dlt-c8y-icon-free-trial.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-buy1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-buy1.stroked-icon:after {
  position: relative;
  content: "\eb95";
}
.dlt-c8y-icon-buy1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-cart-plus.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-cart-plus.stroked-icon:after {
  position: relative;
  content: "\eb95";
}
.dlt-c8y-icon-cart-plus.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-cart-arrow-down.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-cart-arrow-down.stroked-icon:after {
  position: relative;
  content: "\eb95";
}
.dlt-c8y-icon-cart-arrow-down.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-return-purchase.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-return-purchase.stroked-icon:after {
  position: relative;
  content: "\ec15";
}
.dlt-c8y-icon-return-purchase.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-shopping-cart-with-money.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-shopping-cart-with-money.stroked-icon:after {
  position: relative;
  content: "\ec29";
}
.dlt-c8y-icon-shopping-cart-with-money.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-buying.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-buying.stroked-icon:after {
  position: relative;
  content: "\eb97";
}
.dlt-c8y-icon-buying.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-shopping-cart.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-shopping-cart.stroked-icon:after {
  position: relative;
  content: "\eb97";
}
.dlt-c8y-icon-shopping-cart.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-procurement.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-procurement.stroked-icon:after {
  position: relative;
  content: "\ec09";
}
.dlt-c8y-icon-procurement.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-delivery-handcart.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-delivery-handcart.stroked-icon:after {
  position: relative;
  content: "\ebb3";
}
.dlt-c8y-icon-delivery-handcart.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-cheap-21.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-cheap-21.stroked-icon:after {
  position: relative;
  content: "\f434";
}
.dlt-c8y-icon-cheap-21.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-average-2.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-average-2.stroked-icon:after {
  position: relative;
  content: "\eb84";
}
.dlt-c8y-icon-average-2.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-stripe1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-stripe1.stroked-icon:after {
  position: relative;
  content: "\ec2c";
}
.dlt-c8y-icon-stripe1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-loyalty-card.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-loyalty-card.stroked-icon:after {
  position: relative;
  content: "\f442";
}
.dlt-c8y-icon-loyalty-card.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-shopping-check.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-shopping-check.stroked-icon:after {
  position: relative;
  content: "\f459";
}
.dlt-c8y-icon-shopping-check.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-shopping-bag.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-shopping-bag.stroked-icon:after {
  position: relative;
  content: "\f45a";
}
.dlt-c8y-icon-shopping-bag.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-shopping-bag.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-shopping-bag.stroked-icon:after {
  position: relative;
  content: "\f45a";
}
.dlt-c8y-icon-shopping-bag.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-atm.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-atm.stroked-icon:after {
  position: relative;
  content: "\eb81";
}
.dlt-c8y-icon-atm.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-bank-card-dollar.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-bank-card-dollar.stroked-icon:after {
  position: relative;
  content: "\eb85";
}
.dlt-c8y-icon-bank-card-dollar.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-bank-card-euro.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-bank-card-euro.stroked-icon:after {
  position: relative;
  content: "\eb86";
}
.dlt-c8y-icon-bank-card-euro.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-contactless-payment.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-contactless-payment.stroked-icon:after {
  position: relative;
  content: "\ede2";
}
.dlt-c8y-icon-contactless-payment.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-qr-code.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-qr-code.stroked-icon:after {
  position: relative;
  content: "\ec0e";
}
.dlt-c8y-icon-qr-code.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-qrcode.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-qrcode.stroked-icon:after {
  position: relative;
  content: "\ec0e";
}
.dlt-c8y-icon-qrcode.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-data-matrix-code.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-data-matrix-code.stroked-icon:after {
  position: relative;
  content: "\ebaf";
}
.dlt-c8y-icon-data-matrix-code.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-barcode.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-barcode.stroked-icon:after {
  position: relative;
  content: "\eb88";
}
.dlt-c8y-icon-barcode.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-no-barcode.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-no-barcode.stroked-icon:after {
  position: relative;
  content: "\ebee";
}
.dlt-c8y-icon-no-barcode.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-refresh-barcode.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-refresh-barcode.stroked-icon:after {
  position: relative;
  content: "\ec12";
}
.dlt-c8y-icon-refresh-barcode.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-touch-id.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-touch-id.stroked-icon:after {
  position: relative;
  content: "\ec35";
}
.dlt-c8y-icon-touch-id.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-redeem.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-redeem.stroked-icon:after {
  position: relative;
  content: "\ec11";
}
.dlt-c8y-icon-redeem.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-card-exchange.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-card-exchange.stroked-icon:after {
  position: relative;
  content: "\eb98";
}
.dlt-c8y-icon-card-exchange.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-card-security.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-card-security.stroked-icon:after {
  position: relative;
  content: "\eb99";
}
.dlt-c8y-icon-card-security.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-cash-register.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-cash-register.stroked-icon:after {
  position: relative;
  content: "\eb9f";
}
.dlt-c8y-icon-cash-register.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-cost.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-cost.stroked-icon:after {
  position: relative;
  content: "\ebaa";
}
.dlt-c8y-icon-cost.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-create-order.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-create-order.stroked-icon:after {
  position: relative;
  content: "\ebac";
}
.dlt-c8y-icon-create-order.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-online-payment1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-online-payment1.stroked-icon:after {
  position: relative;
  content: "\ebf2";
}
.dlt-c8y-icon-online-payment1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-rent1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-rent1.stroked-icon:after {
  position: relative;
  content: "\ec14";
}
.dlt-c8y-icon-rent1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-package-settings.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-package-settings.stroked-icon:after {
  position: relative;
  content: "\ec02";
}
.dlt-c8y-icon-package-settings.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-product-loading.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-product-loading.stroked-icon:after {
  position: relative;
  content: "\ec0b";
}
.dlt-c8y-icon-product-loading.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-purchase-order.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-purchase-order.stroked-icon:after {
  position: relative;
  content: "\ec0d";
}
.dlt-c8y-icon-purchase-order.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-receipt1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-receipt1.stroked-icon:after {
  position: relative;
  content: "\ec0f";
}
.dlt-c8y-icon-receipt1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-scan-stock.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-scan-stock.stroked-icon:after {
  position: relative;
  content: "\ec18";
}
.dlt-c8y-icon-scan-stock.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-shipment-logistic.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-shipment-logistic.stroked-icon:after {
  position: relative;
  content: "\ec1c";
}
.dlt-c8y-icon-shipment-logistic.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-shipping-center.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-shipping-center.stroked-icon:after {
  position: relative;
  content: "\ec1e";
}
.dlt-c8y-icon-shipping-center.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-shipping-centre-loading-belt.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-shipping-centre-loading-belt.stroked-icon:after {
  position: relative;
  content: "\ec1f";
}
.dlt-c8y-icon-shipping-centre-loading-belt.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-shopaholic.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-shopaholic.stroked-icon:after {
  position: relative;
  content: "\ec23";
}
.dlt-c8y-icon-shopaholic.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-basket.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-basket.stroked-icon:after {
  position: relative;
  content: "\eb8b";
}
.dlt-c8y-icon-basket.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-shopping-basket.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-shopping-basket.stroked-icon:after {
  position: relative;
  content: "\ec26";
}
.dlt-c8y-icon-shopping-basket.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-shopping-basket.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-shopping-basket.stroked-icon:after {
  position: relative;
  content: "\ec26";
}
.dlt-c8y-icon-shopping-basket.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-add-basket.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-add-basket.stroked-icon:after {
  position: relative;
  content: "\eb79";
}
.dlt-c8y-icon-add-basket.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-paid.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-paid.stroked-icon:after {
  position: relative;
  content: "\ec04";
}
.dlt-c8y-icon-paid.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-text-width.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-text-width.stroked-icon:after {
  position: relative;
  content: "\eb5f";
}
.dlt-c8y-icon-text-width.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-text-height.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-text-height.stroked-icon:after {
  position: relative;
  content: "\eb60";
}
.dlt-c8y-icon-text-height.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-paragraph.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-paragraph.stroked-icon:after {
  position: relative;
  content: "\eb61";
}
.dlt-c8y-icon-paragraph.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-pilcrow.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-pilcrow.stroked-icon:after {
  position: relative;
  content: "\eb61";
}
.dlt-c8y-icon-pilcrow.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-text-input.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-text-input.stroked-icon:after {
  position: relative;
  content: "\eb2a";
}
.dlt-c8y-icon-text-input.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-unavailable.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-unavailable.stroked-icon:after {
  position: relative;
  content: "\ea3d";
}
.dlt-c8y-icon-unavailable.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-save.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-save.stroked-icon:after {
  position: relative;
  content: "\e92f";
}
.dlt-c8y-icon-save.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-save-commit.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-save-commit.stroked-icon:after {
  position: relative;
  content: "\e930";
}
.dlt-c8y-icon-save-commit.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-delete.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-delete.stroked-icon:after {
  position: relative;
  content: "\e932";
}
.dlt-c8y-icon-delete.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-copy.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-copy.stroked-icon:after {
  position: relative;
  content: "\e960";
}
.dlt-c8y-icon-copy.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-paste.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-paste.stroked-icon:after {
  position: relative;
  content: "\e966";
}
.dlt-c8y-icon-paste.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-more-menu.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-more-menu.stroked-icon:after {
  position: relative;
  content: "\ea3f";
}
.dlt-c8y-icon-more-menu.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-password-hide.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-password-hide.stroked-icon:after {
  position: relative;
  content: "\ea41";
}
.dlt-c8y-icon-password-hide.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-password-show.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-password-show.stroked-icon:after {
  position: relative;
  content: "\ea42";
}
.dlt-c8y-icon-password-show.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-zoom-in.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-zoom-in.stroked-icon:after {
  position: relative;
  content: "\ea44";
}
.dlt-c8y-icon-zoom-in.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-zoom-out.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-zoom-out.stroked-icon:after {
  position: relative;
  content: "\ea45";
}
.dlt-c8y-icon-zoom-out.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-buy.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-buy.stroked-icon:after {
  position: relative;
  content: "\e926";
}
.dlt-c8y-icon-buy.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-list.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-list.stroked-icon:after {
  position: relative;
  content: "\ea46";
}
.dlt-c8y-icon-list.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-list-alt.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-list-alt.stroked-icon:after {
  position: relative;
  content: "\ea46";
}
.dlt-c8y-icon-list-alt.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-list-ul.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-list-ul.stroked-icon:after {
  position: relative;
  content: "\ea46";
}
.dlt-c8y-icon-list-ul.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-format-align-justify.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-format-align-justify.stroked-icon:after {
  position: relative;
  content: "\e9bc";
}
.dlt-c8y-icon-format-align-justify.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-align-justify.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-align-justify.stroked-icon:after {
  position: relative;
  content: "\e9bc";
}
.dlt-c8y-icon-align-justify.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-format-align-left.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-format-align-left.stroked-icon:after {
  position: relative;
  content: "\e9bd";
}
.dlt-c8y-icon-format-align-left.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-align-left.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-align-left.stroked-icon:after {
  position: relative;
  content: "\e9bd";
}
.dlt-c8y-icon-align-left.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-format-align-center.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-format-align-center.stroked-icon:after {
  position: relative;
  content: "\e9be";
}
.dlt-c8y-icon-format-align-center.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-align-center.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-align-center.stroked-icon:after {
  position: relative;
  content: "\e9be";
}
.dlt-c8y-icon-align-center.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-format-align-right.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-format-align-right.stroked-icon:after {
  position: relative;
  content: "\e9bf";
}
.dlt-c8y-icon-format-align-right.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-align-right.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-align-right.stroked-icon:after {
  position: relative;
  content: "\e9bf";
}
.dlt-c8y-icon-align-right.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-radio-button-on.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-radio-button-on.stroked-icon:after {
  position: relative;
  content: "\e9c2";
}
.dlt-c8y-icon-radio-button-on.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-dot-circle-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-dot-circle-o.stroked-icon:after {
  position: relative;
  content: "\e9c2";
}
.dlt-c8y-icon-dot-circle-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-colorize.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-colorize.stroked-icon:after {
  position: relative;
  content: "\e92d";
}
.dlt-c8y-icon-colorize.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-eyedropper.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-eyedropper.stroked-icon:after {
  position: relative;
  content: "\e92d";
}
.dlt-c8y-icon-eyedropper.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-brush.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-brush.stroked-icon:after {
  position: relative;
  content: "\e938";
}
.dlt-c8y-icon-brush.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-paint-brush.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-paint-brush.stroked-icon:after {
  position: relative;
  content: "\e938";
}
.dlt-c8y-icon-paint-brush.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-file-create.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-file-create.stroked-icon:after {
  position: relative;
  content: "\ed6f";
}
.dlt-c8y-icon-file-create.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-edit.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-edit.stroked-icon:after {
  position: relative;
  content: "\ed6f";
}
.dlt-c8y-icon-edit.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-email-sign.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-email-sign.stroked-icon:after {
  position: relative;
  content: "\f15d";
}
.dlt-c8y-icon-email-sign.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-at.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-at.stroked-icon:after {
  position: relative;
  content: "\f15d";
}
.dlt-c8y-icon-at.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-get-quote.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-get-quote.stroked-icon:after {
  position: relative;
  content: "\f0b9";
}
.dlt-c8y-icon-get-quote.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-quote-right.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-quote-right.stroked-icon:after {
  position: relative;
  content: "\f0b9";
}
.dlt-c8y-icon-quote-right.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-quote-left.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-quote-left.stroked-icon:after {
  position: relative;
  content: "\f0ba";
}
.dlt-c8y-icon-quote-left.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-format-bold.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-format-bold.stroked-icon:after {
  position: relative;
  content: "\e9c5";
}
.dlt-c8y-icon-format-bold.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-bold.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-bold.stroked-icon:after {
  position: relative;
  content: "\e9c5";
}
.dlt-c8y-icon-bold.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-format-underlined.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-format-underlined.stroked-icon:after {
  position: relative;
  content: "\e9c6";
}
.dlt-c8y-icon-format-underlined.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-underline.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-underline.stroked-icon:after {
  position: relative;
  content: "\e9c6";
}
.dlt-c8y-icon-underline.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-strikethrough-s.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-strikethrough-s.stroked-icon:after {
  position: relative;
  content: "\e9c8";
}
.dlt-c8y-icon-strikethrough-s.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-strikethrough.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-strikethrough.stroked-icon:after {
  position: relative;
  content: "\e9c8";
}
.dlt-c8y-icon-strikethrough.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-title.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-title.stroked-icon:after {
  position: relative;
  content: "\e9c9";
}
.dlt-c8y-icon-title.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-header.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-header.stroked-icon:after {
  position: relative;
  content: "\e9c9";
}
.dlt-c8y-icon-header.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-subscript.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-subscript.stroked-icon:after {
  position: relative;
  content: "\e9cb";
}
.dlt-c8y-icon-subscript.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-superscript.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-superscript.stroked-icon:after {
  position: relative;
  content: "\e9cc";
}
.dlt-c8y-icon-superscript.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-format-italic.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-format-italic.stroked-icon:after {
  position: relative;
  content: "\e9cd";
}
.dlt-c8y-icon-format-italic.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-italic.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-italic.stroked-icon:after {
  position: relative;
  content: "\e9cd";
}
.dlt-c8y-icon-italic.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-font-download.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-font-download.stroked-icon:after {
  position: relative;
  content: "\e9ce";
}
.dlt-c8y-icon-font-download.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-font.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-font.stroked-icon:after {
  position: relative;
  content: "\e9ce";
}
.dlt-c8y-icon-font.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-questionnaire.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-questionnaire.stroked-icon:after {
  position: relative;
  content: "\ea40";
}
.dlt-c8y-icon-questionnaire.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-th-list.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-th-list.stroked-icon:after {
  position: relative;
  content: "\ea40";
}
.dlt-c8y-icon-th-list.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-tasklist.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-tasklist.stroked-icon:after {
  position: relative;
  content: "\ea72";
}
.dlt-c8y-icon-tasklist.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-communication-sorting.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-communication-sorting.stroked-icon:after {
  position: relative;
  content: "\e997";
}
.dlt-c8y-icon-communication-sorting.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-todo-list.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-todo-list.stroked-icon:after {
  position: relative;
  content: "\ea7b";
}
.dlt-c8y-icon-todo-list.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-tasks.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-tasks.stroked-icon:after {
  position: relative;
  content: "\ea7b";
}
.dlt-c8y-icon-tasks.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-numbered-list.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-numbered-list.stroked-icon:after {
  position: relative;
  content: "\ecd5";
}
.dlt-c8y-icon-numbered-list.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-list-ol.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-list-ol.stroked-icon:after {
  position: relative;
  content: "\ecd5";
}
.dlt-c8y-icon-list-ol.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-search-in-list.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-search-in-list.stroked-icon:after {
  position: relative;
  content: "\ed14";
}
.dlt-c8y-icon-search-in-list.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-table-of-content.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-table-of-content.stroked-icon:after {
  position: relative;
  content: "\ed2d";
}
.dlt-c8y-icon-table-of-content.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-index.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-index.stroked-icon:after {
  position: relative;
  content: "\ecb7";
}
.dlt-c8y-icon-index.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-tiles.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-tiles.stroked-icon:after {
  position: relative;
  content: "\ed37";
}
.dlt-c8y-icon-tiles.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-edit1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-edit1.stroked-icon:after {
  position: relative;
  content: "\ece9";
}
.dlt-c8y-icon-edit1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-pencil.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-pencil.stroked-icon:after {
  position: relative;
  content: "\ece9";
}
.dlt-c8y-icon-pencil.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-pencil-square.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-pencil-square.stroked-icon:after {
  position: relative;
  content: "\ece9";
}
.dlt-c8y-icon-pencil-square.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-pencil-square-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-pencil-square-o.stroked-icon:after {
  position: relative;
  content: "\ece9";
}
.dlt-c8y-icon-pencil-square-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-edit11.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-edit11.stroked-icon:after {
  position: relative;
  content: "\ec89";
}
.dlt-c8y-icon-edit11.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-no-edit.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-no-edit.stroked-icon:after {
  position: relative;
  content: "\ecd1";
}
.dlt-c8y-icon-no-edit.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-cut.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-cut.stroked-icon:after {
  position: relative;
  content: "\ec7a";
}
.dlt-c8y-icon-cut.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-scissors.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-scissors.stroked-icon:after {
  position: relative;
  content: "\ec7a";
}
.dlt-c8y-icon-scissors.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-coupon.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-coupon.stroked-icon:after {
  position: relative;
  content: "\ebab";
}
.dlt-c8y-icon-coupon.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-crop.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-crop.stroked-icon:after {
  position: relative;
  content: "\ec78";
}
.dlt-c8y-icon-crop.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-erase.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-erase.stroked-icon:after {
  position: relative;
  content: "\ea47";
}
.dlt-c8y-icon-erase.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-eraser.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-eraser.stroked-icon:after {
  position: relative;
  content: "\ea47";
}
.dlt-c8y-icon-eraser.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-add-white-space.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-add-white-space.stroked-icon:after {
  position: relative;
  content: "\ec49";
}
.dlt-c8y-icon-add-white-space.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-blur.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-blur.stroked-icon:after {
  position: relative;
  content: "\ec56";
}
.dlt-c8y-icon-blur.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-paint-palette.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-paint-palette.stroked-icon:after {
  position: relative;
  content: "\ece1";
}
.dlt-c8y-icon-paint-palette.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-contrast.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-contrast.stroked-icon:after {
  position: relative;
  content: "\ec73";
}
.dlt-c8y-icon-contrast.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-adjust.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-adjust.stroked-icon:after {
  position: relative;
  content: "\ec73";
}
.dlt-c8y-icon-adjust.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-bring-forward.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-bring-forward.stroked-icon:after {
  position: relative;
  content: "\ec5f";
}
.dlt-c8y-icon-bring-forward.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-snap-background-to-white.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-snap-background-to-white.stroked-icon:after {
  position: relative;
  content: "\ed21";
}
.dlt-c8y-icon-snap-background-to-white.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-rename.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-rename.stroked-icon:after {
  position: relative;
  content: "\ecf8";
}
.dlt-c8y-icon-rename.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-text-cursor.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-text-cursor.stroked-icon:after {
  position: relative;
  content: "\ed32";
}
.dlt-c8y-icon-text-cursor.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-i-cursor.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-i-cursor.stroked-icon:after {
  position: relative;
  content: "\ed32";
}
.dlt-c8y-icon-i-cursor.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-large-icons.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-large-icons.stroked-icon:after {
  position: relative;
  content: "\ecbf";
}
.dlt-c8y-icon-large-icons.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-comma.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-comma.stroked-icon:after {
  position: relative;
  content: "\ec6f";
}
.dlt-c8y-icon-comma.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-compare.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-compare.stroked-icon:after {
  position: relative;
  content: "\ec70";
}
.dlt-c8y-icon-compare.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-content.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-content.stroked-icon:after {
  position: relative;
  content: "\ec72";
}
.dlt-c8y-icon-content.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-document-body.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-document-body.stroked-icon:after {
  position: relative;
  content: "\ec83";
}
.dlt-c8y-icon-document-body.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-merge-docunemts.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-merge-docunemts.stroked-icon:after {
  position: relative;
  content: "\eccc";
}
.dlt-c8y-icon-merge-docunemts.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-unit.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-unit.stroked-icon:after {
  position: relative;
  content: "\ea83";
}
.dlt-c8y-icon-unit.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-group.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-group.stroked-icon:after {
  position: relative;
  content: "\ea48";
}
.dlt-c8y-icon-group.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-group-objects.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-group-objects.stroked-icon:after {
  position: relative;
  content: "\ea48";
}
.dlt-c8y-icon-group-objects.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-object-group.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-object-group.stroked-icon:after {
  position: relative;
  content: "\ea48";
}
.dlt-c8y-icon-object-group.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-object-ungroup.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-object-ungroup.stroked-icon:after {
  position: relative;
  content: "\ea48";
}
.dlt-c8y-icon-object-ungroup.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-ungroup.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-ungroup.stroked-icon:after {
  position: relative;
  content: "\ea49";
}
.dlt-c8y-icon-ungroup.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-hexagonal-pattern.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-hexagonal-pattern.stroked-icon:after {
  position: relative;
  content: "\ecb1";
}
.dlt-c8y-icon-hexagonal-pattern.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-diagonal-lines.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-diagonal-lines.stroked-icon:after {
  position: relative;
  content: "\ec82";
}
.dlt-c8y-icon-diagonal-lines.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-line-width.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-line-width.stroked-icon:after {
  position: relative;
  content: "\ecc5";
}
.dlt-c8y-icon-line-width.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-long-words.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-long-words.stroked-icon:after {
  position: relative;
  content: "\ecc8";
}
.dlt-c8y-icon-long-words.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-indent.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-indent.stroked-icon:after {
  position: relative;
  content: "\e9cf";
}
.dlt-c8y-icon-indent.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-indent-left.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-indent-left.stroked-icon:after {
  position: relative;
  content: "\e9cf";
}
.dlt-c8y-icon-indent-left.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-indent-decrease.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-indent-decrease.stroked-icon:after {
  position: relative;
  content: "\e9d0";
}
.dlt-c8y-icon-indent-decrease.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-dedent.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-dedent.stroked-icon:after {
  position: relative;
  content: "\e9d0";
}
.dlt-c8y-icon-dedent.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-dedent-left.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-dedent-left.stroked-icon:after {
  position: relative;
  content: "\e9d0";
}
.dlt-c8y-icon-dedent-left.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-outdent.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-outdent.stroked-icon:after {
  position: relative;
  content: "\ecdc";
}
.dlt-c8y-icon-outdent.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-indent-right.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-indent-right.stroked-icon:after {
  position: relative;
  content: "\ecdc";
}
.dlt-c8y-icon-indent-right.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-dedent-right.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-dedent-right.stroked-icon:after {
  position: relative;
  content: "\eb35";
}
.dlt-c8y-icon-dedent-right.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-drag-reorder.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-drag-reorder.stroked-icon:after {
  position: relative;
  content: "\ec87";
}
.dlt-c8y-icon-drag-reorder.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-drag-list-up.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-drag-list-up.stroked-icon:after {
  position: relative;
  content: "\ec86";
}
.dlt-c8y-icon-drag-list-up.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-pull-down.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-pull-down.stroked-icon:after {
  position: relative;
  content: "\ecf2";
}
.dlt-c8y-icon-pull-down.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-page.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-page.stroked-icon:after {
  position: relative;
  content: "\ece0";
}
.dlt-c8y-icon-page.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-rearrange.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-rearrange.stroked-icon:after {
  position: relative;
  content: "\ecf4";
}
.dlt-c8y-icon-rearrange.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-resize-file.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-resize-file.stroked-icon:after {
  position: relative;
  content: "\ed00";
}
.dlt-c8y-icon-resize-file.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-resize.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-resize.stroked-icon:after {
  position: relative;
  content: "\ecfa";
}
.dlt-c8y-icon-resize.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-rich-text-converter.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-rich-text-converter.stroked-icon:after {
  position: relative;
  content: "\ed06";
}
.dlt-c8y-icon-rich-text-converter.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-select-all.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-select-all.stroked-icon:after {
  position: relative;
  content: "\ed15";
}
.dlt-c8y-icon-select-all.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-select-none.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-select-none.stroked-icon:after {
  position: relative;
  content: "\ed16";
}
.dlt-c8y-icon-select-none.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-ruler.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-ruler.stroked-icon:after {
  position: relative;
  content: "\ed11";
}
.dlt-c8y-icon-ruler.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-length.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-length.stroked-icon:after {
  position: relative;
  content: "\f3ae";
}
.dlt-c8y-icon-length.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-send-backward.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-send-backward.stroked-icon:after {
  position: relative;
  content: "\ed18";
}
.dlt-c8y-icon-send-backward.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-send-to-back.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-send-to-back.stroked-icon:after {
  position: relative;
  content: "\ed19";
}
.dlt-c8y-icon-send-to-back.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-replace.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-replace.stroked-icon:after {
  position: relative;
  content: "\ea4b";
}
.dlt-c8y-icon-replace.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-separated-lists.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-separated-lists.stroked-icon:after {
  position: relative;
  content: "\ed1b";
}
.dlt-c8y-icon-separated-lists.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-short-words.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-short-words.stroked-icon:after {
  position: relative;
  content: "\ed1c";
}
.dlt-c8y-icon-short-words.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-mix-words.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-mix-words.stroked-icon:after {
  position: relative;
  content: "\eccf";
}
.dlt-c8y-icon-mix-words.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-line-style.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-line-style.stroked-icon:after {
  position: relative;
  content: "\ecc4";
}
.dlt-c8y-icon-line-style.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-design.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-design.stroked-icon:after {
  position: relative;
  content: "\ec80";
}
.dlt-c8y-icon-design.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-view-stream.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-view-stream.stroked-icon:after {
  position: relative;
  content: "\ed4a";
}
.dlt-c8y-icon-view-stream.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-four-squares.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-four-squares.stroked-icon:after {
  position: relative;
  content: "\eca0";
}
.dlt-c8y-icon-four-squares.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-th-large.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-th-large.stroked-icon:after {
  position: relative;
  content: "\eca0";
}
.dlt-c8y-icon-th-large.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-thumbnails.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-thumbnails.stroked-icon:after {
  position: relative;
  content: "\ed36";
}
.dlt-c8y-icon-thumbnails.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-th.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-th.stroked-icon:after {
  position: relative;
  content: "\ed36";
}
.dlt-c8y-icon-th.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-view-module.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-view-module.stroked-icon:after {
  position: relative;
  content: "\ed48";
}
.dlt-c8y-icon-view-module.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-top-view.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-top-view.stroked-icon:after {
  position: relative;
  content: "\ed38";
}
.dlt-c8y-icon-top-view.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-orthogonal-view.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-orthogonal-view.stroked-icon:after {
  position: relative;
  content: "\ecdb";
}
.dlt-c8y-icon-orthogonal-view.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-rectangular.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-rectangular.stroked-icon:after {
  position: relative;
  content: "\ecf6";
}
.dlt-c8y-icon-rectangular.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-square.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-square.stroked-icon:after {
  position: relative;
  content: "\ed24";
}
.dlt-c8y-icon-square.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-view-column.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-view-column.stroked-icon:after {
  position: relative;
  content: "\e9d1";
}
.dlt-c8y-icon-view-column.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-columns.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-columns.stroked-icon:after {
  position: relative;
  content: "\e9d1";
}
.dlt-c8y-icon-columns.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-file-archive-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-file-archive-o.stroked-icon:after {
  position: relative;
  content: "\eb38";
}
.dlt-c8y-icon-file-archive-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-file-zip-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-file-zip-o.stroked-icon:after {
  position: relative;
  content: "\eb38";
}
.dlt-c8y-icon-file-zip-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-file-video-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-file-video-o.stroked-icon:after {
  position: relative;
  content: "\eb39";
}
.dlt-c8y-icon-file-video-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-file-movie-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-file-movie-o.stroked-icon:after {
  position: relative;
  content: "\eb39";
}
.dlt-c8y-icon-file-movie-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-file-audio-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-file-audio-o.stroked-icon:after {
  position: relative;
  content: "\eb3a";
}
.dlt-c8y-icon-file-audio-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-file-sound-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-file-sound-o.stroked-icon:after {
  position: relative;
  content: "\eb3a";
}
.dlt-c8y-icon-file-sound-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-microsoft-access.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-microsoft-access.stroked-icon:after {
  position: relative;
  content: "\e939";
}
.dlt-c8y-icon-microsoft-access.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-microsoft-onenote.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-microsoft-onenote.stroked-icon:after {
  position: relative;
  content: "\e93a";
}
.dlt-c8y-icon-microsoft-onenote.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-microsoft-outlook.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-microsoft-outlook.stroked-icon:after {
  position: relative;
  content: "\e93c";
}
.dlt-c8y-icon-microsoft-outlook.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-microsoft-project.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-microsoft-project.stroked-icon:after {
  position: relative;
  content: "\e93d";
}
.dlt-c8y-icon-microsoft-project.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-microsoft-publisher.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-microsoft-publisher.stroked-icon:after {
  position: relative;
  content: "\e944";
}
.dlt-c8y-icon-microsoft-publisher.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-microsoft-sharepoint.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-microsoft-sharepoint.stroked-icon:after {
  position: relative;
  content: "\e949";
}
.dlt-c8y-icon-microsoft-sharepoint.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-microsoft-visio.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-microsoft-visio.stroked-icon:after {
  position: relative;
  content: "\e94a";
}
.dlt-c8y-icon-microsoft-visio.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-word.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-word.stroked-icon:after {
  position: relative;
  content: "\e94b";
}
.dlt-c8y-icon-word.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-file-word-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-file-word-o.stroked-icon:after {
  position: relative;
  content: "\e94b";
}
.dlt-c8y-icon-file-word-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-excel.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-excel.stroked-icon:after {
  position: relative;
  content: "\e954";
}
.dlt-c8y-icon-excel.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-file-excel-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-file-excel-o.stroked-icon:after {
  position: relative;
  content: "\e954";
}
.dlt-c8y-icon-file-excel-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-ppt.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-ppt.stroked-icon:after {
  position: relative;
  content: "\e955";
}
.dlt-c8y-icon-ppt.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-file-powerpoint-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-file-powerpoint-o.stroked-icon:after {
  position: relative;
  content: "\e955";
}
.dlt-c8y-icon-file-powerpoint-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-create-archive.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-create-archive.stroked-icon:after {
  position: relative;
  content: "\ed5f";
}
.dlt-c8y-icon-create-archive.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-save-archive.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-save-archive.stroked-icon:after {
  position: relative;
  content: "\ed9f";
}
.dlt-c8y-icon-save-archive.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-delete-archive.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-delete-archive.stroked-icon:after {
  position: relative;
  content: "\ed61";
}
.dlt-c8y-icon-delete-archive.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-gif.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-gif.stroked-icon:after {
  position: relative;
  content: "\ed75";
}
.dlt-c8y-icon-gif.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-gis.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-gis.stroked-icon:after {
  position: relative;
  content: "\ed76";
}
.dlt-c8y-icon-gis.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-gpx.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-gpx.stroked-icon:after {
  position: relative;
  content: "\ed77";
}
.dlt-c8y-icon-gpx.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-heic-filetype.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-heic-filetype.stroked-icon:after {
  position: relative;
  content: "\ed78";
}
.dlt-c8y-icon-heic-filetype.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-dmg.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-dmg.stroked-icon:after {
  position: relative;
  content: "\ed63";
}
.dlt-c8y-icon-dmg.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-jpg.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-jpg.stroked-icon:after {
  position: relative;
  content: "\ed82";
}
.dlt-c8y-icon-jpg.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-kmz.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-kmz.stroked-icon:after {
  position: relative;
  content: "\ed87";
}
.dlt-c8y-icon-kmz.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-kml.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-kml.stroked-icon:after {
  position: relative;
  content: "\ed86";
}
.dlt-c8y-icon-kml.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-mp3.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-mp3.stroked-icon:after {
  position: relative;
  content: "\ed8a";
}
.dlt-c8y-icon-mp3.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-dng.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-dng.stroked-icon:after {
  position: relative;
  content: "\ed64";
}
.dlt-c8y-icon-dng.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-nef.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-nef.stroked-icon:after {
  position: relative;
  content: "\ed8c";
}
.dlt-c8y-icon-nef.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-nmea.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-nmea.stroked-icon:after {
  position: relative;
  content: "\ed8d";
}
.dlt-c8y-icon-nmea.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-tar.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-tar.stroked-icon:after {
  position: relative;
  content: "\eda4";
}
.dlt-c8y-icon-tar.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-ttf.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-ttf.stroked-icon:after {
  position: relative;
  content: "\eda7";
}
.dlt-c8y-icon-ttf.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-tif.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-tif.stroked-icon:after {
  position: relative;
  content: "\eda5";
}
.dlt-c8y-icon-tif.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-obj.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-obj.stroked-icon:after {
  position: relative;
  content: "\ed8e";
}
.dlt-c8y-icon-obj.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-webp.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-webp.stroked-icon:after {
  position: relative;
  content: "\edaa";
}
.dlt-c8y-icon-webp.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-ogg.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-ogg.stroked-icon:after {
  position: relative;
  content: "\ed8f";
}
.dlt-c8y-icon-ogg.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-woff.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-woff.stroked-icon:after {
  position: relative;
  content: "\edad";
}
.dlt-c8y-icon-woff.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-xls.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-xls.stroked-icon:after {
  position: relative;
  content: "\edaf";
}
.dlt-c8y-icon-xls.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-xps.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-xps.stroked-icon:after {
  position: relative;
  content: "\edb2";
}
.dlt-c8y-icon-xps.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-zip.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-zip.stroked-icon:after {
  position: relative;
  content: "\edb3";
}
.dlt-c8y-icon-zip.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-wma.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-wma.stroked-icon:after {
  position: relative;
  content: "\edac";
}
.dlt-c8y-icon-wma.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-osm.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-osm.stroked-icon:after {
  position: relative;
  content: "\ed90";
}
.dlt-c8y-icon-osm.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-otf.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-otf.stroked-icon:after {
  position: relative;
  content: "\ed91";
}
.dlt-c8y-icon-otf.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-dwg.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-dwg.stroked-icon:after {
  position: relative;
  content: "\ed66";
}
.dlt-c8y-icon-dwg.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-png.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-png.stroked-icon:after {
  position: relative;
  content: "\ed94";
}
.dlt-c8y-icon-png.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-eps.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-eps.stroked-icon:after {
  position: relative;
  content: "\ed68";
}
.dlt-c8y-icon-eps.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-ps.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-ps.stroked-icon:after {
  position: relative;
  content: "\ed96";
}
.dlt-c8y-icon-ps.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-rar.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-rar.stroked-icon:after {
  position: relative;
  content: "\ed98";
}
.dlt-c8y-icon-rar.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-raw.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-raw.stroked-icon:after {
  position: relative;
  content: "\ed99";
}
.dlt-c8y-icon-raw.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-psd.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-psd.stroked-icon:after {
  position: relative;
  content: "\ed97";
}
.dlt-c8y-icon-psd.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-exe.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-exe.stroked-icon:after {
  position: relative;
  content: "\ed6a";
}
.dlt-c8y-icon-exe.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-fbx.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-fbx.stroked-icon:after {
  position: relative;
  content: "\ed6d";
}
.dlt-c8y-icon-fbx.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-pdf-2.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-pdf-2.stroked-icon:after {
  position: relative;
  content: "\e961";
}
.dlt-c8y-icon-pdf-2.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-3fr.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-3fr.stroked-icon:after {
  position: relative;
  content: "\ed50";
}
.dlt-c8y-icon-3fr.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-aac.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-aac.stroked-icon:after {
  position: relative;
  content: "\ed52";
}
.dlt-c8y-icon-aac.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-7zip.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-7zip.stroked-icon:after {
  position: relative;
  content: "\ed51";
}
.dlt-c8y-icon-7zip.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-cr2.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-cr2.stroked-icon:after {
  position: relative;
  content: "\ed5e";
}
.dlt-c8y-icon-cr2.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-ai.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-ai.stroked-icon:after {
  position: relative;
  content: "\ed55";
}
.dlt-c8y-icon-ai.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-apk.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-apk.stroked-icon:after {
  position: relative;
  content: "\ed56";
}
.dlt-c8y-icon-apk.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-wav.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-wav.stroked-icon:after {
  position: relative;
  content: "\eda9";
}
.dlt-c8y-icon-wav.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-jp2.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-jp2.stroked-icon:after {
  position: relative;
  content: "\ed81";
}
.dlt-c8y-icon-jp2.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-java-file.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-java-file.stroked-icon:after {
  position: relative;
  content: "\ed80";
}
.dlt-c8y-icon-java-file.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-fff.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-fff.stroked-icon:after {
  position: relative;
  content: "\ed6e";
}
.dlt-c8y-icon-fff.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-folder-aggregate.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-folder-aggregate.stroked-icon:after {
  position: relative;
  content: "\ea54";
}
.dlt-c8y-icon-folder-aggregate.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-book.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-book.stroked-icon:after {
  position: relative;
  content: "\f36a";
}
.dlt-c8y-icon-book.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-package-delivery-logistics.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-package-delivery-logistics.stroked-icon:after {
  position: relative;
  content: "\ec01";
}
.dlt-c8y-icon-package-delivery-logistics.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-cube.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-cube.stroked-icon:after {
  position: relative;
  content: "\ec01";
}
.dlt-c8y-icon-cube.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-resume.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-resume.stroked-icon:after {
  position: relative;
  content: "\ea4d";
}
.dlt-c8y-icon-resume.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-insert-drive-file.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-insert-drive-file.stroked-icon:after {
  position: relative;
  content: "\e9d3";
}
.dlt-c8y-icon-insert-drive-file.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-file.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-file.stroked-icon:after {
  position: relative;
  content: "\e9d3";
}
.dlt-c8y-icon-file.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-file-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-file-o.stroked-icon:after {
  position: relative;
  content: "\e9d3";
}
.dlt-c8y-icon-file-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-sheet-of-paper.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-sheet-of-paper.stroked-icon:after {
  position: relative;
  content: "\e9d3";
}
.dlt-c8y-icon-sheet-of-paper.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-edit-file.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-edit-file.stroked-icon:after {
  position: relative;
  content: "\ea57";
}
.dlt-c8y-icon-edit-file.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-documents.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-documents.stroked-icon:after {
  position: relative;
  content: "\ea58";
}
.dlt-c8y-icon-documents.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-file-copy.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-file-copy.stroked-icon:after {
  position: relative;
  content: "\e9d2";
}
.dlt-c8y-icon-file-copy.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-files.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-files.stroked-icon:after {
  position: relative;
  content: "\e9d2";
}
.dlt-c8y-icon-files.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-files-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-files-o.stroked-icon:after {
  position: relative;
  content: "\e9d2";
}
.dlt-c8y-icon-files-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-profile.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-profile.stroked-icon:after {
  position: relative;
  content: "\ea38";
}
.dlt-c8y-icon-profile.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-pdf.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-pdf.stroked-icon:after {
  position: relative;
  content: "\ed92";
}
.dlt-c8y-icon-pdf.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-file-pdf-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-file-pdf-o.stroked-icon:after {
  position: relative;
  content: "\ed92";
}
.dlt-c8y-icon-file-pdf-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-export-pdf.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-export-pdf.stroked-icon:after {
  position: relative;
  content: "\ed6b";
}
.dlt-c8y-icon-export-pdf.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-file-type-document.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-file-type-document.stroked-icon:after {
  position: relative;
  content: "\ed70";
}
.dlt-c8y-icon-file-type-document.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-file-text-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-file-text-o.stroked-icon:after {
  position: relative;
  content: "\ed70";
}
.dlt-c8y-icon-file-text-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-file-text.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-file-text.stroked-icon:after {
  position: relative;
  content: "\ed70";
}
.dlt-c8y-icon-file-text.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-document.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-document.stroked-icon:after {
  position: relative;
  content: "\ed70";
}
.dlt-c8y-icon-document.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-submit-document1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-submit-document1.stroked-icon:after {
  position: relative;
  content: "\eda3";
}
.dlt-c8y-icon-submit-document1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-privacy-policy.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-privacy-policy.stroked-icon:after {
  position: relative;
  content: "\ea34";
}
.dlt-c8y-icon-privacy-policy.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-selective-highlighting1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-selective-highlighting1.stroked-icon:after {
  position: relative;
  content: "\eda0";
}
.dlt-c8y-icon-selective-highlighting1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-brief.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-brief.stroked-icon:after {
  position: relative;
  content: "\e97e";
}
.dlt-c8y-icon-brief.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-document-with-code.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-document-with-code.stroked-icon:after {
  position: relative;
  content: "\ea59";
}
.dlt-c8y-icon-document-with-code.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-image-file.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-image-file.stroked-icon:after {
  position: relative;
  content: "\ed7a";
}
.dlt-c8y-icon-image-file.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-file-image-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-file-image-o.stroked-icon:after {
  position: relative;
  content: "\ed7a";
}
.dlt-c8y-icon-file-image-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-file-picture-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-file-picture-o.stroked-icon:after {
  position: relative;
  content: "\ed7a";
}
.dlt-c8y-icon-file-picture-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-file-photo-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-file-photo-o.stroked-icon:after {
  position: relative;
  content: "\ed7a";
}
.dlt-c8y-icon-file-photo-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-image-file-add.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-image-file-add.stroked-icon:after {
  position: relative;
  content: "\ed7b";
}
.dlt-c8y-icon-image-file-add.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-image-file-checked.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-image-file-checked.stroked-icon:after {
  position: relative;
  content: "\ed7c";
}
.dlt-c8y-icon-image-file-checked.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-image-file-remove.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-image-file-remove.stroked-icon:after {
  position: relative;
  content: "\ed7d";
}
.dlt-c8y-icon-image-file-remove.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-check-document.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-check-document.stroked-icon:after {
  position: relative;
  content: "\ed5a";
}
.dlt-c8y-icon-check-document.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-document-with-a-check-mark.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-document-with-a-check-mark.stroked-icon:after {
  position: relative;
  content: "\ed5a";
}
.dlt-c8y-icon-document-with-a-check-mark.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-delete-file.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-delete-file.stroked-icon:after {
  position: relative;
  content: "\ed62";
}
.dlt-c8y-icon-delete-file.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-file-delete.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-file-delete.stroked-icon:after {
  position: relative;
  content: "\ed72";
}
.dlt-c8y-icon-file-delete.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-file-settings.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-file-settings.stroked-icon:after {
  position: relative;
  content: "\ed74";
}
.dlt-c8y-icon-file-settings.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-file-preview.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-file-preview.stroked-icon:after {
  position: relative;
  content: "\ed73";
}
.dlt-c8y-icon-file-preview.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-open-document.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-open-document.stroked-icon:after {
  position: relative;
  content: "\ecd9";
}
.dlt-c8y-icon-open-document.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-submit-document.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-submit-document.stroked-icon:after {
  position: relative;
  content: "\ea5a";
}
.dlt-c8y-icon-submit-document.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-restore-page1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-restore-page1.stroked-icon:after {
  position: relative;
  content: "\ed9d";
}
.dlt-c8y-icon-restore-page1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-document-exchange.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-document-exchange.stroked-icon:after {
  position: relative;
  content: "\ed65";
}
.dlt-c8y-icon-document-exchange.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-import-file.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-import-file.stroked-icon:after {
  position: relative;
  content: "\ed7e";
}
.dlt-c8y-icon-import-file.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-share-document.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-share-document.stroked-icon:after {
  position: relative;
  content: "\eda1";
}
.dlt-c8y-icon-share-document.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-idea.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-idea.stroked-icon:after {
  position: relative;
  content: "\e9e7";
}
.dlt-c8y-icon-idea.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-mark-as-favorite.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-mark-as-favorite.stroked-icon:after {
  position: relative;
  content: "\ed88";
}
.dlt-c8y-icon-mark-as-favorite.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-email-document.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-email-document.stroked-icon:after {
  position: relative;
  content: "\ec90";
}
.dlt-c8y-icon-email-document.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-file-view.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-file-view.stroked-icon:after {
  position: relative;
  content: "\ed71";
}
.dlt-c8y-icon-file-view.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-policy-document.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-policy-document.stroked-icon:after {
  position: relative;
  content: "\ed95";
}
.dlt-c8y-icon-policy-document.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-business-report.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-business-report.stroked-icon:after {
  position: relative;
  content: "\e985";
}
.dlt-c8y-icon-business-report.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-graph-report.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-graph-report.stroked-icon:after {
  position: relative;
  content: "\e9de";
}
.dlt-c8y-icon-graph-report.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-edit-graph-report.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-edit-graph-report.stroked-icon:after {
  position: relative;
  content: "\e9c4";
}
.dlt-c8y-icon-edit-graph-report.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-download-graph-report.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-download-graph-report.stroked-icon:after {
  position: relative;
  content: "\e9c1";
}
.dlt-c8y-icon-download-graph-report.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-agreement.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-agreement.stroked-icon:after {
  position: relative;
  content: "\e968";
}
.dlt-c8y-icon-agreement.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-estimates.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-estimates.stroked-icon:after {
  position: relative;
  content: "\e9ca";
}
.dlt-c8y-icon-estimates.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-winking-document.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-winking-document.stroked-icon:after {
  position: relative;
  content: "\edab";
}
.dlt-c8y-icon-winking-document.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-insert-page.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-insert-page.stroked-icon:after {
  position: relative;
  content: "\ecb9";
}
.dlt-c8y-icon-insert-page.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-note.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-note.stroked-icon:after {
  position: relative;
  content: "\ea5b";
}
.dlt-c8y-icon-note.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-brochure.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-brochure.stroked-icon:after {
  position: relative;
  content: "\e980";
}
.dlt-c8y-icon-brochure.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-read.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-read.stroked-icon:after {
  position: relative;
  content: "\ed9a";
}
.dlt-c8y-icon-read.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-cashbook.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-cashbook.stroked-icon:after {
  position: relative;
  content: "\e988";
}
.dlt-c8y-icon-cashbook.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-price-tag.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-price-tag.stroked-icon:after {
  position: relative;
  content: "\f44f";
}
.dlt-c8y-icon-price-tag.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-tag.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-tag.stroked-icon:after {
  position: relative;
  content: "\f44f";
}
.dlt-c8y-icon-tag.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-add-tag.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-add-tag.stroked-icon:after {
  position: relative;
  content: "\ea5d";
}
.dlt-c8y-icon-add-tag.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-tag1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-tag1.stroked-icon:after {
  position: relative;
  content: "\f45d";
}
.dlt-c8y-icon-tag1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-tags.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-tags.stroked-icon:after {
  position: relative;
  content: "\f45d";
}
.dlt-c8y-icon-tags.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-open-folder.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-open-folder.stroked-icon:after {
  position: relative;
  content: "\ee54";
}
.dlt-c8y-icon-open-folder.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-opened-folder.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-opened-folder.stroked-icon:after {
  position: relative;
  content: "\ee54";
}
.dlt-c8y-icon-opened-folder.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-folder-open.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-folder-open.stroked-icon:after {
  position: relative;
  content: "\ee54";
}
.dlt-c8y-icon-folder-open.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-folder-open-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-folder-open-o.stroked-icon:after {
  position: relative;
  content: "\ee54";
}
.dlt-c8y-icon-folder-open-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-folder.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-folder.stroked-icon:after {
  position: relative;
  content: "\ee4e";
}
.dlt-c8y-icon-folder.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-folder-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-folder-o.stroked-icon:after {
  position: relative;
  content: "\ee4e";
}
.dlt-c8y-icon-folder-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-folder-open1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-folder-open1.stroked-icon:after {
  position: relative;
  content: "\ea5e";
}
.dlt-c8y-icon-folder-open1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-add-folder.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-add-folder.stroked-icon:after {
  position: relative;
  content: "\ee44";
}
.dlt-c8y-icon-add-folder.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-delete-folder.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-delete-folder.stroked-icon:after {
  position: relative;
  content: "\ee45";
}
.dlt-c8y-icon-delete-folder.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-search-folder.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-search-folder.stroked-icon:after {
  position: relative;
  content: "\ee56";
}
.dlt-c8y-icon-search-folder.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-folder-settings.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-folder-settings.stroked-icon:after {
  position: relative;
  content: "\ee4f";
}
.dlt-c8y-icon-folder-settings.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-extensions-folder.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-extensions-folder.stroked-icon:after {
  position: relative;
  content: "\ee4b";
}
.dlt-c8y-icon-extensions-folder.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-private-folder.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-private-folder.stroked-icon:after {
  position: relative;
  content: "\ee55";
}
.dlt-c8y-icon-private-folder.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-edit-folder.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-edit-folder.stroked-icon:after {
  position: relative;
  content: "\ee4a";
}
.dlt-c8y-icon-edit-folder.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-e-mail-folder.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-e-mail-folder.stroked-icon:after {
  position: relative;
  content: "\ee49";
}
.dlt-c8y-icon-e-mail-folder.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-documents-folder.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-documents-folder.stroked-icon:after {
  position: relative;
  content: "\ee47";
}
.dlt-c8y-icon-documents-folder.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-downloads-folder.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-downloads-folder.stroked-icon:after {
  position: relative;
  content: "\ee48";
}
.dlt-c8y-icon-downloads-folder.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-favorite-folder.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-favorite-folder.stroked-icon:after {
  position: relative;
  content: "\ee4c";
}
.dlt-c8y-icon-favorite-folder.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-user-folder.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-user-folder.stroked-icon:after {
  position: relative;
  content: "\ee58";
}
.dlt-c8y-icon-user-folder.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-download-from-ftp.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-download-from-ftp.stroked-icon:after {
  position: relative;
  content: "\f215";
}
.dlt-c8y-icon-download-from-ftp.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-upload-to-ftp.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-upload-to-ftp.stroked-icon:after {
  position: relative;
  content: "\f249";
}
.dlt-c8y-icon-upload-to-ftp.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-ftp.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-ftp.stroked-icon:after {
  position: relative;
  content: "\f218";
}
.dlt-c8y-icon-ftp.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-big-parcel.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-big-parcel.stroked-icon:after {
  position: relative;
  content: "\eb8e";
}
.dlt-c8y-icon-big-parcel.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-open-parcel.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-open-parcel.stroked-icon:after {
  position: relative;
  content: "\ebfe";
}
.dlt-c8y-icon-open-parcel.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-packing.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-packing.stroked-icon:after {
  position: relative;
  content: "\ec03";
}
.dlt-c8y-icon-packing.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-unpacking.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-unpacking.stroked-icon:after {
  position: relative;
  content: "\ec3c";
}
.dlt-c8y-icon-unpacking.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-cardboard-box.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-cardboard-box.stroked-icon:after {
  position: relative;
  content: "\eb9c";
}
.dlt-c8y-icon-cardboard-box.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-archive.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-archive.stroked-icon:after {
  position: relative;
  content: "\eb9c";
}
.dlt-c8y-icon-archive.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-archive-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-archive-o.stroked-icon:after {
  position: relative;
  content: "\eb9c";
}
.dlt-c8y-icon-archive-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-file-archive-o1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-file-archive-o1.stroked-icon:after {
  position: relative;
  content: "\eb9c";
}
.dlt-c8y-icon-file-archive-o1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-box.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-box.stroked-icon:after {
  position: relative;
  content: "\eb91";
}
.dlt-c8y-icon-box.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-case.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-case.stroked-icon:after {
  position: relative;
  content: "\eb91";
}
.dlt-c8y-icon-case.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-empty-box.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-empty-box.stroked-icon:after {
  position: relative;
  content: "\ebbe";
}
.dlt-c8y-icon-empty-box.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-box-settings.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-box-settings.stroked-icon:after {
  position: relative;
  content: "\eb92";
}
.dlt-c8y-icon-box-settings.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-secured-delivery.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-secured-delivery.stroked-icon:after {
  position: relative;
  content: "\ec19";
}
.dlt-c8y-icon-secured-delivery.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-remove-delivery.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-remove-delivery.stroked-icon:after {
  position: relative;
  content: "\ec13";
}
.dlt-c8y-icon-remove-delivery.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-out-of-stock.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-out-of-stock.stroked-icon:after {
  position: relative;
  content: "\ec00";
}
.dlt-c8y-icon-out-of-stock.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-new-product.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-new-product.stroked-icon:after {
  position: relative;
  content: "\f44a";
}
.dlt-c8y-icon-new-product.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-product.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-product.stroked-icon:after {
  position: relative;
  content: "\ec0a";
}
.dlt-c8y-icon-product.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-product-management.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-product-management.stroked-icon:after {
  position: relative;
  content: "\ec0c";
}
.dlt-c8y-icon-product-management.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-stacking.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-stacking.stroked-icon:after {
  position: relative;
  content: "\ec2b";
}
.dlt-c8y-icon-stacking.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-cv.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-cv.stroked-icon:after {
  position: relative;
  content: "\ec7b";
}
.dlt-c8y-icon-cv.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-unarchive.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-unarchive.stroked-icon:after {
  position: relative;
  content: "\e9d4";
}
.dlt-c8y-icon-unarchive.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-upload-archive.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-upload-archive.stroked-icon:after {
  position: relative;
  content: "\e9d4";
}
.dlt-c8y-icon-upload-archive.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-archive-file.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-archive-file.stroked-icon:after {
  position: relative;
  content: "\e9d7";
}
.dlt-c8y-icon-archive-file.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-download-archive.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-download-archive.stroked-icon:after {
  position: relative;
  content: "\e9d7";
}
.dlt-c8y-icon-download-archive.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-cc-stripe.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-cc-stripe.stroked-icon:after {
  position: relative;
  content: "\eb89";
}
.dlt-c8y-icon-cc-stripe.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-google-wallet.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-google-wallet.stroked-icon:after {
  position: relative;
  content: "\eb8a";
}
.dlt-c8y-icon-google-wallet.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-paypal.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-paypal.stroked-icon:after {
  position: relative;
  content: "\eb8d";
}
.dlt-c8y-icon-paypal.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-cc-paypal.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-cc-paypal.stroked-icon:after {
  position: relative;
  content: "\eb8f";
}
.dlt-c8y-icon-cc-paypal.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-cc-amex.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-cc-amex.stroked-icon:after {
  position: relative;
  content: "\eb90";
}
.dlt-c8y-icon-cc-amex.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-cc-discover.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-cc-discover.stroked-icon:after {
  position: relative;
  content: "\eb93";
}
.dlt-c8y-icon-cc-discover.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-cc-visa.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-cc-visa.stroked-icon:after {
  position: relative;
  content: "\eb94";
}
.dlt-c8y-icon-cc-visa.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-cc-mastercard.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-cc-mastercard.stroked-icon:after {
  position: relative;
  content: "\eb9a";
}
.dlt-c8y-icon-cc-mastercard.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-try.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-try.stroked-icon:after {
  position: relative;
  content: "\eb9b";
}
.dlt-c8y-icon-try.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-turkish-lira.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-turkish-lira.stroked-icon:after {
  position: relative;
  content: "\eb9b";
}
.dlt-c8y-icon-turkish-lira.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-rouble.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-rouble.stroked-icon:after {
  position: relative;
  content: "\eb9d";
}
.dlt-c8y-icon-rouble.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-rub.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-rub.stroked-icon:after {
  position: relative;
  content: "\eb9d";
}
.dlt-c8y-icon-rub.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-ruble.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-ruble.stroked-icon:after {
  position: relative;
  content: "\eb9d";
}
.dlt-c8y-icon-ruble.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-krw.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-krw.stroked-icon:after {
  position: relative;
  content: "\eb9e";
}
.dlt-c8y-icon-krw.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-won.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-won.stroked-icon:after {
  position: relative;
  content: "\eb9e";
}
.dlt-c8y-icon-won.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-inr.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-inr.stroked-icon:after {
  position: relative;
  content: "\eba0";
}
.dlt-c8y-icon-inr.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-rupee.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-rupee.stroked-icon:after {
  position: relative;
  content: "\eba0";
}
.dlt-c8y-icon-rupee.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-ils.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-ils.stroked-icon:after {
  position: relative;
  content: "\eba1";
}
.dlt-c8y-icon-ils.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-shekel.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-shekel.stroked-icon:after {
  position: relative;
  content: "\eba1";
}
.dlt-c8y-icon-shekel.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-sheqel.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-sheqel.stroked-icon:after {
  position: relative;
  content: "\eba1";
}
.dlt-c8y-icon-sheqel.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-gbp.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-gbp.stroked-icon:after {
  position: relative;
  content: "\eba2";
}
.dlt-c8y-icon-gbp.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-eur.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-eur.stroked-icon:after {
  position: relative;
  content: "\eba3";
}
.dlt-c8y-icon-eur.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-euro.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-euro.stroked-icon:after {
  position: relative;
  content: "\eba3";
}
.dlt-c8y-icon-euro.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-cny.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-cny.stroked-icon:after {
  position: relative;
  content: "\eba4";
}
.dlt-c8y-icon-cny.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-jpy.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-jpy.stroked-icon:after {
  position: relative;
  content: "\eba4";
}
.dlt-c8y-icon-jpy.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-rmb.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-rmb.stroked-icon:after {
  position: relative;
  content: "\eba4";
}
.dlt-c8y-icon-rmb.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-yen.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-yen.stroked-icon:after {
  position: relative;
  content: "\eba4";
}
.dlt-c8y-icon-yen.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-bitcoin.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-bitcoin.stroked-icon:after {
  position: relative;
  content: "\eba5";
}
.dlt-c8y-icon-bitcoin.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-btc.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-btc.stroked-icon:after {
  position: relative;
  content: "\eba5";
}
.dlt-c8y-icon-btc.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-dollar.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-dollar.stroked-icon:after {
  position: relative;
  content: "\eba6";
}
.dlt-c8y-icon-dollar.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-usd.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-usd.stroked-icon:after {
  position: relative;
  content: "\eba6";
}
.dlt-c8y-icon-usd.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-calculator1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-calculator1.stroked-icon:after {
  position: relative;
  content: "\ea5f";
}
.dlt-c8y-icon-calculator1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-accounting.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-accounting.stroked-icon:after {
  position: relative;
  content: "\ea60";
}
.dlt-c8y-icon-accounting.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-contract.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-contract.stroked-icon:after {
  position: relative;
  content: "\ea62";
}
.dlt-c8y-icon-contract.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-sales-performance.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-sales-performance.stroked-icon:after {
  position: relative;
  content: "\ea63";
}
.dlt-c8y-icon-sales-performance.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-bank-safe.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-bank-safe.stroked-icon:after {
  position: relative;
  content: "\e976";
}
.dlt-c8y-icon-bank-safe.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-mobile-payment.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-mobile-payment.stroked-icon:after {
  position: relative;
  content: "\ea05";
}
.dlt-c8y-icon-mobile-payment.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-money-yours.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-money-yours.stroked-icon:after {
  position: relative;
  content: "\ea08";
}
.dlt-c8y-icon-money-yours.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-online-payment.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-online-payment.stroked-icon:after {
  position: relative;
  content: "\ea19";
}
.dlt-c8y-icon-online-payment.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-us-dollar-circled.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-us-dollar-circled.stroked-icon:after {
  position: relative;
  content: "\ee3d";
}
.dlt-c8y-icon-us-dollar-circled.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-credit-card.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-credit-card.stroked-icon:after {
  position: relative;
  content: "\ede4";
}
.dlt-c8y-icon-credit-card.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-credit-card-alt.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-credit-card-alt.stroked-icon:after {
  position: relative;
  content: "\ede4";
}
.dlt-c8y-icon-credit-card-alt.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-credit-card.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-credit-card.stroked-icon:after {
  position: relative;
  content: "\ede4";
}
.dlt-c8y-icon-credit-card.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-only-cash.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-only-cash.stroked-icon:after {
  position: relative;
  content: "\ee14";
}
.dlt-c8y-icon-only-cash.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-credit-control.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-credit-control.stroked-icon:after {
  position: relative;
  content: "\ede6";
}
.dlt-c8y-icon-credit-control.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-bank-cards.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-bank-cards.stroked-icon:after {
  position: relative;
  content: "\edbd";
}
.dlt-c8y-icon-bank-cards.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-check-for-payment.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-check-for-payment.stroked-icon:after {
  position: relative;
  content: "\eddb";
}
.dlt-c8y-icon-check-for-payment.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-paper-money.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-paper-money.stroked-icon:after {
  position: relative;
  content: "\ee16";
}
.dlt-c8y-icon-paper-money.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-money.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-money.stroked-icon:after {
  position: relative;
  content: "\ee16";
}
.dlt-c8y-icon-money.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-cash-euro.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-cash-euro.stroked-icon:after {
  position: relative;
  content: "\edd6";
}
.dlt-c8y-icon-cash-euro.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-stack-of-money.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-stack-of-money.stroked-icon:after {
  position: relative;
  content: "\ee30";
}
.dlt-c8y-icon-stack-of-money.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-wallet.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-wallet.stroked-icon:after {
  position: relative;
  content: "\ee3f";
}
.dlt-c8y-icon-wallet.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-certificate.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-certificate.stroked-icon:after {
  position: relative;
  content: "\edd9";
}
.dlt-c8y-icon-certificate.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-card-security1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-card-security1.stroked-icon:after {
  position: relative;
  content: "\edd0";
}
.dlt-c8y-icon-card-security1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-bill.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-bill.stroked-icon:after {
  position: relative;
  content: "\edbf";
}
.dlt-c8y-icon-bill.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-paid-bill.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-paid-bill.stroked-icon:after {
  position: relative;
  content: "\ee15";
}
.dlt-c8y-icon-paid-bill.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-token-card-code1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-token-card-code1.stroked-icon:after {
  position: relative;
  content: "\ee35";
}
.dlt-c8y-icon-token-card-code1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-receipt.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-receipt.stroked-icon:after {
  position: relative;
  content: "\ee21";
}
.dlt-c8y-icon-receipt.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-add-receipt.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-add-receipt.stroked-icon:after {
  position: relative;
  content: "\edb5";
}
.dlt-c8y-icon-add-receipt.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-sign-language.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-sign-language.stroked-icon:after {
  position: relative;
  content: "\eb3b";
}
.dlt-c8y-icon-sign-language.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-signing.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-signing.stroked-icon:after {
  position: relative;
  content: "\eb3b";
}
.dlt-c8y-icon-signing.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-hand-o-down.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-hand-o-down.stroked-icon:after {
  position: relative;
  content: "\eb3c";
}
.dlt-c8y-icon-hand-o-down.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-hand-o-left.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-hand-o-left.stroked-icon:after {
  position: relative;
  content: "\eb3d";
}
.dlt-c8y-icon-hand-o-left.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-hand-o-up.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-hand-o-up.stroked-icon:after {
  position: relative;
  content: "\eb3e";
}
.dlt-c8y-icon-hand-o-up.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-hand-o-right.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-hand-o-right.stroked-icon:after {
  position: relative;
  content: "\eb3f";
}
.dlt-c8y-icon-hand-o-right.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-hand-peace-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-hand-peace-o.stroked-icon:after {
  position: relative;
  content: "\eb40";
}
.dlt-c8y-icon-hand-peace-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-hand-pointer-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-hand-pointer-o.stroked-icon:after {
  position: relative;
  content: "\eb41";
}
.dlt-c8y-icon-hand-pointer-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-hand-spock-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-hand-spock-o.stroked-icon:after {
  position: relative;
  content: "\eb42";
}
.dlt-c8y-icon-hand-spock-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-hand-lizard-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-hand-lizard-o.stroked-icon:after {
  position: relative;
  content: "\eb43";
}
.dlt-c8y-icon-hand-lizard-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-hand-scissors-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-hand-scissors-o.stroked-icon:after {
  position: relative;
  content: "\eb44";
}
.dlt-c8y-icon-hand-scissors-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-hand-paper-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-hand-paper-o.stroked-icon:after {
  position: relative;
  content: "\eb45";
}
.dlt-c8y-icon-hand-paper-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-hand-stop-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-hand-stop-o.stroked-icon:after {
  position: relative;
  content: "\eb45";
}
.dlt-c8y-icon-hand-stop-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-hand-grab-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-hand-grab-o.stroked-icon:after {
  position: relative;
  content: "\eb49";
}
.dlt-c8y-icon-hand-grab-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-hand-rock-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-hand-rock-o.stroked-icon:after {
  position: relative;
  content: "\eb49";
}
.dlt-c8y-icon-hand-rock-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-thumbs-up.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-thumbs-up.stroked-icon:after {
  position: relative;
  content: "\ee66";
}
.dlt-c8y-icon-thumbs-up.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-thumbs-up.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-thumbs-up.stroked-icon:after {
  position: relative;
  content: "\ee66";
}
.dlt-c8y-icon-thumbs-up.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-thumbs-o-up.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-thumbs-o-up.stroked-icon:after {
  position: relative;
  content: "\ee66";
}
.dlt-c8y-icon-thumbs-o-up.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-thumbs-down.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-thumbs-down.stroked-icon:after {
  position: relative;
  content: "\ee65";
}
.dlt-c8y-icon-thumbs-down.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-thumbs-down.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-thumbs-down.stroked-icon:after {
  position: relative;
  content: "\ee65";
}
.dlt-c8y-icon-thumbs-down.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-thumbs-o-down.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-thumbs-o-down.stroked-icon:after {
  position: relative;
  content: "\ee65";
}
.dlt-c8y-icon-thumbs-o-down.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-do-not-touch.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-do-not-touch.stroked-icon:after {
  position: relative;
  content: "\ee5a";
}
.dlt-c8y-icon-do-not-touch.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-hand.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-hand.stroked-icon:after {
  position: relative;
  content: "\ee5c";
}
.dlt-c8y-icon-hand.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-disclaimer.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-disclaimer.stroked-icon:after {
  position: relative;
  content: "\e9bb";
}
.dlt-c8y-icon-disclaimer.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-touchpad.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-touchpad.stroked-icon:after {
  position: relative;
  content: "\ead1";
}
.dlt-c8y-icon-touchpad.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-holding-box.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-holding-box.stroked-icon:after {
  position: relative;
  content: "\ebd3";
}
.dlt-c8y-icon-holding-box.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-recieve.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-recieve.stroked-icon:after {
  position: relative;
  content: "\ec10";
}
.dlt-c8y-icon-recieve.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-sell.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-sell.stroked-icon:after {
  position: relative;
  content: "\ec1a";
}
.dlt-c8y-icon-sell.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-get-revenue.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-get-revenue.stroked-icon:after {
  position: relative;
  content: "\ebca";
}
.dlt-c8y-icon-get-revenue.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-handshake.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-handshake.stroked-icon:after {
  position: relative;
  content: "\ebd2";
}
.dlt-c8y-icon-handshake.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-handshake-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-handshake-o.stroked-icon:after {
  position: relative;
  content: "\ebd2";
}
.dlt-c8y-icon-handshake-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-partners.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-partners.stroked-icon:after {
  position: relative;
  content: "\ebd2";
}
.dlt-c8y-icon-partners.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-wearable-technology.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-wearable-technology.stroked-icon:after {
  position: relative;
  content: "\f013";
}
.dlt-c8y-icon-wearable-technology.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-america.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-america.stroked-icon:after {
  position: relative;
  content: "\f017";
}
.dlt-c8y-icon-america.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-globe.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-globe.stroked-icon:after {
  position: relative;
  content: "\f017";
}
.dlt-c8y-icon-globe.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-location.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-location.stroked-icon:after {
  position: relative;
  content: "\f038";
}
.dlt-c8y-icon-location.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-globe1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-globe1.stroked-icon:after {
  position: relative;
  content: "\f029";
}
.dlt-c8y-icon-globe1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-compass-north.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-compass-north.stroked-icon:after {
  position: relative;
  content: "\ea66";
}
.dlt-c8y-icon-compass-north.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-compass.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-compass.stroked-icon:after {
  position: relative;
  content: "\ea66";
}
.dlt-c8y-icon-compass.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-marker.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-marker.stroked-icon:after {
  position: relative;
  content: "\f042";
}
.dlt-c8y-icon-marker.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-map-marker.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-map-marker.stroked-icon:after {
  position: relative;
  content: "\f03f";
}
.dlt-c8y-icon-map-marker.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-marker-off.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-marker-off.stroked-icon:after {
  position: relative;
  content: "\f045";
}
.dlt-c8y-icon-marker-off.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-find-clinic.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-find-clinic.stroked-icon:after {
  position: relative;
  content: "\f026";
}
.dlt-c8y-icon-find-clinic.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-tesla-supercharger-pin.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-tesla-supercharger-pin.stroked-icon:after {
  position: relative;
  content: "\f069";
}
.dlt-c8y-icon-tesla-supercharger-pin.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-address.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-address.stroked-icon:after {
  position: relative;
  content: "\f016";
}
.dlt-c8y-icon-address.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-cab-stand.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-cab-stand.stroked-icon:after {
  position: relative;
  content: "\f019";
}
.dlt-c8y-icon-cab-stand.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-map.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-map.stroked-icon:after {
  position: relative;
  content: "\f03d";
}
.dlt-c8y-icon-map.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-map-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-map-o.stroked-icon:after {
  position: relative;
  content: "\f03d";
}
.dlt-c8y-icon-map-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-map-editing.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-map-editing.stroked-icon:after {
  position: relative;
  content: "\f03e";
}
.dlt-c8y-icon-map-editing.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-map-marker.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-map-marker.stroked-icon:after {
  position: relative;
  content: "\f03f";
}
.dlt-c8y-icon-map-marker.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-quest.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-quest.stroked-icon:after {
  position: relative;
  content: "\f057";
}
.dlt-c8y-icon-quest.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-waypoint-map.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-waypoint-map.stroked-icon:after {
  position: relative;
  content: "\f06b";
}
.dlt-c8y-icon-waypoint-map.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-anchor-nodes.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-anchor-nodes.stroked-icon:after {
  position: relative;
  content: "\eb7e";
}
.dlt-c8y-icon-anchor-nodes.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-map-pin.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-map-pin.stroked-icon:after {
  position: relative;
  content: "\f040";
}
.dlt-c8y-icon-map-pin.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-map-pin.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-map-pin.stroked-icon:after {
  position: relative;
  content: "\f040";
}
.dlt-c8y-icon-map-pin.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-signpost-tourist.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-signpost-tourist.stroked-icon:after {
  position: relative;
  content: "\f05e";
}
.dlt-c8y-icon-signpost-tourist.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-map-signs.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-map-signs.stroked-icon:after {
  position: relative;
  content: "\f05e";
}
.dlt-c8y-icon-map-signs.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-gps.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-gps.stroked-icon:after {
  position: relative;
  content: "\f02b";
}
.dlt-c8y-icon-gps.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-near-me.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-near-me.stroked-icon:after {
  position: relative;
  content: "\f04a";
}
.dlt-c8y-icon-near-me.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-location-arrow.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-location-arrow.stroked-icon:after {
  position: relative;
  content: "\f04a";
}
.dlt-c8y-icon-location-arrow.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-navigation.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-navigation.stroked-icon:after {
  position: relative;
  content: "\f049";
}
.dlt-c8y-icon-navigation.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-target1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-target1.stroked-icon:after {
  position: relative;
  content: "\ea67";
}
.dlt-c8y-icon-target1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-hunt.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-hunt.stroked-icon:after {
  position: relative;
  content: "\f032";
}
.dlt-c8y-icon-hunt.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-location-off.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-location-off.stroked-icon:after {
  position: relative;
  content: "\f03a";
}
.dlt-c8y-icon-location-off.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-location-update.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-location-update.stroked-icon:after {
  position: relative;
  content: "\f03b";
}
.dlt-c8y-icon-location-update.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-layers.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-layers.stroked-icon:after {
  position: relative;
  content: "\f035";
}
.dlt-c8y-icon-layers.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-journey.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-journey.stroked-icon:after {
  position: relative;
  content: "\f033";
}
.dlt-c8y-icon-journey.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-here.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-here.stroked-icon:after {
  position: relative;
  content: "\f031";
}
.dlt-c8y-icon-here.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-street-view.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-street-view.stroked-icon:after {
  position: relative;
  content: "\f031";
}
.dlt-c8y-icon-street-view.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-parking.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-parking.stroked-icon:after {
  position: relative;
  content: "\ea68";
}
.dlt-c8y-icon-parking.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-reply.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-reply.stroked-icon:after {
  position: relative;
  content: "\e964";
}
.dlt-c8y-icon-reply.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-mail-reply.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-mail-reply.stroked-icon:after {
  position: relative;
  content: "\e964";
}
.dlt-c8y-icon-mail-reply.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-forward1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-forward1.stroked-icon:after {
  position: relative;
  content: "\eb4a";
}
.dlt-c8y-icon-forward1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-mail-forward.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-mail-forward.stroked-icon:after {
  position: relative;
  content: "\eb4a";
}
.dlt-c8y-icon-mail-forward.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-reply-all.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-reply-all.stroked-icon:after {
  position: relative;
  content: "\e965";
}
.dlt-c8y-icon-reply-all.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-mail-reply-all.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-mail-reply-all.stroked-icon:after {
  position: relative;
  content: "\e965";
}
.dlt-c8y-icon-mail-reply-all.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-reply-all.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-reply-all.stroked-icon:after {
  position: relative;
  content: "\e965";
}
.dlt-c8y-icon-reply-all.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-communication.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-communication.stroked-icon:after {
  position: relative;
  content: "\e995";
}
.dlt-c8y-icon-communication.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-multichannel.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-multichannel.stroked-icon:after {
  position: relative;
  content: "\ea09";
}
.dlt-c8y-icon-multichannel.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-chat.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-chat.stroked-icon:after {
  position: relative;
  content: "\ea6f";
}
.dlt-c8y-icon-chat.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-topic.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-topic.stroked-icon:after {
  position: relative;
  content: "\f12d";
}
.dlt-c8y-icon-topic.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-comment.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-comment.stroked-icon:after {
  position: relative;
  content: "\f12d";
}
.dlt-c8y-icon-comment.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-comment-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-comment-o.stroked-icon:after {
  position: relative;
  content: "\f12d";
}
.dlt-c8y-icon-comment-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-typing.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-typing.stroked-icon:after {
  position: relative;
  content: "\f130";
}
.dlt-c8y-icon-typing.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-quote.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-quote.stroked-icon:after {
  position: relative;
  content: "\f0fd";
}
.dlt-c8y-icon-quote.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-delete-message.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-delete-message.stroked-icon:after {
  position: relative;
  content: "\f0a7";
}
.dlt-c8y-icon-delete-message.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-poll.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-poll.stroked-icon:after {
  position: relative;
  content: "\f0f0";
}
.dlt-c8y-icon-poll.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-popular.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-popular.stroked-icon:after {
  position: relative;
  content: "\f0f1";
}
.dlt-c8y-icon-popular.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-speaker-notes.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-speaker-notes.stroked-icon:after {
  position: relative;
  content: "\f123";
}
.dlt-c8y-icon-speaker-notes.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-audio-description.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-audio-description.stroked-icon:after {
  position: relative;
  content: "\f123";
}
.dlt-c8y-icon-audio-description.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-comment1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-comment1.stroked-icon:after {
  position: relative;
  content: "\ea70";
}
.dlt-c8y-icon-comment1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-comments.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-comments.stroked-icon:after {
  position: relative;
  content: "\ea70";
}
.dlt-c8y-icon-comments.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-comments-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-comments-o.stroked-icon:after {
  position: relative;
  content: "\ea70";
}
.dlt-c8y-icon-comments-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-speaker-notes-off.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-speaker-notes-off.stroked-icon:after {
  position: relative;
  content: "\f124";
}
.dlt-c8y-icon-speaker-notes-off.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-new-topic.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-new-topic.stroked-icon:after {
  position: relative;
  content: "\f0e4";
}
.dlt-c8y-icon-new-topic.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-ask-question.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-ask-question.stroked-icon:after {
  position: relative;
  content: "\f090";
}
.dlt-c8y-icon-ask-question.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-chat-bubble.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-chat-bubble.stroked-icon:after {
  position: relative;
  content: "\f097";
}
.dlt-c8y-icon-chat-bubble.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-commenting.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-commenting.stroked-icon:after {
  position: relative;
  content: "\f097";
}
.dlt-c8y-icon-commenting.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-commenting-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-commenting-o.stroked-icon:after {
  position: relative;
  content: "\f097";
}
.dlt-c8y-icon-commenting-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-mail.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-mail.stroked-icon:after {
  position: relative;
  content: "\f0c1";
}
.dlt-c8y-icon-mail.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-important-mail.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-important-mail.stroked-icon:after {
  position: relative;
  content: "\f0c1";
}
.dlt-c8y-icon-important-mail.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-envelope.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-envelope.stroked-icon:after {
  position: relative;
  content: "\f0c1";
}
.dlt-c8y-icon-envelope.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-envelope-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-envelope-o.stroked-icon:after {
  position: relative;
  content: "\f0c1";
}
.dlt-c8y-icon-envelope-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-envelope-open-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-envelope-open-o.stroked-icon:after {
  position: relative;
  content: "\f0c1";
}
.dlt-c8y-icon-envelope-open-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-envelope-open.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-envelope-open.stroked-icon:after {
  position: relative;
  content: "\f0c1";
}
.dlt-c8y-icon-envelope-open.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-edit-message.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-edit-message.stroked-icon:after {
  position: relative;
  content: "\f0b1";
}
.dlt-c8y-icon-edit-message.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-received.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-received.stroked-icon:after {
  position: relative;
  content: "\f100";
}
.dlt-c8y-icon-received.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-deleted-message.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-deleted-message.stroked-icon:after {
  position: relative;
  content: "\f0a9";
}
.dlt-c8y-icon-deleted-message.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-group-message.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-group-message.stroked-icon:after {
  position: relative;
  content: "\f0bb";
}
.dlt-c8y-icon-group-message.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-subscription.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-subscription.stroked-icon:after {
  position: relative;
  content: "\f12b";
}
.dlt-c8y-icon-subscription.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-unsubscribe.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-unsubscribe.stroked-icon:after {
  position: relative;
  content: "\f134";
}
.dlt-c8y-icon-unsubscribe.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-send-email.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-send-email.stroked-icon:after {
  position: relative;
  content: "\f116";
}
.dlt-c8y-icon-send-email.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-read-message.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-read-message.stroked-icon:after {
  position: relative;
  content: "\f1a6";
}
.dlt-c8y-icon-read-message.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-inbox.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-inbox.stroked-icon:after {
  position: relative;
  content: "\f0c2";
}
.dlt-c8y-icon-inbox.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-add-to-inbox.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-add-to-inbox.stroked-icon:after {
  position: relative;
  content: "\f08f";
}
.dlt-c8y-icon-add-to-inbox.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-check-inbox.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-check-inbox.stroked-icon:after {
  position: relative;
  content: "\f09b";
}
.dlt-c8y-icon-check-inbox.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-remove-from-inbox.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-remove-from-inbox.stroked-icon:after {
  position: relative;
  content: "\f104";
}
.dlt-c8y-icon-remove-from-inbox.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-outbox.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-outbox.stroked-icon:after {
  position: relative;
  content: "\f0ed";
}
.dlt-c8y-icon-outbox.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-post.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-post.stroked-icon:after {
  position: relative;
  content: "\f0f2";
}
.dlt-c8y-icon-post.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-envelope-square.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-envelope-square.stroked-icon:after {
  position: relative;
  content: "\f0f2";
}
.dlt-c8y-icon-envelope-square.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-sheet.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-sheet.stroked-icon:after {
  position: relative;
  content: "\f11f";
}
.dlt-c8y-icon-sheet.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-sticky-note.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-sticky-note.stroked-icon:after {
  position: relative;
  content: "\f11f";
}
.dlt-c8y-icon-sticky-note.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-sticky-note-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-sticky-note-o.stroked-icon:after {
  position: relative;
  content: "\f11f";
}
.dlt-c8y-icon-sticky-note-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-note1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-note1.stroked-icon:after {
  position: relative;
  content: "\f0e7";
}
.dlt-c8y-icon-note1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-secure.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-secure.stroked-icon:after {
  position: relative;
  content: "\f111";
}
.dlt-c8y-icon-secure.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-retweet.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-retweet.stroked-icon:after {
  position: relative;
  content: "\f10b";
}
.dlt-c8y-icon-retweet.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-rss.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-rss.stroked-icon:after {
  position: relative;
  content: "\f10c";
}
.dlt-c8y-icon-rss.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-rss-square.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-rss-square.stroked-icon:after {
  position: relative;
  content: "\f10c";
}
.dlt-c8y-icon-rss-square.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-feed.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-feed.stroked-icon:after {
  position: relative;
  content: "\f10c";
}
.dlt-c8y-icon-feed.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-cancel-subscription.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-cancel-subscription.stroked-icon:after {
  position: relative;
  content: "\f095";
}
.dlt-c8y-icon-cancel-subscription.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-link.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-link.stroked-icon:after {
  position: relative;
  content: "\f0ca";
}
.dlt-c8y-icon-link.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-chain.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-chain.stroked-icon:after {
  position: relative;
  content: "\f0ca";
}
.dlt-c8y-icon-chain.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-link-off.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-link-off.stroked-icon:after {
  position: relative;
  content: "\e9da";
}
.dlt-c8y-icon-link-off.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-chain-broken.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-chain-broken.stroked-icon:after {
  position: relative;
  content: "\e9da";
}
.dlt-c8y-icon-chain-broken.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-unlink.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-unlink.stroked-icon:after {
  position: relative;
  content: "\e9da";
}
.dlt-c8y-icon-unlink.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-sent.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-sent.stroked-icon:after {
  position: relative;
  content: "\f11b";
}
.dlt-c8y-icon-sent.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-send.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-send.stroked-icon:after {
  position: relative;
  content: "\f0b3";
}
.dlt-c8y-icon-send.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-email-send.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-email-send.stroked-icon:after {
  position: relative;
  content: "\f0b3";
}
.dlt-c8y-icon-email-send.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-send-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-send-o.stroked-icon:after {
  position: relative;
  content: "\f0b3";
}
.dlt-c8y-icon-send-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-paper-plane.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-paper-plane.stroked-icon:after {
  position: relative;
  content: "\f0b3";
}
.dlt-c8y-icon-paper-plane.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-paper-plane-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-paper-plane-o.stroked-icon:after {
  position: relative;
  content: "\f0b3";
}
.dlt-c8y-icon-paper-plane-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-hashtag.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-hashtag.stroked-icon:after {
  position: relative;
  content: "\ea73";
}
.dlt-c8y-icon-hashtag.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-podcast.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-podcast.stroked-icon:after {
  position: relative;
  content: "\eb4b";
}
.dlt-c8y-icon-podcast.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-headphones.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-headphones.stroked-icon:after {
  position: relative;
  content: "\eb4c";
}
.dlt-c8y-icon-headphones.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-volume-control-phone.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-volume-control-phone.stroked-icon:after {
  position: relative;
  content: "\eb4d";
}
.dlt-c8y-icon-volume-control-phone.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-volume-off.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-volume-off.stroked-icon:after {
  position: relative;
  content: "\e915";
}
.dlt-c8y-icon-volume-off.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-volume-mute.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-volume-mute.stroked-icon:after {
  position: relative;
  content: "\e915";
}
.dlt-c8y-icon-volume-mute.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-volume-zero.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-volume-zero.stroked-icon:after {
  position: relative;
  content: "\e915";
}
.dlt-c8y-icon-volume-zero.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-volume-low.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-volume-low.stroked-icon:after {
  position: relative;
  content: "\ea74";
}
.dlt-c8y-icon-volume-low.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-volume-down.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-volume-down.stroked-icon:after {
  position: relative;
  content: "\ea74";
}
.dlt-c8y-icon-volume-down.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-volume.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-volume.stroked-icon:after {
  position: relative;
  content: "\ea75";
}
.dlt-c8y-icon-volume.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-speaker.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-speaker.stroked-icon:after {
  position: relative;
  content: "\f1ba";
}
.dlt-c8y-icon-speaker.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-volume-up.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-volume-up.stroked-icon:after {
  position: relative;
  content: "\f1ba";
}
.dlt-c8y-icon-volume-up.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-volume-high.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-volume-high.stroked-icon:after {
  position: relative;
  content: "\f1ba";
}
.dlt-c8y-icon-volume-high.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-sound.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-sound.stroked-icon:after {
  position: relative;
  content: "\ef8e";
}
.dlt-c8y-icon-sound.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-headset.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-headset.stroked-icon:after {
  position: relative;
  content: "\f165";
}
.dlt-c8y-icon-headset.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-play-circle.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-play-circle.stroked-icon:after {
  position: relative;
  content: "\ea77";
}
.dlt-c8y-icon-play-circle.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-pause-circle.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-pause-circle.stroked-icon:after {
  position: relative;
  content: "\ea79";
}
.dlt-c8y-icon-pause-circle.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-stop-circle.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-stop-circle.stroked-icon:after {
  position: relative;
  content: "\ea7a";
}
.dlt-c8y-icon-stop-circle.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-skip-previous.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-skip-previous.stroked-icon:after {
  position: relative;
  content: "\e9ec";
}
.dlt-c8y-icon-skip-previous.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-step-backward.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-step-backward.stroked-icon:after {
  position: relative;
  content: "\e9ec";
}
.dlt-c8y-icon-step-backward.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-fast-rewind.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-fast-rewind.stroked-icon:after {
  position: relative;
  content: "\ea7c";
}
.dlt-c8y-icon-fast-rewind.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-rewind.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-rewind.stroked-icon:after {
  position: relative;
  content: "\ea7d";
}
.dlt-c8y-icon-rewind.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-fast-rewind1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-fast-rewind1.stroked-icon:after {
  position: relative;
  content: "\ea7d";
}
.dlt-c8y-icon-fast-rewind1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-fast-backward.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-fast-backward.stroked-icon:after {
  position: relative;
  content: "\ea7d";
}
.dlt-c8y-icon-fast-backward.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-backward.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-backward.stroked-icon:after {
  position: relative;
  content: "\ea7d";
}
.dlt-c8y-icon-backward.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-play-arrow.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-play-arrow.stroked-icon:after {
  position: relative;
  content: "\e9e8";
}
.dlt-c8y-icon-play-arrow.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-play.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-play.stroked-icon:after {
  position: relative;
  content: "\e9e8";
}
.dlt-c8y-icon-play.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-play-circle1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-play-circle1.stroked-icon:after {
  position: relative;
  content: "\e9e8";
}
.dlt-c8y-icon-play-circle1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-play-circle-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-play-circle-o.stroked-icon:after {
  position: relative;
  content: "\e9e8";
}
.dlt-c8y-icon-play-circle-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-pause.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-pause.stroked-icon:after {
  position: relative;
  content: "\e9e4";
}
.dlt-c8y-icon-pause.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-stop.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-stop.stroked-icon:after {
  position: relative;
  content: "\ea7e";
}
.dlt-c8y-icon-stop.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-forward11.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-forward11.stroked-icon:after {
  position: relative;
  content: "\ea7f";
}
.dlt-c8y-icon-forward11.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-fast-forward.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-fast-forward.stroked-icon:after {
  position: relative;
  content: "\ea7f";
}
.dlt-c8y-icon-fast-forward.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-forward111.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-forward111.stroked-icon:after {
  position: relative;
  content: "\ea7f";
}
.dlt-c8y-icon-forward111.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-fast-forward1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-fast-forward1.stroked-icon:after {
  position: relative;
  content: "\ea82";
}
.dlt-c8y-icon-fast-forward1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-skip-next.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-skip-next.stroked-icon:after {
  position: relative;
  content: "\e9eb";
}
.dlt-c8y-icon-skip-next.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-step-forward.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-step-forward.stroked-icon:after {
  position: relative;
  content: "\e9eb";
}
.dlt-c8y-icon-step-forward.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-no-image.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-no-image.stroked-icon:after {
  position: relative;
  content: "\ecd3";
}
.dlt-c8y-icon-no-image.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-local-movies.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-local-movies.stroked-icon:after {
  position: relative;
  content: "\e9ad";
}
.dlt-c8y-icon-local-movies.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-theaters.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-theaters.stroked-icon:after {
  position: relative;
  content: "\e9ad";
}
.dlt-c8y-icon-theaters.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-film.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-film.stroked-icon:after {
  position: relative;
  content: "\e9ad";
}
.dlt-c8y-icon-film.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-mic.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-mic.stroked-icon:after {
  position: relative;
  content: "\e9ae";
}
.dlt-c8y-icon-mic.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-microphone.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-microphone.stroked-icon:after {
  position: relative;
  content: "\e9ae";
}
.dlt-c8y-icon-microphone.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-block-microphone.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-block-microphone.stroked-icon:after {
  position: relative;
  content: "\f147";
}
.dlt-c8y-icon-block-microphone.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-microphone-slash.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-microphone-slash.stroked-icon:after {
  position: relative;
  content: "\f147";
}
.dlt-c8y-icon-microphone-slash.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-music-note.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-music-note.stroked-icon:after {
  position: relative;
  content: "\e9af";
}
.dlt-c8y-icon-music-note.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-music.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-music.stroked-icon:after {
  position: relative;
  content: "\e9af";
}
.dlt-c8y-icon-music.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-photo-camera-front.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-photo-camera-front.stroked-icon:after {
  position: relative;
  content: "\e91d";
}
.dlt-c8y-icon-photo-camera-front.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-video-camera.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-video-camera.stroked-icon:after {
  position: relative;
  content: "\e91d";
}
.dlt-c8y-icon-video-camera.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-camera.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-camera.stroked-icon:after {
  position: relative;
  content: "\f297";
}
.dlt-c8y-icon-camera.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-camera-retro.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-camera-retro.stroked-icon:after {
  position: relative;
  content: "\f297";
}
.dlt-c8y-icon-camera-retro.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-cam.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-cam.stroked-icon:after {
  position: relative;
  content: "\f297";
}
.dlt-c8y-icon-cam.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-image.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-image.stroked-icon:after {
  position: relative;
  content: "\f2bd";
}
.dlt-c8y-icon-image.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-picture.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-picture.stroked-icon:after {
  position: relative;
  content: "\f2bd";
}
.dlt-c8y-icon-picture.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-picture-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-picture-o.stroked-icon:after {
  position: relative;
  content: "\f2bd";
}
.dlt-c8y-icon-picture-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-photo.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-photo.stroked-icon:after {
  position: relative;
  content: "\f2bd";
}
.dlt-c8y-icon-photo.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-photo-gallery.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-photo-gallery.stroked-icon:after {
  position: relative;
  content: "\f2cc";
}
.dlt-c8y-icon-photo-gallery.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-albums.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-albums.stroked-icon:after {
  position: relative;
  content: "\f291";
}
.dlt-c8y-icon-albums.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-cubes.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-cubes.stroked-icon:after {
  position: relative;
  content: "\f291";
}
.dlt-c8y-icon-cubes.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-slides.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-slides.stroked-icon:after {
  position: relative;
  content: "\ea86";
}
.dlt-c8y-icon-slides.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-bursts.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-bursts.stroked-icon:after {
  position: relative;
  content: "\f295";
}
.dlt-c8y-icon-bursts.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-exposure.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-exposure.stroked-icon:after {
  position: relative;
  content: "\f2ac";
}
.dlt-c8y-icon-exposure.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-gallery.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-gallery.stroked-icon:after {
  position: relative;
  content: "\f2b7";
}
.dlt-c8y-icon-gallery.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-insert-clip.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-insert-clip.stroked-icon:after {
  position: relative;
  content: "\f2bf";
}
.dlt-c8y-icon-insert-clip.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-memories.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-memories.stroked-icon:after {
  position: relative;
  content: "\f2c2";
}
.dlt-c8y-icon-memories.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-overwrite-clip.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-overwrite-clip.stroked-icon:after {
  position: relative;
  content: "\f2ca";
}
.dlt-c8y-icon-overwrite-clip.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-selfies.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-selfies.stroked-icon:after {
  position: relative;
  content: "\f2d6";
}
.dlt-c8y-icon-selfies.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-facebook.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-facebook.stroked-icon:after {
  position: relative;
  content: "\ea87";
}
.dlt-c8y-icon-facebook.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-instagram.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-instagram.stroked-icon:after {
  position: relative;
  content: "\ea89";
}
.dlt-c8y-icon-instagram.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-linkedin.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-linkedin.stroked-icon:after {
  position: relative;
  content: "\ea8a";
}
.dlt-c8y-icon-linkedin.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-pinterest.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-pinterest.stroked-icon:after {
  position: relative;
  content: "\ea8c";
}
.dlt-c8y-icon-pinterest.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-twitter.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-twitter.stroked-icon:after {
  position: relative;
  content: "\ea8d";
}
.dlt-c8y-icon-twitter.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-youtube.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-youtube.stroked-icon:after {
  position: relative;
  content: "\ea8e";
}
.dlt-c8y-icon-youtube.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-youtube-play.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-youtube-play.stroked-icon:after {
  position: relative;
  content: "\ea8e";
}
.dlt-c8y-icon-youtube-play.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-google.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-google.stroked-icon:after {
  position: relative;
  content: "\ea90";
}
.dlt-c8y-icon-google.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-github.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-github.stroked-icon:after {
  position: relative;
  content: "\ea92";
}
.dlt-c8y-icon-github.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-cloud.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-cloud.stroked-icon:after {
  position: relative;
  content: "\ea94";
}
.dlt-c8y-icon-cloud.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-cloud-search.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-cloud-search.stroked-icon:after {
  position: relative;
  content: "\ea96";
}
.dlt-c8y-icon-cloud-search.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-search-in-cloud.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-search-in-cloud.stroked-icon:after {
  position: relative;
  content: "\ea96";
}
.dlt-c8y-icon-search-in-cloud.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-cloud-settings.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-cloud-settings.stroked-icon:after {
  position: relative;
  content: "\ea97";
}
.dlt-c8y-icon-cloud-settings.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-cloud-checked.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-cloud-checked.stroked-icon:after {
  position: relative;
  content: "\ea9a";
}
.dlt-c8y-icon-cloud-checked.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-cloud-restricted.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-cloud-restricted.stroked-icon:after {
  position: relative;
  content: "\ea9b";
}
.dlt-c8y-icon-cloud-restricted.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-cloud-plus.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-cloud-plus.stroked-icon:after {
  position: relative;
  content: "\ea9c";
}
.dlt-c8y-icon-cloud-plus.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-cloud-minus.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-cloud-minus.stroked-icon:after {
  position: relative;
  content: "\ea9d";
}
.dlt-c8y-icon-cloud-minus.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-cloud-error.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-cloud-error.stroked-icon:after {
  position: relative;
  content: "\ea9e";
}
.dlt-c8y-icon-cloud-error.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-cloud-unavailable.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-cloud-unavailable.stroked-icon:after {
  position: relative;
  content: "\ea9f";
}
.dlt-c8y-icon-cloud-unavailable.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-cloud-upload.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-cloud-upload.stroked-icon:after {
  position: relative;
  content: "\eaa0";
}
.dlt-c8y-icon-cloud-upload.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-backup.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-backup.stroked-icon:after {
  position: relative;
  content: "\eaa0";
}
.dlt-c8y-icon-backup.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-cloud-download.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-cloud-download.stroked-icon:after {
  position: relative;
  content: "\eaa1";
}
.dlt-c8y-icon-cloud-download.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-cloud-backup-restore.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-cloud-backup-restore.stroked-icon:after {
  position: relative;
  content: "\f1ea";
}
.dlt-c8y-icon-cloud-backup-restore.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-cloud-remote-working.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-cloud-remote-working.stroked-icon:after {
  position: relative;
  content: "\eaa2";
}
.dlt-c8y-icon-cloud-remote-working.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-cloud-bar-chart.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-cloud-bar-chart.stroked-icon:after {
  position: relative;
  content: "\f1eb";
}
.dlt-c8y-icon-cloud-bar-chart.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-cloud-binary-code.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-cloud-binary-code.stroked-icon:after {
  position: relative;
  content: "\f1ec";
}
.dlt-c8y-icon-cloud-binary-code.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-cloud-broadcasting.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-cloud-broadcasting.stroked-icon:after {
  position: relative;
  content: "\f1ed";
}
.dlt-c8y-icon-cloud-broadcasting.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-secure-cloud.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-secure-cloud.stroked-icon:after {
  position: relative;
  content: "\f237";
}
.dlt-c8y-icon-secure-cloud.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-error-cloud.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-error-cloud.stroked-icon:after {
  position: relative;
  content: "\f216";
}
.dlt-c8y-icon-error-cloud.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-cloud-cross.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-cloud-cross.stroked-icon:after {
  position: relative;
  content: "\f1f3";
}
.dlt-c8y-icon-cloud-cross.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-dashed-cloud.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-dashed-cloud.stroked-icon:after {
  position: relative;
  content: "\f20f";
}
.dlt-c8y-icon-dashed-cloud.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-cloud-connection.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-cloud-connection.stroked-icon:after {
  position: relative;
  content: "\f1f2";
}
.dlt-c8y-icon-cloud-connection.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-cloud-firewall.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-cloud-firewall.stroked-icon:after {
  position: relative;
  content: "\f1f6";
}
.dlt-c8y-icon-cloud-firewall.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-cloud-link.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-cloud-link.stroked-icon:after {
  position: relative;
  content: "\f1f9";
}
.dlt-c8y-icon-cloud-link.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-cloud-waiting.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-cloud-waiting.stroked-icon:after {
  position: relative;
  content: "\f205";
}
.dlt-c8y-icon-cloud-waiting.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-public-cloud.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-public-cloud.stroked-icon:after {
  position: relative;
  content: "\f22e";
}
.dlt-c8y-icon-public-cloud.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-delete-from-cloud.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-delete-from-cloud.stroked-icon:after {
  position: relative;
  content: "\f212";
}
.dlt-c8y-icon-delete-from-cloud.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-cloud-refresh.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-cloud-refresh.stroked-icon:after {
  position: relative;
  content: "\f1fd";
}
.dlt-c8y-icon-cloud-refresh.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-cloud-right-u-arrow.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-cloud-right-u-arrow.stroked-icon:after {
  position: relative;
  content: "\f1fe";
}
.dlt-c8y-icon-cloud-right-u-arrow.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-cloud-share-symbol.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-cloud-share-symbol.stroked-icon:after {
  position: relative;
  content: "\f1ff";
}
.dlt-c8y-icon-cloud-share-symbol.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-cloud-development.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-cloud-development.stroked-icon:after {
  position: relative;
  content: "\f1f5";
}
.dlt-c8y-icon-cloud-development.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-cloud-sync.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-cloud-sync.stroked-icon:after {
  position: relative;
  content: "\f201";
}
.dlt-c8y-icon-cloud-sync.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-cloud-user.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-cloud-user.stroked-icon:after {
  position: relative;
  content: "\f202";
}
.dlt-c8y-icon-cloud-user.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-cloud-computing.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-cloud-computing.stroked-icon:after {
  position: relative;
  content: "\f1f1";
}
.dlt-c8y-icon-cloud-computing.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-cloud-storage.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-cloud-storage.stroked-icon:after {
  position: relative;
  content: "\eb02";
}
.dlt-c8y-icon-cloud-storage.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-cloud-network.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-cloud-network.stroked-icon:after {
  position: relative;
  content: "\f1fa";
}
.dlt-c8y-icon-cloud-network.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-computer.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-computer.stroked-icon:after {
  position: relative;
  content: "\f207";
}
.dlt-c8y-icon-computer.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-connected-people.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-connected-people.stroked-icon:after {
  position: relative;
  content: "\f20b";
}
.dlt-c8y-icon-connected-people.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-connection-sync.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-connection-sync.stroked-icon:after {
  position: relative;
  content: "\f20c";
}
.dlt-c8y-icon-connection-sync.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-network-2.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-network-2.stroked-icon:after {
  position: relative;
  content: "\f226";
}
.dlt-c8y-icon-network-2.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-incoming-data.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-incoming-data.stroked-icon:after {
  position: relative;
  content: "\f21c";
}
.dlt-c8y-icon-incoming-data.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-outgoing-data.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-outgoing-data.stroked-icon:after {
  position: relative;
  content: "\e903";
}
.dlt-c8y-icon-outgoing-data.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-remote-desktop1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-remote-desktop1.stroked-icon:after {
  position: relative;
  content: "\f230";
}
.dlt-c8y-icon-remote-desktop1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-security-wi-fi.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-security-wi-fi.stroked-icon:after {
  position: relative;
  content: "\f239";
}
.dlt-c8y-icon-security-wi-fi.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-server1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-server1.stroked-icon:after {
  position: relative;
  content: "\f23b";
}
.dlt-c8y-icon-server1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-server-shutdown1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-server-shutdown1.stroked-icon:after {
  position: relative;
  content: "\f23d";
}
.dlt-c8y-icon-server-shutdown1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-ftp-server.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-ftp-server.stroked-icon:after {
  position: relative;
  content: "\f219";
}
.dlt-c8y-icon-ftp-server.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-thin-client.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-thin-client.stroked-icon:after {
  position: relative;
  content: "\f246";
}
.dlt-c8y-icon-thin-client.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-wi-fi.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-wi-fi.stroked-icon:after {
  position: relative;
  content: "\f251";
}
.dlt-c8y-icon-wi-fi.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-wifi.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-wifi.stroked-icon:after {
  position: relative;
  content: "\f251";
}
.dlt-c8y-icon-wifi.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-wireless-network.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-wireless-network.stroked-icon:after {
  position: relative;
  content: "\f251";
}
.dlt-c8y-icon-wireless-network.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-wi-fi-off.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-wi-fi-off.stroked-icon:after {
  position: relative;
  content: "\f258";
}
.dlt-c8y-icon-wi-fi-off.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-wi-fi-connected.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-wi-fi-connected.stroked-icon:after {
  position: relative;
  content: "\f252";
}
.dlt-c8y-icon-wi-fi-connected.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-wi-fi-disconnected.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-wi-fi-disconnected.stroked-icon:after {
  position: relative;
  content: "\f254";
}
.dlt-c8y-icon-wi-fi-disconnected.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-wi-fi-lock.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-wi-fi-lock.stroked-icon:after {
  position: relative;
  content: "\f255";
}
.dlt-c8y-icon-wi-fi-lock.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-scan-wi-fi.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-scan-wi-fi.stroked-icon:after {
  position: relative;
  content: "\f235";
}
.dlt-c8y-icon-scan-wi-fi.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-bluetooth.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-bluetooth.stroked-icon:after {
  position: relative;
  content: "\f1d7";
}
.dlt-c8y-icon-bluetooth.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-bluetooth-b.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-bluetooth-b.stroked-icon:after {
  position: relative;
  content: "\f1d7";
}
.dlt-c8y-icon-bluetooth-b.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-bluetooth-symbol.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-bluetooth-symbol.stroked-icon:after {
  position: relative;
  content: "\f1d7";
}
.dlt-c8y-icon-bluetooth-symbol.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-decentralized-network.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-decentralized-network.stroked-icon:after {
  position: relative;
  content: "\f211";
}
.dlt-c8y-icon-decentralized-network.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-centralized-network.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-centralized-network.stroked-icon:after {
  position: relative;
  content: "\f1db";
}
.dlt-c8y-icon-centralized-network.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-light-bulb-outline.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-light-bulb-outline.stroked-icon:after {
  position: relative;
  content: "\eaa4";
}
.dlt-c8y-icon-light-bulb-outline.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-medkit.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-medkit.stroked-icon:after {
  position: relative;
  content: "\eb4e";
}
.dlt-c8y-icon-medkit.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-fax.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-fax.stroked-icon:after {
  position: relative;
  content: "\eb50";
}
.dlt-c8y-icon-fax.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-beer.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-beer.stroked-icon:after {
  position: relative;
  content: "\eb52";
}
.dlt-c8y-icon-beer.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-department.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-department.stroked-icon:after {
  position: relative;
  content: "\eaa5";
}
.dlt-c8y-icon-department.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-stacked-organizational-chart.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-stacked-organizational-chart.stroked-icon:after {
  position: relative;
  content: "\eaa6";
}
.dlt-c8y-icon-stacked-organizational-chart.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-tty.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-tty.stroked-icon:after {
  position: relative;
  content: "\e90c";
}
.dlt-c8y-icon-tty.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-target.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-target.stroked-icon:after {
  position: relative;
  content: "\ea6e";
}
.dlt-c8y-icon-target.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-crosshairs.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-crosshairs.stroked-icon:after {
  position: relative;
  content: "\ea6e";
}
.dlt-c8y-icon-crosshairs.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-accuracy.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-accuracy.stroked-icon:after {
  position: relative;
  content: "\e963";
}
.dlt-c8y-icon-accuracy.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-goal.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-goal.stroked-icon:after {
  position: relative;
  content: "\e9dd";
}
.dlt-c8y-icon-goal.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-bullseye.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-bullseye.stroked-icon:after {
  position: relative;
  content: "\e9dd";
}
.dlt-c8y-icon-bullseye.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-address-book.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-address-book.stroked-icon:after {
  position: relative;
  content: "\e967";
}
.dlt-c8y-icon-address-book.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-address-book-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-address-book-o.stroked-icon:after {
  position: relative;
  content: "\e967";
}
.dlt-c8y-icon-address-book-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-contacts-book.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-contacts-book.stroked-icon:after {
  position: relative;
  content: "\e967";
}
.dlt-c8y-icon-contacts-book.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-attract-customers.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-attract-customers.stroked-icon:after {
  position: relative;
  content: "\e971";
}
.dlt-c8y-icon-attract-customers.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-magnet.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-magnet.stroked-icon:after {
  position: relative;
  content: "\e971";
}
.dlt-c8y-icon-magnet.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-guarantee.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-guarantee.stroked-icon:after {
  position: relative;
  content: "\e9e3";
}
.dlt-c8y-icon-guarantee.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-commercial.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-commercial.stroked-icon:after {
  position: relative;
  content: "\e993";
}
.dlt-c8y-icon-commercial.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-bullhorn.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-bullhorn.stroked-icon:after {
  position: relative;
  content: "\e993";
}
.dlt-c8y-icon-bullhorn.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-announcement.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-announcement.stroked-icon:after {
  position: relative;
  content: "\e993";
}
.dlt-c8y-icon-announcement.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-podium.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-podium.stroked-icon:after {
  position: relative;
  content: "\ea2f";
}
.dlt-c8y-icon-podium.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-time-card.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-time-card.stroked-icon:after {
  position: relative;
  content: "\ea78";
}
.dlt-c8y-icon-time-card.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-change.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-change.stroked-icon:after {
  position: relative;
  content: "\e989";
}
.dlt-c8y-icon-change.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-applicant.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-applicant.stroked-icon:after {
  position: relative;
  content: "\e96c";
}
.dlt-c8y-icon-applicant.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-download-resume.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-download-resume.stroked-icon:after {
  position: relative;
  content: "\e9c3";
}
.dlt-c8y-icon-download-resume.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-submit-resume.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-submit-resume.stroked-icon:after {
  position: relative;
  content: "\ea6a";
}
.dlt-c8y-icon-submit-resume.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-briefcase.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-briefcase.stroked-icon:after {
  position: relative;
  content: "\e97f";
}
.dlt-c8y-icon-briefcase.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-suitcase.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-suitcase.stroked-icon:after {
  position: relative;
  content: "\e97f";
}
.dlt-c8y-icon-suitcase.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-new-job.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-new-job.stroked-icon:after {
  position: relative;
  content: "\ea0d";
}
.dlt-c8y-icon-new-job.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-job-seeker.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-job-seeker.stroked-icon:after {
  position: relative;
  content: "\e9f0";
}
.dlt-c8y-icon-job-seeker.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-business-building.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-business-building.stroked-icon:after {
  position: relative;
  content: "\e982";
}
.dlt-c8y-icon-business-building.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-dossier.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-dossier.stroked-icon:after {
  position: relative;
  content: "\e9c0";
}
.dlt-c8y-icon-dossier.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-alarms.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-alarms.stroked-icon:after {
  position: relative;
  content: "\e969";
}
.dlt-c8y-icon-alarms.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-project.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-project.stroked-icon:after {
  position: relative;
  content: "\ea3e";
}
.dlt-c8y-icon-project.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-important-book.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-important-book.stroked-icon:after {
  position: relative;
  content: "\e9e9";
}
.dlt-c8y-icon-important-book.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-important-note.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-important-note.stroked-icon:after {
  position: relative;
  content: "\e9ea";
}
.dlt-c8y-icon-important-note.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-name-tag.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-name-tag.stroked-icon:after {
  position: relative;
  content: "\ea0a";
}
.dlt-c8y-icon-name-tag.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-id-badge.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-id-badge.stroked-icon:after {
  position: relative;
  content: "\ea0a";
}
.dlt-c8y-icon-id-badge.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-assignment-return.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-assignment-return.stroked-icon:after {
  position: relative;
  content: "\e970";
}
.dlt-c8y-icon-assignment-return.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-note-taking.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-note-taking.stroked-icon:after {
  position: relative;
  content: "\ea13";
}
.dlt-c8y-icon-note-taking.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-audit.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-audit.stroked-icon:after {
  position: relative;
  content: "\e972";
}
.dlt-c8y-icon-audit.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-badge.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-badge.stroked-icon:after {
  position: relative;
  content: "\e975";
}
.dlt-c8y-icon-badge.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-vcard.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-vcard.stroked-icon:after {
  position: relative;
  content: "\e975";
}
.dlt-c8y-icon-vcard.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-vcard-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-vcard-o.stroked-icon:after {
  position: relative;
  content: "\e975";
}
.dlt-c8y-icon-vcard-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-id-card.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-id-card.stroked-icon:after {
  position: relative;
  content: "\e975";
}
.dlt-c8y-icon-id-card.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-id-card-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-id-card-o.stroked-icon:after {
  position: relative;
  content: "\e975";
}
.dlt-c8y-icon-id-card-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-address-card-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-address-card-o.stroked-icon:after {
  position: relative;
  content: "\e975";
}
.dlt-c8y-icon-address-card-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-address-card.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-address-card.stroked-icon:after {
  position: relative;
  content: "\e975";
}
.dlt-c8y-icon-address-card.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-drivers-license.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-drivers-license.stroked-icon:after {
  position: relative;
  content: "\e975";
}
.dlt-c8y-icon-drivers-license.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-drivers-license-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-drivers-license-o.stroked-icon:after {
  position: relative;
  content: "\e975";
}
.dlt-c8y-icon-drivers-license-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-new-contact.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-new-contact.stroked-icon:after {
  position: relative;
  content: "\ea0c";
}
.dlt-c8y-icon-new-contact.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-contact-details.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-contact-details.stroked-icon:after {
  position: relative;
  content: "\e99f";
}
.dlt-c8y-icon-contact-details.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-phone-contact.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-phone-contact.stroked-icon:after {
  position: relative;
  content: "\ea27";
}
.dlt-c8y-icon-phone-contact.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-inspection.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-inspection.stroked-icon:after {
  position: relative;
  content: "\e9ee";
}
.dlt-c8y-icon-inspection.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-clipboard-with-a-tick.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-clipboard-with-a-tick.stroked-icon:after {
  position: relative;
  content: "\e9ee";
}
.dlt-c8y-icon-clipboard-with-a-tick.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-survey.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-survey.stroked-icon:after {
  position: relative;
  content: "\ea6d";
}
.dlt-c8y-icon-survey.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-no-data-available.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-no-data-available.stroked-icon:after {
  position: relative;
  content: "\ea10";
}
.dlt-c8y-icon-no-data-available.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-task-planning.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-task-planning.stroked-icon:after {
  position: relative;
  content: "\ea71";
}
.dlt-c8y-icon-task-planning.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-invoice.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-invoice.stroked-icon:after {
  position: relative;
  content: "\eaa7";
}
.dlt-c8y-icon-invoice.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-summary-list.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-summary-list.stroked-icon:after {
  position: relative;
  content: "\ea6b";
}
.dlt-c8y-icon-summary-list.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-study.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-study.stroked-icon:after {
  position: relative;
  content: "\ea69";
}
.dlt-c8y-icon-study.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-card.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-card.stroked-icon:after {
  position: relative;
  content: "\eaa8";
}
.dlt-c8y-icon-card.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-job.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-job.stroked-icon:after {
  position: relative;
  content: "\e9ef";
}
.dlt-c8y-icon-job.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-print.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-print.stroked-icon:after {
  position: relative;
  content: "\eaab";
}
.dlt-c8y-icon-print.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-communication-internet.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-communication-internet.stroked-icon:after {
  position: relative;
  content: "\e996";
}
.dlt-c8y-icon-communication-internet.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-language-skill.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-language-skill.stroked-icon:after {
  position: relative;
  content: "\e9f4";
}
.dlt-c8y-icon-language-skill.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-language.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-language.stroked-icon:after {
  position: relative;
  content: "\e9f4";
}
.dlt-c8y-icon-language.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-close-program.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-close-program.stroked-icon:after {
  position: relative;
  content: "\e98b";
}
.dlt-c8y-icon-close-program.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-window-close.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-window-close.stroked-icon:after {
  position: relative;
  content: "\e98b";
}
.dlt-c8y-icon-window-close.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-window-close-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-window-close-o.stroked-icon:after {
  position: relative;
  content: "\e98b";
}
.dlt-c8y-icon-window-close-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-new-slide.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-new-slide.stroked-icon:after {
  position: relative;
  content: "\ea0f";
}
.dlt-c8y-icon-new-slide.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-web-analytics.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-web-analytics.stroked-icon:after {
  position: relative;
  content: "\ea8b";
}
.dlt-c8y-icon-web-analytics.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-planner.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-planner.stroked-icon:after {
  position: relative;
  content: "\ea2b";
}
.dlt-c8y-icon-planner.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-rescheduling-a-task.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-rescheduling-a-task.stroked-icon:after {
  position: relative;
  content: "\ea4a";
}
.dlt-c8y-icon-rescheduling-a-task.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-resume-website.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-resume-website.stroked-icon:after {
  position: relative;
  content: "\ea4f";
}
.dlt-c8y-icon-resume-website.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-product-documents.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-product-documents.stroked-icon:after {
  position: relative;
  content: "\ea37";
}
.dlt-c8y-icon-product-documents.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-resume-template.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-resume-template.stroked-icon:after {
  position: relative;
  content: "\ea4e";
}
.dlt-c8y-icon-resume-template.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-rubber-stamp.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-rubber-stamp.stroked-icon:after {
  position: relative;
  content: "\ea51";
}
.dlt-c8y-icon-rubber-stamp.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-stamp.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-stamp.stroked-icon:after {
  position: relative;
  content: "\ea64";
}
.dlt-c8y-icon-stamp.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-video-projector.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-video-projector.stroked-icon:after {
  position: relative;
  content: "\ea85";
}
.dlt-c8y-icon-video-projector.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-management1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-management1.stroked-icon:after {
  position: relative;
  content: "\e9ff";
}
.dlt-c8y-icon-management1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-gavel.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-gavel.stroked-icon:after {
  position: relative;
  content: "\e92c";
}
.dlt-c8y-icon-gavel.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-legal.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-legal.stroked-icon:after {
  position: relative;
  content: "\e92c";
}
.dlt-c8y-icon-legal.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-user-md.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-user-md.stroked-icon:after {
  position: relative;
  content: "\eb53";
}
.dlt-c8y-icon-user-md.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-wheelchair-alt.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-wheelchair-alt.stroked-icon:after {
  position: relative;
  content: "\eb55";
}
.dlt-c8y-icon-wheelchair-alt.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-wheelchair.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-wheelchair.stroked-icon:after {
  position: relative;
  content: "\eb56";
}
.dlt-c8y-icon-wheelchair.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-child.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-child.stroked-icon:after {
  position: relative;
  content: "\eb57";
}
.dlt-c8y-icon-child.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-workspace1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-workspace1.stroked-icon:after {
  position: relative;
  content: "\eab3";
}
.dlt-c8y-icon-workspace1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-male-user.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-male-user.stroked-icon:after {
  position: relative;
  content: "\f276";
}
.dlt-c8y-icon-male-user.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-user-circle-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-user-circle-o.stroked-icon:after {
  position: relative;
  content: "\f276";
}
.dlt-c8y-icon-user-circle-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-user-circle.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-user-circle.stroked-icon:after {
  position: relative;
  content: "\f276";
}
.dlt-c8y-icon-user-circle.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-user-plus.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-user-plus.stroked-icon:after {
  position: relative;
  content: "\eb58";
}
.dlt-c8y-icon-user-plus.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-add-user.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-add-user.stroked-icon:after {
  position: relative;
  content: "\eb58";
}
.dlt-c8y-icon-add-user.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-remove-user.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-remove-user.stroked-icon:after {
  position: relative;
  content: "\eb59";
}
.dlt-c8y-icon-remove-user.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-user-minus.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-user-minus.stroked-icon:after {
  position: relative;
  content: "\eb59";
}
.dlt-c8y-icon-user-minus.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-user-times.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-user-times.stroked-icon:after {
  position: relative;
  content: "\eb59";
}
.dlt-c8y-icon-user-times.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-user-account.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-user-account.stroked-icon:after {
  position: relative;
  content: "\f137";
}
.dlt-c8y-icon-user-account.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-user.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-user.stroked-icon:after {
  position: relative;
  content: "\f137";
}
.dlt-c8y-icon-user.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-user-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-user-o.stroked-icon:after {
  position: relative;
  content: "\f137";
}
.dlt-c8y-icon-user-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-manager.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-manager.stroked-icon:after {
  position: relative;
  content: "\ea00";
}
.dlt-c8y-icon-manager.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-businessman.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-businessman.stroked-icon:after {
  position: relative;
  content: "\ea00";
}
.dlt-c8y-icon-businessman.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-male.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-male.stroked-icon:after {
  position: relative;
  content: "\ea00";
}
.dlt-c8y-icon-male.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-document-writer.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-document-writer.stroked-icon:after {
  position: relative;
  content: "\f26b";
}
.dlt-c8y-icon-document-writer.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-supplier.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-supplier.stroked-icon:after {
  position: relative;
  content: "\ea6c";
}
.dlt-c8y-icon-supplier.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-search-client.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-search-client.stroked-icon:after {
  position: relative;
  content: "\ea56";
}
.dlt-c8y-icon-search-client.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-account-enable.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-account-enable.stroked-icon:after {
  position: relative;
  content: "\eab4";
}
.dlt-c8y-icon-account-enable.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-account-disable.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-account-disable.stroked-icon:after {
  position: relative;
  content: "\eab5";
}
.dlt-c8y-icon-account-disable.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-insurance-agent.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-insurance-agent.stroked-icon:after {
  position: relative;
  content: "\f274";
}
.dlt-c8y-icon-insurance-agent.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-payroll.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-payroll.stroked-icon:after {
  position: relative;
  content: "\ea20";
}
.dlt-c8y-icon-payroll.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-lawyer.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-lawyer.stroked-icon:after {
  position: relative;
  content: "\f275";
}
.dlt-c8y-icon-lawyer.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-complaint.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-complaint.stroked-icon:after {
  position: relative;
  content: "\e99a";
}
.dlt-c8y-icon-complaint.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-appointment-scheduling.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-appointment-scheduling.stroked-icon:after {
  position: relative;
  content: "\e96d";
}
.dlt-c8y-icon-appointment-scheduling.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-caretaker.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-caretaker.stroked-icon:after {
  position: relative;
  content: "\ee97";
}
.dlt-c8y-icon-caretaker.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-guardian.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-guardian.stroked-icon:after {
  position: relative;
  content: "\f3a0";
}
.dlt-c8y-icon-guardian.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-batch-assign.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-batch-assign.stroked-icon:after {
  position: relative;
  content: "\f367";
}
.dlt-c8y-icon-batch-assign.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-people.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-people.stroked-icon:after {
  position: relative;
  content: "\ea21";
}
.dlt-c8y-icon-people.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-users.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-users.stroked-icon:after {
  position: relative;
  content: "\ea21";
}
.dlt-c8y-icon-users.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-group1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-group1.stroked-icon:after {
  position: relative;
  content: "\ea21";
}
.dlt-c8y-icon-group1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-management.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-management.stroked-icon:after {
  position: relative;
  content: "\ea21";
}
.dlt-c8y-icon-management.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-team.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-team.stroked-icon:after {
  position: relative;
  content: "\ea21";
}
.dlt-c8y-icon-team.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-people-working-together.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-people-working-together.stroked-icon:after {
  position: relative;
  content: "\eab6";
}
.dlt-c8y-icon-people-working-together.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-group-task.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-group-task.stroked-icon:after {
  position: relative;
  content: "\e9e1";
}
.dlt-c8y-icon-group-task.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-accessibility.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-accessibility.stroked-icon:after {
  position: relative;
  content: "\e90d";
}
.dlt-c8y-icon-accessibility.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-universal-access.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-universal-access.stroked-icon:after {
  position: relative;
  content: "\e90d";
}
.dlt-c8y-icon-universal-access.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-pregnant-woman.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-pregnant-woman.stroked-icon:after {
  position: relative;
  content: "\e96b";
}
.dlt-c8y-icon-pregnant-woman.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-female.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-female.stroked-icon:after {
  position: relative;
  content: "\e96b";
}
.dlt-c8y-icon-female.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-business-conference-female-speaker.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-business-conference-female-speaker.stroked-icon:after {
  position: relative;
  content: "\e983";
}
.dlt-c8y-icon-business-conference-female-speaker.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-organization-chart-people.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-organization-chart-people.stroked-icon:after {
  position: relative;
  content: "\ea1e";
}
.dlt-c8y-icon-organization-chart-people.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-meeting-room.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-meeting-room.stroked-icon:after {
  position: relative;
  content: "\ea03";
}
.dlt-c8y-icon-meeting-room.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-permanent-job.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-permanent-job.stroked-icon:after {
  position: relative;
  content: "\ea23";
}
.dlt-c8y-icon-permanent-job.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-contact-us.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-contact-us.stroked-icon:after {
  position: relative;
  content: "\e9a0";
}
.dlt-c8y-icon-contact-us.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-voice-recognition.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-voice-recognition.stroked-icon:after {
  position: relative;
  content: "\ea88";
}
.dlt-c8y-icon-voice-recognition.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-collaboration.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-collaboration.stroked-icon:after {
  position: relative;
  content: "\e98e";
}
.dlt-c8y-icon-collaboration.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-technical-support.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-technical-support.stroked-icon:after {
  position: relative;
  content: "\ea76";
}
.dlt-c8y-icon-technical-support.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-online-support.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-online-support.stroked-icon:after {
  position: relative;
  content: "\ea1c";
}
.dlt-c8y-icon-online-support.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-student-male.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-student-male.stroked-icon:after {
  position: relative;
  content: "\eab7";
}
.dlt-c8y-icon-student-male.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-devops.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-devops.stroked-icon:after {
  position: relative;
  content: "\f26a";
}
.dlt-c8y-icon-devops.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-exhibitor.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-exhibitor.stroked-icon:after {
  position: relative;
  content: "\f26c";
}
.dlt-c8y-icon-exhibitor.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-env-permission.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-env-permission.stroked-icon:after {
  position: relative;
  content: "\eab9";
}
.dlt-c8y-icon-env-permission.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-bathtub.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-bathtub.stroked-icon:after {
  position: relative;
  content: "\e96f";
}
.dlt-c8y-icon-bathtub.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-bath.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-bath.stroked-icon:after {
  position: relative;
  content: "\e96f";
}
.dlt-c8y-icon-bath.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-s15.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-s15.stroked-icon:after {
  position: relative;
  content: "\e96f";
}
.dlt-c8y-icon-s15.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-hotel.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-hotel.stroked-icon:after {
  position: relative;
  content: "\e96e";
}
.dlt-c8y-icon-hotel.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-local-hotel.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-local-hotel.stroked-icon:after {
  position: relative;
  content: "\e96e";
}
.dlt-c8y-icon-local-hotel.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-bed.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-bed.stroked-icon:after {
  position: relative;
  content: "\e96e";
}
.dlt-c8y-icon-bed.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-intelligence.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-intelligence.stroked-icon:after {
  position: relative;
  content: "\eabe";
}
.dlt-c8y-icon-intelligence.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-source-code.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-source-code.stroked-icon:after {
  position: relative;
  content: "\f342";
}
.dlt-c8y-icon-source-code.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-code.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-code.stroked-icon:after {
  position: relative;
  content: "\f342";
}
.dlt-c8y-icon-code.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-html-code.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-html-code.stroked-icon:after {
  position: relative;
  content: "\f342";
}
.dlt-c8y-icon-html-code.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-code1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-code1.stroked-icon:after {
  position: relative;
  content: "\eabf";
}
.dlt-c8y-icon-code1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-file-code-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-file-code-o.stroked-icon:after {
  position: relative;
  content: "\eabf";
}
.dlt-c8y-icon-file-code-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-console.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-console.stroked-icon:after {
  position: relative;
  content: "\eac0";
}
.dlt-c8y-icon-console.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-terminal.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-terminal.stroked-icon:after {
  position: relative;
  content: "\eac0";
}
.dlt-c8y-icon-terminal.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-add-property.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-add-property.stroked-icon:after {
  position: relative;
  content: "\f2f8";
}
.dlt-c8y-icon-add-property.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-delete-document.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-delete-document.stroked-icon:after {
  position: relative;
  content: "\f309";
}
.dlt-c8y-icon-delete-document.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-urgent-property.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-urgent-property.stroked-icon:after {
  position: relative;
  content: "\f356";
}
.dlt-c8y-icon-urgent-property.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-remove-property.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-remove-property.stroked-icon:after {
  position: relative;
  content: "\f338";
}
.dlt-c8y-icon-remove-property.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-edit-property.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-edit-property.stroked-icon:after {
  position: relative;
  content: "\f30c";
}
.dlt-c8y-icon-edit-property.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-template.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-template.stroked-icon:after {
  position: relative;
  content: "\f34d";
}
.dlt-c8y-icon-template.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-test.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-test.stroked-icon:after {
  position: relative;
  content: "\f34e";
}
.dlt-c8y-icon-test.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-property-script.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-property-script.stroked-icon:after {
  position: relative;
  content: "\f335";
}
.dlt-c8y-icon-property-script.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-show-property.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-show-property.stroked-icon:after {
  position: relative;
  content: "\f33f";
}
.dlt-c8y-icon-show-property.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-search-property.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-search-property.stroked-icon:after {
  position: relative;
  content: "\f33e";
}
.dlt-c8y-icon-search-property.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-timesheet.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-timesheet.stroked-icon:after {
  position: relative;
  content: "\f351";
}
.dlt-c8y-icon-timesheet.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-important-property.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-important-property.stroked-icon:after {
  position: relative;
  content: "\f317";
}
.dlt-c8y-icon-important-property.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-new-property.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-new-property.stroked-icon:after {
  position: relative;
  content: "\f328";
}
.dlt-c8y-icon-new-property.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-navigation-toolbar-top.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-navigation-toolbar-top.stroked-icon:after {
  position: relative;
  content: "\f327";
}
.dlt-c8y-icon-navigation-toolbar-top.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-window-maximize.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-window-maximize.stroked-icon:after {
  position: relative;
  content: "\f327";
}
.dlt-c8y-icon-window-maximize.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-web-application-firewall.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-web-application-firewall.stroked-icon:after {
  position: relative;
  content: "\f358";
}
.dlt-c8y-icon-web-application-firewall.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-website-bug.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-website-bug.stroked-icon:after {
  position: relative;
  content: "\f35a";
}
.dlt-c8y-icon-website-bug.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-bug.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-bug.stroked-icon:after {
  position: relative;
  content: "\f35a";
}
.dlt-c8y-icon-bug.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-web-design.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-web-design.stroked-icon:after {
  position: relative;
  content: "\f359";
}
.dlt-c8y-icon-web-design.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-navigation-toolbar-bottom.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-navigation-toolbar-bottom.stroked-icon:after {
  position: relative;
  content: "\f325";
}
.dlt-c8y-icon-navigation-toolbar-bottom.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-more-details.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-more-details.stroked-icon:after {
  position: relative;
  content: "\f323";
}
.dlt-c8y-icon-more-details.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-navigation-pane.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-navigation-pane.stroked-icon:after {
  position: relative;
  content: "\f324";
}
.dlt-c8y-icon-navigation-pane.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-pin.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-pin.stroked-icon:after {
  position: relative;
  content: "\f32c";
}
.dlt-c8y-icon-pin.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-thumb-tack.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-thumb-tack.stroked-icon:after {
  position: relative;
  content: "\f32c";
}
.dlt-c8y-icon-thumb-tack.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-unpin.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-unpin.stroked-icon:after {
  position: relative;
  content: "\f355";
}
.dlt-c8y-icon-unpin.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-commit-git.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-commit-git.stroked-icon:after {
  position: relative;
  content: "\f306";
}
.dlt-c8y-icon-commit-git.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-codefork.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-codefork.stroked-icon:after {
  position: relative;
  content: "\f304";
}
.dlt-c8y-icon-codefork.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-code-fork.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-code-fork.stroked-icon:after {
  position: relative;
  content: "\f304";
}
.dlt-c8y-icon-code-fork.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-merge-git.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-merge-git.stroked-icon:after {
  position: relative;
  content: "\f322";
}
.dlt-c8y-icon-merge-git.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-pull-request.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-pull-request.stroked-icon:after {
  position: relative;
  content: "\f336";
}
.dlt-c8y-icon-pull-request.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-compare-git.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-compare-git.stroked-icon:after {
  position: relative;
  content: "\f307";
}
.dlt-c8y-icon-compare-git.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-share.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-share.stroked-icon:after {
  position: relative;
  content: "\eac3";
}
.dlt-c8y-icon-share.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-share-alt.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-share-alt.stroked-icon:after {
  position: relative;
  content: "\eac3";
}
.dlt-c8y-icon-share-alt.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-share-alt-square.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-share-alt-square.stroked-icon:after {
  position: relative;
  content: "\eac3";
}
.dlt-c8y-icon-share-alt-square.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-activity-history.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-activity-history.stroked-icon:after {
  position: relative;
  content: "\eaeb";
}
.dlt-c8y-icon-activity-history.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-rules.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-rules.stroked-icon:after {
  position: relative;
  content: "\ea52";
}
.dlt-c8y-icon-rules.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-create-document.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-create-document.stroked-icon:after {
  position: relative;
  content: "\e9a2";
}
.dlt-c8y-icon-create-document.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-product-architecture.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-product-architecture.stroked-icon:after {
  position: relative;
  content: "\f331";
}
.dlt-c8y-icon-product-architecture.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-registry-editor.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-registry-editor.stroked-icon:after {
  position: relative;
  content: "\f337";
}
.dlt-c8y-icon-registry-editor.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-rest-api.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-rest-api.stroked-icon:after {
  position: relative;
  content: "\f33b";
}
.dlt-c8y-icon-rest-api.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-true-false.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-true-false.stroked-icon:after {
  position: relative;
  content: "\f353";
}
.dlt-c8y-icon-true-false.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-uninstall-programs.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-uninstall-programs.stroked-icon:after {
  position: relative;
  content: "\f354";
}
.dlt-c8y-icon-uninstall-programs.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-sheets.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-sheets.stroked-icon:after {
  position: relative;
  content: "\ef7f";
}
.dlt-c8y-icon-sheets.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-stages.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-stages.stroked-icon:after {
  position: relative;
  content: "\ef7f";
}
.dlt-c8y-icon-stages.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-add-stage.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-add-stage.stroked-icon:after {
  position: relative;
  content: "\eac5";
}
.dlt-c8y-icon-add-stage.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-api.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-api.stroked-icon:after {
  position: relative;
  content: "\f2f9";
}
.dlt-c8y-icon-api.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-blockly-turquoise.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-blockly-turquoise.stroked-icon:after {
  position: relative;
  content: "\f2ff";
}
.dlt-c8y-icon-blockly-turquoise.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-blockly-blue.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-blockly-blue.stroked-icon:after {
  position: relative;
  content: "\f2fa";
}
.dlt-c8y-icon-blockly-blue.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-blockly-pink.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-blockly-pink.stroked-icon:after {
  position: relative;
  content: "\f2fe";
}
.dlt-c8y-icon-blockly-pink.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-plugin.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-plugin.stroked-icon:after {
  position: relative;
  content: "\f32f";
}
.dlt-c8y-icon-plugin.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-base-64.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-base-64.stroked-icon:after {
  position: relative;
  content: "\ed57";
}
.dlt-c8y-icon-base-64.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-xml-transformer.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-xml-transformer.stroked-icon:after {
  position: relative;
  content: "\edb1";
}
.dlt-c8y-icon-xml-transformer.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-shield.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-shield.stroked-icon:after {
  position: relative;
  content: "\eac6";
}
.dlt-c8y-icon-shield.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-protect.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-protect.stroked-icon:after {
  position: relative;
  content: "\f419";
}
.dlt-c8y-icon-protect.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-warning-shield.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-warning-shield.stroked-icon:after {
  position: relative;
  content: "\f425";
}
.dlt-c8y-icon-warning-shield.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-free-forever.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-free-forever.stroked-icon:after {
  position: relative;
  content: "\eac8";
}
.dlt-c8y-icon-free-forever.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-identification-documents.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-identification-documents.stroked-icon:after {
  position: relative;
  content: "\eaca";
}
.dlt-c8y-icon-identification-documents.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-id-verified.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-id-verified.stroked-icon:after {
  position: relative;
  content: "\f412";
}
.dlt-c8y-icon-id-verified.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-fingerprint.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-fingerprint.stroked-icon:after {
  position: relative;
  content: "\f410";
}
.dlt-c8y-icon-fingerprint.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-pin-code.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-pin-code.stroked-icon:after {
  position: relative;
  content: "\f418";
}
.dlt-c8y-icon-pin-code.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-password.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-password.stroked-icon:after {
  position: relative;
  content: "\f416";
}
.dlt-c8y-icon-password.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-lock.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-lock.stroked-icon:after {
  position: relative;
  content: "\eacb";
}
.dlt-c8y-icon-lock.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-unlock.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-unlock.stroked-icon:after {
  position: relative;
  content: "\eacd";
}
.dlt-c8y-icon-unlock.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-privacy.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-privacy.stroked-icon:after {
  position: relative;
  content: "\ea33";
}
.dlt-c8y-icon-privacy.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-lock-outline.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-lock-outline.stroked-icon:after {
  position: relative;
  content: "\e91e";
}
.dlt-c8y-icon-lock-outline.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-lock1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-lock1.stroked-icon:after {
  position: relative;
  content: "\e91e";
}
.dlt-c8y-icon-lock1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-lock-open.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-lock-open.stroked-icon:after {
  position: relative;
  content: "\e91f";
}
.dlt-c8y-icon-lock-open.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-unlock1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-unlock1.stroked-icon:after {
  position: relative;
  content: "\e91f";
}
.dlt-c8y-icon-unlock1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-unlock-alt.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-unlock-alt.stroked-icon:after {
  position: relative;
  content: "\e91f";
}
.dlt-c8y-icon-unlock-alt.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-key.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-key.stroked-icon:after {
  position: relative;
  content: "\f413";
}
.dlt-c8y-icon-key.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-access.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-access.stroked-icon:after {
  position: relative;
  content: "\f409";
}
.dlt-c8y-icon-access.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-lock11.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-lock11.stroked-icon:after {
  position: relative;
  content: "\f414";
}
.dlt-c8y-icon-lock11.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-realtime.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-realtime.stroked-icon:after {
  position: relative;
  content: "\f41a";
}
.dlt-c8y-icon-realtime.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-smart-home-connection.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-smart-home-connection.stroked-icon:after {
  position: relative;
  content: "\f41d";
}
.dlt-c8y-icon-smart-home-connection.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-smart-home-checked.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-smart-home-checked.stroked-icon:after {
  position: relative;
  content: "\f41c";
}
.dlt-c8y-icon-smart-home-checked.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-smart-home-error.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-smart-home-error.stroked-icon:after {
  position: relative;
  content: "\f41e";
}
.dlt-c8y-icon-smart-home-error.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-smart-home-remove.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-smart-home-remove.stroked-icon:after {
  position: relative;
  content: "\f41f";
}
.dlt-c8y-icon-smart-home-remove.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-smart-home-shield.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-smart-home-shield.stroked-icon:after {
  position: relative;
  content: "\f420";
}
.dlt-c8y-icon-smart-home-shield.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-voice-id.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-voice-id.stroked-icon:after {
  position: relative;
  content: "\f423";
}
.dlt-c8y-icon-voice-id.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-web-application-firewall1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-web-application-firewall1.stroked-icon:after {
  position: relative;
  content: "\f426";
}
.dlt-c8y-icon-web-application-firewall1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-copyright.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-copyright.stroked-icon:after {
  position: relative;
  content: "\ead2";
}
.dlt-c8y-icon-copyright.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-spy.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-spy.stroked-icon:after {
  position: relative;
  content: "\ead3";
}
.dlt-c8y-icon-spy.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-user-secret.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-user-secret.stroked-icon:after {
  position: relative;
  content: "\ead3";
}
.dlt-c8y-icon-user-secret.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-bug1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-bug1.stroked-icon:after {
  position: relative;
  content: "\ead4";
}
.dlt-c8y-icon-bug1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-health-examine.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-health-examine.stroked-icon:after {
  position: relative;
  content: "\ead6";
}
.dlt-c8y-icon-health-examine.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-stethoscope.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-stethoscope.stroked-icon:after {
  position: relative;
  content: "\ead6";
}
.dlt-c8y-icon-stethoscope.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-space-shuttle.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-space-shuttle.stroked-icon:after {
  position: relative;
  content: "\eb5a";
}
.dlt-c8y-icon-space-shuttle.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-ambulance.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-ambulance.stroked-icon:after {
  position: relative;
  content: "\eb5b";
}
.dlt-c8y-icon-ambulance.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-car.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-car.stroked-icon:after {
  position: relative;
  content: "\f53f";
}
.dlt-c8y-icon-car.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-automobile.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-automobile.stroked-icon:after {
  position: relative;
  content: "\f53f";
}
.dlt-c8y-icon-automobile.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-local-taxi.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-local-taxi.stroked-icon:after {
  position: relative;
  content: "\e920";
}
.dlt-c8y-icon-local-taxi.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-taxi.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-taxi.stroked-icon:after {
  position: relative;
  content: "\e920";
}
.dlt-c8y-icon-taxi.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-cab.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-cab.stroked-icon:after {
  position: relative;
  content: "\e920";
}
.dlt-c8y-icon-cab.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-truck.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-truck.stroked-icon:after {
  position: relative;
  content: "\f636";
}
.dlt-c8y-icon-truck.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-file-delivery.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-file-delivery.stroked-icon:after {
  position: relative;
  content: "\ebc5";
}
.dlt-c8y-icon-file-delivery.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-in-transit.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-in-transit.stroked-icon:after {
  position: relative;
  content: "\ebd5";
}
.dlt-c8y-icon-in-transit.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-bus.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-bus.stroked-icon:after {
  position: relative;
  content: "\f53b";
}
.dlt-c8y-icon-bus.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-train.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-train.stroked-icon:after {
  position: relative;
  content: "\e9f1";
}
.dlt-c8y-icon-train.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-directions-subway.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-directions-subway.stroked-icon:after {
  position: relative;
  content: "\e9f2";
}
.dlt-c8y-icon-directions-subway.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-directions-transit.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-directions-transit.stroked-icon:after {
  position: relative;
  content: "\e9f2";
}
.dlt-c8y-icon-directions-transit.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-tram.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-tram.stroked-icon:after {
  position: relative;
  content: "\e9f2";
}
.dlt-c8y-icon-tram.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-delivery-dining.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-delivery-dining.stroked-icon:after {
  position: relative;
  content: "\e9f5";
}
.dlt-c8y-icon-delivery-dining.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-scooter.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-scooter.stroked-icon:after {
  position: relative;
  content: "\e9f5";
}
.dlt-c8y-icon-scooter.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-pedal-bike.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-pedal-bike.stroked-icon:after {
  position: relative;
  content: "\e9b1";
}
.dlt-c8y-icon-pedal-bike.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-bicycle.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-bicycle.stroked-icon:after {
  position: relative;
  content: "\e9b1";
}
.dlt-c8y-icon-bicycle.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-motorcycle.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-motorcycle.stroked-icon:after {
  position: relative;
  content: "\e9b2";
}
.dlt-c8y-icon-motorcycle.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-airport.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-airport.stroked-icon:after {
  position: relative;
  content: "\f521";
}
.dlt-c8y-icon-airport.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-plane.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-plane.stroked-icon:after {
  position: relative;
  content: "\f521";
}
.dlt-c8y-icon-plane.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-fighter-jet.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-fighter-jet.stroked-icon:after {
  position: relative;
  content: "\f521";
}
.dlt-c8y-icon-fighter-jet.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-directions-ferry.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-directions-ferry.stroked-icon:after {
  position: relative;
  content: "\e9f3";
}
.dlt-c8y-icon-directions-ferry.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-ship.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-ship.stroked-icon:after {
  position: relative;
  content: "\e9f3";
}
.dlt-c8y-icon-ship.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-deploy.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-deploy.stroked-icon:after {
  position: relative;
  content: "\eade";
}
.dlt-c8y-icon-deploy.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-rocket.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-rocket.stroked-icon:after {
  position: relative;
  content: "\eade";
}
.dlt-c8y-icon-rocket.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-wrench1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-wrench1.stroked-icon:after {
  position: relative;
  content: "\eadf";
}
.dlt-c8y-icon-wrench1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-road.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-road.stroked-icon:after {
  position: relative;
  content: "\f5e5";
}
.dlt-c8y-icon-road.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-flag-outline.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-flag-outline.stroked-icon:after {
  position: relative;
  content: "\eae1";
}
.dlt-c8y-icon-flag-outline.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-software.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-software.stroked-icon:after {
  position: relative;
  content: "\f340";
}
.dlt-c8y-icon-software.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-future.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-future.stroked-icon:after {
  position: relative;
  content: "\f4b9";
}
.dlt-c8y-icon-future.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-time-machine.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-time-machine.stroked-icon:after {
  position: relative;
  content: "\f4e2";
}
.dlt-c8y-icon-time-machine.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-history.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-history.stroked-icon:after {
  position: relative;
  content: "\f4e2";
}
.dlt-c8y-icon-history.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-delivery-time.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-delivery-time.stroked-icon:after {
  position: relative;
  content: "\f4e2";
}
.dlt-c8y-icon-delivery-time.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-schedule.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-schedule.stroked-icon:after {
  position: relative;
  content: "\e9b0";
}
.dlt-c8y-icon-schedule.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-clock.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-clock.stroked-icon:after {
  position: relative;
  content: "\e9b0";
}
.dlt-c8y-icon-clock.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-clock-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-clock-o.stroked-icon:after {
  position: relative;
  content: "\e9b0";
}
.dlt-c8y-icon-clock-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-watches-front-view.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-watches-front-view.stroked-icon:after {
  position: relative;
  content: "\f508";
}
.dlt-c8y-icon-watches-front-view.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-clock1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-clock1.stroked-icon:after {
  position: relative;
  content: "\ead7";
}
.dlt-c8y-icon-clock1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-clock11.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-clock11.stroked-icon:after {
  position: relative;
  content: "\ead7";
}
.dlt-c8y-icon-clock11.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-alarm1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-alarm1.stroked-icon:after {
  position: relative;
  content: "\ead8";
}
.dlt-c8y-icon-alarm1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-timer.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-timer.stroked-icon:after {
  position: relative;
  content: "\ead8";
}
.dlt-c8y-icon-timer.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-wall-clock.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-wall-clock.stroked-icon:after {
  position: relative;
  content: "\efbc";
}
.dlt-c8y-icon-wall-clock.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-alarm-add.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-alarm-add.stroked-icon:after {
  position: relative;
  content: "\f47a";
}
.dlt-c8y-icon-alarm-add.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-alarm-on.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-alarm-on.stroked-icon:after {
  position: relative;
  content: "\f47d";
}
.dlt-c8y-icon-alarm-on.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-alarm-off.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-alarm-off.stroked-icon:after {
  position: relative;
  content: "\f47c";
}
.dlt-c8y-icon-alarm-off.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-calendar.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-calendar.stroked-icon:after {
  position: relative;
  content: "\f480";
}
.dlt-c8y-icon-calendar.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-calendar-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-calendar-o.stroked-icon:after {
  position: relative;
  content: "\f480";
}
.dlt-c8y-icon-calendar-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-today.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-today.stroked-icon:after {
  position: relative;
  content: "\f504";
}
.dlt-c8y-icon-today.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-calendar-check-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-calendar-check-o.stroked-icon:after {
  position: relative;
  content: "\f504";
}
.dlt-c8y-icon-calendar-check-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-calendar-1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-calendar-1.stroked-icon:after {
  position: relative;
  content: "\f481";
}
.dlt-c8y-icon-calendar-1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-calendar-31.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-calendar-31.stroked-icon:after {
  position: relative;
  content: "\f499";
}
.dlt-c8y-icon-calendar-31.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-monday.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-monday.stroked-icon:after {
  position: relative;
  content: "\f4c9";
}
.dlt-c8y-icon-monday.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-sunday.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-sunday.stroked-icon:after {
  position: relative;
  content: "\f4df";
}
.dlt-c8y-icon-sunday.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-january.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-january.stroked-icon:after {
  position: relative;
  content: "\f4bf";
}
.dlt-c8y-icon-january.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-december.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-december.stroked-icon:after {
  position: relative;
  content: "\f4b1";
}
.dlt-c8y-icon-december.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-edit-calendar.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-edit-calendar.stroked-icon:after {
  position: relative;
  content: "\f4b2";
}
.dlt-c8y-icon-edit-calendar.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-view-schedule.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-view-schedule.stroked-icon:after {
  position: relative;
  content: "\f506";
}
.dlt-c8y-icon-view-schedule.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-calendar-add.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-calendar-add.stroked-icon:after {
  position: relative;
  content: "\ead9";
}
.dlt-c8y-icon-calendar-add.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-calendar-plus.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-calendar-plus.stroked-icon:after {
  position: relative;
  content: "\ead9";
}
.dlt-c8y-icon-calendar-plus.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-calendar-plus-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-calendar-plus-o.stroked-icon:after {
  position: relative;
  content: "\ead9";
}
.dlt-c8y-icon-calendar-plus-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-calendar-remove.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-calendar-remove.stroked-icon:after {
  position: relative;
  content: "\eadd";
}
.dlt-c8y-icon-calendar-remove.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-calendar-minus.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-calendar-minus.stroked-icon:after {
  position: relative;
  content: "\eadd";
}
.dlt-c8y-icon-calendar-minus.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-calendar-times.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-calendar-times.stroked-icon:after {
  position: relative;
  content: "\eadd";
}
.dlt-c8y-icon-calendar-times.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-calendar-minus-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-calendar-minus-o.stroked-icon:after {
  position: relative;
  content: "\eadd";
}
.dlt-c8y-icon-calendar-minus-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-calendar-times-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-calendar-times-o.stroked-icon:after {
  position: relative;
  content: "\eadd";
}
.dlt-c8y-icon-calendar-times-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-important-month.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-important-month.stroked-icon:after {
  position: relative;
  content: "\f4bd";
}
.dlt-c8y-icon-important-month.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-schedule1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-schedule1.stroked-icon:after {
  position: relative;
  content: "\ea55";
}
.dlt-c8y-icon-schedule1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-sand-watch.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-sand-watch.stroked-icon:after {
  position: relative;
  content: "\f4d7";
}
.dlt-c8y-icon-sand-watch.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-hourglass-start.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-hourglass-start.stroked-icon:after {
  position: relative;
  content: "\f4d7";
}
.dlt-c8y-icon-hourglass-start.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-hourglass-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-hourglass-o.stroked-icon:after {
  position: relative;
  content: "\f4d7";
}
.dlt-c8y-icon-hourglass-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-hourglass-half.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-hourglass-half.stroked-icon:after {
  position: relative;
  content: "\f4d7";
}
.dlt-c8y-icon-hourglass-half.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-hourglass-end.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-hourglass-end.stroked-icon:after {
  position: relative;
  content: "\f4d7";
}
.dlt-c8y-icon-hourglass-end.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-hourglass.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-hourglass.stroked-icon:after {
  position: relative;
  content: "\f4d7";
}
.dlt-c8y-icon-hourglass.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-hourglass-1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-hourglass-1.stroked-icon:after {
  position: relative;
  content: "\f4d7";
}
.dlt-c8y-icon-hourglass-1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-hourglass-2.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-hourglass-2.stroked-icon:after {
  position: relative;
  content: "\f4d7";
}
.dlt-c8y-icon-hourglass-2.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-hourglass-3.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-hourglass-3.stroked-icon:after {
  position: relative;
  content: "\f4d7";
}
.dlt-c8y-icon-hourglass-3.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-timezone-globe.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-timezone-globe.stroked-icon:after {
  position: relative;
  content: "\f502";
}
.dlt-c8y-icon-timezone-globe.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-timezone.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-timezone.stroked-icon:after {
  position: relative;
  content: "\f4e9";
}
.dlt-c8y-icon-timezone.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-timetable.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-timetable.stroked-icon:after {
  position: relative;
  content: "\f4e8";
}
.dlt-c8y-icon-timetable.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-day-view.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-day-view.stroked-icon:after {
  position: relative;
  content: "\f4b0";
}
.dlt-c8y-icon-day-view.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-month-view.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-month-view.stroked-icon:after {
  position: relative;
  content: "\f4ca";
}
.dlt-c8y-icon-month-view.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-week-view.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-week-view.stroked-icon:after {
  position: relative;
  content: "\f50a";
}
.dlt-c8y-icon-week-view.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-year-view.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-year-view.stroked-icon:after {
  position: relative;
  content: "\f50b";
}
.dlt-c8y-icon-year-view.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-newspaper-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-newspaper-o.stroked-icon:after {
  position: relative;
  content: "\eba7";
}
.dlt-c8y-icon-newspaper-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-creative-commons.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-creative-commons.stroked-icon:after {
  position: relative;
  content: "\eb5d";
}
.dlt-c8y-icon-creative-commons.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-spinner.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-spinner.stroked-icon:after {
  position: relative;
  content: "\eb5e";
}
.dlt-c8y-icon-spinner.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-loading.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-loading.stroked-icon:after {
  position: relative;
  content: "\eb5e";
}
.dlt-c8y-icon-loading.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-busy.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-busy.stroked-icon:after {
  position: relative;
  content: "\eb5e";
}
.dlt-c8y-icon-busy.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-wheel.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-wheel.stroked-icon:after {
  position: relative;
  content: "\eb5e";
}
.dlt-c8y-icon-wheel.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-trademark.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-trademark.stroked-icon:after {
  position: relative;
  content: "\eb62";
}
.dlt-c8y-icon-trademark.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-toggle-on.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-toggle-on.stroked-icon:after {
  position: relative;
  content: "\eb63";
}
.dlt-c8y-icon-toggle-on.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-toggle-off.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-toggle-off.stroked-icon:after {
  position: relative;
  content: "\eb64";
}
.dlt-c8y-icon-toggle-off.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-ticket.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-ticket.stroked-icon:after {
  position: relative;
  content: "\eb65";
}
.dlt-c8y-icon-ticket.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-spoon.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-spoon.stroked-icon:after {
  position: relative;
  content: "\eb66";
}
.dlt-c8y-icon-spoon.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-sort-numeric-desc.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-sort-numeric-desc.stroked-icon:after {
  position: relative;
  content: "\eb67";
}
.dlt-c8y-icon-sort-numeric-desc.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-sort-numeric-asc.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-sort-numeric-asc.stroked-icon:after {
  position: relative;
  content: "\eb68";
}
.dlt-c8y-icon-sort-numeric-asc.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-snowflake-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-snowflake-o.stroked-icon:after {
  position: relative;
  content: "\eb69";
}
.dlt-c8y-icon-snowflake-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-shower.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-shower.stroked-icon:after {
  position: relative;
  content: "\eb6a";
}
.dlt-c8y-icon-shower.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-percent.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-percent.stroked-icon:after {
  position: relative;
  content: "\eb6c";
}
.dlt-c8y-icon-percent.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-paw.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-paw.stroked-icon:after {
  position: relative;
  content: "\eb6e";
}
.dlt-c8y-icon-paw.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-mouse-pointer.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-mouse-pointer.stroked-icon:after {
  position: relative;
  content: "\eb6f";
}
.dlt-c8y-icon-mouse-pointer.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-lemon-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-lemon-o.stroked-icon:after {
  position: relative;
  content: "\eb70";
}
.dlt-c8y-icon-lemon-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-leaf.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-leaf.stroked-icon:after {
  position: relative;
  content: "\eb72";
}
.dlt-c8y-icon-leaf.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-diamond.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-diamond.stroked-icon:after {
  position: relative;
  content: "\eb74";
}
.dlt-c8y-icon-diamond.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-braille.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-braille.stroked-icon:after {
  position: relative;
  content: "\eb75";
}
.dlt-c8y-icon-braille.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-bomb.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-bomb.stroked-icon:after {
  position: relative;
  content: "\eb76";
}
.dlt-c8y-icon-bomb.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-binoculars.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-binoculars.stroked-icon:after {
  position: relative;
  content: "\eb77";
}
.dlt-c8y-icon-binoculars.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-eject.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-eject.stroked-icon:after {
  position: relative;
  content: "\eb7a";
}
.dlt-c8y-icon-eject.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-touch-app.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-touch-app.stroked-icon:after {
  position: relative;
  content: "\eb7b";
}
.dlt-c8y-icon-touch-app.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-soccer.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-soccer.stroked-icon:after {
  position: relative;
  content: "\eb7c";
}
.dlt-c8y-icon-soccer.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-football.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-football.stroked-icon:after {
  position: relative;
  content: "\eb7c";
}
.dlt-c8y-icon-football.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-futbol-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-futbol-o.stroked-icon:after {
  position: relative;
  content: "\eb7c";
}
.dlt-c8y-icon-futbol-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-soccer-ball-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-soccer-ball-o.stroked-icon:after {
  position: relative;
  content: "\eb7c";
}
.dlt-c8y-icon-soccer-ball-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-mood.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-mood.stroked-icon:after {
  position: relative;
  content: "\eb7d";
}
.dlt-c8y-icon-mood.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-meh-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-meh-o.stroked-icon:after {
  position: relative;
  content: "\eb7d";
}
.dlt-c8y-icon-meh-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-frown-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-frown-o.stroked-icon:after {
  position: relative;
  content: "\eb7d";
}
.dlt-c8y-icon-frown-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-smile-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-smile-o.stroked-icon:after {
  position: relative;
  content: "\eb7d";
}
.dlt-c8y-icon-smile-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-deaf.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-deaf.stroked-icon:after {
  position: relative;
  content: "\eb7f";
}
.dlt-c8y-icon-deaf.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-deafness.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-deafness.stroked-icon:after {
  position: relative;
  content: "\eb7f";
}
.dlt-c8y-icon-deafness.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-hard-of-hearing.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-hard-of-hearing.stroked-icon:after {
  position: relative;
  content: "\eb7f";
}
.dlt-c8y-icon-hard-of-hearing.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-assistive-listening-systems.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-assistive-listening-systems.stroked-icon:after {
  position: relative;
  content: "\eb80";
}
.dlt-c8y-icon-assistive-listening-systems.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-american-sign-language-interpreting.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-american-sign-language-interpreting.stroked-icon:after {
  position: relative;
  content: "\eb82";
}
.dlt-c8y-icon-american-sign-language-interpreting.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-asl-interpreting.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-asl-interpreting.stroked-icon:after {
  position: relative;
  content: "\eb82";
}
.dlt-c8y-icon-asl-interpreting.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-cc.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-cc.stroked-icon:after {
  position: relative;
  content: "\eb83";
}
.dlt-c8y-icon-cc.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-closed-caption.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-closed-caption.stroked-icon:after {
  position: relative;
  content: "\eb83";
}
.dlt-c8y-icon-closed-caption.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-anchor.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-anchor.stroked-icon:after {
  position: relative;
  content: "\eb87";
}
.dlt-c8y-icon-anchor.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-accessibility-settings.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-accessibility-settings.stroked-icon:after {
  position: relative;
  content: "\eae3";
}
.dlt-c8y-icon-accessibility-settings.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-info.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-info.stroked-icon:after {
  position: relative;
  content: "\eae4";
}
.dlt-c8y-icon-info.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-info-circle.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-info-circle.stroked-icon:after {
  position: relative;
  content: "\eae4";
}
.dlt-c8y-icon-info-circle.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-warning.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-warning.stroked-icon:after {
  position: relative;
  content: "\eae5";
}
.dlt-c8y-icon-warning.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-report-problem.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-report-problem.stroked-icon:after {
  position: relative;
  content: "\eae5";
}
.dlt-c8y-icon-report-problem.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-exclamation-triangle.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-exclamation-triangle.stroked-icon:after {
  position: relative;
  content: "\eae5";
}
.dlt-c8y-icon-exclamation-triangle.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-exclamation-circle.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-exclamation-circle.stroked-icon:after {
  position: relative;
  content: "\e97b";
}
.dlt-c8y-icon-exclamation-circle.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-error.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-error.stroked-icon:after {
  position: relative;
  content: "\e97b";
}
.dlt-c8y-icon-error.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-high-priority.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-high-priority.stroked-icon:after {
  position: relative;
  content: "\e9e6";
}
.dlt-c8y-icon-high-priority.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-spam.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-spam.stroked-icon:after {
  position: relative;
  content: "\f122";
}
.dlt-c8y-icon-spam.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-help.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-help.stroked-icon:after {
  position: relative;
  content: "\f69e";
}
.dlt-c8y-icon-help.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-question-circle.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-question-circle.stroked-icon:after {
  position: relative;
  content: "\f69e";
}
.dlt-c8y-icon-question-circle.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-question.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-question.stroked-icon:after {
  position: relative;
  content: "\f69e";
}
.dlt-c8y-icon-question.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-help-outline.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-help-outline.stroked-icon:after {
  position: relative;
  content: "\eae7";
}
.dlt-c8y-icon-help-outline.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-question-circle-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-question-circle-o.stroked-icon:after {
  position: relative;
  content: "\eae7";
}
.dlt-c8y-icon-question-circle-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-approval.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-approval.stroked-icon:after {
  position: relative;
  content: "\f65d";
}
.dlt-c8y-icon-approval.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-trophy.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-trophy.stroked-icon:after {
  position: relative;
  content: "\f65d";
}
.dlt-c8y-icon-trophy.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-unverified-account.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-unverified-account.stroked-icon:after {
  position: relative;
  content: "\f72e";
}
.dlt-c8y-icon-unverified-account.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-automatic-gearbox-warning.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-automatic-gearbox-warning.stroked-icon:after {
  position: relative;
  content: "\f52a";
}
.dlt-c8y-icon-automatic-gearbox-warning.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-exclamation-circle1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-exclamation-circle1.stroked-icon:after {
  position: relative;
  content: "\f52a";
}
.dlt-c8y-icon-exclamation-circle1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-user-manual.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-user-manual.stroked-icon:after {
  position: relative;
  content: "\f732";
}
.dlt-c8y-icon-user-manual.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-stages1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-stages1.stroked-icon:after {
  position: relative;
  content: "\eae9";
}
.dlt-c8y-icon-stages1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-menu.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-menu.stroked-icon:after {
  position: relative;
  content: "\f6ca";
}
.dlt-c8y-icon-menu.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-reorder.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-reorder.stroked-icon:after {
  position: relative;
  content: "\f6ca";
}
.dlt-c8y-icon-reorder.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-navicon.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-navicon.stroked-icon:after {
  position: relative;
  content: "\f6ca";
}
.dlt-c8y-icon-navicon.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-bars.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-bars.stroked-icon:after {
  position: relative;
  content: "\f6ca";
}
.dlt-c8y-icon-bars.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-hamburger.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-hamburger.stroked-icon:after {
  position: relative;
  content: "\f6ca";
}
.dlt-c8y-icon-hamburger.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-menu-vertical.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-menu-vertical.stroked-icon:after {
  position: relative;
  content: "\f6cc";
}
.dlt-c8y-icon-menu-vertical.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-ellipsis-v.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-ellipsis-v.stroked-icon:after {
  position: relative;
  content: "\f6cc";
}
.dlt-c8y-icon-ellipsis-v.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-app-switcher.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-app-switcher.stroked-icon:after {
  position: relative;
  content: "\eaea";
}
.dlt-c8y-icon-app-switcher.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-menu-horizontal.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-menu-horizontal.stroked-icon:after {
  position: relative;
  content: "\e974";
}
.dlt-c8y-icon-menu-horizontal.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-ellipsis-h.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-ellipsis-h.stroked-icon:after {
  position: relative;
  content: "\e974";
}
.dlt-c8y-icon-ellipsis-h.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-plus-math.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-plus-math.stroked-icon:after {
  position: relative;
  content: "\f3d6";
}
.dlt-c8y-icon-plus-math.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-plus.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-plus.stroked-icon:after {
  position: relative;
  content: "\f3d6";
}
.dlt-c8y-icon-plus.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-subtract.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-subtract.stroked-icon:after {
  position: relative;
  content: "\f3f3";
}
.dlt-c8y-icon-subtract.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-minus.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-minus.stroked-icon:after {
  position: relative;
  content: "\f3f3";
}
.dlt-c8y-icon-minus.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-clear.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-clear.stroked-icon:after {
  position: relative;
  content: "\e977";
}
.dlt-c8y-icon-clear.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-close.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-close.stroked-icon:after {
  position: relative;
  content: "\e977";
}
.dlt-c8y-icon-close.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-remove.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-remove.stroked-icon:after {
  position: relative;
  content: "\e977";
}
.dlt-c8y-icon-remove.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-times.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-times.stroked-icon:after {
  position: relative;
  content: "\e977";
}
.dlt-c8y-icon-times.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-equals.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-equals.stroked-icon:after {
  position: relative;
  content: "\eaec";
}
.dlt-c8y-icon-equals.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-exclamation.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-exclamation.stroked-icon:after {
  position: relative;
  content: "\eaed";
}
.dlt-c8y-icon-exclamation.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-check.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-check.stroked-icon:after {
  position: relative;
  content: "\eaee";
}
.dlt-c8y-icon-check.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-upvote-downvote.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-upvote-downvote.stroked-icon:after {
  position: relative;
  content: "\f731";
}
.dlt-c8y-icon-upvote-downvote.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-math.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-math.stroked-icon:after {
  position: relative;
  content: "\f3b8";
}
.dlt-c8y-icon-math.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-less-than1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-less-than1.stroked-icon:after {
  position: relative;
  content: "\f3b4";
}
.dlt-c8y-icon-less-than1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-more-than.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-more-than.stroked-icon:after {
  position: relative;
  content: "\f3be";
}
.dlt-c8y-icon-more-than.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-circled-notch.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-circled-notch.stroked-icon:after {
  position: relative;
  content: "\ec67";
}
.dlt-c8y-icon-circled-notch.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-circle-o-notch.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-circle-o-notch.stroked-icon:after {
  position: relative;
  content: "\ec67";
}
.dlt-c8y-icon-circle-o-notch.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-inactive-state.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-inactive-state.stroked-icon:after {
  position: relative;
  content: "\f6a5";
}
.dlt-c8y-icon-inactive-state.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-storage1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-storage1.stroked-icon:after {
  position: relative;
  content: "\f712";
}
.dlt-c8y-icon-storage1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-lifebuoy.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-lifebuoy.stroked-icon:after {
  position: relative;
  content: "\f6b7";
}
.dlt-c8y-icon-lifebuoy.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-life-buoy.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-life-buoy.stroked-icon:after {
  position: relative;
  content: "\f6b7";
}
.dlt-c8y-icon-life-buoy.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-life-ring.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-life-ring.stroked-icon:after {
  position: relative;
  content: "\f6b7";
}
.dlt-c8y-icon-life-ring.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-life-saver.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-life-saver.stroked-icon:after {
  position: relative;
  content: "\f6b7";
}
.dlt-c8y-icon-life-saver.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-wait.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-wait.stroked-icon:after {
  position: relative;
  content: "\f73a";
}
.dlt-c8y-icon-wait.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-block.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-block.stroked-icon:after {
  position: relative;
  content: "\e978";
}
.dlt-c8y-icon-block.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-ban.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-ban.stroked-icon:after {
  position: relative;
  content: "\e978";
}
.dlt-c8y-icon-ban.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-copy1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-copy1.stroked-icon:after {
  position: relative;
  content: "\ed5d";
}
.dlt-c8y-icon-copy1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-clone.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-clone.stroked-icon:after {
  position: relative;
  content: "\ed5d";
}
.dlt-c8y-icon-clone.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-paste1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-paste1.stroked-icon:after {
  position: relative;
  content: "\ece5";
}
.dlt-c8y-icon-paste1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-clipboard.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-clipboard.stroked-icon:after {
  position: relative;
  content: "\ece5";
}
.dlt-c8y-icon-clipboard.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-search-more.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-search-more.stroked-icon:after {
  position: relative;
  content: "\f701";
}
.dlt-c8y-icon-search-more.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-search.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-search.stroked-icon:after {
  position: relative;
  content: "\eaef";
}
.dlt-c8y-icon-search.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-mobile-zoom-in.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-mobile-zoom-in.stroked-icon:after {
  position: relative;
  content: "\f180";
}
.dlt-c8y-icon-mobile-zoom-in.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-search-plus.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-search-plus.stroked-icon:after {
  position: relative;
  content: "\f180";
}
.dlt-c8y-icon-search-plus.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-mobile-zoom-out.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-mobile-zoom-out.stroked-icon:after {
  position: relative;
  content: "\f181";
}
.dlt-c8y-icon-mobile-zoom-out.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-search-minus.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-search-minus.stroked-icon:after {
  position: relative;
  content: "\f181";
}
.dlt-c8y-icon-search-minus.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-product1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-product1.stroked-icon:after {
  position: relative;
  content: "\eaf0";
}
.dlt-c8y-icon-product1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-trash-can.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-trash-can.stroked-icon:after {
  position: relative;
  content: "\ed39";
}
.dlt-c8y-icon-trash-can.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-trash.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-trash.stroked-icon:after {
  position: relative;
  content: "\ed39";
}
.dlt-c8y-icon-trash.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-editing-trash.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-editing-trash.stroked-icon:after {
  position: relative;
  content: "\ec8e";
}
.dlt-c8y-icon-editing-trash.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-trash-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-trash-o.stroked-icon:after {
  position: relative;
  content: "\ec8e";
}
.dlt-c8y-icon-trash-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-delete-bin.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-delete-bin.stroked-icon:after {
  position: relative;
  content: "\ec7e";
}
.dlt-c8y-icon-delete-bin.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-eye.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-eye.stroked-icon:after {
  position: relative;
  content: "\f0b5";
}
.dlt-c8y-icon-eye.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-visibility-off.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-visibility-off.stroked-icon:after {
  position: relative;
  content: "\e981";
}
.dlt-c8y-icon-visibility-off.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-low-vision.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-low-vision.stroked-icon:after {
  position: relative;
  content: "\e981";
}
.dlt-c8y-icon-low-vision.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-eye-slash.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-eye-slash.stroked-icon:after {
  position: relative;
  content: "\e981";
}
.dlt-c8y-icon-eye-slash.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-blind.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-blind.stroked-icon:after {
  position: relative;
  content: "\e981";
}
.dlt-c8y-icon-blind.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-double-tap.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-double-tap.stroked-icon:after {
  position: relative;
  content: "\f15a";
}
.dlt-c8y-icon-double-tap.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-heart.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-heart.stroked-icon:after {
  position: relative;
  content: "\f0be";
}
.dlt-c8y-icon-heart.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-heart-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-heart-o.stroked-icon:after {
  position: relative;
  content: "\f0be";
}
.dlt-c8y-icon-heart-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-unheart.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-unheart.stroked-icon:after {
  position: relative;
  content: "\eaf1";
}
.dlt-c8y-icon-unheart.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-science.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-science.stroked-icon:after {
  position: relative;
  content: "\e984";
}
.dlt-c8y-icon-science.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-flask.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-flask.stroked-icon:after {
  position: relative;
  content: "\e984";
}
.dlt-c8y-icon-flask.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-school.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-school.stroked-icon:after {
  position: relative;
  content: "\e987";
}
.dlt-c8y-icon-school.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-graduation-cap.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-graduation-cap.stroked-icon:after {
  position: relative;
  content: "\e987";
}
.dlt-c8y-icon-graduation-cap.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-mortar-board.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-mortar-board.stroked-icon:after {
  position: relative;
  content: "\e987";
}
.dlt-c8y-icon-mortar-board.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-badge1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-badge1.stroked-icon:after {
  position: relative;
  content: "\eaf2";
}
.dlt-c8y-icon-badge1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-data-quality.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-data-quality.stroked-icon:after {
  position: relative;
  content: "\eb13";
}
.dlt-c8y-icon-data-quality.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-brightness-low.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-brightness-low.stroked-icon:after {
  position: relative;
  content: "\e908";
}
.dlt-c8y-icon-brightness-low.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-brightness-5.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-brightness-5.stroked-icon:after {
  position: relative;
  content: "\e908";
}
.dlt-c8y-icon-brightness-5.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-sun-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-sun-o.stroked-icon:after {
  position: relative;
  content: "\e908";
}
.dlt-c8y-icon-sun-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-bedtime.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-bedtime.stroked-icon:after {
  position: relative;
  content: "\e98c";
}
.dlt-c8y-icon-bedtime.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-moon-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-moon-o.stroked-icon:after {
  position: relative;
  content: "\e98c";
}
.dlt-c8y-icon-moon-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-moon.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-moon.stroked-icon:after {
  position: relative;
  content: "\e98c";
}
.dlt-c8y-icon-moon.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-add-identity-provider.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-add-identity-provider.stroked-icon:after {
  position: relative;
  content: "\eaf3";
}
.dlt-c8y-icon-add-identity-provider.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-bookmark-outline.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-bookmark-outline.stroked-icon:after {
  position: relative;
  content: "\eafb";
}
.dlt-c8y-icon-bookmark-outline.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-turned-in-not.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-turned-in-not.stroked-icon:after {
  position: relative;
  content: "\eafb";
}
.dlt-c8y-icon-turned-in-not.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-bookmark-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-bookmark-o.stroked-icon:after {
  position: relative;
  content: "\eafb";
}
.dlt-c8y-icon-bookmark-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-unbookmark.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-unbookmark.stroked-icon:after {
  position: relative;
  content: "\eafb";
}
.dlt-c8y-icon-unbookmark.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-bookmark.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-bookmark.stroked-icon:after {
  position: relative;
  content: "\e98f";
}
.dlt-c8y-icon-bookmark.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-turned-in.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-turned-in.stroked-icon:after {
  position: relative;
  content: "\e98f";
}
.dlt-c8y-icon-turned-in.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-check-box.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-check-box.stroked-icon:after {
  position: relative;
  content: "\e991";
}
.dlt-c8y-icon-check-box.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-check-square.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-check-square.stroked-icon:after {
  position: relative;
  content: "\e991";
}
.dlt-c8y-icon-check-square.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-check-square-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-check-square-o.stroked-icon:after {
  position: relative;
  content: "\e991";
}
.dlt-c8y-icon-check-square-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-checkbox-selected.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-checkbox-selected.stroked-icon:after {
  position: relative;
  content: "\e991";
}
.dlt-c8y-icon-checkbox-selected.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-add-box.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-add-box.stroked-icon:after {
  position: relative;
  content: "\e905";
}
.dlt-c8y-icon-add-box.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-plus-square.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-plus-square.stroked-icon:after {
  position: relative;
  content: "\e905";
}
.dlt-c8y-icon-plus-square.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-indeterminate-check-box.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-indeterminate-check-box.stroked-icon:after {
  position: relative;
  content: "\e994";
}
.dlt-c8y-icon-indeterminate-check-box.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-minus-square.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-minus-square.stroked-icon:after {
  position: relative;
  content: "\e994";
}
.dlt-c8y-icon-minus-square.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-duplicate.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-duplicate.stroked-icon:after {
  position: relative;
  content: "\eafc";
}
.dlt-c8y-icon-duplicate.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-check-box-outline-blank.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-check-box-outline-blank.stroked-icon:after {
  position: relative;
  content: "\e9db";
}
.dlt-c8y-icon-check-box-outline-blank.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-square-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-square-o.stroked-icon:after {
  position: relative;
  content: "\e9db";
}
.dlt-c8y-icon-square-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-checkbox-unselected.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-checkbox-unselected.stroked-icon:after {
  position: relative;
  content: "\eafd";
}
.dlt-c8y-icon-checkbox-unselected.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-add-new.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-add-new.stroked-icon:after {
  position: relative;
  content: "\f35e";
}
.dlt-c8y-icon-add-new.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-plus-square-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-plus-square-o.stroked-icon:after {
  position: relative;
  content: "\f35e";
}
.dlt-c8y-icon-plus-square-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-negative.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-negative.stroked-icon:after {
  position: relative;
  content: "\f3c4";
}
.dlt-c8y-icon-negative.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-minus-square-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-minus-square-o.stroked-icon:after {
  position: relative;
  content: "\f3c4";
}
.dlt-c8y-icon-minus-square-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-multiplication.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-multiplication.stroked-icon:after {
  position: relative;
  content: "\f3c1";
}
.dlt-c8y-icon-multiplication.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-times-rectangle-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-times-rectangle-o.stroked-icon:after {
  position: relative;
  content: "\f3c1";
}
.dlt-c8y-icon-times-rectangle-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-times-rectangle.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-times-rectangle.stroked-icon:after {
  position: relative;
  content: "\f3c1";
}
.dlt-c8y-icon-times-rectangle.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-ratio.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-ratio.stroked-icon:after {
  position: relative;
  content: "\f3db";
}
.dlt-c8y-icon-ratio.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-circle.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-circle.stroked-icon:after {
  position: relative;
  content: "\e998";
}
.dlt-c8y-icon-circle.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-contrast1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-contrast1.stroked-icon:after {
  position: relative;
  content: "\eafe";
}
.dlt-c8y-icon-contrast1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-connection-status-on.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-connection-status-on.stroked-icon:after {
  position: relative;
  content: "\f20e";
}
.dlt-c8y-icon-connection-status-on.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-ok.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-ok.stroked-icon:after {
  position: relative;
  content: "\eb00";
}
.dlt-c8y-icon-ok.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-check-circle.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-check-circle.stroked-icon:after {
  position: relative;
  content: "\eb00";
}
.dlt-c8y-icon-check-circle.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-check-circle-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-check-circle-o.stroked-icon:after {
  position: relative;
  content: "\eb00";
}
.dlt-c8y-icon-check-circle-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-success.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-success.stroked-icon:after {
  position: relative;
  content: "\eb00";
}
.dlt-c8y-icon-success.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-cross-circle.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-cross-circle.stroked-icon:after {
  position: relative;
  content: "\eb01";
}
.dlt-c8y-icon-cross-circle.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-times-circle.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-times-circle.stroked-icon:after {
  position: relative;
  content: "\eb01";
}
.dlt-c8y-icon-times-circle.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-times-circle-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-times-circle-o.stroked-icon:after {
  position: relative;
  content: "\eb01";
}
.dlt-c8y-icon-times-circle-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-add.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-add.stroked-icon:after {
  position: relative;
  content: "\eb03";
}
.dlt-c8y-icon-add.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-plus-circle.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-plus-circle.stroked-icon:after {
  position: relative;
  content: "\eb03";
}
.dlt-c8y-icon-plus-circle.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-minus-circle.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-minus-circle.stroked-icon:after {
  position: relative;
  content: "\eb05";
}
.dlt-c8y-icon-minus-circle.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-minus-sign.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-minus-sign.stroked-icon:after {
  position: relative;
  content: "\eb05";
}
.dlt-c8y-icon-minus-sign.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-radio-button-unchecked.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-radio-button-unchecked.stroked-icon:after {
  position: relative;
  content: "\e9dc";
}
.dlt-c8y-icon-radio-button-unchecked.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-circle-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-circle-o.stroked-icon:after {
  position: relative;
  content: "\e9dc";
}
.dlt-c8y-icon-circle-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-circle-thin.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-circle-thin.stroked-icon:after {
  position: relative;
  content: "\e9dc";
}
.dlt-c8y-icon-circle-thin.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-add-circle-outline.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-add-circle-outline.stroked-icon:after {
  position: relative;
  content: "\e9f6";
}
.dlt-c8y-icon-add-circle-outline.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-plus-circle-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-plus-circle-o.stroked-icon:after {
  position: relative;
  content: "\e9f6";
}
.dlt-c8y-icon-plus-circle-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-local-fire-department.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-local-fire-department.stroked-icon:after {
  position: relative;
  content: "\e99b";
}
.dlt-c8y-icon-local-fire-department.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-fire.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-fire.stroked-icon:after {
  position: relative;
  content: "\e99b";
}
.dlt-c8y-icon-fire.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-outlined-flag.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-outlined-flag.stroked-icon:after {
  position: relative;
  content: "\e99c";
}
.dlt-c8y-icon-outlined-flag.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-flag-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-flag-o.stroked-icon:after {
  position: relative;
  content: "\e99c";
}
.dlt-c8y-icon-flag-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-flag.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-flag.stroked-icon:after {
  position: relative;
  content: "\e99d";
}
.dlt-c8y-icon-flag.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-assistant-photo.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-assistant-photo.stroked-icon:after {
  position: relative;
  content: "\e99d";
}
.dlt-c8y-icon-assistant-photo.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-flag-checkered.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-flag-checkered.stroked-icon:after {
  position: relative;
  content: "\e99d";
}
.dlt-c8y-icon-flag-checkered.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-flash-on.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-flash-on.stroked-icon:after {
  position: relative;
  content: "\e99e";
}
.dlt-c8y-icon-flash-on.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-bolt.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-bolt.stroked-icon:after {
  position: relative;
  content: "\e99e";
}
.dlt-c8y-icon-bolt.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-quick-mode-on.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-quick-mode-on.stroked-icon:after {
  position: relative;
  content: "\f6f2";
}
.dlt-c8y-icon-quick-mode-on.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-flash.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-flash.stroked-icon:after {
  position: relative;
  content: "\f6f2";
}
.dlt-c8y-icon-flash.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-quick-mode-off.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-quick-mode-off.stroked-icon:after {
  position: relative;
  content: "\f6f1";
}
.dlt-c8y-icon-quick-mode-off.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-videogame-asset.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-videogame-asset.stroked-icon:after {
  position: relative;
  content: "\e9a1";
}
.dlt-c8y-icon-videogame-asset.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-gamepad.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-gamepad.stroked-icon:after {
  position: relative;
  content: "\e9a1";
}
.dlt-c8y-icon-gamepad.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-portraits.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-portraits.stroked-icon:after {
  position: relative;
  content: "\f2d0";
}
.dlt-c8y-icon-portraits.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-extension.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-extension.stroked-icon:after {
  position: relative;
  content: "\e90a";
}
.dlt-c8y-icon-extension.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-puzzle.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-puzzle.stroked-icon:after {
  position: relative;
  content: "\e90a";
}
.dlt-c8y-icon-puzzle.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-puzzle-piece.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-puzzle-piece.stroked-icon:after {
  position: relative;
  content: "\e90a";
}
.dlt-c8y-icon-puzzle-piece.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-star-outline.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-star-outline.stroked-icon:after {
  position: relative;
  content: "\e90f";
}
.dlt-c8y-icon-star-outline.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-star-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-star-o.stroked-icon:after {
  position: relative;
  content: "\e90f";
}
.dlt-c8y-icon-star-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-unstar.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-unstar.stroked-icon:after {
  position: relative;
  content: "\e90f";
}
.dlt-c8y-icon-unstar.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-star-half.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-star-half.stroked-icon:after {
  position: relative;
  content: "\e979";
}
.dlt-c8y-icon-star-half.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-star-half-empty.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-star-half-empty.stroked-icon:after {
  position: relative;
  content: "\e979";
}
.dlt-c8y-icon-star-half-empty.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-star-half-full.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-star-half-full.stroked-icon:after {
  position: relative;
  content: "\e979";
}
.dlt-c8y-icon-star-half-full.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-star-half-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-star-half-o.stroked-icon:after {
  position: relative;
  content: "\e979";
}
.dlt-c8y-icon-star-half-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-star.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-star.stroked-icon:after {
  position: relative;
  content: "\eb0c";
}
.dlt-c8y-icon-star.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-grade.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-grade.stroked-icon:after {
  position: relative;
  content: "\eb0c";
}
.dlt-c8y-icon-grade.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-home-page.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-home-page.stroked-icon:after {
  position: relative;
  content: "\eb0d";
}
.dlt-c8y-icon-home-page.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-home.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-home.stroked-icon:after {
  position: relative;
  content: "\eb0d";
}
.dlt-c8y-icon-home.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-attach.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-attach.stroked-icon:after {
  position: relative;
  content: "\f091";
}
.dlt-c8y-icon-attach.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-paper-clip.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-paper-clip.stroked-icon:after {
  position: relative;
  content: "\f091";
}
.dlt-c8y-icon-paper-clip.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-paperclip.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-paperclip.stroked-icon:after {
  position: relative;
  content: "\f091";
}
.dlt-c8y-icon-paperclip.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-link1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-link1.stroked-icon:after {
  position: relative;
  content: "\eb0e";
}
.dlt-c8y-icon-link1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-unlink1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-unlink1.stroked-icon:after {
  position: relative;
  content: "\eb0f";
}
.dlt-c8y-icon-unlink1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-online1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-online1.stroked-icon:after {
  position: relative;
  content: "\f0ea";
}
.dlt-c8y-icon-online1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-offline.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-offline.stroked-icon:after {
  position: relative;
  content: "\f0e8";
}
.dlt-c8y-icon-offline.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-notification.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-notification.stroked-icon:after {
  position: relative;
  content: "\e9a7";
}
.dlt-c8y-icon-notification.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-notifications.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-notifications.stroked-icon:after {
  position: relative;
  content: "\e9a7";
}
.dlt-c8y-icon-notifications.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-bell.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-bell.stroked-icon:after {
  position: relative;
  content: "\e9a7";
}
.dlt-c8y-icon-bell.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-bell-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-bell-o.stroked-icon:after {
  position: relative;
  content: "\e9a7";
}
.dlt-c8y-icon-bell-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-alarm.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-alarm.stroked-icon:after {
  position: relative;
  content: "\f479";
}
.dlt-c8y-icon-alarm.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-no-reminders.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-no-reminders.stroked-icon:after {
  position: relative;
  content: "\f0e6";
}
.dlt-c8y-icon-no-reminders.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-bell-slash.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-bell-slash.stroked-icon:after {
  position: relative;
  content: "\f0e6";
}
.dlt-c8y-icon-bell-slash.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-bell-slash-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-bell-slash-o.stroked-icon:after {
  position: relative;
  content: "\f0e6";
}
.dlt-c8y-icon-bell-slash-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-medium-priority.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-medium-priority.stroked-icon:after {
  position: relative;
  content: "\ea02";
}
.dlt-c8y-icon-medium-priority.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-sliders1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-sliders1.stroked-icon:after {
  position: relative;
  content: "\f656";
}
.dlt-c8y-icon-sliders1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-sliders2.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-sliders2.stroked-icon:after {
  position: relative;
  content: "\f656";
}
.dlt-c8y-icon-sliders2.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-adjust1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-adjust1.stroked-icon:after {
  position: relative;
  content: "\f656";
}
.dlt-c8y-icon-adjust1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-tune.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-tune.stroked-icon:after {
  position: relative;
  content: "\f728";
}
.dlt-c8y-icon-tune.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-customize.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-customize.stroked-icon:after {
  position: relative;
  content: "\f728";
}
.dlt-c8y-icon-customize.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-button.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-button.stroked-icon:after {
  position: relative;
  content: "\eb11";
}
.dlt-c8y-icon-button.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-breadcrumb.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-breadcrumb.stroked-icon:after {
  position: relative;
  content: "\eb12";
}
.dlt-c8y-icon-breadcrumb.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-window-minimize.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-window-minimize.stroked-icon:after {
  position: relative;
  content: "\f665";
}
.dlt-c8y-icon-window-minimize.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-versions.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-versions.stroked-icon:after {
  position: relative;
  content: "\eb14";
}
.dlt-c8y-icon-versions.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-pages.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-pages.stroked-icon:after {
  position: relative;
  content: "\eb18";
}
.dlt-c8y-icon-pages.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-change-theme.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-change-theme.stroked-icon:after {
  position: relative;
  content: "\f668";
}
.dlt-c8y-icon-change-theme.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-window-restore.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-window-restore.stroked-icon:after {
  position: relative;
  content: "\f668";
}
.dlt-c8y-icon-window-restore.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-landing-page.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-landing-page.stroked-icon:after {
  position: relative;
  content: "\eb19";
}
.dlt-c8y-icon-landing-page.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-continuous-mode.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-continuous-mode.stroked-icon:after {
  position: relative;
  content: "\f675";
}
.dlt-c8y-icon-continuous-mode.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-ruler-pencil.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-ruler-pencil.stroked-icon:after {
  position: relative;
  content: "\eb1a";
}
.dlt-c8y-icon-ruler-pencil.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-header1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-header1.stroked-icon:after {
  position: relative;
  content: "\eb1b";
}
.dlt-c8y-icon-header1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-body.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-body.stroked-icon:after {
  position: relative;
  content: "\eb1c";
}
.dlt-c8y-icon-body.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-footer.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-footer.stroked-icon:after {
  position: relative;
  content: "\eb1d";
}
.dlt-c8y-icon-footer.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-logs.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-logs.stroked-icon:after {
  position: relative;
  content: "\eb1e";
}
.dlt-c8y-icon-logs.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-overview.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-overview.stroked-icon:after {
  position: relative;
  content: "\eb20";
}
.dlt-c8y-icon-overview.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-tab.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-tab.stroked-icon:after {
  position: relative;
  content: "\eb21";
}
.dlt-c8y-icon-tab.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-cursor-in-window.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-cursor-in-window.stroked-icon:after {
  position: relative;
  content: "\ebae";
}
.dlt-c8y-icon-cursor-in-window.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-advertisement-page.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-advertisement-page.stroked-icon:after {
  position: relative;
  content: "\f659";
}
.dlt-c8y-icon-advertisement-page.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-share-square-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-share-square-o.stroked-icon:after {
  position: relative;
  content: "\f659";
}
.dlt-c8y-icon-share-square-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-share-square.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-share-square.stroked-icon:after {
  position: relative;
  content: "\f659";
}
.dlt-c8y-icon-share-square.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-share1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-share1.stroked-icon:after {
  position: relative;
  content: "\f659";
}
.dlt-c8y-icon-share1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-external-link.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-external-link.stroked-icon:after {
  position: relative;
  content: "\eb22";
}
.dlt-c8y-icon-external-link.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-level-up.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-level-up.stroked-icon:after {
  position: relative;
  content: "\f6b6";
}
.dlt-c8y-icon-level-up.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-trigger.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-trigger.stroked-icon:after {
  position: relative;
  content: "\eb24";
}
.dlt-c8y-icon-trigger.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-rules1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-rules1.stroked-icon:after {
  position: relative;
  content: "\eb25";
}
.dlt-c8y-icon-rules1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-email.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-email.stroked-icon:after {
  position: relative;
  content: "\f686";
}
.dlt-c8y-icon-email.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-form.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-form.stroked-icon:after {
  position: relative;
  content: "\f696";
}
.dlt-c8y-icon-form.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-language1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-language1.stroked-icon:after {
  position: relative;
  content: "\f6b3";
}
.dlt-c8y-icon-language1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-loading-bar.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-loading-bar.stroked-icon:after {
  position: relative;
  content: "\f6bc";
}
.dlt-c8y-icon-loading-bar.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-output.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-output.stroked-icon:after {
  position: relative;
  content: "\f6e4";
}
.dlt-c8y-icon-output.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-save1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-save1.stroked-icon:after {
  position: relative;
  content: "\f6f5";
}
.dlt-c8y-icon-save1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-floppy-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-floppy-o.stroked-icon:after {
  position: relative;
  content: "\f6f5";
}
.dlt-c8y-icon-floppy-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-single-choice.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-single-choice.stroked-icon:after {
  position: relative;
  content: "\f708";
}
.dlt-c8y-icon-single-choice.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-single-page-mode.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-single-page-mode.stroked-icon:after {
  position: relative;
  content: "\f709";
}
.dlt-c8y-icon-single-page-mode.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-skip.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-skip.stroked-icon:after {
  position: relative;
  content: "\f70a";
}
.dlt-c8y-icon-skip.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-support.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-support.stroked-icon:after {
  position: relative;
  content: "\f717";
}
.dlt-c8y-icon-support.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-wrench.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-wrench.stroked-icon:after {
  position: relative;
  content: "\f717";
}
.dlt-c8y-icon-wrench.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-maintenance.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-maintenance.stroked-icon:after {
  position: relative;
  content: "\f5b1";
}
.dlt-c8y-icon-maintenance.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-utility.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-utility.stroked-icon:after {
  position: relative;
  content: "\f5b1";
}
.dlt-c8y-icon-utility.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-themes.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-themes.stroked-icon:after {
  position: relative;
  content: "\f71f";
}
.dlt-c8y-icon-themes.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-book1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-book1.stroked-icon:after {
  position: relative;
  content: "\eb26";
}
.dlt-c8y-icon-book1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-top-menu.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-top-menu.stroked-icon:after {
  position: relative;
  content: "\f723";
}
.dlt-c8y-icon-top-menu.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-user-menu-male.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-user-menu-male.stroked-icon:after {
  position: relative;
  content: "\f734";
}
.dlt-c8y-icon-user-menu-male.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-hint.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-hint.stroked-icon:after {
  position: relative;
  content: "\f6a2";
}
.dlt-c8y-icon-hint.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-xlarge-icons1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-xlarge-icons1.stroked-icon:after {
  position: relative;
  content: "\f742";
}
.dlt-c8y-icon-xlarge-icons1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-circled-menu.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-circled-menu.stroked-icon:after {
  position: relative;
  content: "\f66e";
}
.dlt-c8y-icon-circled-menu.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-keypad.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-keypad.stroked-icon:after {
  position: relative;
  content: "\f6b2";
}
.dlt-c8y-icon-keypad.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-cake.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-cake.stroked-icon:after {
  position: relative;
  content: "\e9a8";
}
.dlt-c8y-icon-cake.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-birthday-cake.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-birthday-cake.stroked-icon:after {
  position: relative;
  content: "\e9a8";
}
.dlt-c8y-icon-birthday-cake.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-intelligence1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-intelligence1.stroked-icon:after {
  position: relative;
  content: "\ebd6";
}
.dlt-c8y-icon-intelligence1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-beginner.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-beginner.stroked-icon:after {
  position: relative;
  content: "\eb8c";
}
.dlt-c8y-icon-beginner.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-restaurant.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-restaurant.stroked-icon:after {
  position: relative;
  content: "\e9ac";
}
.dlt-c8y-icon-restaurant.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-cutlery.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-cutlery.stroked-icon:after {
  position: relative;
  content: "\e9ac";
}
.dlt-c8y-icon-cutlery.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-local-cafe.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-local-cafe.stroked-icon:after {
  position: relative;
  content: "\eb27";
}
.dlt-c8y-icon-local-cafe.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-free-breakfast.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-free-breakfast.stroked-icon:after {
  position: relative;
  content: "\eb27";
}
.dlt-c8y-icon-free-breakfast.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-coffee.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-coffee.stroked-icon:after {
  position: relative;
  content: "\eb27";
}
.dlt-c8y-icon-coffee.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-wine-bar.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-wine-bar.stroked-icon:after {
  position: relative;
  content: "\e9ab";
}
.dlt-c8y-icon-wine-bar.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-glass.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-glass.stroked-icon:after {
  position: relative;
  content: "\e9ab";
}
.dlt-c8y-icon-glass.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-espresso-cup.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-espresso-cup.stroked-icon:after {
  position: relative;
  content: "\eedb";
}
.dlt-c8y-icon-espresso-cup.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-broom.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-broom.stroked-icon:after {
  position: relative;
  content: "\ee8c";
}
.dlt-c8y-icon-broom.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-buy-upgrade.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-buy-upgrade.stroked-icon:after {
  position: relative;
  content: "\eb96";
}
.dlt-c8y-icon-buy-upgrade.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-speedometer.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-speedometer.stroked-icon:after {
  position: relative;
  content: "\f608";
}
.dlt-c8y-icon-speedometer.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-dashboard.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-dashboard.stroked-icon:after {
  position: relative;
  content: "\f55d";
}
.dlt-c8y-icon-dashboard.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-tachometer.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-tachometer.stroked-icon:after {
  position: relative;
  content: "\f55d";
}
.dlt-c8y-icon-tachometer.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-palette.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-palette.stroked-icon:after {
  position: relative;
  content: "\eb28";
}
.dlt-c8y-icon-palette.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-car-battery.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-car-battery.stroked-icon:after {
  position: relative;
  content: "\f541";
}
.dlt-c8y-icon-car-battery.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-magnetic.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-magnetic.stroked-icon:after {
  position: relative;
  content: "\ebdd";
}
.dlt-c8y-icon-magnetic.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-magnet1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-magnet1.stroked-icon:after {
  position: relative;
  content: "\ebdd";
}
.dlt-c8y-icon-magnet1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-right-navigation-toolbar.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-right-navigation-toolbar.stroked-icon:after {
  position: relative;
  content: "\f33c";
}
.dlt-c8y-icon-right-navigation-toolbar.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-tilt.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-tilt.stroked-icon:after {
  position: relative;
  content: "\f1c6";
}
.dlt-c8y-icon-tilt.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-clear-symbol.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-clear-symbol.stroked-icon:after {
  position: relative;
  content: "\f670";
}
.dlt-c8y-icon-clear-symbol.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-settings.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-settings.stroked-icon:after {
  position: relative;
  content: "\e986";
}
.dlt-c8y-icon-settings.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-cog.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-cog.stroked-icon:after {
  position: relative;
  content: "\e986";
}
.dlt-c8y-icon-cog.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-gear.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-gear.stroked-icon:after {
  position: relative;
  content: "\e986";
}
.dlt-c8y-icon-gear.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-advanced-search.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-advanced-search.stroked-icon:after {
  position: relative;
  content: "\f658";
}
.dlt-c8y-icon-advanced-search.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-heartbeat.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-heartbeat.stroked-icon:after {
  position: relative;
  content: "\f658";
}
.dlt-c8y-icon-heartbeat.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-installing-updates.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-installing-updates.stroked-icon:after {
  position: relative;
  content: "\f16a";
}
.dlt-c8y-icon-installing-updates.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-heating-automation.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-heating-automation.stroked-icon:after {
  position: relative;
  content: "\ef05";
}
.dlt-c8y-icon-heating-automation.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-impressum.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-impressum.stroked-icon:after {
  position: relative;
  content: "\eb29";
}
.dlt-c8y-icon-impressum.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-sun.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-sun.stroked-icon:after {
  position: relative;
  content: "\f75a";
}
.dlt-c8y-icon-sun.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-sunlight.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-sunlight.stroked-icon:after {
  position: relative;
  content: "\ec2d";
}
.dlt-c8y-icon-sunlight.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-cloud1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-cloud1.stroked-icon:after {
  position: relative;
  content: "\f745";
}
.dlt-c8y-icon-cloud1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-rain.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-rain.stroked-icon:after {
  position: relative;
  content: "\f754";
}
.dlt-c8y-icon-rain.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-winter.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-winter.stroked-icon:after {
  position: relative;
  content: "\f761";
}
.dlt-c8y-icon-winter.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-storm.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-storm.stroked-icon:after {
  position: relative;
  content: "\f758";
}
.dlt-c8y-icon-storm.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-keep-dry.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-keep-dry.stroked-icon:after {
  position: relative;
  content: "\ebd9";
}
.dlt-c8y-icon-keep-dry.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dlt-c8y-icon-umbrella.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-umbrella.stroked-icon:after {
  position: relative;
  content: "\ebd9";
}
.dlt-c8y-icon-umbrella.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
/*!
Force line break
*/
@font-face {
  font-weight: normal;
  font-style: normal;
  font-family: 'c8y-glyphs';
  src: url('data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAASQAA0AAAAABmgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAEdAAAABoAAAAci6ZHXk9TLzIAAAGgAAAARwAAAGBPtlyPY21hcAAAAgQAAABKAAABSuH3Ff9jdnQgAAACUAAAAAQAAAAEABEBRGdhc3AAAARsAAAACAAAAAj//wADZ2x5ZgAAAmgAAADZAAAA7I78fgNoZWFkAAABMAAAAC0AAAA2E9O5GGhoZWEAAAFgAAAAHQAAACQDcAIGaG10eAAAAegAAAAaAAAAGgTXAKVsb2NhAAACVAAAABIAAAASARwA/m1heHAAAAGAAAAAHwAAACAATABBbmFtZQAAA0QAAADsAAAB0dQuAddwb3N0AAAEMAAAADwAAABLaPeWx3jaY2BkYGAAYrc01X3x/DZfGbiZGEDgZrpNBJwWBCq5xpgN5HIwgKUB9CkIRAAAAHjaY2BkYGDMZmBg0GNiAAHGawyMDKiAFQAidgF7AAAAeNpjYGRgYOBgEGBgYgABEMnIABJzYNADCQAABbUAjgB42mNgYTzIOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGAQYECEhzTWFoYFD4yMx44P8BBj3GbIgaJCUKDIwAKFcK6AAAuwARAAAAAACqAAAAyAAAAgAAagBVACoAVQAAeNpjYGBgZoBgGQZGBhBwAfIYwXwWBg0gzQakGRmYGBQ+Mv//D+QrfGT4////Y34WqHogYGRjgHMYmYAEEwMqYIRYMZwBAMe9COkAAAARAUQAAAAqACoAKgAqAEYAUgBkAHYAAHjaHYwxSsRQFEXvTUx+YSEPjVNPRAIWCvPiDEiKEUFwAXEFIYJZgLgCrVLZ2MwGfpWsQ1sr7exE3IB8fLF4j8vh3oMIAuCZNWI4HA/ESTW6LXwvhjR5r8Y4soghnnAy4dGl/K1GTlxFpVA5kMe7tmUdvFDNFuEWGTfssI0dYFczPbWTuaizuNG21PCq8sMuz/PwwvLGe9sRNdb0+DIDDos54Xm99saPzPdmvsRKMxarGZ/Ow8fDxSW7s/DZr67+txm9dRywLJeL/b00r5u+afr76TXAH18eNuQAAAB42o2OPWrDQBCFv5VlQUwILlwk3RYhncTuuvDPAVSl9gWCkA1GMrIbnSC38SnS5yy5gUfSGGMIJAvDfDvzePOAJ84Yri9SNkx4UY5ICMoj3vhUjkXzpTxmyo9ywsQ8i9LED+o6sGEmNHDEI6/KI95ZKceiOSuPsXwrJ8xM1Fl9sKQlpWQv/cCWowyXbVru28NW+G5xHebUVJz63oikEOtAhpO+lvrNddjM8TJfSAVRewlKXlenvG7KwobM2bW9XZfP3KeLNDi/+kfUjeRoZLjr01nx7y5kfe+SsSma466urHM+c87Zvz0vw8dBq3jaY2BiAIP/txgkGbABDiBmZGBiYGZkYmRmZGFk5UhOzEnNS0ksYk1OLEotYU3OSE3OZk7JLwEA9IgKuAAAAAH//wACeNpjYGBgZACCG9fPrQXRN9NtImA0AFR1BtQAAA==') format('woff');
}
/*!
Force line break
*/
.c8y-glyph,
.c8y-glyph-calendar:before,
.c8y-glyph-caret:before,
.dlt-c8y-icon-caret-down:before,
.c8y-glyph-check:before,
.c8y-glyph-dot:before {
  display: inline-block;
  text-decoration: inherit;
  text-transform: none;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  font-family: 'c8y-glyphs' !important;
  line-height: 1;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
.c8y-glyph-calendar:before {
  content: '\f100';
}
.c8y-glyph-caret:before,
.dlt-c8y-icon-caret-down:before {
  content: '\f101';
}
.c8y-glyph-check:before {
  content: '\f102';
}
.c8y-glyph-dot:before {
  content: '\f103';
}
body.demo {
  position: relative;
  z-index: 0;
}
body.demo:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: url('baseline8.png') 0 0 repeat;
  pointer-events: none;
}
body.demo.front:after {
  z-index: 999999999;
  pointer-events: none;
}
.normal-marker-icon {
  background-image: url('normal-marker-icon.png');
}
.critical-marker-icon {
  background-image: url('critical-marker-icon.png');
}
.major-marker-icon {
  background-image: url('major-marker-icon.png');
}
.minor-marker-icon {
  background-image: url('minor-marker-icon.png');
}
.warning-marker-icon {
  background-image: url('warning-marker-icon.png');
}
@media (max-width: 768px) {
  .dashboard-grid {
    grid-template-columns: 1fr !important;
  }
  .dashboard-grid-child {
    grid-column-start: 1 !important;
    grid-column-end: 1 !important;
    grid-row-start: auto !important;
  }
  .card-header-grid.cdk-drag-handle {
    cursor: auto;
  }
}
body.c8y-grid-dashboard > .card.card-dashboard.cdk-drag-preview {
  opacity: 0.8;
}
.dashboard-grid {
  display: grid;
}
.dashboard-grid .dashboard-grid-child {
  min-width: 0;
}
.dashboard-grid .cdk-drop-list {
  position: relative;
}
.dashboard-grid .card-dashboard {
  overflow: hidden;
}
.dashboard-grid .card-dashboard.on-resize {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.8;
}
.dashboard-grid .card-dashboard.panel-content-transparent.on-resize {
  outline: 1px solid var(--c8y-component-brand-primary, var(--c8y-root-component-brand-primary));
}
.dashboard-grid .card-header-grid {
  min-height: 6px;
  height: auto !important;
}
.dashboard-grid .card-header-actions:after,
.dashboard-grid .card-header-actions + .card-inner-scroll:before {
  display: none;
}
.dashboard-grid .header-actions {
  top: 0;
  right: 0;
  z-index: 10;
}
.dashboard-grid .resize-handle {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 12;
  width: 30px;
  height: 30px;
  cursor: se-resize;
}
.dashboard-grid .resize-icon {
  position: absolute;
  display: inline-block;
  text-transform: none;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  font-family: 'dlt-c8y-icons' !important;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  right: 4px;
  bottom: 4px;
  z-index: 11;
  width: 20px;
  height: 20px;
  opacity: 0;
  cursor: se-resize;
  transition: opacity 0.3s ease-in-out;
  transform: rotate(-90deg);
}
.dashboard-grid .resize-icon::before,
.dashboard-grid .resize-icon::after {
  font-size: 1.1em;
}
.dashboard-grid .resize-icon:before {
  content: "\e929";
}
.dashboard-grid .card-dashboard:hover .resize-icon {
  opacity: 0.25;
}
.dashboard-grid .resize-handle:hover + .resize-icon {
  opacity: 1;
}
.dashboard-grid .on-resize .resize-icon {
  opacity: 1 !important;
}
.dashboard-grid .card-placeholder {
  height: 100%;
  opacity: 1 !important;
  outline: 2px dotted var(--c8y-component-border-color, var(--c8y-root-component-border-color)) !important;
  outline-offset: 0;
}
.dashboard-grid .cdk-drop-list,
.dashboard-grid .card-dashboard {
  height: 100%;
}
.fullscreen-dashboard {
  overflow: hidden;
}
.fullscreen-dashboard .navigator,
.fullscreen-dashboard .app-main-header {
  display: none;
}
.fullscreen-dashboard .mcontainer {
  margin-top: 0;
  margin-left: 0 !important;
  padding: 0 !important;
  background-color: var(--body-background-color, var(--c8y-body-background-color));
}
.fullscreen-dashboard .mcontainer > .container-fluid {
  padding-bottom: 0;
}
.fullscreen-dashboard .c8y-ui-action-bar {
  top: 0 !important;
  left: 0 !important;
}
.fullscreen-dashboard .dashboard {
  top: 0;
  left: 0;
  z-index: 1085 !important;
  overflow-y: auto;
  margin: 0 !important;
  padding-top: calc(var(--c8y-unit-base) * 10);
  padding-bottom: 24px !important;
  width: 100vw;
  height: 99vh;
}
.fullscreen-dashboard .dashboard::-webkit-scrollbar {
  width: 4px;
  /* for vertical scrollbars */
  height: 4px;
  /* for horizontal scrollbars */
}
.fullscreen-dashboard .dashboard::-webkit-scrollbar-track {
  background: transparent;
}
.fullscreen-dashboard .dashboard::-webkit-scrollbar-track:not(textarea) {
  background: var(--c8y-component-scrollbar-track, var(--c8y-root-component-scrollbar-track));
}
.fullscreen-dashboard .dashboard::-webkit-scrollbar-thumb {
  width: 4px;
  border-radius: 1px;
  background: var(--c8y-component-scrollbar-thumb-default, var(--c8y-root-component-scrollbar-thumb-default));
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.fullscreen-dashboard .dashboard:hover::-webkit-scrollbar-thumb {
  background: var(--c8y-component-scrollbar-thumb-hover, var(--c8y-root-component-scrollbar-thumb-hover));
}
.fullscreen-dashboard .dashboard .dashboard {
  padding-bottom: 0 !important;
  all: unset;
}
.fullscreen-dashboard .dashboard .dashboard-container {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.fullscreen-dashboard .page-tabs:not(.c8y-top-drawer--tabs) {
  display: none;
}
.singleWidget .c8y-ui-action-bar {
  display: none!important;
}
.singleWidget .dashboard-grid-child:not(.fullscreen) {
  display: none!important;
}
.singleWidget .dashboard-grid-child.fullscreen {
  position: fixed;
  inset: 24px;
  z-index: 100;
  margin: 0!important;
}
.singleWidget .dashboard {
  overflow: hidden!important;
}
:fullscreen:not(:root) {
  overflow: hidden;
}
:fullscreen:not(:root) .navigator,
:fullscreen:not(:root) .app-main-header {
  display: none;
}
:fullscreen:not(:root) .mcontainer {
  margin-top: 0;
  margin-left: 0 !important;
  padding: 0 !important;
  background-color: var(--body-background-color, var(--c8y-body-background-color));
}
:fullscreen:not(:root) .mcontainer > .container-fluid {
  padding-bottom: 0;
}
:fullscreen:not(:root) .c8y-ui-action-bar {
  top: 0 !important;
  left: 0 !important;
}
:fullscreen:not(:root) .dashboard {
  top: 0;
  left: 0;
  z-index: 1085 !important;
  overflow-y: auto;
  margin: 0 !important;
  padding-top: calc(var(--c8y-unit-base) * 10);
  padding-bottom: 24px !important;
  width: 100vw;
  height: 99vh;
}
:fullscreen:not(:root) .dashboard::-webkit-scrollbar {
  width: 4px;
  /* for vertical scrollbars */
  height: 4px;
  /* for horizontal scrollbars */
}
:fullscreen:not(:root) .dashboard::-webkit-scrollbar-track {
  background: transparent;
}
:fullscreen:not(:root) .dashboard::-webkit-scrollbar-track:not(textarea) {
  background: var(--c8y-component-scrollbar-track, var(--c8y-root-component-scrollbar-track));
}
:fullscreen:not(:root) .dashboard::-webkit-scrollbar-thumb {
  width: 4px;
  border-radius: 1px;
  background: var(--c8y-component-scrollbar-thumb-default, var(--c8y-root-component-scrollbar-thumb-default));
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
:fullscreen:not(:root) .dashboard:hover::-webkit-scrollbar-thumb {
  background: var(--c8y-component-scrollbar-thumb-hover, var(--c8y-root-component-scrollbar-thumb-hover));
}
:fullscreen:not(:root) .dashboard .dashboard {
  padding-bottom: 0 !important;
  all: unset;
}
:fullscreen:not(:root) .dashboard .dashboard-container {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
:fullscreen:not(:root) .page-tabs:not(.c8y-top-drawer--tabs) {
  display: none;
}
body .dashboard-preview-slot {
  margin: 0 !important;
  padding: 30px;
  border: 1px solid var(--c8y-component-border-color, var(--c8y-root-component-border-color));
}
body .dashboard-preview-slot .page-tabs-horizontal {
  margin-top: 2px !important;
}
body .dashboard-preview-slot .card.card-dashboard {
  position: relative;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 15px !important;
  padding-bottom: 35%;
}
.panel-title-hidden .card.card-dashboard .card-header-actions,
.card.card-dashboard .dashboard-preview-slot.panel-title-hidden .card-header-actions,
.card.card-dashboard.panel-title-hidden.cdk-drag-disabled .card-header-actions {
  position: absolute;
  z-index: 10;
  min-height: 6px;
  width: 100%;
  height: 0;
  border: 0;
  pointer-events: none;
}
.panel-title-hidden .card.card-dashboard .card-header-actions:after,
.card.card-dashboard .dashboard-preview-slot.panel-title-hidden .card-header-actions:after,
.card.card-dashboard.panel-title-hidden.cdk-drag-disabled .card-header-actions:after {
  display: none;
}
.panel-title-hidden .card.card-dashboard .card-header-actions > *,
.card.card-dashboard .dashboard-preview-slot.panel-title-hidden .card-header-actions > *,
.card.card-dashboard.panel-title-hidden.cdk-drag-disabled .card-header-actions > * {
  display: none;
}
.panel-title-hidden .card.card-dashboard .card-header-actions > .header-actions,
.card.card-dashboard .dashboard-preview-slot.panel-title-hidden .card-header-actions > .header-actions,
.card.card-dashboard.panel-title-hidden.cdk-drag-disabled .card-header-actions > .header-actions {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  display: flex;
  border-left: 0;
  opacity: 0;
}
.panel-title-hidden .card.card-dashboard .card-header-actions + .card-inner-scroll,
.card.card-dashboard .dashboard-preview-slot.panel-title-hidden .card-header-actions + .card-inner-scroll,
.card.card-dashboard.panel-title-hidden.cdk-drag-disabled .card-header-actions + .card-inner-scroll {
  top: 0;
  z-index: 9;
  height: 100%;
}
.panel-title-hidden .card.card-dashboard .card-header-actions + .card-inner-scroll.has-footer,
.card.card-dashboard .dashboard-preview-slot.panel-title-hidden .card-header-actions + .card-inner-scroll.has-footer,
.card.card-dashboard.panel-title-hidden.cdk-drag-disabled .card-header-actions + .card-inner-scroll.has-footer {
  height: calc(100% - 65px);
}
.panel-title-hidden .card.card-dashboard .card-header-actions + .card-inner-scroll:before,
.card.card-dashboard .dashboard-preview-slot.panel-title-hidden .card-header-actions + .card-inner-scroll:before,
.card.card-dashboard.panel-title-hidden.cdk-drag-disabled .card-header-actions + .card-inner-scroll:before {
  display: none;
}
.panel-title-hidden .card.card-dashboard .card-header-actions + .card-inner-scroll .leaflet-top .leaflet-control,
.card.card-dashboard .dashboard-preview-slot.panel-title-hidden .card-header-actions + .card-inner-scroll .leaflet-top .leaflet-control,
.card.card-dashboard.panel-title-hidden.cdk-drag-disabled .card-header-actions + .card-inner-scroll .leaflet-top .leaflet-control {
  margin-top: 16px;
}
.panel-title-hidden .card.card-dashboard .card-header-actions + .card-inner-scroll .c8y-map-status,
.card.card-dashboard .dashboard-preview-slot.panel-title-hidden .card-header-actions + .card-inner-scroll .c8y-map-status,
.card.card-dashboard.panel-title-hidden.cdk-drag-disabled .card-header-actions + .card-inner-scroll .c8y-map-status {
  margin-top: 0;
}
.panel-title-hidden .card.card-dashboard .card-header-actions + .card-inner-scroll .top-chart-bar,
.card.card-dashboard .dashboard-preview-slot.panel-title-hidden .card-header-actions + .card-inner-scroll .top-chart-bar,
.card.card-dashboard.panel-title-hidden.cdk-drag-disabled .card-header-actions + .card-inner-scroll .top-chart-bar,
.panel-title-hidden .card.card-dashboard .card-header-actions + .card-inner-scroll .sticky-top,
.card.card-dashboard .dashboard-preview-slot.panel-title-hidden .card-header-actions + .card-inner-scroll .sticky-top,
.card.card-dashboard.panel-title-hidden.cdk-drag-disabled .card-header-actions + .card-inner-scroll .sticky-top {
  padding-top: var(--c8y-unit-base);
}
.panel-title-overlay .card.card-dashboard .card-header-actions,
.dashboard-preview-slot.panel-title-overlay .card.card-dashboard .card-header-actions,
.card.card-dashboard.panel-title-overlay.cdk-drag-disabled .card-header-actions {
  position: absolute;
  z-index: 10;
  width: 100%;
  border: 0;
  pointer-events: none;
}
.panel-title-overlay .card.card-dashboard .card-header-actions:after,
.dashboard-preview-slot.panel-title-overlay .card.card-dashboard .card-header-actions:after,
.card.card-dashboard.panel-title-overlay.cdk-drag-disabled .card-header-actions:after {
  display: none;
}
.panel-title-overlay .card.card-dashboard .card-header-actions .card-header-title,
.dashboard-preview-slot.panel-title-overlay .card.card-dashboard .card-header-actions .card-header-title,
.card.card-dashboard.panel-title-overlay.cdk-drag-disabled .card-header-actions .card-header-title {
  min-height: 40px;
}
.panel-title-overlay .card.card-dashboard .card-header-actions > .header-actions,
.dashboard-preview-slot.panel-title-overlay .card.card-dashboard .card-header-actions > .header-actions,
.card.card-dashboard.panel-title-overlay.cdk-drag-disabled .card-header-actions > .header-actions {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  display: flex;
  border-left: 0;
  opacity: 0;
}
.panel-title-overlay .card.card-dashboard .card-header-actions + .card-inner-scroll,
.dashboard-preview-slot.panel-title-overlay .card.card-dashboard .card-header-actions + .card-inner-scroll,
.card.card-dashboard.panel-title-overlay.cdk-drag-disabled .card-header-actions + .card-inner-scroll {
  top: 0;
  z-index: 9;
  height: 100%;
}
.panel-title-overlay .card.card-dashboard .card-header-actions + .card-inner-scroll:before,
.dashboard-preview-slot.panel-title-overlay .card.card-dashboard .card-header-actions + .card-inner-scroll:before,
.card.card-dashboard.panel-title-overlay.cdk-drag-disabled .card-header-actions + .card-inner-scroll:before {
  display: none;
}
.panel-title-overlay .card.card-dashboard .card-header-actions + .card-inner-scroll .leaflet-top .leaflet-control,
.dashboard-preview-slot.panel-title-overlay .card.card-dashboard .card-header-actions + .card-inner-scroll .leaflet-top .leaflet-control,
.card.card-dashboard.panel-title-overlay.cdk-drag-disabled .card-header-actions + .card-inner-scroll .leaflet-top .leaflet-control {
  margin-top: 40px;
}
.panel-title-overlay .card.card-dashboard .card-header-actions + .card-inner-scroll .c8y-map-status,
.dashboard-preview-slot.panel-title-overlay .card.card-dashboard .card-header-actions + .card-inner-scroll .c8y-map-status,
.card.card-dashboard.panel-title-overlay.cdk-drag-disabled .card-header-actions + .card-inner-scroll .c8y-map-status {
  margin-top: 24px;
}
.panel-title-overlay .card.card-dashboard .card-header-actions + .card-inner-scroll .top-chart-bar,
.dashboard-preview-slot.panel-title-overlay .card.card-dashboard .card-header-actions + .card-inner-scroll .top-chart-bar,
.card.card-dashboard.panel-title-overlay.cdk-drag-disabled .card-header-actions + .card-inner-scroll .top-chart-bar,
.panel-title-overlay .card.card-dashboard .card-header-actions + .card-inner-scroll .sticky-top,
.dashboard-preview-slot.panel-title-overlay .card.card-dashboard .card-header-actions + .card-inner-scroll .sticky-top,
.card.card-dashboard.panel-title-overlay.cdk-drag-disabled .card-header-actions + .card-inner-scroll .sticky-top {
  padding-top: var(--c8y-unit-base);
}
.panel-title-border .card.card-dashboard .card-header-actions,
.dashboard-preview-slot.panel-title-border .card.card-dashboard .card-header-actions,
.card.card-dashboard.panel-title-border .card-header-actions {
  z-index: 10;
  border-color: var(--c8y-component-border-color, var(--c8y-root-component-border-color));
  border-top: 1px solid transparent;
  border-bottom-width: 1px;
  border-bottom-style: solid;
}
.panel-title-border .card.card-dashboard .card-header-actions:after,
.dashboard-preview-slot.panel-title-border .card.card-dashboard .card-header-actions:after,
.card.card-dashboard.panel-title-border .card-header-actions:after {
  display: none;
}
.panel-title-border .card.card-dashboard .card-header-actions + .card-inner-scroll:before,
.dashboard-preview-slot.panel-title-border .card.card-dashboard .card-header-actions + .card-inner-scroll:before,
.card.card-dashboard.panel-title-border .card-header-actions + .card-inner-scroll:before {
  display: none;
}
.dashboard-template-marker {
  color: var(--palette-status-info, var(--c8y-palette-status-info));
  line-height: 0.5;
  font-size: 10px;
  font-weight: bold;
  padding: 4px 3px;
  border: 1px solid;
  height: 14px;
  display: inline-block;
}
.dashboard-template-marker::before {
  content: 'T';
}
.label .dashboard-template-marker,
.tag .dashboard-template-marker {
  position: static;
  margin: 0 4px 0 -4px;
}
.caret {
  position: relative;
  display: inline-block;
  margin-top: -2px;
  width: 0.8em;
  vertical-align: inherit;
}
.caret:after {
  position: absolute;
  top: 50%;
  left: 4px;
  z-index: 2;
  color: var(--c8y-form-control-icon-color);
  content: '\f101';
  font-size: 18px;
  transform: translate(0, -50%);
  pointer-events: none;
  display: inline-block;
  text-decoration: inherit;
  text-transform: none;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  font-family: 'c8y-glyphs' !important;
  line-height: 1;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
.dropdown-caret:after {
  position: absolute;
  top: 50%;
  right: 5px;
  z-index: 2;
  color: var(--c8y-form-control-icon-color);
  content: '\f101';
  font-size: 18px;
  transform: translate(0, -50%);
  pointer-events: none;
  display: inline-block;
  text-decoration: inherit;
  text-transform: none;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  font-family: 'c8y-glyphs' !important;
  line-height: 1;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
.text-light {
  font-weight: 200 !important;
}
.text-normal {
  font-weight: 400 !important;
}
.text-medium {
  font-weight: 600 !important;
}
.text-bold,
.strong {
  font-weight: 700 !important;
}
.text-tabular {
  font-feature-settings: "tnum" 1, "kern" 1 !important;
}
.first-line-bold::first-line {
  font-weight: 600 !important;
}
/* #region */
@media (max-width: 767px) {
  .text-light-xs {
    font-weight: 200 !important;
  }
  .text-normal-xs {
    font-weight: 400 !important;
  }
  .text-medium-xs {
    font-weight: 600 !important;
  }
  .text-bold-xs,
  .strong-xs {
    font-weight: bold !important;
  }
}
@media (min-width: 768px) {
  .text-light-sm {
    font-weight: 200 !important;
  }
  .text-normal-sm {
    font-weight: 400 !important;
  }
  .text-medium-sm {
    font-weight: 600 !important;
  }
  .text-bold-sm,
  .strong-sm {
    font-weight: bold !important;
  }
}
@media (min-width: 992px) {
  .text-light-md {
    font-weight: 200 !important;
  }
  .text-normal-md {
    font-weight: 400 !important;
  }
  .text-medium-md {
    font-weight: 600 !important;
  }
  .text-bold-md,
  .strong-md {
    font-weight: bold !important;
  }
}
@media (min-width: 1200px) {
  .text-light-lg {
    font-weight: 200 !important;
  }
  .text-normal-lg {
    font-weight: 400 !important;
  }
  .text-medium-lg {
    font-weight: 600 !important;
  }
  .text-bold-lg,
  .strong-lg {
    font-weight: bold !important;
  }
}
/* #endregion */
.text-10 {
  font-size: 10px !important;
}
.text-12 {
  font-size: 12px !important;
}
.text-14 {
  font-size: 14px !important;
}
.text-16 {
  font-size: 16px !important;
}
/* #region */
@media (max-width: 767px) {
  .text-10-xs {
    font-size: 10px !important;
  }
  .text-12-xs {
    font-size: 12px !important;
  }
  .text-14-xs {
    font-size: 14px !important;
  }
  .text-16-xs {
    font-size: 16px !important;
  }
}
@media (min-width: 768px) {
  .text-10-sm {
    font-size: 10px !important;
  }
  .text-12-sm {
    font-size: 12px !important;
  }
  .text-14-sm {
    font-size: 14px !important;
  }
  .text-16-sm {
    font-size: 16px !important;
  }
}
@media (min-width: 992px) {
  .text-10-md {
    font-size: 10px !important;
  }
  .text-12-md {
    font-size: 12px !important;
  }
  .text-14-md {
    font-size: 14px !important;
  }
  .text-16-md {
    font-size: 16px !important;
  }
}
@media (min-width: 1200px) {
  .text-10-lg {
    font-size: 10px !important;
  }
  .text-12-lg {
    font-size: 12px !important;
  }
  .text-14-lg {
    font-size: 14px !important;
  }
  .text-16-lg {
    font-size: 16px !important;
  }
}
/* #endregion */
.l-h-base {
  line-height: var(--c8y-line-height-base, 1.42857143) !important;
}
.l-h-inherit {
  line-height: inherit !important;
}
.l-h-0 {
  line-height: 0 !important;
}
.l-h-1 {
  line-height: 1 !important;
}
.l-h-tight {
  line-height: 1.2 !important;
}
.l-h-input {
  line-height: 32px !important;
}
/* #region */
@media (max-width: 767px) {
  .l-h-base-xs {
    line-height: var(--c8y-line-height-base, 1.42857143) !important;
  }
  .l-h-inherit-xs {
    line-height: inherit !important;
  }
  .l-h-0-xs {
    line-height: 0 !important;
  }
  .l-h-1-xs {
    line-height: 1 !important;
  }
  .l-h-tight-xs {
    line-height: 1.2 !important;
  }
  .l-h-input-xs {
    line-height: 32px !important;
  }
}
@media (min-width: 768px) {
  .l-h-base-sm {
    line-height: var(--c8y-line-height-base, 1.42857143) !important;
  }
  .l-h-inherit-sm {
    line-height: inherit !important;
  }
  .l-h-0-sm {
    line-height: 0 !important;
  }
  .l-h-1-sm {
    line-height: 1 !important;
  }
  .l-h-tight-sm {
    line-height: 1.2 !important;
  }
  .l-h-input-sm {
    line-height: 32px !important;
  }
}
@media (min-width: 992px) {
  .l-h-base-md {
    line-height: var(--c8y-line-height-base, 1.42857143) !important;
  }
  .l-h-inherit-md {
    line-height: inherit !important;
  }
  .l-h-0-md {
    line-height: 0 !important;
  }
  .l-h-1-md {
    line-height: 1 !important;
  }
  .l-h-tight-md {
    line-height: 1.2 !important;
  }
  .l-h-input-md {
    line-height: 32px !important;
  }
}
@media (min-width: 1200px) {
  .l-h-base-lg {
    line-height: var(--c8y-line-height-base, 1.42857143) !important;
  }
  .l-h-inherit-lg {
    line-height: inherit !important;
  }
  .l-h-0-lg {
    line-height: 0 !important;
  }
  .l-h-1-lg {
    line-height: 1 !important;
  }
  .l-h-tight-lg {
    line-height: 1.2 !important;
  }
  .l-h-input-lg {
    line-height: 32px !important;
  }
}
/* #endregion */
.text-lowercase {
  text-transform: lowercase !important;
}
.text-uppercase {
  text-transform: uppercase !important;
}
.text-capitalize {
  text-transform: capitalize !important;
}
.text-label-small {
  color: var(--c8y-component-color-text-muted, var(--c8y-root-component-color-text-muted)) !important;
  text-transform: uppercase !important;
  font-size: 10px !important;
}
/* #region */
@media (max-width: 767px) {
  .text-lowercase-xs {
    text-transform: lowercase !important;
  }
  .text-uppercase-xs {
    text-transform: uppercase !important;
  }
  .text-capitalize-xs {
    text-transform: capitalize !important;
  }
  .text-label-small-xs {
    color: var(--c8y-component-color-text-muted, var(--c8y-root-component-color-text-muted)) !important;
    text-transform: uppercase !important;
    font-size: 10px !important;
  }
}
@media (min-width: 768px) {
  .text-lowercase-sm {
    text-transform: lowercase !important;
  }
  .text-uppercase-sm {
    text-transform: uppercase !important;
  }
  .text-capitalize-sm {
    text-transform: capitalize !important;
  }
  .text-label-small-sm {
    color: var(--c8y-component-color-text-muted, var(--c8y-root-component-color-text-muted)) !important;
    text-transform: uppercase !important;
    font-size: 10px !important;
  }
}
@media (min-width: 992px) {
  .text-lowercase-md {
    text-transform: lowercase !important;
  }
  .text-uppercase-md {
    text-transform: uppercase !important;
  }
  .text-capitalize-md {
    text-transform: capitalize !important;
  }
  .text-label-small-md {
    color: var(--c8y-component-color-text-muted, var(--c8y-root-component-color-text-muted)) !important;
    text-transform: uppercase !important;
    font-size: 10px !important;
  }
}
@media (min-width: 1200px) {
  .text-lowercase-lg {
    text-transform: lowercase !important;
  }
  .text-uppercase-lg {
    text-transform: uppercase !important;
  }
  .text-capitalize-lg {
    text-transform: capitalize !important;
  }
  .text-label-small-lg {
    color: var(--c8y-component-color-text-muted, var(--c8y-root-component-color-text-muted)) !important;
    text-transform: uppercase !important;
    font-size: 10px !important;
  }
}
/* #endregion */
.text-left {
  text-align: left !important;
}
.text-right {
  text-align: right !important;
}
.text-center {
  text-align: center !important;
}
/* #region */
@media (max-width: 767px) {
  .text-left-xs {
    text-align: left !important;
  }
  .text-right-xs {
    text-align: right !important;
  }
  .text-center-xs {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .text-left-sm {
    text-align: left !important;
  }
  .text-right-sm {
    text-align: right !important;
  }
  .text-center-sm {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .text-left-md {
    text-align: left !important;
  }
  .text-right-md {
    text-align: right !important;
  }
  .text-center-md {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .text-left-lg {
    text-align: left !important;
  }
  .text-right-lg {
    text-align: right !important;
  }
  .text-center-lg {
    text-align: center !important;
  }
}
/* #endregion */
.text-nowrap {
  white-space: nowrap !important;
}
.text-break-word {
  word-break: break-word !important;
  overflow-wrap: break-word !important;
}
.text-break-all {
  word-break: break-all !important;
}
.text-pre {
  white-space: pre !important;
}
.text-pre-wrap {
  white-space: pre-wrap !important;
}
.text-pre-line {
  white-space: pre-line !important;
}
.text-pre-normal {
  white-space: normal !important;
}
.text-pretty {
  text-wrap: pretty;
}
.text-balance {
  text-wrap: balance;
}
/* #region */
@media (max-width: 767px) {
  .text-nowrap-xs {
    white-space: nowrap !important;
  }
  .text-break-word-xs {
    word-break: break-word !important;
    overflow-wrap: break-word !important;
  }
  .text-break-all-xs {
    word-break: break-all !important;
  }
  .text-pre-xs {
    white-space: pre !important;
  }
  .text-pre-wrap-xs {
    white-space: pre-wrap !important;
  }
  .text-pre-line-xs {
    white-space: pre-line !important;
  }
  .text-pre-normal-xs {
    white-space: normal !important;
  }
}
@media (min-width: 768px) {
  .text-nowrap-sm {
    white-space: nowrap !important;
  }
  .text-break-word-sm {
    word-break: break-word !important;
    overflow-wrap: break-word !important;
  }
  .text-break-all-sm {
    word-break: break-all !important;
  }
  .text-pre-sm {
    white-space: pre !important;
  }
  .text-pre-wrap-sm {
    white-space: pre-wrap !important;
  }
  .text-pre-line-sm {
    white-space: pre-line !important;
  }
  .text-pre-normal-sm {
    white-space: normal !important;
  }
}
@media (min-width: 992px) {
  .text-nowrap-md {
    white-space: nowrap !important;
  }
  .text-break-word-md {
    word-break: break-word !important;
    overflow-wrap: break-word !important;
  }
  .text-break-all-md {
    word-break: break-all !important;
  }
  .text-pre-md {
    white-space: pre !important;
  }
  .text-pre-wrap-md {
    white-space: pre-wrap !important;
  }
  .text-pre-line-md {
    white-space: pre-line !important;
  }
  .text-pre-normal-md {
    white-space: normal !important;
  }
}
@media (min-width: 1200px) {
  .text-nowrap-lg {
    white-space: nowrap !important;
  }
  .text-break-word-lg {
    word-break: break-word !important;
    overflow-wrap: break-word !important;
  }
  .text-break-all-lg {
    word-break: break-all !important;
  }
  .text-pre-lg {
    white-space: pre !important;
  }
  .text-pre-wrap-lg {
    white-space: pre-wrap !important;
  }
  .text-pre-line-lg {
    white-space: pre-line !important;
  }
  .text-pre-normal-lg {
    white-space: normal !important;
  }
}
/* #endregion */
.text-truncate {
  display: block;
  overflow: hidden !important;
  max-width: 100% !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.text-truncate-wrap {
  display: block;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.line-clamp--2 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
/* #region */
@media (max-width: 767px) {
  .text-truncate-xs {
    display: block;
    overflow: hidden !important;
    max-width: 100% !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
  .text-truncate-wrap-xs {
    display: block;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
}
@media (min-width: 768px) {
  .text-truncate-sm {
    display: block;
    overflow: hidden !important;
    max-width: 100% !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
  .text-truncate-wrap-sm {
    display: block;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
}
@media (min-width: 992px) {
  .text-truncate-md {
    display: block;
    overflow: hidden !important;
    max-width: 100% !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
  .text-truncate-wrap-md {
    display: block;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
}
@media (min-width: 1200px) {
  .text-truncate-lg {
    display: block;
    overflow: hidden !important;
    max-width: 100% !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
  .text-truncate-wrap-lg {
    display: block;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
}
/* #endregion */
.text-monospace {
  font-family: var(--c8y-font-family-mono-spaced) !important;
}
.font-size-inherit {
  font-size: inherit !important;
}
.text-default {
  color: var(--c8y-component-color-default, var(--c8y-root-component-color-default));
}
a.text-default:hover,
a.text-default:focus {
  filter: brightness(0.8);
}
a.text-default:hover [class^='dlt-c8y-icon-'],
a.text-default:focus [class^='dlt-c8y-icon-'],
a.text-default:hover [class*=' dlt-c8y-icon-'],
a.text-default:focus [class*=' dlt-c8y-icon-'],
a.text-default:hover .c8y-icon,
a.text-default:focus .c8y-icon {
  text-decoration: none;
}
.text-white {
  color: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
}
a.text-white:hover,
a.text-white:focus {
  filter: brightness(0.8);
}
a.text-white:hover [class^='dlt-c8y-icon-'],
a.text-white:focus [class^='dlt-c8y-icon-'],
a.text-white:hover [class*=' dlt-c8y-icon-'],
a.text-white:focus [class*=' dlt-c8y-icon-'],
a.text-white:hover .c8y-icon,
a.text-white:focus .c8y-icon {
  text-decoration: none;
}
.text-muted {
  color: var(--c8y-component-color-text-muted, var(--c8y-root-component-color-text-muted));
}
a.text-muted:hover,
a.text-muted:focus {
  filter: brightness(0.8);
}
a.text-muted:hover [class^='dlt-c8y-icon-'],
a.text-muted:focus [class^='dlt-c8y-icon-'],
a.text-muted:hover [class*=' dlt-c8y-icon-'],
a.text-muted:focus [class*=' dlt-c8y-icon-'],
a.text-muted:hover .c8y-icon,
a.text-muted:focus .c8y-icon {
  text-decoration: none;
}
.text-primary {
  color: var(--c8y-root-component-brand-primary, var(--brand-primary, var(--c8y-brand-primary)));
}
a.text-primary:hover,
a.text-primary:focus {
  filter: brightness(0.8);
}
a.text-primary:hover [class^='dlt-c8y-icon-'],
a.text-primary:focus [class^='dlt-c8y-icon-'],
a.text-primary:hover [class*=' dlt-c8y-icon-'],
a.text-primary:focus [class*=' dlt-c8y-icon-'],
a.text-primary:hover .c8y-icon,
a.text-primary:focus .c8y-icon {
  text-decoration: none;
}
.text-primary-light {
  color: var(--brand-light, var(--c8y-brand-light));
}
a.text-primary-light:hover,
a.text-primary-light:focus {
  filter: brightness(0.8);
}
a.text-primary-light:hover [class^='dlt-c8y-icon-'],
a.text-primary-light:focus [class^='dlt-c8y-icon-'],
a.text-primary-light:hover [class*=' dlt-c8y-icon-'],
a.text-primary-light:focus [class*=' dlt-c8y-icon-'],
a.text-primary-light:hover .c8y-icon,
a.text-primary-light:focus .c8y-icon {
  text-decoration: none;
}
.text-complementary {
  color: var(--brand-complementary, var(--c8y-brand-complementary));
}
a.text-complementary:hover,
a.text-complementary:focus {
  filter: brightness(0.8);
}
a.text-complementary:hover [class^='dlt-c8y-icon-'],
a.text-complementary:focus [class^='dlt-c8y-icon-'],
a.text-complementary:hover [class*=' dlt-c8y-icon-'],
a.text-complementary:focus [class*=' dlt-c8y-icon-'],
a.text-complementary:hover .c8y-icon,
a.text-complementary:focus .c8y-icon {
  text-decoration: none;
}
.text-accent {
  color: var(--c8y-brand-accent);
}
a.text-accent:hover,
a.text-accent:focus {
  filter: brightness(0.8);
}
a.text-accent:hover [class^='dlt-c8y-icon-'],
a.text-accent:focus [class^='dlt-c8y-icon-'],
a.text-accent:hover [class*=' dlt-c8y-icon-'],
a.text-accent:focus [class*=' dlt-c8y-icon-'],
a.text-accent:hover .c8y-icon,
a.text-accent:focus .c8y-icon {
  text-decoration: none;
}
.text-accent-light {
  color: var(--c8y-brand-accent-light);
}
a.text-accent-light:hover,
a.text-accent-light:focus {
  filter: brightness(0.8);
}
a.text-accent-light:hover [class^='dlt-c8y-icon-'],
a.text-accent-light:focus [class^='dlt-c8y-icon-'],
a.text-accent-light:hover [class*=' dlt-c8y-icon-'],
a.text-accent-light:focus [class*=' dlt-c8y-icon-'],
a.text-accent-light:hover .c8y-icon,
a.text-accent-light:focus .c8y-icon {
  text-decoration: none;
}
.text-accent-dark {
  color: var(--c8y-brand-accent-dark);
}
a.text-accent-dark:hover,
a.text-accent-dark:focus {
  filter: brightness(0.8);
}
a.text-accent-dark:hover [class^='dlt-c8y-icon-'],
a.text-accent-dark:focus [class^='dlt-c8y-icon-'],
a.text-accent-dark:hover [class*=' dlt-c8y-icon-'],
a.text-accent-dark:focus [class*=' dlt-c8y-icon-'],
a.text-accent-dark:hover .c8y-icon,
a.text-accent-dark:focus .c8y-icon {
  text-decoration: none;
}
.text-success {
  color: var(--palette-status-success, var(--c8y-palette-status-success));
}
a.text-success:hover,
a.text-success:focus {
  filter: brightness(0.8);
}
a.text-success:hover [class^='dlt-c8y-icon-'],
a.text-success:focus [class^='dlt-c8y-icon-'],
a.text-success:hover [class*=' dlt-c8y-icon-'],
a.text-success:focus [class*=' dlt-c8y-icon-'],
a.text-success:hover .c8y-icon,
a.text-success:focus .c8y-icon {
  text-decoration: none;
}
.text-success-light {
  color: var(--palette-status-success-light, var(--c8y-palette-status-success-light));
}
a.text-success-light:hover,
a.text-success-light:focus {
  filter: brightness(0.8);
}
a.text-success-light:hover [class^='dlt-c8y-icon-'],
a.text-success-light:focus [class^='dlt-c8y-icon-'],
a.text-success-light:hover [class*=' dlt-c8y-icon-'],
a.text-success-light:focus [class*=' dlt-c8y-icon-'],
a.text-success-light:hover .c8y-icon,
a.text-success-light:focus .c8y-icon {
  text-decoration: none;
}
.text-success-dark {
  color: var(--palette-status-success-dark, var(--c8y-palette-status-success-dark));
}
a.text-success-dark:hover,
a.text-success-dark:focus {
  filter: brightness(0.8);
}
a.text-success-dark:hover [class^='dlt-c8y-icon-'],
a.text-success-dark:focus [class^='dlt-c8y-icon-'],
a.text-success-dark:hover [class*=' dlt-c8y-icon-'],
a.text-success-dark:focus [class*=' dlt-c8y-icon-'],
a.text-success-dark:hover .c8y-icon,
a.text-success-dark:focus .c8y-icon {
  text-decoration: none;
}
.text-info {
  color: var(--palette-status-info, var(--c8y-palette-status-info));
}
a.text-info:hover,
a.text-info:focus {
  filter: brightness(0.8);
}
a.text-info:hover [class^='dlt-c8y-icon-'],
a.text-info:focus [class^='dlt-c8y-icon-'],
a.text-info:hover [class*=' dlt-c8y-icon-'],
a.text-info:focus [class*=' dlt-c8y-icon-'],
a.text-info:hover .c8y-icon,
a.text-info:focus .c8y-icon {
  text-decoration: none;
}
.text-info-light {
  color: var(--palette-status-info-light, var(--c8y-palette-status-info-light));
}
a.text-info-light:hover,
a.text-info-light:focus {
  filter: brightness(0.8);
}
a.text-info-light:hover [class^='dlt-c8y-icon-'],
a.text-info-light:focus [class^='dlt-c8y-icon-'],
a.text-info-light:hover [class*=' dlt-c8y-icon-'],
a.text-info-light:focus [class*=' dlt-c8y-icon-'],
a.text-info-light:hover .c8y-icon,
a.text-info-light:focus .c8y-icon {
  text-decoration: none;
}
.text-info-dark {
  color: var(--palette-status-info-dark, var(--c8y-palette-status-info-dark));
}
a.text-info-dark:hover,
a.text-info-dark:focus {
  filter: brightness(0.8);
}
a.text-info-dark:hover [class^='dlt-c8y-icon-'],
a.text-info-dark:focus [class^='dlt-c8y-icon-'],
a.text-info-dark:hover [class*=' dlt-c8y-icon-'],
a.text-info-dark:focus [class*=' dlt-c8y-icon-'],
a.text-info-dark:hover .c8y-icon,
a.text-info-dark:focus .c8y-icon {
  text-decoration: none;
}
.text-warning {
  color: var(--palette-status-warning, var(--c8y-palette-status-warning));
}
a.text-warning:hover,
a.text-warning:focus {
  filter: brightness(0.8);
}
a.text-warning:hover [class^='dlt-c8y-icon-'],
a.text-warning:focus [class^='dlt-c8y-icon-'],
a.text-warning:hover [class*=' dlt-c8y-icon-'],
a.text-warning:focus [class*=' dlt-c8y-icon-'],
a.text-warning:hover .c8y-icon,
a.text-warning:focus .c8y-icon {
  text-decoration: none;
}
.text-warning-light {
  color: var(--palette-status-warning-light, var(--c8y-palette-status-warning-light));
}
a.text-warning-light:hover,
a.text-warning-light:focus {
  filter: brightness(0.8);
}
a.text-warning-light:hover [class^='dlt-c8y-icon-'],
a.text-warning-light:focus [class^='dlt-c8y-icon-'],
a.text-warning-light:hover [class*=' dlt-c8y-icon-'],
a.text-warning-light:focus [class*=' dlt-c8y-icon-'],
a.text-warning-light:hover .c8y-icon,
a.text-warning-light:focus .c8y-icon {
  text-decoration: none;
}
.text-warning-lightest {
  color: var(--c8y-palette-status-warning-high);
}
a.text-warning-lightest:hover,
a.text-warning-lightest:focus {
  filter: brightness(0.8);
}
a.text-warning-lightest:hover [class^='dlt-c8y-icon-'],
a.text-warning-lightest:focus [class^='dlt-c8y-icon-'],
a.text-warning-lightest:hover [class*=' dlt-c8y-icon-'],
a.text-warning-lightest:focus [class*=' dlt-c8y-icon-'],
a.text-warning-lightest:hover .c8y-icon,
a.text-warning-lightest:focus .c8y-icon {
  text-decoration: none;
}
.text-warning-dark {
  color: var(--palette-status-warning-dark, var(--c8y-palette-status-warning-dark));
}
a.text-warning-dark:hover,
a.text-warning-dark:focus {
  filter: brightness(0.8);
}
a.text-warning-dark:hover [class^='dlt-c8y-icon-'],
a.text-warning-dark:focus [class^='dlt-c8y-icon-'],
a.text-warning-dark:hover [class*=' dlt-c8y-icon-'],
a.text-warning-dark:focus [class*=' dlt-c8y-icon-'],
a.text-warning-dark:hover .c8y-icon,
a.text-warning-dark:focus .c8y-icon {
  text-decoration: none;
}
.text-danger {
  color: var(--palette-status-danger, var(--c8y-palette-status-danger));
}
a.text-danger:hover,
a.text-danger:focus {
  filter: brightness(0.8);
}
a.text-danger:hover [class^='dlt-c8y-icon-'],
a.text-danger:focus [class^='dlt-c8y-icon-'],
a.text-danger:hover [class*=' dlt-c8y-icon-'],
a.text-danger:focus [class*=' dlt-c8y-icon-'],
a.text-danger:hover .c8y-icon,
a.text-danger:focus .c8y-icon {
  text-decoration: none;
}
.text-danger-light {
  color: var(--palette-status-danger-light, var(--c8y-palette-status-danger-light));
}
a.text-danger-light:hover,
a.text-danger-light:focus {
  filter: brightness(0.8);
}
a.text-danger-light:hover [class^='dlt-c8y-icon-'],
a.text-danger-light:focus [class^='dlt-c8y-icon-'],
a.text-danger-light:hover [class*=' dlt-c8y-icon-'],
a.text-danger-light:focus [class*=' dlt-c8y-icon-'],
a.text-danger-light:hover .c8y-icon,
a.text-danger-light:focus .c8y-icon {
  text-decoration: none;
}
.text-danger-dark {
  color: var(--palette-status-danger-dark, var(--c8y-palette-status-danger-dark));
}
a.text-danger-dark:hover,
a.text-danger-dark:focus {
  filter: brightness(0.8);
}
a.text-danger-dark:hover [class^='dlt-c8y-icon-'],
a.text-danger-dark:focus [class^='dlt-c8y-icon-'],
a.text-danger-dark:hover [class*=' dlt-c8y-icon-'],
a.text-danger-dark:focus [class*=' dlt-c8y-icon-'],
a.text-danger-dark:hover .c8y-icon,
a.text-danger-dark:focus .c8y-icon {
  text-decoration: none;
}
.text-gray-10 {
  color: var(--c8y-palette-gray-10);
}
a.text-gray-10:hover,
a.text-gray-10:focus {
  filter: brightness(0.8);
}
a.text-gray-10:hover [class^='dlt-c8y-icon-'],
a.text-gray-10:focus [class^='dlt-c8y-icon-'],
a.text-gray-10:hover [class*=' dlt-c8y-icon-'],
a.text-gray-10:focus [class*=' dlt-c8y-icon-'],
a.text-gray-10:hover .c8y-icon,
a.text-gray-10:focus .c8y-icon {
  text-decoration: none;
}
.text-gray-20 {
  color: var(--c8y-palette-gray-20);
}
a.text-gray-20:hover,
a.text-gray-20:focus {
  filter: brightness(0.8);
}
a.text-gray-20:hover [class^='dlt-c8y-icon-'],
a.text-gray-20:focus [class^='dlt-c8y-icon-'],
a.text-gray-20:hover [class*=' dlt-c8y-icon-'],
a.text-gray-20:focus [class*=' dlt-c8y-icon-'],
a.text-gray-20:hover .c8y-icon,
a.text-gray-20:focus .c8y-icon {
  text-decoration: none;
}
.text-gray-30 {
  color: var(--c8y-palette-gray-30);
}
a.text-gray-30:hover,
a.text-gray-30:focus {
  filter: brightness(0.8);
}
a.text-gray-30:hover [class^='dlt-c8y-icon-'],
a.text-gray-30:focus [class^='dlt-c8y-icon-'],
a.text-gray-30:hover [class*=' dlt-c8y-icon-'],
a.text-gray-30:focus [class*=' dlt-c8y-icon-'],
a.text-gray-30:hover .c8y-icon,
a.text-gray-30:focus .c8y-icon {
  text-decoration: none;
}
.text-gray-40 {
  color: var(--c8y-palette-gray-40);
}
a.text-gray-40:hover,
a.text-gray-40:focus {
  filter: brightness(0.8);
}
a.text-gray-40:hover [class^='dlt-c8y-icon-'],
a.text-gray-40:focus [class^='dlt-c8y-icon-'],
a.text-gray-40:hover [class*=' dlt-c8y-icon-'],
a.text-gray-40:focus [class*=' dlt-c8y-icon-'],
a.text-gray-40:hover .c8y-icon,
a.text-gray-40:focus .c8y-icon {
  text-decoration: none;
}
.text-gray-50 {
  color: var(--c8y-palette-gray-50);
}
a.text-gray-50:hover,
a.text-gray-50:focus {
  filter: brightness(0.8);
}
a.text-gray-50:hover [class^='dlt-c8y-icon-'],
a.text-gray-50:focus [class^='dlt-c8y-icon-'],
a.text-gray-50:hover [class*=' dlt-c8y-icon-'],
a.text-gray-50:focus [class*=' dlt-c8y-icon-'],
a.text-gray-50:hover .c8y-icon,
a.text-gray-50:focus .c8y-icon {
  text-decoration: none;
}
.text-gray-60 {
  color: var(--c8y-palette-gray-60);
}
a.text-gray-60:hover,
a.text-gray-60:focus {
  filter: brightness(0.8);
}
a.text-gray-60:hover [class^='dlt-c8y-icon-'],
a.text-gray-60:focus [class^='dlt-c8y-icon-'],
a.text-gray-60:hover [class*=' dlt-c8y-icon-'],
a.text-gray-60:focus [class*=' dlt-c8y-icon-'],
a.text-gray-60:hover .c8y-icon,
a.text-gray-60:focus .c8y-icon {
  text-decoration: none;
}
.text-gray-70 {
  color: var(--c8y-palette-gray-70);
}
a.text-gray-70:hover,
a.text-gray-70:focus {
  filter: brightness(0.8);
}
a.text-gray-70:hover [class^='dlt-c8y-icon-'],
a.text-gray-70:focus [class^='dlt-c8y-icon-'],
a.text-gray-70:hover [class*=' dlt-c8y-icon-'],
a.text-gray-70:focus [class*=' dlt-c8y-icon-'],
a.text-gray-70:hover .c8y-icon,
a.text-gray-70:focus .c8y-icon {
  text-decoration: none;
}
.text-gray-80 {
  color: var(--c8y-palette-gray-80);
}
a.text-gray-80:hover,
a.text-gray-80:focus {
  filter: brightness(0.8);
}
a.text-gray-80:hover [class^='dlt-c8y-icon-'],
a.text-gray-80:focus [class^='dlt-c8y-icon-'],
a.text-gray-80:hover [class*=' dlt-c8y-icon-'],
a.text-gray-80:focus [class*=' dlt-c8y-icon-'],
a.text-gray-80:hover .c8y-icon,
a.text-gray-80:focus .c8y-icon {
  text-decoration: none;
}
.text-gray-90 {
  color: var(--c8y-palette-gray-90);
}
a.text-gray-90:hover,
a.text-gray-90:focus {
  filter: brightness(0.8);
}
a.text-gray-90:hover [class^='dlt-c8y-icon-'],
a.text-gray-90:focus [class^='dlt-c8y-icon-'],
a.text-gray-90:hover [class*=' dlt-c8y-icon-'],
a.text-gray-90:focus [class*=' dlt-c8y-icon-'],
a.text-gray-90:hover .c8y-icon,
a.text-gray-90:focus .c8y-icon {
  text-decoration: none;
}
.text-gray-100 {
  color: var(--c8y-palette-gray-100);
}
a.text-gray-100:hover,
a.text-gray-100:focus {
  filter: brightness(0.8);
}
a.text-gray-100:hover [class^='dlt-c8y-icon-'],
a.text-gray-100:focus [class^='dlt-c8y-icon-'],
a.text-gray-100:hover [class*=' dlt-c8y-icon-'],
a.text-gray-100:focus [class*=' dlt-c8y-icon-'],
a.text-gray-100:hover .c8y-icon,
a.text-gray-100:focus .c8y-icon {
  text-decoration: none;
}
.text-gray-darker {
  color: var(--brand-dark, var(--c8y-brand-dark));
}
a.text-gray-darker:hover,
a.text-gray-darker:focus {
  filter: brightness(0.8);
}
a.text-gray-darker:hover [class^='dlt-c8y-icon-'],
a.text-gray-darker:focus [class^='dlt-c8y-icon-'],
a.text-gray-darker:hover [class*=' dlt-c8y-icon-'],
a.text-gray-darker:focus [class*=' dlt-c8y-icon-'],
a.text-gray-darker:hover .c8y-icon,
a.text-gray-darker:focus .c8y-icon {
  text-decoration: none;
}
.text-gray-dark {
  color: var(--c8y-palette-gray-30);
}
a.text-gray-dark:hover,
a.text-gray-dark:focus {
  filter: brightness(0.8);
}
a.text-gray-dark:hover [class^='dlt-c8y-icon-'],
a.text-gray-dark:focus [class^='dlt-c8y-icon-'],
a.text-gray-dark:hover [class*=' dlt-c8y-icon-'],
a.text-gray-dark:focus [class*=' dlt-c8y-icon-'],
a.text-gray-dark:hover .c8y-icon,
a.text-gray-dark:focus .c8y-icon {
  text-decoration: none;
}
.text-gray-medium-dark,
.text-gray-medium {
  color: var(--c8y-palette-gray-40);
}
a.text-gray-medium-dark:hover,
a.text-gray-medium:hover,
a.text-gray-medium-dark:focus,
a.text-gray-medium:focus {
  filter: brightness(0.8);
}
a.text-gray-medium-dark:hover [class^='dlt-c8y-icon-'],
a.text-gray-medium:hover [class^='dlt-c8y-icon-'],
a.text-gray-medium-dark:focus [class^='dlt-c8y-icon-'],
a.text-gray-medium:focus [class^='dlt-c8y-icon-'],
a.text-gray-medium-dark:hover [class*=' dlt-c8y-icon-'],
a.text-gray-medium:hover [class*=' dlt-c8y-icon-'],
a.text-gray-medium-dark:focus [class*=' dlt-c8y-icon-'],
a.text-gray-medium:focus [class*=' dlt-c8y-icon-'],
a.text-gray-medium-dark:hover .c8y-icon,
a.text-gray-medium:hover .c8y-icon,
a.text-gray-medium-dark:focus .c8y-icon,
a.text-gray-medium:focus .c8y-icon {
  text-decoration: none;
}
.text-gray {
  color: var(--c8y-palette-gray-50);
}
a.text-gray:hover,
a.text-gray:focus {
  filter: brightness(0.8);
}
a.text-gray:hover [class^='dlt-c8y-icon-'],
a.text-gray:focus [class^='dlt-c8y-icon-'],
a.text-gray:hover [class*=' dlt-c8y-icon-'],
a.text-gray:focus [class*=' dlt-c8y-icon-'],
a.text-gray:hover .c8y-icon,
a.text-gray:focus .c8y-icon {
  text-decoration: none;
}
.text-gray-light {
  color: var(--c8y-palette-gray-80);
}
a.text-gray-light:hover,
a.text-gray-light:focus {
  filter: brightness(0.8);
}
a.text-gray-light:hover [class^='dlt-c8y-icon-'],
a.text-gray-light:focus [class^='dlt-c8y-icon-'],
a.text-gray-light:hover [class*=' dlt-c8y-icon-'],
a.text-gray-light:focus [class*=' dlt-c8y-icon-'],
a.text-gray-light:hover .c8y-icon,
a.text-gray-light:focus .c8y-icon {
  text-decoration: none;
}
.text-gray-lighter {
  color: var(--c8y-palette-gray-90);
}
a.text-gray-lighter:hover,
a.text-gray-lighter:focus {
  filter: brightness(0.8);
}
a.text-gray-lighter:hover [class^='dlt-c8y-icon-'],
a.text-gray-lighter:focus [class^='dlt-c8y-icon-'],
a.text-gray-lighter:hover [class*=' dlt-c8y-icon-'],
a.text-gray-lighter:focus [class*=' dlt-c8y-icon-'],
a.text-gray-lighter:hover .c8y-icon,
a.text-gray-lighter:focus .c8y-icon {
  text-decoration: none;
}
.text-gray-white {
  color: var(--c8y-palette-gray-100);
}
a.text-gray-white:hover,
a.text-gray-white:focus {
  filter: brightness(0.8);
}
a.text-gray-white:hover [class^='dlt-c8y-icon-'],
a.text-gray-white:focus [class^='dlt-c8y-icon-'],
a.text-gray-white:hover [class*=' dlt-c8y-icon-'],
a.text-gray-white:focus [class*=' dlt-c8y-icon-'],
a.text-gray-white:hover .c8y-icon,
a.text-gray-white:focus .c8y-icon {
  text-decoration: none;
}
.bg-primary {
  background-color: var(--brand-primary, var(--c8y-brand-primary)) !important;
}
a.bg-primary:hover,
a.bg-primary:focus {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)) var(--brand-primary, var(--c8y-brand-primary)) !important;
}
.bg-primary > a:not(.btn) {
  color: inherit;
  text-decoration: underline;
}
.bg-primary > a:not(.btn) [class^='dlt-c8y-icon-'],
.bg-primary > a:not(.btn) [class*=' dlt-c8y-icon-'],
.bg-primary > a:not(.btn) .c8y-icon {
  text-decoration: none;
}
.bg-primary-light {
  background-color: var(--brand-light, var(--c8y-brand-light)) !important;
}
a.bg-primary-light:hover,
a.bg-primary-light:focus {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)) var(--brand-light, var(--c8y-brand-light)) !important;
}
.bg-primary-light > a:not(.btn) {
  color: inherit;
  text-decoration: underline;
}
.bg-primary-light > a:not(.btn) [class^='dlt-c8y-icon-'],
.bg-primary-light > a:not(.btn) [class*=' dlt-c8y-icon-'],
.bg-primary-light > a:not(.btn) .c8y-icon {
  text-decoration: none;
}
.bg-complementary {
  background-color: var(--brand-complementary, var(--c8y-brand-complementary)) !important;
}
a.bg-complementary:hover,
a.bg-complementary:focus {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)) var(--brand-complementary, var(--c8y-brand-complementary)) !important;
}
.bg-complementary > a:not(.btn) {
  color: inherit;
  text-decoration: underline;
}
.bg-complementary > a:not(.btn) [class^='dlt-c8y-icon-'],
.bg-complementary > a:not(.btn) [class*=' dlt-c8y-icon-'],
.bg-complementary > a:not(.btn) .c8y-icon {
  text-decoration: none;
}
.bg-accent {
  background-color: var(--c8y-brand-accent) !important;
}
a.bg-accent:hover,
a.bg-accent:focus {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)) var(--c8y-brand-accent) !important;
}
.bg-accent > a:not(.btn) {
  color: inherit;
  text-decoration: underline;
}
.bg-accent > a:not(.btn) [class^='dlt-c8y-icon-'],
.bg-accent > a:not(.btn) [class*=' dlt-c8y-icon-'],
.bg-accent > a:not(.btn) .c8y-icon {
  text-decoration: none;
}
.bg-accent-dark {
  background-color: var(--c8y-brand-accent-dark) !important;
}
a.bg-accent-dark:hover,
a.bg-accent-dark:focus {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)) var(--c8y-brand-accent-dark) !important;
}
.bg-accent-dark > a:not(.btn) {
  color: inherit;
  text-decoration: underline;
}
.bg-accent-dark > a:not(.btn) [class^='dlt-c8y-icon-'],
.bg-accent-dark > a:not(.btn) [class*=' dlt-c8y-icon-'],
.bg-accent-dark > a:not(.btn) .c8y-icon {
  text-decoration: none;
}
.bg-accent-light {
  background-color: var(--c8y-brand-accent-light) !important;
}
a.bg-accent-light:hover,
a.bg-accent-light:focus {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)) var(--c8y-brand-accent-light) !important;
}
.bg-accent-light > a:not(.btn) {
  color: inherit;
  text-decoration: underline;
}
.bg-accent-light > a:not(.btn) [class^='dlt-c8y-icon-'],
.bg-accent-light > a:not(.btn) [class*=' dlt-c8y-icon-'],
.bg-accent-light > a:not(.btn) .c8y-icon {
  text-decoration: none;
}
.bg-success {
  background-color: var(--palette-status-success, var(--c8y-palette-status-success)) !important;
}
a.bg-success:hover,
a.bg-success:focus {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)) var(--palette-status-success, var(--c8y-palette-status-success)) !important;
}
.bg-success > a:not(.btn) {
  color: inherit;
  text-decoration: underline;
}
.bg-success > a:not(.btn) [class^='dlt-c8y-icon-'],
.bg-success > a:not(.btn) [class*=' dlt-c8y-icon-'],
.bg-success > a:not(.btn) .c8y-icon {
  text-decoration: none;
}
.bg-success-light {
  background-color: var(--palette-status-success-light, var(--c8y-palette-status-success-light)) !important;
}
a.bg-success-light:hover,
a.bg-success-light:focus {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)) var(--palette-status-success-light, var(--c8y-palette-status-success-light)) !important;
}
.bg-success-light > a:not(.btn) {
  color: inherit;
  text-decoration: underline;
}
.bg-success-light > a:not(.btn) [class^='dlt-c8y-icon-'],
.bg-success-light > a:not(.btn) [class*=' dlt-c8y-icon-'],
.bg-success-light > a:not(.btn) .c8y-icon {
  text-decoration: none;
}
.bg-success-dark {
  background-color: var(--palette-status-success-dark, var(--c8y-palette-status-success-dark)) !important;
}
a.bg-success-dark:hover,
a.bg-success-dark:focus {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)) var(--palette-status-success-dark, var(--c8y-palette-status-success-dark)) !important;
}
.bg-success-dark > a:not(.btn) {
  color: inherit;
  text-decoration: underline;
}
.bg-success-dark > a:not(.btn) [class^='dlt-c8y-icon-'],
.bg-success-dark > a:not(.btn) [class*=' dlt-c8y-icon-'],
.bg-success-dark > a:not(.btn) .c8y-icon {
  text-decoration: none;
}
.bg-info {
  background-color: var(--palette-status-info, var(--c8y-palette-status-info)) !important;
}
a.bg-info:hover,
a.bg-info:focus {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)) var(--palette-status-info, var(--c8y-palette-status-info)) !important;
}
.bg-info > a:not(.btn) {
  color: inherit;
  text-decoration: underline;
}
.bg-info > a:not(.btn) [class^='dlt-c8y-icon-'],
.bg-info > a:not(.btn) [class*=' dlt-c8y-icon-'],
.bg-info > a:not(.btn) .c8y-icon {
  text-decoration: none;
}
.bg-info-dark {
  background-color: var(--palette-status-info-dark, var(--c8y-palette-status-info-dark)) !important;
}
a.bg-info-dark:hover,
a.bg-info-dark:focus {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)) var(--palette-status-info-dark, var(--c8y-palette-status-info-dark)) !important;
}
.bg-info-dark > a:not(.btn) {
  color: inherit;
  text-decoration: underline;
}
.bg-info-dark > a:not(.btn) [class^='dlt-c8y-icon-'],
.bg-info-dark > a:not(.btn) [class*=' dlt-c8y-icon-'],
.bg-info-dark > a:not(.btn) .c8y-icon {
  text-decoration: none;
}
.bg-info-light {
  background-color: var(--palette-status-info-light, var(--c8y-palette-status-info-light)) !important;
}
a.bg-info-light:hover,
a.bg-info-light:focus {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)) var(--palette-status-info-light, var(--c8y-palette-status-info-light)) !important;
}
.bg-info-light > a:not(.btn) {
  color: inherit;
  text-decoration: underline;
}
.bg-info-light > a:not(.btn) [class^='dlt-c8y-icon-'],
.bg-info-light > a:not(.btn) [class*=' dlt-c8y-icon-'],
.bg-info-light > a:not(.btn) .c8y-icon {
  text-decoration: none;
}
.bg-warning {
  background-color: var(--palette-status-warning, var(--c8y-palette-status-warning)) !important;
}
a.bg-warning:hover,
a.bg-warning:focus {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)) var(--palette-status-warning, var(--c8y-palette-status-warning)) !important;
}
.bg-warning > a:not(.btn) {
  color: inherit;
  text-decoration: underline;
}
.bg-warning > a:not(.btn) [class^='dlt-c8y-icon-'],
.bg-warning > a:not(.btn) [class*=' dlt-c8y-icon-'],
.bg-warning > a:not(.btn) .c8y-icon {
  text-decoration: none;
}
.bg-warning-light {
  background-color: var(--palette-status-warning-light, var(--c8y-palette-status-warning-light)) !important;
}
a.bg-warning-light:hover,
a.bg-warning-light:focus {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)) var(--palette-status-warning-light, var(--c8y-palette-status-warning-light)) !important;
}
.bg-warning-light > a:not(.btn) {
  color: inherit;
  text-decoration: underline;
}
.bg-warning-light > a:not(.btn) [class^='dlt-c8y-icon-'],
.bg-warning-light > a:not(.btn) [class*=' dlt-c8y-icon-'],
.bg-warning-light > a:not(.btn) .c8y-icon {
  text-decoration: none;
}
.bg-warning-lightest {
  background-color: var(--c8y-palette-status-warning-high) !important;
}
a.bg-warning-lightest:hover,
a.bg-warning-lightest:focus {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)) var(--c8y-palette-status-warning-high) !important;
}
.bg-warning-lightest > a:not(.btn) {
  color: inherit;
  text-decoration: underline;
}
.bg-warning-lightest > a:not(.btn) [class^='dlt-c8y-icon-'],
.bg-warning-lightest > a:not(.btn) [class*=' dlt-c8y-icon-'],
.bg-warning-lightest > a:not(.btn) .c8y-icon {
  text-decoration: none;
}
.bg-warning-dark {
  background-color: var(--palette-status-warning-dark, var(--c8y-palette-status-warning-dark)) !important;
}
a.bg-warning-dark:hover,
a.bg-warning-dark:focus {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)) var(--palette-status-warning-dark, var(--c8y-palette-status-warning-dark)) !important;
}
.bg-warning-dark > a:not(.btn) {
  color: inherit;
  text-decoration: underline;
}
.bg-warning-dark > a:not(.btn) [class^='dlt-c8y-icon-'],
.bg-warning-dark > a:not(.btn) [class*=' dlt-c8y-icon-'],
.bg-warning-dark > a:not(.btn) .c8y-icon {
  text-decoration: none;
}
.bg-danger {
  background-color: var(--palette-status-danger, var(--c8y-palette-status-danger)) !important;
}
a.bg-danger:hover,
a.bg-danger:focus {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)) var(--palette-status-danger, var(--c8y-palette-status-danger)) !important;
}
.bg-danger > a:not(.btn) {
  color: inherit;
  text-decoration: underline;
}
.bg-danger > a:not(.btn) [class^='dlt-c8y-icon-'],
.bg-danger > a:not(.btn) [class*=' dlt-c8y-icon-'],
.bg-danger > a:not(.btn) .c8y-icon {
  text-decoration: none;
}
.bg-danger-light {
  background-color: var(--palette-status-danger-light, var(--c8y-palette-status-danger-light)) !important;
}
a.bg-danger-light:hover,
a.bg-danger-light:focus {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)) var(--palette-status-danger-light, var(--c8y-palette-status-danger-light)) !important;
}
.bg-danger-light > a:not(.btn) {
  color: inherit;
  text-decoration: underline;
}
.bg-danger-light > a:not(.btn) [class^='dlt-c8y-icon-'],
.bg-danger-light > a:not(.btn) [class*=' dlt-c8y-icon-'],
.bg-danger-light > a:not(.btn) .c8y-icon {
  text-decoration: none;
}
.bg-danger-dark {
  background-color: var(--palette-status-danger-dark, var(--c8y-palette-status-danger-dark)) !important;
}
a.bg-danger-dark:hover,
a.bg-danger-dark:focus {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)) var(--palette-status-danger-dark, var(--c8y-palette-status-danger-dark)) !important;
}
.bg-danger-dark > a:not(.btn) {
  color: inherit;
  text-decoration: underline;
}
.bg-danger-dark > a:not(.btn) [class^='dlt-c8y-icon-'],
.bg-danger-dark > a:not(.btn) [class*=' dlt-c8y-icon-'],
.bg-danger-dark > a:not(.btn) .c8y-icon {
  text-decoration: none;
}
.bg-checkered {
  background-image: linear-gradient(45deg, var(--c8y-level-2) 25%, transparent 25%), linear-gradient(135deg, var(--c8y-level-2) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--c8y-level-2) 75%), linear-gradient(135deg, transparent 75%, var(--c8y-level-2) 75%);
  background-size: 25px 25px;
  background-position: 0 0, 12.5px 0, 12.5px -12.5px, 0 12.5px;
}
.bg-level-4 {
  background-color: var(--c8y-level-4) !important;
}
a.bg-level-4:hover,
a.bg-level-4:focus {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)) var(--c8y-level-4) !important;
}
.bg-level-4 > a:not(.btn) {
  color: inherit;
  text-decoration: underline;
}
.bg-level-4 > a:not(.btn) [class^='dlt-c8y-icon-'],
.bg-level-4 > a:not(.btn) [class*=' dlt-c8y-icon-'],
.bg-level-4 > a:not(.btn) .c8y-icon {
  text-decoration: none;
}
.bg-level-3 {
  background-color: var(--c8y-level-3) !important;
}
a.bg-level-3:hover,
a.bg-level-3:focus {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)) var(--c8y-level-3) !important;
}
.bg-level-3 > a:not(.btn) {
  color: inherit;
  text-decoration: underline;
}
.bg-level-3 > a:not(.btn) [class^='dlt-c8y-icon-'],
.bg-level-3 > a:not(.btn) [class*=' dlt-c8y-icon-'],
.bg-level-3 > a:not(.btn) .c8y-icon {
  text-decoration: none;
}
.bg-level-2 {
  background-color: var(--c8y-level-2) !important;
}
a.bg-level-2:hover,
a.bg-level-2:focus {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)) var(--c8y-level-2) !important;
}
.bg-level-2 > a:not(.btn) {
  color: inherit;
  text-decoration: underline;
}
.bg-level-2 > a:not(.btn) [class^='dlt-c8y-icon-'],
.bg-level-2 > a:not(.btn) [class*=' dlt-c8y-icon-'],
.bg-level-2 > a:not(.btn) .c8y-icon {
  text-decoration: none;
}
.bg-level-1 {
  background-color: var(--c8y-level-1) !important;
}
a.bg-level-1:hover,
a.bg-level-1:focus {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)) var(--c8y-level-1) !important;
}
.bg-level-1 > a:not(.btn) {
  color: inherit;
  text-decoration: underline;
}
.bg-level-1 > a:not(.btn) [class^='dlt-c8y-icon-'],
.bg-level-1 > a:not(.btn) [class*=' dlt-c8y-icon-'],
.bg-level-1 > a:not(.btn) .c8y-icon {
  text-decoration: none;
}
.bg-level-0 {
  background-color: var(--c8y-level-0) !important;
}
a.bg-level-0:hover,
a.bg-level-0:focus {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)) var(--c8y-level-0) !important;
}
.bg-level-0 > a:not(.btn) {
  color: inherit;
  text-decoration: underline;
}
.bg-level-0 > a:not(.btn) [class^='dlt-c8y-icon-'],
.bg-level-0 > a:not(.btn) [class*=' dlt-c8y-icon-'],
.bg-level-0 > a:not(.btn) .c8y-icon {
  text-decoration: none;
}
.bg-transparent {
  box-shadow: none;
  background-color: transparent !important;
}
a.bg-transparent:hover,
a.bg-transparent:focus {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)) transparent !important;
}
.bg-transparent > a:not(.btn) {
  color: inherit;
  text-decoration: underline;
}
.bg-transparent > a:not(.btn) [class^='dlt-c8y-icon-'],
.bg-transparent > a:not(.btn) [class*=' dlt-c8y-icon-'],
.bg-transparent > a:not(.btn) .c8y-icon {
  text-decoration: none;
}
.bg-gray-10 {
  background-color: var(--c8y-palette-gray-10) !important;
}
a.bg-gray-10:hover,
a.bg-gray-10:focus {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)) var(--c8y-palette-gray-10) !important;
}
.bg-gray-10 > a:not(.btn) {
  color: inherit;
  text-decoration: underline;
}
.bg-gray-10 > a:not(.btn) [class^='dlt-c8y-icon-'],
.bg-gray-10 > a:not(.btn) [class*=' dlt-c8y-icon-'],
.bg-gray-10 > a:not(.btn) .c8y-icon {
  text-decoration: none;
}
.bg-gray-20 {
  background-color: var(--c8y-palette-gray-20) !important;
}
a.bg-gray-20:hover,
a.bg-gray-20:focus {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)) var(--c8y-palette-gray-20) !important;
}
.bg-gray-20 > a:not(.btn) {
  color: inherit;
  text-decoration: underline;
}
.bg-gray-20 > a:not(.btn) [class^='dlt-c8y-icon-'],
.bg-gray-20 > a:not(.btn) [class*=' dlt-c8y-icon-'],
.bg-gray-20 > a:not(.btn) .c8y-icon {
  text-decoration: none;
}
.bg-gray-30 {
  background-color: var(--c8y-palette-gray-30) !important;
}
a.bg-gray-30:hover,
a.bg-gray-30:focus {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)) var(--c8y-palette-gray-30) !important;
}
.bg-gray-30 > a:not(.btn) {
  color: inherit;
  text-decoration: underline;
}
.bg-gray-30 > a:not(.btn) [class^='dlt-c8y-icon-'],
.bg-gray-30 > a:not(.btn) [class*=' dlt-c8y-icon-'],
.bg-gray-30 > a:not(.btn) .c8y-icon {
  text-decoration: none;
}
.bg-gray-40 {
  background-color: var(--c8y-palette-gray-40) !important;
}
a.bg-gray-40:hover,
a.bg-gray-40:focus {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)) var(--c8y-palette-gray-40) !important;
}
.bg-gray-40 > a:not(.btn) {
  color: inherit;
  text-decoration: underline;
}
.bg-gray-40 > a:not(.btn) [class^='dlt-c8y-icon-'],
.bg-gray-40 > a:not(.btn) [class*=' dlt-c8y-icon-'],
.bg-gray-40 > a:not(.btn) .c8y-icon {
  text-decoration: none;
}
.bg-gray-50 {
  background-color: var(--c8y-palette-gray-50) !important;
}
a.bg-gray-50:hover,
a.bg-gray-50:focus {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)) var(--c8y-palette-gray-50) !important;
}
.bg-gray-50 > a:not(.btn) {
  color: inherit;
  text-decoration: underline;
}
.bg-gray-50 > a:not(.btn) [class^='dlt-c8y-icon-'],
.bg-gray-50 > a:not(.btn) [class*=' dlt-c8y-icon-'],
.bg-gray-50 > a:not(.btn) .c8y-icon {
  text-decoration: none;
}
.bg-gray-60 {
  background-color: var(--c8y-palette-gray-60) !important;
}
a.bg-gray-60:hover,
a.bg-gray-60:focus {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)) var(--c8y-palette-gray-60) !important;
}
.bg-gray-60 > a:not(.btn) {
  color: inherit;
  text-decoration: underline;
}
.bg-gray-60 > a:not(.btn) [class^='dlt-c8y-icon-'],
.bg-gray-60 > a:not(.btn) [class*=' dlt-c8y-icon-'],
.bg-gray-60 > a:not(.btn) .c8y-icon {
  text-decoration: none;
}
.bg-gray-70 {
  background-color: var(--c8y-palette-gray-70) !important;
}
a.bg-gray-70:hover,
a.bg-gray-70:focus {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)) var(--c8y-palette-gray-70) !important;
}
.bg-gray-70 > a:not(.btn) {
  color: inherit;
  text-decoration: underline;
}
.bg-gray-70 > a:not(.btn) [class^='dlt-c8y-icon-'],
.bg-gray-70 > a:not(.btn) [class*=' dlt-c8y-icon-'],
.bg-gray-70 > a:not(.btn) .c8y-icon {
  text-decoration: none;
}
.bg-gray-80 {
  background-color: var(--c8y-palette-gray-80) !important;
}
a.bg-gray-80:hover,
a.bg-gray-80:focus {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)) var(--c8y-palette-gray-80) !important;
}
.bg-gray-80 > a:not(.btn) {
  color: inherit;
  text-decoration: underline;
}
.bg-gray-80 > a:not(.btn) [class^='dlt-c8y-icon-'],
.bg-gray-80 > a:not(.btn) [class*=' dlt-c8y-icon-'],
.bg-gray-80 > a:not(.btn) .c8y-icon {
  text-decoration: none;
}
.bg-gray-90 {
  background-color: var(--c8y-palette-gray-90) !important;
}
a.bg-gray-90:hover,
a.bg-gray-90:focus {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)) var(--c8y-palette-gray-90) !important;
}
.bg-gray-90 > a:not(.btn) {
  color: inherit;
  text-decoration: underline;
}
.bg-gray-90 > a:not(.btn) [class^='dlt-c8y-icon-'],
.bg-gray-90 > a:not(.btn) [class*=' dlt-c8y-icon-'],
.bg-gray-90 > a:not(.btn) .c8y-icon {
  text-decoration: none;
}
.bg-gray-100 {
  background-color: var(--c8y-palette-gray-100) !important;
}
a.bg-gray-100:hover,
a.bg-gray-100:focus {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)) var(--c8y-palette-gray-100) !important;
}
.bg-gray-100 > a:not(.btn) {
  color: inherit;
  text-decoration: underline;
}
.bg-gray-100 > a:not(.btn) [class^='dlt-c8y-icon-'],
.bg-gray-100 > a:not(.btn) [class*=' dlt-c8y-icon-'],
.bg-gray-100 > a:not(.btn) .c8y-icon {
  text-decoration: none;
}
.bg-inherit {
  background-color: inherit !important;
}
a.bg-inherit:hover,
a.bg-inherit:focus {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)) inherit !important;
}
.bg-inherit > a:not(.btn) {
  color: inherit;
  text-decoration: underline;
}
.bg-inherit > a:not(.btn) [class^='dlt-c8y-icon-'],
.bg-inherit > a:not(.btn) [class*=' dlt-c8y-icon-'],
.bg-inherit > a:not(.btn) .c8y-icon {
  text-decoration: none;
}
.bg-component {
  background-color: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
}
.d-contents {
  display: contents !important;
  background: inherit;
}
.d-flex {
  display: flex !important;
}
.d-col {
  display: flex !important;
  flex-direction: column !important;
}
.d-block {
  display: block !important;
}
.d-inline-block {
  display: inline-block !important;
}
.d-inline {
  display: inline !important;
}
.d-inline-flex {
  display: inline-flex !important;
}
.d-grid {
  display: grid !important;
}
.d-inherit {
  display: inherit !important;
}
/* #region */
@media (max-width: 767px) {
  .d-contents-xs {
    display: contents !important;
    background: inherit;
  }
  .d-flex-xs {
    display: flex !important;
  }
  .d-col-xs {
    display: flex !important;
    flex-direction: column !important;
  }
  .d-block-xs {
    display: block !important;
  }
  .d-inline-block-xs {
    display: inline-block !important;
  }
  .d-inline-xs {
    display: inline !important;
  }
  .d-inline-flex-xs {
    display: inline-flex !important;
  }
  .d-grid-xs {
    display: grid !important;
  }
  .d-inherit-xs {
    display: inherit !important;
  }
}
@media (min-width: 768px) {
  .d-contents-sm {
    display: contents !important;
    background: inherit;
  }
  .d-flex-sm {
    display: flex !important;
  }
  .d-col-sm {
    display: flex !important;
    flex-direction: column !important;
  }
  .d-block-sm {
    display: block !important;
  }
  .d-inline-block-sm {
    display: inline-block !important;
  }
  .d-inline-sm {
    display: inline !important;
  }
  .d-inline-flex-sm {
    display: inline-flex !important;
  }
  .d-grid-sm {
    display: grid !important;
  }
  .d-inherit-sm {
    display: inherit !important;
  }
}
@media (min-width: 992px) {
  .d-contents-md {
    display: contents !important;
    background: inherit;
  }
  .d-flex-md {
    display: flex !important;
  }
  .d-col-md {
    display: flex !important;
    flex-direction: column !important;
  }
  .d-block-md {
    display: block !important;
  }
  .d-inline-block-md {
    display: inline-block !important;
  }
  .d-inline-md {
    display: inline !important;
  }
  .d-inline-flex-md {
    display: inline-flex !important;
  }
  .d-grid-md {
    display: grid !important;
  }
  .d-inherit-md {
    display: inherit !important;
  }
}
@media (min-width: 1200px) {
  .d-contents-lg {
    display: contents !important;
    background: inherit;
  }
  .d-flex-lg {
    display: flex !important;
  }
  .d-col-lg {
    display: flex !important;
    flex-direction: column !important;
  }
  .d-block-lg {
    display: block !important;
  }
  .d-inline-block-lg {
    display: inline-block !important;
  }
  .d-inline-lg {
    display: inline !important;
  }
  .d-inline-flex-lg {
    display: inline-flex !important;
  }
  .d-grid-lg {
    display: grid !important;
  }
  .d-inherit-lg {
    display: inherit !important;
  }
}
/* #endregion */
.show:not(.dropdown) {
  display: block !important;
}
.hide,
.hidden,
[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak,
.ng-hide {
  display: none !important;
}
.invisible {
  visibility: hidden !important;
}
.text-hide {
  border: 0 !important;
  background-color: transparent !important;
  color: transparent !important;
  text-shadow: none !important;
  font: 0/0 a !important;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-xs-flex,
.visible-xs-grid,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-sm-flex,
.visible-sm-grid,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-md-flex,
.visible-md-grid,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block,
.visible-lg-flex,
.visible-lg-grid {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table !important;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-flex {
    display: flex !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-grid {
    display: grid !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table !important;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-flex {
    display: flex !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-grid {
    display: grid !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table !important;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-flex {
    display: flex !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-grid {
    display: grid !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table !important;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-flex {
    display: flex !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-grid {
    display: grid !important;
  }
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}
@media print {
  .visible-print {
    display: block !important;
  }
  table.visible-print {
    display: table !important;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}
.visible-print-block {
  display: none !important;
}
@media print {
  .visible-print-block {
    display: block !important;
  }
}
.visible-print-inline {
  display: none !important;
}
@media print {
  .visible-print-inline {
    display: inline !important;
  }
}
.visible-print-inline-block {
  display: none !important;
}
@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}
@media print {
  .hidden-print {
    display: none !important;
  }
}
.clearfix:before,
.clearfix:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.tight-grid:before,
.tight-grid:after,
.modal-footer:before,
.modal-footer:after,
.panel-body:before,
.panel-body:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after {
  display: table;
  content: ' ';
}
.clearfix:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.form-horizontal .form-group:after,
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.tight-grid:after,
.modal-footer:after,
.panel-body:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after {
  clear: both;
}
.center-block {
  display: block;
  margin-right: auto;
  margin-left: auto;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.top-right-controls {
  float: right !important;
}
.top-right-controls > * {
  display: inline-block;
  width: auto;
  vertical-align: middle;
}
.m-t-4 {
  margin-top: 4px !important;
}
.m-r-4 {
  margin-right: 4px !important;
}
.m-b-4 {
  margin-bottom: 4px !important;
}
.m-l-4 {
  margin-left: 4px !important;
}
.m-4 {
  margin: 4px !important;
}
@media (max-width: 767px) {
  .m-t-xs-4 {
    margin-top: 4px !important;
  }
  .m-r-xs-4 {
    margin-right: 4px !important;
  }
  .m-b-xs-4 {
    margin-bottom: 4px !important;
  }
  .m-l-xs-4 {
    margin-left: 4px !important;
  }
  .m-xs-4 {
    margin: 4px !important;
  }
}
@media (min-width: 768px) {
  .m-t-sm-4 {
    margin-top: 4px !important;
  }
  .m-r-sm-4 {
    margin-right: 4px !important;
  }
  .m-b-sm-4 {
    margin-bottom: 4px !important;
  }
  .m-l-sm-4 {
    margin-left: 4px !important;
  }
  .m-sm-4 {
    margin: 4px !important;
  }
}
@media (min-width: 992px) {
  .m-t-md-4 {
    margin-top: 4px !important;
  }
  .m-r-md-4 {
    margin-right: 4px !important;
  }
  .m-b-md-4 {
    margin-bottom: 4px !important;
  }
  .m-l-md-4 {
    margin-left: 4px !important;
  }
  .m-md-4 {
    margin: 4px !important;
  }
}
@media (min-width: 1200px) {
  .m-t-lg-4 {
    margin-top: 4px !important;
  }
  .m-r-lg-4 {
    margin-right: 4px !important;
  }
  .m-b-lg-4 {
    margin-bottom: 4px !important;
  }
  .m-l-lg-4 {
    margin-left: 4px !important;
  }
  .m-lg-4 {
    margin: 4px !important;
  }
}
.m-t-0 {
  margin-top: 0px !important;
}
.m-r-0 {
  margin-right: 0px !important;
}
.m-b-0 {
  margin-bottom: 0px !important;
}
.m-l-0 {
  margin-left: 0px !important;
}
.m-0 {
  margin: 0px !important;
}
@media (max-width: 767px) {
  .m-t-xs-0 {
    margin-top: 0px !important;
  }
  .m-r-xs-0 {
    margin-right: 0px !important;
  }
  .m-b-xs-0 {
    margin-bottom: 0px !important;
  }
  .m-l-xs-0 {
    margin-left: 0px !important;
  }
  .m-xs-0 {
    margin: 0px !important;
  }
}
@media (min-width: 768px) {
  .m-t-sm-0 {
    margin-top: 0px !important;
  }
  .m-r-sm-0 {
    margin-right: 0px !important;
  }
  .m-b-sm-0 {
    margin-bottom: 0px !important;
  }
  .m-l-sm-0 {
    margin-left: 0px !important;
  }
  .m-sm-0 {
    margin: 0px !important;
  }
}
@media (min-width: 992px) {
  .m-t-md-0 {
    margin-top: 0px !important;
  }
  .m-r-md-0 {
    margin-right: 0px !important;
  }
  .m-b-md-0 {
    margin-bottom: 0px !important;
  }
  .m-l-md-0 {
    margin-left: 0px !important;
  }
  .m-md-0 {
    margin: 0px !important;
  }
}
@media (min-width: 1200px) {
  .m-t-lg-0 {
    margin-top: 0px !important;
  }
  .m-r-lg-0 {
    margin-right: 0px !important;
  }
  .m-b-lg-0 {
    margin-bottom: 0px !important;
  }
  .m-l-lg-0 {
    margin-left: 0px !important;
  }
  .m-lg-0 {
    margin: 0px !important;
  }
}
.m-t-120 {
  margin-top: 120px !important;
}
.m-r-120 {
  margin-right: 120px !important;
}
.m-b-120 {
  margin-bottom: 120px !important;
}
.m-l-120 {
  margin-left: 120px !important;
}
.m-120 {
  margin: 120px !important;
}
@media (max-width: 767px) {
  .m-t-xs-120 {
    margin-top: 120px !important;
  }
  .m-r-xs-120 {
    margin-right: 120px !important;
  }
  .m-b-xs-120 {
    margin-bottom: 120px !important;
  }
  .m-l-xs-120 {
    margin-left: 120px !important;
  }
  .m-xs-120 {
    margin: 120px !important;
  }
}
@media (min-width: 768px) {
  .m-t-sm-120 {
    margin-top: 120px !important;
  }
  .m-r-sm-120 {
    margin-right: 120px !important;
  }
  .m-b-sm-120 {
    margin-bottom: 120px !important;
  }
  .m-l-sm-120 {
    margin-left: 120px !important;
  }
  .m-sm-120 {
    margin: 120px !important;
  }
}
@media (min-width: 992px) {
  .m-t-md-120 {
    margin-top: 120px !important;
  }
  .m-r-md-120 {
    margin-right: 120px !important;
  }
  .m-b-md-120 {
    margin-bottom: 120px !important;
  }
  .m-l-md-120 {
    margin-left: 120px !important;
  }
  .m-md-120 {
    margin: 120px !important;
  }
}
@media (min-width: 1200px) {
  .m-t-lg-120 {
    margin-top: 120px !important;
  }
  .m-r-lg-120 {
    margin-right: 120px !important;
  }
  .m-b-lg-120 {
    margin-bottom: 120px !important;
  }
  .m-l-lg-120 {
    margin-left: 120px !important;
  }
  .m-lg-120 {
    margin: 120px !important;
  }
}
.m-t-112 {
  margin-top: 112px !important;
}
.m-r-112 {
  margin-right: 112px !important;
}
.m-b-112 {
  margin-bottom: 112px !important;
}
.m-l-112 {
  margin-left: 112px !important;
}
.m-112 {
  margin: 112px !important;
}
@media (max-width: 767px) {
  .m-t-xs-112 {
    margin-top: 112px !important;
  }
  .m-r-xs-112 {
    margin-right: 112px !important;
  }
  .m-b-xs-112 {
    margin-bottom: 112px !important;
  }
  .m-l-xs-112 {
    margin-left: 112px !important;
  }
  .m-xs-112 {
    margin: 112px !important;
  }
}
@media (min-width: 768px) {
  .m-t-sm-112 {
    margin-top: 112px !important;
  }
  .m-r-sm-112 {
    margin-right: 112px !important;
  }
  .m-b-sm-112 {
    margin-bottom: 112px !important;
  }
  .m-l-sm-112 {
    margin-left: 112px !important;
  }
  .m-sm-112 {
    margin: 112px !important;
  }
}
@media (min-width: 992px) {
  .m-t-md-112 {
    margin-top: 112px !important;
  }
  .m-r-md-112 {
    margin-right: 112px !important;
  }
  .m-b-md-112 {
    margin-bottom: 112px !important;
  }
  .m-l-md-112 {
    margin-left: 112px !important;
  }
  .m-md-112 {
    margin: 112px !important;
  }
}
@media (min-width: 1200px) {
  .m-t-lg-112 {
    margin-top: 112px !important;
  }
  .m-r-lg-112 {
    margin-right: 112px !important;
  }
  .m-b-lg-112 {
    margin-bottom: 112px !important;
  }
  .m-l-lg-112 {
    margin-left: 112px !important;
  }
  .m-lg-112 {
    margin: 112px !important;
  }
}
.m-t-104 {
  margin-top: 104px !important;
}
.m-r-104 {
  margin-right: 104px !important;
}
.m-b-104 {
  margin-bottom: 104px !important;
}
.m-l-104 {
  margin-left: 104px !important;
}
.m-104 {
  margin: 104px !important;
}
@media (max-width: 767px) {
  .m-t-xs-104 {
    margin-top: 104px !important;
  }
  .m-r-xs-104 {
    margin-right: 104px !important;
  }
  .m-b-xs-104 {
    margin-bottom: 104px !important;
  }
  .m-l-xs-104 {
    margin-left: 104px !important;
  }
  .m-xs-104 {
    margin: 104px !important;
  }
}
@media (min-width: 768px) {
  .m-t-sm-104 {
    margin-top: 104px !important;
  }
  .m-r-sm-104 {
    margin-right: 104px !important;
  }
  .m-b-sm-104 {
    margin-bottom: 104px !important;
  }
  .m-l-sm-104 {
    margin-left: 104px !important;
  }
  .m-sm-104 {
    margin: 104px !important;
  }
}
@media (min-width: 992px) {
  .m-t-md-104 {
    margin-top: 104px !important;
  }
  .m-r-md-104 {
    margin-right: 104px !important;
  }
  .m-b-md-104 {
    margin-bottom: 104px !important;
  }
  .m-l-md-104 {
    margin-left: 104px !important;
  }
  .m-md-104 {
    margin: 104px !important;
  }
}
@media (min-width: 1200px) {
  .m-t-lg-104 {
    margin-top: 104px !important;
  }
  .m-r-lg-104 {
    margin-right: 104px !important;
  }
  .m-b-lg-104 {
    margin-bottom: 104px !important;
  }
  .m-l-lg-104 {
    margin-left: 104px !important;
  }
  .m-lg-104 {
    margin: 104px !important;
  }
}
.m-t-96 {
  margin-top: 96px !important;
}
.m-r-96 {
  margin-right: 96px !important;
}
.m-b-96 {
  margin-bottom: 96px !important;
}
.m-l-96 {
  margin-left: 96px !important;
}
.m-96 {
  margin: 96px !important;
}
@media (max-width: 767px) {
  .m-t-xs-96 {
    margin-top: 96px !important;
  }
  .m-r-xs-96 {
    margin-right: 96px !important;
  }
  .m-b-xs-96 {
    margin-bottom: 96px !important;
  }
  .m-l-xs-96 {
    margin-left: 96px !important;
  }
  .m-xs-96 {
    margin: 96px !important;
  }
}
@media (min-width: 768px) {
  .m-t-sm-96 {
    margin-top: 96px !important;
  }
  .m-r-sm-96 {
    margin-right: 96px !important;
  }
  .m-b-sm-96 {
    margin-bottom: 96px !important;
  }
  .m-l-sm-96 {
    margin-left: 96px !important;
  }
  .m-sm-96 {
    margin: 96px !important;
  }
}
@media (min-width: 992px) {
  .m-t-md-96 {
    margin-top: 96px !important;
  }
  .m-r-md-96 {
    margin-right: 96px !important;
  }
  .m-b-md-96 {
    margin-bottom: 96px !important;
  }
  .m-l-md-96 {
    margin-left: 96px !important;
  }
  .m-md-96 {
    margin: 96px !important;
  }
}
@media (min-width: 1200px) {
  .m-t-lg-96 {
    margin-top: 96px !important;
  }
  .m-r-lg-96 {
    margin-right: 96px !important;
  }
  .m-b-lg-96 {
    margin-bottom: 96px !important;
  }
  .m-l-lg-96 {
    margin-left: 96px !important;
  }
  .m-lg-96 {
    margin: 96px !important;
  }
}
.m-t-88 {
  margin-top: 88px !important;
}
.m-r-88 {
  margin-right: 88px !important;
}
.m-b-88 {
  margin-bottom: 88px !important;
}
.m-l-88 {
  margin-left: 88px !important;
}
.m-88 {
  margin: 88px !important;
}
@media (max-width: 767px) {
  .m-t-xs-88 {
    margin-top: 88px !important;
  }
  .m-r-xs-88 {
    margin-right: 88px !important;
  }
  .m-b-xs-88 {
    margin-bottom: 88px !important;
  }
  .m-l-xs-88 {
    margin-left: 88px !important;
  }
  .m-xs-88 {
    margin: 88px !important;
  }
}
@media (min-width: 768px) {
  .m-t-sm-88 {
    margin-top: 88px !important;
  }
  .m-r-sm-88 {
    margin-right: 88px !important;
  }
  .m-b-sm-88 {
    margin-bottom: 88px !important;
  }
  .m-l-sm-88 {
    margin-left: 88px !important;
  }
  .m-sm-88 {
    margin: 88px !important;
  }
}
@media (min-width: 992px) {
  .m-t-md-88 {
    margin-top: 88px !important;
  }
  .m-r-md-88 {
    margin-right: 88px !important;
  }
  .m-b-md-88 {
    margin-bottom: 88px !important;
  }
  .m-l-md-88 {
    margin-left: 88px !important;
  }
  .m-md-88 {
    margin: 88px !important;
  }
}
@media (min-width: 1200px) {
  .m-t-lg-88 {
    margin-top: 88px !important;
  }
  .m-r-lg-88 {
    margin-right: 88px !important;
  }
  .m-b-lg-88 {
    margin-bottom: 88px !important;
  }
  .m-l-lg-88 {
    margin-left: 88px !important;
  }
  .m-lg-88 {
    margin: 88px !important;
  }
}
.m-t-80 {
  margin-top: 80px !important;
}
.m-r-80 {
  margin-right: 80px !important;
}
.m-b-80 {
  margin-bottom: 80px !important;
}
.m-l-80 {
  margin-left: 80px !important;
}
.m-80 {
  margin: 80px !important;
}
@media (max-width: 767px) {
  .m-t-xs-80 {
    margin-top: 80px !important;
  }
  .m-r-xs-80 {
    margin-right: 80px !important;
  }
  .m-b-xs-80 {
    margin-bottom: 80px !important;
  }
  .m-l-xs-80 {
    margin-left: 80px !important;
  }
  .m-xs-80 {
    margin: 80px !important;
  }
}
@media (min-width: 768px) {
  .m-t-sm-80 {
    margin-top: 80px !important;
  }
  .m-r-sm-80 {
    margin-right: 80px !important;
  }
  .m-b-sm-80 {
    margin-bottom: 80px !important;
  }
  .m-l-sm-80 {
    margin-left: 80px !important;
  }
  .m-sm-80 {
    margin: 80px !important;
  }
}
@media (min-width: 992px) {
  .m-t-md-80 {
    margin-top: 80px !important;
  }
  .m-r-md-80 {
    margin-right: 80px !important;
  }
  .m-b-md-80 {
    margin-bottom: 80px !important;
  }
  .m-l-md-80 {
    margin-left: 80px !important;
  }
  .m-md-80 {
    margin: 80px !important;
  }
}
@media (min-width: 1200px) {
  .m-t-lg-80 {
    margin-top: 80px !important;
  }
  .m-r-lg-80 {
    margin-right: 80px !important;
  }
  .m-b-lg-80 {
    margin-bottom: 80px !important;
  }
  .m-l-lg-80 {
    margin-left: 80px !important;
  }
  .m-lg-80 {
    margin: 80px !important;
  }
}
.m-t-72 {
  margin-top: 72px !important;
}
.m-r-72 {
  margin-right: 72px !important;
}
.m-b-72 {
  margin-bottom: 72px !important;
}
.m-l-72 {
  margin-left: 72px !important;
}
.m-72 {
  margin: 72px !important;
}
@media (max-width: 767px) {
  .m-t-xs-72 {
    margin-top: 72px !important;
  }
  .m-r-xs-72 {
    margin-right: 72px !important;
  }
  .m-b-xs-72 {
    margin-bottom: 72px !important;
  }
  .m-l-xs-72 {
    margin-left: 72px !important;
  }
  .m-xs-72 {
    margin: 72px !important;
  }
}
@media (min-width: 768px) {
  .m-t-sm-72 {
    margin-top: 72px !important;
  }
  .m-r-sm-72 {
    margin-right: 72px !important;
  }
  .m-b-sm-72 {
    margin-bottom: 72px !important;
  }
  .m-l-sm-72 {
    margin-left: 72px !important;
  }
  .m-sm-72 {
    margin: 72px !important;
  }
}
@media (min-width: 992px) {
  .m-t-md-72 {
    margin-top: 72px !important;
  }
  .m-r-md-72 {
    margin-right: 72px !important;
  }
  .m-b-md-72 {
    margin-bottom: 72px !important;
  }
  .m-l-md-72 {
    margin-left: 72px !important;
  }
  .m-md-72 {
    margin: 72px !important;
  }
}
@media (min-width: 1200px) {
  .m-t-lg-72 {
    margin-top: 72px !important;
  }
  .m-r-lg-72 {
    margin-right: 72px !important;
  }
  .m-b-lg-72 {
    margin-bottom: 72px !important;
  }
  .m-l-lg-72 {
    margin-left: 72px !important;
  }
  .m-lg-72 {
    margin: 72px !important;
  }
}
.m-t-64 {
  margin-top: 64px !important;
}
.m-r-64 {
  margin-right: 64px !important;
}
.m-b-64 {
  margin-bottom: 64px !important;
}
.m-l-64 {
  margin-left: 64px !important;
}
.m-64 {
  margin: 64px !important;
}
@media (max-width: 767px) {
  .m-t-xs-64 {
    margin-top: 64px !important;
  }
  .m-r-xs-64 {
    margin-right: 64px !important;
  }
  .m-b-xs-64 {
    margin-bottom: 64px !important;
  }
  .m-l-xs-64 {
    margin-left: 64px !important;
  }
  .m-xs-64 {
    margin: 64px !important;
  }
}
@media (min-width: 768px) {
  .m-t-sm-64 {
    margin-top: 64px !important;
  }
  .m-r-sm-64 {
    margin-right: 64px !important;
  }
  .m-b-sm-64 {
    margin-bottom: 64px !important;
  }
  .m-l-sm-64 {
    margin-left: 64px !important;
  }
  .m-sm-64 {
    margin: 64px !important;
  }
}
@media (min-width: 992px) {
  .m-t-md-64 {
    margin-top: 64px !important;
  }
  .m-r-md-64 {
    margin-right: 64px !important;
  }
  .m-b-md-64 {
    margin-bottom: 64px !important;
  }
  .m-l-md-64 {
    margin-left: 64px !important;
  }
  .m-md-64 {
    margin: 64px !important;
  }
}
@media (min-width: 1200px) {
  .m-t-lg-64 {
    margin-top: 64px !important;
  }
  .m-r-lg-64 {
    margin-right: 64px !important;
  }
  .m-b-lg-64 {
    margin-bottom: 64px !important;
  }
  .m-l-lg-64 {
    margin-left: 64px !important;
  }
  .m-lg-64 {
    margin: 64px !important;
  }
}
.m-t-56 {
  margin-top: 56px !important;
}
.m-r-56 {
  margin-right: 56px !important;
}
.m-b-56 {
  margin-bottom: 56px !important;
}
.m-l-56 {
  margin-left: 56px !important;
}
.m-56 {
  margin: 56px !important;
}
@media (max-width: 767px) {
  .m-t-xs-56 {
    margin-top: 56px !important;
  }
  .m-r-xs-56 {
    margin-right: 56px !important;
  }
  .m-b-xs-56 {
    margin-bottom: 56px !important;
  }
  .m-l-xs-56 {
    margin-left: 56px !important;
  }
  .m-xs-56 {
    margin: 56px !important;
  }
}
@media (min-width: 768px) {
  .m-t-sm-56 {
    margin-top: 56px !important;
  }
  .m-r-sm-56 {
    margin-right: 56px !important;
  }
  .m-b-sm-56 {
    margin-bottom: 56px !important;
  }
  .m-l-sm-56 {
    margin-left: 56px !important;
  }
  .m-sm-56 {
    margin: 56px !important;
  }
}
@media (min-width: 992px) {
  .m-t-md-56 {
    margin-top: 56px !important;
  }
  .m-r-md-56 {
    margin-right: 56px !important;
  }
  .m-b-md-56 {
    margin-bottom: 56px !important;
  }
  .m-l-md-56 {
    margin-left: 56px !important;
  }
  .m-md-56 {
    margin: 56px !important;
  }
}
@media (min-width: 1200px) {
  .m-t-lg-56 {
    margin-top: 56px !important;
  }
  .m-r-lg-56 {
    margin-right: 56px !important;
  }
  .m-b-lg-56 {
    margin-bottom: 56px !important;
  }
  .m-l-lg-56 {
    margin-left: 56px !important;
  }
  .m-lg-56 {
    margin: 56px !important;
  }
}
.m-t-48 {
  margin-top: 48px !important;
}
.m-r-48 {
  margin-right: 48px !important;
}
.m-b-48 {
  margin-bottom: 48px !important;
}
.m-l-48 {
  margin-left: 48px !important;
}
.m-48 {
  margin: 48px !important;
}
@media (max-width: 767px) {
  .m-t-xs-48 {
    margin-top: 48px !important;
  }
  .m-r-xs-48 {
    margin-right: 48px !important;
  }
  .m-b-xs-48 {
    margin-bottom: 48px !important;
  }
  .m-l-xs-48 {
    margin-left: 48px !important;
  }
  .m-xs-48 {
    margin: 48px !important;
  }
}
@media (min-width: 768px) {
  .m-t-sm-48 {
    margin-top: 48px !important;
  }
  .m-r-sm-48 {
    margin-right: 48px !important;
  }
  .m-b-sm-48 {
    margin-bottom: 48px !important;
  }
  .m-l-sm-48 {
    margin-left: 48px !important;
  }
  .m-sm-48 {
    margin: 48px !important;
  }
}
@media (min-width: 992px) {
  .m-t-md-48 {
    margin-top: 48px !important;
  }
  .m-r-md-48 {
    margin-right: 48px !important;
  }
  .m-b-md-48 {
    margin-bottom: 48px !important;
  }
  .m-l-md-48 {
    margin-left: 48px !important;
  }
  .m-md-48 {
    margin: 48px !important;
  }
}
@media (min-width: 1200px) {
  .m-t-lg-48 {
    margin-top: 48px !important;
  }
  .m-r-lg-48 {
    margin-right: 48px !important;
  }
  .m-b-lg-48 {
    margin-bottom: 48px !important;
  }
  .m-l-lg-48 {
    margin-left: 48px !important;
  }
  .m-lg-48 {
    margin: 48px !important;
  }
}
.m-t-40 {
  margin-top: 40px !important;
}
.m-r-40 {
  margin-right: 40px !important;
}
.m-b-40 {
  margin-bottom: 40px !important;
}
.m-l-40 {
  margin-left: 40px !important;
}
.m-40 {
  margin: 40px !important;
}
@media (max-width: 767px) {
  .m-t-xs-40 {
    margin-top: 40px !important;
  }
  .m-r-xs-40 {
    margin-right: 40px !important;
  }
  .m-b-xs-40 {
    margin-bottom: 40px !important;
  }
  .m-l-xs-40 {
    margin-left: 40px !important;
  }
  .m-xs-40 {
    margin: 40px !important;
  }
}
@media (min-width: 768px) {
  .m-t-sm-40 {
    margin-top: 40px !important;
  }
  .m-r-sm-40 {
    margin-right: 40px !important;
  }
  .m-b-sm-40 {
    margin-bottom: 40px !important;
  }
  .m-l-sm-40 {
    margin-left: 40px !important;
  }
  .m-sm-40 {
    margin: 40px !important;
  }
}
@media (min-width: 992px) {
  .m-t-md-40 {
    margin-top: 40px !important;
  }
  .m-r-md-40 {
    margin-right: 40px !important;
  }
  .m-b-md-40 {
    margin-bottom: 40px !important;
  }
  .m-l-md-40 {
    margin-left: 40px !important;
  }
  .m-md-40 {
    margin: 40px !important;
  }
}
@media (min-width: 1200px) {
  .m-t-lg-40 {
    margin-top: 40px !important;
  }
  .m-r-lg-40 {
    margin-right: 40px !important;
  }
  .m-b-lg-40 {
    margin-bottom: 40px !important;
  }
  .m-l-lg-40 {
    margin-left: 40px !important;
  }
  .m-lg-40 {
    margin: 40px !important;
  }
}
.m-t-32 {
  margin-top: 32px !important;
}
.m-r-32 {
  margin-right: 32px !important;
}
.m-b-32 {
  margin-bottom: 32px !important;
}
.m-l-32 {
  margin-left: 32px !important;
}
.m-32 {
  margin: 32px !important;
}
@media (max-width: 767px) {
  .m-t-xs-32 {
    margin-top: 32px !important;
  }
  .m-r-xs-32 {
    margin-right: 32px !important;
  }
  .m-b-xs-32 {
    margin-bottom: 32px !important;
  }
  .m-l-xs-32 {
    margin-left: 32px !important;
  }
  .m-xs-32 {
    margin: 32px !important;
  }
}
@media (min-width: 768px) {
  .m-t-sm-32 {
    margin-top: 32px !important;
  }
  .m-r-sm-32 {
    margin-right: 32px !important;
  }
  .m-b-sm-32 {
    margin-bottom: 32px !important;
  }
  .m-l-sm-32 {
    margin-left: 32px !important;
  }
  .m-sm-32 {
    margin: 32px !important;
  }
}
@media (min-width: 992px) {
  .m-t-md-32 {
    margin-top: 32px !important;
  }
  .m-r-md-32 {
    margin-right: 32px !important;
  }
  .m-b-md-32 {
    margin-bottom: 32px !important;
  }
  .m-l-md-32 {
    margin-left: 32px !important;
  }
  .m-md-32 {
    margin: 32px !important;
  }
}
@media (min-width: 1200px) {
  .m-t-lg-32 {
    margin-top: 32px !important;
  }
  .m-r-lg-32 {
    margin-right: 32px !important;
  }
  .m-b-lg-32 {
    margin-bottom: 32px !important;
  }
  .m-l-lg-32 {
    margin-left: 32px !important;
  }
  .m-lg-32 {
    margin: 32px !important;
  }
}
.m-t-24 {
  margin-top: 24px !important;
}
.m-r-24 {
  margin-right: 24px !important;
}
.m-b-24 {
  margin-bottom: 24px !important;
}
.m-l-24 {
  margin-left: 24px !important;
}
.m-24 {
  margin: 24px !important;
}
@media (max-width: 767px) {
  .m-t-xs-24 {
    margin-top: 24px !important;
  }
  .m-r-xs-24 {
    margin-right: 24px !important;
  }
  .m-b-xs-24 {
    margin-bottom: 24px !important;
  }
  .m-l-xs-24 {
    margin-left: 24px !important;
  }
  .m-xs-24 {
    margin: 24px !important;
  }
}
@media (min-width: 768px) {
  .m-t-sm-24 {
    margin-top: 24px !important;
  }
  .m-r-sm-24 {
    margin-right: 24px !important;
  }
  .m-b-sm-24 {
    margin-bottom: 24px !important;
  }
  .m-l-sm-24 {
    margin-left: 24px !important;
  }
  .m-sm-24 {
    margin: 24px !important;
  }
}
@media (min-width: 992px) {
  .m-t-md-24 {
    margin-top: 24px !important;
  }
  .m-r-md-24 {
    margin-right: 24px !important;
  }
  .m-b-md-24 {
    margin-bottom: 24px !important;
  }
  .m-l-md-24 {
    margin-left: 24px !important;
  }
  .m-md-24 {
    margin: 24px !important;
  }
}
@media (min-width: 1200px) {
  .m-t-lg-24 {
    margin-top: 24px !important;
  }
  .m-r-lg-24 {
    margin-right: 24px !important;
  }
  .m-b-lg-24 {
    margin-bottom: 24px !important;
  }
  .m-l-lg-24 {
    margin-left: 24px !important;
  }
  .m-lg-24 {
    margin: 24px !important;
  }
}
.m-t-16 {
  margin-top: 16px !important;
}
.m-r-16 {
  margin-right: 16px !important;
}
.m-b-16 {
  margin-bottom: 16px !important;
}
.m-l-16 {
  margin-left: 16px !important;
}
.m-16 {
  margin: 16px !important;
}
@media (max-width: 767px) {
  .m-t-xs-16 {
    margin-top: 16px !important;
  }
  .m-r-xs-16 {
    margin-right: 16px !important;
  }
  .m-b-xs-16 {
    margin-bottom: 16px !important;
  }
  .m-l-xs-16 {
    margin-left: 16px !important;
  }
  .m-xs-16 {
    margin: 16px !important;
  }
}
@media (min-width: 768px) {
  .m-t-sm-16 {
    margin-top: 16px !important;
  }
  .m-r-sm-16 {
    margin-right: 16px !important;
  }
  .m-b-sm-16 {
    margin-bottom: 16px !important;
  }
  .m-l-sm-16 {
    margin-left: 16px !important;
  }
  .m-sm-16 {
    margin: 16px !important;
  }
}
@media (min-width: 992px) {
  .m-t-md-16 {
    margin-top: 16px !important;
  }
  .m-r-md-16 {
    margin-right: 16px !important;
  }
  .m-b-md-16 {
    margin-bottom: 16px !important;
  }
  .m-l-md-16 {
    margin-left: 16px !important;
  }
  .m-md-16 {
    margin: 16px !important;
  }
}
@media (min-width: 1200px) {
  .m-t-lg-16 {
    margin-top: 16px !important;
  }
  .m-r-lg-16 {
    margin-right: 16px !important;
  }
  .m-b-lg-16 {
    margin-bottom: 16px !important;
  }
  .m-l-lg-16 {
    margin-left: 16px !important;
  }
  .m-lg-16 {
    margin: 16px !important;
  }
}
.m-t-8 {
  margin-top: 8px !important;
}
.m-r-8 {
  margin-right: 8px !important;
}
.m-b-8 {
  margin-bottom: 8px !important;
}
.m-l-8 {
  margin-left: 8px !important;
}
.m-8 {
  margin: 8px !important;
}
@media (max-width: 767px) {
  .m-t-xs-8 {
    margin-top: 8px !important;
  }
  .m-r-xs-8 {
    margin-right: 8px !important;
  }
  .m-b-xs-8 {
    margin-bottom: 8px !important;
  }
  .m-l-xs-8 {
    margin-left: 8px !important;
  }
  .m-xs-8 {
    margin: 8px !important;
  }
}
@media (min-width: 768px) {
  .m-t-sm-8 {
    margin-top: 8px !important;
  }
  .m-r-sm-8 {
    margin-right: 8px !important;
  }
  .m-b-sm-8 {
    margin-bottom: 8px !important;
  }
  .m-l-sm-8 {
    margin-left: 8px !important;
  }
  .m-sm-8 {
    margin: 8px !important;
  }
}
@media (min-width: 992px) {
  .m-t-md-8 {
    margin-top: 8px !important;
  }
  .m-r-md-8 {
    margin-right: 8px !important;
  }
  .m-b-md-8 {
    margin-bottom: 8px !important;
  }
  .m-l-md-8 {
    margin-left: 8px !important;
  }
  .m-md-8 {
    margin: 8px !important;
  }
}
@media (min-width: 1200px) {
  .m-t-lg-8 {
    margin-top: 8px !important;
  }
  .m-r-lg-8 {
    margin-right: 8px !important;
  }
  .m-b-lg-8 {
    margin-bottom: 8px !important;
  }
  .m-l-lg-8 {
    margin-left: 8px !important;
  }
  .m-lg-8 {
    margin: 8px !important;
  }
}
.m-t-0 {
  margin-top: 0px !important;
}
.m-r-0 {
  margin-right: 0px !important;
}
.m-b-0 {
  margin-bottom: 0px !important;
}
.m-l-0 {
  margin-left: 0px !important;
}
.m-0 {
  margin: 0px !important;
}
@media (max-width: 767px) {
  .m-t-xs-0 {
    margin-top: 0px !important;
  }
  .m-r-xs-0 {
    margin-right: 0px !important;
  }
  .m-b-xs-0 {
    margin-bottom: 0px !important;
  }
  .m-l-xs-0 {
    margin-left: 0px !important;
  }
  .m-xs-0 {
    margin: 0px !important;
  }
}
@media (min-width: 768px) {
  .m-t-sm-0 {
    margin-top: 0px !important;
  }
  .m-r-sm-0 {
    margin-right: 0px !important;
  }
  .m-b-sm-0 {
    margin-bottom: 0px !important;
  }
  .m-l-sm-0 {
    margin-left: 0px !important;
  }
  .m-sm-0 {
    margin: 0px !important;
  }
}
@media (min-width: 992px) {
  .m-t-md-0 {
    margin-top: 0px !important;
  }
  .m-r-md-0 {
    margin-right: 0px !important;
  }
  .m-b-md-0 {
    margin-bottom: 0px !important;
  }
  .m-l-md-0 {
    margin-left: 0px !important;
  }
  .m-md-0 {
    margin: 0px !important;
  }
}
@media (min-width: 1200px) {
  .m-t-lg-0 {
    margin-top: 0px !important;
  }
  .m-r-lg-0 {
    margin-right: 0px !important;
  }
  .m-b-lg-0 {
    margin-bottom: 0px !important;
  }
  .m-l-lg-0 {
    margin-left: 0px !important;
  }
  .m-lg-0 {
    margin: 0px !important;
  }
}
/* example result:
 .m-t-8{
   margin-top: 8px
 }
*/
.p-t-4 {
  padding-top: 4px !important;
}
.p-r-4 {
  padding-right: 4px !important;
}
.p-b-4 {
  padding-bottom: 4px !important;
}
.p-l-4 {
  padding-left: 4px !important;
}
.p-4 {
  padding: 4px !important;
}
@media (max-width: 767px) {
  .p-t-xs-4 {
    padding-top: 4px !important;
  }
  .p-r-xs-4 {
    padding-right: 4px !important;
  }
  .p-b-xs-4 {
    padding-bottom: 4px !important;
  }
  .p-l-xs-4 {
    padding-left: 4px !important;
  }
  .p-xs-4 {
    padding: 4px !important;
  }
}
@media (min-width: 768px) {
  .p-t-sm-4 {
    padding-top: 4px !important;
  }
  .p-r-sm-4 {
    padding-right: 4px !important;
  }
  .p-b-sm-4 {
    padding-bottom: 4px !important;
  }
  .p-l-sm-4 {
    padding-left: 4px !important;
  }
  .p-sm-4 {
    padding: 4px !important;
  }
}
@media (min-width: 992px) {
  .p-t-md-4 {
    padding-top: 4px !important;
  }
  .p-r-md-4 {
    padding-right: 4px !important;
  }
  .p-b-md-4 {
    padding-bottom: 4px !important;
  }
  .p-l-md-4 {
    padding-left: 4px !important;
  }
  .p-md-4 {
    padding: 4px !important;
  }
}
@media (min-width: 1200px) {
  .p-t-lg-4 {
    padding-top: 4px !important;
  }
  .p-r-lg-4 {
    padding-right: 4px !important;
  }
  .p-b-lg-4 {
    padding-bottom: 4px !important;
  }
  .p-l-lg-4 {
    padding-left: 4px !important;
  }
  .p-lg-4 {
    padding: 4px !important;
  }
}
.p-t-0 {
  padding-top: 0px !important;
}
.p-r-0 {
  padding-right: 0px !important;
}
.p-b-0 {
  padding-bottom: 0px !important;
}
.p-l-0 {
  padding-left: 0px !important;
}
.p-0 {
  padding: 0px !important;
}
@media (max-width: 767px) {
  .p-t-xs-0 {
    padding-top: 0px !important;
  }
  .p-r-xs-0 {
    padding-right: 0px !important;
  }
  .p-b-xs-0 {
    padding-bottom: 0px !important;
  }
  .p-l-xs-0 {
    padding-left: 0px !important;
  }
  .p-xs-0 {
    padding: 0px !important;
  }
}
@media (min-width: 768px) {
  .p-t-sm-0 {
    padding-top: 0px !important;
  }
  .p-r-sm-0 {
    padding-right: 0px !important;
  }
  .p-b-sm-0 {
    padding-bottom: 0px !important;
  }
  .p-l-sm-0 {
    padding-left: 0px !important;
  }
  .p-sm-0 {
    padding: 0px !important;
  }
}
@media (min-width: 992px) {
  .p-t-md-0 {
    padding-top: 0px !important;
  }
  .p-r-md-0 {
    padding-right: 0px !important;
  }
  .p-b-md-0 {
    padding-bottom: 0px !important;
  }
  .p-l-md-0 {
    padding-left: 0px !important;
  }
  .p-md-0 {
    padding: 0px !important;
  }
}
@media (min-width: 1200px) {
  .p-t-lg-0 {
    padding-top: 0px !important;
  }
  .p-r-lg-0 {
    padding-right: 0px !important;
  }
  .p-b-lg-0 {
    padding-bottom: 0px !important;
  }
  .p-l-lg-0 {
    padding-left: 0px !important;
  }
  .p-lg-0 {
    padding: 0px !important;
  }
}
.p-t-120 {
  padding-top: 120px !important;
}
.p-r-120 {
  padding-right: 120px !important;
}
.p-b-120 {
  padding-bottom: 120px !important;
}
.p-l-120 {
  padding-left: 120px !important;
}
.p-120 {
  padding: 120px !important;
}
@media (max-width: 767px) {
  .p-t-xs-120 {
    padding-top: 120px !important;
  }
  .p-r-xs-120 {
    padding-right: 120px !important;
  }
  .p-b-xs-120 {
    padding-bottom: 120px !important;
  }
  .p-l-xs-120 {
    padding-left: 120px !important;
  }
  .p-xs-120 {
    padding: 120px !important;
  }
}
@media (min-width: 768px) {
  .p-t-sm-120 {
    padding-top: 120px !important;
  }
  .p-r-sm-120 {
    padding-right: 120px !important;
  }
  .p-b-sm-120 {
    padding-bottom: 120px !important;
  }
  .p-l-sm-120 {
    padding-left: 120px !important;
  }
  .p-sm-120 {
    padding: 120px !important;
  }
}
@media (min-width: 992px) {
  .p-t-md-120 {
    padding-top: 120px !important;
  }
  .p-r-md-120 {
    padding-right: 120px !important;
  }
  .p-b-md-120 {
    padding-bottom: 120px !important;
  }
  .p-l-md-120 {
    padding-left: 120px !important;
  }
  .p-md-120 {
    padding: 120px !important;
  }
}
@media (min-width: 1200px) {
  .p-t-lg-120 {
    padding-top: 120px !important;
  }
  .p-r-lg-120 {
    padding-right: 120px !important;
  }
  .p-b-lg-120 {
    padding-bottom: 120px !important;
  }
  .p-l-lg-120 {
    padding-left: 120px !important;
  }
  .p-lg-120 {
    padding: 120px !important;
  }
}
.p-t-112 {
  padding-top: 112px !important;
}
.p-r-112 {
  padding-right: 112px !important;
}
.p-b-112 {
  padding-bottom: 112px !important;
}
.p-l-112 {
  padding-left: 112px !important;
}
.p-112 {
  padding: 112px !important;
}
@media (max-width: 767px) {
  .p-t-xs-112 {
    padding-top: 112px !important;
  }
  .p-r-xs-112 {
    padding-right: 112px !important;
  }
  .p-b-xs-112 {
    padding-bottom: 112px !important;
  }
  .p-l-xs-112 {
    padding-left: 112px !important;
  }
  .p-xs-112 {
    padding: 112px !important;
  }
}
@media (min-width: 768px) {
  .p-t-sm-112 {
    padding-top: 112px !important;
  }
  .p-r-sm-112 {
    padding-right: 112px !important;
  }
  .p-b-sm-112 {
    padding-bottom: 112px !important;
  }
  .p-l-sm-112 {
    padding-left: 112px !important;
  }
  .p-sm-112 {
    padding: 112px !important;
  }
}
@media (min-width: 992px) {
  .p-t-md-112 {
    padding-top: 112px !important;
  }
  .p-r-md-112 {
    padding-right: 112px !important;
  }
  .p-b-md-112 {
    padding-bottom: 112px !important;
  }
  .p-l-md-112 {
    padding-left: 112px !important;
  }
  .p-md-112 {
    padding: 112px !important;
  }
}
@media (min-width: 1200px) {
  .p-t-lg-112 {
    padding-top: 112px !important;
  }
  .p-r-lg-112 {
    padding-right: 112px !important;
  }
  .p-b-lg-112 {
    padding-bottom: 112px !important;
  }
  .p-l-lg-112 {
    padding-left: 112px !important;
  }
  .p-lg-112 {
    padding: 112px !important;
  }
}
.p-t-104 {
  padding-top: 104px !important;
}
.p-r-104 {
  padding-right: 104px !important;
}
.p-b-104 {
  padding-bottom: 104px !important;
}
.p-l-104 {
  padding-left: 104px !important;
}
.p-104 {
  padding: 104px !important;
}
@media (max-width: 767px) {
  .p-t-xs-104 {
    padding-top: 104px !important;
  }
  .p-r-xs-104 {
    padding-right: 104px !important;
  }
  .p-b-xs-104 {
    padding-bottom: 104px !important;
  }
  .p-l-xs-104 {
    padding-left: 104px !important;
  }
  .p-xs-104 {
    padding: 104px !important;
  }
}
@media (min-width: 768px) {
  .p-t-sm-104 {
    padding-top: 104px !important;
  }
  .p-r-sm-104 {
    padding-right: 104px !important;
  }
  .p-b-sm-104 {
    padding-bottom: 104px !important;
  }
  .p-l-sm-104 {
    padding-left: 104px !important;
  }
  .p-sm-104 {
    padding: 104px !important;
  }
}
@media (min-width: 992px) {
  .p-t-md-104 {
    padding-top: 104px !important;
  }
  .p-r-md-104 {
    padding-right: 104px !important;
  }
  .p-b-md-104 {
    padding-bottom: 104px !important;
  }
  .p-l-md-104 {
    padding-left: 104px !important;
  }
  .p-md-104 {
    padding: 104px !important;
  }
}
@media (min-width: 1200px) {
  .p-t-lg-104 {
    padding-top: 104px !important;
  }
  .p-r-lg-104 {
    padding-right: 104px !important;
  }
  .p-b-lg-104 {
    padding-bottom: 104px !important;
  }
  .p-l-lg-104 {
    padding-left: 104px !important;
  }
  .p-lg-104 {
    padding: 104px !important;
  }
}
.p-t-96 {
  padding-top: 96px !important;
}
.p-r-96 {
  padding-right: 96px !important;
}
.p-b-96 {
  padding-bottom: 96px !important;
}
.p-l-96 {
  padding-left: 96px !important;
}
.p-96 {
  padding: 96px !important;
}
@media (max-width: 767px) {
  .p-t-xs-96 {
    padding-top: 96px !important;
  }
  .p-r-xs-96 {
    padding-right: 96px !important;
  }
  .p-b-xs-96 {
    padding-bottom: 96px !important;
  }
  .p-l-xs-96 {
    padding-left: 96px !important;
  }
  .p-xs-96 {
    padding: 96px !important;
  }
}
@media (min-width: 768px) {
  .p-t-sm-96 {
    padding-top: 96px !important;
  }
  .p-r-sm-96 {
    padding-right: 96px !important;
  }
  .p-b-sm-96 {
    padding-bottom: 96px !important;
  }
  .p-l-sm-96 {
    padding-left: 96px !important;
  }
  .p-sm-96 {
    padding: 96px !important;
  }
}
@media (min-width: 992px) {
  .p-t-md-96 {
    padding-top: 96px !important;
  }
  .p-r-md-96 {
    padding-right: 96px !important;
  }
  .p-b-md-96 {
    padding-bottom: 96px !important;
  }
  .p-l-md-96 {
    padding-left: 96px !important;
  }
  .p-md-96 {
    padding: 96px !important;
  }
}
@media (min-width: 1200px) {
  .p-t-lg-96 {
    padding-top: 96px !important;
  }
  .p-r-lg-96 {
    padding-right: 96px !important;
  }
  .p-b-lg-96 {
    padding-bottom: 96px !important;
  }
  .p-l-lg-96 {
    padding-left: 96px !important;
  }
  .p-lg-96 {
    padding: 96px !important;
  }
}
.p-t-88 {
  padding-top: 88px !important;
}
.p-r-88 {
  padding-right: 88px !important;
}
.p-b-88 {
  padding-bottom: 88px !important;
}
.p-l-88 {
  padding-left: 88px !important;
}
.p-88 {
  padding: 88px !important;
}
@media (max-width: 767px) {
  .p-t-xs-88 {
    padding-top: 88px !important;
  }
  .p-r-xs-88 {
    padding-right: 88px !important;
  }
  .p-b-xs-88 {
    padding-bottom: 88px !important;
  }
  .p-l-xs-88 {
    padding-left: 88px !important;
  }
  .p-xs-88 {
    padding: 88px !important;
  }
}
@media (min-width: 768px) {
  .p-t-sm-88 {
    padding-top: 88px !important;
  }
  .p-r-sm-88 {
    padding-right: 88px !important;
  }
  .p-b-sm-88 {
    padding-bottom: 88px !important;
  }
  .p-l-sm-88 {
    padding-left: 88px !important;
  }
  .p-sm-88 {
    padding: 88px !important;
  }
}
@media (min-width: 992px) {
  .p-t-md-88 {
    padding-top: 88px !important;
  }
  .p-r-md-88 {
    padding-right: 88px !important;
  }
  .p-b-md-88 {
    padding-bottom: 88px !important;
  }
  .p-l-md-88 {
    padding-left: 88px !important;
  }
  .p-md-88 {
    padding: 88px !important;
  }
}
@media (min-width: 1200px) {
  .p-t-lg-88 {
    padding-top: 88px !important;
  }
  .p-r-lg-88 {
    padding-right: 88px !important;
  }
  .p-b-lg-88 {
    padding-bottom: 88px !important;
  }
  .p-l-lg-88 {
    padding-left: 88px !important;
  }
  .p-lg-88 {
    padding: 88px !important;
  }
}
.p-t-80 {
  padding-top: 80px !important;
}
.p-r-80 {
  padding-right: 80px !important;
}
.p-b-80 {
  padding-bottom: 80px !important;
}
.p-l-80 {
  padding-left: 80px !important;
}
.p-80 {
  padding: 80px !important;
}
@media (max-width: 767px) {
  .p-t-xs-80 {
    padding-top: 80px !important;
  }
  .p-r-xs-80 {
    padding-right: 80px !important;
  }
  .p-b-xs-80 {
    padding-bottom: 80px !important;
  }
  .p-l-xs-80 {
    padding-left: 80px !important;
  }
  .p-xs-80 {
    padding: 80px !important;
  }
}
@media (min-width: 768px) {
  .p-t-sm-80 {
    padding-top: 80px !important;
  }
  .p-r-sm-80 {
    padding-right: 80px !important;
  }
  .p-b-sm-80 {
    padding-bottom: 80px !important;
  }
  .p-l-sm-80 {
    padding-left: 80px !important;
  }
  .p-sm-80 {
    padding: 80px !important;
  }
}
@media (min-width: 992px) {
  .p-t-md-80 {
    padding-top: 80px !important;
  }
  .p-r-md-80 {
    padding-right: 80px !important;
  }
  .p-b-md-80 {
    padding-bottom: 80px !important;
  }
  .p-l-md-80 {
    padding-left: 80px !important;
  }
  .p-md-80 {
    padding: 80px !important;
  }
}
@media (min-width: 1200px) {
  .p-t-lg-80 {
    padding-top: 80px !important;
  }
  .p-r-lg-80 {
    padding-right: 80px !important;
  }
  .p-b-lg-80 {
    padding-bottom: 80px !important;
  }
  .p-l-lg-80 {
    padding-left: 80px !important;
  }
  .p-lg-80 {
    padding: 80px !important;
  }
}
.p-t-72 {
  padding-top: 72px !important;
}
.p-r-72 {
  padding-right: 72px !important;
}
.p-b-72 {
  padding-bottom: 72px !important;
}
.p-l-72 {
  padding-left: 72px !important;
}
.p-72 {
  padding: 72px !important;
}
@media (max-width: 767px) {
  .p-t-xs-72 {
    padding-top: 72px !important;
  }
  .p-r-xs-72 {
    padding-right: 72px !important;
  }
  .p-b-xs-72 {
    padding-bottom: 72px !important;
  }
  .p-l-xs-72 {
    padding-left: 72px !important;
  }
  .p-xs-72 {
    padding: 72px !important;
  }
}
@media (min-width: 768px) {
  .p-t-sm-72 {
    padding-top: 72px !important;
  }
  .p-r-sm-72 {
    padding-right: 72px !important;
  }
  .p-b-sm-72 {
    padding-bottom: 72px !important;
  }
  .p-l-sm-72 {
    padding-left: 72px !important;
  }
  .p-sm-72 {
    padding: 72px !important;
  }
}
@media (min-width: 992px) {
  .p-t-md-72 {
    padding-top: 72px !important;
  }
  .p-r-md-72 {
    padding-right: 72px !important;
  }
  .p-b-md-72 {
    padding-bottom: 72px !important;
  }
  .p-l-md-72 {
    padding-left: 72px !important;
  }
  .p-md-72 {
    padding: 72px !important;
  }
}
@media (min-width: 1200px) {
  .p-t-lg-72 {
    padding-top: 72px !important;
  }
  .p-r-lg-72 {
    padding-right: 72px !important;
  }
  .p-b-lg-72 {
    padding-bottom: 72px !important;
  }
  .p-l-lg-72 {
    padding-left: 72px !important;
  }
  .p-lg-72 {
    padding: 72px !important;
  }
}
.p-t-64 {
  padding-top: 64px !important;
}
.p-r-64 {
  padding-right: 64px !important;
}
.p-b-64 {
  padding-bottom: 64px !important;
}
.p-l-64 {
  padding-left: 64px !important;
}
.p-64 {
  padding: 64px !important;
}
@media (max-width: 767px) {
  .p-t-xs-64 {
    padding-top: 64px !important;
  }
  .p-r-xs-64 {
    padding-right: 64px !important;
  }
  .p-b-xs-64 {
    padding-bottom: 64px !important;
  }
  .p-l-xs-64 {
    padding-left: 64px !important;
  }
  .p-xs-64 {
    padding: 64px !important;
  }
}
@media (min-width: 768px) {
  .p-t-sm-64 {
    padding-top: 64px !important;
  }
  .p-r-sm-64 {
    padding-right: 64px !important;
  }
  .p-b-sm-64 {
    padding-bottom: 64px !important;
  }
  .p-l-sm-64 {
    padding-left: 64px !important;
  }
  .p-sm-64 {
    padding: 64px !important;
  }
}
@media (min-width: 992px) {
  .p-t-md-64 {
    padding-top: 64px !important;
  }
  .p-r-md-64 {
    padding-right: 64px !important;
  }
  .p-b-md-64 {
    padding-bottom: 64px !important;
  }
  .p-l-md-64 {
    padding-left: 64px !important;
  }
  .p-md-64 {
    padding: 64px !important;
  }
}
@media (min-width: 1200px) {
  .p-t-lg-64 {
    padding-top: 64px !important;
  }
  .p-r-lg-64 {
    padding-right: 64px !important;
  }
  .p-b-lg-64 {
    padding-bottom: 64px !important;
  }
  .p-l-lg-64 {
    padding-left: 64px !important;
  }
  .p-lg-64 {
    padding: 64px !important;
  }
}
.p-t-56 {
  padding-top: 56px !important;
}
.p-r-56 {
  padding-right: 56px !important;
}
.p-b-56 {
  padding-bottom: 56px !important;
}
.p-l-56 {
  padding-left: 56px !important;
}
.p-56 {
  padding: 56px !important;
}
@media (max-width: 767px) {
  .p-t-xs-56 {
    padding-top: 56px !important;
  }
  .p-r-xs-56 {
    padding-right: 56px !important;
  }
  .p-b-xs-56 {
    padding-bottom: 56px !important;
  }
  .p-l-xs-56 {
    padding-left: 56px !important;
  }
  .p-xs-56 {
    padding: 56px !important;
  }
}
@media (min-width: 768px) {
  .p-t-sm-56 {
    padding-top: 56px !important;
  }
  .p-r-sm-56 {
    padding-right: 56px !important;
  }
  .p-b-sm-56 {
    padding-bottom: 56px !important;
  }
  .p-l-sm-56 {
    padding-left: 56px !important;
  }
  .p-sm-56 {
    padding: 56px !important;
  }
}
@media (min-width: 992px) {
  .p-t-md-56 {
    padding-top: 56px !important;
  }
  .p-r-md-56 {
    padding-right: 56px !important;
  }
  .p-b-md-56 {
    padding-bottom: 56px !important;
  }
  .p-l-md-56 {
    padding-left: 56px !important;
  }
  .p-md-56 {
    padding: 56px !important;
  }
}
@media (min-width: 1200px) {
  .p-t-lg-56 {
    padding-top: 56px !important;
  }
  .p-r-lg-56 {
    padding-right: 56px !important;
  }
  .p-b-lg-56 {
    padding-bottom: 56px !important;
  }
  .p-l-lg-56 {
    padding-left: 56px !important;
  }
  .p-lg-56 {
    padding: 56px !important;
  }
}
.p-t-48 {
  padding-top: 48px !important;
}
.p-r-48 {
  padding-right: 48px !important;
}
.p-b-48 {
  padding-bottom: 48px !important;
}
.p-l-48 {
  padding-left: 48px !important;
}
.p-48 {
  padding: 48px !important;
}
@media (max-width: 767px) {
  .p-t-xs-48 {
    padding-top: 48px !important;
  }
  .p-r-xs-48 {
    padding-right: 48px !important;
  }
  .p-b-xs-48 {
    padding-bottom: 48px !important;
  }
  .p-l-xs-48 {
    padding-left: 48px !important;
  }
  .p-xs-48 {
    padding: 48px !important;
  }
}
@media (min-width: 768px) {
  .p-t-sm-48 {
    padding-top: 48px !important;
  }
  .p-r-sm-48 {
    padding-right: 48px !important;
  }
  .p-b-sm-48 {
    padding-bottom: 48px !important;
  }
  .p-l-sm-48 {
    padding-left: 48px !important;
  }
  .p-sm-48 {
    padding: 48px !important;
  }
}
@media (min-width: 992px) {
  .p-t-md-48 {
    padding-top: 48px !important;
  }
  .p-r-md-48 {
    padding-right: 48px !important;
  }
  .p-b-md-48 {
    padding-bottom: 48px !important;
  }
  .p-l-md-48 {
    padding-left: 48px !important;
  }
  .p-md-48 {
    padding: 48px !important;
  }
}
@media (min-width: 1200px) {
  .p-t-lg-48 {
    padding-top: 48px !important;
  }
  .p-r-lg-48 {
    padding-right: 48px !important;
  }
  .p-b-lg-48 {
    padding-bottom: 48px !important;
  }
  .p-l-lg-48 {
    padding-left: 48px !important;
  }
  .p-lg-48 {
    padding: 48px !important;
  }
}
.p-t-40 {
  padding-top: 40px !important;
}
.p-r-40 {
  padding-right: 40px !important;
}
.p-b-40 {
  padding-bottom: 40px !important;
}
.p-l-40 {
  padding-left: 40px !important;
}
.p-40 {
  padding: 40px !important;
}
@media (max-width: 767px) {
  .p-t-xs-40 {
    padding-top: 40px !important;
  }
  .p-r-xs-40 {
    padding-right: 40px !important;
  }
  .p-b-xs-40 {
    padding-bottom: 40px !important;
  }
  .p-l-xs-40 {
    padding-left: 40px !important;
  }
  .p-xs-40 {
    padding: 40px !important;
  }
}
@media (min-width: 768px) {
  .p-t-sm-40 {
    padding-top: 40px !important;
  }
  .p-r-sm-40 {
    padding-right: 40px !important;
  }
  .p-b-sm-40 {
    padding-bottom: 40px !important;
  }
  .p-l-sm-40 {
    padding-left: 40px !important;
  }
  .p-sm-40 {
    padding: 40px !important;
  }
}
@media (min-width: 992px) {
  .p-t-md-40 {
    padding-top: 40px !important;
  }
  .p-r-md-40 {
    padding-right: 40px !important;
  }
  .p-b-md-40 {
    padding-bottom: 40px !important;
  }
  .p-l-md-40 {
    padding-left: 40px !important;
  }
  .p-md-40 {
    padding: 40px !important;
  }
}
@media (min-width: 1200px) {
  .p-t-lg-40 {
    padding-top: 40px !important;
  }
  .p-r-lg-40 {
    padding-right: 40px !important;
  }
  .p-b-lg-40 {
    padding-bottom: 40px !important;
  }
  .p-l-lg-40 {
    padding-left: 40px !important;
  }
  .p-lg-40 {
    padding: 40px !important;
  }
}
.p-t-32 {
  padding-top: 32px !important;
}
.p-r-32 {
  padding-right: 32px !important;
}
.p-b-32 {
  padding-bottom: 32px !important;
}
.p-l-32 {
  padding-left: 32px !important;
}
.p-32 {
  padding: 32px !important;
}
@media (max-width: 767px) {
  .p-t-xs-32 {
    padding-top: 32px !important;
  }
  .p-r-xs-32 {
    padding-right: 32px !important;
  }
  .p-b-xs-32 {
    padding-bottom: 32px !important;
  }
  .p-l-xs-32 {
    padding-left: 32px !important;
  }
  .p-xs-32 {
    padding: 32px !important;
  }
}
@media (min-width: 768px) {
  .p-t-sm-32 {
    padding-top: 32px !important;
  }
  .p-r-sm-32 {
    padding-right: 32px !important;
  }
  .p-b-sm-32 {
    padding-bottom: 32px !important;
  }
  .p-l-sm-32 {
    padding-left: 32px !important;
  }
  .p-sm-32 {
    padding: 32px !important;
  }
}
@media (min-width: 992px) {
  .p-t-md-32 {
    padding-top: 32px !important;
  }
  .p-r-md-32 {
    padding-right: 32px !important;
  }
  .p-b-md-32 {
    padding-bottom: 32px !important;
  }
  .p-l-md-32 {
    padding-left: 32px !important;
  }
  .p-md-32 {
    padding: 32px !important;
  }
}
@media (min-width: 1200px) {
  .p-t-lg-32 {
    padding-top: 32px !important;
  }
  .p-r-lg-32 {
    padding-right: 32px !important;
  }
  .p-b-lg-32 {
    padding-bottom: 32px !important;
  }
  .p-l-lg-32 {
    padding-left: 32px !important;
  }
  .p-lg-32 {
    padding: 32px !important;
  }
}
.p-t-24 {
  padding-top: 24px !important;
}
.p-r-24 {
  padding-right: 24px !important;
}
.p-b-24 {
  padding-bottom: 24px !important;
}
.p-l-24 {
  padding-left: 24px !important;
}
.p-24 {
  padding: 24px !important;
}
@media (max-width: 767px) {
  .p-t-xs-24 {
    padding-top: 24px !important;
  }
  .p-r-xs-24 {
    padding-right: 24px !important;
  }
  .p-b-xs-24 {
    padding-bottom: 24px !important;
  }
  .p-l-xs-24 {
    padding-left: 24px !important;
  }
  .p-xs-24 {
    padding: 24px !important;
  }
}
@media (min-width: 768px) {
  .p-t-sm-24 {
    padding-top: 24px !important;
  }
  .p-r-sm-24 {
    padding-right: 24px !important;
  }
  .p-b-sm-24 {
    padding-bottom: 24px !important;
  }
  .p-l-sm-24 {
    padding-left: 24px !important;
  }
  .p-sm-24 {
    padding: 24px !important;
  }
}
@media (min-width: 992px) {
  .p-t-md-24 {
    padding-top: 24px !important;
  }
  .p-r-md-24 {
    padding-right: 24px !important;
  }
  .p-b-md-24 {
    padding-bottom: 24px !important;
  }
  .p-l-md-24 {
    padding-left: 24px !important;
  }
  .p-md-24 {
    padding: 24px !important;
  }
}
@media (min-width: 1200px) {
  .p-t-lg-24 {
    padding-top: 24px !important;
  }
  .p-r-lg-24 {
    padding-right: 24px !important;
  }
  .p-b-lg-24 {
    padding-bottom: 24px !important;
  }
  .p-l-lg-24 {
    padding-left: 24px !important;
  }
  .p-lg-24 {
    padding: 24px !important;
  }
}
.p-t-16 {
  padding-top: 16px !important;
}
.p-r-16 {
  padding-right: 16px !important;
}
.p-b-16 {
  padding-bottom: 16px !important;
}
.p-l-16 {
  padding-left: 16px !important;
}
.p-16 {
  padding: 16px !important;
}
@media (max-width: 767px) {
  .p-t-xs-16 {
    padding-top: 16px !important;
  }
  .p-r-xs-16 {
    padding-right: 16px !important;
  }
  .p-b-xs-16 {
    padding-bottom: 16px !important;
  }
  .p-l-xs-16 {
    padding-left: 16px !important;
  }
  .p-xs-16 {
    padding: 16px !important;
  }
}
@media (min-width: 768px) {
  .p-t-sm-16 {
    padding-top: 16px !important;
  }
  .p-r-sm-16 {
    padding-right: 16px !important;
  }
  .p-b-sm-16 {
    padding-bottom: 16px !important;
  }
  .p-l-sm-16 {
    padding-left: 16px !important;
  }
  .p-sm-16 {
    padding: 16px !important;
  }
}
@media (min-width: 992px) {
  .p-t-md-16 {
    padding-top: 16px !important;
  }
  .p-r-md-16 {
    padding-right: 16px !important;
  }
  .p-b-md-16 {
    padding-bottom: 16px !important;
  }
  .p-l-md-16 {
    padding-left: 16px !important;
  }
  .p-md-16 {
    padding: 16px !important;
  }
}
@media (min-width: 1200px) {
  .p-t-lg-16 {
    padding-top: 16px !important;
  }
  .p-r-lg-16 {
    padding-right: 16px !important;
  }
  .p-b-lg-16 {
    padding-bottom: 16px !important;
  }
  .p-l-lg-16 {
    padding-left: 16px !important;
  }
  .p-lg-16 {
    padding: 16px !important;
  }
}
.p-t-8 {
  padding-top: 8px !important;
}
.p-r-8 {
  padding-right: 8px !important;
}
.p-b-8 {
  padding-bottom: 8px !important;
}
.p-l-8 {
  padding-left: 8px !important;
}
.p-8 {
  padding: 8px !important;
}
@media (max-width: 767px) {
  .p-t-xs-8 {
    padding-top: 8px !important;
  }
  .p-r-xs-8 {
    padding-right: 8px !important;
  }
  .p-b-xs-8 {
    padding-bottom: 8px !important;
  }
  .p-l-xs-8 {
    padding-left: 8px !important;
  }
  .p-xs-8 {
    padding: 8px !important;
  }
}
@media (min-width: 768px) {
  .p-t-sm-8 {
    padding-top: 8px !important;
  }
  .p-r-sm-8 {
    padding-right: 8px !important;
  }
  .p-b-sm-8 {
    padding-bottom: 8px !important;
  }
  .p-l-sm-8 {
    padding-left: 8px !important;
  }
  .p-sm-8 {
    padding: 8px !important;
  }
}
@media (min-width: 992px) {
  .p-t-md-8 {
    padding-top: 8px !important;
  }
  .p-r-md-8 {
    padding-right: 8px !important;
  }
  .p-b-md-8 {
    padding-bottom: 8px !important;
  }
  .p-l-md-8 {
    padding-left: 8px !important;
  }
  .p-md-8 {
    padding: 8px !important;
  }
}
@media (min-width: 1200px) {
  .p-t-lg-8 {
    padding-top: 8px !important;
  }
  .p-r-lg-8 {
    padding-right: 8px !important;
  }
  .p-b-lg-8 {
    padding-bottom: 8px !important;
  }
  .p-l-lg-8 {
    padding-left: 8px !important;
  }
  .p-lg-8 {
    padding: 8px !important;
  }
}
.p-t-0 {
  padding-top: 0px !important;
}
.p-r-0 {
  padding-right: 0px !important;
}
.p-b-0 {
  padding-bottom: 0px !important;
}
.p-l-0 {
  padding-left: 0px !important;
}
.p-0 {
  padding: 0px !important;
}
@media (max-width: 767px) {
  .p-t-xs-0 {
    padding-top: 0px !important;
  }
  .p-r-xs-0 {
    padding-right: 0px !important;
  }
  .p-b-xs-0 {
    padding-bottom: 0px !important;
  }
  .p-l-xs-0 {
    padding-left: 0px !important;
  }
  .p-xs-0 {
    padding: 0px !important;
  }
}
@media (min-width: 768px) {
  .p-t-sm-0 {
    padding-top: 0px !important;
  }
  .p-r-sm-0 {
    padding-right: 0px !important;
  }
  .p-b-sm-0 {
    padding-bottom: 0px !important;
  }
  .p-l-sm-0 {
    padding-left: 0px !important;
  }
  .p-sm-0 {
    padding: 0px !important;
  }
}
@media (min-width: 992px) {
  .p-t-md-0 {
    padding-top: 0px !important;
  }
  .p-r-md-0 {
    padding-right: 0px !important;
  }
  .p-b-md-0 {
    padding-bottom: 0px !important;
  }
  .p-l-md-0 {
    padding-left: 0px !important;
  }
  .p-md-0 {
    padding: 0px !important;
  }
}
@media (min-width: 1200px) {
  .p-t-lg-0 {
    padding-top: 0px !important;
  }
  .p-r-lg-0 {
    padding-right: 0px !important;
  }
  .p-b-lg-0 {
    padding-bottom: 0px !important;
  }
  .p-l-lg-0 {
    padding-left: 0px !important;
  }
  .p-lg-0 {
    padding: 0px !important;
  }
}
/* example result:
 .p-t-8{
   padding-top: 8px
 }
*/
.m-auto {
  margin: auto !important;
}
.m-t-auto {
  margin-top: auto !important;
}
.m-r-auto {
  margin-right: auto !important;
}
.m-b-auto {
  margin-bottom: auto !important;
}
.m-l-auto {
  margin-left: auto !important;
}
.w-auto {
  width: auto !important;
}
.h-auto {
  height: auto !important;
}
@media (max-width: 767px) {
  .m-auto-xs {
    margin: auto !important;
  }
  .m-t-auto-xs {
    margin-top: auto !important;
  }
  .m-r-auto-xs {
    margin-right: auto !important;
  }
  .m-b-auto-xs {
    margin-bottom: auto !important;
  }
  .m-l-auto-xs {
    margin-left: auto !important;
  }
  .w-auto-xs {
    width: auto !important;
  }
  .h-auto-xs {
    height: auto !important;
  }
}
@media (min-width: 768px) {
  .m-auto-sm {
    margin: auto !important;
  }
  .m-t-auto-sm {
    margin-top: auto !important;
  }
  .m-r-auto-sm {
    margin-right: auto !important;
  }
  .m-b-auto-sm {
    margin-bottom: auto !important;
  }
  .m-l-auto-sm {
    margin-left: auto !important;
  }
  .w-auto-sm {
    width: auto !important;
  }
  .h-auto-sm {
    height: auto !important;
  }
}
@media (min-width: 992px) {
  .m-auto-md {
    margin: auto !important;
  }
  .m-t-auto-md {
    margin-top: auto !important;
  }
  .m-r-auto-md {
    margin-right: auto !important;
  }
  .m-b-auto-md {
    margin-bottom: auto !important;
  }
  .m-l-auto-md {
    margin-left: auto !important;
  }
  .w-auto-md {
    width: auto !important;
  }
  .h-auto-md {
    height: auto !important;
  }
}
@media (min-width: 1200px) {
  .m-auto-lg {
    margin: auto !important;
  }
  .m-t-auto-lg {
    margin-top: auto !important;
  }
  .m-r-auto-lg {
    margin-right: auto !important;
  }
  .m-b-auto-lg {
    margin-bottom: auto !important;
  }
  .m-l-auto-lg {
    margin-left: auto !important;
  }
  .w-auto-lg {
    width: auto !important;
  }
  .h-auto-lg {
    height: auto !important;
  }
}
.flex-wrap {
  flex-wrap: wrap !important;
}
.flex-nowrap {
  flex-wrap: nowrap !important;
}
.j-c-start {
  justify-content: flex-start !important;
}
.j-c-center {
  justify-content: center !important;
}
.j-c-end {
  justify-content: flex-end !important;
}
.j-c-around {
  justify-content: space-around !important;
}
.j-c-between {
  justify-content: space-between !important;
}
.j-c-evenly {
  justify-content: space-evenly !important;
}
.a-i-start {
  align-items: flex-start !important;
}
.a-i-center {
  align-items: center !important;
}
.a-i-end {
  align-items: flex-end !important;
}
.a-i-stretch {
  align-items: stretch !important;
}
.a-i-baseline {
  align-items: baseline !important;
}
@media (max-width: 767px) {
  .flex-wrap-xs {
    flex-wrap: wrap !important;
  }
  .flex-nowrap-xs {
    flex-wrap: nowrap !important;
  }
  .j-c-start-xs {
    justify-content: flex-start !important;
  }
  .j-c-center-xs {
    justify-content: center !important;
  }
  .j-c-end-xs {
    justify-content: flex-end !important;
  }
  .j-c-around-xs {
    justify-content: space-around !important;
  }
  .j-c-between-xs {
    justify-content: space-between !important;
  }
  .j-c-evenly-xs {
    justify-content: space-evenly !important;
  }
  .a-i-start-xs {
    align-items: flex-start !important;
  }
  .a-i-center-xs {
    align-items: center !important;
  }
  .a-i-end-xs {
    align-items: flex-end !important;
  }
  .a-i-stretch-xs {
    align-items: stretch !important;
  }
}
@media (min-width: 768px) {
  .flex-wrap-sm {
    flex-wrap: wrap !important;
  }
  .flex-nowrap-sm {
    flex-wrap: nowrap !important;
  }
  .j-c-start-sm {
    justify-content: flex-start !important;
  }
  .j-c-center-sm {
    justify-content: center !important;
  }
  .j-c-end-sm {
    justify-content: flex-end !important;
  }
  .j-c-around-sm {
    justify-content: space-around !important;
  }
  .j-c-between-sm {
    justify-content: space-between !important;
  }
  .j-c-evenly-sm {
    justify-content: space-evenly !important;
  }
  .a-i-start-sm {
    align-items: flex-start !important;
  }
  .a-i-center-sm {
    align-items: center !important;
  }
  .a-i-end-sm {
    align-items: flex-end !important;
  }
  .a-i-stretch-sm {
    align-items: stretch !important;
  }
}
@media (min-width: 992px) {
  .flex-wrap-md {
    flex-wrap: wrap !important;
  }
  .flex-nowrap-md {
    flex-wrap: nowrap !important;
  }
  .j-c-start-md {
    justify-content: flex-start !important;
  }
  .j-c-center-md {
    justify-content: center !important;
  }
  .j-c-end-md {
    justify-content: flex-end !important;
  }
  .j-c-around-md {
    justify-content: space-around !important;
  }
  .j-c-between-md {
    justify-content: space-between !important;
  }
  .j-c-evenly-md {
    justify-content: space-evenly !important;
  }
  .a-i-start-md {
    align-items: flex-start !important;
  }
  .a-i-center-md {
    align-items: center !important;
  }
  .a-i-end-md {
    align-items: flex-end !important;
  }
  .a-i-stretch-md {
    align-items: stretch !important;
  }
}
@media (min-width: 1200px) {
  .flex-wrap-lg {
    flex-wrap: wrap !important;
  }
  .flex-nowrap-lg {
    flex-wrap: nowrap !important;
  }
  .j-c-start-lg {
    justify-content: flex-start !important;
  }
  .j-c-center-lg {
    justify-content: center !important;
  }
  .j-c-end-lg {
    justify-content: flex-end !important;
  }
  .j-c-around-lg {
    justify-content: space-around !important;
  }
  .j-c-between-lg {
    justify-content: space-between !important;
  }
  .j-c-evenly-lg {
    justify-content: space-evenly !important;
  }
  .a-i-start-lg {
    align-items: flex-start !important;
  }
  .a-i-center-lg {
    align-items: center !important;
  }
  .a-i-end-lg {
    align-items: flex-end !important;
  }
  .a-i-stretch-lg {
    align-items: stretch !important;
  }
}
/* SIZING */
.flex-auto {
  flex: 1 1 1% !important;
}
.flex-shrink {
  flex-shrink: 1 !important;
}
.flex-no-shrink {
  flex-shrink: 0 !important;
}
.flex-grow {
  flex-grow: 1 !important;
}
.flex-no-grow {
  flex-grow: 0 !important;
}
@media (max-width: 767px) {
  .flex-auto-xs {
    flex: 1 1 1% !important;
  }
  .flex-shrink-xs {
    flex-shrink: 1 !important;
  }
  .flex-grow-xs {
    flex-grow: 1 !important;
  }
}
@media (min-width: 768px) {
  .flex-auto-sm {
    flex: 1 1 1% !important;
  }
  .flex-shrink-sm {
    flex-shrink: 1 !important;
  }
  .flex-grow-sm {
    flex-grow: 1 !important;
  }
}
@media (min-width: 992px) {
  .flex-auto-md {
    flex: 1 1 1% !important;
  }
  .flex-shrink-md {
    flex-shrink: 1 !important;
  }
  .flex-grow-md {
    flex-grow: 1 !important;
  }
}
@media (min-width: 1200px) {
  .flex-auto-lg {
    flex: 1 1 1% !important;
  }
  .flex-shrink-lg {
    flex-shrink: 1 !important;
  }
  .flex-grow-lg {
    flex-grow: 1 !important;
  }
}
/* ALIGNMENT */
.a-s-start {
  align-self: flex-start !important;
}
.a-s-center {
  align-self: center !important;
}
.a-s-end {
  align-self: flex-end !important;
}
.a-s-stretch {
  align-self: stretch !important;
}
@media (max-width: 767px) {
  .a-s-start-xs {
    align-self: flex-start !important;
  }
  .a-s-center-xs {
    align-self: center !important;
  }
  .a-s-end-xs {
    align-self: flex-end !important;
  }
  .a-s-stretch-xs {
    align-self: stretch !important;
  }
}
@media (min-width: 768px) {
  .a-s-start-sm {
    align-self: flex-start !important;
  }
  .a-s-center-sm {
    align-self: center !important;
  }
  .a-s-end-sm {
    align-self: flex-end !important;
  }
  .a-s-stretch-sm {
    align-self: stretch !important;
  }
}
@media (min-width: 992px) {
  .a-s-start-md {
    align-self: flex-start !important;
  }
  .a-s-center-md {
    align-self: center !important;
  }
  .a-s-end-md {
    align-self: flex-end !important;
  }
  .a-s-stretch-md {
    align-self: stretch !important;
  }
}
@media (min-width: 1200px) {
  .a-s-start-lg {
    align-self: flex-start !important;
  }
  .a-s-center-lg {
    align-self: center !important;
  }
  .a-s-end-lg {
    align-self: flex-end !important;
  }
  .a-s-stretch-lg {
    align-self: stretch !important;
  }
}
.p-relative {
  position: relative !important;
}
.p-absolute {
  position: absolute !important;
}
.p-static {
  position: static !important;
}
.p-sticky {
  position: sticky !important;
}
@media (max-width: 767px) {
  .p-relative-xs {
    position: relative !important;
  }
  .p-absolute-xs {
    position: absolute !important;
  }
  .p-static-xs {
    position: static !important;
  }
  .p-sticky-xs {
    position: sticky !important;
  }
}
@media (min-width: 768px) {
  .p-relative-sm {
    position: relative !important;
  }
  .p-absolute-sm {
    position: absolute !important;
  }
  .p-static-sm {
    position: static !important;
  }
  .p-sticky-sm {
    position: sticky !important;
  }
}
@media (min-width: 992px) {
  .p-relative-md {
    position: relative !important;
  }
  .p-absolute-md {
    position: absolute !important;
  }
  .p-static-md {
    position: static !important;
  }
  .p-sticky-md {
    position: sticky !important;
  }
}
@media (min-width: 1200px) {
  .p-relative-lg {
    position: relative !important;
  }
  .p-absolute-lg {
    position: absolute !important;
  }
  .p-static-lg {
    position: static !important;
  }
  .p-sticky-lg {
    position: sticky !important;
  }
}
.overflow-visible {
  overflow: visible !important;
}
.overflow-hidden {
  overflow: hidden !important;
}
.overflow-auto {
  overflow: auto !important;
}
@media (max-width: 767px) {
  .overflow-visible-xs {
    overflow: visible !important;
  }
  .overflow-hidden-xs {
    overflow: hidden !important;
  }
  .overflow-auto-xs {
    overflow: auto !important;
  }
}
@media (min-width: 768px) {
  .overflow-visible-sm {
    overflow: visible !important;
  }
  .overflow-hidden-sm {
    overflow: hidden !important;
  }
  .overflow-auto-sm {
    overflow: auto !important;
  }
}
@media (min-width: 992px) {
  .overflow-visible-md {
    overflow: visible !important;
  }
  .overflow-hidden-md {
    overflow: hidden !important;
  }
  .overflow-auto-md {
    overflow: auto !important;
  }
}
@media (min-width: 1200px) {
  .overflow-visible-lg {
    overflow: visible !important;
  }
  .overflow-hidden-lg {
    overflow: hidden !important;
  }
  .overflow-auto-lg {
    overflow: auto !important;
  }
}
.separator-top {
  box-shadow: inset 0 1px 0 var(--c8y-component-border-color, var(--c8y-root-component-border-color)) !important;
}
.separator-top-bottom {
  box-shadow: inset 0 1px 0 var(--c8y-component-border-color, var(--c8y-root-component-border-color)), inset 0 -1px 0 var(--c8y-component-border-color, var(--c8y-root-component-border-color)) !important;
}
.separator-bottom {
  min-height: 1px;
  box-shadow: inset 0 -1px 0 var(--c8y-component-border-color, var(--c8y-root-component-border-color)) !important;
}
@media (max-width: 767px) {
  .separator-top-xs {
    box-shadow: inset 0 1px 0 var(--c8y-component-border-color, var(--c8y-root-component-border-color)) !important;
  }
  .separator-top-bottom-xs {
    box-shadow: inset 0 1px 0 var(--c8y-component-border-color, var(--c8y-root-component-border-color)), inset 0 -1px 0 var(--c8y-component-border-color, var(--c8y-root-component-border-color)) !important;
  }
  .separator-bottom-xs {
    box-shadow: inset 0 -1px 0 var(--c8y-component-border-color, var(--c8y-root-component-border-color)) !important;
  }
}
@media (min-width: 768px) {
  .separator-top-sm {
    box-shadow: inset 0 1px 0 var(--c8y-component-border-color, var(--c8y-root-component-border-color)) !important;
  }
  .separator-top-bottom-sm {
    box-shadow: inset 0 1px 0 var(--c8y-component-border-color, var(--c8y-root-component-border-color)), inset 0 -1px 0 var(--c8y-component-border-color, var(--c8y-root-component-border-color)) !important;
  }
  .separator-bottom-sm {
    box-shadow: inset 0 -1px 0 var(--c8y-component-border-color, var(--c8y-root-component-border-color)) !important;
  }
}
@media (min-width: 992px) {
  .separator-top-md {
    box-shadow: inset 0 1px 0 var(--c8y-component-border-color, var(--c8y-root-component-border-color)) !important;
  }
  .separator-top-bottom-md {
    box-shadow: inset 0 1px 0 var(--c8y-component-border-color, var(--c8y-root-component-border-color)), inset 0 -1px 0 var(--c8y-component-border-color, var(--c8y-root-component-border-color)) !important;
  }
  .separator-bottom-md {
    box-shadow: inset 0 -1px 0 var(--c8y-component-border-color, var(--c8y-root-component-border-color)) !important;
  }
}
@media (min-width: 1200px) {
  .separator-top-lg {
    box-shadow: inset 0 1px 0 var(--c8y-component-border-color, var(--c8y-root-component-border-color)) !important;
  }
  .separator-top-bottom-lg {
    box-shadow: inset 0 1px 0 var(--c8y-component-border-color, var(--c8y-root-component-border-color)), inset 0 -1px 0 var(--c8y-component-border-color, var(--c8y-root-component-border-color)) !important;
  }
  .separator-bottom-lg {
    box-shadow: inset 0 -1px 0 var(--c8y-component-border-color, var(--c8y-root-component-border-color)) !important;
  }
}
.border-all {
  border: 1px solid var(--c8y-component-border-color, var(--c8y-root-component-border-color)) !important;
  border-radius: calc(var(--c8y-unit-base) * 0.5) !important;
}
.border-top {
  border-top: 1px solid var(--c8y-component-border-color, var(--c8y-root-component-border-color)) !important;
}
.border-bottom {
  border-bottom: 1px solid var(--c8y-component-border-color, var(--c8y-root-component-border-color)) !important;
}
.border-left {
  border-left: 1px solid var(--c8y-component-border-color, var(--c8y-root-component-border-color)) !important;
}
.border-right {
  border-right: 1px solid var(--c8y-component-border-color, var(--c8y-root-component-border-color)) !important;
}
.border-all {
  border: 1px solid var(--c8y-component-border-color, var(--c8y-root-component-border-color)) !important;
  border-radius: calc(var(--c8y-unit-base) * 0.5) !important;
}
@media (max-width: 767px) {
  .border-all-xs {
    border: 1px solid var(--c8y-component-border-color, var(--c8y-root-component-border-color)) !important;
    border-radius: calc(var(--c8y-unit-base) * 0.5) !important;
  }
  .border-top-xs {
    border-top: 1px solid var(--c8y-component-border-color, var(--c8y-root-component-border-color)) !important;
  }
  .border-bottom-xs {
    border-bottom: 1px solid var(--c8y-component-border-color, var(--c8y-root-component-border-color)) !important;
  }
  .border-left-xs {
    border-left: 1px solid var(--c8y-component-border-color, var(--c8y-root-component-border-color)) !important;
  }
  .border-right-xs {
    border-right: 1px solid var(--c8y-component-border-color, var(--c8y-root-component-border-color)) !important;
  }
  .border-all-xs {
    border: 1px solid var(--c8y-component-border-color, var(--c8y-root-component-border-color)) !important;
    border-radius: calc(var(--c8y-unit-base) * 0.5) !important;
  }
}
@media (min-width: 768px) {
  .border-all-sm {
    border: 1px solid var(--c8y-component-border-color, var(--c8y-root-component-border-color)) !important;
    border-radius: calc(var(--c8y-unit-base) * 0.5) !important;
  }
  .border-top-sm {
    border-top: 1px solid var(--c8y-component-border-color, var(--c8y-root-component-border-color)) !important;
  }
  .border-bottom-sm {
    border-bottom: 1px solid var(--c8y-component-border-color, var(--c8y-root-component-border-color)) !important;
  }
  .border-left-sm {
    border-left: 1px solid var(--c8y-component-border-color, var(--c8y-root-component-border-color)) !important;
  }
  .border-right-sm {
    border-right: 1px solid var(--c8y-component-border-color, var(--c8y-root-component-border-color)) !important;
  }
  .border-all-sm {
    border: 1px solid var(--c8y-component-border-color, var(--c8y-root-component-border-color)) !important;
    border-radius: calc(var(--c8y-unit-base) * 0.5) !important;
  }
}
@media (min-width: 992px) {
  .border-all-md {
    border: 1px solid var(--c8y-component-border-color, var(--c8y-root-component-border-color)) !important;
    border-radius: calc(var(--c8y-unit-base) * 0.5) !important;
  }
  .border-top-md {
    border-top: 1px solid var(--c8y-component-border-color, var(--c8y-root-component-border-color)) !important;
  }
  .border-bottom-md {
    border-bottom: 1px solid var(--c8y-component-border-color, var(--c8y-root-component-border-color)) !important;
  }
  .border-left-md {
    border-left: 1px solid var(--c8y-component-border-color, var(--c8y-root-component-border-color)) !important;
  }
  .border-right-md {
    border-right: 1px solid var(--c8y-component-border-color, var(--c8y-root-component-border-color)) !important;
  }
  .border-all-md {
    border: 1px solid var(--c8y-component-border-color, var(--c8y-root-component-border-color)) !important;
    border-radius: calc(var(--c8y-unit-base) * 0.5) !important;
  }
}
@media (min-width: 1200px) {
  .border-all-lg {
    border: 1px solid var(--c8y-component-border-color, var(--c8y-root-component-border-color)) !important;
    border-radius: calc(var(--c8y-unit-base) * 0.5) !important;
  }
  .border-top-lg {
    border-top: 1px solid var(--c8y-component-border-color, var(--c8y-root-component-border-color)) !important;
  }
  .border-bottom-lg {
    border-bottom: 1px solid var(--c8y-component-border-color, var(--c8y-root-component-border-color)) !important;
  }
  .border-left-lg {
    border-left: 1px solid var(--c8y-component-border-color, var(--c8y-root-component-border-color)) !important;
  }
  .border-right-lg {
    border-right: 1px solid var(--c8y-component-border-color, var(--c8y-root-component-border-color)) !important;
  }
  .border-all-lg {
    border: 1px solid var(--c8y-component-border-color, var(--c8y-root-component-border-color)) !important;
    border-radius: calc(var(--c8y-unit-base) * 0.5) !important;
  }
}
.borderless {
  border-color: transparent !important;
  box-shadow: none !important;
}
.elevation-sm {
  box-shadow: var(--c8y-elevation-sm);
}
.elevation-sm--border {
  box-shadow: var(--c8y-elevation-sm);
  box-shadow: var(--c8y-elevation-sm), var(--c8y-elevation-border);
}
.elevation-md {
  box-shadow: var(--c8y-elevation-md-bottom);
}
.elevation-md--top {
  box-shadow: var(--c8y-elevation-md-bottom);
  box-shadow: var(--c8y-elevation-md-top);
}
.elevation-md--right {
  box-shadow: var(--c8y-elevation-md-bottom);
  box-shadow: var(--c8y-elevation-md-right);
}
.elevation-md--left {
  box-shadow: var(--c8y-elevation-md-bottom);
  box-shadow: var(--c8y-elevation-md-left);
}
.elevation-lg {
  box-shadow: var(--c8y-elevation-lg);
}
.elevation-hover {
  box-shadow: var(--c8y-elevation-hover);
}
.elevation-none {
  box-shadow: none!important;
}
.c8y-icon-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.c8y-icon-badge > [class^='dlt-c8y-icon-'],
.c8y-icon-badge > [class*=' dlt-c8y-icon-'],
.c8y-icon-badge > .c8y-icon {
  align-self: baseline;
  font-size: 20px;
}
.c8y-icon-badge .badge {
  align-self: flex-start;
  transform: translateX(-8px);
}
.c8y-list__item .c8y-icon-badge {
  margin: -6px 0;
}
.icon-flex {
  display: inline-flex;
  align-items: flex-start;
  line-height: var(--c8y-line-height-base);
}
.icon-flex > [class^='dlt-c8y-icon-'],
.icon-flex > [class*=' dlt-c8y-icon-'],
.icon-flex > .c8y-icon {
  margin-right: 4px;
}
.icon-12 {
  font-size: 12px !important;
}
.icon-14 {
  font-size: 14px !important;
}
.icon-16 {
  font-size: 16px !important;
}
.icon-20 {
  font-size: 20px !important;
}
.icon-24 {
  font-size: 24px !important;
}
.icon-28 {
  font-size: 28px;
}
.icon-32 {
  font-size: 32px !important;
}
.icon-36 {
  font-size: 36px !important;
}
.icon-40 {
  font-size: 40px !important;
}
.icon-44 {
  font-size: 44px;
}
.icon-48 {
  font-size: 48px !important;
}
.icon-52 {
  font-size: 52px;
}
.icon-56 {
  font-size: 56px;
}
.icon-60 {
  font-size: 60px;
}
.icon-64 {
  font-size: 64px;
}
.c8y-cq-350 {
  container-type: inline-size;
  container-name: c8y-cq-350;
}
@container c8y-cq-350 (max-width: 350px) {
  .c8y-list--timeline__item .d-flex {
    flex-direction: column !important;
  }
  .c8y-list--timeline__item [class^='col-'],
  .c8y-list--timeline__item [class*=' col-'] {
    float: none;
    width: 100% !important;
  }
  .c8y-list--timeline__item [class^='col-']:before,
  .c8y-list--timeline__item [class*=' col-']:before {
    display: block;
    content: attr(data-label) !important;
    font-size: var(--c8y-font-size-xs);
    text-transform: uppercase;
    color: var(--c8y-component-color-text-muted, var(--c8y-root-component-color-text-muted));
  }
  .hidden-cq {
    display: none !important;
  }
}
.c8y-cq-440 {
  container-type: inline-size;
  container-name: c8y-cq-440;
}
@container c8y-cq-440 (max-width: 440px) {
  .c8y-list--timeline__item .d-flex {
    flex-direction: column !important;
  }
  .c8y-list--timeline__item [class^='col-'],
  .c8y-list--timeline__item [class*=' col-'] {
    float: none;
    width: 100% !important;
  }
  .c8y-list--timeline__item [class^='col-']:before,
  .c8y-list--timeline__item [class*=' col-']:before {
    display: block;
    content: attr(data-label) !important;
    font-size: var(--c8y-font-size-xs);
    text-transform: uppercase;
    color: var(--c8y-component-color-text-muted, var(--c8y-root-component-color-text-muted));
  }
  .hidden-cq {
    display: none !important;
  }
}
.c8y-cq-500 {
  container-type: inline-size;
  container-name: c8y-cq-500;
}
@container c8y-cq-500 (max-width: 500px) {
  .c8y-list--timeline__item .d-flex {
    flex-direction: column !important;
  }
  .c8y-list--timeline__item [class^='col-'],
  .c8y-list--timeline__item [class*=' col-'] {
    float: none;
    width: 100% !important;
  }
  .c8y-list--timeline__item [class^='col-']:before,
  .c8y-list--timeline__item [class*=' col-']:before {
    display: block;
    content: attr(data-label) !important;
    font-size: var(--c8y-font-size-xs);
    text-transform: uppercase;
    color: var(--c8y-component-color-text-muted, var(--c8y-root-component-color-text-muted));
  }
  .hidden-cq {
    display: none !important;
  }
}
.max-width-unset {
  max-width: unset !important;
}
.max-width-inherit {
  max-width: inherit !important;
}
.max-width-100 {
  max-width: 100% !important;
}
.max-width-fit {
  max-width: fit-content !important;
}
.min-width-unset {
  min-width: unset !important;
}
.min-width-100 {
  min-width: 100% !important;
}
.min-width-0 {
  min-width: 0;
}
.min-width-fit {
  min-width: fit-content !important;
}
.min-height-unset,
.no-min-height {
  min-height: unset !important;
}
.min-height-fit {
  min-height: fit-content !important;
}
.fit-min-h,
.min-height-100 {
  min-height: 100% !important;
}
.min-height-0 {
  min-height: 0;
}
.fit-w {
  width: 100% !important;
}
.fit-h {
  height: 100% !important;
}
.fit-h-20 {
  height: 20px !important;
}
.sticky-header-top-0 {
  position: sticky !important;
  top: 0 !important;
}
.sticky-right {
  position: sticky!important;
  right: 0;
}
.transition-bg {
  transition: background 0.25s ease;
}
/* List density
* display density utilities
* display density low = padding 8px
* display density low = padding 0
* use one or the other by adding either .dd-low or .dd-high on a parent wrapper
*/
.use-display-density {
  padding: var(--c8y-unit-base) 0;
  transition: padding 0.25s ease;
}
.card .use-display-density,
.modal .use-display-density {
  padding: 0;
}
.dd-high .use-display-density {
  padding: 0;
}
.dd-low .use-display-density[ng-reflect-collapsed='false'] {
  padding-bottom: 0;
}
.dd-low .use-display-density[ng-reflect-collapsed='false'] .collapse {
  margin-top: 1rem;
}
[ng-click],
.pointer {
  cursor: pointer !important;
}
[ng-click].no-cursor,
.pointer.no-cursor,
[ng-click] .no-cursor,
.pointer .no-cursor {
  cursor: auto !important;
}
.no-pointer {
  pointer-events: none !important;
}
.pointer-all {
  pointer-events: all !important;
}
[ng-transclude].ng-scope {
  display: contents;
}

/*!*******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[13].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[13].rules[0].oneOf[0].use[2]!./node_modules/leaflet-draw/dist/leaflet.draw.css ***!
  \*******************************************************************************************************************************************************************************************************************************************/
.leaflet-draw-section{position:relative}.leaflet-draw-toolbar{margin-top:12px}.leaflet-draw-toolbar-top{margin-top:0}.leaflet-draw-toolbar-notop a:first-child{border-top-right-radius:0}.leaflet-draw-toolbar-nobottom a:last-child{border-bottom-right-radius:0}.leaflet-draw-toolbar a{background-image:url('images-spritesheet.png');background-image:linear-gradient(transparent,transparent),url('spritesheet.svg');background-repeat:no-repeat;background-size:300px 30px;background-clip:padding-box}.leaflet-retina .leaflet-draw-toolbar a{background-image:url('spritesheet-2x.png');background-image:linear-gradient(transparent,transparent),url('spritesheet.svg')}
.leaflet-draw a{display:block;text-align:center;text-decoration:none}.leaflet-draw a .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.leaflet-draw-actions{display:none;list-style:none;margin:0;padding:0;position:absolute;left:26px;top:0;white-space:nowrap}.leaflet-touch .leaflet-draw-actions{left:32px}.leaflet-right .leaflet-draw-actions{right:26px;left:auto}.leaflet-touch .leaflet-right .leaflet-draw-actions{right:32px;left:auto}.leaflet-draw-actions li{display:inline-block}
.leaflet-draw-actions li:first-child a{border-left:0}.leaflet-draw-actions li:last-child a{border-radius:0 4px 4px 0}.leaflet-right .leaflet-draw-actions li:last-child a{border-radius:0}.leaflet-right .leaflet-draw-actions li:first-child a{border-radius:4px 0 0 4px}.leaflet-draw-actions a{background-color:#919187;border-left:1px solid #AAA;color:#FFF;font:11px/19px "Helvetica Neue",Arial,Helvetica,sans-serif;line-height:28px;text-decoration:none;padding-left:10px;padding-right:10px;height:28px}
.leaflet-touch .leaflet-draw-actions a{font-size:12px;line-height:30px;height:30px}.leaflet-draw-actions-bottom{margin-top:0}.leaflet-draw-actions-top{margin-top:1px}.leaflet-draw-actions-top a,.leaflet-draw-actions-bottom a{height:27px;line-height:27px}.leaflet-draw-actions a:hover{background-color:#a0a098}.leaflet-draw-actions-top.leaflet-draw-actions-bottom a{height:26px;line-height:26px}.leaflet-draw-toolbar .leaflet-draw-draw-polyline{background-position:-2px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-polyline{background-position:0 -1px}
.leaflet-draw-toolbar .leaflet-draw-draw-polygon{background-position:-31px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-polygon{background-position:-29px -1px}.leaflet-draw-toolbar .leaflet-draw-draw-rectangle{background-position:-62px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-rectangle{background-position:-60px -1px}.leaflet-draw-toolbar .leaflet-draw-draw-circle{background-position:-92px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-circle{background-position:-90px -1px}
.leaflet-draw-toolbar .leaflet-draw-draw-marker{background-position:-122px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-marker{background-position:-120px -1px}.leaflet-draw-toolbar .leaflet-draw-draw-circlemarker{background-position:-273px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-circlemarker{background-position:-271px -1px}.leaflet-draw-toolbar .leaflet-draw-edit-edit{background-position:-152px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-edit{background-position:-150px -1px}
.leaflet-draw-toolbar .leaflet-draw-edit-remove{background-position:-182px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-remove{background-position:-180px -1px}.leaflet-draw-toolbar .leaflet-draw-edit-edit.leaflet-disabled{background-position:-212px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-edit.leaflet-disabled{background-position:-210px -1px}.leaflet-draw-toolbar .leaflet-draw-edit-remove.leaflet-disabled{background-position:-242px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-remove.leaflet-disabled{background-position:-240px -2px}
.leaflet-mouse-marker{background-color:#fff;cursor:crosshair}.leaflet-draw-tooltip{background:#363636;background:rgba(0,0,0,0.5);border:1px solid transparent;border-radius:4px;color:#fff;font:12px/18px "Helvetica Neue",Arial,Helvetica,sans-serif;margin-left:20px;margin-top:-21px;padding:4px 8px;position:absolute;visibility:hidden;white-space:nowrap;z-index:6}.leaflet-draw-tooltip:before{border-right:6px solid black;border-right-color:rgba(0,0,0,0.5);border-top:6px solid transparent;border-bottom:6px solid transparent;content:"";position:absolute;top:7px;left:-7px}
.leaflet-error-draw-tooltip{background-color:#f2dede;border:1px solid #e6b6bd;color:#b94a48}.leaflet-error-draw-tooltip:before{border-right-color:#e6b6bd}.leaflet-draw-tooltip-single{margin-top:-12px}.leaflet-draw-tooltip-subtext{color:#f8d5e4}.leaflet-draw-guide-dash{font-size:1%;opacity:.6;position:absolute;width:5px;height:5px}.leaflet-edit-marker-selected{background-color:rgba(254,87,161,0.1);border:4px dashed rgba(254,87,161,0.6);border-radius:4px;box-sizing:content-box}
.leaflet-edit-move{cursor:move}.leaflet-edit-resize{cursor:pointer}.leaflet-oldie .leaflet-draw-toolbar{border:1px solid #999}
/*!***************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[13].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[13].rules[0].oneOf[0].use[2]!./node_modules/ngx-bootstrap/datepicker/bs-datepicker.css ***!
  \***************************************************************************************************************************************************************************************************************************************************/
/* .bs-datepicker */
.bs-datepicker {
  display: flex;
  align-items: stretch;
  flex-flow: row wrap;
  background: #fff;
  box-shadow: 0 0 10px 0 #aaa;
  position: relative;
  z-index: 1;
  /* button */
  /* .bs-datepicker-head */
  /* .bs-datepicker-body */
  /* .current-timedate */
  /* .bs-datepicker-multiple */
  /* .bs-datepicker-btns */
  /*.bs-datepicker-custom-range */
  /* .bs-datepicker-predefined-btns */
  /* .bs-datepicker-buttons */
}
.bs-datepicker:after {
  clear: both;
  content: "";
  display: block;
}
.bs-datepicker bs-day-picker {
  float: left;
}
.bs-datepicker button:hover,
.bs-datepicker button:focus,
.bs-datepicker button:active,
.bs-datepicker input:hover,
.bs-datepicker input:focus,
.bs-datepicker input:active, .bs-datepicker-btns button:hover, .bs-datepicker-btns button:focus, .bs-datepicker-btns button:active, .bs-datepicker-predefined-btns button:active, .bs-datepicker-predefined-btns button:focus {
  outline: none;
}
.bs-datepicker-head {
  min-width: 270px;
  height: 50px;
  padding: 10px;
  border-radius: 3px 3px 0 0;
  text-align: justify;
  /* .bs-datepicker-head button */
}
.bs-datepicker-head:after {
  content: "";
  display: inline-block;
  vertical-align: top;
  width: 100%;
}
.bs-datepicker-head button {
  display: inline-block;
  vertical-align: top;
  padding: 0;
  height: 30px;
  line-height: 30px;
  border: 0;
  background: transparent;
  text-align: center;
  cursor: pointer;
  color: #fff;
  transition: 0.3s;
}
.bs-datepicker-head button[disabled], .bs-datepicker-head button[disabled]:hover, .bs-datepicker-head button[disabled]:active {
  background: rgba(221, 221, 221, 0.3);
  color: #f5f5f5;
  cursor: not-allowed;
}
.bs-datepicker-head button.previous span {
  transform: translate(-1px, -1px);
}
.bs-datepicker-head button.next span {
  transform: translate(1px, -1px);
}
.bs-datepicker-head button.next, .bs-datepicker-head button.previous {
  border-radius: 50%;
  width: 30px;
  height: 30px;
}
.bs-datepicker-head button.next span, .bs-datepicker-head button.previous span {
  font-size: 28px;
  line-height: 1;
  display: inline-block;
  position: relative;
  height: 100%;
  width: 100%;
  border-radius: 50%;
}
.bs-datepicker-head button.current {
  border-radius: 15px;
  max-width: 155px;
  padding: 0 13px;
}
.bs-datepicker-head button:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
.bs-datepicker-head button:active {
  background-color: rgba(0, 0, 0, 0.2);
}
.bs-datepicker-body {
  padding: 10px;
  border-radius: 0 0 3px 3px;
  min-height: 232px;
  min-width: 278px;
  border: 1px solid #e9edf0;
  /* .bs-datepicker-body table */
}
.bs-datepicker-body .days.weeks {
  position: relative;
  z-index: 1;
}
.bs-datepicker-body table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  /* .bs-datepicker-body table.days */
  /* .bs-datepicker-body table.weeks */
}
.bs-datepicker-body table th {
  font-size: 13px;
  color: #9aaec1;
  font-weight: 400;
  text-align: center;
}
.bs-datepicker-body table td {
  color: #54708b;
  text-align: center;
  position: relative;
  padding: 0;
  /* todo: check first :not(.disabled) usage */
}
.bs-datepicker-body table td span {
  display: block;
  margin: 0 auto;
  font-size: 13px;
  border-radius: 50%;
  /*z-index: 1;*/
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.bs-datepicker-body table td:not(.disabled):not(.week) span:not(.disabled):not(.is-other-month) {
  cursor: pointer;
}
.bs-datepicker-body table td.is-highlighted:not(.disabled):not(.selected) span,
.bs-datepicker-body table td span.is-highlighted:not(.disabled):not(.selected) {
  background-color: #e9edf0;
  transition: 0s;
}
.bs-datepicker-body table td.is-active-other-month:not(.disabled):not(.selected) span,
.bs-datepicker-body table td span.is-active-other-month:not(.disabled):not(.selected) {
  background-color: #e9edf0;
  transition: 0s;
  cursor: pointer;
}
.bs-datepicker-body table td span.disabled, .bs-datepicker-body table td.disabled span {
  color: #9aaec1;
}
.bs-datepicker-body table td span.selected, .bs-datepicker-body table td.selected span {
  color: #fff;
}
.bs-datepicker-body table td span.selected.disabled, .bs-datepicker-body table td.selected.disabled span {
  opacity: 0.3;
}
.bs-datepicker-body table td span.is-other-month, .bs-datepicker-body table td.is-other-month span {
  color: rgba(0, 0, 0, 0.25);
}
.bs-datepicker-body table td.active {
  position: relative;
}
.bs-datepicker-body table td.active.select-start:before {
  left: 35%;
}
.bs-datepicker-body table td.active.select-end:before {
  left: -85%;
}
.bs-datepicker-body table td span.active.select-start:after,
.bs-datepicker-body table td span.active.select-end:after, .bs-datepicker-body table td.active.select-start span:after, .bs-datepicker-body table td.active.select-end span:after {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  transition: 0.3s;
  top: 0;
  border-radius: 50%;
}
.bs-datepicker-body table td:before,
.bs-datepicker-body table td span:before {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  top: 6px;
  bottom: 6px;
  left: -3px;
  right: -2px;
  box-sizing: content-box;
  background: transparent;
}
.bs-datepicker-body table td.active.select-start + td.active:before {
  left: -20%;
}
.bs-datepicker-body table td:last-child.active:before {
  border-radius: 0 3px 3px 0;
  width: 125%;
  left: -25%;
}
.bs-datepicker-body table td span[class*=select-], .bs-datepicker-body table td[class*=select-] span {
  border-radius: 50%;
  color: #fff;
}
.bs-datepicker-body table.days td.active:not(.select-start):not(.disabled):before, .bs-datepicker-body table.days td.in-range:not(.select-start):not(.disabled):before,
.bs-datepicker-body table.days span.active:not(.select-start):not(.disabled):before,
.bs-datepicker-body table.days span.in-range:not(.select-start):not(.disabled):before {
  background: #e9edf0;
}
.bs-datepicker-body table.days span {
  width: 32px;
  height: 32px;
  line-height: 32px;
}
.bs-datepicker-body table.days span.select-start {
  z-index: 2;
}
.bs-datepicker-body table.days span.is-highlighted.in-range:before {
  right: 3px;
  left: 0;
}
.bs-datepicker-body table.days span.in-range.select-end:before {
  right: 4px;
  left: 0;
}
.bs-datepicker-body table.days td.select-start + td.select-end:before, .bs-datepicker-body table.days td.select-start + td.is-highlighted:before, .bs-datepicker-body table.days td.active + td.is-highlighted:before, .bs-datepicker-body table.days td.active + td.select-end:before, .bs-datepicker-body table.days td.in-range + td.is-highlighted:before, .bs-datepicker-body table.days td.in-range + td.select-end:before {
  background: #e9edf0;
  width: 100%;
}
.bs-datepicker-body table.weeks tr td:nth-child(2).active:before {
  border-radius: 3px 0 0 3px;
  left: 0;
  width: 100%;
}
.bs-datepicker-body table:not(.weeks) tr td:first-child:before {
  border-radius: 3px 0 0 3px;
}
.bs-datepicker-body table.years td span {
  width: 46px;
  height: 46px;
  line-height: 45px;
  margin: 0 auto;
}
.bs-datepicker-body table.years tr:not(:last-child) td span {
  margin-bottom: 8px;
}
.bs-datepicker-body table.months td {
  height: 52px;
}
.bs-datepicker-body table.months td span {
  padding: 6px;
  border-radius: 15px;
}
.bs-datepicker .current-timedate {
  color: #54708b;
  font-size: 15px;
  text-align: center;
  height: 30px;
  line-height: 30px;
  border-radius: 20px;
  border: 1px solid #e9edf0;
  margin-bottom: 10px;
  cursor: pointer;
  text-transform: uppercase;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.bs-datepicker .current-timedate span:not(:empty):before {
  content: "";
  width: 15px;
  height: 16px;
  display: inline-block;
  margin-right: 4px;
  vertical-align: text-bottom;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAQCAYAAADJViUEAAABMklEQVQoU9VTwW3CQBCcOUgBtEBKSAukAnBKME+wFCAlYIhk8sQlxFABtJAScAsuAPBEewYcxCP8ouxrPDsza61uiVN1o6RNHD4htSCmq49RfO71BvMJqBBkITRf1kmUW49nQRC9h1I5AZlBClaL8aP1fKgOOxCx8aSLs+Q19eZuNO8QmPqJRtDFguy7OAcDbJPs+/BKVPDIPrvD2ZJgWAmVe7O0rI0Vqs1seyWUXpuJoppYCa5L+U++NpNPkr5OE2oMdARsb3gykJT5ydZcL8Z9Ww60nxg2LhjON9li9OwXZzo+xLbp3nC2s9CL2RrueGyVrgwNm8HpsCzZ9EEW6kqXlo1GQe03FzP/7W8Hl0dBtu7Bf7zt6mIwvX1RvzDCm7+q3mAW0Dl/GPdUCeXrZLT9BrDrGkm4qlPvAAAAAElFTkSuQmCC);
}
.bs-datepicker-multiple {
  border-radius: 4px 0 0 4px;
}
.bs-datepicker-multiple + .bs-datepicker-multiple {
  margin-left: 10px;
}
.bs-datepicker-multiple .bs-datepicker {
  box-shadow: none;
  position: relative;
}
.bs-datepicker-multiple .bs-datepicker:not(:last-child) {
  padding-right: 10px;
}
.bs-datepicker-multiple .bs-datepicker + .bs-datepicker:after {
  content: "";
  display: block;
  width: 14px;
  height: 10px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAKCAYAAABrGwT5AAAA1ElEQVQoU42RsQrCUAxF77VuDu7O4oMWW//BURBBpZvgKk4uIrjoqKOTf+DopIO4uYggtFTfw3+pkQqCW1/G5J7kJiFy4m5MxUlxAzgIPHX+lzMPzupRYlYgxiR7vqsOP8YKzsTx0yxFMCUZ+q7aZzlr+OvgoWcAFyAHgat2jLWu48252DdqAihDJGSSJNUUxYmQjs3+hPQBlAh2rG2LCOPnaw3IiGDX99TRCs7ASJsNhUOA7d/LcuHvRG22FIZvsNXw1MX6VZExCilOQKEfeLXr/10+aC9Ho7arh7oAAAAASUVORK5CYII=);
  position: absolute;
  top: 25px;
  left: -8px;
}
.bs-datepicker-multiple .bs-datepicker .left {
  float: left;
}
.bs-datepicker-multiple .bs-datepicker .right {
  float: right;
}
.bs-datepicker-container {
  padding: 15px;
}
.bs-datepicker .bs-media-container {
  display: flex;
}
@media (max-width: 768px) {
  .bs-datepicker .bs-media-container {
    flex-direction: column;
  }
}
.bs-datepicker .bs-timepicker-in-datepicker-container {
  display: flex;
  justify-content: space-around;
}
.bs-datepicker-custom-range {
  padding: 15px;
  background: #eee;
}
.bs-datepicker-predefined-btns button {
  width: 100%;
  display: block;
  height: 30px;
  background-color: #9aaec1;
  border-radius: 4px;
  color: #fff;
  border: 0;
  margin-bottom: 10px;
  padding: 0 18px;
  text-align: left;
  transition: 0.3s;
}
.bs-datepicker-predefined-btns button:hover {
  background-color: #54708b;
}
.bs-datepicker-buttons {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-end;
  padding-top: 10px;
  border-top: 1px solid #e9edf0;
}
.bs-datepicker-buttons .btn-default {
  margin-left: 10px;
}
.bs-datepicker-buttons .btn-today-wrapper {
  display: flex;
  flex-flow: row wrap;
}
.bs-datepicker-buttons .clear-right,
.bs-datepicker-buttons .today-right {
  flex-grow: 0;
}
.bs-datepicker-buttons .clear-left,
.bs-datepicker-buttons .today-left {
  flex-grow: 1;
}
.bs-datepicker-buttons .clear-center,
.bs-datepicker-buttons .today-center {
  flex-grow: 0.5;
}

/* .bs-timepicker */
.bs-timepicker-container {
  padding: 10px 0;
}
.bs-timepicker-label {
  color: #54708b;
  margin-bottom: 10px;
}
.bs-timepicker-controls {
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
}
.bs-timepicker-controls button {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 0;
  background-color: #e9edf0;
  color: #54708b;
  font-size: 16px;
  font-weight: 700;
  vertical-align: middle;
  line-height: 0;
  padding: 0;
  transition: 0.3s;
}
.bs-timepicker-controls button:hover {
  background-color: #d5dadd;
}
.bs-timepicker-controls input {
  width: 35px;
  height: 25px;
  border-radius: 13px;
  text-align: center;
  border: 1px solid #e9edf0;
}
.bs-timepicker .switch-time-format {
  text-transform: uppercase;
  min-width: 54px;
  height: 25px;
  border-radius: 20px;
  border: 1px solid #e9edf0;
  background: #fff;
  color: #54708b;
  font-size: 13px;
}
.bs-timepicker .switch-time-format img {
  vertical-align: initial;
  margin-left: 4px;
}

bs-datepicker-container,
bs-daterangepicker-container {
  z-index: 1080;
}

/* screen size < 1024px */
@media (max-width: 768px) {
  .bs-datepicker {
    width: min-content;
    justify-content: center;
  }
  .bs-datepicker-multiple {
    display: flex;
  }
  .bs-datepicker-multiple + .bs-datepicker-multiple {
    margin-top: 10px;
    margin-left: 0;
  }
}
/* theming */
.theme-default .bs-datepicker-head {
  background-color: #777;
}
.theme-default .btn-today-wrapper .btn-success, .theme-default .btn-clear-wrapper .btn-success {
  background-color: #777;
  border-color: #777;
}
.theme-default .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active:focus, .theme-default .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active:focus {
  box-shadow: none;
}
.theme-default .btn-today-wrapper .btn-success:focus, .theme-default .btn-clear-wrapper .btn-success:focus {
  box-shadow: none;
}
.theme-default .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active, .theme-default .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active {
  background-color: #616161;
  border-color: #616161;
}
.theme-default .btn-today-wrapper .btn-success:hover, .theme-default .btn-clear-wrapper .btn-success:hover {
  background-color: #6F6E6E;
  border-color: #6F6E6E;
}
.theme-default .bs-datepicker-predefined-btns button.selected {
  background-color: #777;
}
.theme-default .bs-datepicker-body table td span.selected, .theme-default .bs-datepicker-body table td.selected span,
.theme-default .bs-datepicker-body table td span[class*=select-]:after, .theme-default .bs-datepicker-body table td[class*=select-] span:after {
  background-color: #777;
}
.theme-default .bs-datepicker-body table td.week span {
  color: #777;
}
.theme-default .bs-datepicker-body table td.active-week span:hover {
  cursor: pointer;
  background-color: #777;
  color: #fff;
  opacity: 0.5;
  transition: 0s;
}

.theme-green .bs-datepicker-head {
  background-color: #5cb85c;
}
.theme-green .btn-today-wrapper .btn-success, .theme-green .btn-clear-wrapper .btn-success {
  background-color: #5cb85c;
  border-color: #5cb85c;
}
.theme-green .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active:focus, .theme-green .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active:focus {
  box-shadow: none;
}
.theme-green .btn-today-wrapper .btn-success:focus, .theme-green .btn-clear-wrapper .btn-success:focus {
  box-shadow: none;
}
.theme-green .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active, .theme-green .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active {
  background-color: #1e7e34;
  border-color: #1e7e34;
}
.theme-green .btn-today-wrapper .btn-success:hover, .theme-green .btn-clear-wrapper .btn-success:hover {
  background-color: #218838;
  border-color: #218838;
}
.theme-green .bs-datepicker-predefined-btns button.selected {
  background-color: #5cb85c;
}
.theme-green .bs-datepicker-body table td span.selected, .theme-green .bs-datepicker-body table td.selected span,
.theme-green .bs-datepicker-body table td span[class*=select-]:after, .theme-green .bs-datepicker-body table td[class*=select-] span:after {
  background-color: #5cb85c;
}
.theme-green .bs-datepicker-body table td.week span {
  color: #5cb85c;
}
.theme-green .bs-datepicker-body table td.active-week span:hover {
  cursor: pointer;
  background-color: #5cb85c;
  color: #fff;
  opacity: 0.5;
  transition: 0s;
}

.theme-blue .bs-datepicker-head {
  background-color: #5bc0de;
}
.theme-blue .btn-today-wrapper .btn-success, .theme-blue .btn-clear-wrapper .btn-success {
  background-color: #5bc0de;
  border-color: #5bc0de;
}
.theme-blue .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active:focus, .theme-blue .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active:focus {
  box-shadow: none;
}
.theme-blue .btn-today-wrapper .btn-success:focus, .theme-blue .btn-clear-wrapper .btn-success:focus {
  box-shadow: none;
}
.theme-blue .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active, .theme-blue .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active {
  background-color: #2AA8CD;
  border-color: #2AA8CD;
}
.theme-blue .btn-today-wrapper .btn-success:hover, .theme-blue .btn-clear-wrapper .btn-success:hover {
  background-color: #3AB3D7;
  border-color: #3AB3D7;
}
.theme-blue .bs-datepicker-predefined-btns button.selected {
  background-color: #5bc0de;
}
.theme-blue .bs-datepicker-body table td span.selected, .theme-blue .bs-datepicker-body table td.selected span,
.theme-blue .bs-datepicker-body table td span[class*=select-]:after, .theme-blue .bs-datepicker-body table td[class*=select-] span:after {
  background-color: #5bc0de;
}
.theme-blue .bs-datepicker-body table td.week span {
  color: #5bc0de;
}
.theme-blue .bs-datepicker-body table td.active-week span:hover {
  cursor: pointer;
  background-color: #5bc0de;
  color: #fff;
  opacity: 0.5;
  transition: 0s;
}

.theme-dark-blue .bs-datepicker-head {
  background-color: #337ab7;
}
.theme-dark-blue .btn-today-wrapper .btn-success, .theme-dark-blue .btn-clear-wrapper .btn-success {
  background-color: #337ab7;
  border-color: #337ab7;
}
.theme-dark-blue .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active:focus, .theme-dark-blue .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active:focus {
  box-shadow: none;
}
.theme-dark-blue .btn-today-wrapper .btn-success:focus, .theme-dark-blue .btn-clear-wrapper .btn-success:focus {
  box-shadow: none;
}
.theme-dark-blue .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active, .theme-dark-blue .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active {
  background-color: #266498;
  border-color: #266498;
}
.theme-dark-blue .btn-today-wrapper .btn-success:hover, .theme-dark-blue .btn-clear-wrapper .btn-success:hover {
  background-color: #2C6FA9;
  border-color: #2C6FA9;
}
.theme-dark-blue .bs-datepicker-predefined-btns button.selected {
  background-color: #337ab7;
}
.theme-dark-blue .bs-datepicker-body table td span.selected, .theme-dark-blue .bs-datepicker-body table td.selected span,
.theme-dark-blue .bs-datepicker-body table td span[class*=select-]:after, .theme-dark-blue .bs-datepicker-body table td[class*=select-] span:after {
  background-color: #337ab7;
}
.theme-dark-blue .bs-datepicker-body table td.week span {
  color: #337ab7;
}
.theme-dark-blue .bs-datepicker-body table td.active-week span:hover {
  cursor: pointer;
  background-color: #337ab7;
  color: #fff;
  opacity: 0.5;
  transition: 0s;
}

.theme-red .bs-datepicker-head {
  background-color: #d9534f;
}
.theme-red .btn-today-wrapper .btn-success, .theme-red .btn-clear-wrapper .btn-success {
  background-color: #d9534f;
  border-color: #d9534f;
}
.theme-red .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active:focus, .theme-red .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active:focus {
  box-shadow: none;
}
.theme-red .btn-today-wrapper .btn-success:focus, .theme-red .btn-clear-wrapper .btn-success:focus {
  box-shadow: none;
}
.theme-red .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active, .theme-red .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active {
  background-color: #D23531;
  border-color: #D23531;
}
.theme-red .btn-today-wrapper .btn-success:hover, .theme-red .btn-clear-wrapper .btn-success:hover {
  background-color: #E33732;
  border-color: #E33732;
}
.theme-red .bs-datepicker-predefined-btns button.selected {
  background-color: #d9534f;
}
.theme-red .bs-datepicker-body table td span.selected, .theme-red .bs-datepicker-body table td.selected span,
.theme-red .bs-datepicker-body table td span[class*=select-]:after, .theme-red .bs-datepicker-body table td[class*=select-] span:after {
  background-color: #d9534f;
}
.theme-red .bs-datepicker-body table td.week span {
  color: #d9534f;
}
.theme-red .bs-datepicker-body table td.active-week span:hover {
  cursor: pointer;
  background-color: #d9534f;
  color: #fff;
  opacity: 0.5;
  transition: 0s;
}

.theme-orange .bs-datepicker-head {
  background-color: #f0ad4e;
}
.theme-orange .btn-today-wrapper .btn-success, .theme-orange .btn-clear-wrapper .btn-success {
  background-color: #f0ad4e;
  border-color: #f0ad4e;
}
.theme-orange .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active:focus, .theme-orange .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active:focus {
  box-shadow: none;
}
.theme-orange .btn-today-wrapper .btn-success:focus, .theme-orange .btn-clear-wrapper .btn-success:focus {
  box-shadow: none;
}
.theme-orange .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active, .theme-orange .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active {
  background-color: #ED9C29;
  border-color: #ED9C29;
}
.theme-orange .btn-today-wrapper .btn-success:hover, .theme-orange .btn-clear-wrapper .btn-success:hover {
  background-color: #FFAC35;
  border-color: #FFAC35;
}
.theme-orange .bs-datepicker-predefined-btns button.selected {
  background-color: #f0ad4e;
}
.theme-orange .bs-datepicker-body table td span.selected, .theme-orange .bs-datepicker-body table td.selected span,
.theme-orange .bs-datepicker-body table td span[class*=select-]:after, .theme-orange .bs-datepicker-body table td[class*=select-] span:after {
  background-color: #f0ad4e;
}
.theme-orange .bs-datepicker-body table td.week span {
  color: #f0ad4e;
}
.theme-orange .bs-datepicker-body table td.active-week span:hover {
  cursor: pointer;
  background-color: #f0ad4e;
  color: #fff;
  opacity: 0.5;
  transition: 0s;
}

/*# sourceMappingURL=bs-datepicker.css.map */

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[13].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[13].rules[0].oneOf[0].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[13].rules[1].use[0]!./src/assets/branding/branding.less?ngGlobalStyle (1) ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Do not edit directly
 * Generated on Tue, 01 Oct 2024 08:54:33 GMT
 */
:root,
.c8y-light-theme {
  --c8y-elevation-color: 1, 31, 61;
  /* The rgb values of #212121 (the palette-gray-10) */
  --c8y-main-header-border-color: transparent;
  --c8y-main-header-background-hover: inherit;
  --c8y-link-hover-color: #1481b8;
  --c8y-link-color: #1481b8;
  --c8y-headings-color: inherit;
  --c8y-palette-yellow-80: #fff6db;
  --c8y-palette-yellow-70: #ffe392;
  --c8y-palette-yellow-68: #FBD462;
  --c8y-palette-yellow-65: #FDC931;
  --c8y-palette-yellow-60: #ffbe00;
  --c8y-palette-yellow-50: #dea500;
  --c8y-palette-yellow-40: #bf8e00;
  --c8y-palette-yellow-30: #956f00;
  --c8y-palette-yellow-20: #654b00;
  --c8y-palette-yellow-10: #4e3a00;
  --c8y-palette-orange-80: #fff5e9;
  --c8y-palette-orange-70: #ffe0bd;
  --c8y-palette-orange-60: #ffc17a;
  --c8y-palette-orange-50: #ff8800;
  --c8y-palette-orange-40: #e57a00;
  --c8y-palette-orange-30: #b35f00;
  --c8y-palette-orange-20: #794000;
  --c8y-palette-orange-10: #5e3200;
  --c8y-palette-red-80: #fdf4f4;
  --c8y-palette-red-70: #fadfdf;
  --c8y-palette-red-60: #f5c0c0;
  --c8y-palette-red-50: #ee9797;
  --c8y-palette-red-40: #e87373;
  --c8y-palette-red-30: #d70f0f;
  --c8y-palette-red-20: #a00b0b;
  --c8y-palette-red-10: #7e0909;
  --c8y-palette-blue-80: #f1f7fd;
  --c8y-palette-blue-70: #d7e7f8;
  --c8y-palette-blue-60: #b0d0f2;
  --c8y-palette-blue-50: #7fb3ea;
  --c8y-palette-blue-40: #559ae3;
  --c8y-palette-blue-30: #056ad6;
  --c8y-palette-blue-20: #044d9c;
  --c8y-palette-blue-10: #033c79;
  --c8y-palette-green-80: #eff9ef;
  --c8y-palette-green-70: #d1ecd1;
  --c8y-palette-green-60: #a5daa5;
  --c8y-palette-green-50: #6ac26a;
  --c8y-palette-green-40: #119d11;
  --c8y-palette-green-30: #0f880f;
  --c8y-palette-green-20: #0a5c0a;
  --c8y-palette-green-10: #084708;
  --c8y-palette-fixed-light: #fff;
  --c8y-palette-fixed-dark: #212121;
  --c8y-palette-status-realtime: #00bb00;
  --c8y-palette-status-success-dark: #007700;
  /* suitable for text */
  --c8y-palette-status-success-light: #f4fce3;
  --c8y-palette-status-success: #71A112;
  --c8y-palette-gray-100: #F9FAFB;
  --c8y-palette-gray-90: #F0F2F4;
  --c8y-palette-gray-80: #E8EBED;
  --c8y-palette-gray-70: #E3E5E8;
  --c8y-palette-gray-60: #D4D9DE;
  --c8y-palette-gray-50: #8B96A0;
  --c8y-palette-gray-40: #657381;
  --c8y-palette-gray-30: #4C5967;
  --c8y-palette-gray-20: #2A3846;
  --c8y-palette-gray-10: #212121;
  --c8y-palette-low: black;
  --c8y-palette-high: white;
  --c8y-global-disabled-opacity: 0.55;
  --c8y-dl-horizontal-offset: 180;
  --c8y-code-border-color: transparent;
  --c8y-code-border-radius: 0;
  --c8y-pre-border-radius: 0;
  --c8y-blockquote-border-color: transparent;
  --c8y-line-height-small: 1;
  --c8y-line-height-large: 1.3333333;
  /* extra decimals for Win 8.1 Chrome */
  --c8y-line-height-headings: 1.1;
  --c8y-line-height-base: 1.42857143;
  --c8y-font-weight-headings: 600;
  --c8y-font-weight-base: 400;
  --c8y-font-size-base: 14px;
  --c8y-font-family-mono-spaced: Menlo, Monaco, Consolas, 'Courier New', monospace;
  --c8y-font-family-serif: Georgia, 'Times New Roman', Times, sans-serif;
  --c8y-font-family-sans-serif: 'Public Sans', Helvetica, Arial, sans-serif;
  --c8y-tooltip-opacity: 0.95;
  --c8y-tooltip-arrow-width: 5px;
  --c8y-tooltip-width: 200px;
  --c8y-tooltip-border-radius: 3px;
  --c8y-table-cell-padding-default: 13px;
  --c8y-unit-base: 8px;
  --c8y-root-component-scrollbar-thumb-default: rgba(57, 72, 82, 0.2);
  --c8y-root-component-color-expanded: inherit;
  --c8y-root-component-background-disabled: rgba(0, 0, 0, 0.1);
  /* Don't use when changing opacity */
  --c8y-root-component-border-caret-width: 6px;
  --c8y-root-component-border-radius-focus: 4px;
  --c8y-root-component-border-radius-small: 0;
  --c8y-root-component-border-radius-large: 2px;
  --c8y-root-component-border-radius-base: 0;
  --c8y-root-component-border-style: solid;
  --c8y-root-component-border-width: 0;
  --c8y-root-component-padding-xs-horizontal: 5px;
  --c8y-root-component-padding-xs-vertical: 1px;
  --c8y-root-component-padding-small-vertical: 5px;
  --c8y-root-component-padding-large-vertical: 9px;
  --c8y-popover-arrow-width: 10px;
  --c8y-popover-width: 276px;
  --c8y-popover-border-radius: 4px;
  --c8y-navigator-active-border-width: 4px;
  --c8y-navigator-app-icon-size: 46px;
  --c8y-navigator-app-name-size: 16px;
  --c8y-navigator-platform-logo-height: 32;
  --c8y-nav-tabs-background-hover: transparent;
  --c8y-nav-tabs-background-default: transparent;
  --c8y-nav-tabs-vertical-width: 170px;
  --c8y-nav-tabs-border-width-active: 4px;
  --c8y-nav-tabs-border-width-default: 1px;
  --c8y-navlink-background-focus: transparent;
  --c8y-navlink-background-active: transparent;
  --c8y-navlink-background-hover: transparent;
  --c8y-navbar-border-color: transparent;
  --c8y-modal-backdrop-opacity: 0.5;
  --c8y-modal-border-radius: 4px;
  --c8y-modal-inner-scroll-height-sm: 35vh;
  --c8y-modal-inner-scroll-height-default: 62vh;
  --c8y-modal-size-sm: 450px;
  --c8y-modal-size-md: 600px;
  --c8y-modal-size-lg: 900px;
  --c8y-form-validation-bottom-margin: 24px;
  --c8y-form-control-height-lg: 40px;
  --c8y-form-control-height-sm: 28px;
  --c8y-form-control-height-base: 32px;
  --c8y-form-control-placeholder-font-style: italic;
  --c8y-form-control-border-width: 1px;
  --c8y-form-control-line-height: 1.42857143;
  --c8y-form-control-font-weight: normal;
  --c8y-form-legend-font-weight: 400;
  --c8y-form-legend-text-transform: uppercase;
  --c8y-form-label-font-weight: 600;
  --c8y-form-label-text-transform: none;
  --c8y-btn-shadow-default: none;
  --c8y-btn-transition-default: all 0.15s ease-out;
  --c8y-btn-padding-icon-horizontal: 9px;
  --c8y-btn-padding-xs-vertical: 1px;
  --c8y-btn-padding-xs-horizontal: 10px;
  --c8y-btn-padding-small-vertical: 5px;
  --c8y-btn-padding-small-horizontal: 14px;
  --c8y-btn-padding-large-vertical: 9px;
  --c8y-btn-padding-large-horizontal: 16px;
  --c8y-btn-border-radius-pill: 24px;
  --c8y-btn-border-radius-xs: 12px;
  --c8y-btn-border-radius-small: calc(var(--btn-border-radius-base, 0) * 0.75px);
  --c8y-btn-border-radius-large: calc(var(--btn-border-radius-base, 0) * 1.25px);
  --c8y-btn-border-radius-base: var(--btn-border-radius-base, 2px);
  --c8y-btn-line-height-xs: 1;
  --c8y-btn-line-height-small: 1.2;
  --c8y-btn-line-height-large: 1.2;
  --c8y-btn-group-border-radius: 0;
  --c8y-badge-line-height: 1;
  --c8y-badge-font-weight: bold;
  --c8y-badge-padding: 0.25em 0.4em 0.15em;
  --c8y-badge-border-radius: 10px;
  --c8y-alert-status-symbol-font-family: 'dlt-c8y-icons';
  --c8y-alert-status-symbol-size: 24px;
  --c8y-alert-padding: 16px 16px 16px 48px;
  --c8y-alert-border-style: solid;
  --c8y-alert-border-width: 4px;
  --c8y-alert-max-width: 600px;
  --c8y-elevation-hover: 0 0 0 1px rgba(var(--c8y-elevation-color), 0.05), 0 4px 4px rgba(var(--c8y-elevation-color), 0.01), 0 8px 8px rgba(var(--c8y-elevation-color), 0.01), 0 16px 16px rgba(var(--c8y-elevation-color), 0.03), 0 32px 32px rgba(var(--c8y-elevation-color), 0.05), 0 16px 64px rgba(var(--c8y-elevation-color), .1);
  --c8y-elevation-sm: 0 0 1px 1px rgba(var(--c8y-elevation-color), 0.05), 0 2px 2px rgba(var(--c8y-elevation-color), .15);
  /* Elevation for Cards, Select dropdowns, Date pickers, Time pickers */
  --c8y-elevation-md-bottom: 0 2px 12px 2px rgba(var(--c8y-elevation-color), 0.08), 0 2px 18px 4px rgba(var(--c8y-elevation-color), .1);
  /* Elevation md bottom */
  --c8y-elevation-md-top: 0 -2px 12px 2px rgba(var(--c8y-elevation-color), 0.08), 0 -4px 18px 4px rgba(var(--c8y-elevation-color), .1);
  /* Elevation md rop */
  --c8y-elevation-md-left: -4px 0 12px 2px rgba(var(--c8y-elevation-color), 0.08), -4px 0 18px 4px rgba(var(--c8y-elevation-color), .1);
  /* Elevation md right */
  --c8y-elevation-md-right: 4px 0 12px 2px rgba(var(--c8y-elevation-color), 0.08), 4px 0 18px 4px rgba(var(--c8y-elevation-color), .1);
  /* Elevation md right */
  --c8y-elevation-lg: 0 0 4px rgba(var(--c8y-elevation-color), 0.1), 0 8px 16px rgba(var(--c8y-elevation-color), .12), 0 0 16px rgba(var(--c8y-elevation-color), .04), 0 36px 52px rgba(var(--c8y-elevation-color), .05), 0 8px 36px rgba(var(--c8y-elevation-color), .16);
  /* Elevation for Modals and full screen overlaying elements */
  --c8y-elevation-border: inset 0 0 0 1px var(--c8y-palette-gray-80);
  /* For App switchers, Overflow menus, Tooltips */
  --c8y-right-drawer-separator-color: var(--c8y-palette-gray-70);
  --c8y-right-drawer-text-color-default: var(--c8y-palette-gray-10);
  --c8y-right-drawer-background-selected: var(--c8y-palette-gray-80);
  --c8y-right-drawer-background-default: var(--c8y-palette-gray-100);
  --c8y-main-header-background-default: var(--c8y-palette-high);
  --c8y-abbr-border-color: var(--c8y-palette-gray-40);
  --c8y-text-muted: var(--c8y-palette-gray-40);
  --c8y-text-color: var(--c8y-palette-gray-10);
  --c8y-level-4: var(--c8y-palette-gray-70);
  --c8y-level-3: var(--c8y-palette-gray-80);
  --c8y-level-2: var(--c8y-palette-gray-90);
  --c8y-level-1: var(--c8y-palette-gray-100);
  --c8y-brand-accent-light: var(--c8y-palette-blue-80);
  --c8y-brand-accent-dark: var(--c8y-palette-blue-10);
  --c8y-brand-accent: var(--c8y-palette-blue-30);
  --c8y-brand-80: var(--c8y-palette-green-80);
  --c8y-brand-70: var(--c8y-palette-green-70);
  --c8y-brand-60: var(--c8y-palette-green-60);
  --c8y-brand-50: var(--c8y-palette-green-50);
  --c8y-brand-40: var(--c8y-palette-green-40);
  --c8y-brand-30: var(--c8y-palette-green-30);
  --c8y-brand-20: var(--c8y-palette-green-20);
  --c8y-brand-10: var(--c8y-palette-green-10);
  --c8y-body-background-color: var(--c8y-palette-high);
  --c8y-palette-status-system: var(--c8y-palette-gray-70);
  --c8y-palette-status-info-dark: var(--c8y-palette-blue-10);
  --c8y-palette-status-info-light: var(--c8y-palette-blue-70);
  --c8y-palette-status-info: var(--c8y-palette-blue-30);
  --c8y-palette-status-danger-dark: var(--c8y-palette-red-10);
  /* suitable for text */
  --c8y-palette-status-danger-light: var(--c8y-palette-red-80);
  --c8y-palette-status-danger: var(--c8y-palette-red-30);
  --c8y-palette-status-warning-high: var(--c8y-palette-orange-80);
  --c8y-palette-status-warning-light: var(--c8y-palette-yellow-60);
  --c8y-palette-status-warning-dark: var(--c8y-palette-orange-10);
  --c8y-palette-status-warning: var(--c8y-palette-orange-50);
  --c8y-global-separator: var(--c8y-palette-gray-80);
  --c8y-global-odd: linear-gradient(to top, var(--c8y-palette-gray-90), var(--c8y-palette-gray-90));
  --c8y-code-color: var(--c8y-palette-blue-30);
  --c8y-code-background: var(--c8y-palette-blue-80);
  --c8y-code-font-size: calc(var(--c8y-font-size-base) - 1px);
  --c8y-code-font-family: var(--c8y-font-family-mono-spaced);
  --c8y-pre-color: var(--c8y-palette-gray-30);
  --c8y-pre-background: var(--c8y-palette-gray-90);
  --c8y-pre-border-color: var(--c8y-palette-gray-70);
  --c8y-font-size-h6: calc(var(--c8y-font-size-base) * 0.85714286);
  /* 12px */
  --c8y-font-size-h5: var(--c8y-font-size-base);
  /* 14px */
  --c8y-font-size-h4: calc(var(--c8y-font-size-base) * 1.28571429);
  /* 18px */
  --c8y-font-size-h3: calc(var(--c8y-font-size-base) * 1.71428571);
  /* 24px */
  --c8y-font-size-h2: calc(var(--c8y-font-size-base) * 2.14285714);
  /* 30px */
  --c8y-font-size-h1: calc(var(--c8y-font-size-base) * 2.57142857);
  /* 36px */
  --c8y-font-size-xs: calc(var(--c8y-font-size-base) * 0.71428571);
  /* 10px */
  --c8y-font-size-small: calc(var(--c8y-font-size-base) * 0.85714286);
  /* 12px */
  --c8y-font-size-large: calc(var(--c8y-font-size-base) * 1.21428571);
  /* 17px */
  --c8y-font-family-base: var(--c8y-font-family-sans-serif);
  --c8y-tooltip-color-default: var(--c8y-palette-gray-100);
  --c8y-tooltip-background-default: var(--c8y-palette-gray-10);
  --c8y-switch-handle-background: var(--c8y-palette-high);
  --c8y-switch-background-default: var(--c8y-palette-gray-50);
  --c8y-switch-radius: calc(var(--c8y-unit-base) * 3.75);
  --c8y-switch-height: calc(var(--c8y-unit-base) * 3.75);
  --c8y-switch-width: calc(var(--c8y-unit-base) * 7.5);
  --c8y-table-cell-padding-condensed: var(--c8y-unit-base);
  --c8y-root-component-scrollbar-thumb-hover: var(--c8y-palette-gray-40);
  --c8y-root-component-icon-color: var(--c8y-palette-gray-30);
  --c8y-root-component-icon-white-color-dark: var(--c8y-palette-high);
  --c8y-root-component-pulse-color: var(--c8y-palette-status-realtime);
  --c8y-root-component-disabled-opacity: var(--c8y-global-disabled-opacity);
  --c8y-root-component-actions-opacity: var(--c8y-global-disabled-opacity);
  --c8y-root-component-color-disabled: var(--c8y-palette-gray-70);
  /* Don't use when changing opacity */
  --c8y-root-component-color-actions: var(--c8y-palette-gray-30);
  --c8y-root-component-color-link-hover: var(--c8y-link-hover-color);
  --c8y-root-component-color-link: var(--c8y-link-color);
  --c8y-root-component-background-expanded: var(--c8y-palette-gray-100);
  --c8y-root-component-background-default: var(--c8y-palette-high);
  --c8y-root-component-padding: calc(var(--c8y-unit-base) * 2);
  --c8y-root-component-padding-small-horizontal: var(--c8y-unit-base);
  --c8y-root-component-padding-large-horizontal: calc(var(--c8y-unit-base) * 2);
  --c8y-root-component-padding-base-horizontal: var(--c8y-unit-base);
  --c8y-root-component-padding-base-vertical: calc(var(--c8y-unit-base) * 0.625);
  --c8y-page-sticky-header-color-active: var(--c8y-link-color);
  --c8y-page-sticky-header-color-hover: var(--c8y-link-hover-color);
  --c8y-page-sticky-header-color-default: var(--c8y-palette-gray-10);
  --c8y-page-sticky-header-background-default: var(--c8y-palette-gray-100);
  --c8y-page-sticky-header-height: calc(var(--c8y-unit-base) * 6);
  --c8y-navigator-scrollbar-thumb-default: var(--c8y-root-component-scrollbar-thumb-default);
  --c8y-navigator-separator-color: var(--c8y-palette-gray-70);
  --c8y-navigator-text-color-default: var(--c8y-palette-gray-10);
  --c8y-navigator-background-selected: var(--c8y-palette-gray-80);
  --c8y-navigator-background-default: var(--c8y-palette-gray-100);
  --c8y-navigator-font-size: var(--c8y-font-size-base);
  --c8y-nav-pills-background-focus: var(--c8y-navlink-background-focus);
  --c8y-nav-pills-background-active: var(--c8y-navlink-background-active);
  --c8y-nav-pills-background-hover: var(--c8y-navlink-background-hover);
  --c8y-nav-pills-border-radius: calc(var(--c8y-unit-base) * 2);
  --c8y-nav-tabs-background-focus: var(--c8y-navlink-background-focus);
  --c8y-nav-tabs-vertical-padding-vertical: calc(var(--c8y-unit-base) + 2px);
  --c8y-nav-tabs-padding-horizontal: calc(var(--c8y-unit-base) * 2);
  --c8y-nav-tabs-icon-color-default: var(--c8y-palette-gray-40);
  --c8y-nav-tabs-icon-size: calc(var(--c8y-unit-base) * 2);
  --c8y-navlink-padding-horizontal: calc(var(--c8y-unit-base) * 2);
  --c8y-navlink-padding-vertical: calc(var(--c8y-unit-base) * 1.5 + 2px);
  --c8y-navbar-margin-bottom: calc(var(--c8y-unit-base) * 2);
  --c8y-navbar-height: calc(var(--c8y-unit-base) * 6);
  --c8y-modal-backdrop-background: var(--c8y-palette-low);
  --c8y-form-validation-color-success: var(--c8y-palette-status-success);
  --c8y-form-control-disabled-opacity: var(--c8y-global-disabled-opacity);
  --c8y-form-control-background-disabled: var(--c8y-component-background-disabled, var(--c8y-root-component-background-disabled));
  --c8y-form-control-placeholder-color: var(--c8y-palette-gray-40);
  --c8y-form-control-border-color-default: var(--c8y-palette-gray-60);
  --c8y-form-control-border-radius: var(--c8y-root-component-border-radius-base);
  --c8y-form-legend-color: var(--c8y-palette-gray-40);
  --c8y-form-label-color: var(--c8y-palette-gray-20);
  --c8y-form-label-font-size: var(--c8y-font-size-base);
  --c8y-btn-danger-color-active: var(--c8y-palette-high);
  --c8y-btn-primary-color-active: var(--c8y-palette-high);
  --c8y-btn-primary-color-default: var(--c8y-palette-high);
  --c8y-btn-line-height-base: var(--c8y-line-height-base);
  --c8y-btn-font-size-base: var(--c8y-font-size-base);
  --c8y-btn-font-weight: var(--c8y-font-weight-base);
  --c8y-alert-status-success: var(--c8y-palette-status-success);
  --c8y-dropdown-background-default: var(--c8y-root-component-background-default);
  --c8y-action-bar-icon-color: var(--c8y-root-component-icon-color);
  --c8y-action-bar-disabled-opacity: var(--c8y-root-component-disabled-opacity);
  --c8y-action-bar-actions-opacity: var(--c8y-root-component-actions-opacity);
  --c8y-action-bar-color-actions: var(--c8y-root-component-color-actions);
  --c8y-action-bar-background-default: var(--c8y-root-component-background-default);
  --c8y-right-drawer-text-color-active: var(--c8y-right-drawer-text-color-default);
  --c8y-right-drawer-text-color-selected: var(--c8y-right-drawer-text-color-default);
  --c8y-right-drawer-background-active: var(--c8y-brand-70);
  --c8y-main-header-shadow: var(--c8y-elevation-md-bottom);
  --c8y-main-header-text-color-default: var(--c8y-text-color);
  --c8y-main-header-background-active: var(--c8y-brand-70);
  --c8y-level-0: var(--c8y-body-background-color);
  --c8y-brand-realtime-added: var(--c8y-brand-80);
  --c8y-brand-dark: var(--brand-dark, var(--c8y-brand-10));
  --c8y-brand-light: var(--brand-light, var(--c8y-brand-60));
  --c8y-brand-primary: var(--brand-primary, var(--c8y-brand-40));
  --c8y-blockquote-font-size: var(--c8y-font-size-h4);
  --c8y-switch-handle-color: var(--c8y-text-color);
  --c8y-switch-background-active: var(--c8y-brand-40);
  --c8y-root-component-form-control-placeholder-color: var(--c8y-form-control-placeholder-color);
  --c8y-root-component-form-control-border-color-default: var(--c8y-form-control-border-color-default);
  --c8y-root-component-form-control-background-disabled: var(--c8y-form-control-background-disabled);
  --c8y-root-component-form-legend-color: var(--c8y-form-legend-color);
  --c8y-root-component-form-label-color: var(--c8y-form-label-color);
  --c8y-root-component-scrollbar-track: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  --c8y-root-component-icon-dark-color-dark: var(--c8y-text-color);
  --c8y-root-component-separator-color: var(--c8y-global-separator);
  --c8y-root-component-color-text-muted: var(--c8y-text-muted);
  --c8y-root-component-color-odd: var(--c8y-text-color);
  --c8y-root-component-color-default: var(--c8y-text-color);
  --c8y-root-component-background-hover: var(--c8y-brand-80);
  --c8y-root-component-background-focus: var(--c8y-root-component-background-default);
  --c8y-root-component-background-expanded-gradient: linear-gradient(0deg, rgba(0, 0, 0, 0.03) 0px, var(--c8y-root-component-background-expanded) 12px, var(--c8y-root-component-background-expanded) calc(100% - 12px), rgba(0, 0, 0, 0.03) 100%);
  --c8y-root-component-background-active: var(--c8y-root-component-background-default);
  --c8y-root-component-background-odd: var(--c8y-global-odd);
  /* use for alternate stripes for example */
  --c8y-root-component-border-color: var(--c8y-global-separator);
  --c8y-popover-icon-color: var(--c8y-root-component-icon-color);
  --c8y-popover-color-link-hover: var(--c8y-root-component-color-link-hover);
  --c8y-popover-color-link: var(--c8y-root-component-color-link);
  --c8y-popover-background-default: var(--c8y-root-component-background-default);
  --c8y-popover-padding: var(--c8y-root-component-padding);
  --c8y-navigator-scrollbar-thumb-hover: var(--c8y-root-component-scrollbar-thumb-hover);
  --c8y-navigator-header-color: var(--c8y-navigator-text-color-default);
  --c8y-navigator-header-background: var(--c8y-navigator-background-default);
  --c8y-navigator-text-color-active: var(--c8y-navigator-text-color-default);
  --c8y-navigator-text-color-selected: var(--c8y-navigator-text-color-default);
  --c8y-navigator-background-active: var(--c8y-brand-70);
  --c8y-navigator-font-family: var(--c8y-font-family-base);
  --c8y-nav-pills-padding-horizontal: var(--c8y-navlink-padding-horizontal);
  --c8y-nav-pills-padding-vertical: var(--c8y-navlink-padding-vertical);
  --c8y-nav-tabs-background-active: var(--c8y-root-component-background-default);
  --c8y-nav-tabs-vertical-padding-horizontal: var(--c8y-navlink-padding-horizontal);
  --c8y-nav-tabs-padding-vertical: var(--c8y-navlink-padding-vertical);
  --c8y-navlink-color-default: var(--c8y-text-color);
  --c8y-navlink-background-default: var(--c8y-root-component-background-default);
  --c8y-navbar-color-default: var(--c8y-text-color);
  --c8y-navbar-background-default: var(--c8y-root-component-background-default);
  --c8y-form-validation-color-info: var(--c8y-palette-status-info);
  --c8y-form-validation-color-warning: var(--c8y-palette-status-warning);
  --c8y-form-validation-color-error: var(--c8y-palette-status-danger);
  --c8y-form-control-color-disabled: var(--c8y-component-color-disabled, var(--c8y-root-component-color-disabled));
  --c8y-form-control-background-focus: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  --c8y-form-control-background-default: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  --c8y-form-control-padding-base-horizontal: var(--c8y-root-component-padding-base-horizontal);
  --c8y-form-control-padding-base-vertical: var(--c8y-root-component-padding-base-vertical);
  --c8y-form-control-font-family: var(--c8y-font-family-base);
  --c8y-form-legend-font-size: var(--c8y-font-size-small);
  --c8y-btn-danger-border-color-active: var(--c8y-palette-status-danger-dark);
  --c8y-btn-danger-border-color-focus: var(--c8y-palette-status-danger);
  --c8y-btn-danger-border-color-hover: var(--c8y-palette-status-danger);
  --c8y-btn-danger-border-color-default: var(--c8y-palette-status-danger);
  --c8y-btn-danger-background-active: var(--c8y-palette-status-danger-dark);
  --c8y-btn-danger-background-focus: var(--c8y-root-component-background-default);
  --c8y-btn-danger-background-hover: var(--c8y-root-component-background-default);
  --c8y-btn-danger-background-default: var(--c8y-root-component-background-default);
  --c8y-btn-danger-color-focus: var(--c8y-palette-status-danger);
  --c8y-btn-danger-color-hover: var(--c8y-palette-status-danger);
  --c8y-btn-danger-color-default: var(--c8y-palette-status-danger);
  --c8y-btn-accent-border-color-active: var(--c8y-brand-accent-dark);
  --c8y-btn-accent-border-color-focus: var(--c8y-brand-accent-dark);
  --c8y-btn-accent-border-color-hover: var(--c8y-brand-accent-dark);
  --c8y-btn-accent-border-color-default: var(--c8y-brand-accent);
  --c8y-btn-accent-background-active: var(--c8y-brand-accent-dark);
  --c8y-btn-accent-background-focus: var(--c8y-brand-accent-dark);
  --c8y-btn-accent-background-hover: var(--c8y-brand-accent-dark);
  --c8y-btn-accent-background-default: var(--c8y-brand-accent);
  --c8y-btn-accent-color-active: var(--c8y-text-color);
  --c8y-btn-accent-color-focus: var(--c8y-text-color);
  --c8y-btn-accent-color-hover: var(--c8y-text-color);
  --c8y-btn-accent-color-default: var(--c8y-text-color);
  --c8y-btn-primary-border-color-active: var(--c8y-brand-20);
  --c8y-btn-primary-background-active: var(--c8y-brand-10);
  --c8y-btn-primary-background-focus: var(--c8y-root-component-background-default);
  --c8y-btn-primary-background-hover: var(--c8y-root-component-background-default);
  --c8y-btn-default-background-active: var(--c8y-brand-70);
  --c8y-btn-default-background-focus: var(--c8y-root-component-background-default);
  --c8y-btn-default-background-hover: var(--c8y-root-component-background-default);
  --c8y-btn-default-background-default: var(--c8y-root-component-background-default);
  --c8y-btn-padding-icon-vertical: var(--c8y-root-component-padding-base-vertical);
  --c8y-btn-padding-base-vertical: var(--c8y-root-component-padding-base-vertical);
  --c8y-btn-padding-base-horizontal: var(--c8y-root-component-padding-base-horizontal);
  --c8y-btn-font-size-xs: var(--c8y-font-size-xs);
  --c8y-btn-font-size-small: var(--c8y-font-size-small);
  --c8y-btn-font-size-large: var(--c8y-font-size-large);
  --c8y-btn-font-family: var(--c8y-font-family-base);
  --c8y-badge-font-size: var(--c8y-font-size-small);
  --c8y-alert-background-default: var(--c8y-root-component-background-default);
  --c8y-alert-status-info: var(--c8y-palette-status-info);
  --c8y-alert-status-danger: var(--c8y-palette-status-danger);
  --c8y-alert-status-warning: var(--c8y-palette-status-warning);
  --c8y-action-bar-border-color: var(--c8y-root-component-border-color);
  --c8y-action-bar-color-text-muted: var(--c8y-root-component-color-text-muted);
  --c8y-action-bar-color-default: var(--c8y-root-component-color-default);
  --c8y-right-drawer-border-selected: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-right-drawer-text-muted: var(--c8y-root-component-color-text-muted);
  --c8y-main-header-text-color-hover: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-tooltip-border-color: var(--c8y-root-component-border-color);
  --c8y-root-component-form-control-color-disabled: var(--c8y-form-control-color-disabled);
  --c8y-root-component-form-control-background-focus: var(--c8y-form-control-background-focus);
  --c8y-root-component-form-control-background-default: var(--c8y-form-control-background-default);
  --c8y-root-component-icon-dark-color-light: var(--c8y-brand-light);
  --c8y-root-component-icon-white-color-light: var(--c8y-brand-light);
  --c8y-root-component-brand-primary: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-root-component-spinner-color: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-root-component-realtime-added: var(--c8y-brand-realtime-added);
  --c8y-root-component-color-focus: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-root-component-color-accent: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-root-component-color-actions-hover: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-root-component-color-active: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-popover-label-color: var(--c8y-root-component-form-label-color);
  --c8y-popover-color-default: var(--c8y-root-component-color-default);
  --c8y-popover-border-color: var(--c8y-root-component-border-color);
  --c8y-navigator-scrollbar-track: var(--c8y-root-component-scrollbar-track);
  --c8y-navigator-border-selected: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-nav-pills-color-default: var(--c8y-navlink-color-default);
  --c8y-nav-pills-background-default: var(--c8y-navlink-background-default);
  --c8y-nav-tabs-color-default: var(--c8y-navlink-color-default);
  --c8y-nav-tabs-icon-color-active: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-nav-tabs-icon-color-focus: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-nav-tabs-icon-color-hover: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-nav-tabs-border-color-default: var(--c8y-root-component-border-color);
  --c8y-navlink-color-focus: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-navlink-color-active: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-navlink-color-hover: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-form-control-icon-color: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-form-control-color-focus: var(--c8y-component-color-default, var(--c8y-root-component-color-default));
  --c8y-form-control-color-default: var(--c8y-component-color-default, var(--c8y-root-component-color-default));
  --c8y-form-control-border-color-focus: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-primary-border-color-focus: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-primary-border-color-hover: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-primary-border-color-default: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-primary-background-default: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-primary-color-focus: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-primary-color-hover: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-default-border-color-active: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-default-border-color-focus: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-default-border-color-hover: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-default-border-color-default: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-default-color-active: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-default-color-focus: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-default-color-hover: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-default-color-default: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-alert-color-default: var(--c8y-root-component-color-default);
  --c8y-alert-status-system: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-action-bar-color-focus: var(--c8y-root-component-color-focus);
  --c8y-action-bar-color-actions-hover: var(--c8y-root-component-color-actions-hover);
  --c8y-right-drawer-link-color-hover: var(--c8y-root-component-brand-primary);
  --c8y-right-drawer-link-color-default: var(--c8y-root-component-brand-primary);
  --c8y-root-component-form-control-border-color-focus: var(--c8y-form-control-border-color-focus);
  --c8y-root-component-form-control-color-focus: var(--c8y-form-control-color-focus);
  --c8y-root-component-form-control-color-default: var(--c8y-form-control-color-default);
  --c8y-nav-pills-color-focus: var(--c8y-navlink-color-focus);
  --c8y-nav-pills-color-active: var(--c8y-navlink-color-active);
  --c8y-nav-pills-color-hover: var(--c8y-navlink-color-hover);
  --c8y-nav-tabs-color-focus: var(--c8y-navlink-color-focus);
  --c8y-nav-tabs-color-active: var(--c8y-navlink-color-active);
  --c8y-nav-tabs-color-hover: var(--c8y-navlink-color-hover);
  --c8y-nav-tabs-border-color-active: var(--c8y-root-component-brand-primary);
  --c8y-navbar-link: var(--c8y-root-component-brand-primary);
}
/**
 * Do not edit directly
 * Generated on Tue, 01 Oct 2024 08:54:33 GMT
 */
.c8y-dark-theme {
  --c8y-elevation-hover: none;
  --c8y-elevation-sm: none;
  /* Elevation for Cards, Select dropdowns, Date pickers, Time pickers */
  --c8y-elevation-md-bottom: none;
  /* Elevation md bottom */
  --c8y-elevation-md-top: none;
  /* Elevation md rop */
  --c8y-elevation-md-left: none;
  /* Elevation md right */
  --c8y-elevation-md-right: none;
  /* Elevation md right */
  --c8y-elevation-lg: none;
  /* Elevation for Modals */
  --c8y-elevation-color: 1, 31, 61;
  /* The rgb values of #f2f2f3 (the palette-gray-10) */
  --c8y-switch-background-active: var(--c8y-brand-40);
  --c8y-tooltip-opacity: 0.95;
  --c8y-nav-tabs-background-hover: transparent;
  --c8y-nav-tabs-background-default: transparent;
  --c8y-navlink-background-focus: transparent;
  --c8y-navlink-background-active: transparent;
  --c8y-navlink-background-hover: transparent;
  --c8y-navbar-border-color: transparent;
  --c8y-btn-primary-border-color-active: var(--c8y-brand-70);
  --c8y-btn-primary-background-active: var(--c8y-brand-70);
  --c8y-btn-default-background-active: var(--c8y-brand-40);
  --c8y-btn-default-background-focus: transparent;
  --c8y-btn-default-background-hover: transparent;
  --c8y-btn-default-background-default: transparent;
  --c8y-btn-default-color-active: var(--c8y-brand-10);
  --c8y-right-drawer-background-active: var(--c8y-brand-20);
  --c8y-navigator-background-active: var(--c8y-brand-20);
  --c8y-main-header-border-color: transparent;
  --c8y-main-header-background-active: var(--c8y-brand-20);
  --c8y-main-header-background-hover: inherit;
  --c8y-code-border-color: transparent;
  --c8y-code-color: var(--c8y-palette-blue-80);
  --c8y-code-background: var(--c8y-palette-blue-30);
  --c8y-blockquote-border-color: transparent;
  --c8y-headings-color: inherit;
  --c8y-root-component-color-expanded: inherit;
  --c8y-root-component-background-hover: var(--c8y-brand-10);
  --c8y-root-component-background-disabled: rgba(255, 255, 255, 0.1);
  /* Don't use when changing opacity */
  --c8y-brand-realtime-added: var(--c8y-brand-40);
  --c8y-brand-accent-light: var(--c8y-palette-blue-80);
  --c8y-brand-accent-dark: var(--c8y-palette-blue-10);
  --c8y-brand-accent: var(--c8y-palette-blue-30);
  --c8y-brand-light: var(--brand-light, var(--c8y-palette-yellow-68));
  --c8y-brand-80: var(--c8y-palette-yellow-80);
  --c8y-brand-70: var(--c8y-palette-yellow-70);
  --c8y-brand-60: var(--c8y-palette-yellow-60);
  --c8y-brand-50: var(--c8y-palette-yellow-50);
  --c8y-brand-40: var(--c8y-palette-yellow-40);
  --c8y-brand-30: var(--c8y-palette-yellow-30);
  --c8y-brand-20: var(--c8y-palette-yellow-20);
  --c8y-brand-10: var(--c8y-palette-yellow-10);
  --c8y-palette-status-realtime: #00bb00;
  --c8y-palette-status-info-dark: #105589;
  --c8y-palette-status-info-light: #ebf5ff;
  --c8y-palette-status-info: #1776BF;
  --c8y-palette-status-success-dark: #007700;
  /* suitable for text */
  --c8y-palette-status-success-light: #f4fce3;
  --c8y-palette-status-success: #71A112;
  --c8y-palette-status-danger-dark: #8f0009;
  /* suitable for text */
  --c8y-palette-status-danger-light: #fae6e8;
  --c8y-palette-status-danger: #DC5B68;
  --c8y-palette-status-warning-high: #fff1e0;
  --c8y-palette-status-warning-light: #ECBE23;
  --c8y-palette-status-warning-dark: #806A00;
  --c8y-palette-status-warning: #E07800;
  --c8y-palette-gray-100: #23262A;
  --c8y-palette-gray-90: #2e3338;
  --c8y-palette-gray-80: #32363A;
  --c8y-palette-gray-70: #4e5154;
  --c8y-palette-gray-60: #5f6265;
  --c8y-palette-gray-50: #707375;
  --c8y-palette-gray-40: #b5b7b9;
  --c8y-palette-gray-30: #cacbcc;
  --c8y-palette-gray-20: #dedee0;
  --c8y-palette-gray-10: #f2f2f3;
  --c8y-palette-low: #1e2124;
  --c8y-palette-high: white;
  --c8y-global-disabled-opacity: 0.55;
  --c8y-global-odd: linear-gradient(to top, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.03));
  --c8y-elevation-border: inset 0 0 0 1px var(--c8y-palette-gray-80);
  /* For App switchers, Overflow menus, Tooltips */
  --c8y-helpdrawer-background-default: var(--c8y-palette-gray-80);
  --c8y-dropdown-background-default: var(--c8y-palette-gray-70);
  --c8y-switch-background-default: var(--c8y-palette-gray-60);
  --c8y-tooltip-color-default: var(--c8y-palette-gray-100);
  --c8y-tooltip-background-default: var(--c8y-palette-gray-10);
  --c8y-popover-background-default: var(--c8y-palette-gray-80);
  --c8y-page-sticky-header-background-default: var(--c8y-palette-gray-90);
  --c8y-nav-pills-background-focus: var(--c8y-navlink-background-focus);
  --c8y-nav-pills-background-active: var(--c8y-navlink-background-active);
  --c8y-nav-pills-background-hover: var(--c8y-navlink-background-hover);
  --c8y-nav-tabs-icon-color-default: var(--c8y-palette-gray-40);
  --c8y-nav-tabs-background-focus: var(--c8y-navlink-background-focus);
  --c8y-modal-background-default: var(--c8y-palette-gray-80);
  --c8y-modal-backdrop-background: var(--c8y-palette-low);
  --c8y-form-validation-color-info: var(--c8y-palette-status-info);
  --c8y-form-validation-color-success: var(--c8y-palette-status-success);
  --c8y-form-validation-color-warning: var(--c8y-palette-status-warning);
  --c8y-form-validation-color-error: var(--c8y-palette-status-danger);
  --c8y-form-control-placeholder-color: var(--c8y-palette-gray-40);
  --c8y-form-control-disabled-opacity: var(--c8y-global-disabled-opacity);
  --c8y-form-control-border-color-default: var(--c8y-palette-gray-70);
  --c8y-form-control-background-disabled: var(--c8y-component-background-disabled, var(--c8y-root-component-background-disabled));
  --c8y-btn-danger-border-color-active: var(--c8y-palette-status-danger-dark);
  --c8y-btn-danger-border-color-focus: var(--c8y-palette-status-danger);
  --c8y-btn-danger-border-color-hover: var(--c8y-palette-status-danger);
  --c8y-btn-danger-border-color-default: var(--c8y-palette-status-danger);
  --c8y-btn-danger-background-active: var(--c8y-palette-status-danger-dark);
  --c8y-btn-danger-background-focus: var(--c8y-palette-high);
  --c8y-btn-danger-background-hover: var(--c8y-palette-high);
  --c8y-btn-danger-background-default: var(--c8y-palette-status-danger);
  --c8y-btn-danger-color-active: var(--c8y-palette-high);
  --c8y-btn-danger-color-focus: var(--c8y-palette-status-danger);
  --c8y-btn-danger-color-hover: var(--c8y-palette-status-danger);
  --c8y-btn-danger-color-default: var(--c8y-palette-high);
  --c8y-btn-accent-border-color-active: var(--c8y-brand-accent-dark);
  --c8y-btn-accent-border-color-focus: var(--c8y-brand-accent);
  --c8y-btn-accent-border-color-hover: var(--c8y-brand-accent);
  --c8y-btn-accent-border-color-default: var(--c8y-brand-accent);
  --c8y-btn-accent-background-active: var(--c8y-brand-accent-dark);
  --c8y-btn-accent-background-focus: var(--c8y-palette-high);
  --c8y-btn-accent-background-hover: var(--c8y-palette-high);
  --c8y-btn-accent-background-default: var(--c8y-brand-accent);
  --c8y-btn-accent-color-active: var(--c8y-palette-high);
  --c8y-btn-accent-color-focus: var(--c8y-brand-accent);
  --c8y-btn-accent-color-hover: var(--c8y-brand-accent);
  --c8y-btn-accent-color-default: var(--c8y-palette-high);
  --c8y-btn-primary-color-active: var(--c8y-palette-high);
  --c8y-btn-primary-color-default: var(--c8y-palette-low);
  --c8y-alert-status-info: var(--c8y-palette-status-info);
  --c8y-alert-status-success: var(--c8y-palette-status-success);
  --c8y-alert-status-danger: var(--c8y-palette-status-danger);
  --c8y-alert-status-warning: var(--c8y-palette-status-warning);
  --c8y-alert-background-default: var(--c8y-palette-gray-70);
  --c8y-action-bar-background-default: var(--c8y-palette-low);
  --c8y-right-drawer-separator-color: var(--c8y-palette-gray-80);
  --c8y-right-drawer-text-color-default: var(--c8y-palette-gray-20);
  --c8y-right-drawer-background-selected: var(--c8y-palette-gray-90);
  --c8y-right-drawer-background-default: var(--c8y-palette-low);
  --c8y-navigator-separator-color: var(--c8y-palette-gray-80);
  --c8y-navigator-text-color-default: var(--c8y-palette-gray-20);
  --c8y-navigator-background-selected: var(--c8y-palette-gray-90);
  --c8y-navigator-background-default: var(--c8y-palette-low);
  --c8y-main-header-background-default: var(--c8y-palette-low);
  --c8y-pre-border-color: var(--c8y-palette-gray-70);
  --c8y-pre-color: var(--c8y-palette-gray-30);
  --c8y-pre-background: var(--c8y-palette-gray-90);
  --c8y-abbr-border-color: var(--c8y-palette-gray-40);
  --c8y-text-muted: var(--c8y-palette-gray-40);
  --c8y-text-color: var(--c8y-palette-gray-30);
  --c8y-root-component-scrollbar-thumb-hover: var(--c8y-palette-gray-70);
  --c8y-root-component-scrollbar-thumb-default: var(--c8y-palette-gray-80);
  --c8y-root-component-icon-color: var(--c8y-palette-gray-30);
  --c8y-root-component-icon-dark-color-light: var(--c8y-brand-light);
  --c8y-root-component-pulse-color: var(--c8y-palette-status-realtime);
  --c8y-root-component-realtime-added: var(--c8y-brand-realtime-added);
  --c8y-root-component-disabled-opacity: var(--c8y-global-disabled-opacity);
  --c8y-root-component-actions-opacity: var(--c8y-global-disabled-opacity);
  --c8y-root-component-color-disabled: var(--c8y-palette-gray-70);
  /* Don't use when changing opacity */
  --c8y-root-component-background-expanded: var(--c8y-palette-gray-90);
  --c8y-root-component-background-odd: var(--c8y-global-odd);
  /* use for alternate stripes */
  --c8y-root-component-background-default: var(--c8y-palette-gray-100);
  --c8y-level-4: var(--c8y-palette-gray-60);
  --c8y-level-3: var(--c8y-palette-gray-70);
  --c8y-level-2: var(--c8y-palette-gray-80);
  --c8y-level-1: var(--c8y-palette-gray-90);
  --c8y-level-0: var(--c8y-palette-gray-100);
  --c8y-brand-complementary: var(--brand-complementary, var(--c8y-brand-70));
  --c8y-brand-dark: var(--brand-dark, var(--c8y-brand-40));
  --c8y-brand-primary: var(--brand-primary, var(--c8y-brand-60));
  --c8y-body-background-color: var(--c8y-palette-low);
  --c8y-global-separator: var(--c8y-palette-gray-70);
  --c8y-switch-handle-color: var(--c8y-root-component-background-default);
  --c8y-switch-handle-background: var(--c8y-text-color);
  --c8y-popover-icon-color: var(--c8y-root-component-icon-color);
  --c8y-page-sticky-header-color-default: var(--c8y-text-color);
  --c8y-nav-tabs-icon-color-active: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-nav-tabs-icon-color-focus: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-nav-tabs-icon-color-hover: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-nav-tabs-background-active: var(--c8y-root-component-background-default);
  --c8y-navlink-color-focus: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-navlink-color-active: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-navlink-color-hover: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-navlink-color-default: var(--c8y-text-color);
  --c8y-navlink-background-default: var(--c8y-root-component-background-default);
  --c8y-navbar-color-default: var(--c8y-text-color);
  --c8y-navbar-background-default: var(--c8y-root-component-background-default);
  --c8y-form-control-icon-color: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-form-control-border-color-focus: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-form-control-color-disabled: var(--c8y-component-color-disabled, var(--c8y-root-component-color-disabled));
  --c8y-form-control-background-focus: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  --c8y-form-control-background-default: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  --c8y-form-legend-color: var(--c8y-text-color);
  --c8y-form-label-color: var(--c8y-text-color);
  --c8y-btn-primary-border-color-focus: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-primary-border-color-hover: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-primary-border-color-default: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-primary-background-focus: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  --c8y-btn-primary-background-hover: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  --c8y-btn-primary-background-default: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-primary-color-focus: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-primary-color-hover: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-default-border-color-active: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-default-border-color-focus: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-default-border-color-hover: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-default-border-color-default: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-default-color-focus: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-default-color-hover: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-default-color-default: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-alert-status-system: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-action-bar-icon-color: var(--c8y-root-component-icon-color);
  --c8y-action-bar-disabled-opacity: var(--c8y-root-component-disabled-opacity);
  --c8y-action-bar-actions-opacity: var(--c8y-root-component-actions-opacity);
  --c8y-right-drawer-border-selected: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-right-drawer-text-color-active: var(--c8y-right-drawer-text-color-default);
  --c8y-right-drawer-text-color-selected: var(--c8y-right-drawer-text-color-default);
  --c8y-navigator-scrollbar-thumb-hover: var(--c8y-root-component-scrollbar-thumb-hover);
  --c8y-navigator-scrollbar-thumb-default: var(--c8y-root-component-scrollbar-thumb-default);
  --c8y-navigator-border-selected: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-navigator-header-color: var(--c8y-navigator-text-color-default);
  --c8y-navigator-header-background: var(--c8y-navigator-background-default);
  --c8y-navigator-text-color-active: var(--c8y-navigator-text-color-default);
  --c8y-navigator-text-color-selected: var(--c8y-navigator-text-color-default);
  --c8y-main-header-shadow: inset 0 -1px 0 var(--c8y-global-separator);
  --c8y-main-header-text-color-hover: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-main-header-text-color-default: var(--c8y-text-color);
  --c8y-link-hover-color: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-link-color: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-root-component-form-control-placeholder-color: var(--c8y-form-control-placeholder-color);
  --c8y-root-component-form-control-border-color-default: var(--c8y-form-control-border-color-default);
  --c8y-root-component-form-control-background-disabled: var(--c8y-form-control-background-disabled);
  --c8y-root-component-scrollbar-track: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  --c8y-root-component-icon-dark-color-dark: var(--c8y-brand-dark);
  --c8y-root-component-icon-white-color-dark: var(--c8y-brand-dark);
  --c8y-root-component-icon-white-color-light: var(--c8y-brand-primary);
  --c8y-root-component-brand-primary: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-root-component-spinner-color: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-root-component-border-color: var(--c8y-global-separator);
  --c8y-root-component-separator-color: var(--c8y-global-separator);
  --c8y-root-component-color-focus: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-root-component-color-accent: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-root-component-color-actions-hover: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-root-component-color-actions: var(--c8y-text-color);
  --c8y-root-component-color-text-muted: var(--c8y-text-muted);
  --c8y-root-component-color-active: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-root-component-color-odd: var(--c8y-text-color);
  --c8y-root-component-color-default: var(--c8y-text-color);
  --c8y-root-component-background-focus: var(--c8y-root-component-background-default);
  --c8y-root-component-background-expanded-gradient: linear-gradient(0deg, rgba(255, 255, 255, 0.03) 0px, var(--c8y-root-component-background-expanded) 12px, var(--c8y-root-component-background-expanded) calc(100% - 12px), rgba(0, 0, 0, 0.03) 100%);
  --c8y-root-component-background-active: var(--c8y-root-component-background-default);
  --c8y-palette-status-system: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-tooltip-border-color: var(--c8y-root-component-border-color);
  --c8y-popover-border-color: var(--c8y-root-component-border-color);
  --c8y-popover-color-default: var(--c8y-root-component-color-default);
  --c8y-page-sticky-header-color-active: var(--c8y-link-color);
  --c8y-page-sticky-header-color-hover: var(--c8y-link-hover-color);
  --c8y-nav-pills-color-focus: var(--c8y-navlink-color-focus);
  --c8y-nav-pills-color-active: var(--c8y-navlink-color-active);
  --c8y-nav-pills-color-hover: var(--c8y-navlink-color-hover);
  --c8y-nav-pills-color-default: var(--c8y-navlink-color-default);
  --c8y-nav-pills-background-default: var(--c8y-navlink-background-default);
  --c8y-nav-tabs-border-color-active: var(--c8y-root-component-brand-primary);
  --c8y-nav-tabs-border-color-default: var(--c8y-root-component-border-color);
  --c8y-nav-tabs-color-focus: var(--c8y-navlink-color-focus);
  --c8y-nav-tabs-color-active: var(--c8y-navlink-color-active);
  --c8y-nav-tabs-color-hover: var(--c8y-navlink-color-hover);
  --c8y-nav-tabs-color-default: var(--c8y-navlink-color-default);
  --c8y-navbar-link: var(--c8y-root-component-brand-primary);
  --c8y-modal-color-default: var(--c8y-root-component-color-default);
  --c8y-form-control-color-focus: var(--c8y-component-color-default, var(--c8y-root-component-color-default));
  --c8y-form-control-color-default: var(--c8y-component-color-default, var(--c8y-root-component-color-default));
  --c8y-alert-color-default: var(--c8y-root-component-color-default);
  --c8y-action-bar-border-color: var(--c8y-root-component-border-color);
  --c8y-action-bar-color-focus: var(--c8y-root-component-color-focus);
  --c8y-action-bar-color-actions-hover: var(--c8y-root-component-color-actions-hover);
  --c8y-action-bar-color-actions: var(--c8y-root-component-color-actions);
  --c8y-action-bar-color-text-muted: var(--c8y-root-component-color-text-muted);
  --c8y-action-bar-color-default: var(--c8y-root-component-color-default);
  --c8y-right-drawer-text-muted: var(--c8y-root-component-color-text-muted);
  --c8y-right-drawer-link-color-hover: var(--c8y-root-component-brand-primary);
  --c8y-right-drawer-link-color-default: var(--c8y-root-component-brand-primary);
  --c8y-navigator-scrollbar-track: var(--c8y-root-component-scrollbar-track);
  --c8y-root-component-form-control-border-color-focus: var(--c8y-form-control-border-color-focus);
  --c8y-root-component-form-control-color-disabled: var(--c8y-form-control-color-disabled);
  --c8y-root-component-form-control-background-focus: var(--c8y-form-control-background-focus);
  --c8y-root-component-form-control-background-default: var(--c8y-form-control-background-default);
  --c8y-root-component-form-legend-color: var(--c8y-form-legend-color);
  --c8y-root-component-form-label-color: var(--c8y-form-label-color);
  --c8y-root-component-color-link-hover: var(--c8y-link-hover-color);
  --c8y-root-component-color-link: var(--c8y-link-color);
  --c8y-popover-label-color: var(--c8y-root-component-form-label-color);
  --c8y-popover-color-link-hover: var(--c8y-root-component-color-link-hover);
  --c8y-popover-color-link: var(--c8y-root-component-color-link);
  --c8y-root-component-form-control-color-focus: var(--c8y-form-control-color-focus);
  --c8y-root-component-form-control-color-default: var(--c8y-form-control-color-default);
}
@media (prefers-color-scheme: dark) {
  .c8y-system-theme {
    --c8y-elevation-hover: none;
    --c8y-elevation-sm: none;
    /* Elevation for Cards, Select dropdowns, Date pickers, Time pickers */
    --c8y-elevation-md-bottom: none;
    /* Elevation md bottom */
    --c8y-elevation-md-top: none;
    /* Elevation md rop */
    --c8y-elevation-md-left: none;
    /* Elevation md right */
    --c8y-elevation-md-right: none;
    /* Elevation md right */
    --c8y-elevation-lg: none;
    /* Elevation for Modals */
    --c8y-elevation-color: 1, 31, 61;
    /* The rgb values of #f2f2f3 (the palette-gray-10) */
    --c8y-switch-background-active: var(--c8y-brand-40);
    --c8y-tooltip-opacity: 0.95;
    --c8y-nav-tabs-background-hover: transparent;
    --c8y-nav-tabs-background-default: transparent;
    --c8y-navlink-background-focus: transparent;
    --c8y-navlink-background-active: transparent;
    --c8y-navlink-background-hover: transparent;
    --c8y-navbar-border-color: transparent;
    --c8y-btn-primary-border-color-active: var(--c8y-brand-70);
    --c8y-btn-primary-background-active: var(--c8y-brand-70);
    --c8y-btn-default-background-active: var(--c8y-brand-40);
    --c8y-btn-default-background-focus: transparent;
    --c8y-btn-default-background-hover: transparent;
    --c8y-btn-default-background-default: transparent;
    --c8y-btn-default-color-active: var(--c8y-brand-10);
    --c8y-right-drawer-background-active: var(--c8y-brand-20);
    --c8y-navigator-background-active: var(--c8y-brand-20);
    --c8y-main-header-border-color: transparent;
    --c8y-main-header-background-active: var(--c8y-brand-20);
    --c8y-main-header-background-hover: inherit;
    --c8y-code-border-color: transparent;
    --c8y-code-color: var(--c8y-palette-blue-80);
    --c8y-code-background: var(--c8y-palette-blue-30);
    --c8y-blockquote-border-color: transparent;
    --c8y-headings-color: inherit;
    --c8y-root-component-color-expanded: inherit;
    --c8y-root-component-background-hover: var(--c8y-brand-10);
    --c8y-root-component-background-disabled: rgba(255, 255, 255, 0.1);
    /* Don't use when changing opacity */
    --c8y-brand-realtime-added: var(--c8y-brand-40);
    --c8y-brand-accent-light: var(--c8y-palette-blue-80);
    --c8y-brand-accent-dark: var(--c8y-palette-blue-10);
    --c8y-brand-accent: var(--c8y-palette-blue-30);
    --c8y-brand-light: var(--brand-light, var(--c8y-palette-yellow-68));
    --c8y-brand-80: var(--c8y-palette-yellow-80);
    --c8y-brand-70: var(--c8y-palette-yellow-70);
    --c8y-brand-60: var(--c8y-palette-yellow-60);
    --c8y-brand-50: var(--c8y-palette-yellow-50);
    --c8y-brand-40: var(--c8y-palette-yellow-40);
    --c8y-brand-30: var(--c8y-palette-yellow-30);
    --c8y-brand-20: var(--c8y-palette-yellow-20);
    --c8y-brand-10: var(--c8y-palette-yellow-10);
    --c8y-palette-status-realtime: #00bb00;
    --c8y-palette-status-info-dark: #105589;
    --c8y-palette-status-info-light: #ebf5ff;
    --c8y-palette-status-info: #1776BF;
    --c8y-palette-status-success-dark: #007700;
    /* suitable for text */
    --c8y-palette-status-success-light: #f4fce3;
    --c8y-palette-status-success: #71A112;
    --c8y-palette-status-danger-dark: #8f0009;
    /* suitable for text */
    --c8y-palette-status-danger-light: #fae6e8;
    --c8y-palette-status-danger: #DC5B68;
    --c8y-palette-status-warning-high: #fff1e0;
    --c8y-palette-status-warning-light: #ECBE23;
    --c8y-palette-status-warning-dark: #806A00;
    --c8y-palette-status-warning: #E07800;
    --c8y-palette-gray-100: #23262A;
    --c8y-palette-gray-90: #2e3338;
    --c8y-palette-gray-80: #32363A;
    --c8y-palette-gray-70: #4e5154;
    --c8y-palette-gray-60: #5f6265;
    --c8y-palette-gray-50: #707375;
    --c8y-palette-gray-40: #b5b7b9;
    --c8y-palette-gray-30: #cacbcc;
    --c8y-palette-gray-20: #dedee0;
    --c8y-palette-gray-10: #f2f2f3;
    --c8y-palette-low: #1e2124;
    --c8y-palette-high: white;
    --c8y-global-disabled-opacity: 0.55;
    --c8y-global-odd: linear-gradient(to top, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.03));
    --c8y-elevation-border: inset 0 0 0 1px var(--c8y-palette-gray-80);
    /* For App switchers, Overflow menus, Tooltips */
    --c8y-helpdrawer-background-default: var(--c8y-palette-gray-80);
    --c8y-dropdown-background-default: var(--c8y-palette-gray-70);
    --c8y-switch-background-default: var(--c8y-palette-gray-60);
    --c8y-tooltip-color-default: var(--c8y-palette-gray-100);
    --c8y-tooltip-background-default: var(--c8y-palette-gray-10);
    --c8y-popover-background-default: var(--c8y-palette-gray-80);
    --c8y-page-sticky-header-background-default: var(--c8y-palette-gray-90);
    --c8y-nav-pills-background-focus: var(--c8y-navlink-background-focus);
    --c8y-nav-pills-background-active: var(--c8y-navlink-background-active);
    --c8y-nav-pills-background-hover: var(--c8y-navlink-background-hover);
    --c8y-nav-tabs-icon-color-default: var(--c8y-palette-gray-40);
    --c8y-nav-tabs-background-focus: var(--c8y-navlink-background-focus);
    --c8y-modal-background-default: var(--c8y-palette-gray-80);
    --c8y-modal-backdrop-background: var(--c8y-palette-low);
    --c8y-form-validation-color-info: var(--c8y-palette-status-info);
    --c8y-form-validation-color-success: var(--c8y-palette-status-success);
    --c8y-form-validation-color-warning: var(--c8y-palette-status-warning);
    --c8y-form-validation-color-error: var(--c8y-palette-status-danger);
    --c8y-form-control-placeholder-color: var(--c8y-palette-gray-40);
    --c8y-form-control-disabled-opacity: var(--c8y-global-disabled-opacity);
    --c8y-form-control-border-color-default: var(--c8y-palette-gray-70);
    --c8y-form-control-background-disabled: var(--c8y-component-background-disabled, var(--c8y-root-component-background-disabled));
    --c8y-btn-danger-border-color-active: var(--c8y-palette-status-danger-dark);
    --c8y-btn-danger-border-color-focus: var(--c8y-palette-status-danger);
    --c8y-btn-danger-border-color-hover: var(--c8y-palette-status-danger);
    --c8y-btn-danger-border-color-default: var(--c8y-palette-status-danger);
    --c8y-btn-danger-background-active: var(--c8y-palette-status-danger-dark);
    --c8y-btn-danger-background-focus: var(--c8y-palette-high);
    --c8y-btn-danger-background-hover: var(--c8y-palette-high);
    --c8y-btn-danger-background-default: var(--c8y-palette-status-danger);
    --c8y-btn-danger-color-active: var(--c8y-palette-high);
    --c8y-btn-danger-color-focus: var(--c8y-palette-status-danger);
    --c8y-btn-danger-color-hover: var(--c8y-palette-status-danger);
    --c8y-btn-danger-color-default: var(--c8y-palette-high);
    --c8y-btn-accent-border-color-active: var(--c8y-brand-accent-dark);
    --c8y-btn-accent-border-color-focus: var(--c8y-brand-accent);
    --c8y-btn-accent-border-color-hover: var(--c8y-brand-accent);
    --c8y-btn-accent-border-color-default: var(--c8y-brand-accent);
    --c8y-btn-accent-background-active: var(--c8y-brand-accent-dark);
    --c8y-btn-accent-background-focus: var(--c8y-palette-high);
    --c8y-btn-accent-background-hover: var(--c8y-palette-high);
    --c8y-btn-accent-background-default: var(--c8y-brand-accent);
    --c8y-btn-accent-color-active: var(--c8y-palette-high);
    --c8y-btn-accent-color-focus: var(--c8y-brand-accent);
    --c8y-btn-accent-color-hover: var(--c8y-brand-accent);
    --c8y-btn-accent-color-default: var(--c8y-palette-high);
    --c8y-btn-primary-color-active: var(--c8y-palette-high);
    --c8y-btn-primary-color-default: var(--c8y-palette-low);
    --c8y-alert-status-info: var(--c8y-palette-status-info);
    --c8y-alert-status-success: var(--c8y-palette-status-success);
    --c8y-alert-status-danger: var(--c8y-palette-status-danger);
    --c8y-alert-status-warning: var(--c8y-palette-status-warning);
    --c8y-alert-background-default: var(--c8y-palette-gray-70);
    --c8y-action-bar-background-default: var(--c8y-palette-low);
    --c8y-right-drawer-separator-color: var(--c8y-palette-gray-80);
    --c8y-right-drawer-text-color-default: var(--c8y-palette-gray-20);
    --c8y-right-drawer-background-selected: var(--c8y-palette-gray-90);
    --c8y-right-drawer-background-default: var(--c8y-palette-low);
    --c8y-navigator-separator-color: var(--c8y-palette-gray-80);
    --c8y-navigator-text-color-default: var(--c8y-palette-gray-20);
    --c8y-navigator-background-selected: var(--c8y-palette-gray-90);
    --c8y-navigator-background-default: var(--c8y-palette-low);
    --c8y-main-header-background-default: var(--c8y-palette-low);
    --c8y-pre-border-color: var(--c8y-palette-gray-70);
    --c8y-pre-color: var(--c8y-palette-gray-30);
    --c8y-pre-background: var(--c8y-palette-gray-90);
    --c8y-abbr-border-color: var(--c8y-palette-gray-40);
    --c8y-text-muted: var(--c8y-palette-gray-40);
    --c8y-text-color: var(--c8y-palette-gray-30);
    --c8y-root-component-scrollbar-thumb-hover: var(--c8y-palette-gray-70);
    --c8y-root-component-scrollbar-thumb-default: var(--c8y-palette-gray-80);
    --c8y-root-component-icon-color: var(--c8y-palette-gray-30);
    --c8y-root-component-icon-dark-color-light: var(--c8y-brand-light);
    --c8y-root-component-pulse-color: var(--c8y-palette-status-realtime);
    --c8y-root-component-realtime-added: var(--c8y-brand-realtime-added);
    --c8y-root-component-disabled-opacity: var(--c8y-global-disabled-opacity);
    --c8y-root-component-actions-opacity: var(--c8y-global-disabled-opacity);
    --c8y-root-component-color-disabled: var(--c8y-palette-gray-70);
    /* Don't use when changing opacity */
    --c8y-root-component-background-expanded: var(--c8y-palette-gray-90);
    --c8y-root-component-background-odd: var(--c8y-global-odd);
    /* use for alternate stripes */
    --c8y-root-component-background-default: var(--c8y-palette-gray-100);
    --c8y-level-4: var(--c8y-palette-gray-60);
    --c8y-level-3: var(--c8y-palette-gray-70);
    --c8y-level-2: var(--c8y-palette-gray-80);
    --c8y-level-1: var(--c8y-palette-gray-90);
    --c8y-level-0: var(--c8y-palette-gray-100);
    --c8y-brand-complementary: var(--brand-complementary, var(--c8y-brand-70));
    --c8y-brand-dark: var(--brand-dark, var(--c8y-brand-40));
    --c8y-brand-primary: var(--brand-primary, var(--c8y-brand-60));
    --c8y-body-background-color: var(--c8y-palette-low);
    --c8y-global-separator: var(--c8y-palette-gray-70);
    --c8y-switch-handle-color: var(--c8y-root-component-background-default);
    --c8y-switch-handle-background: var(--c8y-text-color);
    --c8y-popover-icon-color: var(--c8y-root-component-icon-color);
    --c8y-page-sticky-header-color-default: var(--c8y-text-color);
    --c8y-nav-tabs-icon-color-active: var(--brand-primary, var(--c8y-brand-primary));
    --c8y-nav-tabs-icon-color-focus: var(--brand-primary, var(--c8y-brand-primary));
    --c8y-nav-tabs-icon-color-hover: var(--brand-primary, var(--c8y-brand-primary));
    --c8y-nav-tabs-background-active: var(--c8y-root-component-background-default);
    --c8y-navlink-color-focus: var(--brand-primary, var(--c8y-brand-primary));
    --c8y-navlink-color-active: var(--brand-primary, var(--c8y-brand-primary));
    --c8y-navlink-color-hover: var(--brand-primary, var(--c8y-brand-primary));
    --c8y-navlink-color-default: var(--c8y-text-color);
    --c8y-navlink-background-default: var(--c8y-root-component-background-default);
    --c8y-navbar-color-default: var(--c8y-text-color);
    --c8y-navbar-background-default: var(--c8y-root-component-background-default);
    --c8y-form-control-icon-color: var(--brand-primary, var(--c8y-brand-primary));
    --c8y-form-control-border-color-focus: var(--brand-primary, var(--c8y-brand-primary));
    --c8y-form-control-color-disabled: var(--c8y-component-color-disabled, var(--c8y-root-component-color-disabled));
    --c8y-form-control-background-focus: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
    --c8y-form-control-background-default: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
    --c8y-form-legend-color: var(--c8y-text-color);
    --c8y-form-label-color: var(--c8y-text-color);
    --c8y-btn-primary-border-color-focus: var(--brand-primary, var(--c8y-brand-primary));
    --c8y-btn-primary-border-color-hover: var(--brand-primary, var(--c8y-brand-primary));
    --c8y-btn-primary-border-color-default: var(--brand-primary, var(--c8y-brand-primary));
    --c8y-btn-primary-background-focus: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
    --c8y-btn-primary-background-hover: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
    --c8y-btn-primary-background-default: var(--brand-primary, var(--c8y-brand-primary));
    --c8y-btn-primary-color-focus: var(--brand-primary, var(--c8y-brand-primary));
    --c8y-btn-primary-color-hover: var(--brand-primary, var(--c8y-brand-primary));
    --c8y-btn-default-border-color-active: var(--brand-primary, var(--c8y-brand-primary));
    --c8y-btn-default-border-color-focus: var(--brand-primary, var(--c8y-brand-primary));
    --c8y-btn-default-border-color-hover: var(--brand-primary, var(--c8y-brand-primary));
    --c8y-btn-default-border-color-default: var(--brand-primary, var(--c8y-brand-primary));
    --c8y-btn-default-color-focus: var(--brand-primary, var(--c8y-brand-primary));
    --c8y-btn-default-color-hover: var(--brand-primary, var(--c8y-brand-primary));
    --c8y-btn-default-color-default: var(--brand-primary, var(--c8y-brand-primary));
    --c8y-alert-status-system: var(--brand-primary, var(--c8y-brand-primary));
    --c8y-action-bar-icon-color: var(--c8y-root-component-icon-color);
    --c8y-action-bar-disabled-opacity: var(--c8y-root-component-disabled-opacity);
    --c8y-action-bar-actions-opacity: var(--c8y-root-component-actions-opacity);
    --c8y-right-drawer-border-selected: var(--brand-primary, var(--c8y-brand-primary));
    --c8y-right-drawer-text-color-active: var(--c8y-right-drawer-text-color-default);
    --c8y-right-drawer-text-color-selected: var(--c8y-right-drawer-text-color-default);
    --c8y-navigator-scrollbar-thumb-hover: var(--c8y-root-component-scrollbar-thumb-hover);
    --c8y-navigator-scrollbar-thumb-default: var(--c8y-root-component-scrollbar-thumb-default);
    --c8y-navigator-border-selected: var(--brand-primary, var(--c8y-brand-primary));
    --c8y-navigator-header-color: var(--c8y-navigator-text-color-default);
    --c8y-navigator-header-background: var(--c8y-navigator-background-default);
    --c8y-navigator-text-color-active: var(--c8y-navigator-text-color-default);
    --c8y-navigator-text-color-selected: var(--c8y-navigator-text-color-default);
    --c8y-main-header-shadow: inset 0 -1px 0 var(--c8y-global-separator);
    --c8y-main-header-text-color-hover: var(--brand-primary, var(--c8y-brand-primary));
    --c8y-main-header-text-color-default: var(--c8y-text-color);
    --c8y-link-hover-color: var(--brand-primary, var(--c8y-brand-primary));
    --c8y-link-color: var(--brand-primary, var(--c8y-brand-primary));
    --c8y-root-component-form-control-placeholder-color: var(--c8y-form-control-placeholder-color);
    --c8y-root-component-form-control-border-color-default: var(--c8y-form-control-border-color-default);
    --c8y-root-component-form-control-background-disabled: var(--c8y-form-control-background-disabled);
    --c8y-root-component-scrollbar-track: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
    --c8y-root-component-icon-dark-color-dark: var(--c8y-brand-dark);
    --c8y-root-component-icon-white-color-dark: var(--c8y-brand-dark);
    --c8y-root-component-icon-white-color-light: var(--c8y-brand-primary);
    --c8y-root-component-brand-primary: var(--brand-primary, var(--c8y-brand-primary));
    --c8y-root-component-spinner-color: var(--brand-primary, var(--c8y-brand-primary));
    --c8y-root-component-border-color: var(--c8y-global-separator);
    --c8y-root-component-separator-color: var(--c8y-global-separator);
    --c8y-root-component-color-focus: var(--brand-primary, var(--c8y-brand-primary));
    --c8y-root-component-color-accent: var(--brand-primary, var(--c8y-brand-primary));
    --c8y-root-component-color-actions-hover: var(--brand-primary, var(--c8y-brand-primary));
    --c8y-root-component-color-actions: var(--c8y-text-color);
    --c8y-root-component-color-text-muted: var(--c8y-text-muted);
    --c8y-root-component-color-active: var(--brand-primary, var(--c8y-brand-primary));
    --c8y-root-component-color-odd: var(--c8y-text-color);
    --c8y-root-component-color-default: var(--c8y-text-color);
    --c8y-root-component-background-focus: var(--c8y-root-component-background-default);
    --c8y-root-component-background-expanded-gradient: linear-gradient(0deg, rgba(255, 255, 255, 0.03) 0px, var(--c8y-root-component-background-expanded) 12px, var(--c8y-root-component-background-expanded) calc(100% - 12px), rgba(0, 0, 0, 0.03) 100%);
    --c8y-root-component-background-active: var(--c8y-root-component-background-default);
    --c8y-palette-status-system: var(--brand-primary, var(--c8y-brand-primary));
    --c8y-tooltip-border-color: var(--c8y-root-component-border-color);
    --c8y-popover-border-color: var(--c8y-root-component-border-color);
    --c8y-popover-color-default: var(--c8y-root-component-color-default);
    --c8y-page-sticky-header-color-active: var(--c8y-link-color);
    --c8y-page-sticky-header-color-hover: var(--c8y-link-hover-color);
    --c8y-nav-pills-color-focus: var(--c8y-navlink-color-focus);
    --c8y-nav-pills-color-active: var(--c8y-navlink-color-active);
    --c8y-nav-pills-color-hover: var(--c8y-navlink-color-hover);
    --c8y-nav-pills-color-default: var(--c8y-navlink-color-default);
    --c8y-nav-pills-background-default: var(--c8y-navlink-background-default);
    --c8y-nav-tabs-border-color-active: var(--c8y-root-component-brand-primary);
    --c8y-nav-tabs-border-color-default: var(--c8y-root-component-border-color);
    --c8y-nav-tabs-color-focus: var(--c8y-navlink-color-focus);
    --c8y-nav-tabs-color-active: var(--c8y-navlink-color-active);
    --c8y-nav-tabs-color-hover: var(--c8y-navlink-color-hover);
    --c8y-nav-tabs-color-default: var(--c8y-navlink-color-default);
    --c8y-navbar-link: var(--c8y-root-component-brand-primary);
    --c8y-modal-color-default: var(--c8y-root-component-color-default);
    --c8y-form-control-color-focus: var(--c8y-component-color-default, var(--c8y-root-component-color-default));
    --c8y-form-control-color-default: var(--c8y-component-color-default, var(--c8y-root-component-color-default));
    --c8y-alert-color-default: var(--c8y-root-component-color-default);
    --c8y-action-bar-border-color: var(--c8y-root-component-border-color);
    --c8y-action-bar-color-focus: var(--c8y-root-component-color-focus);
    --c8y-action-bar-color-actions-hover: var(--c8y-root-component-color-actions-hover);
    --c8y-action-bar-color-actions: var(--c8y-root-component-color-actions);
    --c8y-action-bar-color-text-muted: var(--c8y-root-component-color-text-muted);
    --c8y-action-bar-color-default: var(--c8y-root-component-color-default);
    --c8y-right-drawer-text-muted: var(--c8y-root-component-color-text-muted);
    --c8y-right-drawer-link-color-hover: var(--c8y-root-component-brand-primary);
    --c8y-right-drawer-link-color-default: var(--c8y-root-component-brand-primary);
    --c8y-navigator-scrollbar-track: var(--c8y-root-component-scrollbar-track);
    --c8y-root-component-form-control-border-color-focus: var(--c8y-form-control-border-color-focus);
    --c8y-root-component-form-control-color-disabled: var(--c8y-form-control-color-disabled);
    --c8y-root-component-form-control-background-focus: var(--c8y-form-control-background-focus);
    --c8y-root-component-form-control-background-default: var(--c8y-form-control-background-default);
    --c8y-root-component-form-legend-color: var(--c8y-form-legend-color);
    --c8y-root-component-form-label-color: var(--c8y-form-label-color);
    --c8y-root-component-color-link-hover: var(--c8y-link-hover-color);
    --c8y-root-component-color-link: var(--c8y-link-color);
    --c8y-popover-label-color: var(--c8y-root-component-form-label-color);
    --c8y-popover-color-link-hover: var(--c8y-root-component-color-link-hover);
    --c8y-popover-color-link: var(--c8y-root-component-color-link);
    --c8y-root-component-form-control-color-focus: var(--c8y-form-control-color-focus);
    --c8y-root-component-form-control-color-default: var(--c8y-form-control-color-default);
    --c8y-brand-logo-img: url('logo-platform-white.svg');
    --c8y-navigator-platform-logo: url('logo-platform-white.svg');
    --c8y-header-color: var(--c8y-main-header-background-default);
    --c8y-header-text-color: var(--c8y-main-header-text-color-default);
    --c8y-header-hover-color: var(--c8y-main-header-text-color-hover);
    --c8y-navigator-bg-color: var(--c8y-navigator-background-default);
    --c8y-navigator-header-bg: var(--c8y-navigator-header-background);
    --c8y-navigator-title-color: var(--c8y-navigator-header-color);
    --c8y-navigator-active-bg: var(--c8y-navigator-background-selected);
    --c8y-navigator-text-color: var(--c8y-navigator-text-color-default);
    --c8y-navigator-color-active: var(--c8y-navigator-text-color-selected);
    --c8y-navigator-border-active: var(--c8y-navigator-border-selected);
    --c8y-right-drawer-link-color: var(--c8y-right-drawer-link-color-default);
  }
}
/* CUMULOCITY-IOT BRAND CSS VARS */
/* DEPRECATED */
:root,
.c8y-light-theme {
  --c8y-brand-logo-img: url('logo-platform.svg');
  --c8y-brand-logo-height: 20%;
  --c8y-navigator-platform-logo: url('logo-platform.svg');
  --c8y-navigator-platform-logo-height: 32px;
  --c8y-header-color: var(--c8y-main-header-background-default);
  --c8y-header-text-color: var(--c8y-main-header-text-color-default);
  --c8y-header-hover-color: var(--c8y-main-header-text-color-hover);
  --c8y-navigator-bg-color: var(--c8y-navigator-background-default);
  --c8y-navigator-header-bg: var(--c8y-navigator-header-background);
  --c8y-navigator-title-color: var(--c8y-navigator-header-color);
  --c8y-navigator-active-bg: var(--c8y-navigator-background-selected);
  --c8y-navigator-text-color: var(--c8y-navigator-text-color-default);
  --c8y-navigator-color-active: var(--c8y-navigator-text-color-selected);
  --c8y-navigator-border-active: var(--c8y-navigator-border-selected);
  --c8y-right-drawer-link-color: var(--c8y-right-drawer-link-color-default);
}
.c8y-dark-theme {
  --c8y-brand-logo-img: url('logo-platform-white.svg');
  --c8y-navigator-platform-logo: url('logo-platform-white.svg');
  --c8y-header-color: var(--c8y-main-header-background-default);
  --c8y-header-text-color: var(--c8y-main-header-text-color-default);
  --c8y-header-hover-color: var(--c8y-main-header-text-color-hover);
  --c8y-navigator-bg-color: var(--c8y-navigator-background-default);
  --c8y-navigator-header-bg: var(--c8y-navigator-header-background);
  --c8y-navigator-title-color: var(--c8y-navigator-header-color);
  --c8y-navigator-active-bg: var(--c8y-navigator-background-selected);
  --c8y-navigator-text-color: var(--c8y-navigator-text-color-default);
  --c8y-navigator-color-active: var(--c8y-navigator-text-color-selected);
  --c8y-navigator-border-active: var(--c8y-navigator-border-selected);
  --c8y-right-drawer-link-color: var(--c8y-right-drawer-link-color-default);
}
@media (prefers-color-scheme: dark) {
  .c8y-system-theme {
    --c8y-elevation-hover: none;
    --c8y-elevation-sm: none;
    /* Elevation for Cards, Select dropdowns, Date pickers, Time pickers */
    --c8y-elevation-md-bottom: none;
    /* Elevation md bottom */
    --c8y-elevation-md-top: none;
    /* Elevation md rop */
    --c8y-elevation-md-left: none;
    /* Elevation md right */
    --c8y-elevation-md-right: none;
    /* Elevation md right */
    --c8y-elevation-lg: none;
    /* Elevation for Modals */
    --c8y-elevation-color: 1, 31, 61;
    /* The rgb values of #f2f2f3 (the palette-gray-10) */
    --c8y-switch-background-active: var(--c8y-brand-40);
    --c8y-tooltip-opacity: 0.95;
    --c8y-nav-tabs-background-hover: transparent;
    --c8y-nav-tabs-background-default: transparent;
    --c8y-navlink-background-focus: transparent;
    --c8y-navlink-background-active: transparent;
    --c8y-navlink-background-hover: transparent;
    --c8y-navbar-border-color: transparent;
    --c8y-btn-primary-border-color-active: var(--c8y-brand-70);
    --c8y-btn-primary-background-active: var(--c8y-brand-70);
    --c8y-btn-default-background-active: var(--c8y-brand-40);
    --c8y-btn-default-background-focus: transparent;
    --c8y-btn-default-background-hover: transparent;
    --c8y-btn-default-background-default: transparent;
    --c8y-btn-default-color-active: var(--c8y-brand-10);
    --c8y-right-drawer-background-active: var(--c8y-brand-20);
    --c8y-navigator-background-active: var(--c8y-brand-20);
    --c8y-main-header-border-color: transparent;
    --c8y-main-header-background-active: var(--c8y-brand-20);
    --c8y-main-header-background-hover: inherit;
    --c8y-code-border-color: transparent;
    --c8y-code-color: var(--c8y-palette-blue-80);
    --c8y-code-background: var(--c8y-palette-blue-30);
    --c8y-blockquote-border-color: transparent;
    --c8y-headings-color: inherit;
    --c8y-root-component-color-expanded: inherit;
    --c8y-root-component-background-hover: var(--c8y-brand-10);
    --c8y-root-component-background-disabled: rgba(255, 255, 255, 0.1);
    /* Don't use when changing opacity */
    --c8y-brand-realtime-added: var(--c8y-brand-40);
    --c8y-brand-accent-light: var(--c8y-palette-blue-80);
    --c8y-brand-accent-dark: var(--c8y-palette-blue-10);
    --c8y-brand-accent: var(--c8y-palette-blue-30);
    --c8y-brand-light: var(--brand-light, var(--c8y-palette-yellow-68));
    --c8y-brand-80: var(--c8y-palette-yellow-80);
    --c8y-brand-70: var(--c8y-palette-yellow-70);
    --c8y-brand-60: var(--c8y-palette-yellow-60);
    --c8y-brand-50: var(--c8y-palette-yellow-50);
    --c8y-brand-40: var(--c8y-palette-yellow-40);
    --c8y-brand-30: var(--c8y-palette-yellow-30);
    --c8y-brand-20: var(--c8y-palette-yellow-20);
    --c8y-brand-10: var(--c8y-palette-yellow-10);
    --c8y-palette-status-realtime: #00bb00;
    --c8y-palette-status-info-dark: #105589;
    --c8y-palette-status-info-light: #ebf5ff;
    --c8y-palette-status-info: #1776BF;
    --c8y-palette-status-success-dark: #007700;
    /* suitable for text */
    --c8y-palette-status-success-light: #f4fce3;
    --c8y-palette-status-success: #71A112;
    --c8y-palette-status-danger-dark: #8f0009;
    /* suitable for text */
    --c8y-palette-status-danger-light: #fae6e8;
    --c8y-palette-status-danger: #DC5B68;
    --c8y-palette-status-warning-high: #fff1e0;
    --c8y-palette-status-warning-light: #ECBE23;
    --c8y-palette-status-warning-dark: #806A00;
    --c8y-palette-status-warning: #E07800;
    --c8y-palette-gray-100: #23262A;
    --c8y-palette-gray-90: #2e3338;
    --c8y-palette-gray-80: #32363A;
    --c8y-palette-gray-70: #4e5154;
    --c8y-palette-gray-60: #5f6265;
    --c8y-palette-gray-50: #707375;
    --c8y-palette-gray-40: #b5b7b9;
    --c8y-palette-gray-30: #cacbcc;
    --c8y-palette-gray-20: #dedee0;
    --c8y-palette-gray-10: #f2f2f3;
    --c8y-palette-low: #1e2124;
    --c8y-palette-high: white;
    --c8y-global-disabled-opacity: 0.55;
    --c8y-global-odd: linear-gradient(to top, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.03));
    --c8y-elevation-border: inset 0 0 0 1px var(--c8y-palette-gray-80);
    /* For App switchers, Overflow menus, Tooltips */
    --c8y-helpdrawer-background-default: var(--c8y-palette-gray-80);
    --c8y-dropdown-background-default: var(--c8y-palette-gray-70);
    --c8y-switch-background-default: var(--c8y-palette-gray-60);
    --c8y-tooltip-color-default: var(--c8y-palette-gray-100);
    --c8y-tooltip-background-default: var(--c8y-palette-gray-10);
    --c8y-popover-background-default: var(--c8y-palette-gray-80);
    --c8y-page-sticky-header-background-default: var(--c8y-palette-gray-90);
    --c8y-nav-pills-background-focus: var(--c8y-navlink-background-focus);
    --c8y-nav-pills-background-active: var(--c8y-navlink-background-active);
    --c8y-nav-pills-background-hover: var(--c8y-navlink-background-hover);
    --c8y-nav-tabs-icon-color-default: var(--c8y-palette-gray-40);
    --c8y-nav-tabs-background-focus: var(--c8y-navlink-background-focus);
    --c8y-modal-background-default: var(--c8y-palette-gray-80);
    --c8y-modal-backdrop-background: var(--c8y-palette-low);
    --c8y-form-validation-color-info: var(--c8y-palette-status-info);
    --c8y-form-validation-color-success: var(--c8y-palette-status-success);
    --c8y-form-validation-color-warning: var(--c8y-palette-status-warning);
    --c8y-form-validation-color-error: var(--c8y-palette-status-danger);
    --c8y-form-control-placeholder-color: var(--c8y-palette-gray-40);
    --c8y-form-control-disabled-opacity: var(--c8y-global-disabled-opacity);
    --c8y-form-control-border-color-default: var(--c8y-palette-gray-70);
    --c8y-form-control-background-disabled: var(--c8y-component-background-disabled, var(--c8y-root-component-background-disabled));
    --c8y-btn-danger-border-color-active: var(--c8y-palette-status-danger-dark);
    --c8y-btn-danger-border-color-focus: var(--c8y-palette-status-danger);
    --c8y-btn-danger-border-color-hover: var(--c8y-palette-status-danger);
    --c8y-btn-danger-border-color-default: var(--c8y-palette-status-danger);
    --c8y-btn-danger-background-active: var(--c8y-palette-status-danger-dark);
    --c8y-btn-danger-background-focus: var(--c8y-palette-high);
    --c8y-btn-danger-background-hover: var(--c8y-palette-high);
    --c8y-btn-danger-background-default: var(--c8y-palette-status-danger);
    --c8y-btn-danger-color-active: var(--c8y-palette-high);
    --c8y-btn-danger-color-focus: var(--c8y-palette-status-danger);
    --c8y-btn-danger-color-hover: var(--c8y-palette-status-danger);
    --c8y-btn-danger-color-default: var(--c8y-palette-high);
    --c8y-btn-accent-border-color-active: var(--c8y-brand-accent-dark);
    --c8y-btn-accent-border-color-focus: var(--c8y-brand-accent);
    --c8y-btn-accent-border-color-hover: var(--c8y-brand-accent);
    --c8y-btn-accent-border-color-default: var(--c8y-brand-accent);
    --c8y-btn-accent-background-active: var(--c8y-brand-accent-dark);
    --c8y-btn-accent-background-focus: var(--c8y-palette-high);
    --c8y-btn-accent-background-hover: var(--c8y-palette-high);
    --c8y-btn-accent-background-default: var(--c8y-brand-accent);
    --c8y-btn-accent-color-active: var(--c8y-palette-high);
    --c8y-btn-accent-color-focus: var(--c8y-brand-accent);
    --c8y-btn-accent-color-hover: var(--c8y-brand-accent);
    --c8y-btn-accent-color-default: var(--c8y-palette-high);
    --c8y-btn-primary-color-active: var(--c8y-palette-high);
    --c8y-btn-primary-color-default: var(--c8y-palette-low);
    --c8y-alert-status-info: var(--c8y-palette-status-info);
    --c8y-alert-status-success: var(--c8y-palette-status-success);
    --c8y-alert-status-danger: var(--c8y-palette-status-danger);
    --c8y-alert-status-warning: var(--c8y-palette-status-warning);
    --c8y-alert-background-default: var(--c8y-palette-gray-70);
    --c8y-action-bar-background-default: var(--c8y-palette-low);
    --c8y-right-drawer-separator-color: var(--c8y-palette-gray-80);
    --c8y-right-drawer-text-color-default: var(--c8y-palette-gray-20);
    --c8y-right-drawer-background-selected: var(--c8y-palette-gray-90);
    --c8y-right-drawer-background-default: var(--c8y-palette-low);
    --c8y-navigator-separator-color: var(--c8y-palette-gray-80);
    --c8y-navigator-text-color-default: var(--c8y-palette-gray-20);
    --c8y-navigator-background-selected: var(--c8y-palette-gray-90);
    --c8y-navigator-background-default: var(--c8y-palette-low);
    --c8y-main-header-background-default: var(--c8y-palette-low);
    --c8y-pre-border-color: var(--c8y-palette-gray-70);
    --c8y-pre-color: var(--c8y-palette-gray-30);
    --c8y-pre-background: var(--c8y-palette-gray-90);
    --c8y-abbr-border-color: var(--c8y-palette-gray-40);
    --c8y-text-muted: var(--c8y-palette-gray-40);
    --c8y-text-color: var(--c8y-palette-gray-30);
    --c8y-root-component-scrollbar-thumb-hover: var(--c8y-palette-gray-70);
    --c8y-root-component-scrollbar-thumb-default: var(--c8y-palette-gray-80);
    --c8y-root-component-icon-color: var(--c8y-palette-gray-30);
    --c8y-root-component-icon-dark-color-light: var(--c8y-brand-light);
    --c8y-root-component-pulse-color: var(--c8y-palette-status-realtime);
    --c8y-root-component-realtime-added: var(--c8y-brand-realtime-added);
    --c8y-root-component-disabled-opacity: var(--c8y-global-disabled-opacity);
    --c8y-root-component-actions-opacity: var(--c8y-global-disabled-opacity);
    --c8y-root-component-color-disabled: var(--c8y-palette-gray-70);
    /* Don't use when changing opacity */
    --c8y-root-component-background-expanded: var(--c8y-palette-gray-90);
    --c8y-root-component-background-odd: var(--c8y-global-odd);
    /* use for alternate stripes */
    --c8y-root-component-background-default: var(--c8y-palette-gray-100);
    --c8y-level-4: var(--c8y-palette-gray-60);
    --c8y-level-3: var(--c8y-palette-gray-70);
    --c8y-level-2: var(--c8y-palette-gray-80);
    --c8y-level-1: var(--c8y-palette-gray-90);
    --c8y-level-0: var(--c8y-palette-gray-100);
    --c8y-brand-complementary: var(--brand-complementary, var(--c8y-brand-70));
    --c8y-brand-dark: var(--brand-dark, var(--c8y-brand-40));
    --c8y-brand-primary: var(--brand-primary, var(--c8y-brand-60));
    --c8y-body-background-color: var(--c8y-palette-low);
    --c8y-global-separator: var(--c8y-palette-gray-70);
    --c8y-switch-handle-color: var(--c8y-root-component-background-default);
    --c8y-switch-handle-background: var(--c8y-text-color);
    --c8y-popover-icon-color: var(--c8y-root-component-icon-color);
    --c8y-page-sticky-header-color-default: var(--c8y-text-color);
    --c8y-nav-tabs-icon-color-active: var(--brand-primary, var(--c8y-brand-primary));
    --c8y-nav-tabs-icon-color-focus: var(--brand-primary, var(--c8y-brand-primary));
    --c8y-nav-tabs-icon-color-hover: var(--brand-primary, var(--c8y-brand-primary));
    --c8y-nav-tabs-background-active: var(--c8y-root-component-background-default);
    --c8y-navlink-color-focus: var(--brand-primary, var(--c8y-brand-primary));
    --c8y-navlink-color-active: var(--brand-primary, var(--c8y-brand-primary));
    --c8y-navlink-color-hover: var(--brand-primary, var(--c8y-brand-primary));
    --c8y-navlink-color-default: var(--c8y-text-color);
    --c8y-navlink-background-default: var(--c8y-root-component-background-default);
    --c8y-navbar-color-default: var(--c8y-text-color);
    --c8y-navbar-background-default: var(--c8y-root-component-background-default);
    --c8y-form-control-icon-color: var(--brand-primary, var(--c8y-brand-primary));
    --c8y-form-control-border-color-focus: var(--brand-primary, var(--c8y-brand-primary));
    --c8y-form-control-color-disabled: var(--c8y-component-color-disabled, var(--c8y-root-component-color-disabled));
    --c8y-form-control-background-focus: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
    --c8y-form-control-background-default: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
    --c8y-form-legend-color: var(--c8y-text-color);
    --c8y-form-label-color: var(--c8y-text-color);
    --c8y-btn-primary-border-color-focus: var(--brand-primary, var(--c8y-brand-primary));
    --c8y-btn-primary-border-color-hover: var(--brand-primary, var(--c8y-brand-primary));
    --c8y-btn-primary-border-color-default: var(--brand-primary, var(--c8y-brand-primary));
    --c8y-btn-primary-background-focus: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
    --c8y-btn-primary-background-hover: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
    --c8y-btn-primary-background-default: var(--brand-primary, var(--c8y-brand-primary));
    --c8y-btn-primary-color-focus: var(--brand-primary, var(--c8y-brand-primary));
    --c8y-btn-primary-color-hover: var(--brand-primary, var(--c8y-brand-primary));
    --c8y-btn-default-border-color-active: var(--brand-primary, var(--c8y-brand-primary));
    --c8y-btn-default-border-color-focus: var(--brand-primary, var(--c8y-brand-primary));
    --c8y-btn-default-border-color-hover: var(--brand-primary, var(--c8y-brand-primary));
    --c8y-btn-default-border-color-default: var(--brand-primary, var(--c8y-brand-primary));
    --c8y-btn-default-color-focus: var(--brand-primary, var(--c8y-brand-primary));
    --c8y-btn-default-color-hover: var(--brand-primary, var(--c8y-brand-primary));
    --c8y-btn-default-color-default: var(--brand-primary, var(--c8y-brand-primary));
    --c8y-alert-status-system: var(--brand-primary, var(--c8y-brand-primary));
    --c8y-action-bar-icon-color: var(--c8y-root-component-icon-color);
    --c8y-action-bar-disabled-opacity: var(--c8y-root-component-disabled-opacity);
    --c8y-action-bar-actions-opacity: var(--c8y-root-component-actions-opacity);
    --c8y-right-drawer-border-selected: var(--brand-primary, var(--c8y-brand-primary));
    --c8y-right-drawer-text-color-active: var(--c8y-right-drawer-text-color-default);
    --c8y-right-drawer-text-color-selected: var(--c8y-right-drawer-text-color-default);
    --c8y-navigator-scrollbar-thumb-hover: var(--c8y-root-component-scrollbar-thumb-hover);
    --c8y-navigator-scrollbar-thumb-default: var(--c8y-root-component-scrollbar-thumb-default);
    --c8y-navigator-border-selected: var(--brand-primary, var(--c8y-brand-primary));
    --c8y-navigator-header-color: var(--c8y-navigator-text-color-default);
    --c8y-navigator-header-background: var(--c8y-navigator-background-default);
    --c8y-navigator-text-color-active: var(--c8y-navigator-text-color-default);
    --c8y-navigator-text-color-selected: var(--c8y-navigator-text-color-default);
    --c8y-main-header-shadow: inset 0 -1px 0 var(--c8y-global-separator);
    --c8y-main-header-text-color-hover: var(--brand-primary, var(--c8y-brand-primary));
    --c8y-main-header-text-color-default: var(--c8y-text-color);
    --c8y-link-hover-color: var(--brand-primary, var(--c8y-brand-primary));
    --c8y-link-color: var(--brand-primary, var(--c8y-brand-primary));
    --c8y-root-component-form-control-placeholder-color: var(--c8y-form-control-placeholder-color);
    --c8y-root-component-form-control-border-color-default: var(--c8y-form-control-border-color-default);
    --c8y-root-component-form-control-background-disabled: var(--c8y-form-control-background-disabled);
    --c8y-root-component-scrollbar-track: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
    --c8y-root-component-icon-dark-color-dark: var(--c8y-brand-dark);
    --c8y-root-component-icon-white-color-dark: var(--c8y-brand-dark);
    --c8y-root-component-icon-white-color-light: var(--c8y-brand-primary);
    --c8y-root-component-brand-primary: var(--brand-primary, var(--c8y-brand-primary));
    --c8y-root-component-spinner-color: var(--brand-primary, var(--c8y-brand-primary));
    --c8y-root-component-border-color: var(--c8y-global-separator);
    --c8y-root-component-separator-color: var(--c8y-global-separator);
    --c8y-root-component-color-focus: var(--brand-primary, var(--c8y-brand-primary));
    --c8y-root-component-color-accent: var(--brand-primary, var(--c8y-brand-primary));
    --c8y-root-component-color-actions-hover: var(--brand-primary, var(--c8y-brand-primary));
    --c8y-root-component-color-actions: var(--c8y-text-color);
    --c8y-root-component-color-text-muted: var(--c8y-text-muted);
    --c8y-root-component-color-active: var(--brand-primary, var(--c8y-brand-primary));
    --c8y-root-component-color-odd: var(--c8y-text-color);
    --c8y-root-component-color-default: var(--c8y-text-color);
    --c8y-root-component-background-focus: var(--c8y-root-component-background-default);
    --c8y-root-component-background-expanded-gradient: linear-gradient(0deg, rgba(255, 255, 255, 0.03) 0px, var(--c8y-root-component-background-expanded) 12px, var(--c8y-root-component-background-expanded) calc(100% - 12px), rgba(0, 0, 0, 0.03) 100%);
    --c8y-root-component-background-active: var(--c8y-root-component-background-default);
    --c8y-palette-status-system: var(--brand-primary, var(--c8y-brand-primary));
    --c8y-tooltip-border-color: var(--c8y-root-component-border-color);
    --c8y-popover-border-color: var(--c8y-root-component-border-color);
    --c8y-popover-color-default: var(--c8y-root-component-color-default);
    --c8y-page-sticky-header-color-active: var(--c8y-link-color);
    --c8y-page-sticky-header-color-hover: var(--c8y-link-hover-color);
    --c8y-nav-pills-color-focus: var(--c8y-navlink-color-focus);
    --c8y-nav-pills-color-active: var(--c8y-navlink-color-active);
    --c8y-nav-pills-color-hover: var(--c8y-navlink-color-hover);
    --c8y-nav-pills-color-default: var(--c8y-navlink-color-default);
    --c8y-nav-pills-background-default: var(--c8y-navlink-background-default);
    --c8y-nav-tabs-border-color-active: var(--c8y-root-component-brand-primary);
    --c8y-nav-tabs-border-color-default: var(--c8y-root-component-border-color);
    --c8y-nav-tabs-color-focus: var(--c8y-navlink-color-focus);
    --c8y-nav-tabs-color-active: var(--c8y-navlink-color-active);
    --c8y-nav-tabs-color-hover: var(--c8y-navlink-color-hover);
    --c8y-nav-tabs-color-default: var(--c8y-navlink-color-default);
    --c8y-navbar-link: var(--c8y-root-component-brand-primary);
    --c8y-modal-color-default: var(--c8y-root-component-color-default);
    --c8y-form-control-color-focus: var(--c8y-component-color-default, var(--c8y-root-component-color-default));
    --c8y-form-control-color-default: var(--c8y-component-color-default, var(--c8y-root-component-color-default));
    --c8y-alert-color-default: var(--c8y-root-component-color-default);
    --c8y-action-bar-border-color: var(--c8y-root-component-border-color);
    --c8y-action-bar-color-focus: var(--c8y-root-component-color-focus);
    --c8y-action-bar-color-actions-hover: var(--c8y-root-component-color-actions-hover);
    --c8y-action-bar-color-actions: var(--c8y-root-component-color-actions);
    --c8y-action-bar-color-text-muted: var(--c8y-root-component-color-text-muted);
    --c8y-action-bar-color-default: var(--c8y-root-component-color-default);
    --c8y-right-drawer-text-muted: var(--c8y-root-component-color-text-muted);
    --c8y-right-drawer-link-color-hover: var(--c8y-root-component-brand-primary);
    --c8y-right-drawer-link-color-default: var(--c8y-root-component-brand-primary);
    --c8y-navigator-scrollbar-track: var(--c8y-root-component-scrollbar-track);
    --c8y-root-component-form-control-border-color-focus: var(--c8y-form-control-border-color-focus);
    --c8y-root-component-form-control-color-disabled: var(--c8y-form-control-color-disabled);
    --c8y-root-component-form-control-background-focus: var(--c8y-form-control-background-focus);
    --c8y-root-component-form-control-background-default: var(--c8y-form-control-background-default);
    --c8y-root-component-form-legend-color: var(--c8y-form-legend-color);
    --c8y-root-component-form-label-color: var(--c8y-form-label-color);
    --c8y-root-component-color-link-hover: var(--c8y-link-hover-color);
    --c8y-root-component-color-link: var(--c8y-link-color);
    --c8y-popover-label-color: var(--c8y-root-component-form-label-color);
    --c8y-popover-color-link-hover: var(--c8y-root-component-color-link-hover);
    --c8y-popover-color-link: var(--c8y-root-component-color-link);
    --c8y-root-component-form-control-color-focus: var(--c8y-form-control-color-focus);
    --c8y-root-component-form-control-color-default: var(--c8y-form-control-color-default);
    --c8y-brand-logo-img: url('logo-platform-white.svg');
    --c8y-navigator-platform-logo: url('logo-platform-white.svg');
    --c8y-header-color: var(--c8y-main-header-background-default);
    --c8y-header-text-color: var(--c8y-main-header-text-color-default);
    --c8y-header-hover-color: var(--c8y-main-header-text-color-hover);
    --c8y-navigator-bg-color: var(--c8y-navigator-background-default);
    --c8y-navigator-header-bg: var(--c8y-navigator-header-background);
    --c8y-navigator-title-color: var(--c8y-navigator-header-color);
    --c8y-navigator-active-bg: var(--c8y-navigator-background-selected);
    --c8y-navigator-text-color: var(--c8y-navigator-text-color-default);
    --c8y-navigator-color-active: var(--c8y-navigator-text-color-selected);
    --c8y-navigator-border-active: var(--c8y-navigator-border-selected);
    --c8y-right-drawer-link-color: var(--c8y-right-drawer-link-color-default);
    --brand-logo-img: url('logo-platform-white.svg');
    --navigator-platform-logo: url('logo-platform-white.svg');
    --header-color: var(--c8y-main-header-background-default);
    --header-text-color: var(--c8y-main-header-text-color-default);
    --header-hover-color: var(--c8y-main-header-text-color-hover);
    --navigator-bg-color: var(--c8y-navigator-background-default);
    --navigator-header-bg: var(--c8y-navigator-header-background);
    --navigator-title-color: var(--c8y-navigator-header-color);
    --navigator-active-bg: var(--c8y-navigator-background-active);
    --navigator-text-color: var(--c8y-navigator-text-color-default);
    --navigator-color-active: var(--c8y-navigator-text-color-selected);
    --navigator-border-active: var(--c8y-navigator-border-selected);
    --right-drawer-link-color: var(--c8y-right-drawer-link-color-default);
  }
}
/* grays */
/* Brand */
/* Status, feedback states and alerts */
/* NAVIGATOR */
/* RIGHT DRAWER */
/* change the used icons. Available options are:
-'white'for using the same colors as .c8y-icon-white
-'duo'for using the same colors as .c8y-icon-duocolor
-'none' to use the default @drawer-color
*/
/* MAIN HEADER */
/* TYPOGRAPHY COLORS */
/* Text */
/* Headings */
/* Links */
/* COMPONENTS */
/* Icons */
/* Page sticky header */
/* Layout */
/* Form-control */
/* Input type="range" */
/* TODO: Remove after Codex launch. will be replaced by Tag */
/* TODO: Remove after Codex launch. will be replaced by Tag */
/* GLOBAL MARGINS AND SPACING */
/* MARGINS */
/* NAVIGATOR */
/* TOP MAIN BAR */
/* MEDIA QUERIES BREAKPOINTS */
/* NAVLINK */
/* NAVPILLS */
body c8y-dashboard-gridstack:not([name]):not([use-context]) > .dashboard-theme-branded,
body.c8y-dark-theme c8y-dashboard-gridstack:not([name]):not([use-context]) > .dashboard-theme-branded,
body .dashboard-preview-slot.panel-content-branded,
body.c8y-dark-theme .dashboard-preview-slot.panel-content-branded,
body .dashboard-preview-slot.dashboard-theme-branded,
body.c8y-dark-theme .dashboard-preview-slot.dashboard-theme-branded,
body c8y-context-dashboard.c8y-grid-dashboard.dashboard-theme-branded,
body.c8y-dark-theme c8y-context-dashboard.c8y-grid-dashboard.dashboard-theme-branded,
body .c8y-grid-dashboard c8y-dashboard-child .panel-content-branded,
body.c8y-dark-theme .c8y-grid-dashboard c8y-dashboard-child .panel-content-branded,
body:has(.dashboard-theme-branded) .c8y-ui-action-bar,
body.c8y-dark-theme:has(.dashboard-theme-branded) .c8y-ui-action-bar {
  --c8y-abbr-border-color: var(--c8y-palette-gray-40);
  --c8y-action-bar-actions-opacity: var(--c8y-root-component-actions-opacity);
  --c8y-action-bar-background-default: var(--c8y-brand-10);
  --c8y-action-bar-border-color: var(--c8y-brand-30);
  --c8y-action-bar-color-actions-hover: var(--c8y-brand-60);
  --c8y-action-bar-color-actions: var(--c8y-palette-high);
  --c8y-action-bar-color-default: var(--c8y-palette-high);
  --c8y-action-bar-color-focus: var(--c8y-brand-80);
  --c8y-action-bar-color-text-muted: var(--c8y-brand-80);
  --c8y-action-bar-disabled-opacity: var(--c8y-root-component-disabled-opacity);
  --c8y-action-bar-icon-color: var(--v8y-brand-80);
  --c8y-alert-background-default: var(--c8y-palette-gray-80);
  --c8y-alert-color-default: var(--c8y-root-component-color-default);
  --c8y-alert-status-danger: var(--c8y-palette-status-danger);
  --c8y-alert-status-info: var(--c8y-palette-status-info);
  --c8y-alert-status-success: var(--c8y-palette-status-success);
  --c8y-alert-status-system: var(--c8y-root-component-brand-primary);
  --c8y-alert-status-warning: var(--c8y-palette-status-warning);
  --c8y-blockquote-border-color: transparent;
  --c8y-body-background-color: var(--c8y-brand-10);
  --c8y-btn-accent-background-active: var(--c8y-brand-accent-dark);
  --c8y-btn-accent-background-default: var(--c8y-brand-accent);
  --c8y-btn-accent-background-focus: var(--c8y-palette-high);
  --c8y-btn-accent-background-hover: var(--c8y-palette-high);
  --c8y-btn-accent-border-color-active: var(--c8y-brand-accent-dark);
  --c8y-btn-accent-border-color-default: var(--c8y-brand-accent);
  --c8y-btn-accent-border-color-focus: var(--c8y-brand-accent);
  --c8y-btn-accent-border-color-hover: var(--c8y-brand-accent);
  --c8y-btn-accent-color-active: var(--c8y-palette-high);
  --c8y-btn-accent-color-default: var(--c8y-palette-high);
  --c8y-btn-accent-color-focus: var(--c8y-brand-accent);
  --c8y-btn-accent-color-hover: var(--c8y-brand-accent);
  --c8y-btn-danger-background-active: var(--c8y-palette-status-danger-dark);
  --c8y-btn-danger-background-default: var(--c8y-palette-status-danger);
  --c8y-btn-danger-background-focus: var(--c8y-palette-high);
  --c8y-btn-danger-background-hover: var(--c8y-palette-high);
  --c8y-btn-danger-border-color-active: var(--c8y-palette-status-danger-dark);
  --c8y-btn-danger-border-color-default: var(--c8y-palette-status-danger);
  --c8y-btn-danger-border-color-focus: var(--c8y-palette-status-danger);
  --c8y-btn-danger-border-color-hover: var(--c8y-palette-status-danger);
  --c8y-btn-danger-color-active: var(--c8y-palette-high);
  --c8y-btn-danger-color-default: var(--c8y-palette-high);
  --c8y-btn-danger-color-focus: var(--c8y-palette-status-danger);
  --c8y-btn-danger-color-hover: var(--c8y-palette-status-danger);
  --c8y-btn-default-background-active: var(--c8y-brand-50);
  --c8y-btn-default-background-default: transparent;
  --c8y-btn-default-background-focus: transparent;
  --c8y-btn-default-background-hover: transparent;
  --c8y-btn-default-border-color-active: var(--c8y-root-component-brand-primary);
  --c8y-btn-default-border-color-default: var(--c8y-root-component-brand-primary);
  --c8y-btn-default-border-color-focus: var(--c8y-root-component-brand-primary);
  --c8y-btn-default-border-color-hover: var(--c8y-root-component-brand-primary);
  --c8y-btn-default-color-active: var(--c8y-brand-80);
  --c8y-btn-default-color-default: var(--c8y-root-component-brand-primary);
  --c8y-btn-default-color-focus: var(--c8y-root-component-brand-primary);
  --c8y-btn-default-color-hover: var(--c8y-root-component-brand-primary);
  --c8y-btn-primary-background-active: var(--c8y-brand-10);
  --c8y-btn-primary-background-default: var(--c8y-brand-60);
  --c8y-btn-primary-background-focus: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  --c8y-btn-primary-background-hover: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  --c8y-btn-primary-border-color-active: var(--c8y-brand-70);
  --c8y-btn-primary-border-color-default: var(--c8y-brand-60);
  --c8y-btn-primary-border-color-focus: var(--c8y-brand-70);
  --c8y-btn-primary-border-color-hover: var(--c8y-brand-70);
  --c8y-btn-primary-color-active: var(--c8y-palette-high);
  --c8y-btn-primary-color-default: var(--c8y-palette-gray-100);
  --c8y-btn-primary-color-focus: var(--c8y-palette-high);
  --c8y-btn-primary-color-hover: var(--c8y-palette-high);
  --c8y-code-background-color: var(--c8y-palette-gray-100);
  --c8y-code-border-color: transparent;
  --c8y-code-color: var(--c8y-palette-status-danger-dark);
  --c8y-dropdown-background-default: var(--c8y-brand-20);
  --c8y-elevation-border: none;
  /* For App switchers, Overflow menus, Tooltips */
  --c8y-elevation-hover: none;
  --c8y-elevation-lg: none;
  /* Elevation for Modals */
  --c8y-elevation-md: none;
  /* Elevation for Panels, App switchers, Overflow menus, Tooltips */
  --c8y-elevation-sm: none;
  /* Elevation for Cards, Select dropdowns, Date pickers, Time pickers, Dropdown buttons */
  --c8y-form-control-background-default: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  --c8y-form-control-background-disabled: var(--c8y-component-background-disabled, var(--c8y-root-component-background-disabled));
  --c8y-form-control-background-focus: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  --c8y-form-control-border-color-default: var(--c8y-palette-gray-70);
  --c8y-form-control-border-color-focus: var(--brand-primary, var(--c8y-root-component-brand-primary));
  --c8y-form-control-color-default: var(--c8y-component-color-default, var(--c8y-root-component-color-default));
  --c8y-form-control-color-disabled: var(--c8y-component-color-disabled, var(--c8y-root-component-color-disabled));
  --c8y-form-control-color-focus: var(--c8y-component-color-default, var(--c8y-root-component-color-default));
  --c8y-form-control-disabled-opacity: var(--c8y-global-disabled-opacity);
  --c8y-form-control-icon-color: var(--brand-primary, var(--c8y-root-component-brand-primary));
  --c8y-form-control-placeholder-color: var(--c8y-palette-gray-40);
  --c8y-form-label-color: var(--c8y-palette-gray-20);
  --c8y-form-legend-color: var(--c8y-palette-gray-50);
  --c8y-form-validation-color-error: var(--c8y-palette-status-danger);
  --c8y-form-validation-color-info: var(--c8y-palette-status-info);
  --c8y-form-validation-color-success: var(--c8y-palette-status-success);
  --c8y-form-validation-color-warning: var(--c8y-palette-status-warning);
  --c8y-global-disabled-opacity: 0.55;
  --c8y-global-odd: linear-gradient(to top, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.03));
  --c8y-global-separator: var(--c8y-palette-gray-90);
  --c8y-headings-color: inherit;
  --c8y-icon-stroke-color: var(--c8y-palette-high);
  --c8y-level-0: var(--c8y-palette-gray-100);
  --c8y-level-1: var(--c8y-palette-gray-90);
  --c8y-level-2: var(--c8y-palette-gray-80);
  --c8y-level-3: var(--c8y-palette-gray-70);
  --c8y-level-4: var(--c8y-palette-gray-60);
  --c8y-link-color: var(--c8y-brand-80);
  --c8y-link-hover-color: var(--c8y-brand-80);
  --c8y-main-header-background-default: var(--c8y-palette-gray-100);
  --c8y-main-header-background-hover: inherit;
  --c8y-main-header-border-color: transparent;
  --c8y-main-header-shadow: var(--c8y-elevation-md-bottom);
  --c8y-modal-backdrop-background: var(--c8y-palette-low);
  --c8y-nav-pills-background-active: var(--c8y-navlink-background-active);
  --c8y-nav-pills-background-default: var(--c8y-navlink-background-default);
  --c8y-nav-pills-background-focus: var(--c8y-navlink-background-focus);
  --c8y-nav-pills-background-hover: var(--c8y-navlink-background-hover);
  --c8y-nav-pills-color-active: var(--c8y-navlink-color-active);
  --c8y-nav-pills-color-default: var(--c8y-navlink-color-default);
  --c8y-nav-pills-color-focus: var(--c8y-navlink-color-focus);
  --c8y-nav-pills-color-hover: var(--c8y-navlink-color-hover);
  --c8y-nav-tabs-background-active: var(--c8y-root-component-background-default);
  --c8y-nav-tabs-background-default: transparent;
  --c8y-nav-tabs-background-focus: var(--c8y-navlink-background-focus);
  --c8y-nav-tabs-background-hover: transparent;
  --c8y-nav-tabs-border-color-active: var(--c8y-root-component-brand-primary);
  --c8y-nav-tabs-border-color-default: var(--c8y-global-separator);
  --c8y-nav-tabs-color-active: var(--c8y-navlink-color-active);
  --c8y-nav-tabs-color-default: var(--c8y-navlink-color-default);
  --c8y-nav-tabs-color-focus: var(--c8y-navlink-color-focus);
  --c8y-nav-tabs-color-hover: var(--c8y-navlink-color-hover);
  --c8y-nav-tabs-icon-color-active: var(--c8y-navlink-color-default);
  --c8y-nav-tabs-icon-color-default: var(--c8y-palette-gray-40);
  --c8y-nav-tabs-icon-color-focus: var(--c8y-navlink-color-default);
  --c8y-nav-tabs-icon-color-hover: var(--c8y-navlink-color-default);
  --c8y-navbar-background-default: var(--c8y-root-component-background-default);
  --c8y-navbar-border-color: transparent;
  --c8y-navbar-color-default: var(--c8y-text-color);
  --c8y-navbar-link: var(--c8y-root-component-brand-primary);
  --c8y-navigator-background-default: var(--c8y-palette-low);
  --c8y-navigator-background-selected: var(--c8y-palette-gray-90);
  --c8y-navigator-scrollbar-track: var(--c8y-root-component-scrollbar-track);
  --c8y-navigator-separator-color: var(--c8y-palette-gray-80);
  --c8y-navigator-text-color-default: var(--c8y-palette-gray-20);
  --c8y-navlink-background-active: transparent;
  --c8y-navlink-background-default: var(--c8y-root-component-background-default);
  --c8y-navlink-background-focus: transparent;
  --c8y-navlink-background-hover: transparent;
  --c8y-navlink-color-active: var(--c8y-root-component-brand-primary);
  --c8y-navlink-color-default: var(--c8y-text-color);
  --c8y-navlink-color-focus: var(--c8y-root-component-brand-primary);
  --c8y-navlink-color-hover: var(--c8y-root-component-brand-primary);
  --c8y-page-sticky-header-background-default: var(--c8y-palette-gray-90);
  --c8y-page-sticky-header-color-active: var(--c8y-link-color);
  --c8y-page-sticky-header-color-default: var(--c8y-palette-gray-10);
  --c8y-page-sticky-header-color-hover: var(--c8y-link-hover-color);
  --c8y-palette-gray-10: #f9fafb;
  --c8y-palette-gray-100: var(--c8y-brand-20);
  --c8y-palette-gray-20: #ccd2d8;
  --c8y-palette-gray-30: var(--c8y-brand-80);
  --c8y-palette-gray-40: var(--c8y-brand-80);
  --c8y-palette-gray-50: var(--c8y-brand-70);
  --c8y-palette-gray-60: var(--c8y-brand-50);
  --c8y-palette-gray-70: var(--c8y-brand-50);
  --c8y-palette-gray-80: var(--c8y-brand-40);
  --c8y-palette-gray-90: var(--c8y-brand-30);
  --c8y-palette-high: white;
  --c8y-palette-low: var(--c8y-brand-80);
  --c8y-palette-purple-10: #f1e7fe;
  --c8y-palette-purple-20: #dabffc;
  --c8y-palette-purple-30: #c69dfb;
  --c8y-palette-purple-40: #a96cf9;
  --c8y-palette-purple-50: #8e3cf7;
  /* Accent */
  --c8y-palette-purple-60: #712dd2;
  --c8y-palette-purple-70: #5b25a7;
  --c8y-palette-purple-80: #3b2c5e;
  --c8y-palette-status-danger-dark: #8f0009;
  /* suitable for text */
  --c8y-palette-status-danger-light: #fae6e8;
  --c8y-palette-status-danger: #dc5b68;
  --c8y-palette-status-info-light: #ebf5ff;
  --c8y-palette-status-info: #0e85fb;
  --c8y-palette-status-realtime: #00bb00;
  --c8y-palette-status-success-dark: #008800;
  /* suitable for text */
  --c8y-palette-status-success-light: #f4fce3;
  --c8y-palette-status-success: #71a112;
  --c8y-palette-status-system: var(--c8y-brand-primary);
  --c8y-palette-status-warning-dark: #806a00;
  --c8y-palette-status-warning-high: #fff1e0;
  --c8y-palette-status-warning-light: #ecbe23;
  --c8y-palette-status-warning: #e07800;
  --c8y-palette-teal-10: #ebf9f8;
  --c8y-palette-teal-20: #c5edea;
  --c8y-palette-teal-30: #8adbd5;
  /* Primary */
  --c8y-palette-teal-40: #3cc1b7;
  --c8y-palette-teal-50: #22a6aa;
  --c8y-palette-teal-60: #058192;
  --c8y-palette-teal-70: #1c5569;
  --c8y-palette-teal-80: #134158;
  --c8y-popover-background-default: var(--c8y-palette-gray-30);
  --c8y-popover-border-color: var(--c8y-root-component-border-color);
  --c8y-popover-color-default: var(--c8y-palette-gray-100);
  --c8y-popover-color-link-hover: var(--c8y-root-component-color-link-hover);
  --c8y-popover-color-link: var(--c8y-root-component-color-link);
  --c8y-popover-icon-color: var(--c8y-palette-gray-80);
  --c8y-popover-label-color: var(--c8y-palette-gray-100);
  --c8y-pre-background: var(--c8y-palette-gray-90);
  --c8y-pre-border-color: var(--c8y-palette-gray-70);
  --c8y-pre-color: var(--c8y-palette-gray-30);
  --c8y-root-component-actions-opacity: var(--c8y-global-disabled-opacity);
  --c8y-root-component-background-active: var(--c8y-root-component-background-default);
  --c8y-root-component-background-default: var(--c8y-palette-gray-100);
  --c8y-root-component-background-disabled: rgba(255, 255, 255, 0.1);
  /* Don't use when changing opacity */
  --c8y-root-component-background-expanded-gradient: linear-gradient(0deg, rgba(255, 255, 255, 0.03) 0px, var(--c8y-root-component-background-expanded) 12px, var(--c8y-root-component-background-expanded) calc(100% - 12px), rgba(0, 0, 0, 0.03) 100%);
  --c8y-root-component-background-expanded: var(--c8y-palette-gray-100);
  --c8y-root-component-background-focus: var(--c8y-root-component-background-default);
  --c8y-root-component-background-hover: var(--c8y-palette-teal-80);
  --c8y-root-component-background-odd: var(--c8y-global-odd);
  /* use for alternate stripes */
  --c8y-root-component-border-color: var(--c8y-global-separator);
  --c8y-root-component-brand-primary: var(--c8y-brand-80);
  --c8y-root-component-color-accent: var(--c8y-root-component-brand-primary);
  --c8y-root-component-color-actions-hover: var(--c8y-brand-60);
  --c8y-root-component-color-actions: var(--c8y-palette-high);
  --c8y-root-component-color-active: var(--c8y-root-component-brand-primary);
  --c8y-root-component-color-default: var(--c8y-text-color);
  --c8y-root-component-color-disabled: var(--c8y-palette-gray-70);
  /* Don't use when changing opacity */
  --c8y-root-component-color-expanded: inherit;
  --c8y-root-component-color-focus: var(--c8y-root-component-brand-primary);
  --c8y-root-component-color-link-hover: var(--c8y-link-hover-color);
  --c8y-root-component-color-link: var(--c8y-link-color);
  --c8y-root-component-color-odd: var(--c8y-text-color);
  --c8y-root-component-color-text-muted: var(--c8y-text-muted);
  --c8y-root-component-disabled-opacity: var(--c8y-global-disabled-opacity);
  --c8y-root-component-form-control-background-default: var(--c8y-form-control-background-default);
  --c8y-root-component-form-control-background-disabled: var(--c8y-form-control-background-disabled);
  --c8y-root-component-form-control-background-focus: var(--c8y-form-control-background-focus);
  --c8y-root-component-form-control-border-color-default: var(--c8y-form-control-border-color-default);
  --c8y-root-component-form-control-border-color-focus: var(--c8y-form-control-border-color-focus);
  --c8y-root-component-form-control-color-default: var(--c8y-form-control-color-default);
  --c8y-root-component-form-control-color-disabled: var(--c8y-form-control-color-disabled);
  --c8y-root-component-form-control-color-focus: var(--c8y-form-control-color-focus);
  --c8y-root-component-form-control-placeholder-color: var(--c8y-form-control-placeholder-color);
  --c8y-root-component-form-label-color: var(--c8y-form-label-color);
  --c8y-root-component-form-legend-color: var(--c8y-form-legend-color);
  --c8y-root-component-icon-color: var(--c8y-palette-gray-30);
  --c8y-root-component-icon-dark-color-dark: var(--c8y-palette-high);
  --c8y-root-component-pulse-color: var(--c8y-palette-status-realtime);
  --c8y-root-component-realtime-added: var(--c8y-brand-realtime-added);
  --c8y-root-component-scrollbar-thumb-default: var(--c8y-palette-gray-80);
  --c8y-root-component-scrollbar-thumb-hover: var(--c8y-palette-gray-70);
  --c8y-root-component-scrollbar-track: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  --c8y-root-component-separator-color: var(--c8y-global-separator);
  --c8y-root-component-spinner-color: var(--c8y-brand-primary);
  --c8y-switch-background-active: var(--c8y-brand-30);
  --c8y-switch-background-default: var(--c8y-palette-gray-20);
  --c8y-switch-handle-background: var(--c8y-palette-high);
  --c8y-text-color: var(--c8y-palette-high);
  --c8y-text-muted: var(--c8y-palette-gray-40);
  --c8y-tooltip-background-default: var(--c8y-palette-gray-10);
  --c8y-tooltip-border-color: var(--c8y-root-component-border-color);
  --c8y-tooltip-color-default: var(--c8y-palette-gray-100);
  --c8y-tooltip-opacity: 0.95;
}
body .dashboard-preview-slot.dashboard-theme-branded,
body.c8y-dark-theme .dashboard-preview-slot.dashboard-theme-branded {
  background: var(--c8y-brand-10) !important;
}
body c8y-dashboard-gridstack:not([name]):not([use-context]) > .dashboard-theme-branded,
body.c8y-dark-theme c8y-dashboard-gridstack:not([name]):not([use-context]) > .dashboard-theme-branded,
body c8y-context-dashboard.c8y-grid-dashboard.dashboard-theme-branded,
body.c8y-dark-theme c8y-context-dashboard.c8y-grid-dashboard.dashboard-theme-branded {
  --c8y-dashboard-background: var(--c8y-brand-10);
  background-color: var(--c8y-dashboard-background);
  color: var(--c8y-text-color);
}
body:has(.dashboard-theme-branded) .c8y-ui-action-bar .btn-help {
  outline: 1px solid var(--palette-status-info, var(--c8y-palette-status-info));
  background-color: var(--palette-status-info, var(--c8y-palette-status-info));
  --help-info-color: var(--c8y-palette-high);
  color: var(--c8y-palette-high);
}
body:has(.dashboard-theme-branded) .c8y-top-drawer {
  --c8y-nav-tabs-background-default: var(--c8y-root-component-background-default);
  --c8y-nav-tabs-background-active: var(--c8y-body-background-color);
  background: var(--c8y-body-background-color);
  --c8y-level-1: var(--c8y-root-component-background-default);
}
body:has(.dashboard-theme-branded) .dashboard-theme-branded .label-primary {
  color: var(--c8y-root-component-color-default);
}
c8y-dashboard-gridstack:not([name]):not([use-context]) > .dashboard-theme-dark,
body .dashboard-preview-slot.panel-content-dark,
.dashboard-preview-slot.dashboard-theme-dark,
c8y-context-dashboard.c8y-grid-dashboard.dashboard-theme-dark,
.c8y-grid-dashboard c8y-dashboard-child .panel-content-dark {
  --c8y-elevation-hover: none;
  --c8y-elevation-sm: none;
  /* Elevation for Cards, Select dropdowns, Date pickers, Time pickers */
  --c8y-elevation-md-bottom: none;
  /* Elevation md bottom */
  --c8y-elevation-md-top: none;
  /* Elevation md rop */
  --c8y-elevation-md-left: none;
  /* Elevation md right */
  --c8y-elevation-md-right: none;
  /* Elevation md right */
  --c8y-elevation-lg: none;
  /* Elevation for Modals */
  --c8y-elevation-color: 1, 31, 61;
  /* The rgb values of #f2f2f3 (the palette-gray-10) */
  --c8y-switch-background-active: var(--c8y-brand-40);
  --c8y-tooltip-opacity: 0.95;
  --c8y-nav-tabs-background-hover: transparent;
  --c8y-nav-tabs-background-default: transparent;
  --c8y-navlink-background-focus: transparent;
  --c8y-navlink-background-active: transparent;
  --c8y-navlink-background-hover: transparent;
  --c8y-navbar-border-color: transparent;
  --c8y-btn-primary-border-color-active: var(--c8y-brand-70);
  --c8y-btn-primary-background-active: var(--c8y-brand-70);
  --c8y-btn-default-background-active: var(--c8y-brand-40);
  --c8y-btn-default-background-focus: transparent;
  --c8y-btn-default-background-hover: transparent;
  --c8y-btn-default-background-default: transparent;
  --c8y-btn-default-color-active: var(--c8y-brand-10);
  --c8y-right-drawer-background-active: var(--c8y-brand-20);
  --c8y-navigator-background-active: var(--c8y-brand-20);
  --c8y-main-header-border-color: transparent;
  --c8y-main-header-background-active: var(--c8y-brand-20);
  --c8y-main-header-background-hover: inherit;
  --c8y-code-border-color: transparent;
  --c8y-code-color: var(--c8y-palette-blue-80);
  --c8y-code-background: var(--c8y-palette-blue-30);
  --c8y-blockquote-border-color: transparent;
  --c8y-headings-color: inherit;
  --c8y-root-component-color-expanded: inherit;
  --c8y-root-component-background-hover: var(--c8y-brand-10);
  --c8y-root-component-background-disabled: rgba(255, 255, 255, 0.1);
  /* Don't use when changing opacity */
  --c8y-brand-realtime-added: var(--c8y-brand-40);
  --c8y-brand-accent-light: var(--c8y-palette-blue-80);
  --c8y-brand-accent-dark: var(--c8y-palette-blue-10);
  --c8y-brand-accent: var(--c8y-palette-blue-30);
  --c8y-brand-light: var(--brand-light, var(--c8y-palette-yellow-68));
  --c8y-brand-80: var(--c8y-palette-yellow-80);
  --c8y-brand-70: var(--c8y-palette-yellow-70);
  --c8y-brand-60: var(--c8y-palette-yellow-60);
  --c8y-brand-50: var(--c8y-palette-yellow-50);
  --c8y-brand-40: var(--c8y-palette-yellow-40);
  --c8y-brand-30: var(--c8y-palette-yellow-30);
  --c8y-brand-20: var(--c8y-palette-yellow-20);
  --c8y-brand-10: var(--c8y-palette-yellow-10);
  --c8y-palette-status-realtime: #00bb00;
  --c8y-palette-status-info-dark: #105589;
  --c8y-palette-status-info-light: #ebf5ff;
  --c8y-palette-status-info: #1776BF;
  --c8y-palette-status-success-dark: #007700;
  /* suitable for text */
  --c8y-palette-status-success-light: #f4fce3;
  --c8y-palette-status-success: #71A112;
  --c8y-palette-status-danger-dark: #8f0009;
  /* suitable for text */
  --c8y-palette-status-danger-light: #fae6e8;
  --c8y-palette-status-danger: #DC5B68;
  --c8y-palette-status-warning-high: #fff1e0;
  --c8y-palette-status-warning-light: #ECBE23;
  --c8y-palette-status-warning-dark: #806A00;
  --c8y-palette-status-warning: #E07800;
  --c8y-palette-gray-100: #23262A;
  --c8y-palette-gray-90: #2e3338;
  --c8y-palette-gray-80: #32363A;
  --c8y-palette-gray-70: #4e5154;
  --c8y-palette-gray-60: #5f6265;
  --c8y-palette-gray-50: #707375;
  --c8y-palette-gray-40: #b5b7b9;
  --c8y-palette-gray-30: #cacbcc;
  --c8y-palette-gray-20: #dedee0;
  --c8y-palette-gray-10: #f2f2f3;
  --c8y-palette-low: #1e2124;
  --c8y-palette-high: white;
  --c8y-global-disabled-opacity: 0.55;
  --c8y-global-odd: linear-gradient(to top, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.03));
  --c8y-elevation-border: inset 0 0 0 1px var(--c8y-palette-gray-80);
  /* For App switchers, Overflow menus, Tooltips */
  --c8y-helpdrawer-background-default: var(--c8y-palette-gray-80);
  --c8y-dropdown-background-default: var(--c8y-palette-gray-70);
  --c8y-switch-background-default: var(--c8y-palette-gray-60);
  --c8y-tooltip-color-default: var(--c8y-palette-gray-100);
  --c8y-tooltip-background-default: var(--c8y-palette-gray-10);
  --c8y-popover-background-default: var(--c8y-palette-gray-80);
  --c8y-page-sticky-header-background-default: var(--c8y-palette-gray-90);
  --c8y-nav-pills-background-focus: var(--c8y-navlink-background-focus);
  --c8y-nav-pills-background-active: var(--c8y-navlink-background-active);
  --c8y-nav-pills-background-hover: var(--c8y-navlink-background-hover);
  --c8y-nav-tabs-icon-color-default: var(--c8y-palette-gray-40);
  --c8y-nav-tabs-background-focus: var(--c8y-navlink-background-focus);
  --c8y-modal-background-default: var(--c8y-palette-gray-80);
  --c8y-modal-backdrop-background: var(--c8y-palette-low);
  --c8y-form-validation-color-info: var(--c8y-palette-status-info);
  --c8y-form-validation-color-success: var(--c8y-palette-status-success);
  --c8y-form-validation-color-warning: var(--c8y-palette-status-warning);
  --c8y-form-validation-color-error: var(--c8y-palette-status-danger);
  --c8y-form-control-placeholder-color: var(--c8y-palette-gray-40);
  --c8y-form-control-disabled-opacity: var(--c8y-global-disabled-opacity);
  --c8y-form-control-border-color-default: var(--c8y-palette-gray-70);
  --c8y-form-control-background-disabled: var(--c8y-component-background-disabled, var(--c8y-root-component-background-disabled));
  --c8y-btn-danger-border-color-active: var(--c8y-palette-status-danger-dark);
  --c8y-btn-danger-border-color-focus: var(--c8y-palette-status-danger);
  --c8y-btn-danger-border-color-hover: var(--c8y-palette-status-danger);
  --c8y-btn-danger-border-color-default: var(--c8y-palette-status-danger);
  --c8y-btn-danger-background-active: var(--c8y-palette-status-danger-dark);
  --c8y-btn-danger-background-focus: var(--c8y-palette-high);
  --c8y-btn-danger-background-hover: var(--c8y-palette-high);
  --c8y-btn-danger-background-default: var(--c8y-palette-status-danger);
  --c8y-btn-danger-color-active: var(--c8y-palette-high);
  --c8y-btn-danger-color-focus: var(--c8y-palette-status-danger);
  --c8y-btn-danger-color-hover: var(--c8y-palette-status-danger);
  --c8y-btn-danger-color-default: var(--c8y-palette-high);
  --c8y-btn-accent-border-color-active: var(--c8y-brand-accent-dark);
  --c8y-btn-accent-border-color-focus: var(--c8y-brand-accent);
  --c8y-btn-accent-border-color-hover: var(--c8y-brand-accent);
  --c8y-btn-accent-border-color-default: var(--c8y-brand-accent);
  --c8y-btn-accent-background-active: var(--c8y-brand-accent-dark);
  --c8y-btn-accent-background-focus: var(--c8y-palette-high);
  --c8y-btn-accent-background-hover: var(--c8y-palette-high);
  --c8y-btn-accent-background-default: var(--c8y-brand-accent);
  --c8y-btn-accent-color-active: var(--c8y-palette-high);
  --c8y-btn-accent-color-focus: var(--c8y-brand-accent);
  --c8y-btn-accent-color-hover: var(--c8y-brand-accent);
  --c8y-btn-accent-color-default: var(--c8y-palette-high);
  --c8y-btn-primary-color-active: var(--c8y-palette-high);
  --c8y-btn-primary-color-default: var(--c8y-palette-low);
  --c8y-alert-status-info: var(--c8y-palette-status-info);
  --c8y-alert-status-success: var(--c8y-palette-status-success);
  --c8y-alert-status-danger: var(--c8y-palette-status-danger);
  --c8y-alert-status-warning: var(--c8y-palette-status-warning);
  --c8y-alert-background-default: var(--c8y-palette-gray-70);
  --c8y-action-bar-background-default: var(--c8y-palette-low);
  --c8y-right-drawer-separator-color: var(--c8y-palette-gray-80);
  --c8y-right-drawer-text-color-default: var(--c8y-palette-gray-20);
  --c8y-right-drawer-background-selected: var(--c8y-palette-gray-90);
  --c8y-right-drawer-background-default: var(--c8y-palette-low);
  --c8y-navigator-separator-color: var(--c8y-palette-gray-80);
  --c8y-navigator-text-color-default: var(--c8y-palette-gray-20);
  --c8y-navigator-background-selected: var(--c8y-palette-gray-90);
  --c8y-navigator-background-default: var(--c8y-palette-low);
  --c8y-main-header-background-default: var(--c8y-palette-low);
  --c8y-pre-border-color: var(--c8y-palette-gray-70);
  --c8y-pre-color: var(--c8y-palette-gray-30);
  --c8y-pre-background: var(--c8y-palette-gray-90);
  --c8y-abbr-border-color: var(--c8y-palette-gray-40);
  --c8y-text-muted: var(--c8y-palette-gray-40);
  --c8y-text-color: var(--c8y-palette-gray-30);
  --c8y-root-component-scrollbar-thumb-hover: var(--c8y-palette-gray-70);
  --c8y-root-component-scrollbar-thumb-default: var(--c8y-palette-gray-80);
  --c8y-root-component-icon-color: var(--c8y-palette-gray-30);
  --c8y-root-component-icon-dark-color-light: var(--c8y-brand-light);
  --c8y-root-component-pulse-color: var(--c8y-palette-status-realtime);
  --c8y-root-component-realtime-added: var(--c8y-brand-realtime-added);
  --c8y-root-component-disabled-opacity: var(--c8y-global-disabled-opacity);
  --c8y-root-component-actions-opacity: var(--c8y-global-disabled-opacity);
  --c8y-root-component-color-disabled: var(--c8y-palette-gray-70);
  /* Don't use when changing opacity */
  --c8y-root-component-background-expanded: var(--c8y-palette-gray-90);
  --c8y-root-component-background-odd: var(--c8y-global-odd);
  /* use for alternate stripes */
  --c8y-root-component-background-default: var(--c8y-palette-gray-100);
  --c8y-level-4: var(--c8y-palette-gray-60);
  --c8y-level-3: var(--c8y-palette-gray-70);
  --c8y-level-2: var(--c8y-palette-gray-80);
  --c8y-level-1: var(--c8y-palette-gray-90);
  --c8y-level-0: var(--c8y-palette-gray-100);
  --c8y-brand-complementary: var(--brand-complementary, var(--c8y-brand-70));
  --c8y-brand-dark: var(--brand-dark, var(--c8y-brand-40));
  --c8y-brand-primary: var(--brand-primary, var(--c8y-brand-60));
  --c8y-body-background-color: var(--c8y-palette-low);
  --c8y-global-separator: var(--c8y-palette-gray-70);
  --c8y-switch-handle-color: var(--c8y-root-component-background-default);
  --c8y-switch-handle-background: var(--c8y-text-color);
  --c8y-popover-icon-color: var(--c8y-root-component-icon-color);
  --c8y-page-sticky-header-color-default: var(--c8y-text-color);
  --c8y-nav-tabs-icon-color-active: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-nav-tabs-icon-color-focus: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-nav-tabs-icon-color-hover: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-nav-tabs-background-active: var(--c8y-root-component-background-default);
  --c8y-navlink-color-focus: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-navlink-color-active: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-navlink-color-hover: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-navlink-color-default: var(--c8y-text-color);
  --c8y-navlink-background-default: var(--c8y-root-component-background-default);
  --c8y-navbar-color-default: var(--c8y-text-color);
  --c8y-navbar-background-default: var(--c8y-root-component-background-default);
  --c8y-form-control-icon-color: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-form-control-border-color-focus: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-form-control-color-disabled: var(--c8y-component-color-disabled, var(--c8y-root-component-color-disabled));
  --c8y-form-control-background-focus: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  --c8y-form-control-background-default: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  --c8y-form-legend-color: var(--c8y-text-color);
  --c8y-form-label-color: var(--c8y-text-color);
  --c8y-btn-primary-border-color-focus: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-primary-border-color-hover: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-primary-border-color-default: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-primary-background-focus: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  --c8y-btn-primary-background-hover: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  --c8y-btn-primary-background-default: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-primary-color-focus: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-primary-color-hover: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-default-border-color-active: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-default-border-color-focus: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-default-border-color-hover: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-default-border-color-default: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-default-color-focus: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-default-color-hover: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-default-color-default: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-alert-status-system: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-action-bar-icon-color: var(--c8y-root-component-icon-color);
  --c8y-action-bar-disabled-opacity: var(--c8y-root-component-disabled-opacity);
  --c8y-action-bar-actions-opacity: var(--c8y-root-component-actions-opacity);
  --c8y-right-drawer-border-selected: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-right-drawer-text-color-active: var(--c8y-right-drawer-text-color-default);
  --c8y-right-drawer-text-color-selected: var(--c8y-right-drawer-text-color-default);
  --c8y-navigator-scrollbar-thumb-hover: var(--c8y-root-component-scrollbar-thumb-hover);
  --c8y-navigator-scrollbar-thumb-default: var(--c8y-root-component-scrollbar-thumb-default);
  --c8y-navigator-border-selected: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-navigator-header-color: var(--c8y-navigator-text-color-default);
  --c8y-navigator-header-background: var(--c8y-navigator-background-default);
  --c8y-navigator-text-color-active: var(--c8y-navigator-text-color-default);
  --c8y-navigator-text-color-selected: var(--c8y-navigator-text-color-default);
  --c8y-main-header-shadow: inset 0 -1px 0 var(--c8y-global-separator);
  --c8y-main-header-text-color-hover: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-main-header-text-color-default: var(--c8y-text-color);
  --c8y-link-hover-color: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-link-color: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-root-component-form-control-placeholder-color: var(--c8y-form-control-placeholder-color);
  --c8y-root-component-form-control-border-color-default: var(--c8y-form-control-border-color-default);
  --c8y-root-component-form-control-background-disabled: var(--c8y-form-control-background-disabled);
  --c8y-root-component-scrollbar-track: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  --c8y-root-component-icon-dark-color-dark: var(--c8y-brand-dark);
  --c8y-root-component-icon-white-color-dark: var(--c8y-brand-dark);
  --c8y-root-component-icon-white-color-light: var(--c8y-brand-primary);
  --c8y-root-component-brand-primary: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-root-component-spinner-color: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-root-component-border-color: var(--c8y-global-separator);
  --c8y-root-component-separator-color: var(--c8y-global-separator);
  --c8y-root-component-color-focus: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-root-component-color-accent: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-root-component-color-actions-hover: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-root-component-color-actions: var(--c8y-text-color);
  --c8y-root-component-color-text-muted: var(--c8y-text-muted);
  --c8y-root-component-color-active: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-root-component-color-odd: var(--c8y-text-color);
  --c8y-root-component-color-default: var(--c8y-text-color);
  --c8y-root-component-background-focus: var(--c8y-root-component-background-default);
  --c8y-root-component-background-expanded-gradient: linear-gradient(0deg, rgba(255, 255, 255, 0.03) 0px, var(--c8y-root-component-background-expanded) 12px, var(--c8y-root-component-background-expanded) calc(100% - 12px), rgba(0, 0, 0, 0.03) 100%);
  --c8y-root-component-background-active: var(--c8y-root-component-background-default);
  --c8y-palette-status-system: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-tooltip-border-color: var(--c8y-root-component-border-color);
  --c8y-popover-border-color: var(--c8y-root-component-border-color);
  --c8y-popover-color-default: var(--c8y-root-component-color-default);
  --c8y-page-sticky-header-color-active: var(--c8y-link-color);
  --c8y-page-sticky-header-color-hover: var(--c8y-link-hover-color);
  --c8y-nav-pills-color-focus: var(--c8y-navlink-color-focus);
  --c8y-nav-pills-color-active: var(--c8y-navlink-color-active);
  --c8y-nav-pills-color-hover: var(--c8y-navlink-color-hover);
  --c8y-nav-pills-color-default: var(--c8y-navlink-color-default);
  --c8y-nav-pills-background-default: var(--c8y-navlink-background-default);
  --c8y-nav-tabs-border-color-active: var(--c8y-root-component-brand-primary);
  --c8y-nav-tabs-border-color-default: var(--c8y-root-component-border-color);
  --c8y-nav-tabs-color-focus: var(--c8y-navlink-color-focus);
  --c8y-nav-tabs-color-active: var(--c8y-navlink-color-active);
  --c8y-nav-tabs-color-hover: var(--c8y-navlink-color-hover);
  --c8y-nav-tabs-color-default: var(--c8y-navlink-color-default);
  --c8y-navbar-link: var(--c8y-root-component-brand-primary);
  --c8y-modal-color-default: var(--c8y-root-component-color-default);
  --c8y-form-control-color-focus: var(--c8y-component-color-default, var(--c8y-root-component-color-default));
  --c8y-form-control-color-default: var(--c8y-component-color-default, var(--c8y-root-component-color-default));
  --c8y-alert-color-default: var(--c8y-root-component-color-default);
  --c8y-action-bar-border-color: var(--c8y-root-component-border-color);
  --c8y-action-bar-color-focus: var(--c8y-root-component-color-focus);
  --c8y-action-bar-color-actions-hover: var(--c8y-root-component-color-actions-hover);
  --c8y-action-bar-color-actions: var(--c8y-root-component-color-actions);
  --c8y-action-bar-color-text-muted: var(--c8y-root-component-color-text-muted);
  --c8y-action-bar-color-default: var(--c8y-root-component-color-default);
  --c8y-right-drawer-text-muted: var(--c8y-root-component-color-text-muted);
  --c8y-right-drawer-link-color-hover: var(--c8y-root-component-brand-primary);
  --c8y-right-drawer-link-color-default: var(--c8y-root-component-brand-primary);
  --c8y-navigator-scrollbar-track: var(--c8y-root-component-scrollbar-track);
  --c8y-root-component-form-control-border-color-focus: var(--c8y-form-control-border-color-focus);
  --c8y-root-component-form-control-color-disabled: var(--c8y-form-control-color-disabled);
  --c8y-root-component-form-control-background-focus: var(--c8y-form-control-background-focus);
  --c8y-root-component-form-control-background-default: var(--c8y-form-control-background-default);
  --c8y-root-component-form-legend-color: var(--c8y-form-legend-color);
  --c8y-root-component-form-label-color: var(--c8y-form-label-color);
  --c8y-root-component-color-link-hover: var(--c8y-link-hover-color);
  --c8y-root-component-color-link: var(--c8y-link-color);
  --c8y-popover-label-color: var(--c8y-root-component-form-label-color);
  --c8y-popover-color-link-hover: var(--c8y-root-component-color-link-hover);
  --c8y-popover-color-link: var(--c8y-root-component-color-link);
  --c8y-root-component-form-control-color-focus: var(--c8y-form-control-color-focus);
  --c8y-root-component-form-control-color-default: var(--c8y-form-control-color-default);
  --c8y-brand-logo-img: url('logo-platform-white.svg');
  --c8y-navigator-platform-logo: url('logo-platform-white.svg');
  --c8y-header-color: var(--c8y-main-header-background-default);
  --c8y-header-text-color: var(--c8y-main-header-text-color-default);
  --c8y-header-hover-color: var(--c8y-main-header-text-color-hover);
  --c8y-navigator-bg-color: var(--c8y-navigator-background-default);
  --c8y-navigator-header-bg: var(--c8y-navigator-header-background);
  --c8y-navigator-title-color: var(--c8y-navigator-header-color);
  --c8y-navigator-active-bg: var(--c8y-navigator-background-selected);
  --c8y-navigator-text-color: var(--c8y-navigator-text-color-default);
  --c8y-navigator-color-active: var(--c8y-navigator-text-color-selected);
  --c8y-navigator-border-active: var(--c8y-navigator-border-selected);
  --c8y-right-drawer-link-color: var(--c8y-right-drawer-link-color-default);
}
c8y-dashboard-gridstack:not([name]):not([use-context]) > .dashboard-theme-dark,
c8y-context-dashboard.c8y-grid-dashboard.dashboard-theme-dark {
  --c8y-dashboard-background: var(--c8y-palette-low);
  background-color: var(--c8y-dashboard-background);
}
body:has(.dashboard-theme-dark:not(.dashboard-preview-slot)) .c8y-ui-action-bar {
  --c8y-elevation-hover: none;
  --c8y-elevation-sm: none;
  /* Elevation for Cards, Select dropdowns, Date pickers, Time pickers */
  --c8y-elevation-md-bottom: none;
  /* Elevation md bottom */
  --c8y-elevation-md-top: none;
  /* Elevation md rop */
  --c8y-elevation-md-left: none;
  /* Elevation md right */
  --c8y-elevation-md-right: none;
  /* Elevation md right */
  --c8y-elevation-lg: none;
  /* Elevation for Modals */
  --c8y-elevation-color: 1, 31, 61;
  /* The rgb values of #f2f2f3 (the palette-gray-10) */
  --c8y-switch-background-active: var(--c8y-brand-40);
  --c8y-tooltip-opacity: 0.95;
  --c8y-nav-tabs-background-hover: transparent;
  --c8y-nav-tabs-background-default: transparent;
  --c8y-navlink-background-focus: transparent;
  --c8y-navlink-background-active: transparent;
  --c8y-navlink-background-hover: transparent;
  --c8y-navbar-border-color: transparent;
  --c8y-btn-primary-border-color-active: var(--c8y-brand-70);
  --c8y-btn-primary-background-active: var(--c8y-brand-70);
  --c8y-btn-default-background-active: var(--c8y-brand-40);
  --c8y-btn-default-background-focus: transparent;
  --c8y-btn-default-background-hover: transparent;
  --c8y-btn-default-background-default: transparent;
  --c8y-btn-default-color-active: var(--c8y-brand-10);
  --c8y-right-drawer-background-active: var(--c8y-brand-20);
  --c8y-navigator-background-active: var(--c8y-brand-20);
  --c8y-main-header-border-color: transparent;
  --c8y-main-header-background-active: var(--c8y-brand-20);
  --c8y-main-header-background-hover: inherit;
  --c8y-code-border-color: transparent;
  --c8y-code-color: var(--c8y-palette-blue-80);
  --c8y-code-background: var(--c8y-palette-blue-30);
  --c8y-blockquote-border-color: transparent;
  --c8y-headings-color: inherit;
  --c8y-root-component-color-expanded: inherit;
  --c8y-root-component-background-hover: var(--c8y-brand-10);
  --c8y-root-component-background-disabled: rgba(255, 255, 255, 0.1);
  /* Don't use when changing opacity */
  --c8y-brand-realtime-added: var(--c8y-brand-40);
  --c8y-brand-accent-light: var(--c8y-palette-blue-80);
  --c8y-brand-accent-dark: var(--c8y-palette-blue-10);
  --c8y-brand-accent: var(--c8y-palette-blue-30);
  --c8y-brand-light: var(--brand-light, var(--c8y-palette-yellow-68));
  --c8y-brand-80: var(--c8y-palette-yellow-80);
  --c8y-brand-70: var(--c8y-palette-yellow-70);
  --c8y-brand-60: var(--c8y-palette-yellow-60);
  --c8y-brand-50: var(--c8y-palette-yellow-50);
  --c8y-brand-40: var(--c8y-palette-yellow-40);
  --c8y-brand-30: var(--c8y-palette-yellow-30);
  --c8y-brand-20: var(--c8y-palette-yellow-20);
  --c8y-brand-10: var(--c8y-palette-yellow-10);
  --c8y-palette-status-realtime: #00bb00;
  --c8y-palette-status-info-dark: #105589;
  --c8y-palette-status-info-light: #ebf5ff;
  --c8y-palette-status-info: #1776BF;
  --c8y-palette-status-success-dark: #007700;
  /* suitable for text */
  --c8y-palette-status-success-light: #f4fce3;
  --c8y-palette-status-success: #71A112;
  --c8y-palette-status-danger-dark: #8f0009;
  /* suitable for text */
  --c8y-palette-status-danger-light: #fae6e8;
  --c8y-palette-status-danger: #DC5B68;
  --c8y-palette-status-warning-high: #fff1e0;
  --c8y-palette-status-warning-light: #ECBE23;
  --c8y-palette-status-warning-dark: #806A00;
  --c8y-palette-status-warning: #E07800;
  --c8y-palette-gray-100: #23262A;
  --c8y-palette-gray-90: #2e3338;
  --c8y-palette-gray-80: #32363A;
  --c8y-palette-gray-70: #4e5154;
  --c8y-palette-gray-60: #5f6265;
  --c8y-palette-gray-50: #707375;
  --c8y-palette-gray-40: #b5b7b9;
  --c8y-palette-gray-30: #cacbcc;
  --c8y-palette-gray-20: #dedee0;
  --c8y-palette-gray-10: #f2f2f3;
  --c8y-palette-low: #1e2124;
  --c8y-palette-high: white;
  --c8y-global-disabled-opacity: 0.55;
  --c8y-global-odd: linear-gradient(to top, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.03));
  --c8y-elevation-border: inset 0 0 0 1px var(--c8y-palette-gray-80);
  /* For App switchers, Overflow menus, Tooltips */
  --c8y-helpdrawer-background-default: var(--c8y-palette-gray-80);
  --c8y-dropdown-background-default: var(--c8y-palette-gray-70);
  --c8y-switch-background-default: var(--c8y-palette-gray-60);
  --c8y-tooltip-color-default: var(--c8y-palette-gray-100);
  --c8y-tooltip-background-default: var(--c8y-palette-gray-10);
  --c8y-popover-background-default: var(--c8y-palette-gray-80);
  --c8y-page-sticky-header-background-default: var(--c8y-palette-gray-90);
  --c8y-nav-pills-background-focus: var(--c8y-navlink-background-focus);
  --c8y-nav-pills-background-active: var(--c8y-navlink-background-active);
  --c8y-nav-pills-background-hover: var(--c8y-navlink-background-hover);
  --c8y-nav-tabs-icon-color-default: var(--c8y-palette-gray-40);
  --c8y-nav-tabs-background-focus: var(--c8y-navlink-background-focus);
  --c8y-modal-background-default: var(--c8y-palette-gray-80);
  --c8y-modal-backdrop-background: var(--c8y-palette-low);
  --c8y-form-validation-color-info: var(--c8y-palette-status-info);
  --c8y-form-validation-color-success: var(--c8y-palette-status-success);
  --c8y-form-validation-color-warning: var(--c8y-palette-status-warning);
  --c8y-form-validation-color-error: var(--c8y-palette-status-danger);
  --c8y-form-control-placeholder-color: var(--c8y-palette-gray-40);
  --c8y-form-control-disabled-opacity: var(--c8y-global-disabled-opacity);
  --c8y-form-control-border-color-default: var(--c8y-palette-gray-70);
  --c8y-form-control-background-disabled: var(--c8y-component-background-disabled, var(--c8y-root-component-background-disabled));
  --c8y-btn-danger-border-color-active: var(--c8y-palette-status-danger-dark);
  --c8y-btn-danger-border-color-focus: var(--c8y-palette-status-danger);
  --c8y-btn-danger-border-color-hover: var(--c8y-palette-status-danger);
  --c8y-btn-danger-border-color-default: var(--c8y-palette-status-danger);
  --c8y-btn-danger-background-active: var(--c8y-palette-status-danger-dark);
  --c8y-btn-danger-background-focus: var(--c8y-palette-high);
  --c8y-btn-danger-background-hover: var(--c8y-palette-high);
  --c8y-btn-danger-background-default: var(--c8y-palette-status-danger);
  --c8y-btn-danger-color-active: var(--c8y-palette-high);
  --c8y-btn-danger-color-focus: var(--c8y-palette-status-danger);
  --c8y-btn-danger-color-hover: var(--c8y-palette-status-danger);
  --c8y-btn-danger-color-default: var(--c8y-palette-high);
  --c8y-btn-accent-border-color-active: var(--c8y-brand-accent-dark);
  --c8y-btn-accent-border-color-focus: var(--c8y-brand-accent);
  --c8y-btn-accent-border-color-hover: var(--c8y-brand-accent);
  --c8y-btn-accent-border-color-default: var(--c8y-brand-accent);
  --c8y-btn-accent-background-active: var(--c8y-brand-accent-dark);
  --c8y-btn-accent-background-focus: var(--c8y-palette-high);
  --c8y-btn-accent-background-hover: var(--c8y-palette-high);
  --c8y-btn-accent-background-default: var(--c8y-brand-accent);
  --c8y-btn-accent-color-active: var(--c8y-palette-high);
  --c8y-btn-accent-color-focus: var(--c8y-brand-accent);
  --c8y-btn-accent-color-hover: var(--c8y-brand-accent);
  --c8y-btn-accent-color-default: var(--c8y-palette-high);
  --c8y-btn-primary-color-active: var(--c8y-palette-high);
  --c8y-btn-primary-color-default: var(--c8y-palette-low);
  --c8y-alert-status-info: var(--c8y-palette-status-info);
  --c8y-alert-status-success: var(--c8y-palette-status-success);
  --c8y-alert-status-danger: var(--c8y-palette-status-danger);
  --c8y-alert-status-warning: var(--c8y-palette-status-warning);
  --c8y-alert-background-default: var(--c8y-palette-gray-70);
  --c8y-action-bar-background-default: var(--c8y-palette-low);
  --c8y-right-drawer-separator-color: var(--c8y-palette-gray-80);
  --c8y-right-drawer-text-color-default: var(--c8y-palette-gray-20);
  --c8y-right-drawer-background-selected: var(--c8y-palette-gray-90);
  --c8y-right-drawer-background-default: var(--c8y-palette-low);
  --c8y-navigator-separator-color: var(--c8y-palette-gray-80);
  --c8y-navigator-text-color-default: var(--c8y-palette-gray-20);
  --c8y-navigator-background-selected: var(--c8y-palette-gray-90);
  --c8y-navigator-background-default: var(--c8y-palette-low);
  --c8y-main-header-background-default: var(--c8y-palette-low);
  --c8y-pre-border-color: var(--c8y-palette-gray-70);
  --c8y-pre-color: var(--c8y-palette-gray-30);
  --c8y-pre-background: var(--c8y-palette-gray-90);
  --c8y-abbr-border-color: var(--c8y-palette-gray-40);
  --c8y-text-muted: var(--c8y-palette-gray-40);
  --c8y-text-color: var(--c8y-palette-gray-30);
  --c8y-root-component-scrollbar-thumb-hover: var(--c8y-palette-gray-70);
  --c8y-root-component-scrollbar-thumb-default: var(--c8y-palette-gray-80);
  --c8y-root-component-icon-color: var(--c8y-palette-gray-30);
  --c8y-root-component-icon-dark-color-light: var(--c8y-brand-light);
  --c8y-root-component-pulse-color: var(--c8y-palette-status-realtime);
  --c8y-root-component-realtime-added: var(--c8y-brand-realtime-added);
  --c8y-root-component-disabled-opacity: var(--c8y-global-disabled-opacity);
  --c8y-root-component-actions-opacity: var(--c8y-global-disabled-opacity);
  --c8y-root-component-color-disabled: var(--c8y-palette-gray-70);
  /* Don't use when changing opacity */
  --c8y-root-component-background-expanded: var(--c8y-palette-gray-90);
  --c8y-root-component-background-odd: var(--c8y-global-odd);
  /* use for alternate stripes */
  --c8y-root-component-background-default: var(--c8y-palette-gray-100);
  --c8y-level-4: var(--c8y-palette-gray-60);
  --c8y-level-3: var(--c8y-palette-gray-70);
  --c8y-level-2: var(--c8y-palette-gray-80);
  --c8y-level-1: var(--c8y-palette-gray-90);
  --c8y-level-0: var(--c8y-palette-gray-100);
  --c8y-brand-complementary: var(--brand-complementary, var(--c8y-brand-70));
  --c8y-brand-dark: var(--brand-dark, var(--c8y-brand-40));
  --c8y-brand-primary: var(--brand-primary, var(--c8y-brand-60));
  --c8y-body-background-color: var(--c8y-palette-low);
  --c8y-global-separator: var(--c8y-palette-gray-70);
  --c8y-switch-handle-color: var(--c8y-root-component-background-default);
  --c8y-switch-handle-background: var(--c8y-text-color);
  --c8y-popover-icon-color: var(--c8y-root-component-icon-color);
  --c8y-page-sticky-header-color-default: var(--c8y-text-color);
  --c8y-nav-tabs-icon-color-active: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-nav-tabs-icon-color-focus: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-nav-tabs-icon-color-hover: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-nav-tabs-background-active: var(--c8y-root-component-background-default);
  --c8y-navlink-color-focus: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-navlink-color-active: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-navlink-color-hover: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-navlink-color-default: var(--c8y-text-color);
  --c8y-navlink-background-default: var(--c8y-root-component-background-default);
  --c8y-navbar-color-default: var(--c8y-text-color);
  --c8y-navbar-background-default: var(--c8y-root-component-background-default);
  --c8y-form-control-icon-color: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-form-control-border-color-focus: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-form-control-color-disabled: var(--c8y-component-color-disabled, var(--c8y-root-component-color-disabled));
  --c8y-form-control-background-focus: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  --c8y-form-control-background-default: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  --c8y-form-legend-color: var(--c8y-text-color);
  --c8y-form-label-color: var(--c8y-text-color);
  --c8y-btn-primary-border-color-focus: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-primary-border-color-hover: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-primary-border-color-default: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-primary-background-focus: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  --c8y-btn-primary-background-hover: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  --c8y-btn-primary-background-default: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-primary-color-focus: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-primary-color-hover: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-default-border-color-active: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-default-border-color-focus: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-default-border-color-hover: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-default-border-color-default: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-default-color-focus: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-default-color-hover: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-default-color-default: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-alert-status-system: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-action-bar-icon-color: var(--c8y-root-component-icon-color);
  --c8y-action-bar-disabled-opacity: var(--c8y-root-component-disabled-opacity);
  --c8y-action-bar-actions-opacity: var(--c8y-root-component-actions-opacity);
  --c8y-right-drawer-border-selected: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-right-drawer-text-color-active: var(--c8y-right-drawer-text-color-default);
  --c8y-right-drawer-text-color-selected: var(--c8y-right-drawer-text-color-default);
  --c8y-navigator-scrollbar-thumb-hover: var(--c8y-root-component-scrollbar-thumb-hover);
  --c8y-navigator-scrollbar-thumb-default: var(--c8y-root-component-scrollbar-thumb-default);
  --c8y-navigator-border-selected: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-navigator-header-color: var(--c8y-navigator-text-color-default);
  --c8y-navigator-header-background: var(--c8y-navigator-background-default);
  --c8y-navigator-text-color-active: var(--c8y-navigator-text-color-default);
  --c8y-navigator-text-color-selected: var(--c8y-navigator-text-color-default);
  --c8y-main-header-shadow: inset 0 -1px 0 var(--c8y-global-separator);
  --c8y-main-header-text-color-hover: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-main-header-text-color-default: var(--c8y-text-color);
  --c8y-link-hover-color: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-link-color: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-root-component-form-control-placeholder-color: var(--c8y-form-control-placeholder-color);
  --c8y-root-component-form-control-border-color-default: var(--c8y-form-control-border-color-default);
  --c8y-root-component-form-control-background-disabled: var(--c8y-form-control-background-disabled);
  --c8y-root-component-scrollbar-track: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  --c8y-root-component-icon-dark-color-dark: var(--c8y-brand-dark);
  --c8y-root-component-icon-white-color-dark: var(--c8y-brand-dark);
  --c8y-root-component-icon-white-color-light: var(--c8y-brand-primary);
  --c8y-root-component-brand-primary: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-root-component-spinner-color: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-root-component-border-color: var(--c8y-global-separator);
  --c8y-root-component-separator-color: var(--c8y-global-separator);
  --c8y-root-component-color-focus: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-root-component-color-accent: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-root-component-color-actions-hover: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-root-component-color-actions: var(--c8y-text-color);
  --c8y-root-component-color-text-muted: var(--c8y-text-muted);
  --c8y-root-component-color-active: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-root-component-color-odd: var(--c8y-text-color);
  --c8y-root-component-color-default: var(--c8y-text-color);
  --c8y-root-component-background-focus: var(--c8y-root-component-background-default);
  --c8y-root-component-background-expanded-gradient: linear-gradient(0deg, rgba(255, 255, 255, 0.03) 0px, var(--c8y-root-component-background-expanded) 12px, var(--c8y-root-component-background-expanded) calc(100% - 12px), rgba(0, 0, 0, 0.03) 100%);
  --c8y-root-component-background-active: var(--c8y-root-component-background-default);
  --c8y-palette-status-system: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-tooltip-border-color: var(--c8y-root-component-border-color);
  --c8y-popover-border-color: var(--c8y-root-component-border-color);
  --c8y-popover-color-default: var(--c8y-root-component-color-default);
  --c8y-page-sticky-header-color-active: var(--c8y-link-color);
  --c8y-page-sticky-header-color-hover: var(--c8y-link-hover-color);
  --c8y-nav-pills-color-focus: var(--c8y-navlink-color-focus);
  --c8y-nav-pills-color-active: var(--c8y-navlink-color-active);
  --c8y-nav-pills-color-hover: var(--c8y-navlink-color-hover);
  --c8y-nav-pills-color-default: var(--c8y-navlink-color-default);
  --c8y-nav-pills-background-default: var(--c8y-navlink-background-default);
  --c8y-nav-tabs-border-color-active: var(--c8y-root-component-brand-primary);
  --c8y-nav-tabs-border-color-default: var(--c8y-root-component-border-color);
  --c8y-nav-tabs-color-focus: var(--c8y-navlink-color-focus);
  --c8y-nav-tabs-color-active: var(--c8y-navlink-color-active);
  --c8y-nav-tabs-color-hover: var(--c8y-navlink-color-hover);
  --c8y-nav-tabs-color-default: var(--c8y-navlink-color-default);
  --c8y-navbar-link: var(--c8y-root-component-brand-primary);
  --c8y-modal-color-default: var(--c8y-root-component-color-default);
  --c8y-form-control-color-focus: var(--c8y-component-color-default, var(--c8y-root-component-color-default));
  --c8y-form-control-color-default: var(--c8y-component-color-default, var(--c8y-root-component-color-default));
  --c8y-alert-color-default: var(--c8y-root-component-color-default);
  --c8y-action-bar-border-color: var(--c8y-root-component-border-color);
  --c8y-action-bar-color-focus: var(--c8y-root-component-color-focus);
  --c8y-action-bar-color-actions-hover: var(--c8y-root-component-color-actions-hover);
  --c8y-action-bar-color-actions: var(--c8y-root-component-color-actions);
  --c8y-action-bar-color-text-muted: var(--c8y-root-component-color-text-muted);
  --c8y-action-bar-color-default: var(--c8y-root-component-color-default);
  --c8y-right-drawer-text-muted: var(--c8y-root-component-color-text-muted);
  --c8y-right-drawer-link-color-hover: var(--c8y-root-component-brand-primary);
  --c8y-right-drawer-link-color-default: var(--c8y-root-component-brand-primary);
  --c8y-navigator-scrollbar-track: var(--c8y-root-component-scrollbar-track);
  --c8y-root-component-form-control-border-color-focus: var(--c8y-form-control-border-color-focus);
  --c8y-root-component-form-control-color-disabled: var(--c8y-form-control-color-disabled);
  --c8y-root-component-form-control-background-focus: var(--c8y-form-control-background-focus);
  --c8y-root-component-form-control-background-default: var(--c8y-form-control-background-default);
  --c8y-root-component-form-legend-color: var(--c8y-form-legend-color);
  --c8y-root-component-form-label-color: var(--c8y-form-label-color);
  --c8y-root-component-color-link-hover: var(--c8y-link-hover-color);
  --c8y-root-component-color-link: var(--c8y-link-color);
  --c8y-popover-label-color: var(--c8y-root-component-form-label-color);
  --c8y-popover-color-link-hover: var(--c8y-root-component-color-link-hover);
  --c8y-popover-color-link: var(--c8y-root-component-color-link);
  --c8y-root-component-form-control-color-focus: var(--c8y-form-control-color-focus);
  --c8y-root-component-form-control-color-default: var(--c8y-form-control-color-default);
  --c8y-brand-logo-img: url('logo-platform-white.svg');
  --c8y-navigator-platform-logo: url('logo-platform-white.svg');
  --c8y-header-color: var(--c8y-main-header-background-default);
  --c8y-header-text-color: var(--c8y-main-header-text-color-default);
  --c8y-header-hover-color: var(--c8y-main-header-text-color-hover);
  --c8y-navigator-bg-color: var(--c8y-navigator-background-default);
  --c8y-navigator-header-bg: var(--c8y-navigator-header-background);
  --c8y-navigator-title-color: var(--c8y-navigator-header-color);
  --c8y-navigator-active-bg: var(--c8y-navigator-background-selected);
  --c8y-navigator-text-color: var(--c8y-navigator-text-color-default);
  --c8y-navigator-color-active: var(--c8y-navigator-text-color-selected);
  --c8y-navigator-border-active: var(--c8y-navigator-border-selected);
  --c8y-right-drawer-link-color: var(--c8y-right-drawer-link-color-default);
}
body:has(.dashboard-theme-dark:not(.dashboard-preview-slot)) .c8y-ui-action-bar .btn-help {
  outline: 1px solid var(--palette-status-info, var(--c8y-palette-status-info));
  background-color: var(--palette-status-info, var(--c8y-palette-status-info));
  --help-info-color: var(--c8y-palette-high);
  color: var(--c8y-palette-high);
}
c8y-dashboard-gridstack:not([name]):not([use-context]) > .dashboard-theme-white,
body .dashboard-preview-slot.panel-content-white,
.dashboard-preview-slot.dashboard-theme-white,
c8y-context-dashboard.c8y-grid-dashboard.dashboard-theme-white,
.c8y-grid-dashboard c8y-dashboard-child .panel-content-white {
  --c8y-elevation-color: 1, 31, 61;
  /* The rgb values of #212121 (the palette-gray-10) */
  --c8y-main-header-border-color: transparent;
  --c8y-main-header-background-hover: inherit;
  --c8y-link-hover-color: #1481b8;
  --c8y-link-color: #1481b8;
  --c8y-headings-color: inherit;
  --c8y-palette-yellow-80: #fff6db;
  --c8y-palette-yellow-70: #ffe392;
  --c8y-palette-yellow-68: #FBD462;
  --c8y-palette-yellow-65: #FDC931;
  --c8y-palette-yellow-60: #ffbe00;
  --c8y-palette-yellow-50: #dea500;
  --c8y-palette-yellow-40: #bf8e00;
  --c8y-palette-yellow-30: #956f00;
  --c8y-palette-yellow-20: #654b00;
  --c8y-palette-yellow-10: #4e3a00;
  --c8y-palette-orange-80: #fff5e9;
  --c8y-palette-orange-70: #ffe0bd;
  --c8y-palette-orange-60: #ffc17a;
  --c8y-palette-orange-50: #ff8800;
  --c8y-palette-orange-40: #e57a00;
  --c8y-palette-orange-30: #b35f00;
  --c8y-palette-orange-20: #794000;
  --c8y-palette-orange-10: #5e3200;
  --c8y-palette-red-80: #fdf4f4;
  --c8y-palette-red-70: #fadfdf;
  --c8y-palette-red-60: #f5c0c0;
  --c8y-palette-red-50: #ee9797;
  --c8y-palette-red-40: #e87373;
  --c8y-palette-red-30: #d70f0f;
  --c8y-palette-red-20: #a00b0b;
  --c8y-palette-red-10: #7e0909;
  --c8y-palette-blue-80: #f1f7fd;
  --c8y-palette-blue-70: #d7e7f8;
  --c8y-palette-blue-60: #b0d0f2;
  --c8y-palette-blue-50: #7fb3ea;
  --c8y-palette-blue-40: #559ae3;
  --c8y-palette-blue-30: #056ad6;
  --c8y-palette-blue-20: #044d9c;
  --c8y-palette-blue-10: #033c79;
  --c8y-palette-green-80: #eff9ef;
  --c8y-palette-green-70: #d1ecd1;
  --c8y-palette-green-60: #a5daa5;
  --c8y-palette-green-50: #6ac26a;
  --c8y-palette-green-40: #119d11;
  --c8y-palette-green-30: #0f880f;
  --c8y-palette-green-20: #0a5c0a;
  --c8y-palette-green-10: #084708;
  --c8y-palette-fixed-light: #fff;
  --c8y-palette-fixed-dark: #212121;
  --c8y-palette-status-realtime: #00bb00;
  --c8y-palette-status-success-dark: #007700;
  /* suitable for text */
  --c8y-palette-status-success-light: #f4fce3;
  --c8y-palette-status-success: #71A112;
  --c8y-palette-gray-100: #F9FAFB;
  --c8y-palette-gray-90: #F0F2F4;
  --c8y-palette-gray-80: #E8EBED;
  --c8y-palette-gray-70: #E3E5E8;
  --c8y-palette-gray-60: #D4D9DE;
  --c8y-palette-gray-50: #8B96A0;
  --c8y-palette-gray-40: #657381;
  --c8y-palette-gray-30: #4C5967;
  --c8y-palette-gray-20: #2A3846;
  --c8y-palette-gray-10: #212121;
  --c8y-palette-low: black;
  --c8y-palette-high: white;
  --c8y-global-disabled-opacity: 0.55;
  --c8y-dl-horizontal-offset: 180;
  --c8y-code-border-color: transparent;
  --c8y-code-border-radius: 0;
  --c8y-pre-border-radius: 0;
  --c8y-blockquote-border-color: transparent;
  --c8y-line-height-small: 1;
  --c8y-line-height-large: 1.3333333;
  /* extra decimals for Win 8.1 Chrome */
  --c8y-line-height-headings: 1.1;
  --c8y-line-height-base: 1.42857143;
  --c8y-font-weight-headings: 600;
  --c8y-font-weight-base: 400;
  --c8y-font-size-base: 14px;
  --c8y-font-family-mono-spaced: Menlo, Monaco, Consolas, 'Courier New', monospace;
  --c8y-font-family-serif: Georgia, 'Times New Roman', Times, sans-serif;
  --c8y-font-family-sans-serif: 'Public Sans', Helvetica, Arial, sans-serif;
  --c8y-tooltip-opacity: 0.95;
  --c8y-tooltip-arrow-width: 5px;
  --c8y-tooltip-width: 200px;
  --c8y-tooltip-border-radius: 3px;
  --c8y-table-cell-padding-default: 13px;
  --c8y-unit-base: 8px;
  --c8y-root-component-scrollbar-thumb-default: rgba(57, 72, 82, 0.2);
  --c8y-root-component-color-expanded: inherit;
  --c8y-root-component-background-disabled: rgba(0, 0, 0, 0.1);
  /* Don't use when changing opacity */
  --c8y-root-component-border-caret-width: 6px;
  --c8y-root-component-border-radius-focus: 4px;
  --c8y-root-component-border-radius-small: 0;
  --c8y-root-component-border-radius-large: 2px;
  --c8y-root-component-border-radius-base: 0;
  --c8y-root-component-border-style: solid;
  --c8y-root-component-border-width: 0;
  --c8y-root-component-padding-xs-horizontal: 5px;
  --c8y-root-component-padding-xs-vertical: 1px;
  --c8y-root-component-padding-small-vertical: 5px;
  --c8y-root-component-padding-large-vertical: 9px;
  --c8y-popover-arrow-width: 10px;
  --c8y-popover-width: 276px;
  --c8y-popover-border-radius: 4px;
  --c8y-navigator-active-border-width: 4px;
  --c8y-navigator-app-icon-size: 46px;
  --c8y-navigator-app-name-size: 16px;
  --c8y-navigator-platform-logo-height: 32;
  --c8y-nav-tabs-background-hover: transparent;
  --c8y-nav-tabs-background-default: transparent;
  --c8y-nav-tabs-vertical-width: 170px;
  --c8y-nav-tabs-border-width-default: 1px;
  --c8y-navlink-background-focus: transparent;
  --c8y-navlink-background-active: transparent;
  --c8y-navlink-background-hover: transparent;
  --c8y-navbar-border-color: transparent;
  --c8y-modal-backdrop-opacity: 0.5;
  --c8y-modal-border-radius: 4px;
  --c8y-modal-inner-scroll-height-sm: 35vh;
  --c8y-modal-inner-scroll-height-default: 62vh;
  --c8y-modal-size-sm: 450px;
  --c8y-modal-size-md: 600px;
  --c8y-modal-size-lg: 900px;
  --c8y-form-validation-bottom-margin: 24px;
  --c8y-form-control-height-lg: 40px;
  --c8y-form-control-height-sm: 28px;
  --c8y-form-control-height-base: 32px;
  --c8y-form-control-placeholder-font-style: italic;
  --c8y-form-control-border-width: 1px;
  --c8y-form-control-line-height: 1.42857143;
  --c8y-form-control-font-weight: normal;
  --c8y-form-legend-font-weight: 400;
  --c8y-form-legend-text-transform: uppercase;
  --c8y-form-label-font-weight: 600;
  --c8y-form-label-text-transform: none;
  --c8y-btn-shadow-default: none;
  --c8y-btn-transition-default: all 0.15s ease-out;
  --c8y-btn-padding-icon-horizontal: 9px;
  --c8y-btn-padding-xs-vertical: 1px;
  --c8y-btn-padding-xs-horizontal: 10px;
  --c8y-btn-padding-small-vertical: 5px;
  --c8y-btn-padding-small-horizontal: 14px;
  --c8y-btn-padding-large-vertical: 9px;
  --c8y-btn-padding-large-horizontal: 16px;
  --c8y-btn-border-radius-pill: 24px;
  --c8y-btn-border-radius-xs: 12px;
  --c8y-btn-border-radius-small: calc(var(--btn-border-radius-base, 0) * 0.75px);
  --c8y-btn-border-radius-large: calc(var(--btn-border-radius-base, 0) * 1.25px);
  --c8y-btn-border-radius-base: var(--btn-border-radius-base, 2px);
  --c8y-btn-line-height-xs: 1;
  --c8y-btn-line-height-small: 1.2;
  --c8y-btn-line-height-large: 1.2;
  --c8y-btn-group-border-radius: 0;
  --c8y-badge-line-height: 1;
  --c8y-badge-font-weight: bold;
  --c8y-badge-padding: 0.25em 0.4em 0.15em;
  --c8y-badge-border-radius: 10px;
  --c8y-alert-status-symbol-font-family: 'dlt-c8y-icons';
  --c8y-alert-status-symbol-size: 24px;
  --c8y-alert-padding: 16px 16px 16px 48px;
  --c8y-alert-border-style: solid;
  --c8y-alert-border-width: 4px;
  --c8y-alert-max-width: 600px;
  --c8y-elevation-hover: 0 0 0 1px rgba(var(--c8y-elevation-color), 0.05), 0 4px 4px rgba(var(--c8y-elevation-color), 0.01), 0 8px 8px rgba(var(--c8y-elevation-color), 0.01), 0 16px 16px rgba(var(--c8y-elevation-color), 0.03), 0 32px 32px rgba(var(--c8y-elevation-color), 0.05), 0 16px 64px rgba(var(--c8y-elevation-color), .1);
  --c8y-elevation-sm: 0 0 1px 1px rgba(var(--c8y-elevation-color), 0.05), 0 2px 2px rgba(var(--c8y-elevation-color), .15);
  /* Elevation for Cards, Select dropdowns, Date pickers, Time pickers */
  --c8y-elevation-md-bottom: 0 2px 12px 2px rgba(var(--c8y-elevation-color), 0.08), 0 2px 18px 4px rgba(var(--c8y-elevation-color), .1);
  /* Elevation md bottom */
  --c8y-elevation-md-top: 0 -2px 12px 2px rgba(var(--c8y-elevation-color), 0.08), 0 -4px 18px 4px rgba(var(--c8y-elevation-color), .1);
  /* Elevation md rop */
  --c8y-elevation-md-left: -4px 0 12px 2px rgba(var(--c8y-elevation-color), 0.08), -4px 0 18px 4px rgba(var(--c8y-elevation-color), .1);
  /* Elevation md right */
  --c8y-elevation-md-right: 4px 0 12px 2px rgba(var(--c8y-elevation-color), 0.08), 4px 0 18px 4px rgba(var(--c8y-elevation-color), .1);
  /* Elevation md right */
  --c8y-elevation-lg: 0 0 4px rgba(var(--c8y-elevation-color), 0.1), 0 8px 16px rgba(var(--c8y-elevation-color), .12), 0 0 16px rgba(var(--c8y-elevation-color), .04), 0 36px 52px rgba(var(--c8y-elevation-color), .05), 0 8px 36px rgba(var(--c8y-elevation-color), .16);
  /* Elevation for Modals and full screen overlaying elements */
  --c8y-elevation-border: inset 0 0 0 1px var(--c8y-palette-gray-80);
  /* For App switchers, Overflow menus, Tooltips */
  --c8y-right-drawer-separator-color: var(--c8y-palette-gray-70);
  --c8y-right-drawer-text-color-default: var(--c8y-palette-gray-10);
  --c8y-right-drawer-background-selected: var(--c8y-palette-gray-80);
  --c8y-right-drawer-background-default: var(--c8y-palette-gray-100);
  --c8y-main-header-background-default: var(--c8y-palette-high);
  --c8y-abbr-border-color: var(--c8y-palette-gray-40);
  --c8y-text-muted: var(--c8y-palette-gray-40);
  --c8y-text-color: var(--c8y-palette-gray-10);
  --c8y-level-4: var(--c8y-palette-gray-70);
  --c8y-level-3: var(--c8y-palette-gray-80);
  --c8y-level-2: var(--c8y-palette-gray-90);
  --c8y-level-1: var(--c8y-palette-gray-100);
  --c8y-brand-accent-light: var(--c8y-palette-blue-80);
  --c8y-brand-accent-dark: var(--c8y-palette-blue-10);
  --c8y-brand-accent: var(--c8y-palette-blue-30);
  --c8y-brand-80: var(--c8y-palette-green-80);
  --c8y-brand-70: var(--c8y-palette-green-70);
  --c8y-brand-60: var(--c8y-palette-green-60);
  --c8y-brand-50: var(--c8y-palette-green-50);
  --c8y-brand-40: var(--c8y-palette-green-40);
  --c8y-brand-30: var(--c8y-palette-green-30);
  --c8y-brand-20: var(--c8y-palette-green-20);
  --c8y-brand-10: var(--c8y-palette-green-10);
  --c8y-body-background-color: var(--c8y-palette-high);
  --c8y-palette-status-system: var(--c8y-palette-gray-70);
  --c8y-palette-status-info-dark: var(--c8y-palette-blue-10);
  --c8y-palette-status-info-light: var(--c8y-palette-blue-70);
  --c8y-palette-status-info: var(--c8y-palette-blue-30);
  --c8y-palette-status-danger-dark: var(--c8y-palette-red-10);
  /* suitable for text */
  --c8y-palette-status-danger-light: var(--c8y-palette-red-80);
  --c8y-palette-status-danger: var(--c8y-palette-red-30);
  --c8y-palette-status-warning-high: var(--c8y-palette-orange-80);
  --c8y-palette-status-warning-light: var(--c8y-palette-yellow-60);
  --c8y-palette-status-warning-dark: var(--c8y-palette-orange-10);
  --c8y-palette-status-warning: var(--c8y-palette-orange-50);
  --c8y-global-separator: var(--c8y-palette-gray-80);
  --c8y-global-odd: linear-gradient(to top, var(--c8y-palette-gray-90), var(--c8y-palette-gray-90));
  --c8y-code-color: var(--c8y-palette-blue-30);
  --c8y-code-background: var(--c8y-palette-blue-80);
  --c8y-code-font-size: calc(var(--c8y-font-size-base) - 1px);
  --c8y-code-font-family: var(--c8y-font-family-mono-spaced);
  --c8y-pre-color: var(--c8y-palette-gray-30);
  --c8y-pre-background: var(--c8y-palette-gray-90);
  --c8y-pre-border-color: var(--c8y-palette-gray-70);
  --c8y-font-size-h6: calc(var(--c8y-font-size-base) * 0.85714286);
  /* 12px */
  --c8y-font-size-h5: var(--c8y-font-size-base);
  /* 14px */
  --c8y-font-size-h4: calc(var(--c8y-font-size-base) * 1.28571429);
  /* 18px */
  --c8y-font-size-h3: calc(var(--c8y-font-size-base) * 1.71428571);
  /* 24px */
  --c8y-font-size-h2: calc(var(--c8y-font-size-base) * 2.14285714);
  /* 30px */
  --c8y-font-size-h1: calc(var(--c8y-font-size-base) * 2.57142857);
  /* 36px */
  --c8y-font-size-xs: calc(var(--c8y-font-size-base) * 0.71428571);
  /* 10px */
  --c8y-font-size-small: calc(var(--c8y-font-size-base) * 0.85714286);
  /* 12px */
  --c8y-font-size-large: calc(var(--c8y-font-size-base) * 1.21428571);
  /* 17px */
  --c8y-font-family-base: var(--c8y-font-family-sans-serif);
  --c8y-tooltip-color-default: var(--c8y-palette-gray-100);
  --c8y-tooltip-background-default: var(--c8y-palette-gray-10);
  --c8y-switch-handle-background: var(--c8y-palette-high);
  --c8y-switch-background-default: var(--c8y-palette-gray-50);
  --c8y-switch-radius: calc(var(--c8y-unit-base) * 3.75);
  --c8y-switch-height: calc(var(--c8y-unit-base) * 3.75);
  --c8y-switch-width: calc(var(--c8y-unit-base) * 7.5);
  --c8y-table-cell-padding-condensed: var(--c8y-unit-base);
  --c8y-root-component-scrollbar-thumb-hover: var(--c8y-palette-gray-40);
  --c8y-root-component-icon-color: var(--c8y-palette-gray-30);
  --c8y-root-component-icon-white-color-dark: var(--c8y-palette-high);
  --c8y-root-component-pulse-color: var(--c8y-palette-status-realtime);
  --c8y-root-component-disabled-opacity: var(--c8y-global-disabled-opacity);
  --c8y-root-component-actions-opacity: var(--c8y-global-disabled-opacity);
  --c8y-root-component-color-disabled: var(--c8y-palette-gray-70);
  /* Don't use when changing opacity */
  --c8y-root-component-color-actions: var(--c8y-palette-gray-30);
  --c8y-root-component-color-link-hover: var(--c8y-link-hover-color);
  --c8y-root-component-color-link: var(--c8y-link-color);
  --c8y-root-component-background-expanded: var(--c8y-palette-gray-100);
  --c8y-root-component-background-default: var(--c8y-palette-high);
  --c8y-root-component-padding: calc(var(--c8y-unit-base) * 2);
  --c8y-root-component-padding-small-horizontal: var(--c8y-unit-base);
  --c8y-root-component-padding-large-horizontal: calc(var(--c8y-unit-base) * 2);
  --c8y-root-component-padding-base-horizontal: var(--c8y-unit-base);
  --c8y-root-component-padding-base-vertical: calc(var(--c8y-unit-base) * 0.625);
  --c8y-page-sticky-header-color-active: var(--c8y-link-color);
  --c8y-page-sticky-header-color-hover: var(--c8y-link-hover-color);
  --c8y-page-sticky-header-color-default: var(--c8y-palette-gray-10);
  --c8y-page-sticky-header-background-default: var(--c8y-palette-gray-100);
  --c8y-page-sticky-header-height: calc(var(--c8y-unit-base) * 6);
  --c8y-navigator-scrollbar-thumb-default: var(--c8y-root-component-scrollbar-thumb-default);
  --c8y-navigator-separator-color: var(--c8y-palette-gray-70);
  --c8y-navigator-text-color-default: var(--c8y-palette-gray-10);
  --c8y-navigator-background-selected: var(--c8y-palette-gray-80);
  --c8y-navigator-background-default: var(--c8y-palette-gray-100);
  --c8y-navigator-font-size: var(--c8y-font-size-base);
  --c8y-nav-pills-background-focus: var(--c8y-navlink-background-focus);
  --c8y-nav-pills-background-active: var(--c8y-navlink-background-active);
  --c8y-nav-pills-background-hover: var(--c8y-navlink-background-hover);
  --c8y-nav-pills-border-radius: calc(var(--c8y-unit-base) * 2);
  --c8y-nav-tabs-background-focus: var(--c8y-navlink-background-focus);
  --c8y-nav-tabs-vertical-padding-vertical: calc(var(--c8y-unit-base) + 2px);
  --c8y-nav-tabs-padding-horizontal: calc(var(--c8y-unit-base) * 2);
  --c8y-nav-tabs-icon-color-default: var(--c8y-palette-gray-40);
  --c8y-nav-tabs-icon-size: calc(var(--c8y-unit-base) * 2);
  --c8y-navlink-padding-horizontal: calc(var(--c8y-unit-base) * 2);
  --c8y-navlink-padding-vertical: calc(var(--c8y-unit-base) * 1.5 + 2px);
  --c8y-navbar-margin-bottom: calc(var(--c8y-unit-base) * 2);
  --c8y-navbar-height: calc(var(--c8y-unit-base) * 6);
  --c8y-modal-backdrop-background: var(--c8y-palette-low);
  --c8y-form-validation-color-success: var(--c8y-palette-status-success);
  --c8y-form-control-disabled-opacity: var(--c8y-global-disabled-opacity);
  --c8y-form-control-background-disabled: var(--c8y-component-background-disabled, var(--c8y-root-component-background-disabled));
  --c8y-form-control-placeholder-color: var(--c8y-palette-gray-40);
  --c8y-form-control-border-color-default: var(--c8y-palette-gray-60);
  --c8y-form-control-border-radius: var(--c8y-root-component-border-radius-base);
  --c8y-form-legend-color: var(--c8y-palette-gray-40);
  --c8y-form-label-color: var(--c8y-palette-gray-20);
  --c8y-form-label-font-size: var(--c8y-font-size-base);
  --c8y-btn-danger-color-active: var(--c8y-palette-high);
  --c8y-btn-primary-color-active: var(--c8y-palette-high);
  --c8y-btn-primary-color-default: var(--c8y-palette-high);
  --c8y-btn-line-height-base: var(--c8y-line-height-base);
  --c8y-btn-font-size-base: var(--c8y-font-size-base);
  --c8y-btn-font-weight: var(--c8y-font-weight-base);
  --c8y-alert-status-success: var(--c8y-palette-status-success);
  --c8y-dropdown-background-default: var(--c8y-root-component-background-default);
  --c8y-action-bar-icon-color: var(--c8y-root-component-icon-color);
  --c8y-action-bar-disabled-opacity: var(--c8y-root-component-disabled-opacity);
  --c8y-action-bar-actions-opacity: var(--c8y-root-component-actions-opacity);
  --c8y-action-bar-color-actions: var(--c8y-root-component-color-actions);
  --c8y-action-bar-background-default: var(--c8y-root-component-background-default);
  --c8y-right-drawer-text-color-active: var(--c8y-right-drawer-text-color-default);
  --c8y-right-drawer-text-color-selected: var(--c8y-right-drawer-text-color-default);
  --c8y-right-drawer-background-active: var(--c8y-brand-70);
  --c8y-main-header-shadow: var(--c8y-elevation-md-bottom);
  --c8y-main-header-text-color-default: var(--c8y-text-color);
  --c8y-main-header-background-active: var(--c8y-brand-70);
  --c8y-level-0: var(--c8y-body-background-color);
  --c8y-brand-realtime-added: var(--c8y-brand-80);
  --c8y-brand-dark: var(--brand-dark, var(--c8y-brand-10));
  --c8y-brand-light: var(--brand-light, var(--c8y-brand-60));
  --c8y-brand-primary: var(--brand-primary, var(--c8y-brand-40));
  --c8y-blockquote-font-size: var(--c8y-font-size-h4);
  --c8y-switch-handle-color: var(--c8y-text-color);
  --c8y-switch-background-active: var(--c8y-brand-40);
  --c8y-root-component-form-control-placeholder-color: var(--c8y-form-control-placeholder-color);
  --c8y-root-component-form-control-border-color-default: var(--c8y-form-control-border-color-default);
  --c8y-root-component-form-control-background-disabled: var(--c8y-form-control-background-disabled);
  --c8y-root-component-form-legend-color: var(--c8y-form-legend-color);
  --c8y-root-component-form-label-color: var(--c8y-form-label-color);
  --c8y-root-component-scrollbar-track: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  --c8y-root-component-icon-dark-color-dark: var(--c8y-text-color);
  --c8y-root-component-separator-color: var(--c8y-global-separator);
  --c8y-root-component-color-text-muted: var(--c8y-text-muted);
  --c8y-root-component-color-odd: var(--c8y-text-color);
  --c8y-root-component-color-default: var(--c8y-text-color);
  --c8y-root-component-background-hover: var(--c8y-brand-80);
  --c8y-root-component-background-focus: var(--c8y-root-component-background-default);
  --c8y-root-component-background-expanded-gradient: linear-gradient(0deg, rgba(0, 0, 0, 0.03) 0px, var(--c8y-root-component-background-expanded) 12px, var(--c8y-root-component-background-expanded) calc(100% - 12px), rgba(0, 0, 0, 0.03) 100%);
  --c8y-root-component-background-active: var(--c8y-root-component-background-default);
  --c8y-root-component-background-odd: var(--c8y-global-odd);
  /* use for alternate stripes for example */
  --c8y-root-component-border-color: var(--c8y-global-separator);
  --c8y-popover-icon-color: var(--c8y-root-component-icon-color);
  --c8y-popover-color-link-hover: var(--c8y-root-component-color-link-hover);
  --c8y-popover-color-link: var(--c8y-root-component-color-link);
  --c8y-popover-background-default: var(--c8y-root-component-background-default);
  --c8y-popover-padding: var(--c8y-root-component-padding);
  --c8y-navigator-scrollbar-thumb-hover: var(--c8y-root-component-scrollbar-thumb-hover);
  --c8y-navigator-header-color: var(--c8y-navigator-text-color-default);
  --c8y-navigator-header-background: var(--c8y-navigator-background-default);
  --c8y-navigator-text-color-active: var(--c8y-navigator-text-color-default);
  --c8y-navigator-text-color-selected: var(--c8y-navigator-text-color-default);
  --c8y-navigator-background-active: var(--c8y-brand-70);
  --c8y-navigator-font-family: var(--c8y-font-family-base);
  --c8y-nav-pills-padding-horizontal: var(--c8y-navlink-padding-horizontal);
  --c8y-nav-pills-padding-vertical: var(--c8y-navlink-padding-vertical);
  --c8y-nav-tabs-background-active: var(--c8y-root-component-background-default);
  --c8y-nav-tabs-vertical-padding-horizontal: var(--c8y-navlink-padding-horizontal);
  --c8y-nav-tabs-padding-vertical: var(--c8y-navlink-padding-vertical);
  --c8y-navlink-color-default: var(--c8y-text-color);
  --c8y-navlink-background-default: var(--c8y-root-component-background-default);
  --c8y-navbar-color-default: var(--c8y-text-color);
  --c8y-navbar-background-default: var(--c8y-root-component-background-default);
  --c8y-form-validation-color-info: var(--c8y-palette-status-info);
  --c8y-form-validation-color-warning: var(--c8y-palette-status-warning);
  --c8y-form-validation-color-error: var(--c8y-palette-status-danger);
  --c8y-form-control-color-disabled: var(--c8y-component-color-disabled, var(--c8y-root-component-color-disabled));
  --c8y-form-control-background-focus: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  --c8y-form-control-background-default: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  --c8y-form-control-padding-base-horizontal: var(--c8y-root-component-padding-base-horizontal);
  --c8y-form-control-padding-base-vertical: var(--c8y-root-component-padding-base-vertical);
  --c8y-form-control-font-family: var(--c8y-font-family-base);
  --c8y-form-legend-font-size: var(--c8y-font-size-small);
  --c8y-btn-danger-border-color-active: var(--c8y-palette-status-danger-dark);
  --c8y-btn-danger-border-color-focus: var(--c8y-palette-status-danger);
  --c8y-btn-danger-border-color-hover: var(--c8y-palette-status-danger);
  --c8y-btn-danger-border-color-default: var(--c8y-palette-status-danger);
  --c8y-btn-danger-background-active: var(--c8y-palette-status-danger-dark);
  --c8y-btn-danger-background-focus: var(--c8y-root-component-background-default);
  --c8y-btn-danger-background-hover: var(--c8y-root-component-background-default);
  --c8y-btn-danger-background-default: var(--c8y-root-component-background-default);
  --c8y-btn-danger-color-focus: var(--c8y-palette-status-danger);
  --c8y-btn-danger-color-hover: var(--c8y-palette-status-danger);
  --c8y-btn-danger-color-default: var(--c8y-palette-status-danger);
  --c8y-btn-accent-border-color-active: var(--c8y-brand-accent-dark);
  --c8y-btn-accent-border-color-focus: var(--c8y-brand-accent-dark);
  --c8y-btn-accent-border-color-hover: var(--c8y-brand-accent-dark);
  --c8y-btn-accent-border-color-default: var(--c8y-brand-accent);
  --c8y-btn-accent-background-active: var(--c8y-brand-accent-dark);
  --c8y-btn-accent-background-focus: var(--c8y-brand-accent-dark);
  --c8y-btn-accent-background-hover: var(--c8y-brand-accent-dark);
  --c8y-btn-accent-background-default: var(--c8y-brand-accent);
  --c8y-btn-accent-color-active: var(--c8y-text-color);
  --c8y-btn-accent-color-focus: var(--c8y-text-color);
  --c8y-btn-accent-color-hover: var(--c8y-text-color);
  --c8y-btn-accent-color-default: var(--c8y-text-color);
  --c8y-btn-primary-border-color-active: var(--c8y-brand-20);
  --c8y-btn-primary-background-active: var(--c8y-brand-10);
  --c8y-btn-primary-background-focus: var(--c8y-root-component-background-default);
  --c8y-btn-primary-background-hover: var(--c8y-root-component-background-default);
  --c8y-btn-default-background-active: var(--c8y-brand-70);
  --c8y-btn-default-background-focus: var(--c8y-root-component-background-default);
  --c8y-btn-default-background-hover: var(--c8y-root-component-background-default);
  --c8y-btn-default-background-default: var(--c8y-root-component-background-default);
  --c8y-btn-padding-icon-vertical: var(--c8y-root-component-padding-base-vertical);
  --c8y-btn-padding-base-vertical: var(--c8y-root-component-padding-base-vertical);
  --c8y-btn-padding-base-horizontal: var(--c8y-root-component-padding-base-horizontal);
  --c8y-btn-font-size-xs: var(--c8y-font-size-xs);
  --c8y-btn-font-size-small: var(--c8y-font-size-small);
  --c8y-btn-font-size-large: var(--c8y-font-size-large);
  --c8y-btn-font-family: var(--c8y-font-family-base);
  --c8y-badge-font-size: var(--c8y-font-size-small);
  --c8y-alert-background-default: var(--c8y-root-component-background-default);
  --c8y-alert-status-info: var(--c8y-palette-status-info);
  --c8y-alert-status-danger: var(--c8y-palette-status-danger);
  --c8y-alert-status-warning: var(--c8y-palette-status-warning);
  --c8y-action-bar-border-color: var(--c8y-root-component-border-color);
  --c8y-action-bar-color-text-muted: var(--c8y-root-component-color-text-muted);
  --c8y-action-bar-color-default: var(--c8y-root-component-color-default);
  --c8y-right-drawer-border-selected: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-right-drawer-text-muted: var(--c8y-root-component-color-text-muted);
  --c8y-main-header-text-color-hover: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-tooltip-border-color: var(--c8y-root-component-border-color);
  --c8y-root-component-form-control-color-disabled: var(--c8y-form-control-color-disabled);
  --c8y-root-component-form-control-background-focus: var(--c8y-form-control-background-focus);
  --c8y-root-component-form-control-background-default: var(--c8y-form-control-background-default);
  --c8y-root-component-icon-dark-color-light: var(--c8y-brand-light);
  --c8y-root-component-icon-white-color-light: var(--c8y-brand-light);
  --c8y-root-component-brand-primary: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-root-component-spinner-color: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-root-component-realtime-added: var(--c8y-brand-realtime-added);
  --c8y-root-component-color-focus: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-root-component-color-accent: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-root-component-color-actions-hover: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-root-component-color-active: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-popover-label-color: var(--c8y-root-component-form-label-color);
  --c8y-popover-color-default: var(--c8y-root-component-color-default);
  --c8y-popover-border-color: var(--c8y-root-component-border-color);
  --c8y-navigator-scrollbar-track: var(--c8y-root-component-scrollbar-track);
  --c8y-navigator-border-selected: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-nav-pills-color-default: var(--c8y-navlink-color-default);
  --c8y-nav-pills-background-default: var(--c8y-navlink-background-default);
  --c8y-nav-tabs-color-default: var(--c8y-navlink-color-default);
  --c8y-nav-tabs-icon-color-active: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-nav-tabs-icon-color-focus: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-nav-tabs-icon-color-hover: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-nav-tabs-border-color-default: var(--c8y-root-component-border-color);
  --c8y-navlink-color-focus: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-navlink-color-active: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-navlink-color-hover: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-form-control-icon-color: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-form-control-color-focus: var(--c8y-component-color-default, var(--c8y-root-component-color-default));
  --c8y-form-control-color-default: var(--c8y-component-color-default, var(--c8y-root-component-color-default));
  --c8y-form-control-border-color-focus: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-primary-border-color-focus: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-primary-border-color-hover: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-primary-border-color-default: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-primary-background-default: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-primary-color-focus: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-primary-color-hover: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-default-border-color-active: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-default-border-color-focus: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-default-border-color-hover: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-default-border-color-default: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-default-color-active: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-default-color-focus: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-default-color-hover: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-default-color-default: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-alert-color-default: var(--c8y-root-component-color-default);
  --c8y-alert-status-system: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-action-bar-color-focus: var(--c8y-root-component-color-focus);
  --c8y-action-bar-color-actions-hover: var(--c8y-root-component-color-actions-hover);
  --c8y-right-drawer-link-color-hover: var(--c8y-root-component-brand-primary);
  --c8y-right-drawer-link-color-default: var(--c8y-root-component-brand-primary);
  --c8y-root-component-form-control-border-color-focus: var(--c8y-form-control-border-color-focus);
  --c8y-root-component-form-control-color-focus: var(--c8y-form-control-color-focus);
  --c8y-root-component-form-control-color-default: var(--c8y-form-control-color-default);
  --c8y-nav-pills-color-focus: var(--c8y-navlink-color-focus);
  --c8y-nav-pills-color-active: var(--c8y-navlink-color-active);
  --c8y-nav-pills-color-hover: var(--c8y-navlink-color-hover);
  --c8y-nav-tabs-color-focus: var(--c8y-navlink-color-focus);
  --c8y-nav-tabs-color-active: var(--c8y-navlink-color-active);
  --c8y-nav-tabs-color-hover: var(--c8y-navlink-color-hover);
  --c8y-nav-tabs-border-color-active: var(--c8y-root-component-brand-primary);
  --c8y-navbar-link: var(--c8y-root-component-brand-primary);
  --c8y-brand-logo-img: url('logo-platform.svg');
  --c8y-brand-logo-height: 20%;
  --c8y-navigator-platform-logo: url('logo-platform.svg');
  --c8y-navigator-platform-logo-height: 32px;
  --c8y-header-color: var(--c8y-main-header-background-default);
  --c8y-header-text-color: var(--c8y-main-header-text-color-default);
  --c8y-header-hover-color: var(--c8y-main-header-text-color-hover);
  --c8y-navigator-bg-color: var(--c8y-navigator-background-default);
  --c8y-navigator-header-bg: var(--c8y-navigator-header-background);
  --c8y-navigator-title-color: var(--c8y-navigator-header-color);
  --c8y-navigator-active-bg: var(--c8y-navigator-background-selected);
  --c8y-navigator-text-color: var(--c8y-navigator-text-color-default);
  --c8y-navigator-color-active: var(--c8y-navigator-text-color-selected);
  --c8y-navigator-border-active: var(--c8y-navigator-border-selected);
  --c8y-right-drawer-link-color: var(--c8y-right-drawer-link-color-default);
  --c8y-root-component-color-default: white;
  --c8y-root-component-color-actions-hover: #05d5f5;
  --c8y-component-color-link-hover: #05d5f5;
  --c8y-component-scrollbar-thumb-default: #57656F;
  --c8y-dropdown-background-default: #141414;
  --c8y-form-control-icon-color: #05d5f5;
  --c8y-form-control-background-default: transparent;
  --c8y-alert-status-info: #3b83ff;
  --c8y-alert-status-success: #41D796;
  --c8y-alert-status-danger: #F24040;
  --c8y-btn-primary-background-default: #05d5f5;
  --c8y-btn-primary-border-color-default: #05d5f5;
  --c8y-btn-primary-color-hover: #05d5f5;
  --c8y-btn-primary-border-color-hover: #05d5f5;
  --c8y-btn-default-color-default: #05d7f5;
  --c8y-btn-default-border-color-default: #05d7f5;
  --c8y-btn-default-color-hover: #05d7f5;
  --c8y-btn-default-border-color-hover: #05d7f5;
  --c8y-btn-primary-color-hover: #05d7f5;
  --c8y-btn-primary-border-color-hover: #05d7f5;
  --c8y-nav-tabs-background-default: #132b45;
  --c8y-nav-tabs-color-default: white;
  --c8y-nav-tabs-border-color-active: #05d5f5;
  --c8y-nav-tabs-border-color-default: transparent;
  --c8y-nav-tabs-border-width-active: 4px;
  --c8y-nav-tabs-background-active: #132b45;
  --c8y-form-control-border-color-default: white;
  --c8y-main-header-background-active: #05d5f5;
  --c8y-right-drawer-background-active: #05d5f5;
  --c8y-level-0: #132b45;
  --c8y-switch-background-active: #05d5f5;
  --c8y-tooltip-background-default: #141617;
  --c8y-right-drawer-text-color-default: white !important;
  --c8y-right-drawer-border-selected: #05d5f5;
  --c8y-form-control-font-family: 'roboto';
  --c8y-form-label-font-weight: normal;
  --c8y-font-weight-headings: normal;
  --c8y-form-control-background-focus: white;
  --c8y-btn-primary-border-color-active: #05d5f5;
  --c8y-font-family-base: 'roboto';
  --palette-status-danger: #F24040;
}
.dashboard-preview-slot.dashboard-theme-white {
  background: white !important;
}
.dashboard-preview-slot.dashboard-theme-light {
  --c8y-dashboard-background: var(--body-background-color, var(--c8y-body-background-color));
  background: var(--c8y-dashboard-background);
}
c8y-dashboard-gridstack:not([name]):not([use-context]) > .dashboard-theme-white,
c8y-context-dashboard.c8y-grid-dashboard.dashboard-theme-white {
  --c8y-dashboard-background: var(--c8y-palette-high);
  background-color: var(--c8y-dashboard-background);
}
c8y-dashboard-gridstack:not([name]):not([use-context]) > .dashboard-theme-light,
c8y-context-dashboard.c8y-grid-dashboard.dashboard-theme-light {
  --c8y-dashboard-background: var(--body-background-color, var(--c8y-body-background-color));
}
.c8y-dark-theme c8y-dashboard-gridstack:not([name]):not([use-context]) > .dashboard-theme-light,
.c8y-dark-theme c8y-context-dashboard.c8y-grid-dashboard.dashboard-theme-light {
  --c8y-dashboard-background: var(--c8y-palette-low);
}
@media (prefers-color-scheme: dark) {
  .c8y-system-theme c8y-dashboard-gridstack:not([name]):not([use-context]) > .dashboard-theme-light,
  .c8y-system-theme c8y-context-dashboard.c8y-grid-dashboard.dashboard-theme-light {
    --c8y-dashboard-background: var(--c8y-palette-low);
  }
}
body .dashboard-preview-slot.panel-content-transparent,
.c8y-grid-dashboard c8y-dashboard-child .panel-content-transparent {
  --c8y-component-background-default: transparent;
  --c8y-elevation-hover: none;
  --c8y-elevation-sm: none;
  /* Elevation for Cards, Select dropdowns, Date pickers, Time pickers, Dropdown buttons */
  --c8y-elevation-md: none;
  /* Elevation for Panels, App switchers, Overflow menus, Tooltips */
  --c8y-elevation-lg: none;
  /* Elevation for Modals */
  --c8y-elevation-border: none;
  /* For App switchers, Overflow menus, Tooltips */
}
.dashboard-preview-slot {
  background-color: var(--c8y-dashboard-background, var(--c8y-body-background-color)) !important;
}
/* Remove after Codex launch. will be replaced by Tag */
/* build utilities class
  * @prop - property, i.e. margin, padding
  * @prefix - for class name, i.e. m, p
  * @basesize - unit for increasing sizes, defauts to 8
  * @range - amount of classes built
*/
/**
* add an increasing transition delay to elements
* in a list using the element index
*
* @range: number of elements
* @el: html element
* @delay: time in seconds
* @lastIndex: max number of elements
* @pos: either top, right, bottom or left
* @size: height of the element
*/
.c8y-scrollbar::-webkit-scrollbar {
  width: 4px;
  /* for vertical scrollbars */
  height: 4px;
  /* for horizontal scrollbars */
}
.c8y-scrollbar::-webkit-scrollbar-track {
  background: transparent;
}
.c8y-scrollbar::-webkit-scrollbar-track:not(textarea) {
  background: var(--c8y-component-scrollbar-track, var(--c8y-root-component-scrollbar-track));
}
.c8y-scrollbar::-webkit-scrollbar-thumb {
  width: 4px;
  border-radius: 1px;
  background: var(--c8y-component-scrollbar-thumb-default, var(--c8y-root-component-scrollbar-thumb-default));
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.c8y-scrollbar:hover::-webkit-scrollbar-thumb {
  background: var(--c8y-component-scrollbar-thumb-hover, var(--c8y-root-component-scrollbar-thumb-hover));
}
.hide-scrollbars {
  overflow: -moz-scrollbars-none;
  -ms-overflow-style: none;
}
.hide-scrollbars::-webkit-scrollbar {
  display: none;
}
.shadow-scroll {
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
}
[class*="content-flex-"] {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  --c8y-margin: 1rem;
  margin: 0 calc(var(--c8y-margin) * -1);
}
[class*="content-flex-"] > * {
  max-width: 100%;
  flex-basis: calc(var(--c8y-multiplier) * 999);
  margin: 0 var(--c8y-margin);
}
.content-flex-20 {
  --c8y-multiplier: calc((20 * 1rem) - 100%);
}
.content-flex-21 {
  --c8y-multiplier: calc((21 * 1rem) - 100%);
}
.content-flex-22 {
  --c8y-multiplier: calc((22 * 1rem) - 100%);
}
.content-flex-23 {
  --c8y-multiplier: calc((23 * 1rem) - 100%);
}
.content-flex-24 {
  --c8y-multiplier: calc((24 * 1rem) - 100%);
}
.content-flex-25 {
  --c8y-multiplier: calc((25 * 1rem) - 100%);
}
.content-flex-26 {
  --c8y-multiplier: calc((26 * 1rem) - 100%);
}
.content-flex-27 {
  --c8y-multiplier: calc((27 * 1rem) - 100%);
}
.content-flex-28 {
  --c8y-multiplier: calc((28 * 1rem) - 100%);
}
.content-flex-29 {
  --c8y-multiplier: calc((29 * 1rem) - 100%);
}
.content-flex-30 {
  --c8y-multiplier: calc((30 * 1rem) - 100%);
}
.content-flex-31 {
  --c8y-multiplier: calc((31 * 1rem) - 100%);
}
.content-flex-32 {
  --c8y-multiplier: calc((32 * 1rem) - 100%);
}
.content-flex-33 {
  --c8y-multiplier: calc((33 * 1rem) - 100%);
}
.content-flex-34 {
  --c8y-multiplier: calc((34 * 1rem) - 100%);
}
.content-flex-35 {
  --c8y-multiplier: calc((35 * 1rem) - 100%);
}
.content-flex-36 {
  --c8y-multiplier: calc((36 * 1rem) - 100%);
}
.content-flex-37 {
  --c8y-multiplier: calc((37 * 1rem) - 100%);
}
.content-flex-38 {
  --c8y-multiplier: calc((38 * 1rem) - 100%);
}
.content-flex-39 {
  --c8y-multiplier: calc((39 * 1rem) - 100%);
}
.content-flex-40 {
  --c8y-multiplier: calc((40 * 1rem) - 100%);
}
.content-flex-41 {
  --c8y-multiplier: calc((41 * 1rem) - 100%);
}
.content-flex-42 {
  --c8y-multiplier: calc((42 * 1rem) - 100%);
}
.content-flex-43 {
  --c8y-multiplier: calc((43 * 1rem) - 100%);
}
.content-flex-44 {
  --c8y-multiplier: calc((44 * 1rem) - 100%);
}
.content-flex-45 {
  --c8y-multiplier: calc((45 * 1rem) - 100%);
}
.content-flex-46 {
  --c8y-multiplier: calc((46 * 1rem) - 100%);
}
.content-flex-47 {
  --c8y-multiplier: calc((47 * 1rem) - 100%);
}
.content-flex-48 {
  --c8y-multiplier: calc((48 * 1rem) - 100%);
}
.content-flex-49 {
  --c8y-multiplier: calc((49 * 1rem) - 100%);
}
.content-flex-50 {
  --c8y-multiplier: calc((50 * 1rem) - 100%);
}
.content-flex-51 {
  --c8y-multiplier: calc((51 * 1rem) - 100%);
}
.content-flex-52 {
  --c8y-multiplier: calc((52 * 1rem) - 100%);
}
.content-flex-53 {
  --c8y-multiplier: calc((53 * 1rem) - 100%);
}
.content-flex-54 {
  --c8y-multiplier: calc((54 * 1rem) - 100%);
}
.content-flex-55 {
  --c8y-multiplier: calc((55 * 1rem) - 100%);
}
.content-flex-56 {
  --c8y-multiplier: calc((56 * 1rem) - 100%);
}
.content-flex-57 {
  --c8y-multiplier: calc((57 * 1rem) - 100%);
}
.content-flex-58 {
  --c8y-multiplier: calc((58 * 1rem) - 100%);
}
.content-flex-59 {
  --c8y-multiplier: calc((59 * 1rem) - 100%);
}
.content-flex-60 {
  --c8y-multiplier: calc((60 * 1rem) - 100%);
}
.content-flex-61 {
  --c8y-multiplier: calc((61 * 1rem) - 100%);
}
.content-flex-62 {
  --c8y-multiplier: calc((62 * 1rem) - 100%);
}
.content-flex-63 {
  --c8y-multiplier: calc((63 * 1rem) - 100%);
}
.content-flex-64 {
  --c8y-multiplier: calc((64 * 1rem) - 100%);
}
.content-flex-65 {
  --c8y-multiplier: calc((65 * 1rem) - 100%);
}
.content-flex-66 {
  --c8y-multiplier: calc((66 * 1rem) - 100%);
}
.content-flex-67 {
  --c8y-multiplier: calc((67 * 1rem) - 100%);
}
.content-flex-68 {
  --c8y-multiplier: calc((68 * 1rem) - 100%);
}
.content-flex-69 {
  --c8y-multiplier: calc((69 * 1rem) - 100%);
}
.content-flex-70 {
  --c8y-multiplier: calc((70 * 1rem) - 100%);
}
.content-flex-71 {
  --c8y-multiplier: calc((71 * 1rem) - 100%);
}
.content-flex-72 {
  --c8y-multiplier: calc((72 * 1rem) - 100%);
}
.content-flex-73 {
  --c8y-multiplier: calc((73 * 1rem) - 100%);
}
.content-flex-74 {
  --c8y-multiplier: calc((74 * 1rem) - 100%);
}
.content-flex-75 {
  --c8y-multiplier: calc((75 * 1rem) - 100%);
}
.content-flex-76 {
  --c8y-multiplier: calc((76 * 1rem) - 100%);
}
.content-flex-77 {
  --c8y-multiplier: calc((77 * 1rem) - 100%);
}
.content-flex-78 {
  --c8y-multiplier: calc((78 * 1rem) - 100%);
}
.content-flex-79 {
  --c8y-multiplier: calc((79 * 1rem) - 100%);
}
.content-flex-80 {
  --c8y-multiplier: calc((80 * 1rem) - 100%);
}
.content-flex-81 {
  --c8y-multiplier: calc((81 * 1rem) - 100%);
}
.content-flex-82 {
  --c8y-multiplier: calc((82 * 1rem) - 100%);
}
.content-flex-83 {
  --c8y-multiplier: calc((83 * 1rem) - 100%);
}
.content-flex-84 {
  --c8y-multiplier: calc((84 * 1rem) - 100%);
}
.content-flex-85 {
  --c8y-multiplier: calc((85 * 1rem) - 100%);
}
.content-flex-86 {
  --c8y-multiplier: calc((86 * 1rem) - 100%);
}
.content-flex-87 {
  --c8y-multiplier: calc((87 * 1rem) - 100%);
}
.content-flex-88 {
  --c8y-multiplier: calc((88 * 1rem) - 100%);
}
.content-flex-89 {
  --c8y-multiplier: calc((89 * 1rem) - 100%);
}
.content-flex-90 {
  --c8y-multiplier: calc((90 * 1rem) - 100%);
}
.content-flex-91 {
  --c8y-multiplier: calc((91 * 1rem) - 100%);
}
.content-flex-92 {
  --c8y-multiplier: calc((92 * 1rem) - 100%);
}
.content-flex-93 {
  --c8y-multiplier: calc((93 * 1rem) - 100%);
}
.content-flex-94 {
  --c8y-multiplier: calc((94 * 1rem) - 100%);
}
.content-flex-95 {
  --c8y-multiplier: calc((95 * 1rem) - 100%);
}
.content-flex-96 {
  --c8y-multiplier: calc((96 * 1rem) - 100%);
}
.content-flex-97 {
  --c8y-multiplier: calc((97 * 1rem) - 100%);
}
.content-flex-98 {
  --c8y-multiplier: calc((98 * 1rem) - 100%);
}
.content-flex-99 {
  --c8y-multiplier: calc((99 * 1rem) - 100%);
}
.content-flex-100 {
  --c8y-multiplier: calc((100 * 1rem) - 100%);
}
.content-flex-101 {
  --c8y-multiplier: calc((101 * 1rem) - 100%);
}
.content-flex-102 {
  --c8y-multiplier: calc((102 * 1rem) - 100%);
}
.content-flex-103 {
  --c8y-multiplier: calc((103 * 1rem) - 100%);
}
.content-flex-104 {
  --c8y-multiplier: calc((104 * 1rem) - 100%);
}
.content-flex-105 {
  --c8y-multiplier: calc((105 * 1rem) - 100%);
}
.content-flex-106 {
  --c8y-multiplier: calc((106 * 1rem) - 100%);
}
.content-flex-107 {
  --c8y-multiplier: calc((107 * 1rem) - 100%);
}
.content-flex-108 {
  --c8y-multiplier: calc((108 * 1rem) - 100%);
}
.content-flex-109 {
  --c8y-multiplier: calc((109 * 1rem) - 100%);
}
.content-flex-110 {
  --c8y-multiplier: calc((110 * 1rem) - 100%);
}
.content-flex-111 {
  --c8y-multiplier: calc((111 * 1rem) - 100%);
}
.content-flex-112 {
  --c8y-multiplier: calc((112 * 1rem) - 100%);
}
.content-flex-113 {
  --c8y-multiplier: calc((113 * 1rem) - 100%);
}
.content-flex-114 {
  --c8y-multiplier: calc((114 * 1rem) - 100%);
}
.content-flex-115 {
  --c8y-multiplier: calc((115 * 1rem) - 100%);
}
.content-flex-116 {
  --c8y-multiplier: calc((116 * 1rem) - 100%);
}
.content-flex-117 {
  --c8y-multiplier: calc((117 * 1rem) - 100%);
}
.content-flex-118 {
  --c8y-multiplier: calc((118 * 1rem) - 100%);
}
.content-flex-119 {
  --c8y-multiplier: calc((119 * 1rem) - 100%);
}
.content-flex-120 {
  --c8y-multiplier: calc((120 * 1rem) - 100%);
}
.content-flex-121 {
  --c8y-multiplier: calc((121 * 1rem) - 100%);
}
.content-flex-122 {
  --c8y-multiplier: calc((122 * 1rem) - 100%);
}
.content-flex-123 {
  --c8y-multiplier: calc((123 * 1rem) - 100%);
}
.content-flex-124 {
  --c8y-multiplier: calc((124 * 1rem) - 100%);
}
.content-flex-125 {
  --c8y-multiplier: calc((125 * 1rem) - 100%);
}
.content-flex-126 {
  --c8y-multiplier: calc((126 * 1rem) - 100%);
}
.content-flex-127 {
  --c8y-multiplier: calc((127 * 1rem) - 100%);
}
.content-flex-128 {
  --c8y-multiplier: calc((128 * 1rem) - 100%);
}
.content-flex-129 {
  --c8y-multiplier: calc((129 * 1rem) - 100%);
}
.content-flex-130 {
  --c8y-multiplier: calc((130 * 1rem) - 100%);
}
.content-flex-131 {
  --c8y-multiplier: calc((131 * 1rem) - 100%);
}
.content-flex-132 {
  --c8y-multiplier: calc((132 * 1rem) - 100%);
}
.content-flex-133 {
  --c8y-multiplier: calc((133 * 1rem) - 100%);
}
.content-flex-134 {
  --c8y-multiplier: calc((134 * 1rem) - 100%);
}
.content-flex-135 {
  --c8y-multiplier: calc((135 * 1rem) - 100%);
}
.content-flex-136 {
  --c8y-multiplier: calc((136 * 1rem) - 100%);
}
.content-flex-137 {
  --c8y-multiplier: calc((137 * 1rem) - 100%);
}
.content-flex-138 {
  --c8y-multiplier: calc((138 * 1rem) - 100%);
}
.content-flex-139 {
  --c8y-multiplier: calc((139 * 1rem) - 100%);
}
.content-flex-140 {
  --c8y-multiplier: calc((140 * 1rem) - 100%);
}
.content-flex-141 {
  --c8y-multiplier: calc((141 * 1rem) - 100%);
}
.content-flex-142 {
  --c8y-multiplier: calc((142 * 1rem) - 100%);
}
.content-flex-143 {
  --c8y-multiplier: calc((143 * 1rem) - 100%);
}
.content-flex-144 {
  --c8y-multiplier: calc((144 * 1rem) - 100%);
}
.content-flex-145 {
  --c8y-multiplier: calc((145 * 1rem) - 100%);
}
.content-flex-146 {
  --c8y-multiplier: calc((146 * 1rem) - 100%);
}
.content-flex-147 {
  --c8y-multiplier: calc((147 * 1rem) - 100%);
}
.content-flex-148 {
  --c8y-multiplier: calc((148 * 1rem) - 100%);
}
.content-flex-149 {
  --c8y-multiplier: calc((149 * 1rem) - 100%);
}
.content-flex-150 {
  --c8y-multiplier: calc((150 * 1rem) - 100%);
}
[class*="content-flex-"] .col-1 {
  min-width: calc((8.33333333% * 1) - (var(--c8y-margin) * 2));
}
[class*="content-flex-"] .col-2 {
  min-width: calc((8.33333333% * 2) - (var(--c8y-margin) * 2));
}
[class*="content-flex-"] .col-3 {
  min-width: calc((8.33333333% * 3) - (var(--c8y-margin) * 2));
}
[class*="content-flex-"] .col-4 {
  min-width: calc((8.33333333% * 4) - (var(--c8y-margin) * 2));
}
[class*="content-flex-"] .col-5 {
  min-width: calc((8.33333333% * 5) - (var(--c8y-margin) * 2));
}
[class*="content-flex-"] .col-6 {
  min-width: calc((8.33333333% * 6) - (var(--c8y-margin) * 2));
}
[class*="content-flex-"] .col-7 {
  min-width: calc((8.33333333% * 7) - (var(--c8y-margin) * 2));
}
[class*="content-flex-"] .col-8 {
  min-width: calc((8.33333333% * 8) - (var(--c8y-margin) * 2));
}
[class*="content-flex-"] .col-9 {
  min-width: calc((8.33333333% * 9) - (var(--c8y-margin) * 2));
}
[class*="content-flex-"] .col-10 {
  min-width: calc((8.33333333% * 10) - (var(--c8y-margin) * 2));
}
[class*="content-flex-"] .col-11 {
  min-width: calc((8.33333333% * 11) - (var(--c8y-margin) * 2));
}
[class*="content-flex-"] .col-12 {
  min-width: calc((8.33333333% * 12) - (var(--c8y-margin) * 2));
}
/* generate classes for setting two columns on a 12 columns grid */
/* generate classes for setting  two rows on a 12 rows grid
  example: grid__row-4-6
*/
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background-color: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  margin: 0.67em 0;
  font-size: 2em;
}
mark {
  background: var(--palette-pear-8);
  color: black;
}
small {
  font-size: 80%;
}
sub,
sup {
  position: relative;
  vertical-align: baseline;
  font-size: 75%;
  line-height: 0;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-size: 1em;
  font-family: monospace, monospace;
}
button,
input,
optgroup,
select,
textarea {
  margin: 0;
  color: inherit;
  font: inherit;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}
input {
  line-height: normal;
}
input[type='checkbox'],
input[type='radio'] {
  box-sizing: border-box;
  padding: 0;
}
input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
  height: auto;
}
input[type='search'] {
  box-sizing: content-box;
  -webkit-appearance: textfield;
}
input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
  border: 1px solid var(--c8y-palette-gray-70);
}
legend {
  padding: 0;
  border: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-spacing: 0;
  border-collapse: collapse;
}
td,
th {
  padding: 0;
}
@media print {
  body {
    --c8y-elevation-sm: 0 0 0 1px rgba(var(--c8y-elevation-color), 0.1);
    transform: scale(0.97);
  }
  *,
  *:before,
  *:after {
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href^='#']:after,
  a[href^='javascript:']:after {
    content: '';
  }
  pre,
  blockquote {
    border: 1px solid var(--c8y-palette-gray-60);
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  .navbar {
    display: none;
  }
  .btn > .caret,
  .dropup > .btn > .caret {
    border-top-color: black !important;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table td,
  .table th {
    background-color: #132b45 !important;
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid var(--c8y-palette-gray-90) !important;
  }
  .navigator,
  .app-main-header {
    display: none !important;
  }
  .c8y-ui-action-bar {
    position: static !important;
  }
  .mcontainer {
    all: unset;
    margin-top: 0;
    margin-left: 0 !important;
    padding: 0 24px !important;
  }
  .mcontainer:has(.dashboard) {
    padding: 0 !important;
  }
  .mcontainer > .container-fluid {
    padding-bottom: 0;
  }
  .c8y-ui-action-bar {
    top: 0 !important;
    left: 0 !important;
    box-shadow: none !important;
  }
  .dashboard {
    top: 0;
    left: 0;
    z-index: 1085 !important;
    overflow-y: auto;
    margin: 0 !important;
    padding-top: calc(var(--c8y-unit-base) * 4) !important;
    padding-bottom: 24px !important;
    width: 100vw;
    height: 99vh;
  }
  .dashboard::-webkit-scrollbar {
    width: 4px;
    /* for vertical scrollbars */
    height: 4px;
    /* for horizontal scrollbars */
  }
  .dashboard::-webkit-scrollbar-track {
    background: transparent;
  }
  .dashboard::-webkit-scrollbar-track:not(textarea) {
    background: var(--c8y-component-scrollbar-track, var(--c8y-root-component-scrollbar-track));
  }
  .dashboard::-webkit-scrollbar-thumb {
    width: 4px;
    border-radius: 1px;
    background: var(--c8y-component-scrollbar-thumb-default, var(--c8y-root-component-scrollbar-thumb-default));
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
  }
  .dashboard:hover::-webkit-scrollbar-thumb {
    background: var(--c8y-component-scrollbar-thumb-hover, var(--c8y-root-component-scrollbar-thumb-hover));
  }
  .dashboard .dashboard {
    padding-bottom: 0 !important;
    all: unset !important;
  }
  .dashboard .dashboard-container {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .page-tabs:not(.c8y-top-drawer--tabs) {
    display: none !important;
  }
  .dashboard,
  body,
  html {
    overflow: unset !important;
    min-height: unset !important;
  }
}
.fade {
  opacity: 0;
  transition: opacity 0.15s linear;
}
.fade.in,
.fade.show {
  opacity: 1;
}
.collapse {
  display: none;
}
.collapse.in {
  display: block;
}
tr .collapse.in {
  display: table-row;
}
tbody .collapse.in {
  display: table-row-group;
}
.collapsing {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 0;
  transition-property: height, visibility;
  transition-duration: 0.35s;
  transition-timing-function: ease;
}
.component-pulse {
  animation-name: pulseComponent;
  animation-duration: 1s;
}
@keyframes pulseComponent {
  0%,
  20%,
  50% {
    background-color: var(--c8y-component-realtime-added, var(--c8y-root-component-realtime-added));
  }
  35%,
  100% {
    background-color: #132b45;
  }
}
.fadeAnim.ng-enter,
.fadeAnim.ng-leave {
  transition: 0.5s linear all;
}
.fadeAnim.ng-enter,
.fadeAnim.ng-leave-active {
  opacity: 0;
}
.fadeAnim.ng-enter-active,
.fadeAnim.ng-leave {
  opacity: 1;
}
/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.6.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2018 Daniel Eden
 */
.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}
.animated.fast {
  animation-duration: 0.35s;
}
.animated.infinite {
  animation-iteration-count: infinite;
}
@keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 0, 0);
  }
  40%,
  43% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    transform: translate3d(0, -4px, 0);
  }
}
.bounce {
  animation-name: bounce;
  transform-origin: center bottom;
}
@keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
.flash {
  animation-name: flash;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes pulse {
  from {
    transform: scale3d(1, 1, 1);
  }
  50% {
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
.pulse {
  animation-name: pulse;
}
@keyframes shake {
  from,
  to {
    transform: translate3d(0, 0, 0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    transform: translate3d(-10px, 0, 0);
  }
  20%,
  40%,
  60%,
  80% {
    transform: translate3d(10px, 0, 0);
  }
}
.shake {
  animation-name: shake;
}
@keyframes vibrate {
  0%,
  2%,
  4%,
  6%,
  8%,
  10%,
  12%,
  14%,
  16%,
  18% {
    transform: translate3d(-1px, 0, 0);
  }
  1%,
  3%,
  5%,
  7%,
  9%,
  11%,
  13%,
  15%,
  17%,
  19% {
    transform: translate3d(1px, 0, 0);
  }
  20%,
  100% {
    transform: translate3d(0, 0, 0);
  }
}
.vibrate {
  perspective: 300px;
  transition-duration: 2s;
  transition-timing-function: cubic-bezier(0.36, 0.07, 0.19, 0.97);
  animation-name: vibrate;
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fadeIn {
  animation-name: fadeIn;
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.fadeInDown {
  animation-name: fadeInDown;
}
@keyframes fadeInDownBig {
  from {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.fadeInDownBig {
  animation-name: fadeInDownBig;
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.fadeInLeft {
  animation-name: fadeInLeft;
}
@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.fadeInLeftBig {
  animation-name: fadeInLeftBig;
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.fadeInRight {
  animation-name: fadeInRight;
}
@keyframes fadeInRightBig {
  from {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.fadeInRightBig {
  animation-name: fadeInRightBig;
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.fadeInUp {
  animation-name: fadeInUp;
}
@keyframes fadeInUpBig {
  from {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.fadeInUpBig {
  animation-name: fadeInUpBig;
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.fadeOut {
  animation-name: fadeOut;
}
@keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
}
.fadeOutDown {
  animation-name: fadeOutDown;
}
@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
.fadeOutDownBig {
  animation-name: fadeOutDownBig;
}
@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
}
.fadeOutLeft {
  animation-name: fadeOutLeft;
}
@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}
.fadeOutLeftBig {
  animation-name: fadeOutLeftBig;
}
@keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
}
.fadeOutRight {
  animation-name: fadeOutRight;
}
@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}
.fadeOutRightBig {
  animation-name: fadeOutRightBig;
}
@keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
}
.fadeOutUp {
  animation-name: fadeOutUp;
}
@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
.fadeOutUpBig {
  animation-name: fadeOutUpBig;
}
@keyframes slideInDown {
  from {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.slideInDown {
  animation-name: slideInDown;
}
@keyframes slideInLeft {
  from {
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.slideInLeft {
  animation-name: slideInLeft;
}
@keyframes slideInRight {
  from {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.slideInRight {
  animation-name: slideInRight;
}
@keyframes slideInUp {
  from {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.slideInUp {
  animation-name: slideInUp;
}
@keyframes slideOutDown {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
.slideOutDown {
  animation-name: slideOutDown;
}
@keyframes slideOutLeft {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(-100%, 0, 0);
  }
}
.slideOutLeft {
  animation-name: slideOutLeft;
}
@keyframes slideOutRight {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
.slideOutRight {
  animation-name: slideOutRight;
}
@keyframes slideOutUp {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, -100%, 0);
  }
}
.slideOutUp {
  animation-name: slideOutUp;
}
@keyframes zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
.zoomIn {
  animation-name: zoomIn;
}
.ui-select-offscreen {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  outline: 0 !important;
  border: 0 !important;
}
body .selectize-input {
  min-height: 0;
  display: block;
  padding: var(--c8y-form-control-padding-base-vertical) var(--c8y-form-control-padding-base-horizontal);
  width: 100%;
  height: var(--c8y-form-control-height-base);
  border: 0;
  border-radius: var(--c8y-form-control-border-radius);
  background-color: var(--c8y-form-control-background-default);
  background-image: none;
  box-shadow: inset 0 0 0 var(--c8y-form-control-border-width, 1px) var(--c8y-form-control-border-color-default);
  color: black;
  font-weight: var(--c8y-form-control-font-weight);
  font-size: var(--c8y-font-size-base);
  font-family: var(--font-family-base, var(--c8y-form-control-font-family));
  line-height: var(--c8y-form-control-line-height);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  color: white;
}
body .selectize-input:focus {
  border-color: #05d5f5;
  outline: 0;
  box-shadow: inset 0 0 0 2px #05d5f5;
  background-color: var(--c8y-form-control-background-focus);
  color: black;
}
body .selectize-input::-moz-placeholder {
  color: var(--c8y-form-control-placeholder-color);
  opacity: 1;
  font-style: italic;
}
body .selectize-input:-ms-input-placeholder {
  color: var(--c8y-form-control-placeholder-color);
  font-style: italic;
}
body .selectize-input::-webkit-input-placeholder {
  color: var(--c8y-form-control-placeholder-color);
  font-style: italic;
}
body .selectize-input::-moz-placeholder {
  color: var(--c8y-form-control-placeholder-color);
  opacity: 1;
  font-style: var(--c8y-form-control-placeholder-font-style);
}
body .selectize-input:-ms-input-placeholder {
  color: var(--c8y-form-control-placeholder-color);
  font-style: var(--c8y-form-control-placeholder-font-style);
}
body .selectize-input::-webkit-input-placeholder {
  color: var(--c8y-form-control-placeholder-color);
  font-style: var(--c8y-form-control-placeholder-font-style);
}
body .selectize-input:has(.c8y-colorpicker) {
  width: auto;
}
body .selectize-input[disabled],
fieldset[disabled] body .selectize-input {
  opacity: var(--c8y-form-control-disabled-opacity);
}
body .selectize-input[readonly],
body .selectize-input[readonly]:focus {
  background-color: var(--c8y-form-control-background-default);
  color: #8a9596;
  opacity: 1;
}
body .selectize-input[disabled],
fieldset[disabled] body .selectize-input {
  cursor: not-allowed;
}
textarea body .selectize-input {
  height: auto;
}
body .selectize-input:not(:first-child):not(:last-child) {
  border-radius: 0;
}
body .selectize-input:focus {
  color: black;
}
body .selectize-input.focus {
  outline: 0;
  border: 0;
  box-shadow: inset 0 0 0 2px #05d5f5;
}
body .selectize-control.single .selectize-input {
  position: relative;
  padding-right: 24px;
  appearance: none;
}
body .selectize-control.single .selectize-input:after {
  display: inline-block;
  text-decoration: inherit;
  text-transform: none;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  font-family: 'c8y-glyphs' !important;
  line-height: 1;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  position: absolute;
  top: 50%;
  right: 5px;
  margin: 0;
  width: auto;
  height: auto;
  border: 0;
  color: #05d5f5;
  content: '\f101';
  font-size: 18px;
  transform: translate(0, -50%);
  pointer-events: none;
}
body .form-control.selectize-control.single.ng-invalid-required.ng-touched .selectize-input {
  box-shadow: inset 1px 0 0 0 var(--c8y-form-control-border-color-default), inset -1px 0 0 0 var(--c8y-form-control-border-color-default), inset 0 1px 0 0 var(--c8y-form-control-border-color-default), inset 0 -4px 0 var(--palette-status-danger, var(--c8y-form-validation-color-error));
}
body .form-control.selectize-control.single.ng-invalid-required.ng-touched .selectize-input.focus,
body .form-control.selectize-control.single.ng-invalid-required.ng-touched .selectize-input.selectize-focus {
  box-shadow: inset 2px 0 0 0 #05d5f5, inset -2px 0 0 0 #05d5f5, inset 0 2px 0 0 #05d5f5, inset 0 -4px 0 var(--palette-status-danger, var(--c8y-form-validation-color-error));
}
body > .ui-select-container {
  z-index: 1050;
}
body .selectize-container .form-control.selectize-control.open {
  position: relative;
}
body .selectize-container .form-control.selectize-control.open:before {
  position: absolute;
  top: -15px;
  right: -15px;
  left: -15px;
  z-index: 0;
  height: 15px;
  border: 1px solid var(--c8y-form-control-border-color-default);
  border-bottom: 0;
  background-color: #132b45;
  box-shadow: 0 20px 15px rgba(0, 0, 0, 0.1);
}
body .selectize-container .form-control.selectize-control.open .selectize-input {
  position: relative;
  z-index: 10;
}
body .selectize-container label {
  position: relative;
  z-index: 5;
}
body .selectize-container label + .form-control.selectize-control.open:before {
  top: -30px;
  height: 30px;
}
body .ui-select-match {
  position: absolute;
  top: 5px;
  overflow: hidden;
  padding-right: 40px;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body .ui-select-choices {
  opacity: 1 !important;
}
body .ui-select-choices.ng-hide {
  opacity: 0 !important;
}
body input.ui-select-search[placeholder] {
  overflow: hidden;
  width: 100%;
  text-overflow: ellipsis;
}
body .ui-select-choices-row-inner,
body .ui-select-choices-row-inner > * {
  overflow: hidden;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body .selectize-dropdown,
body .selectize-input,
body .selectize-input input {
  color: black;
  font-size: inherit;
  font-family: inherit;
  line-height: 1.42857143;
  -webkit-font-smoothing: inherit;
}
body .selectize-control.single .selectize-input.input-active,
body .selectize-input {
  display: inline-block;
  background: #132b45;
  color: var(--c8y-component-color-default, var(--c8y-root-component-color-default));
  cursor: text;
}
body .selectize-input {
  position: relative;
  z-index: 1;
  display: flex;
  overflow: hidden;
  border: 0;
}
.selectize-control.multi body .selectize-input.has-items {
  padding: 4px 10px 1px;
}
body .selectize-input.full {
  background-color: var(--c8y-palette-high);
}
body .selectize-input.disabled,
body .selectize-input.disabled * {
  cursor: default !important;
}
body .selectize-input.focus,
body .selectize-input.selectize-focus {
  position: relative;
  z-index: 13;
  outline: 0;
  background-color: var(--c8y-form-control-background-focus);
  color: #05d5f5;
  box-shadow: inset 0 0 0 2px #05d5f5;
}
body .selectize-input.focus ~ input,
body .selectize-input.selectize-focus ~ input {
  color: #05d5f5;
}
body .selectize-input > * {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
}
.selectize-control.multi body .selectize-input > div {
  margin: 0 3px 3px 0;
  padding: 2px 6px;
  border: 0 solid var(--c8y-palette-gray-80);
  background: var(--c8y-palette-gray-90);
  color: black;
  cursor: pointer;
}
.selectize-control.multi body .selectize-input > div.active {
  border: 0 solid var(--c8y-palette-gray-80);
  background: var(--c8y-palette-gray-90);
  color: var(--c8y-component-color-active, var(--c8y-root-component-color-active));
}
.selectize-control.multi body .selectize-input.disabled > div,
.selectize-control.multi body .selectize-input.disabled > div.active {
  border: 0 solid var(--c8y-palette-gray-80);
  filter: brightness(1.2);
}
body .selectize-input > input {
  margin: 0 2px 0 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
  max-width: 100% !important;
  max-height: none !important;
  border: 0 none !important;
  background: none !important;
  text-indent: 0 !important;
  line-height: inherit !important;
  user-select: auto !important;
  -webkit-user-select: auto !important;
  box-shadow: none !important;
}
body .selectize-input > input:focus {
  outline: none !important;
}
body .selectize-input::after {
  display: block;
  clear: left;
  content: ' ';
}
body .selectize-input.dropdown-active::before {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  height: 1px;
  background: #132b45;
  content: ' ';
}
body .selectize-dropdown {
  position: absolute;
  z-index: 9;
  margin: -1px 0 0;
  border: 1px solid var(--c8y-form-control-border-color-default);
  background-color: #132b45;
  box-sizing: border-box;
  box-shadow: 0 20px 15px rgba(0, 0, 0, 0.1);
}
body .selectize-dropdown [data-selectable] {
  overflow: hidden;
  cursor: pointer;
}
body .selectize-dropdown [data-selectable] .highlight {
  background: var(--c8y-brand-7);
}
body .selectize-dropdown .optgroup-header,
body .selectize-dropdown [data-selectable] {
  padding: 5px 10px;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
}
body .selectize-dropdown .optgroup:first-child .optgroup-header {
  border-top: 0 none;
}
body .selectize-dropdown .optgroup-header {
  background: #132b45;
  color: black;
  cursor: default;
}
body .selectize-dropdown .active,
body .selectize-dropdown .active:not(.selected),
body .selectize-dropdown .ui-select-choices-row:hover {
  background-color: var(--c8y-component-background-active, var(--c8y-root-component-background-active));
  color: var(--c8y-component-color-active, var(--c8y-root-component-color-active));
}
body .selectize-dropdown .active.create,
body .selectize-dropdown .active:not(.selected).create,
body .selectize-dropdown .ui-select-choices-row:hover.create {
  color: var(--c8y-component-color-active, var(--c8y-root-component-color-active));
}
body .selectize-dropdown .create {
  color: var(--c8y-component-color-active, var(--c8y-root-component-color-active));
}
.selectize-dropdown-content {
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0 !important;
  max-height: 200px;
}
.selectize-control.single .selectize-input + .selectize-dropdown {
  top: -7px;
  right: -7px;
  left: -7px;
  z-index: 9;
  padding-top: 42px;
  width: auto;
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-radius: var(--c8y-component-border-radius-base, var(--c8y-root-component-border-radius-base));
}
.selectize-control.single.direction-up .selectize-input.focus + .selectize-dropdown {
  z-index: 9;
  margin-top: -2px;
  padding-top: 0;
  padding-bottom: 40px;
}
.selectize-control.single .selectize-input,
.selectize-control.single .selectize-input input {
  cursor: pointer;
}
.selectize-control.single .selectize-input.input-active,
.selectize-control.single .selectize-input.input-active input {
  cursor: text;
}
.selectize-control.single .selectize-input.dropdown-active:after {
  margin-top: -4px;
  border-width: 0 5px 5px 5px;
  border-color: transparent;
  border-bottom-color: #05d5f5;
}
.selectize-control.rtl.single .selectize-input:after {
  right: auto;
  left: calc(var(--c8y-unit-base) * 2);
}
.selectize-control.rtl .selectize-input > input {
  margin: 0 4px 0 -2px !important;
}
.selectize-control .selectize-input.disabled {
  background-color: var(--c8y-palette-gray-100);
  opacity: 0.5;
}
.form-control.selectize-control {
  position: relative;
  padding: 0;
  height: auto;
  border: none;
  border-radius: 0;
  background: 0 0;
  box-shadow: none;
}
* {
  box-sizing: border-box;
  outline-color: #05d5f5;
}
*:before,
*:after {
  box-sizing: border-box;
}
html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  overflow-x: hidden;
  background-color: #141414;
  color: white;
  font-size: var(--c8y-font-size-base);
  font-family: 'roboto', Arial, Helvetica, sans-serif;
  line-height: var(--c8y-line-height-base, 1.42857143);
}
input,
button,
select,
textarea {
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
}
a {
  color: #05d5f5;
  text-decoration: none;
}
a:hover,
a:focus {
  color: var(--link-hover-color, var(--c8y-component-color-link-hover, var(--c8y-root-component-color-link-hover)));
  text-decoration: underline;
}
a:focus {
  outline: thin dotted;
  outline: 2px auto #05d5f5;
  outline-offset: 0;
}
a.no-decoration:hover,
a.no-decoration:focus {
  outline: none;
  text-decoration: none;
}
a.no-decoration:focus {
  outline: 2px solid #05d5f5;
  border-radius: var(--c8y-component-border-radius-focus, var(--c8y-root-component-border-radius-focus));
}
a.text-muted:hover,
a.text-muted:focus {
  color: #05d5f5;
  text-decoration: none;
}
figure {
  margin: 0;
}
img {
  vertical-align: middle;
}
.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}
.img-square {
  aspect-ratio: 1;
  width: 100%;
  object-fit: scale-down;
}
.img-rounded {
  border-radius: var(--c8y-component-border-radius-large, var(--c8y-root-component-border-radius-large));
}
.img-thumbnail {
  padding: 4px;
  border: 1px solid transparent;
  border-radius: var(--c8y-component-border-radius-base, var(--c8y-root-component-border-radius-base));
  background-color: #141414;
  line-height: var(--c8y-line-height-base, 1.42857143);
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto;
}
.img-circle {
  border-radius: 50%;
}
hr {
  margin-top: calc(var(--c8y-font-size-base) * var(--c8y-line-height-base, 1.42857143));
  margin-bottom: calc(var(--c8y-font-size-base) * var(--c8y-line-height-base, 1.42857143));
  border: 0;
  border-top: 1px solid transparent;
}
.sr-only,
.cdk-visually-hidden {
  position: absolute !important;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  overflow: visible;
  clip: auto;
  margin: 0;
  width: auto;
  height: auto;
  z-index: 10;
}
[role='button'] {
  cursor: pointer;
}
.alert {
  margin-bottom: var(--c8y-unit-base);
  padding: var(--c8y-alert-padding);
  max-width: var(--c8y-alert-max-width);
  border-radius: var(--c8y-component-border-radius-base, var(--c8y-root-component-border-radius-base));
  word-wrap: break-word;
  overflow-wrap: break-word;
  box-shadow: var(--c8y-elevation-sm);
}
.alert > span {
  white-space: pre-line;
}
.alert:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  display: inline-flex;
  justify-content: center;
  width: 44px;
  border-left: var(--c8y-alert-border-width) var(--c8y-alert-border-style) transparent;
  text-align: center;
  font-size: var(--c8y-alert-status-symbol-size);
  font-family: var(--c8y-alert-status-symbol-font-family);
  line-height: 2.2;
  transform: translate(0, 0);
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.alert h4 {
  margin-top: 0;
  color: inherit;
}
.alert > p,
.alert > ul {
  margin-bottom: 0;
}
.alert > p + p {
  margin-top: var(--c8y-unit-base);
}
.alert > .close {
  margin-left: var(--c8y-unit-base);
}
.alert.c8y-prompt {
  margin-bottom: 0;
  padding: calc(var(--c8y-unit-base) * 5);
}
.alert.c8y-prompt:before {
  content: '' !important;
}
.alert.c8y-prompt h3 {
  font-weight: 500;
  font-size: 20px;
}
.alert.c8y-prompt h3 > [class^='dlt-c8y-icon-'],
.alert.c8y-prompt h3 > [class*=' dlt-c8y-icon-'] {
  margin-right: 4px;
  font-size: 24px;
}
.alert.c8y-prompt .alert-footer {
  padding: calc(var(--c8y-unit-base) * 5) 0 0;
  text-align: right;
}
.alert.c8y-prompt .alert-footer button {
  margin-bottom: 0 !important;
}
.alert.c8y-prompt.alert-success h3 > i,
.alert.c8y-prompt.alert-success h3 > [class^='dlt-c8y-icon-'],
.alert.c8y-prompt.alert-success h3 > [class*=' dlt-c8y-icon-'] {
  color: var(--palette-status-success, var(--c8y-alert-status-success));
}
.alert.c8y-prompt.alert-warning:before {
  z-index: 10;
}
.alert.c8y-prompt.alert-warning h3 > i,
.alert.c8y-prompt.alert-warning h3 > [class^='dlt-c8y-icon-'],
.alert.c8y-prompt.alert-warning h3 > [class*=' dlt-c8y-icon-'] {
  color: var(--palette-status-warning, var(--c8y-alert-status-warning));
}
.alert.c8y-prompt.alert-danger h3 > i,
.alert.c8y-prompt.alert-danger h3 > [class^='dlt-c8y-icon-'],
.alert.c8y-prompt.alert-danger h3 > [class*=' dlt-c8y-icon-'] {
  color: var(--palette-status-danger, var(--c8y-alert-status-danger));
}
.alert.c8y-prompt.alert-info h3 > i,
.alert.c8y-prompt.alert-info h3 > [class^='dlt-c8y-icon-'],
.alert.c8y-prompt.alert-info h3 > [class*=' dlt-c8y-icon-'] {
  color: var(--palette-status-info, var(--c8y-alert-status-info));
}
.alert-dismissable,
.alert-dismissible {
  padding-right: calc(var(--c8y-component-padding, var(--c8y-root-component-padding)) + 20);
}
.alert-dismissable .close,
.alert-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
}
.alert-success {
  position: relative;
  border-color: var(--palette-status-success, var(--c8y-alert-status-success));
  background-color: #132b45;
  color: white;
}
.alert-success:before {
  border-color: var(--palette-status-success, var(--c8y-alert-status-success));
  color: var(--palette-status-success, var(--c8y-alert-status-success));
  content: var(--c8y-alert-success-icon, "\eb00");
}
.alert-info {
  position: relative;
  border-color: var(--palette-status-info, var(--c8y-alert-status-info));
  background-color: #132b45;
  color: white;
}
.alert-info:before {
  border-color: var(--palette-status-info, var(--c8y-alert-status-info));
  color: var(--palette-status-info, var(--c8y-alert-status-info));
  content: var(--c8y-alert-info-icon, "\eae4");
}
.alert-system {
  position: relative;
  border-color: var(--brand-primary, var(--c8y-alert-status-system));
  background-color: var(--c8y-alert-background-default);
  color: var(--c8y-alert-color-default);
}
.alert-system:before {
  border-color: var(--brand-primary, var(--c8y-alert-status-system));
  color: var(--brand-primary, var(--c8y-alert-status-system));
  content: var(--c8y-alert-system-icon, "\f717");
}
.alert-warning {
  position: relative;
  border-color: var(--palette-status-warning, var(--c8y-alert-status-warning));
  background-color: #132b45;
  color: white;
}
.alert-warning:before {
  border-color: var(--palette-status-warning, var(--c8y-alert-status-warning));
  color: var(--palette-status-warning, var(--c8y-alert-status-warning));
  content: var(--c8y-alert-warning-icon, "\eae5");
}
.alert-danger {
  position: relative;
  border-color: var(--palette-status-danger, var(--c8y-alert-status-danger));
  background-color: #132b45;
  color: white;
}
.alert-danger:before {
  border-color: var(--palette-status-danger, var(--c8y-alert-status-danger));
  color: var(--palette-status-danger, var(--c8y-alert-status-danger));
  content: var(--c8y-alert-danger-icon, "\e97b");
}
.alerts {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: auto;
  z-index: 1080;
  display: flex;
  flex-flow: column;
  max-width: 100vw;
  pointer-events: none;
}
.static .alerts {
  position: static;
  padding: 0;
}
.alerts > c8y-alert-outlet:not(:empty) {
  display: block;
  overflow-x: hidden;
  overflow-y: auto;
  margin-top: calc(var(--c8y-unit-base) * 8);
  padding: 0 16px 16px 48px;
  max-height: calc(100vh - calc(var(--c8y-unit-base) * 8));
  pointer-events: auto;
}
.alerts > c8y-alert-outlet:not(:empty)::-webkit-scrollbar {
  width: 4px;
  /* for vertical scrollbars */
  height: 4px;
  /* for horizontal scrollbars */
}
.alerts > c8y-alert-outlet:not(:empty)::-webkit-scrollbar-track {
  background: transparent;
}
.alerts > c8y-alert-outlet:not(:empty)::-webkit-scrollbar-track:not(textarea) {
  background: var(--c8y-component-scrollbar-track, var(--c8y-root-component-scrollbar-track));
}
.alerts > c8y-alert-outlet:not(:empty)::-webkit-scrollbar-thumb {
  width: 4px;
  border-radius: 1px;
  background: var(--c8y-component-scrollbar-thumb-default, var(--c8y-root-component-scrollbar-thumb-default));
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.alerts > c8y-alert-outlet:not(:empty):hover::-webkit-scrollbar-thumb {
  background: var(--c8y-component-scrollbar-thumb-hover, var(--c8y-root-component-scrollbar-thumb-hover));
}
.alerts .alert {
  margin: var(--c8y-unit-base) calc(var(--c8y-unit-base) * 3) calc(var(--c8y-unit-base) * 2) auto;
  width: 280px;
  transition: width 0.35s ease-in-out;
  pointer-events: auto;
  box-shadow: var(--c8y-elevation-md-bottom);
}
.alerts .alert.expanded {
  width: 480px;
}
@media (max-width: 767px) {
  .alerts .alert.expanded {
    width: 280px;
  }
}
.navigator.open ~ .alerts {
  left: 240px;
}
.overlay-center-vertically {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.75);
}
.alerts-overlay .card-inner-scroll {
  overflow: hidden!important;
}
.inner-alert {
  position: absolute;
  right: 15px;
  left: 15px;
  z-index: 1035;
}
.inner-alert .alert {
  margin: 0 auto 10px;
}
.measurement-icon-bar .inner-alert {
  top: 130px;
}
@media (min-width: 768px) {
  .measurement-icon-bar .inner-alert {
    top: 90px;
  }
}
@media (min-width: 992px) {
  .measurement-icon-bar .inner-alert {
    top: 60px;
  }
}
.badge {
  display: inline-block;
  padding: var(--c8y-badge-padding);
  min-width: 10px;
  border-radius: var(--c8y-badge-border-radius);
  background-color: var(--c8y-palette-gray-80);
  color: white;
  text-align: center;
  white-space: nowrap;
  font-weight: var(--c8y-badge-font-weight);
  font-size: var(--c8y-badge-font-size);
  line-height: var(--c8y-badge-line-height);
  box-shadow: inset 0 0 0 1px var(--c8y-palette-gray-50);
  vertical-align: middle;
}
.badge.badge-success {
  background-color: var(--palette-status-success-light, var(--c8y-palette-status-success-light));
  color: var(--palette-status-success-dark, var(--c8y-palette-status-success-dark));
  box-shadow: inset 0 0 0 1px var(--palette-status-success-dark, var(--c8y-palette-status-success-dark));
}
.badge.badge-danger {
  background-color: var(--palette-status-danger-light, var(--c8y-palette-status-danger-light));
  color: var(--palette-status-danger-dark, var(--c8y-palette-status-danger-dark));
  box-shadow: inset 0 0 0 1px var(--palette-status-danger-dark, var(--c8y-palette-status-danger-dark));
}
.badge.badge-warning {
  background-color: var(--c8y-palette-status-warning-high);
  color: var(--palette-status-warning-dark, var(--c8y-palette-status-warning-dark));
  box-shadow: inset 0 0 0 1px var(--palette-status-warning-dark, var(--c8y-palette-status-warning-dark));
}
.badge.badge-system {
  background-color: #132b45;
  color: var(--c8y-palette-high);
}
.badge.badge-info {
  background-color: var(--palette-status-info-light, var(--c8y-palette-status-info-light));
  box-shadow: inset 0 0 0 1px var(--palette-status-info-dark, var(--c8y-palette-status-info-dark));
  color: var(--palette-status-info-dark, var(--c8y-palette-status-info-dark));
}
.badge:empty {
  display: none;
}
.btn .badge {
  position: relative;
  top: 50%;
  transform: translate(0, -50%);
}
a .badge:hover,
a .badge:focus {
  text-decoration: none;
  cursor: pointer;
}
.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
  box-shadow: 0 0 0 2px var(--c8y-palette-high);
}
.list-group-item > .badge {
  float: right;
}
.list-group-item > .badge + .badge {
  margin-right: 5px;
}
.nav-pills > li > a > .badge {
  margin-left: 3px;
}
.btn {
  display: inline-block;
  margin-bottom: 0;
  border: 1px solid transparent;
  background-color: transparent;
  background-image: none;
  vertical-align: middle;
  text-align: center;
  white-space: nowrap;
  font-weight: var(--c8y-btn-font-weight);
  cursor: pointer;
  touch-action: manipulation;
  transition: var(--c8y-btn-transition-default);
  text-decoration: none;
  padding: var(--c8y-btn-padding-base-vertical) calc(var(--c8y-btn-padding-base-horizontal) * 2);
  font-size: var(--c8y-btn-font-size-base);
  line-height: var(--c8y-btn-line-height-base);
  border-radius: calc(var(--btn-border-radius-base, var(--c8y-btn-border-radius-base)) * 1px);
  height: var(--c8y-form-control-height-base);
  -webkit-user-select: none;
  user-select: none;
}
.btn > i {
  vertical-align: text-top;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: none;
}
.btn:focus.dropdown-toggle,
.btn:active:focus.dropdown-toggle,
.btn.active:focus.dropdown-toggle,
.btn.focus.dropdown-toggle,
.btn:active.focus.dropdown-toggle,
.btn.active.focus.dropdown-toggle {
  outline: 2px solid #05d5f5;
  outline-offset: -2px;
  border-radius: var(--c8y-component-border-radius-focus, var(--c8y-root-component-border-radius-focus)) !important;
}
.btn:hover,
.btn:focus,
.btn.focus {
  text-decoration: none;
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn,
.btn.disabled:hover,
.btn[disabled]:hover,
fieldset[disabled] .btn:hover,
.btn.disabled:focus,
.btn[disabled]:focus,
fieldset[disabled] .btn:focus {
  cursor: not-allowed !important;
  opacity: var(--c8y-root-component-disabled-opacity);
  box-shadow: none;
}
a .btn.disabled,
fieldset[disabled] a .btn {
  pointer-events: none;
}
.btn-icon {
  padding-left: var(--c8y-btn-padding-icon-horizontal) !important;
  padding-right: var(--c8y-btn-padding-icon-horizontal) !important;
  height: var(--c8y-form-control-height-base);
}
.btn-icon:hover,
.btn-icon:focus,
.btn-icon:active {
  outline: 2px solid #05d5f5 !important;
  outline-offset: -2px;
}
.btn-icon:focus {
  border-radius: var(--c8y-component-border-radius-focus, var(--c8y-root-component-border-radius-focus)) !important;
  opacity: 1 !important;
}
.btn-dot {
  margin-bottom: 0;
  padding: 0;
  border: 0;
  background-color: transparent;
  background-image: none;
  white-space: nowrap;
  cursor: pointer;
  touch-action: manipulation;
  max-width: 100%;
  appearance: none;
  text-align: center;
  font-size: 16px;
  line-height: 1;
  height: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: var(--c8y-form-control-height-base);
  color: #132b45;
}
.btn-dot.btn {
  height: var(--c8y-form-control-height-base);
  transition: none;
}
.c8y-list__item .btn-dot.btn,
.cdk-cell .btn-dot.btn {
  height: calc(var(--c8y-unit-base) * 5);
  margin-top: -10px;
  margin-bottom: -10px;
  display: flex;
}
.btn-dot:hover,
.btn-dot:focus,
.btn-dot:active {
  outline: 2px solid #05d5f5 !important;
  outline-offset: -2px;
}
.btn-dot:focus {
  border-radius: var(--c8y-component-border-radius-focus, var(--c8y-root-component-border-radius-focus)) !important;
  opacity: 1 !important;
}
.btn-dot:focus > * {
  outline: 0 !important;
}
.input-group-btn .btn-dot {
  height: var(--c8y-form-control-height-base);
}
.btn-dot.btn-dot--danger {
  color: var(--palette-status-danger, var(--c8y-palette-status-danger));
}
.btn-dot.btn-dot--warning {
  color: var(--palette-status-warning, var(--c8y-palette-status-warning));
}
.btn-dot.btn-dot--info {
  color: var(--palette-status-info, var(--c8y-palette-status-info));
}
.btn-dot.btn-dot--success {
  color: #41D796;
}
.btn + .btn:not(.btn-block) {
  margin-left: var(--c8y-unit-base);
}
.btn-default {
  color: var(--c8y-btn-default-color-default);
  background-color: var(--c8y-btn-default-background-default);
  border-color: var(--c8y-btn-default-border-color-default);
}
.btn-default:focus,
.btn-default.focus {
  color: var(--c8y-btn-default-color-focus);
  background-color: var(--c8y-btn-default-background-focus);
  border-color: var(--c8y-btn-default-border-color-focus);
  box-shadow: inset 0 0 0 1px var(--c8y-btn-default-border-color-focus);
}
.btn-default:hover {
  color: var(--c8y-btn-default-color-hover);
  background-color: var(--c8y-btn-default-background-hover);
  border-color: var(--c8y-btn-default-border-color-hover);
  box-shadow: inset 0 0 0 1px var(--c8y-btn-default-border-color-hover);
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: var(--c8y-btn-default-color-active);
  background-color: var(--c8y-btn-default-background-active);
  border-color: var(--c8y-btn-default-border-color-active);
  box-shadow: inset 0 0 0 1px var(--c8y-btn-default-border-color-active);
  background-image: none;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
  color: var(--c8y-btn-default-color-default);
  background-color: var(--c8y-btn-default-background-default);
  border-color: var(--c8y-btn-default-border-color-default);
}
.btn-default .badge {
  border-width: 1px;
  border-style: solid;
  border-color: var(--c8y-palette-high);
}
.btn-primary {
  color: var(--c8y-btn-primary-color-default);
  background-color: var(--c8y-btn-primary-background-default);
  border-color: var(--c8y-btn-primary-border-color-default);
}
.btn-primary:focus,
.btn-primary.focus {
  color: var(--c8y-btn-primary-color-focus);
  background-color: var(--c8y-btn-primary-background-focus);
  border-color: var(--c8y-btn-primary-border-color-focus);
  box-shadow: inset 0 0 0 1px var(--c8y-btn-primary-border-color-focus);
}
.btn-primary:hover {
  color: var(--c8y-btn-primary-color-hover);
  background-color: var(--c8y-btn-primary-background-hover);
  border-color: var(--c8y-btn-primary-border-color-hover);
  box-shadow: inset 0 0 0 1px var(--c8y-btn-primary-border-color-hover);
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: var(--c8y-btn-primary-color-active);
  background-color: var(--c8y-btn-primary-background-active);
  border-color: var(--c8y-btn-primary-border-color-active);
  box-shadow: inset 0 0 0 1px var(--c8y-btn-primary-border-color-active);
  background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  color: var(--c8y-btn-primary-color-default);
  background-color: var(--c8y-btn-primary-background-default);
  border-color: var(--c8y-btn-primary-border-color-default);
}
.btn-primary .badge {
  border-width: 1px;
  border-style: solid;
  border-color: var(--c8y-palette-high);
}
.btn-accent {
  color: var(--c8y-btn-accent-color-default);
  background-color: var(--c8y-btn-accent-background-default);
  border-color: var(--c8y-btn-accent-border-color-default);
  border-radius: var(--c8y-btn-border-radius-pill) !important;
}
.btn-accent:focus,
.btn-accent.focus {
  color: var(--c8y-btn-accent-color-focus);
  background-color: var(--c8y-btn-accent-background-focus);
  border-color: var(--c8y-btn-accent-border-color-focus);
  box-shadow: inset 0 0 0 1px var(--c8y-btn-accent-border-color-focus);
}
.btn-accent:hover {
  color: var(--c8y-btn-accent-color-hover);
  background-color: var(--c8y-btn-accent-background-hover);
  border-color: var(--c8y-btn-accent-border-color-hover);
  box-shadow: inset 0 0 0 1px var(--c8y-btn-accent-border-color-hover);
}
.btn-accent:active,
.btn-accent.active,
.open > .dropdown-toggle.btn-accent {
  color: var(--c8y-btn-accent-color-active);
  background-color: var(--c8y-btn-accent-background-active);
  border-color: var(--c8y-btn-accent-border-color-active);
  box-shadow: inset 0 0 0 1px var(--c8y-btn-accent-border-color-active);
  background-image: none;
}
.btn-accent.disabled,
.btn-accent[disabled],
fieldset[disabled] .btn-accent,
.btn-accent.disabled:hover,
.btn-accent[disabled]:hover,
fieldset[disabled] .btn-accent:hover,
.btn-accent.disabled:focus,
.btn-accent[disabled]:focus,
fieldset[disabled] .btn-accent:focus,
.btn-accent.disabled.focus,
.btn-accent[disabled].focus,
fieldset[disabled] .btn-accent.focus,
.btn-accent.disabled:active,
.btn-accent[disabled]:active,
fieldset[disabled] .btn-accent:active,
.btn-accent.disabled.active,
.btn-accent[disabled].active,
fieldset[disabled] .btn-accent.active {
  color: var(--c8y-btn-accent-color-default);
  background-color: var(--c8y-btn-accent-background-default);
  border-color: var(--c8y-btn-accent-border-color-default);
}
.btn-accent .badge {
  border-width: 1px;
  border-style: solid;
  border-color: var(--c8y-palette-high);
}
.btn-danger {
  color: var(--c8y-btn-danger-color-default);
  background-color: var(--c8y-btn-danger-background-default);
  border-color: var(--c8y-btn-danger-border-color-default);
}
.btn-danger:focus,
.btn-danger.focus {
  color: var(--c8y-btn-danger-color-focus);
  background-color: var(--c8y-btn-danger-background-focus);
  border-color: var(--c8y-btn-danger-border-color-focus);
  box-shadow: inset 0 0 0 1px var(--c8y-btn-danger-border-color-focus);
}
.btn-danger:hover {
  color: var(--c8y-btn-danger-color-hover);
  background-color: var(--c8y-btn-danger-background-hover);
  border-color: var(--c8y-btn-danger-border-color-hover);
  box-shadow: inset 0 0 0 1px var(--c8y-btn-danger-border-color-hover);
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  color: var(--c8y-btn-danger-color-active);
  background-color: var(--c8y-btn-danger-background-active);
  border-color: var(--c8y-btn-danger-border-color-active);
  box-shadow: inset 0 0 0 1px var(--c8y-btn-danger-border-color-active);
  background-image: none;
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
  color: var(--c8y-btn-danger-color-default);
  background-color: var(--c8y-btn-danger-background-default);
  border-color: var(--c8y-btn-danger-border-color-default);
}
.btn-danger .badge {
  border-width: 1px;
  border-style: solid;
  border-color: var(--c8y-palette-high);
}
.btn-clean {
  display: inline-block;
  margin-bottom: 0;
  border: 0;
  background-color: transparent;
  background-image: none;
  box-shadow: none;
  text-align: left;
  white-space: nowrap;
  cursor: pointer;
  touch-action: manipulation;
  color: inherit;
  max-width: 100%;
  appearance: none;
  -webkit-user-select: none;
  user-select: none;
  transition: all 0.25s ease;
}
.btn-clean:not(.btn) {
  padding: 0;
}
.btn-clean:hover {
  text-decoration: none;
  color: #05d5f5;
}
.btn-clean:focus {
  color: #05d5f5;
  outline: 2px solid #05d5f5;
  outline-offset: -2px;
  border-radius: var(--c8y-component-border-radius-focus, var(--c8y-root-component-border-radius-focus)) !important;
}
.btn-clean.text-truncate {
  max-width: 100%;
}
.btn-clean[disabled],
.btn-clean[disabled]:hover,
.btn-clean[disabled]:focus {
  cursor: not-allowed;
  opacity: 0.65;
  filter: alpha(opacity=65);
  box-shadow: none;
}
.btn-no-focus:focus {
  outline: none!important;
}
label > .btn-clean {
  vertical-align: baseline;
}
.btn-link {
  min-width: 0;
  border: none;
  border-radius: 0;
  background: transparent;
  color: #05d5f5;
  font-weight: normal;
  height: auto;
  box-shadow: none !important;
  transition: var(--c8y-btn-transition-default);
}
.btn-link:not(.btn-xs):not(.btn-sm) {
  padding: var(--c8y-btn-padding-base-vertical) var(--c8y-btn-padding-base-horizontal);
  min-height: var(--c8y-form-control-height-base);
}
.btn-link [class^='dlt-c8y-icon-'] ~ span,
.btn-link [class*=' dlt-c8y-icon-'] ~ span,
.btn-link [class^='dlt-c8y-icon-'] ~ translate,
.btn-link [class*=' dlt-c8y-icon-'] ~ translate {
  color: inherit;
}
.btn-link > i {
  vertical-align: text-top;
}
.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color: transparent;
  box-shadow: none;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
  border-color: transparent;
}
.btn-link:hover,
.btn-link:focus {
  outline: none;
  background-color: transparent;
  color: var(--link-hover-color, var(--c8y-component-color-link-hover, var(--c8y-root-component-color-link-hover)));
  text-decoration: underline;
  cursor: pointer;
}
.btn-link:focus {
  outline: 2px solid #05d5f5;
  outline-offset: -2px;
  border-radius: var(--c8y-component-border-radius-focus, var(--c8y-root-component-border-radius-focus)) !important;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
  color: var(--c8y-component-color-disabled, var(--c8y-root-component-color-disabled));
  text-decoration: none;
  cursor: not-allowed;
  pointer-events: none;
}
.btn-help {
  min-width: 0;
  border: none;
  box-shadow: none !important;
  transition: var(--c8y-btn-transition-default);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 24px;
  width: 24px;
  line-height: 1;
  min-height: auto;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
  flex-grow: 0;
  position: relative;
  margin-left: 4px;
  background-color: transparent;
  --help-info-color: var(--palette-status-info, var(--c8y-palette-status-info));
  color: var(--palette-status-info, var(--c8y-palette-status-info));
}
.btn-help > [class^='dlt-c8y-icon-'],
.btn-help > [class*=' dlt-c8y-icon-'] {
  display: none;
}
.btn-help::before {
  content: '';
  position: absolute;
  display: block;
  inset: 4px;
  background-color: var(--help-info-color);
  mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.82422 2.32422C6.46224 2.32422 7.00911 2.55208 7.46484 3.00781C7.92057 3.46354 8.14844 4.01042 8.14844 4.64844C8.14844 5.14062 7.85677 5.64648 7.27344 6.16602C6.6901 6.68555 6.39844 7.15495 6.39844 7.57422H5.25C5.25 7.15495 5.34115 6.79492 5.52344 6.49414C5.70573 6.19336 5.90625 5.97461 6.125 5.83789C6.34375 5.70117 6.54427 5.53255 6.72656 5.33203C6.90885 5.13151 7 4.90365 7 4.64844C7 4.33854 6.88151 4.06966 6.64453 3.8418C6.40755 3.61393 6.13411 3.5 5.82422 3.5C5.51432 3.5 5.24089 3.61393 5.00391 3.8418C4.76693 4.06966 4.64844 4.33854 4.64844 4.64844H3.5C3.5 4.01042 3.72786 3.46354 4.18359 3.00781C4.63932 2.55208 5.1862 2.32422 5.82422 2.32422ZM5.82422 10.5C7.10026 10.5 8.19857 10.0397 9.11914 9.11914C10.0397 8.19857 10.5 7.10026 10.5 5.82422C10.5 4.54818 10.0397 3.44987 9.11914 2.5293C8.19857 1.60872 7.10026 1.14844 5.82422 1.14844C4.54818 1.14844 3.44987 1.60872 2.5293 2.5293C1.60872 3.44987 1.14844 4.54818 1.14844 5.82422C1.14844 7.10026 1.60872 8.19857 2.5293 9.11914C3.44987 10.0397 4.54818 10.5 5.82422 10.5ZM5.82422 0C7.42839 0 8.80013 0.569661 9.93945 1.70898C11.0788 2.84831 11.6484 4.22005 11.6484 5.82422C11.6484 7.42839 11.0788 8.80013 9.93945 9.93945C8.80013 11.0788 7.42839 11.6484 5.82422 11.6484C4.22005 11.6484 2.84831 11.0788 1.70898 9.93945C0.569661 8.80013 0 7.42839 0 5.82422C0 4.22005 0.569661 2.84831 1.70898 1.70898C2.84831 0.569661 4.22005 0 5.82422 0ZM5.25 9.32422V8.14844H6.39844V9.32422H5.25Z' fill='currentColor'/%3E%3C/svg%3E%0A");
  -webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.82422 2.32422C6.46224 2.32422 7.00911 2.55208 7.46484 3.00781C7.92057 3.46354 8.14844 4.01042 8.14844 4.64844C8.14844 5.14062 7.85677 5.64648 7.27344 6.16602C6.6901 6.68555 6.39844 7.15495 6.39844 7.57422H5.25C5.25 7.15495 5.34115 6.79492 5.52344 6.49414C5.70573 6.19336 5.90625 5.97461 6.125 5.83789C6.34375 5.70117 6.54427 5.53255 6.72656 5.33203C6.90885 5.13151 7 4.90365 7 4.64844C7 4.33854 6.88151 4.06966 6.64453 3.8418C6.40755 3.61393 6.13411 3.5 5.82422 3.5C5.51432 3.5 5.24089 3.61393 5.00391 3.8418C4.76693 4.06966 4.64844 4.33854 4.64844 4.64844H3.5C3.5 4.01042 3.72786 3.46354 4.18359 3.00781C4.63932 2.55208 5.1862 2.32422 5.82422 2.32422ZM5.82422 10.5C7.10026 10.5 8.19857 10.0397 9.11914 9.11914C10.0397 8.19857 10.5 7.10026 10.5 5.82422C10.5 4.54818 10.0397 3.44987 9.11914 2.5293C8.19857 1.60872 7.10026 1.14844 5.82422 1.14844C4.54818 1.14844 3.44987 1.60872 2.5293 2.5293C1.60872 3.44987 1.14844 4.54818 1.14844 5.82422C1.14844 7.10026 1.60872 8.19857 2.5293 9.11914C3.44987 10.0397 4.54818 10.5 5.82422 10.5ZM5.82422 0C7.42839 0 8.80013 0.569661 9.93945 1.70898C11.0788 2.84831 11.6484 4.22005 11.6484 5.82422C11.6484 7.42839 11.0788 8.80013 9.93945 9.93945C8.80013 11.0788 7.42839 11.6484 5.82422 11.6484C4.22005 11.6484 2.84831 11.0788 1.70898 9.93945C0.569661 8.80013 0 7.42839 0 5.82422C0 4.22005 0.569661 2.84831 1.70898 1.70898C2.84831 0.569661 4.22005 0 5.82422 0ZM5.25 9.32422V8.14844H6.39844V9.32422H5.25Z' fill='currentColor'/%3E%3C/svg%3E%0A");
}
.c8y-dark-theme .btn-help {
  outline: 1px solid var(--palette-status-info, var(--c8y-palette-status-info));
  background-color: var(--palette-status-info, var(--c8y-palette-status-info));
  --help-info-color: var(--c8y-palette-high);
  color: var(--c8y-palette-high);
}
@media (prefers-color-scheme: dark) {
  .c8y-system-theme .btn-help {
    outline: 1px solid var(--palette-status-info, var(--c8y-palette-status-info));
    background-color: var(--palette-status-info, var(--c8y-palette-status-info));
    --help-info-color: var(--c8y-palette-high);
    color: var(--c8y-palette-high);
  }
}
.btn-help:hover,
.btn-help:active {
  outline: 1px solid var(--palette-status-info, var(--c8y-palette-status-info));
  outline-offset: 0;
  background-color: var(--palette-status-info, var(--c8y-palette-status-info));
  --help-info-color: var(--c8y-palette-high);
}
.btn-help:focus {
  outline: 1px solid var(--palette-status-info, var(--c8y-palette-status-info));
  background-color: var(--palette-status-info, var(--c8y-palette-status-info));
  --help-info-color: var(--c8y-palette-high);
  color: var(--c8y-palette-high);
}
label .btn-help,
.legend .btn-help,
.btn-help--sm {
  display: inline;
  vertical-align: super;
  height: 14px;
  width: 14px;
}
label .btn-help::before,
.legend .btn-help::before,
.btn-help--sm::before {
  inset: 0;
}
.btn-lg,
.btn-group-lg > .btn {
  padding: var(--c8y-btn-padding-large-vertical) var(--c8y-btn-padding-large-horizontal);
  font-size: var(--c8y-btn-font-size-large);
  line-height: var(--c8y-btn-line-height-large);
  border-radius: var(--c8y-btn-border-radius-large);
  height: var(--c8y-form-control-height-lg);
}
.btn-sm,
.btn-group-sm > .btn {
  padding: var(--c8y-btn-padding-small-vertical) var(--c8y-btn-padding-small-horizontal);
  font-size: var(--c8y-btn-font-size-small);
  line-height: var(--c8y-btn-line-height-small);
  border-radius: var(--c8y-btn-border-radius-small);
  height: var(--c8y-form-control-height-sm);
}
.btn-xs,
.btn-group-xs > .btn {
  padding: var(--c8y-btn-padding-xs-vertical) var(--c8y-btn-padding-xs-horizontal);
  font-size: var(--c8y-btn-font-size-xs);
  line-height: var(--c8y-btn-line-height-xs);
  border-radius: var(--c8y-btn-border-radius-xs);
  height: calc(var(--c8y-unit-base) * 2);
  position: relative;
}
.btn-xs > .icon-spin {
  line-height: 10px;
}
.list-group .btn-xs:not(:hover),
.c8y-list__item .btn-xs:not(:hover) {
  color: var(--c8y-btn-default-color-default);
  background-color: var(--c8y-btn-default-background-default);
  border-color: var(--c8y-btn-default-border-color-default);
}
.list-group .btn-xs:not(:hover):focus,
.c8y-list__item .btn-xs:not(:hover):focus,
.list-group .btn-xs:not(:hover).focus,
.c8y-list__item .btn-xs:not(:hover).focus {
  color: var(--c8y-btn-default-color-focus);
  background-color: var(--c8y-btn-default-background-focus);
  border-color: var(--c8y-btn-default-border-color-focus);
  box-shadow: inset 0 0 0 1px var(--c8y-btn-default-border-color-focus);
}
.list-group .btn-xs:not(:hover):hover,
.c8y-list__item .btn-xs:not(:hover):hover {
  color: var(--c8y-btn-default-color-hover);
  background-color: var(--c8y-btn-default-background-hover);
  border-color: var(--c8y-btn-default-border-color-hover);
  box-shadow: inset 0 0 0 1px var(--c8y-btn-default-border-color-hover);
}
.list-group .btn-xs:not(:hover):active,
.c8y-list__item .btn-xs:not(:hover):active,
.list-group .btn-xs:not(:hover).active,
.c8y-list__item .btn-xs:not(:hover).active,
.open > .dropdown-toggle.list-group .btn-xs:not(:hover),
.open > .dropdown-toggle.c8y-list__item .btn-xs:not(:hover) {
  color: var(--c8y-btn-default-color-active);
  background-color: var(--c8y-btn-default-background-active);
  border-color: var(--c8y-btn-default-border-color-active);
  box-shadow: inset 0 0 0 1px var(--c8y-btn-default-border-color-active);
  background-image: none;
}
.list-group .btn-xs:not(:hover).disabled,
.c8y-list__item .btn-xs:not(:hover).disabled,
.list-group .btn-xs:not(:hover)[disabled],
.c8y-list__item .btn-xs:not(:hover)[disabled],
fieldset[disabled] .list-group .btn-xs:not(:hover),
fieldset[disabled] .c8y-list__item .btn-xs:not(:hover),
.list-group .btn-xs:not(:hover).disabled:hover,
.c8y-list__item .btn-xs:not(:hover).disabled:hover,
.list-group .btn-xs:not(:hover)[disabled]:hover,
.c8y-list__item .btn-xs:not(:hover)[disabled]:hover,
fieldset[disabled] .list-group .btn-xs:not(:hover):hover,
fieldset[disabled] .c8y-list__item .btn-xs:not(:hover):hover,
.list-group .btn-xs:not(:hover).disabled:focus,
.c8y-list__item .btn-xs:not(:hover).disabled:focus,
.list-group .btn-xs:not(:hover)[disabled]:focus,
.c8y-list__item .btn-xs:not(:hover)[disabled]:focus,
fieldset[disabled] .list-group .btn-xs:not(:hover):focus,
fieldset[disabled] .c8y-list__item .btn-xs:not(:hover):focus,
.list-group .btn-xs:not(:hover).disabled.focus,
.c8y-list__item .btn-xs:not(:hover).disabled.focus,
.list-group .btn-xs:not(:hover)[disabled].focus,
.c8y-list__item .btn-xs:not(:hover)[disabled].focus,
fieldset[disabled] .list-group .btn-xs:not(:hover).focus,
fieldset[disabled] .c8y-list__item .btn-xs:not(:hover).focus,
.list-group .btn-xs:not(:hover).disabled:active,
.c8y-list__item .btn-xs:not(:hover).disabled:active,
.list-group .btn-xs:not(:hover)[disabled]:active,
.c8y-list__item .btn-xs:not(:hover)[disabled]:active,
fieldset[disabled] .list-group .btn-xs:not(:hover):active,
fieldset[disabled] .c8y-list__item .btn-xs:not(:hover):active,
.list-group .btn-xs:not(:hover).disabled.active,
.c8y-list__item .btn-xs:not(:hover).disabled.active,
.list-group .btn-xs:not(:hover)[disabled].active,
.c8y-list__item .btn-xs:not(:hover)[disabled].active,
fieldset[disabled] .list-group .btn-xs:not(:hover).active,
fieldset[disabled] .c8y-list__item .btn-xs:not(:hover).active {
  color: var(--c8y-btn-default-color-default);
  background-color: var(--c8y-btn-default-background-default);
  border-color: var(--c8y-btn-default-border-color-default);
}
.list-group .btn-xs:not(:hover) .badge,
.c8y-list__item .btn-xs:not(:hover) .badge {
  border-width: 1px;
  border-style: solid;
  border-color: var(--c8y-palette-high);
}
.list-group .btn-xs:not(:hover).btn-link,
.c8y-list__item .btn-xs:not(:hover).btn-link {
  background-color: transparent;
}
.btn-xs .badge {
  position: absolute;
  right: -8px;
  top: -8px;
}
.btn-40 {
  padding: var(--c8y-btn-padding-base-vertical) var(--c8y-btn-padding-base-horizontal);
  font-size: var(--c8y-btn-font-size-base);
  line-height: var(--c8y-btn-line-height-base);
  border-radius: 0;
  height: calc(var(--c8y-unit-base) * 5);
  min-width: 40px;
}
.btn-block {
  display: block;
  width: 100%;
}
.btn-block + .btn-block {
  margin: var(--c8y-unit-base) 0 0 0;
}
input[type='submit'].btn-block,
input[type='reset'].btn-block,
input[type='button'].btn-block {
  width: 100%;
}
.btn-pending,
.btn-pending:hover,
.btn-pending:focus {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px;
  animation: progress-bar-stripes 0.5s linear infinite;
  pointer-events: none !important;
  outline: none !important;
}
.btn-pending.btn-default,
.btn-pending.btn-default:hover,
.btn-pending.btn-default:focus {
  background-image: linear-gradient(45deg, var(--c8y-brand-70) 25%, transparent 25%, transparent 50%, var(--c8y-brand-70) 50%, var(--c8y-brand-70) 75%, transparent 75%, transparent);
}
.settings {
  width: 40px;
}
.settings .dropdown-toggle {
  opacity: 0.7;
}
.settings .dropdown-toggle:hover,
.settings .dropdown-toggle:focus {
  opacity: 1;
}
.settings .dropdown-toggle:focus {
  outline: 2px solid #05d5f5;
  outline-offset: -2px;
  border-radius: var(--c8y-component-border-radius-focus, var(--c8y-root-component-border-radius-focus)) !important;
}
.settings.open .dropdown-toggle {
  opacity: 1;
}
.collapse-btn {
  padding: 0;
  width: calc(var(--c8y-unit-base) * 5);
  height: calc(var(--c8y-unit-base) * 5);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border: 0;
  background-color: transparent;
  background-image: none;
  color: white;
  opacity: var(--c8y-component-actions-opacity, var(--c8y-root-component-actions-opacity));
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  transition: all 0.25s ease;
}
.collapse-btn:not(.btn-dot) {
  font-size: 14px;
}
.collapse-btn > i {
  transition: all 0.25s ease;
}
.collapse-btn:hover,
.collapse-btn:focus {
  text-decoration: none;
  opacity: 1;
  outline: 2px solid #05d5f5;
  outline-offset: -2px;
}
.collapse-btn:focus {
  outline: 2px solid #05d5f5;
  outline-offset: -2px;
  border-radius: var(--c8y-component-border-radius-focus, var(--c8y-root-component-border-radius-focus)) !important;
}
.collapse-btn.active,
.expanded .collapse-btn,
.panel-open .collapse-btn {
  color: #05d5f5;
  opacity: 1 !important;
}
.collapse-btn.active > i,
.expanded .collapse-btn > i,
.panel-open .collapse-btn > i {
  transform: rotate(180deg);
}
.collapse-btn.active > i.dlt-c8y-icon-chevron-right,
.expanded .collapse-btn > i.dlt-c8y-icon-chevron-right,
.panel-open .collapse-btn > i.dlt-c8y-icon-chevron-right {
  transform: rotate(90deg);
}
.btn-navbar {
  padding: 3px var(--c8y-unit-base);
  color: var(--action-bar-color-actions, var(--c8y-action-bar-color-actions));
  opacity: 1;
  background-color: transparent;
}
@media (max-width: 767px) {
  .btn-navbar {
    display: block;
    padding: calc(var(--c8y-unit-base) + 2) calc(var(--c8y-unit-base) * 2);
    width: 100%;
    max-width: 100%;
    text-align: left;
  }
}
.btn-navbar:focus {
  color: #132b45;
  text-decoration: none;
  outline: 2px solid #05d5f5;
  outline-offset: -2px;
  border-radius: var(--c8y-component-border-radius-focus, var(--c8y-root-component-border-radius-focus)) !important;
}
.btn-navbar .c8y-icon,
.btn-navbar [class^='dlt-c8y-icon-'],
.btn-navbar [class*=' dlt-c8y-icon-'] {
  color: var(--action-bar-color-actions, var(--c8y-action-bar-color-actions));
  opacity: var(--action-bar-actions-opacity, var(--c8y-action-bar-actions-opacity));
}
.btn-navbar:hover,
.btn-navbar:active {
  color: var(--action-bar-color-actions-hover, var(--c8y-action-bar-color-actions-hover));
  text-decoration: none;
}
.btn-navbar:hover .c8y-icon,
.btn-navbar:active .c8y-icon,
.btn-navbar:hover > [class^='dlt-c8y-icon-'],
.btn-navbar:active > [class^='dlt-c8y-icon-'],
.btn-navbar:hover [class*=' dlt-c8y-icon-'],
.btn-navbar:active [class*=' dlt-c8y-icon-'] {
  color: var(--action-bar-color-actions-hover, var(--c8y-action-bar-color-actions-hover));
  opacity: 1;
}
.btn-add-block {
  display: flex;
  align-items: center;
  margin-bottom: calc(var(--c8y-unit-base) * 2);
  padding: calc(var(--c8y-unit-base) + calc(var(--c8y-unit-base) * 0.5)) calc(var(--c8y-unit-base) * 2);
  width: 100%;
  border: 0;
  background-color: #132b45;
  background-image: none;
  color: #05d5f5;
  text-decoration: none !important;
  box-shadow: var(--c8y-elevation-sm);
  transition: all 0.35s ease;
}
.btn-add-block[disabled],
.btn-add-block.disabled {
  pointer-events: none;
  opacity: 0.5;
  cursor: not-allowed;
}
.btn-add-block [class^='dlt-c8y-icon-'],
.btn-add-block [class*=' dlt-c8y-icon-'] {
  color: #05d5f5;
  font-size: 2em;
  transition: transform 0.35s ease;
  margin-right: var(--c8y-unit-base);
}
.btn-add-block:hover {
  box-shadow: var(--c8y-elevation-hover);
}
.btn-add-block:hover > [class^='dlt-c8y-icon-'],
.btn-add-block:hover [class*=' dlt-c8y-icon-'] {
  transform: scale(1.1);
}
.btn-add-block:focus,
.btn-add-block:active {
  outline: none;
  box-shadow: var(--c8y-elevation-hover), inset 0 0 0 2px #05d5f5;
}
.btn-add-block.load-more {
  align-items: center;
  justify-content: center;
  margin-top: var(--c8y-component-padding, var(--c8y-root-component-padding));
  min-height: 56px;
}
.btn-add-block.load-more > [class^='dlt-c8y-icon-'],
.btn-add-block.load-more [class*=' dlt-c8y-icon-'] {
  color: inherit;
}
.btn-add-block.load-more:hover {
  color: #132b45;
}
.btn[btnCheckbox],
.btn[uib-btn-checkbox],
.btn.c8y-btn-checkbox {
  position: relative;
  z-index: 2;
  margin-right: 10px;
  margin-bottom: 10px;
  padding: 0 32px 0 16px;
  height: var(--c8y-switch-height);
  border: 0;
  background-color: transparent;
  line-height: 1;
  color: var(--c8y-switch-handle-color);
  box-shadow: none;
  transition: all 0.25s ease !important;
}
.btn[btnCheckbox] *,
.btn[uib-btn-checkbox] *,
.btn.c8y-btn-checkbox * {
  position: relative;
  z-index: 1;
}
.btn[btnCheckbox]:focus,
.btn[uib-btn-checkbox]:focus,
.btn.c8y-btn-checkbox:focus,
.btn[btnCheckbox]:hover,
.btn[uib-btn-checkbox]:hover,
.btn.c8y-btn-checkbox:hover {
  outline: none;
  background-color: transparent;
  background-image: none;
}
.btn[btnCheckbox]:focus::before,
.btn[uib-btn-checkbox]:focus::before,
.btn.c8y-btn-checkbox:focus::before {
  outline: 2px solid #05d5f5;
  border-radius: var(--c8y-component-border-radius-focus, var(--c8y-root-component-border-radius-focus));
  border-radius: calc(var(--c8y-switch-height) / 2);
}
.btn[btnCheckbox]::before,
.btn[uib-btn-checkbox]::before,
.btn.c8y-btn-checkbox::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  border-radius: calc(var(--c8y-switch-height) / 2);
  background-color: var(--c8y-switch-background-default);
  content: '';
  transition: background 0.25s ease;
}
.btn[btnCheckbox]::after,
.btn[uib-btn-checkbox]::after,
.btn.c8y-btn-checkbox::after {
  content: '';
  position: absolute;
  top: 2px;
  right: 18px;
  bottom: 2px;
  left: 2px;
  z-index: -1;
  border-radius: calc(var(--c8y-switch-height) / 2) !important;
  background-color: var(--c8y-switch-handle-background, var(--c8y-form-control-background-default));
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
  transition: all 0.25s ease !important;
}
.btn[btnCheckbox].active,
.btn[uib-btn-checkbox].active,
.btn.c8y-btn-checkbox.active {
  padding: 0 16px 0 32px;
  border: 0 !important;
  background-color: transparent;
  box-shadow: none;
  transition: all 0.25s ease;
}
.btn[btnCheckbox].active::before,
.btn[uib-btn-checkbox].active::before,
.btn.c8y-btn-checkbox.active::before {
  background-color: var(--c8y-switch-background-active);
  transition: background 0.25s ease;
}
.btn[btnCheckbox].active::after,
.btn[uib-btn-checkbox].active::after,
.btn.c8y-btn-checkbox.active::after {
  right: 2px;
  left: 18px;
  transition: all 0.25s ease;
}
.btn.c8y-btn-checkbox--inline {
  margin: -5px 0;
  vertical-align: unset;
}
.btn-sort {
  border: 0;
  background: none;
  padding: 0;
  margin-right: 8px;
}
.btn-header {
  border: 0;
  background: none;
  display: flex;
  flex-grow: 1;
  max-width: 100%;
  height: 45px;
}
.btn-header > span,
.btn-header c8y-cell-renderer {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex-grow: 1;
}
.btn-header .dlt-c8y-icon-filter {
  display: none;
  line-height: inherit;
  margin-bottom: 1px;
}
.btn-header:hover .dlt-c8y-icon-filter,
.btn-header:focus .dlt-c8y-icon-filter,
.dropdown.open .btn-header .dlt-c8y-icon-filter,
.filtered .btn-header .dlt-c8y-icon-filter {
  display: block;
  opacity: 1;
}
.filtered .btn-header {
  color: #132b45 !important;
}
.btn-header.c8y-dropdown {
  display: flex;
}
.btn-header.c8y-dropdown:before {
  display: none;
}
.dropdown.open .btn-header.c8y-dropdown {
  background: white;
}
.btn-sort {
  opacity: 0;
}
.btn-sort > .dlt-c8y-icon-exchange {
  transform: rotate(90deg);
  margin-top: 4px;
}
.btn-sort:hover {
  color: #132b45;
}
th:hover .btn-sort,
.sorted .btn-sort {
  opacity: 1;
}
.sorted .btn-sort {
  color: #132b45;
}
.btn-sort:focus,
.btn-header:focus {
  opacity: 1;
  outline: 2px solid #05d5f5;
  outline-offset: -2px;
  border-radius: var(--c8y-component-border-radius-focus, var(--c8y-root-component-border-radius-focus)) !important;
}
.btnbar .btnbar-btn,
.btnbar .dropdown .c8y-dropdown {
  padding: calc(calc(var(--c8y-unit-base) * 2) - 2px) var(--c8y-unit-base);
  color: var(--action-bar-color-default, var(--c8y-action-bar-color-default));
  opacity: 1;
  background: none;
  border: 0;
  white-space: nowrap;
  min-width: fit-content;
}
@media (max-width: 767px) {
  .btnbar .btnbar-btn,
  .btnbar .dropdown .c8y-dropdown {
    display: block;
    padding: calc(var(--c8y-unit-base) + 2px) calc(var(--c8y-unit-base) * 2);
    max-width: 100%;
    text-align: left;
  }
}
.btnbar .btnbar-btn:focus,
.btnbar .dropdown .c8y-dropdown:focus {
  color: #132b45;
  text-decoration: none;
  outline: 2px solid #05d5f5;
  outline-offset: -2px;
  border-radius: var(--c8y-component-border-radius-focus, var(--c8y-root-component-border-radius-focus)) !important;
}
.btnbar .btnbar-btn .c8y-icon,
.btnbar .dropdown .c8y-dropdown .c8y-icon,
.btnbar .btnbar-btn > [class^='dlt-c8y-icon-'],
.btnbar .dropdown .c8y-dropdown > [class^='dlt-c8y-icon-'],
.btnbar .btnbar-btn [class*=' dlt-c8y-icon-'],
.btnbar .dropdown .c8y-dropdown [class*=' dlt-c8y-icon-'] {
  opacity: 0.9;
}
.btnbar .btnbar-btn:hover,
.btnbar .dropdown .c8y-dropdown:hover,
.btnbar .btnbar-btn:active,
.btnbar .dropdown .c8y-dropdown:active {
  color: #05d5f5;
  text-decoration: none;
}
.btnbar .btnbar-btn:hover .c8y-icon,
.btnbar .dropdown .c8y-dropdown:hover .c8y-icon,
.btnbar .btnbar-btn:active .c8y-icon,
.btnbar .dropdown .c8y-dropdown:active .c8y-icon,
.btnbar .btnbar-btn:hover > [class^='dlt-c8y-icon-'],
.btnbar .dropdown .c8y-dropdown:hover > [class^='dlt-c8y-icon-'],
.btnbar .btnbar-btn:active > [class^='dlt-c8y-icon-'],
.btnbar .dropdown .c8y-dropdown:active > [class^='dlt-c8y-icon-'],
.btnbar .btnbar-btn:hover [class*=' dlt-c8y-icon-'],
.btnbar .dropdown .c8y-dropdown:hover [class*=' dlt-c8y-icon-'],
.btnbar .btnbar-btn:active [class*=' dlt-c8y-icon-'],
.btnbar .dropdown .c8y-dropdown:active [class*=' dlt-c8y-icon-'] {
  opacity: 1;
}
.table-data-grid-header-bulk-actions .btnbar .btnbar-btn,
.table-data-grid-header-bulk-actions .btnbar .dropdown .c8y-dropdown {
  color: var(--c8y-palette-high);
}
.table-data-grid-header-bulk-actions .btnbar .btnbar-btn:focus,
.table-data-grid-header-bulk-actions .btnbar .dropdown .c8y-dropdown:focus {
  outline: 2px solid #05d5f5;
  outline-offset: -2px;
  border-radius: var(--c8y-component-border-radius-focus, var(--c8y-root-component-border-radius-focus)) !important;
}
.table-data-grid-header-bulk-actions .btnbar .btnbar-btn:hover,
.table-data-grid-header-bulk-actions .btnbar .dropdown .c8y-dropdown:hover,
.table-data-grid-header-bulk-actions .btnbar .btnbar-btn:active,
.table-data-grid-header-bulk-actions .btnbar .dropdown .c8y-dropdown:active {
  color: var(--c8y-brand-7);
  text-decoration: none;
}
.table-data-grid-header-bulk-actions .btnbar .btnbar-btn:hover .c8y-icon,
.table-data-grid-header-bulk-actions .btnbar .dropdown .c8y-dropdown:hover .c8y-icon,
.table-data-grid-header-bulk-actions .btnbar .btnbar-btn:active .c8y-icon,
.table-data-grid-header-bulk-actions .btnbar .dropdown .c8y-dropdown:active .c8y-icon,
.table-data-grid-header-bulk-actions .btnbar .btnbar-btn:hover > [class^='dlt-c8y-icon-'],
.table-data-grid-header-bulk-actions .btnbar .dropdown .c8y-dropdown:hover > [class^='dlt-c8y-icon-'],
.table-data-grid-header-bulk-actions .btnbar .btnbar-btn:active > [class^='dlt-c8y-icon-'],
.table-data-grid-header-bulk-actions .btnbar .dropdown .c8y-dropdown:active > [class^='dlt-c8y-icon-'],
.table-data-grid-header-bulk-actions .btnbar .btnbar-btn:hover [class*=' dlt-c8y-icon-'],
.table-data-grid-header-bulk-actions .btnbar .dropdown .c8y-dropdown:hover [class*=' dlt-c8y-icon-'],
.table-data-grid-header-bulk-actions .btnbar .btnbar-btn:active [class*=' dlt-c8y-icon-'],
.table-data-grid-header-bulk-actions .btnbar .dropdown .c8y-dropdown:active [class*=' dlt-c8y-icon-'] {
  opacity: 1;
}
.btn--caret {
  display: flex;
  align-items: center;
}
.btn--caret > i {
  transform: translateX(-7px);
}
@container (max-width: 310px) {
  .device-status-btn span {
    display: none;
  }
}
.btn-group,
.btn-group-vertical {
  position: relative;
  display: flex;
  align-items: center;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
}
.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover,
.btn-group > .btn:focus,
.btn-group-vertical > .btn:focus,
.btn-group > .btn:active,
.btn-group-vertical > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn.active,
.btn-group > .btn.selected,
.btn-group-vertical > .btn.selected {
  z-index: 2;
}
.btn-group-vertical {
  flex-direction: column;
}
.btn-group {
  padding: 0;
}
.c8y-toolbar .btn-group {
  padding: 4px 15px;
}
.btn-group .btn {
  display: inline-block;
  margin: 0;
  min-width: 0;
  width: auto;
}
.btn-group .btn.active {
  background-color: var(--c8y-btn-default-background-active);
  color: var(--c8y-brand-complementary);
}
.btn-group .btn:focus {
  outline: 2px solid #05d5f5;
  outline-offset: -3px;
}
.btn-group.btn-group-sm:not(.dropdown) .btn,
.btn-group.btn-group-sm:not(.dropdown) .btn-sm {
  border-radius: var(--c8y-btn-group-border-radius);
}
.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
  margin-left: -2px;
}
.btn-toolbar {
  margin-left: -5px;
}
.btn-toolbar .btn,
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
  float: left;
}
.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group {
  margin-left: 5px;
}
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0;
}
.btn-group > .btn:first-child {
  margin-left: 0;
}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group > .btn-group {
  float: left;
}
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0;
}
.btn-group > .btn + .dropdown-toggle {
  padding-right: 10px;
  padding-left: 8px;
}
.btn-group.dropdown > .btn + .dropdown-toggle {
  padding-right: 8px;
  padding-left: 8px;
}
.btn-group:not(.dropdown) > .btn-lg + .dropdown-toggle {
  padding-right: 12px;
  padding-left: 12px;
}
.dropup .btn-lg .caret {
  transform: rotate(180deg);
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
  display: block;
  float: none;
  max-width: 100%;
  width: 100%;
}
.btn-group-vertical > .btn-group > .btn {
  float: none;
}
.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0;
}
.btn-group-vertical > .btn {
  border-radius: 0;
}
.btn-group-vertical > .btn-group > .btn {
  border-radius: 0;
}
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.btn-group-justified {
  display: flex;
  width: 100%;
}
.btn-group-justified > .btn,
.btn-group-justified > .btn-group {
  float: none;
  flex: 1 1 auto;
  overflow: hidden !important;
  max-width: 100% !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.btn-group-justified > .btn-group .btn {
  width: 100%;
}
.btn-group-justified > .btn-group .dropdown-menu {
  left: auto;
}
[data-toggle='buttons'] > .btn input[type='radio'],
[data-toggle='buttons'] > .btn-group > .btn input[type='radio'],
[data-toggle='buttons'] > .btn input[type='checkbox'],
[data-toggle='buttons'] > .btn-group > .btn input[type='checkbox'] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
code,
kbd,
pre,
samp,
.text-code {
  font-family: var(--c8y-code-font-family);
}
code {
  padding: 2px 4px;
  border-radius: var(--c8y-code-border-radius);
  background-color: var(--c8y-code-background);
  color: var(--c8y-code-color);
  font-size: var(--c8y-code-font-size);
}
kbd {
  padding: 2px 4px;
  border-radius: var(--c8y-kbd-border-radius, 2px);
  background-color: black;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
  color: var(--c8y-palette-high);
  font-size: var(--c8y-code-font-size);
}
kbd kbd {
  padding: 0;
  box-shadow: none;
  font-weight: bold;
  font-size: 100%;
}
pre {
  display: block;
  margin: 0 0 calc(calc(var(--c8y-font-size-base) * var(--c8y-line-height-base, 1.42857143)) / 2);
  padding: calc((calc(var(--c8y-font-size-base) * var(--c8y-line-height-base, 1.42857143)) - 1) / 2);
  border: 1px solid var(--c8y-pre-border-color);
  border-radius: var(--c8y-pre-border-radius);
  background-color: var(--c8y-pre-background) !important;
  color: var(--c8y-pre-color);
  word-break: break-all;
  font-size: var(--c8y-code-font-size);
  line-height: var(--c8y-line-height-base, 1.42857143);
  overflow-wrap: break-word;
}
pre code {
  padding: 0;
  border-radius: 0;
  background-color: transparent;
  color: inherit;
  word-break: break-word;
  font-size: inherit;
  overflow-wrap: break-word;
}
.pre-scrollable {
  overflow-y: scroll;
  max-height: 340px;
}
.pre-wrapped,
.text-code {
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
}
/* Remove after Codex launch. will be replaced by Tag */
.label {
  display: inline;
  padding: 0.2em 0.6em 0.2em;
  border-radius: 0.25em;
  color: white;
  vertical-align: baseline;
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-weight: 500;
  font-size: var(--c8y-font-size-xs);
  line-height: 1;
}
a .label:hover,
a .label:focus {
  text-decoration: none;
  cursor: pointer;
}
.label:empty {
  display: none;
}
.btn .label {
  position: relative;
  top: -1px;
}
.label.chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 20px;
}
.label.chip .btn-clean {
  padding: 0!important;
}
.label.chip + .chip {
  margin-left: 4px;
}
.label-default {
  color: white;
  background-color: var(--c8y-palette-gray-80);
}
.label-default[href]:hover,
.label-default[href]:focus {
  filter: brightness(0.9);
}
.label-primary {
  color: #132b45;
  background-color: #132b45;
}
.label-primary[href]:hover,
.label-primary[href]:focus {
  filter: brightness(0.9);
}
.label-success {
  color: var(--palette-status-success-dark, var(--c8y-palette-status-success-dark));
  background-color: var(--palette-status-success-light, var(--c8y-palette-status-success-light));
}
.label-success[href]:hover,
.label-success[href]:focus {
  filter: brightness(0.9);
}
.label-info {
  color: var(--palette-status-info, var(--c8y-palette-status-info));
  background-color: var(--palette-status-info-light, var(--c8y-palette-status-info-light));
}
.label-info[href]:hover,
.label-info[href]:focus {
  filter: brightness(0.9);
}
.label-info.chip {
  color: var(--palette-status-info-dark, var(--c8y-palette-status-info-dark));
}
.label-warning {
  color: var(--palette-status-warning-dark, var(--c8y-palette-status-warning-dark));
  background-color: var(--c8y-palette-status-warning-high);
}
.label-warning[href]:hover,
.label-warning[href]:focus {
  filter: brightness(0.9);
}
.label-danger {
  color: var(--palette-status-danger-dark, var(--c8y-palette-status-danger-dark));
  background-color: var(--palette-status-danger-light, var(--c8y-palette-status-danger-light));
}
.label-danger[href]:hover,
.label-danger[href]:focus {
  filter: brightness(0.9);
}
/* Remove after Codex launch. will be replaced by Tag */
.tag {
  display: inline;
  padding: 0.2em 0.6em 0.2em;
  border-radius: 0.25em;
  color: white;
  vertical-align: baseline;
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-weight: 500;
  font-size: var(--c8y-font-size-xs);
  line-height: 1;
  flex-shrink: 0;
}
a .tag:hover,
a .tag:focus {
  color: var(--c8y-palette-high);
  text-decoration: none;
  cursor: pointer;
}
.tag:empty {
  display: none;
}
.btn .tag {
  position: relative;
  top: -1px;
}
.tag.chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 20px;
}
.tag.chip .btn-clean {
  padding: 0!important;
}
.tag.chip + .chip {
  margin-left: 4px;
}
.tag--default {
  color: white;
  background-color: var(--c8y-palette-gray-80);
}
.tag--default[href]:hover,
.tag--default[href]:focus {
  filter: brightness(0.9);
}
.tag--primary {
  color: #132b45;
  background-color: #132b45;
}
.tag--primary[href]:hover,
.tag--primary[href]:focus {
  filter: brightness(0.9);
}
.tag--success {
  color: var(--palette-status-success-dark, var(--c8y-palette-status-success-dark));
  background-color: var(--palette-status-success-light, var(--c8y-palette-status-success-light));
}
.tag--success[href]:hover,
.tag--success[href]:focus {
  filter: brightness(0.9);
}
.tag--info {
  color: var(--palette-status-info, var(--c8y-palette-status-info));
  background-color: var(--palette-status-info-light, var(--c8y-palette-status-info-light));
}
.tag--info[href]:hover,
.tag--info[href]:focus {
  filter: brightness(0.9);
}
.tag--info.chip {
  color: var(--palette-status-info-dark, var(--c8y-palette-status-info-dark));
}
.tag--warning {
  color: var(--palette-status-warning-dark, var(--c8y-palette-status-warning-dark));
  background-color: var(--c8y-palette-status-warning-high);
}
.tag--warning[href]:hover,
.tag--warning[href]:focus {
  filter: brightness(0.9);
}
.tag--danger {
  color: var(--palette-status-danger-dark, var(--c8y-palette-status-danger-dark));
  background-color: var(--palette-status-danger-light, var(--c8y-palette-status-danger-light));
}
.tag--danger[href]:hover,
.tag--danger[href]:focus {
  filter: brightness(0.9);
}
.text--inherit {
  font-size: inherit;
}
fieldset {
  margin: 0;
  padding: 0;
  min-width: 0;
  border: 0;
}
fieldset.c8y-fieldset {
  display: block;
  margin: 1rem 0;
  border: solid 1px var(--c8y-form-control-border-color-default);
  border-radius: var(--c8y-unit-base);
  margin-inline-start: 2px;
  margin-inline-end: 2px;
  padding-block-start: 0.25rem;
  padding-inline-end: 0.75em;
  padding-block-end: 0;
  padding-inline-start: 0.75em;
  min-inline-size: 100%;
}
fieldset.c8y-fieldset--lg {
  padding-block-start: 1rem;
  padding-inline-end: 1.5em;
  padding-block-end: 0;
  padding-inline-start: 1.5em;
}
fieldset.c8y-fieldset.expanded {
  margin: 1rem -1.15rem;
}
fieldset.c8y-fieldset legend {
  margin: 0;
  width: auto;
  text-transform: none;
  padding-inline-start: 4px;
  padding-inline-end: 4px;
  min-height: 24px;
  display: flex;
  align-items: center;
}
fieldset.c8y-fieldset legend[align='left'] {
  justify-self: left;
}
fieldset.c8y-fieldset legend[align='center'] {
  justify-self: center;
}
fieldset.c8y-fieldset legend[align='right'] {
  justify-self: right;
}
fieldset.c8y-fieldset + .c8y-fieldset {
  margin-top: calc(var(--c8y-unit-base) * 3);
}
legend,
.legend {
  display: block;
  margin: calc(var(--c8y-unit-base) * 2) 0 var(--c8y-unit-base) 0;
  padding: 0;
  width: 100%;
  border: 0;
  color: var(--c8y-form-legend-color);
  text-transform: var(--c8y-form-legend-text-transform);
  font-weight: var(--c8y-form-legend-font-weight);
  font-size: var(--c8y-form-legend-font-size);
  line-height: inherit;
}
legend.form-block,
.legend.form-block {
  display: flex;
  align-items: center;
  flex-flow: row nowrap;
}
legend.form-block:after,
.legend.form-block:after {
  align-self: center;
  flex: 1 1 auto;
  margin-left: 8px;
  border-top-width: 1px;
  border-top-style: solid;
  content: '';
  opacity: 0.5;
}
legend.form-block.center:before,
.legend.form-block.center:before {
  align-self: center;
  flex: 1 1 auto;
  margin-right: 8px;
  border-top-width: 1px;
  border-top-style: solid;
  content: '';
  opacity: 0.5;
}
legend.form-block.last-record,
.legend.form-block.last-record {
  margin-right: auto;
  margin-left: auto;
  max-width: 180px;
}
legend.form-block.last-record > [class^='dlt-c8y-icon-'],
.legend.form-block.last-record > [class^='dlt-c8y-icon-'],
legend.form-block.last-record > [class*=' dlt-c8y-icon-'],
.legend.form-block.last-record > [class*=' dlt-c8y-icon-'] {
  font-size: 0.5rem;
}
legend > .dot,
.legend > .dot {
  margin-right: 5px;
  width: 30px;
  height: 30px;
  font-size: 14px;
  line-height: 32px;
}
label {
  display: inline-block;
  margin-bottom: calc(var(--c8y-unit-base) * 0.5);
  max-width: 100%;
  color: white;
  text-transform: var(--c8y-form-label-text-transform);
  font-weight: var(--c8y-form-label-font-weight);
  font-size: var(--c8y-form-label-font-size);
  font-family: var(--font-family-base, var(--c8y-form-control-font-family));
}
label > a {
  display: inline-block;
  font-size: inherit;
}
label[tooltip],
label [tooltip],
label [uib-tooltip] {
  cursor: pointer;
}
.form-group label {
  display: block;
}
fieldset[disabled] label:not(.c8y-checkbox):not(.c8y-radio) {
  opacity: var(--c8y-form-control-disabled-opacity);
}
input[type='search'] {
  box-sizing: border-box;
}
input[type='radio'],
input[type='checkbox'] {
  margin: 1px 0 0;
  margin-top: 1px \9;
  font-size: 16px;
  line-height: normal;
}
.plain input[type='checkbox'] {
  margin: 3px 0 0;
}
input[type='file'] {
  display: block;
}
input[type='date']::-webkit-inner-spin-button,
input[type='date']::-webkit-calendar-picker-indicator {
  display: none;
  -webkit-appearance: none;
}
select[multiple],
select[size] {
  height: auto;
}
output {
  display: block;
  color: black;
  font-size: var(--c8y-font-size-base);
  line-height: inherit;
}
.form-control {
  display: block;
  padding: var(--c8y-form-control-padding-base-vertical) var(--c8y-form-control-padding-base-horizontal);
  width: 100%;
  height: var(--c8y-form-control-height-base);
  border: 0;
  border-radius: var(--c8y-form-control-border-radius);
  background-color: var(--c8y-form-control-background-default);
  background-image: none;
  box-shadow: inset 0 0 0 var(--c8y-form-control-border-width, 1px) var(--c8y-form-control-border-color-default);
  color: black;
  font-weight: var(--c8y-form-control-font-weight);
  font-size: var(--c8y-font-size-base);
  font-family: var(--font-family-base, var(--c8y-form-control-font-family));
  line-height: var(--c8y-form-control-line-height);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.form-control:focus {
  border-color: #05d5f5;
  outline: 0;
  box-shadow: inset 0 0 0 2px #05d5f5;
  background-color: var(--c8y-form-control-background-focus);
  color: black;
}
.form-control::-moz-placeholder {
  color: var(--c8y-form-control-placeholder-color);
  opacity: 1;
  font-style: italic;
}
.form-control:-ms-input-placeholder {
  color: var(--c8y-form-control-placeholder-color);
  font-style: italic;
}
.form-control::-webkit-input-placeholder {
  color: var(--c8y-form-control-placeholder-color);
  font-style: italic;
}
.form-control::-moz-placeholder {
  color: var(--c8y-form-control-placeholder-color);
  opacity: 1;
  font-style: var(--c8y-form-control-placeholder-font-style);
}
.form-control:-ms-input-placeholder {
  color: var(--c8y-form-control-placeholder-color);
  font-style: var(--c8y-form-control-placeholder-font-style);
}
.form-control::-webkit-input-placeholder {
  color: var(--c8y-form-control-placeholder-color);
  font-style: var(--c8y-form-control-placeholder-font-style);
}
.form-control:has(.c8y-colorpicker) {
  width: auto;
}
.form-control[disabled],
fieldset[disabled] .form-control {
  opacity: var(--c8y-form-control-disabled-opacity);
}
.form-control[readonly],
.form-control[readonly]:focus {
  background-color: var(--c8y-form-control-background-default);
  color: #8a9596;
  opacity: 1;
}
.form-control[disabled],
fieldset[disabled] .form-control {
  cursor: not-allowed;
}
textarea .form-control {
  height: auto;
}
textarea.form-control {
  min-height: var(--c8y-form-control-height-base);
  height: auto;
  resize: vertical;
}
textarea.form-control::-webkit-scrollbar {
  width: 4px;
  /* for vertical scrollbars */
  height: 4px;
  /* for horizontal scrollbars */
}
textarea.form-control::-webkit-scrollbar-track {
  background: transparent;
}
textarea.form-control::-webkit-scrollbar-track:not(textarea) {
  background: var(--c8y-component-scrollbar-track, var(--c8y-root-component-scrollbar-track));
}
textarea.form-control::-webkit-scrollbar-thumb {
  width: 4px;
  border-radius: 1px;
  background: var(--c8y-component-scrollbar-thumb-default, var(--c8y-root-component-scrollbar-thumb-default));
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
textarea.form-control:hover::-webkit-scrollbar-thumb {
  background: var(--c8y-component-scrollbar-thumb-hover, var(--c8y-root-component-scrollbar-thumb-hover));
}
textarea.form-control.no-resize {
  resize: none;
}
.c8y-colorpicker {
  position: relative;
  width: 20px;
  height: 20px;
}
.c8y-colorpicker input {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  box-sizing: border-box;
  width: 20px;
  height: 20px;
  opacity: 0;
  cursor: pointer;
}
.c8y-colorpicker input + span {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9;
  border-radius: 50%;
  border: 1px solid var(--c8y-form-control-border-color-default);
}
.c8y-colorpicker input:focus + span {
  box-shadow: 0 0 0 2px #05d5f5;
}
.c8y-colorpicker--alarm input + span,
.c8y-colorpicker--event input + span {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: var(--component-background-default, var(--c8y-root-component-background-default, #fff));
}
.c8y-colorpicker--alarm input + span > i {
  transform: translateY(-0.5px);
}
.c8y-colorpicker--event input + span > i {
  transform: translateX(0.5px);
}
input[type='search'] {
  appearance: none;
}
select,
select.form-control {
  display: block;
  padding: var(--c8y-form-control-padding-base-vertical) var(--c8y-form-control-padding-base-horizontal);
  width: 100%;
  height: var(--c8y-form-control-height-base);
  border: 0;
  border-radius: var(--c8y-form-control-border-radius);
  background-color: var(--c8y-form-control-background-default);
  background-image: none;
  box-shadow: inset 0 0 0 var(--c8y-form-control-border-width, 1px) var(--c8y-form-control-border-color-default);
  color: black;
  font-weight: var(--c8y-form-control-font-weight);
  font-size: var(--c8y-font-size-base);
  font-family: var(--font-family-base, var(--c8y-form-control-font-family));
  line-height: var(--c8y-form-control-line-height);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  color: white;
}
select:focus,
select.form-control:focus {
  border-color: #05d5f5;
  outline: 0;
  box-shadow: inset 0 0 0 2px #05d5f5;
  background-color: var(--c8y-form-control-background-focus);
  color: black;
}
select::-moz-placeholder,
select.form-control::-moz-placeholder {
  color: var(--c8y-form-control-placeholder-color);
  opacity: 1;
  font-style: italic;
}
select:-ms-input-placeholder,
select.form-control:-ms-input-placeholder {
  color: var(--c8y-form-control-placeholder-color);
  font-style: italic;
}
select::-webkit-input-placeholder,
select.form-control::-webkit-input-placeholder {
  color: var(--c8y-form-control-placeholder-color);
  font-style: italic;
}
select::-moz-placeholder,
select.form-control::-moz-placeholder {
  color: var(--c8y-form-control-placeholder-color);
  opacity: 1;
  font-style: var(--c8y-form-control-placeholder-font-style);
}
select:-ms-input-placeholder,
select.form-control:-ms-input-placeholder {
  color: var(--c8y-form-control-placeholder-color);
  font-style: var(--c8y-form-control-placeholder-font-style);
}
select::-webkit-input-placeholder,
select.form-control::-webkit-input-placeholder {
  color: var(--c8y-form-control-placeholder-color);
  font-style: var(--c8y-form-control-placeholder-font-style);
}
select:has(.c8y-colorpicker),
select.form-control:has(.c8y-colorpicker) {
  width: auto;
}
select[disabled],
select.form-control[disabled],
fieldset[disabled] select,
fieldset[disabled] select.form-control {
  opacity: var(--c8y-form-control-disabled-opacity);
}
select[readonly],
select.form-control[readonly],
select[readonly]:focus,
select.form-control[readonly]:focus {
  background-color: var(--c8y-form-control-background-default);
  color: #8a9596;
  opacity: 1;
}
select[disabled],
select.form-control[disabled],
fieldset[disabled] select,
fieldset[disabled] select.form-control {
  cursor: not-allowed;
}
textarea select,
textarea select.form-control {
  height: auto;
}
select:not(:first-child):not(:last-child),
select.form-control:not(:first-child):not(:last-child) {
  border-radius: 0;
}
select:focus,
select.form-control:focus {
  color: black;
}
select[multiple],
select.form-control[multiple],
select[size],
select.form-control[size] {
  height: auto;
  background-image: none;
}
.c8y-select-wrapper {
  position: relative;
}
.c8y-select-wrapper select {
  padding-right: 24px !important;
  background-image: none;
  appearance: none;
}
.c8y-select-wrapper select::-ms-expand {
  display: none;
}
.c8y-select-wrapper:after {
  display: inline-block;
  text-decoration: inherit;
  text-transform: none;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  font-family: 'c8y-glyphs' !important;
  line-height: 1;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  position: absolute;
  top: 50%;
  right: 5px;
  z-index: 2;
  color: var(--c8y-form-control-icon-color);
  content: '\f101';
  font-size: 18px;
  transform: translate(0, -50%);
  pointer-events: none;
}
.form-group {
  display: block;
  margin-bottom: var(--c8y-form-validation-bottom-margin);
}
td.form-group,
th.form-group {
  margin-bottom: 0;
}
label.c8y-checkbox,
label.c8y-radio {
  position: relative;
  display: flex;
  align-items: center;
  margin: 0;
  color: black;
  text-transform: none;
  font-weight: var(--c8y-form-control-font-weight);
  font-size: inherit;
  line-height: var(--c8y-form-control-height-base);
  cursor: pointer;
}
label.c8y-checkbox input[type='checkbox'],
label.c8y-radio input[type='checkbox'],
label.c8y-checkbox input[type='radio'],
label.c8y-radio input[type='radio'] {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  margin: 0;
  opacity: 0;
}
label.c8y-checkbox input + span,
label.c8y-radio input + span {
  position: relative;
  z-index: 2;
  display: inline-block;
}
label.c8y-checkbox input[type='checkbox'] + span,
label.c8y-radio input[type='checkbox'] + span,
label.c8y-checkbox input[type='radio'] + span,
label.c8y-radio input[type='radio'] + span {
  position: relative;
  display: inline-block;
  flex-shrink: 0;
  width: calc(var(--c8y-unit-base) * 2);
  height: calc(var(--c8y-unit-base) * 2);
  border-radius: var(--c8y-form-control-border-radius);
  background-color: var(--c8y-form-control-background-default);
  box-shadow: inset 0 0 0 1px var(--c8y-form-control-border-color-default);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  margin: 2px 0;
}
label.c8y-checkbox input[type='checkbox'] + span + span,
label.c8y-radio input[type='checkbox'] + span + span,
label.c8y-checkbox input[type='radio'] + span + span,
label.c8y-radio input[type='radio'] + span + span {
  margin-left: 8px;
  line-height: var(--c8y-form-control-line-height);
}
label.c8y-checkbox input[type='radio'] + span,
label.c8y-radio input[type='radio'] + span {
  border-radius: 50%;
}
label.c8y-checkbox:hover + span,
label.c8y-radio:hover + span,
label.c8y-checkbox input:focus + span,
label.c8y-radio input:focus + span {
  background-color: var(--c8y-form-control-background-focus);
  box-shadow: inset 0 0 0 2px #05d5f5;
  color: black;
}
label.c8y-checkbox input[type='checkbox']:checked + span::after,
label.c8y-radio input[type='checkbox']:checked + span::after {
  position: absolute;
  top: 4.4px;
  left: 3.7px;
  display: block;
  width: 9px;
  height: 5px;
  border-bottom: 2px solid;
  border-left: 2px solid;
  color: #05d5f5;
  content: '';
  transform: rotate(-45deg);
}
label.c8y-checkbox input[type='radio']:checked + span::after,
label.c8y-radio input[type='radio']:checked + span::after {
  position: absolute;
  top: 50%;
  left: 50%;
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #05d5f5;
  content: '';
  font-size: 10px;
  line-height: inherit;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
label.c8y-checkbox input[type='checkbox']:indeterminate + span::after,
label.c8y-radio input[type='checkbox']:indeterminate + span::after {
  position: absolute;
  top: 4.4px;
  left: 4px;
  display: block;
  width: 8px;
  height: 5px;
  border-bottom: 2px solid;
  border-left: 0;
  color: #05d5f5;
  content: '';
}
label.c8y-checkbox input[disabled],
label.c8y-radio input[disabled],
label.c8y-checkbox input[disabled]:checked,
label.c8y-radio input[disabled]:checked {
  cursor: not-allowed;
}
label.c8y-checkbox input[disabled] + span,
label.c8y-radio input[disabled] + span,
label.c8y-checkbox input[disabled]:checked + span,
label.c8y-radio input[disabled]:checked + span {
  background-color: var(--c8y-form-control-background-disabled);
  opacity: var(--c8y-form-control-disabled-opacity);
  cursor: not-allowed;
}
label.c8y-checkbox input[disabled] ~ span,
label.c8y-radio input[disabled] ~ span,
label.c8y-checkbox input[disabled]:checked ~ span,
label.c8y-radio input[disabled]:checked ~ span {
  opacity: var(--c8y-form-control-disabled-opacity);
}
label.c8y-checkbox input[readonly],
label.c8y-radio input[readonly],
label.c8y-checkbox input[readonly]:checked,
label.c8y-radio input[readonly]:checked {
  pointer-events: none;
}
label.c8y-checkbox input[readonly] ~ span,
label.c8y-radio input[readonly] ~ span,
label.c8y-checkbox input[readonly]:checked ~ span,
label.c8y-radio input[readonly]:checked ~ span {
  opacity: var(--c8y-form-control-disabled-opacity);
}
label.c8y-checkbox.disabled,
label.c8y-radio.disabled,
[disabled] label.c8y-checkbox,
[disabled] label.c8y-radio {
  cursor: not-allowed;
}
label.c8y-checkbox.disabled span,
label.c8y-radio.disabled span,
[disabled] label.c8y-checkbox span,
[disabled] label.c8y-radio span {
  opacity: var(--c8y-form-control-disabled-opacity);
  cursor: not-allowed;
}
label.c8y-checkbox.disabled span::before,
label.c8y-radio.disabled span::before,
[disabled] label.c8y-checkbox span::before,
[disabled] label.c8y-radio span::before {
  opacity: 1;
}
label.c8y-checkbox.checkbox-inline,
label.c8y-radio.checkbox-inline,
label.c8y-checkbox.radio-inline,
label.c8y-radio.radio-inline {
  display: inline-flex;
  padding: 0;
}
label.c8y-checkbox.checkbox-inline:not(:last-child),
label.c8y-radio.checkbox-inline:not(:last-child),
label.c8y-checkbox.radio-inline:not(:last-child),
label.c8y-radio.radio-inline:not(:last-child) {
  margin-right: calc(var(--c8y-unit-base) * 2);
}
label.c8y-checkbox.has-error input + span,
label.c8y-radio.has-error input + span {
  box-shadow: inset 0 0 0 2px var(--palette-status-danger, var(--c8y-form-validation-color-error));
}
.form-group > label + .c8y-checkbox,
.form-group > label + .c8y-radio {
  margin-top: var(--c8y-unit-base);
}
c8y-error-feedback,
c8y-messages,
.c8y-messages {
  display: block;
  margin-bottom: calc(var(--c8y-form-validation-bottom-margin) * -1);
  min-height: var(--c8y-form-validation-bottom-margin);
}
.has-error.form-group--tooltip-validation c8y-error-feedback,
.has-error.form-group--tooltip-validation c8y-messages,
.has-error.form-group--tooltip-validation .c8y-messages,
.input-group-array .has-error c8y-error-feedback,
.input-group-array .has-error c8y-messages,
.input-group-array .has-error .c8y-messages {
  display: none;
}
.has-error.form-group--tooltip-validation c8y-error-feedback .form-control-feedback-message:not(.ng-inactive),
.has-error.form-group--tooltip-validation c8y-messages .form-control-feedback-message:not(.ng-inactive),
.has-error.form-group--tooltip-validation .c8y-messages .form-control-feedback-message:not(.ng-inactive),
.input-group-array .has-error c8y-error-feedback .form-control-feedback-message:not(.ng-inactive),
.input-group-array .has-error c8y-messages .form-control-feedback-message:not(.ng-inactive),
.input-group-array .has-error .c8y-messages .form-control-feedback-message:not(.ng-inactive) {
  padding-top: 0.25em;
  margin-top: 0;
}
.has-error.form-group--tooltip-validation c8y-error-feedback .form-control-feedback-message:not(.ng-inactive)::before,
.has-error.form-group--tooltip-validation c8y-messages .form-control-feedback-message:not(.ng-inactive)::before,
.has-error.form-group--tooltip-validation .c8y-messages .form-control-feedback-message:not(.ng-inactive)::before,
.input-group-array .has-error c8y-error-feedback .form-control-feedback-message:not(.ng-inactive)::before,
.input-group-array .has-error c8y-messages .form-control-feedback-message:not(.ng-inactive)::before,
.input-group-array .has-error .c8y-messages .form-control-feedback-message:not(.ng-inactive)::before {
  color: var(--c8y-tooltip-color-default);
}
.has-error.form-group--tooltip-validation c8y-error-feedback .form-control-feedback-message:before,
.has-error.form-group--tooltip-validation c8y-messages .form-control-feedback-message:before,
.has-error.form-group--tooltip-validation .c8y-messages .form-control-feedback-message:before {
  color: var(--c8y-palette-high) !important;
}
.has-error.form-group--tooltip-validation:hover c8y-error-feedback,
.has-error.form-group--tooltip-validation:hover c8y-messages,
.has-error.form-group--tooltip-validation:hover .c8y-messages,
.input-group-array .has-error:hover c8y-error-feedback,
.input-group-array .has-error:hover c8y-messages,
.input-group-array .has-error:hover .c8y-messages {
  position: absolute;
  bottom: 61px;
  left: calc(20% - calc(var(--c8y-unit-base) * 2));
  z-index: 10;
  display: block;
  padding: 0 5px;
  max-width: calc(100% - calc(var(--c8y-unit-base) * 2));
  border-radius: var(--c8y-tooltip-border-radius);
  background-color: var(--palette-status-danger, var(--c8y-form-validation-color-error));
  color: var(--c8y-tooltip-color-default);
}
.has-error.form-group--tooltip-validation:hover c8y-error-feedback:after,
.has-error.form-group--tooltip-validation:hover c8y-messages:after,
.has-error.form-group--tooltip-validation:hover .c8y-messages:after,
.input-group-array .has-error:hover c8y-error-feedback:after,
.input-group-array .has-error:hover c8y-messages:after,
.input-group-array .has-error:hover .c8y-messages:after {
  position: absolute;
  bottom: -5px;
  left: 50%;
  margin-top: 0;
  width: 0;
  height: 0;
  border-width: var(--c8y-tooltip-arrow-width) var(--c8y-tooltip-arrow-width) 0;
  border-style: solid;
  border-color: transparent;
  border-top-color: var(--palette-status-danger, var(--c8y-form-validation-color-error));
  content: '';
  opacity: var(--c8y-tooltip-opacity);
}
.form-group .help-block,
.form-group .form-control-feedback-message {
  position: relative;
  display: block;
  margin-top: 0;
  min-height: var(--c8y-form-validation-bottom-margin);
  font-size: var(--c8y-font-size-small);
  line-height: 1.5;
}
.form-group .help-block:empty,
.form-group .form-control-feedback-message:empty {
  display: none;
}
.help-block {
  font-style: italic;
}
.help-block.has-info,
.form-control-feedback-message:has(.help-block) .help-block {
  display: flex;
}
.help-block.has-info:before,
.form-control-feedback-message:has(.help-block) .help-block:before {
  font: normal normal normal 16px/1 'dlt-c8y-icons';
  font-size: 16px;
  color: var(--palette-status-info, var(--c8y-form-validation-color-info));
  content: var(--c8y-alert-info-icon, "\eae4");
  margin-right: 2px;
}
.form-control-feedback-message:has(.help-block) {
  padding-left: 0 !important;
}
.form-control-feedback-message:before,
.input-group + .help-block:before,
select ~ .help-block:before,
c8y-field-input ~ .help-block:before,
textarea ~ .help-block:before,
input ~ .help-block:before,
file-picker ~ .help-block:before,
.form-control ~ .help-block:before {
  position: absolute;
  top: 2px;
  left: 1px;
  display: inline-block;
  font: normal normal normal 14px/1 'dlt-c8y-icons';
  font-size: 16px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.form-control-feedback-message:not(.ng-inactive),
.input-group + .help-block,
select ~ .help-block,
textarea ~ .help-block,
file-picker ~ .help-block,
.form-control ~ .help-block,
c8y-field-input ~ .help-block,
input ~ .help-block {
  position: relative;
  padding-top: calc(var(--c8y-unit-base) * 0.25);
  padding-left: 20px;
  margin-top: 0;
}
file-picker ~ .help-block {
  margin-top: -24px;
}
.has-success:not(.schema-form-text) .help-block,
.has-success:not(.schema-form-text) .control-label,
.has-success:not(.schema-form-text) .radio,
.has-success:not(.schema-form-text) .checkbox,
.has-success:not(.schema-form-text) .radio-inline,
.has-success:not(.schema-form-text) .checkbox-inline,
.has-success:not(.schema-form-text).radio label,
.has-success:not(.schema-form-text).checkbox label,
.has-success:not(.schema-form-text).radio-inline label,
.has-success:not(.schema-form-text).checkbox-inline label {
  color: black !important;
}
.has-success:not(.schema-form-text) .form-control {
  box-shadow: inset 1px 0 0 0 var(--c8y-form-control-border-color-default), inset -1px 0 0 0 var(--c8y-form-control-border-color-default), inset 0 1px 0 0 var(--c8y-form-control-border-color-default), inset 0 -4px 0 var(--palette-status-success, var(--c8y-form-validation-color-success)) !important;
}
.has-success:not(.schema-form-text) .form-control:focus {
  color: black;
  box-shadow: inset 2px 0 0 0 #05d5f5, inset -2px 0 0 0 #05d5f5, inset 0 2px 0 0 #05d5f5, inset 0 -4px 0 var(--palette-status-success, var(--c8y-form-validation-color-success)) !important;
}
.has-success:not(.schema-form-text) label.c8y-checkbox input + span:before,
.has-success:not(.schema-form-text) label.c8y-radio input + span:before {
  box-shadow: inset 0 0 0 2px var(--palette-status-success, var(--c8y-form-validation-color-success));
}
.has-success:not(.schema-form-text) label.c8y-checkbox:focus input + span::before,
.has-success:not(.schema-form-text) label.c8y-radio:focus input + span::before,
.has-success:not(.schema-form-text) label.c8y-checkbox input:focus + span::before,
.has-success:not(.schema-form-text) label.c8y-radio input:focus + span::before {
  box-shadow: inset 0 0 0 2px #05d5f5;
}
.has-success:not(.schema-form-text) .input-group-addon {
  color: white;
  border-color: var(--palette-status-success, var(--c8y-form-validation-color-success));
  background-color: var(--palette-status-success, var(--c8y-form-validation-color-success));
}
.has-success:not(.schema-form-text) .form-control-feedback-message:before {
  color: var(--palette-status-success, var(--c8y-form-validation-color-success));
}
.has-success:not(.schema-form-text) .form-control-feedback-message:before {
  content: var(--c8y-alert-success-icon, "\eb00");
}
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
  color: black !important;
}
.has-warning .form-control {
  box-shadow: inset 1px 0 0 0 var(--c8y-form-control-border-color-default), inset -1px 0 0 0 var(--c8y-form-control-border-color-default), inset 0 1px 0 0 var(--c8y-form-control-border-color-default), inset 0 -4px 0 var(--palette-status-warning, var(--c8y-form-validation-color-warning)) !important;
}
.has-warning .form-control:focus {
  color: black;
  box-shadow: inset 2px 0 0 0 #05d5f5, inset -2px 0 0 0 #05d5f5, inset 0 2px 0 0 #05d5f5, inset 0 -4px 0 var(--palette-status-warning, var(--c8y-form-validation-color-warning)) !important;
}
.has-warning label.c8y-checkbox input + span:before,
.has-warning label.c8y-radio input + span:before {
  box-shadow: inset 0 0 0 2px var(--palette-status-warning, var(--c8y-form-validation-color-warning));
}
.has-warning label.c8y-checkbox:focus input + span::before,
.has-warning label.c8y-radio:focus input + span::before,
.has-warning label.c8y-checkbox input:focus + span::before,
.has-warning label.c8y-radio input:focus + span::before {
  box-shadow: inset 0 0 0 2px #05d5f5;
}
.has-warning .input-group-addon {
  color: white;
  border-color: var(--palette-status-warning, var(--c8y-form-validation-color-warning));
  background-color: var(--palette-status-warning, var(--c8y-form-validation-color-warning));
}
.has-warning .form-control-feedback-message:before {
  color: var(--palette-status-warning, var(--c8y-form-validation-color-warning));
}
.has-warning .form-control-feedback-message:before {
  content: var(--c8y-alert-warning-icon, "\eae5");
}
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
  color: black !important;
}
.has-error .form-control {
  box-shadow: inset 1px 0 0 0 var(--c8y-form-control-border-color-default), inset -1px 0 0 0 var(--c8y-form-control-border-color-default), inset 0 1px 0 0 var(--c8y-form-control-border-color-default), inset 0 -4px 0 var(--palette-status-danger, var(--c8y-form-validation-color-error)) !important;
}
.has-error .form-control:focus {
  color: black;
  box-shadow: inset 2px 0 0 0 #05d5f5, inset -2px 0 0 0 #05d5f5, inset 0 2px 0 0 #05d5f5, inset 0 -4px 0 var(--palette-status-danger, var(--c8y-form-validation-color-error)) !important;
}
.has-error label.c8y-checkbox input + span:before,
.has-error label.c8y-radio input + span:before {
  box-shadow: inset 0 0 0 2px var(--palette-status-danger, var(--c8y-form-validation-color-error));
}
.has-error label.c8y-checkbox:focus input + span::before,
.has-error label.c8y-radio:focus input + span::before,
.has-error label.c8y-checkbox input:focus + span::before,
.has-error label.c8y-radio input:focus + span::before {
  box-shadow: inset 0 0 0 2px #05d5f5;
}
.has-error .input-group-addon {
  color: white;
  border-color: var(--palette-status-danger, var(--c8y-form-validation-color-error));
  background-color: var(--palette-status-danger, var(--c8y-form-validation-color-error));
}
.has-error .form-control-feedback-message:before {
  color: var(--palette-status-danger, var(--c8y-form-validation-color-error));
}
.has-error .form-control-feedback-message:before {
  content: var(--c8y-alert-danger-icon, "\e97b");
}
.form-control-feedback-message.has-error {
  margin-bottom: 8px;
  line-height: 1.2;
}
.form-control-feedback-message.has-error:before {
  color: var(--palette-status-danger, var(--c8y-form-validation-color-error));
  content: var(--c8y-alert-danger-icon, "\e97b");
}
.table-data-grid .form-control-feedback-message.has-error {
  display: none !important;
}
.has-info .help-block,
.has-info .control-label,
.has-info .radio,
.has-info .checkbox,
.has-info .radio-inline,
.has-info .checkbox-inline,
.has-info.radio label,
.has-info.checkbox label,
.has-info.radio-inline label,
.has-info.checkbox-inline label {
  color: black !important;
}
.has-info .form-control {
  box-shadow: inset 1px 0 0 0 var(--c8y-form-control-border-color-default), inset -1px 0 0 0 var(--c8y-form-control-border-color-default), inset 0 1px 0 0 var(--c8y-form-control-border-color-default), inset 0 -4px 0 var(--palette-status-info, var(--c8y-form-validation-color-info)) !important;
}
.has-info .form-control:focus {
  color: black;
  box-shadow: inset 2px 0 0 0 #05d5f5, inset -2px 0 0 0 #05d5f5, inset 0 2px 0 0 #05d5f5, inset 0 -4px 0 var(--palette-status-info, var(--c8y-form-validation-color-info)) !important;
}
.has-info label.c8y-checkbox input + span:before,
.has-info label.c8y-radio input + span:before {
  box-shadow: inset 0 0 0 2px var(--palette-status-info, var(--c8y-form-validation-color-info));
}
.has-info label.c8y-checkbox:focus input + span::before,
.has-info label.c8y-radio:focus input + span::before,
.has-info label.c8y-checkbox input:focus + span::before,
.has-info label.c8y-radio input:focus + span::before {
  box-shadow: inset 0 0 0 2px #05d5f5;
}
.has-info .input-group-addon {
  color: white;
  border-color: var(--palette-status-info, var(--c8y-form-validation-color-info));
  background-color: var(--palette-status-info, var(--c8y-form-validation-color-info));
}
.has-info .form-control-feedback-message:before {
  color: var(--palette-status-info, var(--c8y-form-validation-color-info));
}
.has-info .form-control-feedback-message:before {
  content: var(--c8y-alert-info-icon, "\eae4");
}
textarea ~ .help-block:not(:empty):before,
file-picker ~ .help-block:not(:empty):before,
select ~ .help-block:not(:empty):before,
input ~ .help-block:not(:empty):before,
c8y-field-input ~ .help-block:not(:empty):before,
.form-control ~ .help-block:not(:empty):before,
.input-group ~ .help-block:not(:empty):before {
  color: var(--palette-status-info, var(--c8y-form-validation-color-info));
  content: var(--c8y-alert-info-icon, "\eae4");
}
.form-control.ng-invalid.ng-invalid-required.ng-touched,
.form-control.ng-invalid.ng-touched {
  box-shadow: inset 1px 0 0 0 var(--c8y-form-control-border-color-default), inset -1px 0 0 0 var(--c8y-form-control-border-color-default), inset 0 1px 0 0 var(--c8y-form-control-border-color-default), inset 0 -4px 0 var(--palette-status-danger, var(--c8y-form-validation-color-error));
}
.form-control.ng-invalid.ng-invalid-required.ng-touched:focus,
.form-control.ng-invalid.ng-touched:focus {
  box-shadow: inset 2px 0 0 0 #05d5f5, inset -2px 0 0 0 #05d5f5, inset 0 2px 0 0 #05d5f5, inset 0 -4px 0 var(--palette-status-danger, var(--c8y-form-validation-color-error));
}
.form-control.ng-invalid.ng-invalid-required.ng-touched + * > .form-control-feedback-message:not(:empty):before,
.form-control.ng-invalid.ng-touched + * > .form-control-feedback-message:not(:empty):before {
  color: var(--palette-status-danger, var(--c8y-form-validation-color-error));
  content: var(--c8y-alert-danger-icon, "\e97b");
}
.drop-zone .has-errors .form-control-feedback-message {
  font-size: var(--c8y-font-size-base);
}
.drop-zone .has-errors .form-control-feedback-message:not(:empty):before {
  color: var(--palette-status-danger, var(--c8y-form-validation-color-error));
  content: var(--c8y-alert-danger-icon, "\e97b");
}
.form-control-feedback {
  display: none !important;
}
.form-control-static {
  display: flex;
  align-items: center;
  margin: 1px 0 0;
  min-height: var(--c8y-form-control-height-base);
  line-height: var(--c8y-form-control-line-height);
}
.form-group-sm > label {
  margin-bottom: 0;
  font-size: var(--c8y-font-size-small);
}
.form-group-sm .form-control:not(.c8y-radio):not(.c8y-checkbox),
.form-group-sm > .form-group .form-control:not(.c8y-radio):not(.c8y-checkbox),
.form-group-sm .form-control-static:not(.c8y-radio):not(.c8y-checkbox),
.input-sm:not(.c8y-radio):not(.c8y-checkbox) {
  padding: calc(var(--c8y-form-control-padding-base-vertical) * 0.75) calc(var(--c8y-form-control-padding-base-horizontal) * 0.75);
  height: var(--c8y-form-control-height-sm) !important;
  font-size: var(--c8y-font-size-small);
  line-height: var(--c8y-line-height-small);
}
.form-group-lg > label {
  font-size: var(--c8y-font-size-large);
}
.form-group-lg .form-control:not(.c8y-radio):not(.c8y-checkbox),
.form-group-lg .form-control-static:not(.c8y-radio):not(.c8y-checkbox),
.input-lg:not(.c8y-radio):not(.c8y-checkbox) {
  padding: calc(var(--c8y-form-control-padding-base-vertical) * 1.25) calc(var(--c8y-form-control-padding-base-horizontal) * 1.25);
  max-height: unset !important;
  height: var(--c8y-form-control-height-lg);
  font-size: var(--c8y-font-size-large);
}
.form-read-only {
  position: relative;
}
.form-read-only label {
  pointer-events: none;
}
.form-read-only input,
.form-read-only select {
  pointer-events: none;
}
.form-read-only.hidden-labels .form-group > label {
  display: none;
}
.form-read-only .form-group {
  margin: 0;
}
.form-read-only .form-group label {
  margin: 0;
  color: white !important;
  opacity: 1 !important;
}
.form-read-only .form-control,
.form-read-only .form-control.input-sm,
.form-read-only .form-control.input-lg {
  padding: 0;
  background-color: transparent;
  box-shadow: none;
  opacity: 1 !important;
  resize: none;
}
.form-read-only .form-control.ng-empty,
.form-read-only .form-control.input-sm.ng-empty,
.form-read-only .form-control.input-lg.ng-empty {
  display: none;
}
.form-read-only textarea.form-control {
  height: auto;
  line-height: var(--c8y-form-control-line-height);
}
.form-read-only .btn:not(.form-edit-btn) {
  display: none;
}
.form-read-only .form-edit-btn {
  display: inline-block;
}
.form-read-only input[type='number'] {
  appearance: none;
}
.form-edit-btn {
  position: relative;
  z-index: 1001;
  display: none;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  color: #05d5f5;
  font-size: var(--c8y-font-size-small);
  cursor: pointer;
}
.form-edit-btn:hover {
  color: var(--link-hover-color, var(--c8y-component-color-link-hover, var(--c8y-root-component-color-link-hover)));
  text-decoration: none;
}
.form-edit-btn:focus {
  outline: none;
  box-shadow: inset 0 -2px 0 #05d5f5;
}
label.editable {
  position: relative;
  display: flex;
  align-items: flex-start;
  margin: 0;
  padding: 0;
  color: black;
  text-transform: none;
  font-weight: inherit;
  font-size: inherit;
  cursor: pointer;
}
label.editable .form-control {
  min-width: 4ch;
  max-width: 100%;
  appearance: textfield;
}
label.editable .form-control::-webkit-inner-spin-button,
label.editable .form-control::-webkit-outer-spin-button {
  margin: 0;
  -webkit-appearance: none;
}
label.editable .form-control[c8y-textarea-autoresize] {
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, padding 0.35s ease !important;
}
label.editable:has(.ng-pristine):after {
  position: relative;
  margin-top: 0.9rem;
  color: #05d5f5;
  display: inline-block;
  text-transform: none;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  font-family: 'dlt-c8y-icons' !important;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ece9";
}
label.editable:has(.ng-pristine):after::before,
label.editable:has(.ng-pristine):after::after {
  font-size: 1.1em;
}
label.editable .form-control + span {
  display: none;
}
label.editable:not(.updated) .form-control:not(.ng-dirty) {
  position: relative;
  z-index: 9;
  transition: all 0.35s ease;
}
label.editable:not(.updated) .form-control:not(.ng-dirty)[c8y-textarea-autoresize] {
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, padding 0.35s ease !important;
}
label.editable:not(.updated) .form-control:not(.ng-dirty):not(:focus):not(:hover) {
  z-index: 2;
  overflow: hidden;
  padding-right: 0;
  padding-left: 0;
  background-color: transparent;
  box-shadow: none;
  text-overflow: ellipsis;
}
label.editable.updated {
  width: 100%;
}
label.editable.updated:after {
  display: none;
}
label.editable.updated .form-control,
label.editable .form-control:focus,
label.editable .form-control.ng-dirty {
  margin-right: -24px;
  min-width: 100%;
  opacity: 1;
  transition: all 0.25s ease;
}
label.editable.updated .form-control ~ span,
label.editable .form-control:focus ~ span,
label.editable .form-control.ng-dirty ~ span {
  display: none;
}
label.editable:not(.updated):hover .form-control {
  min-width: 100%;
}
label.editable:not(.updated):hover:after {
  opacity: 0;
}
label.editable:not(.updated):hover .form-control:not(:focus) {
  background-color: transparent;
}
label.editable .form-control.ng-invalid-required + span,
label.editable .form-control.ng-invalid-required + span span {
  color: var(--palette-status-danger, var(--c8y-form-validation-color-error)) !important;
}
label.editable .form-control.ng-invalid-required + span:after,
label.editable .form-control.ng-invalid-required + span span:after {
  color: var(--palette-status-danger, var(--c8y-form-validation-color-error)) !important;
}
.has-error label.editable:after,
.has-warning label.editable:after,
.has-info label.editable:after,
.has-success label.editable:after {
  display: none;
}
.has-error label.editable .form-control,
.has-warning label.editable .form-control,
.has-info label.editable .form-control,
.has-success label.editable .form-control {
  padding: var(--c8y-form-control-padding-base-vertical) var(--c8y-form-control-padding-base-horizontal) !important;
}
@media (min-width: 768px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    max-height: 32px !important;
    vertical-align: middle;
  }
  .form-inline .form-group > label {
    margin-right: var(--c8y-unit-base);
  }
  .form-inline .form-group + .form-group {
    margin-left: var(--c8y-unit-base);
  }
  .form-inline label {
    display: inline-block;
    margin-bottom: 0;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .form-control-static {
    display: inline-block;
  }
  .form-inline .input-group {
    display: inline-flex;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .input-group .input-group-addon,
  .form-inline .input-group .input-group-btn,
  .form-inline .input-group .form-control {
    width: auto;
  }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .c8y-select-wrapper {
    display: inline-block;
    vertical-align: middle;
  }
  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio label,
  .form-inline .checkbox label {
    padding-left: 0;
  }
  .form-inline .radio input[type='radio'],
  .form-inline .checkbox input[type='checkbox'] {
    position: relative;
    margin-left: 0;
  }
  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
  .form-inline .has-feedback .form-control-feedback-message {
    top: var(--c8y-form-control-height-base);
  }
}
.radio label,
.checkbox label {
  display: inline-flex;
  align-items: center;
  margin: 0 0 8px 0;
  padding-left: 0;
}
.radio label > input[type='radio'],
.checkbox label > input[type='radio'],
.radio label > input[type='checkbox'],
.checkbox label > input[type='checkbox'] {
  flex-grow: 0;
  margin: 0 8px 0 0;
  height: 18px;
}
.radio label > input[type='radio'] + span,
.checkbox label > input[type='radio'] + span,
.radio label > input[type='checkbox'] + span,
.checkbox label > input[type='checkbox'] + span {
  flex-grow: 1;
  font-weight: normal;
}
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: calc(var(--c8y-component-padding-base-vertical, var(--c8y-root-component-padding-base-vertical)) + 1px);
}
.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: calc(calc(var(--c8y-font-size-base) * var(--c8y-line-height-base, 1.42857142857)) + var(--c8y-component-padding-base-vertical, var(--c8y-root-component-padding-base-vertical)) + 1);
}
.form-horizontal .form-group {
  margin-right: calc(calc(var(--c8y-unit-base) * 3) * -0.5);
  margin-left: calc(calc(var(--c8y-unit-base) * 3) * -0.5);
}
.form-horizontal .form-group .form-group {
  position: relative;
  margin-right: 0;
  margin-left: 0;
}
.form-horizontal .form-group .form-group .form-control-feedback {
  right: 5px;
}
@media (min-width: 768px) {
  .form-horizontal .control-label {
    margin-bottom: 0;
    padding-top: calc(var(--c8y-component-padding-base-vertical, var(--c8y-root-component-padding-base-vertical)) + 2px);
  }
}
.form-horizontal .has-feedback .form-control-feedback {
  right: calc(calc(var(--c8y-unit-base) * 3) * 0.5 + 5);
}
@media (min-width: 768px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: calc(var(--c8y-component-padding-large-vertical, var(--c8y-root-component-padding-large-vertical)) * var(--c8y-line-height-large) + 1);
    font-size: var(--c8y-font-size-large);
  }
}
@media (min-width: 768px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: calc(var(--c8y-component-padding-small-vertical, var(--c8y-root-component-padding-small-vertical)) + 1);
    font-size: var(--c8y-font-size-small);
  }
}
.btn-save-wrapper {
  animation-duration: 0.5s;
}
.btn-save-wrapper.changed-remove-active {
  animation-duration: 0;
}
.btn-save-wrapper.changed {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1029;
  padding: 16px 48px;
  background-color: #132b45;
  transition: left 0.4s ease-in-out;
}
.mcontainerHorizontal .btn-save-wrapper.changed {
  left: 0;
  padding: 10px 15px;
}
.open .btn-save-wrapper.changed {
  left: 240px;
}
.open .has-tabs.page-tabs-vertical + .container-fluid .btn-save-wrapper.changed {
  left: calc(240px + var(--c8y-nav-tabs-vertical-width));
}
.c8y-switch {
  display: flex;
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0 3px 0 calc(calc(var(--c8y-font-size-base) * var(--c8y-line-height-base, 1.42857143)) * 2 + 5px);
  min-height: var(--c8y-form-control-height-base);
  color: black;
  text-transform: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  letter-spacing: 0;
  font-weight: normal;
  font-size: inherit;
  line-height: var(--c8y-form-control-height-base);
}
.c8y-switch + .c8y-switch {
  margin-left: 6px;
}
.c8y-switch:hover {
  cursor: pointer;
}
.c8y-switch input[type='checkbox'] {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.c8y-switch input[type='checkbox'] + span {
  position: absolute;
  top: calc((32px - calc(var(--c8y-font-size-base) * var(--c8y-line-height-base, 1.42857143))) / 2);
  left: 2px;
  z-index: 1;
  height: calc(var(--c8y-font-size-base) * var(--c8y-line-height-base, 1.42857143));
  border: 0;
  background-color: transparent;
}
.c8y-switch input[type='checkbox'] + span:before,
.c8y-switch input[type='checkbox'] + span:after {
  position: absolute;
  content: '';
}
.c8y-switch input[type='checkbox'] + span::before {
  top: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  width: calc(calc(var(--c8y-font-size-base) * var(--c8y-line-height-base, 1.42857143)) * 2 - 2px);
  border-radius: calc(calc(var(--c8y-font-size-base) * var(--c8y-line-height-base, 1.42857143)) / 2);
  background-color: var(--c8y-switch-background-default);
  box-shadow: none;
  transition: background 0.25s ease;
}
.c8y-switch input[type='checkbox'] + span::after {
  position: absolute;
  top: 3px;
  bottom: 3px;
  left: 3px;
  z-index: -1;
  width: calc(calc(var(--c8y-font-size-base) * var(--c8y-line-height-base, 1.42857143)) - 6px);
  border-radius: calc(calc(var(--c8y-font-size-base) * var(--c8y-line-height-base, 1.42857143)) / 2) !important;
  background-color: var(--c8y-switch-handle-background, var(--c8y-form-control-background-default));
  content: '';
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
  transition: all 0.25s ease !important;
}
.c8y-switch input[type='checkbox']:focus + span::before {
  outline: 2px solid #05d5f5;
}
.c8y-switch input[disabled] + span {
  opacity: 0.5;
}
.c8y-switch input[disabled] + span:before,
.c8y-switch input[disabled] + span:after {
  cursor: not-allowed;
}
.c8y-switch input:checked + span:before {
  background-color: var(--c8y-switch-background-active);
}
.c8y-switch input:checked + span:after {
  left: calc(var(--c8y-font-size-base) * var(--c8y-line-height-base, 1.42857143));
}
.c8y-switch--inline {
  overflow: visible;
  min-height: calc(var(--c8y-font-size-base) * var(--c8y-line-height-base, 1.42857143));
  height: calc(var(--c8y-font-size-base) * var(--c8y-line-height-base, 1.42857143));
  line-height: var(--c8y-line-height-base, 1.42857143);
}
.c8y-switch--inline input[type='checkbox'] + span {
  position: absolute;
  top: 0;
}
.c8y-switch-multistate {
  display: flex;
  justify-content: stretch;
  align-items: center;
  height: var(--c8y-form-control-height-base);
  border-radius: 16px;
  width: 100%;
  background: var(--c8y-palette-gray-60);
  position: relative;
  line-height: 1;
}
.c8y-switch-multistate [class^='dlt-c8y-icon-'],
.c8y-switch-multistate [class*=' dlt-c8y-icon-'],
.c8y-switch-multistate .c8y-icon {
  font-size: 16px;
}
.c8y-switch-multistate input {
  opacity: 0;
  width: 0;
  height: 0;
  margin: 0;
}
.c8y-switch-multistate label {
  flex: 1 1 100%;
  margin: 0;
  opacity: 1;
  display: block;
  text-align: center;
  cursor: pointer;
  position: relative;
  z-index: 100;
}
.c8y-switch-multistate__handle {
  display: block;
  height: 24px;
  width: calc(33.333% - 8px);
  background-color: var(--c8y-switch-handle-background, var(--c8y-form-control-background-default));
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
  border-radius: 16px;
  position: absolute;
  transition: left 0.25s ease;
  top: 4px;
  z-index: 40;
  transform: translate(-50%, 0);
}
.c8y-dark-theme .c8y-switch-multistate__handle {
  --c8y-switch-handle-background: #132b45;
}
@media (prefers-color-scheme: dark) {
  .c8y-system-theme .c8y-switch-multistate__handle {
    --c8y-switch-handle-background: #132b45;
  }
}
.c8y-switch-multistate input:focus ~ .c8y-switch-multistate__handle {
  outline: 2px solid #05d5f5;
}
.c8y-switch-multistate input:checked:nth-child(1) ~ .c8y-switch-multistate__handle,
.c8y-switch-multistate input:focus:nth-child(1) ~ .c8y-switch-multistate__handle {
  left: calc(100% / 6);
}
.c8y-switch-multistate input:checked:nth-child(3) ~ .c8y-switch-multistate__handle,
.c8y-switch-multistate input:focus:nth-child(3) ~ .c8y-switch-multistate__handle {
  left: calc((100% / 6) * 3);
}
.c8y-switch-multistate input:checked:nth-child(5) ~ .c8y-switch-multistate__handle,
.c8y-switch-multistate input:focus:nth-child(5) ~ .c8y-switch-multistate__handle {
  left: calc((100% / 6) * 5);
}
.c8y-dark-theme .c8y-switch-multistate input:checked + label {
  color: var(--c8y-palette-gray-100);
}
@media (prefers-color-scheme: dark) {
  .c8y-system-theme .c8y-switch-multistate input:checked + label {
    color: var(--c8y-palette-gray-100);
  }
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  color: var(--c8y-headings-color);
  font-weight: var(--c8y-font-weight-headings, 400);
  font-family: 'roboto', Arial, Helvetica, sans-serif;
  line-height: var(--c8y-line-height-headings, 1.15);
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
  color: #8a9596;
  font-weight: normal;
  line-height: 1;
}
h1,
.h1,
h2,
.h2,
h3,
.h3 {
  margin-top: 0;
  margin-bottom: 0;
}
h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h1 .small,
.h1 .small,
h2 .small,
.h2 .small,
h3 .small,
.h3 .small {
  font-size: 65%;
}
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  margin-top: 0;
  margin-bottom: 0;
}
h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small,
h4 .small,
.h4 .small,
h5 .small,
.h5 .small,
h6 .small,
.h6 .small {
  font-size: 75%;
}
h1,
.h1 {
  font-size: var(--c8y-font-size-h1);
}
h2,
.h2 {
  font-size: var(--c8y-font-size-h2);
}
h3,
.h3 {
  font-size: var(--c8y-font-size-h3);
}
h4,
.h4 {
  font-size: var(--c8y-font-size-h4);
}
h5,
.h5 {
  font-size: var(--c8y-font-size-h5);
}
h6,
.h6 {
  font-size: var(--c8y-font-size-h6);
}
p {
  margin: 0;
}
.lead {
  margin-bottom: 16px;
  font-size: calc(var(--c8y-font-size-base) * 1.14285714);
  line-height: 1.4;
}
small,
.small {
  font-size: var(--c8y-font-size-small);
}
mark,
.mark {
  padding: 0.2em;
  background-color: transparent;
}
ul,
ol {
  margin-top: 0;
  margin-bottom: calc(calc(var(--c8y-font-size-base) * var(--c8y-line-height-base, 1.42857143)) / 2);
}
ul ul,
ol ul,
ul ol,
ol ol {
  margin-bottom: 0;
}
.check-bullets {
  margin: 0 0 10px;
  padding: 0;
  list-style: none;
  text-align: left;
}
.check-bullets > li {
  margin-bottom: 5px;
  padding: 0 0 0 20px;
}
.check-bullets > li:before {
  display: inline-block;
  margin-left: -20px;
  width: 20px;
  content: "\eaee";
  font: normal normal normal 14px/1 "dlt-c8y-icons";
  font-size: 120%;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.check-bullets.success > li:before {
  color: #41D796;
}
.check-bullets.brand-primary > li:before {
  color: #132b45;
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.list-inline {
  margin-left: -5px;
  padding-left: 0;
  list-style: none;
}
.list-inline > li {
  display: inline-block;
  padding-right: 5px;
  padding-left: 5px;
}
dl {
  margin-top: 0;
  margin-bottom: calc(var(--c8y-font-size-base) * var(--c8y-line-height-base, 1.42857143));
}
dt,
dd {
  line-height: var(--c8y-line-height-base, 1.42857143);
}
dt {
  font-weight: bold;
}
dd {
  margin-left: 0;
}
dl.dl-inline {
  margin-bottom: 0;
}
dl.dl-inline dt {
  margin-right: 5px;
}
dl.dl-inline dt,
dl.dl-inline dd {
  display: inline-block;
  vertical-align: top;
}
dl.dl-inline dd:after {
  content: '\A';
  white-space: pre;
}
@media (min-width: 1200px) {
  .dl-horizontal dt {
    float: left;
    clear: left;
    width: calc((var(--c8y-dl-horizontal-offset) - 20) * 1px);
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .dl-horizontal dd {
    margin-bottom: var(--c8y-unit-base);
    margin-left: calc(var(--c8y-dl-horizontal-offset) * 1px);
  }
}
abbr[title],
abbr[data-original-title] {
  border-bottom: 1px dotted var(--c8y-palette-gray-80);
  cursor: help;
}
.initialism {
  font-size: 90%;
  text-transform: uppercase !important;
}
blockquote {
  margin: 0 0 calc(var(--c8y-font-size-base) * var(--c8y-line-height-base, 1.42857143));
  padding: calc(calc(var(--c8y-font-size-base) * var(--c8y-line-height-base, 1.42857143)) / 2) calc(var(--c8y-font-size-base) * var(--c8y-line-height-base, 1.42857143));
  border-left: 4px solid var(--c8y-blockquote-border-color);
  font-size: var(--c8y-blockquote-font-size, var(--c8y-font-size-large));
}
blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
  margin-bottom: 0;
}
blockquote footer,
blockquote small,
blockquote .small {
  display: block;
  color: #8a9596;
  font-size: 80%;
  line-height: var(--c8y-line-height-base, 1.42857143);
}
blockquote footer:before,
blockquote small:before,
blockquote .small:before {
  content: '\2014 \00A0';
}
.blockquote-reverse,
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid var(--c8y-blockquote-border-color);
  border-left: 0;
  text-align: right;
}
.blockquote-reverse footer:before,
blockquote.pull-right footer:before,
.blockquote-reverse small:before,
blockquote.pull-right small:before,
.blockquote-reverse .small:before,
blockquote.pull-right .small:before {
  content: '';
}
.blockquote-reverse footer:after,
blockquote.pull-right footer:after,
.blockquote-reverse small:after,
blockquote.pull-right small:after,
.blockquote-reverse .small:after,
blockquote.pull-right .small:after {
  content: '\00A0 \2014';
}
address {
  margin-bottom: calc(var(--c8y-font-size-base) * var(--c8y-line-height-base, 1.42857143));
  font-style: normal;
  line-height: var(--c8y-line-height-base, 1.42857143);
}
/* Languages
  font-family set based on html lang attribute (https://www.w3schools.com/tags/ref_language_codes.asp) and on the keys from .pot files
*/
:lang(ja),
:lang(ja_jp),
:lang(ja-jp),
:lang(ja_JP),
:lang(ja-JP) {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  --c8y-font-size-base: 13px;
}
:lang(zh-Hans),
:lang(zh-tw),
:lang(zh_CN),
:lang(zh-cn) {
  font-family: 'Microsoft YaHei New', 'Microsoft Yahei', '微软雅黑', '宋体', SimSun, STXihei, '华文细黑', sans-serif;
}
table {
  background-color: #132b45;
}
caption {
  padding-top: var(--c8y-table-cell-padding-default);
  padding-bottom: var(--c8y-table-cell-padding-default);
  color: #8a9596;
  text-align: left;
}
th {
  text-align: left;
}
.table {
  clear: both;
  margin-bottom: calc(var(--c8y-font-size-base) * var(--c8y-line-height-base, 1.42857143));
  max-width: 100%;
  width: 100%;
}
.card .table {
  margin-bottom: 0;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  border-top: 1px solid transparent;
  vertical-align: top;
  line-height: var(--c8y-line-height-base, 1.42857143);
}
.table > thead > tr > th label,
.table > tbody > tr > th label,
.table > tfoot > tr > th label,
.table > thead > tr > td label,
.table > tbody > tr > td label,
.table > tfoot > tr > td label {
  margin: 0;
}
.table > thead > tr > th label.c8y-checkbox,
.table > tbody > tr > th label.c8y-checkbox,
.table > tfoot > tr > th label.c8y-checkbox,
.table > thead > tr > td label.c8y-checkbox,
.table > tbody > tr > td label.c8y-checkbox,
.table > tfoot > tr > td label.c8y-checkbox,
.table > thead > tr > th label.c8y-radio,
.table > tbody > tr > th label.c8y-radio,
.table > tfoot > tr > th label.c8y-radio,
.table > thead > tr > td label.c8y-radio,
.table > tbody > tr > td label.c8y-radio,
.table > tfoot > tr > td label.c8y-radio {
  line-height: 1.6;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th {
  padding: 10px var(--c8y-unit-base);
}
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: var(--c8y-table-cell-padding-default) var(--c8y-unit-base);
  min-height: 48px;
}
.table > thead > tr.expanded-row > td,
.table > tbody > tr.expanded-row > td,
.table > tfoot > tr.expanded-row > td {
  border-top: 0;
}
.table thead + tbody tr:first-child > td,
.table thead + tbody tr:first-child > th {
  border-top: 0;
}
.table > thead > tr > th {
  border-top: 0;
  border-bottom: 0;
  box-shadow: inset 0 -2px 0 transparent;
  vertical-align: bottom;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
  color: white;
  vertical-align: bottom;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 20px;
}
.table > caption + thead > tr:first-child > th [class^='dlt-c8y-icon-'],
.table > colgroup + thead > tr:first-child > th [class^='dlt-c8y-icon-'],
.table > thead:first-child > tr:first-child > th [class^='dlt-c8y-icon-'],
.table > caption + thead > tr:first-child > td [class^='dlt-c8y-icon-'],
.table > colgroup + thead > tr:first-child > td [class^='dlt-c8y-icon-'],
.table > thead:first-child > tr:first-child > td [class^='dlt-c8y-icon-'],
.table > caption + thead > tr:first-child > th [class*=' dlt-c8y-icon-'],
.table > colgroup + thead > tr:first-child > th [class*=' dlt-c8y-icon-'],
.table > thead:first-child > tr:first-child > th [class*=' dlt-c8y-icon-'],
.table > caption + thead > tr:first-child > td [class*=' dlt-c8y-icon-'],
.table > colgroup + thead > tr:first-child > td [class*=' dlt-c8y-icon-'],
.table > thead:first-child > tr:first-child > td [class*=' dlt-c8y-icon-'] {
  font-size: 14px;
}
.table > tbody + tbody {
  border-top: 2px solid transparent;
}
.table .table {
  background-color: transparent;
}
.table > thead > tr > th.fixed {
  width: 1px;
  white-space: nowrap;
}
.table > thead > tr > th.text-truncate {
  display: table-cell;
  overflow: hidden;
  max-width: 1px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.table > thead > tr > th.auto-grow {
  min-width: 150px;
  overflow-wrap: break-word;
}
.table > tbody > tr > td.fixed {
  white-space: nowrap;
}
.table > tbody > tr > td.text-truncate {
  display: table-cell;
  overflow: hidden;
  max-width: 1px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.table > tbody > tr > td.auto-grow {
  min-width: 150px;
  overflow-wrap: break-word;
}
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding: calc(var(--c8y-table-cell-padding-condensed) - 1px) var(--c8y-table-cell-padding-condensed);
  font-size: 12px;
}
.table-condensed > thead > tr > td > c8y-device-status-display,
.table-condensed > tbody > tr > td > c8y-device-status-display,
.table-condensed > tfoot > tr > td > c8y-device-status-display {
  display: block;
  height: 12px;
}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th {
  padding: var(--c8y-table-cell-padding-condensed);
  font-size: 10px !important;
}
.table-bordered {
  border: 1px solid transparent;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid transparent;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}
.table-striped > tbody > tr:not(.even):not(.odd):not(.expanded-row):nth-of-type(odd),
.table-striped > tbody > tr.odd {
  background: var(--c8y-component-background-odd, var(--c8y-root-component-background-odd));
}
.table-striped > tbody > tr:not(.even):not(.odd):not(.expanded-row):nth-of-type(odd) + tr.expanded-row,
.table-striped > tbody > tr.odd + tr.expanded-row {
  background: var(--c8y-component-background-odd, var(--c8y-root-component-background-odd));
}
.table-striped > tbody > tr.even {
  background: #132b45;
}
.table-hover > tbody > tr:hover {
  background: var(--c8y-component-background-hover, var(--c8y-root-component-background-hover));
}
.table-header-branding-line > thead > tr > th {
  border-bottom-width: 1px;
  border-bottom-color: transparent;
}
.table-header-branding-line > tbody:first-child > tr > td {
  border-top-width: 1px;
  border-top-color: transparent;
}
table col[class*='col-'] {
  position: static;
  display: table-column;
  float: none;
}
table td[class*='col-'],
table th[class*='col-'] {
  position: static;
  display: table-cell;
  float: none;
}
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
  background-color: var(--c8y-component-background-active, var(--c8y-root-component-background-active));
}
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05)) var(--c8y-component-background-active, var(--c8y-root-component-background-active));
}
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
  background-color: transparent;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05)) transparent;
}
.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
  background-color: transparent;
}
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05)) transparent;
}
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
  background-color: transparent;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05)) transparent;
}
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
  background-color: transparent;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05)) transparent;
}
.table-responsive {
  overflow-x: auto;
  min-height: 0.01%;
}
.table-responsive.full-page {
  overflow-y: auto;
  max-height: calc(100vh - 145px);
}
@media (min-width: 768px) {
  .table-responsive.full-page {
    max-height: calc(100vh - 256px);
  }
}
@media screen and (max-width: 767px) {
  .table-responsive {
    overflow-y: hidden;
    margin-bottom: calc(calc(var(--c8y-font-size-base) * var(--c8y-line-height-base, 1.42857143)) * 0.75);
    width: 100%;
    border: 1px solid transparent;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  .table-responsive > .table {
    margin-bottom: 0;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    overflow: hidden;
    max-width: 767px;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}
.table-borderless td,
.table-borderless tr,
.table-borderless th {
  border: 0 !important;
}
.table-vertical-middle * {
  vertical-align: middle !important;
}
.table-cell-truncate {
  position: relative;
}
.table-cell-truncate .truncated-cell-content {
  position: absolute;
  overflow: hidden;
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.table-fixed {
  table-layout: fixed;
}
.table-fixed th,
.table-fixed td {
  word-break: break-all;
}
.table-header-sticky th {
  position: sticky;
  background-color: #132b45;
}
.table-permissions > tbody:nth-child(odd) {
  background-color: var(--c8y-component-background-odd, var(--c8y-root-component-background-odd));
}
.c8y-table-responsive thead {
  display: none;
}
.c8y-table-responsive > tbody > tr {
  border-bottom: 1px solid transparent;
}
.c8y-table-responsive > tbody > tr > td,
.c8y-table-responsive > tbody > tr > th {
  display: block;
  padding: 6px 10px;
  border: 0;
}
.c8y-table-responsive > tbody > tr > td:before,
.c8y-table-responsive > tbody > tr > th:before {
  display: inline-block;
  padding-right: 10px;
  min-width: 20%;
  content: attr(data-label);
  text-transform: uppercase;
  font-weight: bold;
  font-size: 10px;
}
@media (min-width: 768px) {
  .c8y-table-responsive thead {
    display: table-header-group;
  }
  .c8y-table-responsive > tbody > tr:not(.expanded-row) {
    border: 0;
  }
  .c8y-table-responsive > tbody > tr:not(.expanded-row) > td,
  .c8y-table-responsive > tbody > tr:not(.expanded-row) > th {
    display: table-cell;
    border-top: 1px solid transparent;
  }
  .c8y-table-responsive > tbody > tr:not(.expanded-row) > td:before,
  .c8y-table-responsive > tbody > tr:not(.expanded-row) > th:before {
    display: none;
  }
}
.input-group {
  position: relative;
  display: flex;
  align-items: stretch;
  flex-wrap: nowrap;
  width: 100%;
}
.input-group[class*='col-'] {
  float: none;
  padding-right: 0;
  padding-left: 0;
}
.input-group .form-control + .form-control {
  margin-left: -1px;
}
.input-group > .form-control,
.input-group > .c8y-select-wrapper,
.input-group > .form-group,
.input-group > div[c8y-device-group-selector] {
  position: relative;
  z-index: 2;
  flex: 1 1 auto;
  margin-bottom: 0;
  height: var(--c8y-form-control-height-base) !important;
  min-width: 0;
}
.input-group > .color-input {
  flex-grow: 0;
  flex-basis: 39px;
}
.input-group .form-control.inner-scroll {
  box-shadow: none;
  border: 1px solid var(--c8y-form-control-border-color-default);
  padding-top: 0;
  padding-bottom: 0;
  align-items: center;
}
.input-group c8y-software-type {
  flex-grow: 1 !important;
}
.input-group c8y-software-type c8y-typeahead .input-group input {
  flex-grow: 1 !important;
}
.input-group.typeahead > div:not(.input-group-btn) {
  flex: 1;
}
.input-group.typeahead > div:not(.input-group-btn) .form-control {
  width: 100%;
}
.input-group-addon {
  display: flex;
  align-items: center;
  padding: var(--c8y-form-control-padding-base-vertical) var(--c8y-form-control-padding-base-horizontal);
  border-radius: var(--c8y-form-control-border-radius);
  background-color: var(--c8y-form-control-border-color-default);
  color: black;
  font-weight: var(--c8y-form-control-font-weight);
  font-size: var(--c8y-font-size-base);
  font-family: var(--font-family-base, var(--c8y-form-control-font-family));
  line-height: var(--c8y-form-control-line-height);
  height: var(--c8y-form-control-height-base);
}
.input-group-addon.inner-scroll {
  max-width: 230px;
  height: 32px;
  margin-left: -1px;
}
.form-group-sm .input-group-addon,
.input-group-addon.input-sm {
  padding: calc(var(--c8y-form-control-padding-base-vertical) * 0.75) calc(var(--c8y-form-control-padding-base-horizontal) * 0.75);
  font-size: var(--c8y-font-size-small);
  height: var(--c8y-form-control-height-sm);
}
.input-group-addon label.c8y-checkbox,
.input-group-addon label.c8y-radio {
  margin: 0;
  line-height: 1;
}
.input-group-addon label.c8y-checkbox input[type='checkbox'] + span::before,
.input-group-addon label.c8y-radio input[type='checkbox'] + span::before,
.input-group-addon label.c8y-checkbox input[type='radio'] + span::before,
.input-group-addon label.c8y-radio input[type='radio'] + span::before {
  margin: 0;
}
.input-group-btn {
  display: flex;
  align-items: stretch;
  max-height: var(--c8y-form-control-height-base);
}
.input-group-btn--last {
  margin-left: -1px;
}
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.form-control:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.input-group.input-group-search {
  display: flex !important;
}
.input-group.input-group-search .form-control,
.input-group.input-group-search .form-control:first-child,
.input-group.input-group-search .form-control:last-child {
  padding-right: calc(var(--c8y-form-control-height-base) + var(--c8y-form-control-padding-base-horizontal));
  padding-left: calc(var(--c8y-form-control-padding-base-horizontal) * 2);
  border-radius: calc(var(--c8y-form-control-height-base) * 0.5);
}
.input-group.input-group-search .input-group-btn,
.input-group.input-group-search .input-group-addon {
  position: absolute;
  right: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  min-width: var(--c8y-form-control-height-base);
  height: var(--c8y-form-control-height-base);
  border: 0;
  background-color: transparent;
}
.input-group.input-group-search .input-group-btn .btn,
.input-group.input-group-search .input-group-addon .btn {
  width: 100%;
  height: 100%;
  line-height: 1;
  border-radius: calc(var(--c8y-form-control-height-base) * 0.5) !important;
}
.input-group.input-group-search .input-group-btn .btn:hover,
.input-group.input-group-search .input-group-addon .btn:hover {
  box-shadow: inset 0 0 0 2px #05d5f5;
}
.input-group.input-group-search.input-group-sm .form-control:not(.c8y-radio):not(.c8y-checkbox) {
  padding-left: 12px;
}
.input-group.input-group-search.input-group-sm .input-group-btn,
.input-group.input-group-search.input-group-sm .input-group-addon,
.input-group.input-group-search.input-group-sm .form-group {
  height: var(--c8y-form-control-height-sm);
}
.input-group.input-group-password {
  display: flex !important;
}
.input-group.input-group-password .form-control,
.input-group.input-group-password .form-control:first-child,
.input-group.input-group-password .form-control:last-child {
  padding-right: calc(var(--c8y-form-control-height-base) + var(--c8y-form-control-padding-base-horizontal));
  padding-left: var(--c8y-form-control-padding-base-horizontal);
}
.input-group.input-group-password .input-group-btn,
.input-group.input-group-password .input-group-addon {
  position: absolute;
  right: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  min-width: var(--c8y-form-control-height-base);
  height: var(--c8y-form-control-height-base);
  border: 0;
  background-color: transparent;
}
.input-group.input-group-password .input-group-btn .btn,
.input-group.input-group-password .input-group-addon .btn {
  width: 100%;
  height: 100%;
}
.input-group.input-group-password.input-group-sm .form-control:not(.c8y-radio):not(.c8y-checkbox) {
  padding-left: 12px;
}
.input-group.input-group-password.input-group-sm .input-group-btn,
.input-group.input-group-password.input-group-sm .input-group-addon {
  height: var(--c8y-form-control-height-sm);
}
.input-group.input-group-dropdown .input-group-btn,
.input-group.input-group-dropdown .input-group-addon {
  position: absolute;
  right: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  min-width: var(--c8y-form-control-height-base);
  height: var(--c8y-form-control-height-base);
  border: 0;
  background-color: transparent;
}
.input-group.input-group-dropdown .input-group-btn .btn,
.input-group.input-group-dropdown .input-group-addon .btn {
  width: 100%;
  height: 100%;
  border: 0;
}
.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group-editable .input-group-btn .btn-clean {
  position: relative;
  padding: 6px;
}
.input-group-editable .input-group-btn .btn-clean::after {
  position: absolute;
  top: 50%;
  right: 0;
  display: block;
  margin-top: -10px;
  width: 1px;
  height: 20px;
  background-color: rgba(0, 0, 0, 0.1);
  content: '';
}
.input-group-editable .input-group-btn:last-child .btn-clean::after {
  display: none;
}
.input-group-editable textarea.form-control {
  max-height: unset !important;
  height: var(--c8y-form-control-height-base);
}
.input-group-editable input[type='number']:not(:focus) {
  -moz-appearance: textfield;
}
.input-group-editable input[type='number']:not(:focus)::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
}
.input-group-editable .form-control:not(.ng-dirty) {
  transition: all 0.25s ease;
}
.input-group-editable .form-control:not(.ng-dirty)[disabled] {
  padding-left: 0;
  box-shadow: none;
  opacity: var(--c8y-component-disabled-opacity, var(--c8y-root-component-disabled-opacity));
  transition: none;
}
.input-group-editable .form-control:not(.ng-dirty) ~ .input-group-btn {
  display: none;
}
.input-group-editable:not(:hover) textarea.form-control {
  resize: none;
}
.input-group-editable:not(:hover) .form-control:not(:focus):not(.ng-dirty) {
  z-index: 2;
  overflow: hidden;
  flex: 0 1 auto;
  margin-right: 12px;
  padding-left: 0;
  min-width: 3ch;
  max-width: 100%;
  width: fit-content;
  background-color: transparent;
  box-shadow: none;
  text-overflow: ellipsis;
}
.input-group-editable:not(:hover) .form-control:not(:focus):not(.ng-dirty)[disabled],
.input-group-editable:not(:hover) .form-control:not(:focus):not(.ng-dirty)[read-only] {
  width: 100%;
}
.input-group-editable:not(:hover) .form-control:not(:focus):not(.ng-dirty) + span:after {
  z-index: 5;
  display: inline-block;
  margin-left: -16px;
  color: #05d5f5;
  content: "\ece9";
  font: normal normal normal 14px/1 "dlt-c8y-icons";
  font-size: 12px;
  line-height: 32px;
  opacity: 0.5;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.form-group-lg .input-group-editable:not(:hover) .form-control:not(:focus):not(.ng-dirty) + span:after {
  line-height: 40px;
}
.input-group-editable:not(:hover) .form-control:not(:focus):not(.ng-dirty)[disabled] + span:after {
  display: none;
}
.input-group-editable:hover .form-control:not(:focus):not(.ng-dirty) {
  flex: 0 1 auto;
  max-width: 100%;
  width: fit-content;
}
.input-group-lg > .form-control:not(.c8y-radio):not(.c8y-checkbox),
.input-group-lg > .input-group-addon:not(.c8y-radio):not(.c8y-checkbox),
.input-group-lg > .input-group-btn > .btn:not(.c8y-radio):not(.c8y-checkbox) {
  padding: calc(var(--c8y-form-control-padding-base-vertical) * 1.25) calc(var(--c8y-form-control-padding-base-horizontal) * 1.25);
  max-height: unset !important;
  height: var(--c8y-form-control-height-lg);
  font-size: var(--c8y-font-size-large);
}
.input-group-lg > .form-group {
  height: var(--c8y-form-control-height-lg) !important;
}
.input-group-sm > .form-control:not(.c8y-radio):not(.c8y-checkbox),
.input-group-sm > .input-group-addon:not(.c8y-radio):not(.c8y-checkbox),
.input-group-sm > .input-group-btn > .btn:not(.c8y-radio):not(.c8y-checkbox) {
  padding: calc(var(--c8y-form-control-padding-base-vertical) * 0.75) calc(var(--c8y-form-control-padding-base-horizontal) * 0.75);
  height: var(--c8y-form-control-height-sm) !important;
  font-size: var(--c8y-font-size-small);
  line-height: var(--c8y-line-height-small);
}
.input-group-sm > .form-group {
  height: var(--c8y-form-control-height-sm) !important;
}
.input-group-addon {
  padding: var(--c8y-form-control-padding-base-vertical) var(--c8y-form-control-padding-base-horizontal);
  border: 1px solid var(--c8y-form-control-border-color-default);
  border-radius: var(--c8y-form-control-border-radius);
  background-color: var(--c8y-form-control-border-color-default);
  color: black;
  text-align: center;
  font-weight: normal;
  font-size: var(--c8y-font-size-base);
  line-height: 1;
}
.input-group-addon.input-sm {
  padding: calc(var(--c8y-form-control-padding-base-vertical) * 0.75) calc(var(--c8y-form-control-padding-base-horizontal) * 0.75);
  border-radius: var(--c8y-form-control-border-radius);
  font-size: var(--c8y-font-size-small);
}
.input-group-addon.input-lg {
  padding: calc(var(--c8y-form-control-padding-base-vertical) * 1.25) calc(var(--c8y-form-control-padding-base-horizontal) * 1.25);
  border-radius: var(--c8y-form-control-border-radius);
  font-size: var(--c8y-font-size-large);
}
.input-group-addon input[type='radio'],
.input-group-addon input[type='checkbox'] {
  margin-top: 0;
}
.input-group-btn {
  position: relative;
  white-space: nowrap;
  font-size: 0;
}
.input-group-btn > .btn {
  position: relative;
  padding: 5px 12px;
  height: 100%;
}
.input-group-btn > .btn + .btn {
  margin-left: -1px;
  border-left-color: rgba(0, 0, 0, 0.15);
}
.input-group-btn > .btn:hover,
.input-group-btn > .btn:focus,
.input-group-btn > .btn:active {
  z-index: 2;
}
.input-group-btn > .btn.btn-default:not(:focus) {
  border-color: var(--c8y-form-control-border-color-default);
}
.input-group-btn > .btn.btn-link[disabled] {
  color: var(--c8y-component-color-disabled, var(--c8y-root-component-color-disabled)) !important;
  opacity: var(--c8y-form-control-disabled-opacity) !important;
  cursor: not-allowed !important;
  pointer-events: auto !important;
}
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group {
  margin-right: 0;
  border-right-color: rgba(0, 0, 0, 0.15);
}
.input-group-btn:last-child > .btn:not(:focus),
.input-group-btn:last-child > .btn-group {
  z-index: 2;
  border-left-color: rgba(0, 0, 0, 0.15);
}
.input-group-btn:last-child > .btn:focus {
  margin-left: -1px;
}
.input-group-array {
  display: flex;
}
.input-group-array .form-group {
  position: relative;
}
.input-group-array .form-group,
.input-group-array .input-group-btn {
  margin-bottom: 4px;
}
.input-group-array > .input-group-btn.delete-row {
  margin-top: 24px;
}
.input-group-array formly-field {
  flex-grow: 1;
}
.input-group-array + .input-group-array .input-group-btn {
  margin-top: 0;
}
.input-group-array + .input-group-array .form-group > label {
  display: none;
}
.formly-group-array-cols .input-group-array {
  gap: var(--c8y-unit-base);
}
.formly-group-array-cols .input-group-array > formly-field {
  display: contents;
}
.formly-group-array-cols .input-group-array > formly-field > formly-group {
  display: contents;
}
.formly-group-array-cols .input-group-array formly-field {
  flex-basis: 50%;
}
formly-field label.c8y-checkbox {
  margin: var(--c8y-unit-base) 0;
}
c8y-lwm2m-legend-wrapper formly-field > c8y-field-checkbox {
  display: flex;
  align-items: center;
  margin: 0 0 var(--c8y-unit-base) 0;
}
c8y-lwm2m-legend-wrapper formly-field > c8y-field-checkbox label.c8y-switch {
  display: flex !important;
  overflow: visible;
  align-items: center;
}
[c8yinputgrouplistcontainer] > li:not(:last-child) .input-group-btn > .btn.text-primary {
  display: none;
}
.navigatorContent::-webkit-scrollbar,
.c8y-right-drawer::-webkit-scrollbar {
  width: 4px;
  height: 4px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.navigatorContent::-webkit-scrollbar-track,
.c8y-right-drawer::-webkit-scrollbar-track {
  background: var(--c8y-navigator-scrollbar-track);
}
.navigatorContent::-webkit-scrollbar-thumb,
.c8y-right-drawer::-webkit-scrollbar-thumb {
  background: var(--c8y-navigator-scrollbar-thumb-default);
}
.navigatorContent:hover::-webkit-scrollbar-thumb,
.c8y-right-drawer:hover::-webkit-scrollbar-thumb {
  background: var(--c8y-navigator-scrollbar-thumb-hover);
}
.panel.panel-dashboard > .panel-heading + .panel-body,
.panel.panel-dashboard > .panel-heading + .fixed-header + .panel-body,
.modal-inner-scroll-sm,
.modal-inner-scroll,
.card-inner-scroll,
.data-grid__dropdown,
.dropdown-menu-action-bar,
.user-picker-scroll,
.multiselect-item-container,
.c8y-list__group.dropdown-menu,
.selectize-dropdown-content,
.inner-scroll,
.table-data-grid-scroll,
.flex-scroll .flex-content-scroll,
.card--grid__inner-scroll,
.panel-inner-scroll {
  overflow: auto;
}
.panel.panel-dashboard > .panel-heading + .panel-body::-webkit-scrollbar,
.panel.panel-dashboard > .panel-heading + .fixed-header + .panel-body::-webkit-scrollbar,
.modal-inner-scroll-sm::-webkit-scrollbar,
.modal-inner-scroll::-webkit-scrollbar,
.card-inner-scroll::-webkit-scrollbar,
.data-grid__dropdown::-webkit-scrollbar,
.dropdown-menu-action-bar::-webkit-scrollbar,
.user-picker-scroll::-webkit-scrollbar,
.multiselect-item-container::-webkit-scrollbar,
.c8y-list__group.dropdown-menu::-webkit-scrollbar,
.selectize-dropdown-content::-webkit-scrollbar,
.inner-scroll::-webkit-scrollbar,
.table-data-grid-scroll::-webkit-scrollbar,
.flex-scroll .flex-content-scroll::-webkit-scrollbar,
.card--grid__inner-scroll::-webkit-scrollbar,
.panel-inner-scroll::-webkit-scrollbar {
  width: 4px;
  /* for vertical scrollbars */
  height: 4px;
  /* for horizontal scrollbars */
}
.panel.panel-dashboard > .panel-heading + .panel-body::-webkit-scrollbar-track,
.panel.panel-dashboard > .panel-heading + .fixed-header + .panel-body::-webkit-scrollbar-track,
.modal-inner-scroll-sm::-webkit-scrollbar-track,
.modal-inner-scroll::-webkit-scrollbar-track,
.card-inner-scroll::-webkit-scrollbar-track,
.data-grid__dropdown::-webkit-scrollbar-track,
.dropdown-menu-action-bar::-webkit-scrollbar-track,
.user-picker-scroll::-webkit-scrollbar-track,
.multiselect-item-container::-webkit-scrollbar-track,
.c8y-list__group.dropdown-menu::-webkit-scrollbar-track,
.selectize-dropdown-content::-webkit-scrollbar-track,
.inner-scroll::-webkit-scrollbar-track,
.table-data-grid-scroll::-webkit-scrollbar-track,
.flex-scroll .flex-content-scroll::-webkit-scrollbar-track,
.card--grid__inner-scroll::-webkit-scrollbar-track,
.panel-inner-scroll::-webkit-scrollbar-track {
  background: transparent;
}
.panel.panel-dashboard > .panel-heading + .panel-body::-webkit-scrollbar-track:not(textarea),
.panel.panel-dashboard > .panel-heading + .fixed-header + .panel-body::-webkit-scrollbar-track:not(textarea),
.modal-inner-scroll-sm::-webkit-scrollbar-track:not(textarea),
.modal-inner-scroll::-webkit-scrollbar-track:not(textarea),
.card-inner-scroll::-webkit-scrollbar-track:not(textarea),
.data-grid__dropdown::-webkit-scrollbar-track:not(textarea),
.dropdown-menu-action-bar::-webkit-scrollbar-track:not(textarea),
.user-picker-scroll::-webkit-scrollbar-track:not(textarea),
.multiselect-item-container::-webkit-scrollbar-track:not(textarea),
.c8y-list__group.dropdown-menu::-webkit-scrollbar-track:not(textarea),
.selectize-dropdown-content::-webkit-scrollbar-track:not(textarea),
.inner-scroll::-webkit-scrollbar-track:not(textarea),
.table-data-grid-scroll::-webkit-scrollbar-track:not(textarea),
.flex-scroll .flex-content-scroll::-webkit-scrollbar-track:not(textarea),
.card--grid__inner-scroll::-webkit-scrollbar-track:not(textarea),
.panel-inner-scroll::-webkit-scrollbar-track:not(textarea) {
  background: var(--c8y-component-scrollbar-track, var(--c8y-root-component-scrollbar-track));
}
.panel.panel-dashboard > .panel-heading + .panel-body::-webkit-scrollbar-thumb,
.panel.panel-dashboard > .panel-heading + .fixed-header + .panel-body::-webkit-scrollbar-thumb,
.modal-inner-scroll-sm::-webkit-scrollbar-thumb,
.modal-inner-scroll::-webkit-scrollbar-thumb,
.card-inner-scroll::-webkit-scrollbar-thumb,
.data-grid__dropdown::-webkit-scrollbar-thumb,
.dropdown-menu-action-bar::-webkit-scrollbar-thumb,
.user-picker-scroll::-webkit-scrollbar-thumb,
.multiselect-item-container::-webkit-scrollbar-thumb,
.c8y-list__group.dropdown-menu::-webkit-scrollbar-thumb,
.selectize-dropdown-content::-webkit-scrollbar-thumb,
.inner-scroll::-webkit-scrollbar-thumb,
.table-data-grid-scroll::-webkit-scrollbar-thumb,
.flex-scroll .flex-content-scroll::-webkit-scrollbar-thumb,
.card--grid__inner-scroll::-webkit-scrollbar-thumb,
.panel-inner-scroll::-webkit-scrollbar-thumb {
  width: 4px;
  border-radius: 1px;
  background: var(--c8y-component-scrollbar-thumb-default, var(--c8y-root-component-scrollbar-thumb-default));
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.panel.panel-dashboard > .panel-heading + .panel-body:hover::-webkit-scrollbar-thumb,
.panel.panel-dashboard > .panel-heading + .fixed-header + .panel-body:hover::-webkit-scrollbar-thumb,
.modal-inner-scroll-sm:hover::-webkit-scrollbar-thumb,
.modal-inner-scroll:hover::-webkit-scrollbar-thumb,
.card-inner-scroll:hover::-webkit-scrollbar-thumb,
.data-grid__dropdown:hover::-webkit-scrollbar-thumb,
.dropdown-menu-action-bar:hover::-webkit-scrollbar-thumb,
.user-picker-scroll:hover::-webkit-scrollbar-thumb,
.multiselect-item-container:hover::-webkit-scrollbar-thumb,
.c8y-list__group.dropdown-menu:hover::-webkit-scrollbar-thumb,
.selectize-dropdown-content:hover::-webkit-scrollbar-thumb,
.inner-scroll:hover::-webkit-scrollbar-thumb,
.table-data-grid-scroll:hover::-webkit-scrollbar-thumb,
.flex-scroll .flex-content-scroll:hover::-webkit-scrollbar-thumb,
.card--grid__inner-scroll:hover::-webkit-scrollbar-thumb,
.panel-inner-scroll:hover::-webkit-scrollbar-thumb {
  background: var(--c8y-component-scrollbar-thumb-hover, var(--c8y-root-component-scrollbar-thumb-hover));
}
.table-responsive::-webkit-scrollbar {
  width: 4px;
  /* for vertical scrollbars */
  height: 4px;
  /* for horizontal scrollbars */
}
.table-responsive::-webkit-scrollbar-track {
  background: transparent;
}
.table-responsive::-webkit-scrollbar-track:not(textarea) {
  background: var(--c8y-component-scrollbar-track, var(--c8y-root-component-scrollbar-track));
}
.table-responsive::-webkit-scrollbar-thumb {
  width: 4px;
  border-radius: 1px;
  background: var(--c8y-component-scrollbar-thumb-default, var(--c8y-root-component-scrollbar-thumb-default));
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.table-responsive:hover::-webkit-scrollbar-thumb {
  background: var(--c8y-component-scrollbar-thumb-hover, var(--c8y-root-component-scrollbar-thumb-hover));
}
.card-inner-scroll .card-inner-scroll {
  overflow: visible;
  padding: 0;
}
.card-inner-scroll .card-inner-scroll > p {
  padding: 0;
}
/* fix for firefox position sticky bottom bug
 https://bugzilla.mozilla.org/show_bug.cgi?id=1488080
*/
@media (min-width: 992px) {
  @-moz-document url-prefix() {
    .ff-scroll-fix {
      padding-bottom: 64px !important;
    }
  }
}
.table.table-data-grid {
  display: grid;
  min-width: 100%;
  border-collapse: collapse;
  margin: 0;
  font-feature-settings: 'tnum' 1, 'kern' 1 !important;
  /* end @media */
}
.table.table-data-grid.table-bordered {
  border: 0;
}
.table.table-data-grid.table-hover tr:hover,
.table.table-data-grid.table-hover tr:focus-within {
  background: var(--c8y-component-background-hover, var(--c8y-root-component-background-hover)) !important;
}
.table.table-data-grid.table-hover tr:hover td,
.table.table-data-grid.table-hover tr:focus-within td {
  background: var(--c8y-component-background-hover, var(--c8y-root-component-background-hover)) !important;
}
.table.table-data-grid.table-hover tr:hover + tr.expanded-row,
.table.table-data-grid.table-hover tr:focus-within + tr.expanded-row {
  background: var(--c8y-component-background-hover, var(--c8y-root-component-background-hover)) !important;
}
.table.table-data-grid.table-hover tr:hover + tr.expanded-row td,
.table.table-data-grid.table-hover tr:focus-within + tr.expanded-row td {
  background: var(--c8y-component-background-hover, var(--c8y-root-component-background-hover)) !important;
}
.table.table-data-grid > thead,
.table.table-data-grid > tbody,
.table.table-data-grid > tfoot,
.table.table-data-grid colgroup,
.table.table-data-grid col {
  display: contents;
}
.table.table-data-grid > thead > tr,
.table.table-data-grid > tbody > tr,
.table.table-data-grid > tfoot > tr,
.table.table-data-grid colgroup > tr,
.table.table-data-grid col > tr {
  display: contents;
}
.table.table-data-grid > thead th.cdk-header-cell,
.table.table-data-grid > tbody th.cdk-header-cell,
.table.table-data-grid > tfoot th.cdk-header-cell,
.table.table-data-grid colgroup th.cdk-header-cell,
.table.table-data-grid col th.cdk-header-cell,
.table.table-data-grid > thead td.cdk-cell,
.table.table-data-grid > tbody td.cdk-cell,
.table.table-data-grid > tfoot td.cdk-cell,
.table.table-data-grid colgroup td.cdk-cell,
.table.table-data-grid col td.cdk-cell,
.table.table-data-grid > thead th.cdk-header-cell > div:not(.dropdown),
.table.table-data-grid > tbody th.cdk-header-cell > div:not(.dropdown),
.table.table-data-grid > tfoot th.cdk-header-cell > div:not(.dropdown),
.table.table-data-grid colgroup th.cdk-header-cell > div:not(.dropdown),
.table.table-data-grid col th.cdk-header-cell > div:not(.dropdown),
.table.table-data-grid > thead td.cdk-cell > div:not(.dropdown),
.table.table-data-grid > tbody td.cdk-cell > div:not(.dropdown),
.table.table-data-grid > tfoot td.cdk-cell > div:not(.dropdown),
.table.table-data-grid colgroup td.cdk-cell > div:not(.dropdown),
.table.table-data-grid col td.cdk-cell > div:not(.dropdown),
.table.table-data-grid > thead th.cdk-header-cell > c8y-cell-renderer,
.table.table-data-grid > tbody th.cdk-header-cell > c8y-cell-renderer,
.table.table-data-grid > tfoot th.cdk-header-cell > c8y-cell-renderer,
.table.table-data-grid colgroup th.cdk-header-cell > c8y-cell-renderer,
.table.table-data-grid col th.cdk-header-cell > c8y-cell-renderer,
.table.table-data-grid > thead td.cdk-cell > c8y-cell-renderer,
.table.table-data-grid > tbody td.cdk-cell > c8y-cell-renderer,
.table.table-data-grid > tfoot td.cdk-cell > c8y-cell-renderer,
.table.table-data-grid colgroup td.cdk-cell > c8y-cell-renderer,
.table.table-data-grid col td.cdk-cell > c8y-cell-renderer {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}
.table.table-data-grid > thead th.cdk-header-cell,
.table.table-data-grid > tbody th.cdk-header-cell,
.table.table-data-grid > tfoot th.cdk-header-cell,
.table.table-data-grid colgroup th.cdk-header-cell,
.table.table-data-grid col th.cdk-header-cell {
  overflow: unset;
}
.table.table-data-grid > thead td.cdk-cell,
.table.table-data-grid > tbody td.cdk-cell,
.table.table-data-grid > tfoot td.cdk-cell,
.table.table-data-grid colgroup td.cdk-cell,
.table.table-data-grid col td.cdk-cell {
  position: relative;
}
.table.table-data-grid > thead td.cdk-cell > *:not(.tooltip),
.table.table-data-grid > tbody td.cdk-cell > *:not(.tooltip),
.table.table-data-grid > tfoot td.cdk-cell > *:not(.tooltip),
.table.table-data-grid colgroup td.cdk-cell > *:not(.tooltip),
.table.table-data-grid col td.cdk-cell > *:not(.tooltip) {
  position: relative;
  z-index: 1;
}
.table.table-data-grid > thead td.cdk-cell > *:not(.tooltip).dropdown,
.table.table-data-grid > tbody td.cdk-cell > *:not(.tooltip).dropdown,
.table.table-data-grid > tfoot td.cdk-cell > *:not(.tooltip).dropdown,
.table.table-data-grid colgroup td.cdk-cell > *:not(.tooltip).dropdown,
.table.table-data-grid col td.cdk-cell > *:not(.tooltip).dropdown {
  z-index: unset;
  margin: -10px 0;
}
.table.table-data-grid > caption + thead > tr:first-child > td,
.table.table-data-grid > caption + thead > tr:first-child > th,
.table.table-data-grid > colgroup + thead > tr:first-child > td,
.table.table-data-grid > colgroup + thead > tr:first-child > th,
.table.table-data-grid > thead:first-child > tr:first-child > td,
.table.table-data-grid > thead:first-child > tr:first-child > th {
  display: flex;
  flex-flow: row nowrap;
  text-transform: none;
  font-size: var(--c8y-font-size-base);
}
.table.table-data-grid > caption + thead > tr:first-child > td .btn-header:not(.resize-handle):not(.dropdown),
.table.table-data-grid > caption + thead > tr:first-child > th .btn-header:not(.resize-handle):not(.dropdown),
.table.table-data-grid > colgroup + thead > tr:first-child > td .btn-header:not(.resize-handle):not(.dropdown),
.table.table-data-grid > colgroup + thead > tr:first-child > th .btn-header:not(.resize-handle):not(.dropdown),
.table.table-data-grid > thead:first-child > tr:first-child > td .btn-header:not(.resize-handle):not(.dropdown),
.table.table-data-grid > thead:first-child > tr:first-child > th .btn-header:not(.resize-handle):not(.dropdown),
.table.table-data-grid > caption + thead > tr:first-child > td > span:not(.resize-handle):not(.dropdown),
.table.table-data-grid > caption + thead > tr:first-child > th > span:not(.resize-handle):not(.dropdown),
.table.table-data-grid > colgroup + thead > tr:first-child > td > span:not(.resize-handle):not(.dropdown),
.table.table-data-grid > colgroup + thead > tr:first-child > th > span:not(.resize-handle):not(.dropdown),
.table.table-data-grid > thead:first-child > tr:first-child > td > span:not(.resize-handle):not(.dropdown),
.table.table-data-grid > thead:first-child > tr:first-child > th > span:not(.resize-handle):not(.dropdown),
.table.table-data-grid > caption + thead > tr:first-child > td > div:not(.resize-handle):not(.dropdown),
.table.table-data-grid > caption + thead > tr:first-child > th > div:not(.resize-handle):not(.dropdown),
.table.table-data-grid > colgroup + thead > tr:first-child > td > div:not(.resize-handle):not(.dropdown),
.table.table-data-grid > colgroup + thead > tr:first-child > th > div:not(.resize-handle):not(.dropdown),
.table.table-data-grid > thead:first-child > tr:first-child > td > div:not(.resize-handle):not(.dropdown),
.table.table-data-grid > thead:first-child > tr:first-child > th > div:not(.resize-handle):not(.dropdown) {
  padding: 12.5px 8px !important;
  max-width: 102%;
  min-width: 100%;
  text-align: left;
}
@media (max-width: 991px) {
  .table.table-data-grid > caption + thead > tr:first-child > td,
  .table.table-data-grid > caption + thead > tr:first-child > th,
  .table.table-data-grid > colgroup + thead > tr:first-child > td,
  .table.table-data-grid > colgroup + thead > tr:first-child > th,
  .table.table-data-grid > thead:first-child > tr:first-child > td,
  .table.table-data-grid > thead:first-child > tr:first-child > th {
    display: none;
  }
}
.table.table-data-grid tbody > tr:first-child > td {
  border-top: 0;
}
.table.table-data-grid tr > td:last-child,
.table.table-data-grid tr > th:last-child {
  grid-column-end: -1;
  overflow: visible;
}
.table.table-data-grid tr > td.cdk-column-expander {
  overflow: visible;
}
@media (max-width: 991px) {
  .table.table-data-grid {
    display: block;
    /*
    * specific table headers
    * use for displaying row headers in small viewports
    */
  }
  .table.table-data-grid tbody tr {
    display: grid;
    grid-template-columns: minmax(0, 44px) repeat(auto-fit, minmax(152px, 100%)) minmax(0, 44px);
    padding: 8px 0;
    border-top: 1px solid transparent;
  }
  .table.table-data-grid tbody > tr:first-child {
    border-top: 0;
  }
  .table.table-data-grid td:not(.cdk-column-actions):not(.cdk-column-checkbox):not([data-type='icon']) {
    grid-column: 2;
  }
  .table.table-data-grid [data-type='icon'],
  .table.table-data-grid .cdk-column-checkbox {
    grid-column: 1 / span 1;
  }
  .table.table-data-grid [data-type='icon']::before,
  .table.table-data-grid .cdk-column-checkbox::before {
    display: none;
  }
  .table.table-data-grid .data-record-header {
    grid-row: 1;
  }
  .table.table-data-grid .cdk-column-actions,
  .table.table-data-grid .cdk-column-expander {
    padding-right: 0;
    padding-left: 0;
    padding-top: 0;
    display: flex !important;
    flex-direction: column;
    align-items: center;
    gap: var(--c8y-unit-base);
    grid-column: 3;
    grid-row: 1 / span 15;
  }
  .table.table-data-grid .cdk-column-actions::before,
  .table.table-data-grid .cdk-column-expander::before {
    display: none;
  }
  .table.table-data-grid .cdk-column-actions .btn + .btn,
  .table.table-data-grid .cdk-column-expander .btn + .btn {
    margin: 0;
  }
  .table.table-data-grid .cdk-column-expander {
    grid-row: -1;
    grid-column: 1;
  }
  .table.table-data-grid .cdk-column-expander c8y-cell-renderer {
    display: contents !important;
  }
  .table.table-data-grid tr > td.cdk-column-expanded-row {
    padding-left: 52px;
    padding-right: 52px;
  }
  .table.table-data-grid thead tr {
    display: none;
  }
  .table.table-data-grid tbody > tr > td {
    border: 0;
  }
  .table.table-data-grid tbody > tr > td:before {
    display: block;
    color: var(--c8y-form-legend-color);
    content: attr(data-cell-title);
    text-transform: uppercase;
    font-size: 10px;
    position: relative;
    z-index: 1;
  }
  .table.table-data-grid .data-record-icon:before {
    display: none;
  }
  .table.table-data-grid .data-record-header {
    font-weight: bold;
  }
  .table.table-data-grid .data-record-header:before {
    font-weight: normal;
  }
  .table.table-data-grid .data-record-icon {
    text-align: left !important;
    color: var(--c8y-component-icon-color, var(--c8y-root-component-icon-color));
  }
  .table.table-data-grid td:last-child {
    border-top: 0;
  }
}
.table.table-data-grid.table-striped tr > td {
  background: #132b45;
}
.table.table-data-grid.table-striped tr:not(.cdk-footer-row):not(.odd):not(.even):not(.expanded-row):nth-of-type(odd) > td,
.table.table-data-grid.table-striped tr.odd > td,
.table.table-data-grid.table-striped tr.odd + tr.expanded-row > td {
  background: var(--c8y-component-background-odd, var(--c8y-root-component-background-odd));
}
@media (min-width: 992px) {
  .table.table-data-grid thead tr > th {
    position: sticky;
    top: 0;
    z-index: 3;
    display: unset;
    background-color: var(--c8y-page-sticky-header-background-default);
    white-space: nowrap;
    padding: 0;
  }
  .table.table-data-grid thead tr > th .dropdown {
    flex-grow: 1;
    max-width: calc(100% - 24px) !important;
  }
  .table.table-data-grid thead tr > th .open [dropdowntoggle]:not(.input-group):not(.btn):not(.c8y-search-dropdown) {
    background-color: #132b45;
    box-shadow: var(--c8y-elevation-md-bottom);
  }
  .table.table-data-grid .data-record-icon {
    text-align: center !important;
    grid-column-start: 1;
    grid-column-end: 2;
  }
  .table.table-data-grid .data-record-icon + .data-record-header {
    grid-column-start: 2;
    grid-column-end: 3;
  }
  .table.table-data-grid tr > td.cdk-column-expanded-row {
    padding-left: 72px;
    padding-right: 72px;
  }
  .table.table-data-grid .cdk-column-actions,
  .table.table-data-grid .cdk-column-expander {
    display: flex !important;
  }
  .table.table-data-grid .cdk-column-actions c8y-cell-renderer,
  .table.table-data-grid .cdk-column-expander c8y-cell-renderer {
    display: contents !important;
  }
  .table.table-data-grid .cdk-column-actions .btn-dot,
  .table.table-data-grid .cdk-column-expander .btn-dot {
    align-self: flex-start;
    margin-left: auto;
  }
  .table.table-data-grid .cdk-column-actions .dropdown,
  .table.table-data-grid .cdk-column-expander .dropdown {
    margin: -9px -8px -8px 0;
  }
}
/*
 fix for firefox position sticky bug
 https://bugzilla.mozilla.org/show_bug.cgi?id=1488080
*/
@media (min-width: 992px) {
  @-moz-document url-prefix() {
    .table-data-grid {
      padding-bottom: 64px;
    }
  }
}
.table-data-grid-scroll {
  position: relative;
  height: 100%;
  width: 100%;
  overflow: auto;
  background-color: #132b45;
  display: flex;
  flex-direction: column;
}
.content-fullpage .table-data-grid-scroll {
  display: flex;
  flex-direction: column;
}
.table-data-grid .resize-handle {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 8px;
  background: transparent;
  box-shadow: inset -1px 0 0 #05d5f5;
  opacity: 0;
  cursor: col-resize;
}
.table-data-grid .resize-handle:hover {
  opacity: 0.5;
  height: 100%;
}
.header--being-resized {
  z-index: 10;
  overflow: visible !important;
}
.header--being-resized .resize-handle {
  opacity: 0.5;
  height: calc(100vh - 250px);
}
.table-data-grid-header {
  position: sticky;
  padding: 0 var(--c8y-component-padding, var(--c8y-root-component-padding));
  top: 0;
  left: 0;
  z-index: 15;
  background-color: #132b45;
  min-height: calc(var(--c8y-unit-base) * 7);
  display: flex;
  flex-direction: row;
  align-items: center;
}
.table-data-grid-header h4 {
  font-weight: 500;
}
.table-data-grid-header .dropdown {
  min-width: unset;
}
@media (max-width: 767px) {
  .table-data-grid-header {
    flex-wrap: wrap;
    padding: var(--c8y-component-padding, var(--c8y-root-component-padding));
  }
}
.table-data-grid-header.separator {
  box-shadow: inset 0 -1px 0 transparent;
}
.table-data-grid-header + .table.table-data-grid thead > tr > th {
  top: 56px;
  box-shadow: inset 0 -2px 0 transparent;
}
.table-data-grid-header + .table.table-data-grid thead > tr > th:hover {
  box-shadow: inset 0 -2px 0 transparent, inset -1px 0 0 transparent, inset 1px 0 0 transparent;
}
.table-data-grid-header-bulk-actions {
  background-color: #05d5f5;
  color: var(--c8y-palette-high);
  padding: 0 var(--c8y-component-padding, var(--c8y-root-component-padding));
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 12;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.table-data-grid-header-bulk-actions a {
  color: var(--c8y-palette-high) !important;
  text-decoration: underline;
  opacity: 0.8;
}
.table-data-grid-header-bulk-actions a:hover {
  opacity: 1;
}
.table-data-grid-footer {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 0 var(--c8y-component-padding, var(--c8y-root-component-padding));
  background: #132b45;
  position: sticky;
  left: 0;
  bottom: 0;
  z-index: 10;
  margin-top: auto;
}
.table-data-grid-footer.separator {
  box-shadow: inset 0 1px 0 transparent;
}
.table-data-grid-footer .form-group label,
.table-data-grid-footer .form-group .c8y-select-wrapper {
  display: inline-block;
  vertical-align: middle;
}
.table-data-grid-footer pagination {
  height: 32px;
  display: inline-block;
}
.table-data-grid-footer .form-group {
  margin: 8px 0;
  padding: 0 8px;
}
.table-data-grid-footer .form-group label {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .table-data-grid-footer {
    flex-wrap: nowrap;
  }
  .table-data-grid-footer > .form-group {
    justify-self: center;
  }
  .table-data-grid-footer pagination {
    justify-self: end;
  }
}
c8y-filtering-form .form-inline {
  margin-right: 0 !important;
}
c8y-filtering-form .list-inline.flex-row {
  display: block;
  margin: 0;
}
c8y-filtering-form .list-inline-item.ui-sortable-handle {
  width: 100% !important;
  padding: 0 !important;
  pointer-events: none;
  cursor: default !important;
}
c8y-filtering-form .list-inline-item.ui-sortable-handle > * {
  pointer-events: all;
}
c8y-filtering-form .list-inline-item.ui-sortable-handle:hover {
  outline: none !important;
}
c8y-filtering-form .form-group {
  margin-bottom: 4px;
}
c8y-filtering-form sf-decorator {
  width: 100%;
}
c8y-filtering-form .btn-add-block {
  padding: 8px;
  margin-bottom: 0;
}
c8y-filtering-form .btn-add-block > [class^='dlt-c8y-icon-'],
c8y-filtering-form .btn-add-block > [class*=' dlt-c8y-icon-'] {
  font-size: 1.4em;
}
c8y-filtering-form .btn-add-block:hover,
c8y-filtering-form .btn-add-block:active,
c8y-filtering-form .btn-add-block:focus {
  box-shadow: none;
}
c8y-filtering-form .c8y-schema-form-empty:not(:first-child) {
  margin-top: 1rem;
  display: block;
}
.table-data-grid__overlay {
  position: relative;
}
.table-data-grid__overlay > *:not(.table-data-grid-header) {
  pointer-events: none;
}
.table-data-grid__loading--wrapper {
  opacity: 1 !important;
  position: sticky;
  top: 0;
  z-index: 200;
}
.table-data-grid__loading--loader {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 130px);
  z-index: 200;
  font-weight: 500;
  background-color: #132b45;
  padding: var(--c8y-component-padding, var(--c8y-root-component-padding));
  border-radius: 4px;
}
.data-grid__search-input {
  max-width: 220px;
}
.data-grid__dropdown {
  --dropdown-padding: 16;
  background-color: var(--c8y-dropdown-background-default);
  font-weight: normal;
}
.cdk-header-cell .data-grid__dropdown {
  width: 300px;
}
.data-grid__dropdown c8y-object-type div p {
  text-align: left !important;
  font-weight: bold !important;
  margin: 8px 0 4px 0 !important;
  font-size: inherit;
}
.data-grid__dropdown c8y-object-type formly-field:first-child c8y-object-type div p {
  margin-top: 0 !important;
}
.data-grid__dropdown .bg-component {
  background-color: var(--c8y-dropdown-background-default);
}
@media screen and (min-width: 992px) {
  .data-grid__dropdown {
    max-height: calc(100vh - 340px);
  }
  c8y-bulk-operation-stepper .data-grid__dropdown {
    max-height: calc(100vh - 500px);
  }
}
.data-grid__dropdown c8y-filtering-form-renderer {
  display: block;
  padding-left: var(--c8y-component-padding, var(--c8y-root-component-padding));
  padding-right: var(--c8y-component-padding, var(--c8y-root-component-padding));
}
.data-grid__dropdown c8y-filtering-form-renderer .data-grid__dropdown__header,
.data-grid__dropdown c8y-filtering-form-renderer .data-grid__dropdown__footer {
  margin-left: calc(var(--c8y-component-padding, var(--c8y-root-component-padding)) * -1);
  margin-right: calc(var(--c8y-component-padding, var(--c8y-root-component-padding)) * -1);
  padding: var(--c8y-component-padding, var(--c8y-root-component-padding));
  background-color: var(--c8y-dropdown-background-default);
  position: sticky !important;
  z-index: 900;
}
.data-grid__dropdown c8y-filtering-form-renderer c8y-asset-selector {
  display: block;
  margin-right: calc(var(--c8y-component-padding, var(--c8y-root-component-padding)) * -1);
  margin-left: calc(var(--c8y-component-padding, var(--c8y-root-component-padding)) * -1);
}
.data-grid__dropdown c8y-filtering-form-renderer .data-grid__dropdown__header {
  top: 0;
}
.data-grid__dropdown c8y-filtering-form-renderer .data-grid__dropdown__footer {
  bottom: 0;
}
.data-grid__dropdown c8y-filtering-form-renderer c8y-schema-form:first-child,
.data-grid__dropdown c8y-filtering-form-renderer c8y-form-group:first-child {
  padding-top: var(--c8y-component-padding, var(--c8y-root-component-padding));
  display: block;
}
.data-grid__dropdown c8y-filtering-form-renderer c8y-schema-form:first-child + .data-grid__dropdown__footer,
.data-grid__dropdown c8y-filtering-form-renderer c8y-form-group:first-child + .data-grid__dropdown__footer {
  margin-top: var(--c8y-component-padding, var(--c8y-root-component-padding));
}
.data-grid__dropdown c8y-filtering-form-renderer bootstrap-decorator {
  display: block;
}
.data-grid__dropdown c8y-filtering-form-renderer bootstrap-decorator.c8y-schema-form-empty label {
  display: block;
  padding-top: var(--c8y-component-padding, var(--c8y-root-component-padding));
}
.data-grid__dropdown c8y-filtering-form-renderer bootstrap-decorator.c8y-schema-form-empty:first-child label {
  padding-top: 0;
}
.data-grid__dropdown c8y-filtering-form-renderer bootstrap-decorator .checkbox label {
  margin: 0;
}
.data-grid__dropdown c8y-filtering-form-renderer bootstrap-decorator .ui-sortable .ui-sortable-handle {
  width: auto;
}
.data-grid__dropdown c8y-filtering-form-renderer bootstrap-decorator sf-decorator {
  flex-grow: 1;
}
.data-grid__dropdown c8y-filtering-form-renderer bootstrap-decorator sf-decorator .form-group {
  margin: 0;
}
.data-grid__dropdown c8y-filtering-form-renderer formly-form:first-child {
  display: block;
  padding-top: var(--c8y-component-padding, var(--c8y-root-component-padding));
}
.data-grid__dropdown c8y-filtering-form-renderer formly-form:first-child + .data-grid__dropdown__footer {
  margin-top: var(--c8y-component-padding, var(--c8y-root-component-padding));
}
.data-grid__dropdown c8y-filtering-form-renderer formly-field {
  display: block;
}
.data-grid__dropdown c8y-filtering-form-renderer formly-field:first-child > formly-label-type label {
  padding-top: 0;
}
.data-grid__dropdown c8y-filtering-form-renderer formly-field formly-label-type > label {
  display: block;
  padding-top: var(--c8y-component-padding, var(--c8y-root-component-padding));
}
.data-grid__dropdown c8y-filtering-form-renderer formly-field .checkbox label {
  margin: 0;
}
.data-grid__dropdown c8y-filtering-form-renderer formly-field .ui-sortable .ui-sortable-handle {
  width: auto;
}
.data-grid__dropdown c8y-filtering-form-renderer formly-field sf-decorator {
  flex-grow: 1;
}
.data-grid__dropdown c8y-filtering-form-renderer formly-field sf-decorator .form-group {
  margin: 0;
}
.mcontainer {
  margin: 0;
  padding-top: 70px;
  min-height: calc(100vh - calc(var(--c8y-unit-base) * 2));
  transition: margin-left 0.4s ease-in-out;
}
@media (min-width: 768px) {
  .mcontainer {
    padding-top: 88px;
    padding-right: calc(var(--c8y-unit-base) * 3);
    padding-left: calc(var(--c8y-unit-base) * 3);
  }
  .mcontainer.has-action-bar {
    padding-top: 136px;
  }
  .mcontainer.has-tabs.horizontal-tabs {
    padding-top: 152px;
  }
  .mcontainer.has-tabs.horizontal-tabs.has-action-bar {
    padding-top: 200px;
  }
  .mcontainer.has-tabs.vertical-tabs {
    padding-top: 88px;
    padding-left: calc(var(--c8y-nav-tabs-vertical-width) + calc(var(--c8y-unit-base) * 3));
  }
  .mcontainer.has-tabs.vertical-tabs.has-action-bar {
    padding-top: 136px;
  }
}
@media (min-width: 1200px) {
  .mcontainer.has-tabs.horizontal-tabs {
    padding-top: 136px;
  }
  .mcontainer.has-tabs.horizontal-tabs.has-action-bar {
    padding-top: 184px;
  }
}
@media (min-width: 1200px) {
  .mcontainer.open {
    margin-left: 240px;
  }
}
@media (min-width: 768px) {
  .mcontainer > .container-fluid {
    padding-right: 0;
    padding-left: 0;
  }
}
.mcontainer > .container-fluid .grid-stack > .grid-stack-item {
  min-width: 16.66666667%;
}
.mcontainer > .container-fluid .grid-stack > .grid-stack-item > .grid-stack-item-content {
  right: calc(calc(var(--c8y-unit-base) * 3) / 2);
  bottom: calc(calc(var(--c8y-unit-base) * 3) / 2);
  left: calc(calc(var(--c8y-unit-base) * 3) / 2);
}
.mcontainer > .container-fluid .dashboard {
  margin: -24px calc(calc(var(--c8y-unit-base) * 2) * -1) 0;
  padding: 24px calc(var(--c8y-unit-base) * 2) 12px;
  min-height: calc(100vh - 58px);
  max-width: 100vw;
}
@media (min-width: 768px) {
  .mcontainer > .container-fluid .dashboard {
    margin: -24px calc(var(--c8y-unit-base) * -3);
    padding: 24px calc(var(--c8y-unit-base) * 3);
    min-height: calc(100vh - 112px);
  }
}
@media (min-width: 1200px) {
  .mcontainer > .container-fluid .dashboard {
    margin-top: -24px;
    margin-bottom: -24px;
    padding-top: 24px;
    min-height: calc(100vh - 112px);
  }
}
@media (min-width: 768px) {
  .mcontainer.has-tabs > .container-fluid .dashboard {
    min-height: calc(100vh - 176px);
  }
}
@media (min-width: 1200px) {
  .mcontainer.has-tabs > .container-fluid .dashboard {
    min-height: calc(100vh - 160px);
  }
}
.mcontainer.no-apps-margin {
  margin-left: 0;
}
body:not(:has(.app-main-header)) .mcontainer {
  padding-top: 16px;
}
@media (max-width: 767px) {
  body:not(:has(.app-main-header)) .mcontainer.has-tabs {
    padding-top: 56px;
  }
}
@media (min-width: 768px) {
  body:not(:has(.app-main-header)) .mcontainer.has-action-bar {
    padding-top: 66px;
  }
  body:not(:has(.app-main-header)) .mcontainer.has-tabs.horizontal-tabs {
    padding-top: 66px;
  }
  body:not(:has(.app-main-header)) .mcontainer.has-tabs.horizontal-tabs.has-action-bar {
    padding-top: 114px;
  }
  body:not(:has(.app-main-header)) .mcontainer.has-tabs.vertical-tabs {
    padding-top: 16px;
  }
  body:not(:has(.app-main-header)) .mcontainer.has-tabs.vertical-tabs.has-action-bar {
    padding-top: 66px;
  }
}
.page-tabs {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
  margin: 0;
  padding: 0;
}
.page-tabs:has(.component-tabs) {
  position: static;
}
@media (max-width: 767px) {
  .page-tabs {
    top: -6px;
    transition: top 0.35s ease;
  }
  .head-open .page-tabs {
    top: calc(var(--c8y-unit-base) * 10 + 12px);
  }
}
.page-tabs-horizontal:not(.page-tabs) {
  display: none;
}
@media (min-width: 768px) {
  .page-tabs-horizontal {
    top: calc(var(--c8y-unit-base) * 8);
    right: 0;
    left: 0;
    z-index: 1030;
    clip: rect(0, 10000px, 2000px, 0);
    min-height: calc(var(--c8y-unit-base) * 6);
    box-shadow: inset 0 -1px 0 0 transparent, var(--c8y-main-header-shadow);
  }
  .page-tabs-horizontal,
  .page-tabs-horizontal:after {
    transition: left 0.4s ease-in-out;
  }
}
@media (min-width: 1200px) {
  .page-tabs-horizontal.navigator-open {
    left: 240px;
  }
}
.page-tabs-horizontal .tabContainer {
  overflow-x: auto;
  scroll-behavior: smooth;
  overflow: -moz-scrollbars-none;
  -ms-overflow-style: none;
}
.page-tabs-horizontal .tabContainer::-webkit-scrollbar {
  display: none;
}
.page-tabs-horizontal .tabContainer .nav-tabs {
  padding-right: 30px;
  padding-left: 30px;
  min-width: max-content;
}
@media (min-width: 1200px) {
  .page-tabs-horizontal .tabContainer .nav-tabs {
    min-width: max-content;
  }
}
.component-tabs {
  position: relative;
}
.tabs-slider {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  padding: 3px 0 0;
  width: 31px;
  border: 0;
  border-radius: 0;
  background: none;
  background-color: var(--c8y-navbar-background-default);
  color: #05d5f5;
  box-shadow: inset 0 -1px 0 0 var(--c8y-nav-tabs-border-color-default);
}
.tabs-slider [class^='dlt-c8y-icon-'],
.tabs-slider [class*=' dlt-c8y-icon-'] {
  position: relative;
  z-index: 3;
  font-size: 20px;
}
.tabs-slider:hover:not([disabled]),
.tabs-slider:active:not([disabled]),
.tabs-slider:focus:not([disabled]) {
  outline: none;
  box-shadow: inset 0 0 0 2px #05d5f5;
  color: var(--link-hover-color, var(--c8y-component-color-link-hover, var(--c8y-root-component-color-link-hover)));
  text-decoration: none;
}
.tabs-slider:focus {
  border-radius: var(--c8y-component-border-radius-focus, var(--c8y-root-component-border-radius-focus));
}
.tabs-slider[disabled] {
  cursor: not-allowed;
  text-decoration: none;
}
.tabs-slider[disabled] [class^='dlt-c8y-icon-'],
.tabs-slider[disabled] [class*=' dlt-c8y-icon-'] {
  opacity: 0.65;
  color: #8a9596;
}
.tabs-slider-left {
  left: 0;
  border-right: 1px solid transparent;
}
.tabs-slider-right {
  right: 0;
  border-left: 1px solid transparent;
}
.page-tabs-vertical:not(.page-tabs) {
  display: none;
}
.page-tabs-vertical .tabs-slider {
  display: none;
}
.page-tabs-vertical .nav-tabs {
  display: block;
  padding-top: calc(var(--c8y-unit-base) * 6);
  width: var(--c8y-nav-tabs-vertical-width);
  border: 0;
  box-shadow: none;
}
.page-tabs-vertical .nav-tabs > div > a,
.page-tabs-vertical .nav-tabs li > a {
  display: flex;
  align-items: center;
  flex-direction: row;
  margin: 0;
  padding: var(--c8y-nav-tabs-vertical-padding-vertical) var(--c8y-nav-tabs-vertical-padding-horizontal);
  height: auto;
  border: 0;
  box-shadow: inset 0 -1px 0 var(--c8y-nav-tabs-border-color-default);
  text-transform: none;
  font-size: inherit;
  transition: all 0.25s ease;
}
.page-tabs-vertical .nav-tabs > div > a [class^='dlt-c8y-icon-'],
.page-tabs-vertical .nav-tabs li > a [class^='dlt-c8y-icon-'],
.page-tabs-vertical .nav-tabs > div > a [class*=' dlt-c8y-icon-'],
.page-tabs-vertical .nav-tabs li > a [class*=' dlt-c8y-icon-'],
.page-tabs-vertical .nav-tabs > div > a .c8y-icon,
.page-tabs-vertical .nav-tabs li > a .c8y-icon {
  margin: 0 var(--c8y-unit-base) 0 0;
  width: 1.25em;
}
.page-tabs-vertical .nav-tabs > div > a [class^='dlt-c8y-icon-'] ~ span,
.page-tabs-vertical .nav-tabs li > a [class^='dlt-c8y-icon-'] ~ span,
.page-tabs-vertical .nav-tabs > div > a [class*=' dlt-c8y-icon-'] ~ span,
.page-tabs-vertical .nav-tabs li > a [class*=' dlt-c8y-icon-'] ~ span,
.page-tabs-vertical .nav-tabs > div > a .c8y-icon ~ span,
.page-tabs-vertical .nav-tabs li > a .c8y-icon ~ span {
  display: inline-block;
  overflow: hidden;
  max-width: 100%;
  vertical-align: middle;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.page-tabs-vertical .nav-tabs > div.active > a,
.page-tabs-vertical .nav-tabs li.active > a,
.page-tabs-vertical .nav-tabs > div.active a:hover,
.page-tabs-vertical .nav-tabs li.active a:hover {
  border-left: 4px solid var(--c8y-nav-tabs-color-active);
  background-color: var(--c8y-nav-tabs-background-active);
  box-shadow: inset 0 -1px 0 var(--c8y-nav-tabs-border-color-default) !important;
  border-radius: 0 !important;
  pointer-events: none;
}
.page-tabs-vertical .nav-tabs > div.active > a::before,
.page-tabs-vertical .nav-tabs li.active > a::before,
.page-tabs-vertical .nav-tabs > div.active a:hover::before,
.page-tabs-vertical .nav-tabs li.active a:hover::before {
  width: 100%;
}
.page-tabs-vertical .nav-tabs > div.active > a::after,
.page-tabs-vertical .nav-tabs li.active > a::after,
.page-tabs-vertical .nav-tabs > div.active a:hover::after,
.page-tabs-vertical .nav-tabs li.active a:hover::after {
  left: 100%;
  height: 100%;
  border-width: calc(calc(var(--c8y-unit-base) * 2) + calc(var(--c8y-unit-base) * 0.5)) 0 calc(calc(var(--c8y-unit-base) * 2) + calc(var(--c8y-unit-base) * 0.5)) var(--c8y-unit-base);
}
.page-tabs-vertical .nav-tabs > div,
.page-tabs-vertical .nav-tabs > li {
  position: relative;
}
.page-tabs-vertical .nav-tabs > div a > [class^='dlt-c8y-icon-'],
.page-tabs-vertical .nav-tabs > li a > [class^='dlt-c8y-icon-'],
.page-tabs-vertical .nav-tabs > div a > [class*=' dlt-c8y-icon-'],
.page-tabs-vertical .nav-tabs > li a > [class*=' dlt-c8y-icon-'],
.page-tabs-vertical .nav-tabs > div a > .c8y-icon,
.page-tabs-vertical .nav-tabs > li a > .c8y-icon {
  display: inline-block;
}
@media (min-width: 768px) {
  .page-tabs-vertical {
    top: calc(var(--c8y-unit-base) * 8);
    right: auto;
    bottom: 0;
    left: 0;
    z-index: 101;
    overflow: visible;
    padding-right: calc(calc(var(--c8y-unit-base) * 3) / 2);
    transition: left 0.4s ease-in-out;
  }
  .page-tabs-vertical:before {
    position: absolute;
    top: 0;
    min-height: 100%;
    width: var(--c8y-nav-tabs-vertical-width);
    box-shadow: 1px 0 0 var(--c8y-nav-tabs-border-color-default);
    content: '';
  }
  .page-tabs-vertical .tabContainer {
    overflow-y: auto;
    max-height: 100%;
  }
  .page-tabs-vertical .tabContainer::-webkit-scrollbar {
    width: 4px;
    /* for vertical scrollbars */
    height: 4px;
    /* for horizontal scrollbars */
  }
  .page-tabs-vertical .tabContainer::-webkit-scrollbar-track {
    background: transparent;
  }
  .page-tabs-vertical .tabContainer::-webkit-scrollbar-track:not(textarea) {
    background: var(--c8y-component-scrollbar-track, var(--c8y-root-component-scrollbar-track));
  }
  .page-tabs-vertical .tabContainer::-webkit-scrollbar-thumb {
    width: 4px;
    border-radius: 1px;
    background: var(--c8y-component-scrollbar-thumb-default, var(--c8y-root-component-scrollbar-thumb-default));
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
  }
  .page-tabs-vertical .tabContainer:hover::-webkit-scrollbar-thumb {
    background: var(--c8y-component-scrollbar-thumb-hover, var(--c8y-root-component-scrollbar-thumb-hover));
  }
}
@media (min-width: 1200px) {
  .page-tabs-vertical.navigator-open {
    left: 240px;
  }
}
@media (min-width: 768px) {
  body:not(:has(.app-main-header)) .page-tabs-horizontal,
  body:not(:has(.app-main-header)) .page-tabs-vertical {
    top: 0;
  }
  body:not(:has(.app-main-header)) .page-tabs-horizontal .nav-tabs,
  body:not(:has(.app-main-header)) .page-tabs-vertical .nav-tabs {
    padding-top: 0;
  }
}
body:not(:has(.app-main-header)):has(.has-action-bar) .page-tabs-vertical {
  top: 48px;
}
body:not(:has(.app-main-header)):not(:has(.has-action-bar)) .page-tabs-vertical {
  top: 0;
}
body:not(:has(.has-action-bar)) .page-tabs-vertical .nav-tabs {
  padding-top: 0;
  border-top: 1px solid transparent;
}
.container {
  margin-right: auto;
  margin-left: auto;
  padding-right: calc(calc(var(--c8y-unit-base) * 3) / 2);
  padding-left: calc(calc(var(--c8y-unit-base) * 3) / 2);
}
@media (min-width: 768px) {
  .container {
    width: calc(720px + calc(var(--c8y-unit-base) * 3));
  }
}
@media (min-width: 992px) {
  .container {
    width: calc(940px + calc(var(--c8y-unit-base) * 3));
  }
}
@media (min-width: 1200px) {
  .container {
    width: calc(1140px + calc(var(--c8y-unit-base) * 3));
  }
}
.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-right: calc(calc(var(--c8y-unit-base) * 3) / 2);
  padding-left: calc(calc(var(--c8y-unit-base) * 3) / 2);
}
.row {
  margin-right: calc(calc(var(--c8y-unit-base) * 3) * -0.5);
  margin-left: calc(calc(var(--c8y-unit-base) * 3) * -0.5);
}
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: calc(calc(var(--c8y-unit-base) * 3) * 0.5);
  padding-right: calc(calc(var(--c8y-unit-base) * 3) * 0.5);
}
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0%;
}
.no-gutter {
  padding-right: 0;
  padding-left: 0;
}
.no-gutter-r {
  padding-right: 0;
}
.no-gutter-l {
  padding-left: 0;
}
@media (min-width: 768px) {
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
  .no-gutter-sm {
    padding-right: 0;
    padding-left: 0;
  }
  .no-gutter-sm-r {
    padding-right: 0;
  }
  .no-gutter-sm-l {
    padding-left: 0;
  }
}
@media (min-width: 992px) {
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
  .no-gutter-md {
    padding-right: 0;
    padding-left: 0;
  }
  .no-gutter-md-r {
    padding-right: 0;
  }
  .no-gutter-md-l {
    padding-left: 0;
  }
}
@media (min-width: 1200px) {
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
  .no-gutter-lg {
    padding-right: 0;
    padding-left: 0;
  }
  .no-gutter-lg-r {
    padding-right: 0;
  }
  .no-gutter-lg-l {
    padding-left: 0;
  }
}
.col-lg-max {
  max-width: 1400px;
}
.tight-grid {
  margin-right: calc(calc(var(--c8y-unit-base) * 0.5) * -1) !important;
  margin-left: calc(calc(var(--c8y-unit-base) * 0.5) * -1) !important;
  margin-right: calc(calc(var(--c8y-unit-base) * 3) * -0.5);
  margin-left: calc(calc(var(--c8y-unit-base) * 3) * -0.5);
}
.tight-grid [class*='col-xs-'],
.tight-grid [class*='col-sm-'],
.tight-grid [class*='col-md-'],
.tight-grid [class*='col-lg-'] {
  padding-right: calc(var(--c8y-unit-base) * 0.5) !important;
  padding-left: calc(var(--c8y-unit-base) * 0.5) !important;
}
.group-info {
  margin: 0 -30px 0;
  padding: 0 30px 20px;
  transition: all 0.25s ease;
}
.group-info .form-editable {
  z-index: 999;
  align-self: flex-start;
  padding-top: 0;
}
.group-info .form-editable.form-read-only {
  padding-top: 0;
}
.split-scroll {
  position: relative;
  display: flex;
  width: 100%;
  height: calc(100vh - 80px);
}
.scroll-column {
  display: flex;
  flex-flow: column nowrap;
  max-height: 100%;
}
.scroll-column > .card,
.scroll-column .scroll-column-nested-content {
  display: flex;
  flex-direction: column;
  margin-bottom: 0;
  max-height: 100%;
}
.scroll-column .card-header,
.scroll-column .card-footer,
.scroll-column .scroll-column-footer {
  flex: 0;
}
.scroll-column .inner-scroll {
  overflow-y: auto;
  overscroll-behavior: contain;
  max-height: 100%;
}
.scroll-column .scroll-column-footer {
  padding: calc(var(--c8y-unit-base) * 2) 0 0 0;
}
.scroll-column .scroll-column-footer .btn-add-block {
  margin-bottom: 0;
}
@media (max-width: 991px) {
  .split-scroll .scroll-column + .scroll-column {
    position: absolute;
    top: 0;
    bottom: calc(calc(var(--c8y-unit-base) * 2) * -1);
    left: 0;
    z-index: 10;
    padding: 0;
    width: 100%;
  }
  .split-scroll .scroll-column + .scroll-column .card:not(.flex-scroll) {
    min-height: 100%;
  }
  .split-scroll .c8y-nav-stacked .c8y-stacked-item {
    margin-right: 0;
  }
  .split-scroll .c8y-nav-stacked .c8y-stacked-item:after {
    display: none;
  }
}
@media (min-width: 768px) {
  .split-scroll {
    height: calc(100vh - 118px);
  }
  .has-tabs.horizontal-tabs .split-scroll {
    height: calc(100vh - 165px);
  }
  .has-action-bar .split-scroll {
    height: calc(100vh - 150px);
  }
}
.split-scroll .input-group-search {
  margin: -8px 0 !important;
}
.split-scroll .split-row-2 {
  height: 50%;
}
.split-scroll .split-row-2:last-child {
  margin-bottom: 0;
}
.split-scroll .split-row-3 {
  height: 33.3333333%;
}
.split-scroll .split-row-3:last-child {
  margin-bottom: 0;
}
.split-scroll .split-row-4 {
  height: 25%;
}
.split-scroll .split-row-4:last-child {
  margin-bottom: 0;
}
.card--grid,
.card.card--grid {
  display: grid;
}
.card--grid .c8y-list__item__block.sticky-top,
.card.card--grid .c8y-list__item__block.sticky-top {
  z-index: 90;
  background-color: inherit;
  box-shadow: inset 0 -1px 0 0 transparent;
}
.card--grid .c8y-list__item__collapse--container,
.card.card--grid .c8y-list__item__collapse--container {
  padding: var(--c8y-component-padding, var(--c8y-root-component-padding));
}
.card--grid .expanded .c8y-list__item__block.sticky-top,
.card.card--grid .expanded .c8y-list__item__block.sticky-top {
  background-color: var(--c8y-component-background-active, var(--c8y-root-component-background-active)) !important;
  box-shadow: inset 0 -1px 0 0 transparent;
}
.card--grid .expanded .c8y-list__item__collapse--container,
.card.card--grid .expanded .c8y-list__item__collapse--container {
  padding: var(--c8y-component-padding, var(--c8y-root-component-padding));
}
.card--grid__separator-top--white {
  border-top: 4px solid #132b45;
}
.card--grid__separator-top {
  border-top: 4px solid transparent;
}
.card--grid--fullpage {
  margin-bottom: 0 !important;
}
@media (min-width: 992px) {
  .card--grid--fullpage {
    height: calc(100vh - 118px);
  }
  .has-tabs.horizontal-tabs .card--grid--fullpage {
    height: calc(100vh - 165px);
  }
  .has-action-bar .card--grid--fullpage {
    height: calc(100vh - 150px);
  }
}
.card--grid__inner-scroll {
  position: relative;
  overflow: auto;
  height: 100%;
}
.card--grid__inner-scroll .card-header {
  position: sticky;
  top: 0;
  z-index: 15;
  background-color: inherit;
}
.card--grid__inner-scroll .card-footer {
  position: sticky;
  bottom: 0;
  z-index: 15;
  background-color: inherit;
}
.card--grid__inner-scroll .card-block .legend:first-child {
  margin-top: 0;
}
.welcome-widget {
  height: 100%;
}
.welcome-widget .welcome-illustration {
  position: relative;
  flex-grow: 1;
  height: auto;
}
.welcome-widget .welcome-illustration > svg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.welcome-widget > .flex-row {
  height: 100%;
}
.welcome-widget .card-group.interact-grid {
  margin-bottom: 0;
}
.welcome-widget .card-group.interact-grid .card {
  margin-bottom: 8px;
  margin-top: 1px;
  cursor: pointer;
  transition: transform 0.25s ease-in-out, box-shadow 0.25s ease-in-out;
  outline: 1px solid var(--c8y-right-drawer-separator-color);
}
.welcome-widget .card-group.interact-grid .card:hover,
.welcome-widget .card-group.interact-grid .card:focus {
  z-index: 1000;
  outline: 2px solid var(--c8y-right-drawer-border-selected);
  outline-offset: -2px;
}
.welcome-widget .card-group.interact-grid .card:focus {
  outline: 2px solid #05d5f5;
  border-radius: var(--c8y-component-border-radius-focus, var(--c8y-root-component-border-radius-focus));
}
@media (min-width: 992px) {
  .welcome-widget {
    padding-top: 0;
  }
}
body:not(:has(.c8y-logo)) #c8y-mark {
  display: none;
}
body::-webkit-scrollbar {
  width: 4px;
  /* for vertical scrollbars */
  height: 4px;
  /* for horizontal scrollbars */
}
body::-webkit-scrollbar-track {
  background: transparent;
}
body::-webkit-scrollbar-track:not(textarea) {
  background: var(--c8y-component-scrollbar-track, var(--c8y-root-component-scrollbar-track));
}
body::-webkit-scrollbar-thumb {
  width: 4px;
  border-radius: 1px;
  background: var(--c8y-component-scrollbar-thumb-default, var(--c8y-root-component-scrollbar-thumb-default));
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
body:hover::-webkit-scrollbar-thumb {
  background: var(--c8y-component-scrollbar-thumb-hover, var(--c8y-root-component-scrollbar-thumb-hover));
}
.mcontainer {
  overflow: unset;
}
.inner-scroll {
  overflow: auto;
  height: 100%;
  background-color: inherit;
  overscroll-behavior: contain;
}
.inner-scroll::-webkit-scrollbar {
  width: 4px;
  /* for vertical scrollbars */
  height: 4px;
  /* for horizontal scrollbars */
}
.inner-scroll::-webkit-scrollbar-track {
  background: transparent;
}
.inner-scroll::-webkit-scrollbar-track:not(textarea) {
  background: var(--c8y-component-scrollbar-track, var(--c8y-root-component-scrollbar-track));
}
.inner-scroll::-webkit-scrollbar-thumb {
  width: 4px;
  border-radius: 1px;
  background: var(--c8y-component-scrollbar-thumb-default, var(--c8y-root-component-scrollbar-thumb-default));
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.inner-scroll:hover::-webkit-scrollbar-thumb {
  background: var(--c8y-component-scrollbar-thumb-hover, var(--c8y-root-component-scrollbar-thumb-hover));
}
.inner-scroll > .list-group:last-child {
  margin-bottom: 0;
}
/* Mixin that generate classes for setting two columns on a 12 column grid
 * example:
 * `grid__col-4-6`
 * sets two columns with 40% and 60% of the available width
 */
.grid__col--11-1 {
  grid-template-columns: minmax(0, 11fr) minmax(0, 1fr);
}
@media (max-width: 767px) {
  .grid__col--11-1--xs {
    grid-template-columns: minmax(0, 11fr) minmax(0, 1fr);
  }
}
@media (min-width: 768px) {
  .grid__col--11-1--sm {
    grid-template-columns: minmax(0, 11fr) minmax(0, 1fr);
  }
}
@media (min-width: 992px) {
  .grid__col--11-1--md {
    grid-template-columns: minmax(0, 11fr) minmax(0, 1fr);
  }
}
@media (min-width: 1200px) {
  .grid__col--11-1--lg {
    grid-template-columns: minmax(0, 11fr) minmax(0, 1fr);
  }
}
.grid__col--10-2 {
  grid-template-columns: minmax(0, 10fr) minmax(0, 2fr);
}
@media (max-width: 767px) {
  .grid__col--10-2--xs {
    grid-template-columns: minmax(0, 10fr) minmax(0, 2fr);
  }
}
@media (min-width: 768px) {
  .grid__col--10-2--sm {
    grid-template-columns: minmax(0, 10fr) minmax(0, 2fr);
  }
}
@media (min-width: 992px) {
  .grid__col--10-2--md {
    grid-template-columns: minmax(0, 10fr) minmax(0, 2fr);
  }
}
@media (min-width: 1200px) {
  .grid__col--10-2--lg {
    grid-template-columns: minmax(0, 10fr) minmax(0, 2fr);
  }
}
.grid__col--9-3 {
  grid-template-columns: minmax(0, 9fr) minmax(0, 3fr);
}
@media (max-width: 767px) {
  .grid__col--9-3--xs {
    grid-template-columns: minmax(0, 9fr) minmax(0, 3fr);
  }
}
@media (min-width: 768px) {
  .grid__col--9-3--sm {
    grid-template-columns: minmax(0, 9fr) minmax(0, 3fr);
  }
}
@media (min-width: 992px) {
  .grid__col--9-3--md {
    grid-template-columns: minmax(0, 9fr) minmax(0, 3fr);
  }
}
@media (min-width: 1200px) {
  .grid__col--9-3--lg {
    grid-template-columns: minmax(0, 9fr) minmax(0, 3fr);
  }
}
.grid__col--8-4 {
  grid-template-columns: minmax(0, 8fr) minmax(0, 4fr);
}
@media (max-width: 767px) {
  .grid__col--8-4--xs {
    grid-template-columns: minmax(0, 8fr) minmax(0, 4fr);
  }
}
@media (min-width: 768px) {
  .grid__col--8-4--sm {
    grid-template-columns: minmax(0, 8fr) minmax(0, 4fr);
  }
}
@media (min-width: 992px) {
  .grid__col--8-4--md {
    grid-template-columns: minmax(0, 8fr) minmax(0, 4fr);
  }
}
@media (min-width: 1200px) {
  .grid__col--8-4--lg {
    grid-template-columns: minmax(0, 8fr) minmax(0, 4fr);
  }
}
.grid__col--7-5 {
  grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
}
@media (max-width: 767px) {
  .grid__col--7-5--xs {
    grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  }
}
@media (min-width: 768px) {
  .grid__col--7-5--sm {
    grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  }
}
@media (min-width: 992px) {
  .grid__col--7-5--md {
    grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  }
}
@media (min-width: 1200px) {
  .grid__col--7-5--lg {
    grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  }
}
.grid__col--6-6 {
  grid-template-columns: minmax(0, 6fr) minmax(0, 6fr);
}
@media (max-width: 767px) {
  .grid__col--6-6--xs {
    grid-template-columns: minmax(0, 6fr) minmax(0, 6fr);
  }
}
@media (min-width: 768px) {
  .grid__col--6-6--sm {
    grid-template-columns: minmax(0, 6fr) minmax(0, 6fr);
  }
}
@media (min-width: 992px) {
  .grid__col--6-6--md {
    grid-template-columns: minmax(0, 6fr) minmax(0, 6fr);
  }
}
@media (min-width: 1200px) {
  .grid__col--6-6--lg {
    grid-template-columns: minmax(0, 6fr) minmax(0, 6fr);
  }
}
.grid__col--5-7 {
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
}
@media (max-width: 767px) {
  .grid__col--5-7--xs {
    grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  }
}
@media (min-width: 768px) {
  .grid__col--5-7--sm {
    grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  }
}
@media (min-width: 992px) {
  .grid__col--5-7--md {
    grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  }
}
@media (min-width: 1200px) {
  .grid__col--5-7--lg {
    grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  }
}
.grid__col--4-8 {
  grid-template-columns: minmax(0, 4fr) minmax(0, 8fr);
}
@media (max-width: 767px) {
  .grid__col--4-8--xs {
    grid-template-columns: minmax(0, 4fr) minmax(0, 8fr);
  }
}
@media (min-width: 768px) {
  .grid__col--4-8--sm {
    grid-template-columns: minmax(0, 4fr) minmax(0, 8fr);
  }
}
@media (min-width: 992px) {
  .grid__col--4-8--md {
    grid-template-columns: minmax(0, 4fr) minmax(0, 8fr);
  }
}
@media (min-width: 1200px) {
  .grid__col--4-8--lg {
    grid-template-columns: minmax(0, 4fr) minmax(0, 8fr);
  }
}
.grid__col--3-9 {
  grid-template-columns: minmax(0, 3fr) minmax(0, 9fr);
}
@media (max-width: 767px) {
  .grid__col--3-9--xs {
    grid-template-columns: minmax(0, 3fr) minmax(0, 9fr);
  }
}
@media (min-width: 768px) {
  .grid__col--3-9--sm {
    grid-template-columns: minmax(0, 3fr) minmax(0, 9fr);
  }
}
@media (min-width: 992px) {
  .grid__col--3-9--md {
    grid-template-columns: minmax(0, 3fr) minmax(0, 9fr);
  }
}
@media (min-width: 1200px) {
  .grid__col--3-9--lg {
    grid-template-columns: minmax(0, 3fr) minmax(0, 9fr);
  }
}
.grid__col--2-10 {
  grid-template-columns: minmax(0, 2fr) minmax(0, 10fr);
}
@media (max-width: 767px) {
  .grid__col--2-10--xs {
    grid-template-columns: minmax(0, 2fr) minmax(0, 10fr);
  }
}
@media (min-width: 768px) {
  .grid__col--2-10--sm {
    grid-template-columns: minmax(0, 2fr) minmax(0, 10fr);
  }
}
@media (min-width: 992px) {
  .grid__col--2-10--md {
    grid-template-columns: minmax(0, 2fr) minmax(0, 10fr);
  }
}
@media (min-width: 1200px) {
  .grid__col--2-10--lg {
    grid-template-columns: minmax(0, 2fr) minmax(0, 10fr);
  }
}
.grid__col--1-11 {
  grid-template-columns: minmax(0, 1fr) minmax(0, 11fr);
}
@media (max-width: 767px) {
  .grid__col--1-11--xs {
    grid-template-columns: minmax(0, 1fr) minmax(0, 11fr);
  }
}
@media (min-width: 768px) {
  .grid__col--1-11--sm {
    grid-template-columns: minmax(0, 1fr) minmax(0, 11fr);
  }
}
@media (min-width: 992px) {
  .grid__col--1-11--md {
    grid-template-columns: minmax(0, 1fr) minmax(0, 11fr);
  }
}
@media (min-width: 1200px) {
  .grid__col--1-11--lg {
    grid-template-columns: minmax(0, 1fr) minmax(0, 11fr);
  }
}
.grid__col--0-12 {
  grid-template-columns: minmax(0, 0fr) minmax(0, 12fr);
}
@media (max-width: 767px) {
  .grid__col--0-12--xs {
    grid-template-columns: minmax(0, 0fr) minmax(0, 12fr);
  }
}
@media (min-width: 768px) {
  .grid__col--0-12--sm {
    grid-template-columns: minmax(0, 0fr) minmax(0, 12fr);
  }
}
@media (min-width: 992px) {
  .grid__col--0-12--md {
    grid-template-columns: minmax(0, 0fr) minmax(0, 12fr);
  }
}
@media (min-width: 1200px) {
  .grid__col--0-12--lg {
    grid-template-columns: minmax(0, 0fr) minmax(0, 12fr);
  }
}
.grid__col--fullspan {
  grid-column-start: 1;
  grid-column-end: -1;
}
/* Mixin that generate classes for setting three columns on a 12 column grid
 * example:
 * `grid__col-3-6-3`
 * sets three columns with 33% and 66% and 33% of the available width
 */
.grid__col--5-2-5 {
  grid-template-columns: minmax(0, 5fr) minmax(0, 2fr) minmax(0, 5fr);
}
@media (max-width: 767px) {
  .grid__col--5-2-5--xs {
    grid-template-columns: minmax(0, 5fr) minmax(0, 2fr) minmax(0, 5fr);
  }
}
@media (min-width: 768px) {
  .grid__col--5-2-5--sm {
    grid-template-columns: minmax(0, 5fr) minmax(0, 2fr) minmax(0, 5fr);
  }
}
@media (min-width: 992px) {
  .grid__col--5-2-5--md {
    grid-template-columns: minmax(0, 5fr) minmax(0, 2fr) minmax(0, 5fr);
  }
}
@media (min-width: 1200px) {
  .grid__col--5-2-5--lg {
    grid-template-columns: minmax(0, 5fr) minmax(0, 2fr) minmax(0, 5fr);
  }
}
.grid__col--4-4-4 {
  grid-template-columns: minmax(0, 4fr) minmax(0, 4fr) minmax(0, 4fr);
}
@media (max-width: 767px) {
  .grid__col--4-4-4--xs {
    grid-template-columns: minmax(0, 4fr) minmax(0, 4fr) minmax(0, 4fr);
  }
}
@media (min-width: 768px) {
  .grid__col--4-4-4--sm {
    grid-template-columns: minmax(0, 4fr) minmax(0, 4fr) minmax(0, 4fr);
  }
}
@media (min-width: 992px) {
  .grid__col--4-4-4--md {
    grid-template-columns: minmax(0, 4fr) minmax(0, 4fr) minmax(0, 4fr);
  }
}
@media (min-width: 1200px) {
  .grid__col--4-4-4--lg {
    grid-template-columns: minmax(0, 4fr) minmax(0, 4fr) minmax(0, 4fr);
  }
}
.grid__col--3-6-3 {
  grid-template-columns: minmax(0, 3fr) minmax(0, 6fr) minmax(0, 3fr);
}
@media (max-width: 767px) {
  .grid__col--3-6-3--xs {
    grid-template-columns: minmax(0, 3fr) minmax(0, 6fr) minmax(0, 3fr);
  }
}
@media (min-width: 768px) {
  .grid__col--3-6-3--sm {
    grid-template-columns: minmax(0, 3fr) minmax(0, 6fr) minmax(0, 3fr);
  }
}
@media (min-width: 992px) {
  .grid__col--3-6-3--md {
    grid-template-columns: minmax(0, 3fr) minmax(0, 6fr) minmax(0, 3fr);
  }
}
@media (min-width: 1200px) {
  .grid__col--3-6-3--lg {
    grid-template-columns: minmax(0, 3fr) minmax(0, 6fr) minmax(0, 3fr);
  }
}
.grid__col--2-8-2 {
  grid-template-columns: minmax(0, 2fr) minmax(0, 8fr) minmax(0, 2fr);
}
@media (max-width: 767px) {
  .grid__col--2-8-2--xs {
    grid-template-columns: minmax(0, 2fr) minmax(0, 8fr) minmax(0, 2fr);
  }
}
@media (min-width: 768px) {
  .grid__col--2-8-2--sm {
    grid-template-columns: minmax(0, 2fr) minmax(0, 8fr) minmax(0, 2fr);
  }
}
@media (min-width: 992px) {
  .grid__col--2-8-2--md {
    grid-template-columns: minmax(0, 2fr) minmax(0, 8fr) minmax(0, 2fr);
  }
}
@media (min-width: 1200px) {
  .grid__col--2-8-2--lg {
    grid-template-columns: minmax(0, 2fr) minmax(0, 8fr) minmax(0, 2fr);
  }
}
.grid__col--1-10-1 {
  grid-template-columns: minmax(0, 1fr) minmax(0, 10fr) minmax(0, 1fr);
}
@media (max-width: 767px) {
  .grid__col--1-10-1--xs {
    grid-template-columns: minmax(0, 1fr) minmax(0, 10fr) minmax(0, 1fr);
  }
}
@media (min-width: 768px) {
  .grid__col--1-10-1--sm {
    grid-template-columns: minmax(0, 1fr) minmax(0, 10fr) minmax(0, 1fr);
  }
}
@media (min-width: 992px) {
  .grid__col--1-10-1--md {
    grid-template-columns: minmax(0, 1fr) minmax(0, 10fr) minmax(0, 1fr);
  }
}
@media (min-width: 1200px) {
  .grid__col--1-10-1--lg {
    grid-template-columns: minmax(0, 1fr) minmax(0, 10fr) minmax(0, 1fr);
  }
}
.grid__col--0-12-0 {
  grid-template-columns: minmax(0, 0fr) minmax(0, 12fr) minmax(0, 0fr);
}
@media (max-width: 767px) {
  .grid__col--0-12-0--xs {
    grid-template-columns: minmax(0, 0fr) minmax(0, 12fr) minmax(0, 0fr);
  }
}
@media (min-width: 768px) {
  .grid__col--0-12-0--sm {
    grid-template-columns: minmax(0, 0fr) minmax(0, 12fr) minmax(0, 0fr);
  }
}
@media (min-width: 992px) {
  .grid__col--0-12-0--md {
    grid-template-columns: minmax(0, 0fr) minmax(0, 12fr) minmax(0, 0fr);
  }
}
@media (min-width: 1200px) {
  .grid__col--0-12-0--lg {
    grid-template-columns: minmax(0, 0fr) minmax(0, 12fr) minmax(0, 0fr);
  }
}
/* Mixin that generate classes for setting two rows on a 12 rows grid
 * example:
 * `grid__row-4-6`
 * sets two rows with 40% and 60% of the available height
 */
.grid__row--11-1 {
  grid-template-rows: 11fr 1fr;
}
@media (max-width: 767px) {
  .grid__row--11-1--xs {
    grid-template-rows: 11fr 1fr;
  }
}
@media (min-width: 768px) {
  .grid__row--11-1--sm {
    grid-template-rows: 11fr 1fr;
  }
}
@media (min-width: 992px) {
  .grid__row--11-1--md {
    grid-template-rows: 11fr 1fr;
  }
}
@media (min-width: 1200px) {
  .grid__row--11-1--lg {
    grid-template-rows: 11fr 1fr;
  }
}
.grid__row--10-2 {
  grid-template-rows: 10fr 2fr;
}
@media (max-width: 767px) {
  .grid__row--10-2--xs {
    grid-template-rows: 10fr 2fr;
  }
}
@media (min-width: 768px) {
  .grid__row--10-2--sm {
    grid-template-rows: 10fr 2fr;
  }
}
@media (min-width: 992px) {
  .grid__row--10-2--md {
    grid-template-rows: 10fr 2fr;
  }
}
@media (min-width: 1200px) {
  .grid__row--10-2--lg {
    grid-template-rows: 10fr 2fr;
  }
}
.grid__row--9-3 {
  grid-template-rows: 9fr 3fr;
}
@media (max-width: 767px) {
  .grid__row--9-3--xs {
    grid-template-rows: 9fr 3fr;
  }
}
@media (min-width: 768px) {
  .grid__row--9-3--sm {
    grid-template-rows: 9fr 3fr;
  }
}
@media (min-width: 992px) {
  .grid__row--9-3--md {
    grid-template-rows: 9fr 3fr;
  }
}
@media (min-width: 1200px) {
  .grid__row--9-3--lg {
    grid-template-rows: 9fr 3fr;
  }
}
.grid__row--8-4 {
  grid-template-rows: 8fr 4fr;
}
@media (max-width: 767px) {
  .grid__row--8-4--xs {
    grid-template-rows: 8fr 4fr;
  }
}
@media (min-width: 768px) {
  .grid__row--8-4--sm {
    grid-template-rows: 8fr 4fr;
  }
}
@media (min-width: 992px) {
  .grid__row--8-4--md {
    grid-template-rows: 8fr 4fr;
  }
}
@media (min-width: 1200px) {
  .grid__row--8-4--lg {
    grid-template-rows: 8fr 4fr;
  }
}
.grid__row--7-5 {
  grid-template-rows: 7fr 5fr;
}
@media (max-width: 767px) {
  .grid__row--7-5--xs {
    grid-template-rows: 7fr 5fr;
  }
}
@media (min-width: 768px) {
  .grid__row--7-5--sm {
    grid-template-rows: 7fr 5fr;
  }
}
@media (min-width: 992px) {
  .grid__row--7-5--md {
    grid-template-rows: 7fr 5fr;
  }
}
@media (min-width: 1200px) {
  .grid__row--7-5--lg {
    grid-template-rows: 7fr 5fr;
  }
}
.grid__row--6-6 {
  grid-template-rows: 6fr 6fr;
}
@media (max-width: 767px) {
  .grid__row--6-6--xs {
    grid-template-rows: 6fr 6fr;
  }
}
@media (min-width: 768px) {
  .grid__row--6-6--sm {
    grid-template-rows: 6fr 6fr;
  }
}
@media (min-width: 992px) {
  .grid__row--6-6--md {
    grid-template-rows: 6fr 6fr;
  }
}
@media (min-width: 1200px) {
  .grid__row--6-6--lg {
    grid-template-rows: 6fr 6fr;
  }
}
.grid__row--5-7 {
  grid-template-rows: 5fr 7fr;
}
@media (max-width: 767px) {
  .grid__row--5-7--xs {
    grid-template-rows: 5fr 7fr;
  }
}
@media (min-width: 768px) {
  .grid__row--5-7--sm {
    grid-template-rows: 5fr 7fr;
  }
}
@media (min-width: 992px) {
  .grid__row--5-7--md {
    grid-template-rows: 5fr 7fr;
  }
}
@media (min-width: 1200px) {
  .grid__row--5-7--lg {
    grid-template-rows: 5fr 7fr;
  }
}
.grid__row--4-8 {
  grid-template-rows: 4fr 8fr;
}
@media (max-width: 767px) {
  .grid__row--4-8--xs {
    grid-template-rows: 4fr 8fr;
  }
}
@media (min-width: 768px) {
  .grid__row--4-8--sm {
    grid-template-rows: 4fr 8fr;
  }
}
@media (min-width: 992px) {
  .grid__row--4-8--md {
    grid-template-rows: 4fr 8fr;
  }
}
@media (min-width: 1200px) {
  .grid__row--4-8--lg {
    grid-template-rows: 4fr 8fr;
  }
}
.grid__row--3-9 {
  grid-template-rows: 3fr 9fr;
}
@media (max-width: 767px) {
  .grid__row--3-9--xs {
    grid-template-rows: 3fr 9fr;
  }
}
@media (min-width: 768px) {
  .grid__row--3-9--sm {
    grid-template-rows: 3fr 9fr;
  }
}
@media (min-width: 992px) {
  .grid__row--3-9--md {
    grid-template-rows: 3fr 9fr;
  }
}
@media (min-width: 1200px) {
  .grid__row--3-9--lg {
    grid-template-rows: 3fr 9fr;
  }
}
.grid__row--2-10 {
  grid-template-rows: 2fr 10fr;
}
@media (max-width: 767px) {
  .grid__row--2-10--xs {
    grid-template-rows: 2fr 10fr;
  }
}
@media (min-width: 768px) {
  .grid__row--2-10--sm {
    grid-template-rows: 2fr 10fr;
  }
}
@media (min-width: 992px) {
  .grid__row--2-10--md {
    grid-template-rows: 2fr 10fr;
  }
}
@media (min-width: 1200px) {
  .grid__row--2-10--lg {
    grid-template-rows: 2fr 10fr;
  }
}
.grid__row--1-11 {
  grid-template-rows: 1fr 11fr;
}
@media (max-width: 767px) {
  .grid__row--1-11--xs {
    grid-template-rows: 1fr 11fr;
  }
}
@media (min-width: 768px) {
  .grid__row--1-11--sm {
    grid-template-rows: 1fr 11fr;
  }
}
@media (min-width: 992px) {
  .grid__row--1-11--md {
    grid-template-rows: 1fr 11fr;
  }
}
@media (min-width: 1200px) {
  .grid__row--1-11--lg {
    grid-template-rows: 1fr 11fr;
  }
}
.grid__row--0-12 {
  grid-template-rows: 0fr 12fr;
}
@media (max-width: 767px) {
  .grid__row--0-12--xs {
    grid-template-rows: 0fr 12fr;
  }
}
@media (min-width: 768px) {
  .grid__row--0-12--sm {
    grid-template-rows: 0fr 12fr;
  }
}
@media (min-width: 992px) {
  .grid__row--0-12--md {
    grid-template-rows: 0fr 12fr;
  }
}
@media (min-width: 1200px) {
  .grid__row--0-12--lg {
    grid-template-rows: 0fr 12fr;
  }
}
.gap-4 {
  gap: 4px;
}
.gap-40 {
  gap: 40px !important;
}
@media (max-width: 767px) {
  .gap-xs-40 {
    gap: 40px !important;
  }
}
@media (min-width: 768px) {
  .gap-sm-40 {
    gap: 40px !important;
  }
}
@media (min-width: 992px) {
  .gap-md-40 {
    gap: 40px !important;
  }
}
@media (min-width: 1200px) {
  .gap-lg-40 {
    gap: 40px !important;
  }
}
.gap-32 {
  gap: 32px !important;
}
@media (max-width: 767px) {
  .gap-xs-32 {
    gap: 32px !important;
  }
}
@media (min-width: 768px) {
  .gap-sm-32 {
    gap: 32px !important;
  }
}
@media (min-width: 992px) {
  .gap-md-32 {
    gap: 32px !important;
  }
}
@media (min-width: 1200px) {
  .gap-lg-32 {
    gap: 32px !important;
  }
}
.gap-24 {
  gap: 24px !important;
}
@media (max-width: 767px) {
  .gap-xs-24 {
    gap: 24px !important;
  }
}
@media (min-width: 768px) {
  .gap-sm-24 {
    gap: 24px !important;
  }
}
@media (min-width: 992px) {
  .gap-md-24 {
    gap: 24px !important;
  }
}
@media (min-width: 1200px) {
  .gap-lg-24 {
    gap: 24px !important;
  }
}
.gap-16 {
  gap: 16px !important;
}
@media (max-width: 767px) {
  .gap-xs-16 {
    gap: 16px !important;
  }
}
@media (min-width: 768px) {
  .gap-sm-16 {
    gap: 16px !important;
  }
}
@media (min-width: 992px) {
  .gap-md-16 {
    gap: 16px !important;
  }
}
@media (min-width: 1200px) {
  .gap-lg-16 {
    gap: 16px !important;
  }
}
.gap-8 {
  gap: 8px !important;
}
@media (max-width: 767px) {
  .gap-xs-8 {
    gap: 8px !important;
  }
}
@media (min-width: 768px) {
  .gap-sm-8 {
    gap: 8px !important;
  }
}
@media (min-width: 992px) {
  .gap-md-8 {
    gap: 8px !important;
  }
}
@media (min-width: 1200px) {
  .gap-lg-8 {
    gap: 8px !important;
  }
}
.gap-0 {
  gap: 0px !important;
}
@media (max-width: 767px) {
  .gap-xs-0 {
    gap: 0px !important;
  }
}
@media (min-width: 768px) {
  .gap-sm-0 {
    gap: 0px !important;
  }
}
@media (min-width: 992px) {
  .gap-md-0 {
    gap: 0px !important;
  }
}
@media (min-width: 1200px) {
  .gap-lg-0 {
    gap: 0px !important;
  }
}
.grid__row--fit-auto {
  grid-auto-rows: min-content auto min-content !important;
}
.grid__row--auto-min-content {
  grid-auto-rows: auto min-content;
}
.grid__row--1 {
  grid-template-rows: minmax(0, auto) !important;
}
.content-fullpage,
.content-fullpage--md,
.content-fullpage--sm {
  margin-bottom: 0;
}
.card--grid,
.card.card--grid {
  display: grid;
}
.table-responsive.full-page thead th {
  position: sticky;
  top: 0;
  z-index: 10;
  background-color: #132b45;
}
.sticky-top {
  position: sticky;
  top: 0;
  z-index: 10;
  background-color: inherit;
}
.sticky-top.has-sticky-card-header {
  top: 48px;
}
.sticky-bottom {
  position: sticky;
  bottom: 0;
  z-index: 10;
  background-color: inherit;
}
@media screen and (min-width: 768px) {
  .inner-scroll--sm {
    overflow: auto;
    overscroll-behavior: contain;
    height: 100%;
    background-color: inherit;
  }
  .inner-scroll--sm::-webkit-scrollbar {
    width: 4px;
    /* for vertical scrollbars */
    height: 4px;
    /* for horizontal scrollbars */
  }
  .inner-scroll--sm::-webkit-scrollbar-track {
    background: transparent;
  }
  .inner-scroll--sm::-webkit-scrollbar-track:not(textarea) {
    background: var(--c8y-component-scrollbar-track, var(--c8y-root-component-scrollbar-track));
  }
  .inner-scroll--sm::-webkit-scrollbar-thumb {
    width: 4px;
    border-radius: 1px;
    background: var(--c8y-component-scrollbar-thumb-default, var(--c8y-root-component-scrollbar-thumb-default));
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
  }
  .inner-scroll--sm:hover::-webkit-scrollbar-thumb {
    background: var(--c8y-component-scrollbar-thumb-hover, var(--c8y-root-component-scrollbar-thumb-hover));
  }
  .inner-scroll--sm > .list-group:last-child {
    margin-bottom: 0;
  }
  .page-sticky-header,
  .page-sticky-header.c8y-list__item {
    position: sticky !important;
    top: 64px;
    z-index: 20;
    min-height: var(--c8y-page-sticky-header-height) !important;
    width: 100%;
    background: var(--c8y-page-sticky-header-background-default) !important;
    box-shadow: inset 0 -2px 0 transparent !important;
    color: var(--c8y-page-sticky-header-color-default);
    text-transform: var(--c8y-form-label-text-transform);
    font-weight: var(--c8y-form-label-font-weight);
    font-size: var(--c8y-form-label-font-size);
  }
  .page-sticky-header.c8y-list--timeline,
  .page-sticky-header.c8y-list__item.c8y-list--timeline {
    margin-bottom: var(--c8y-unit-base) !important;
  }
  .page-sticky-header .c8y-list--timeline__item__date,
  .page-sticky-header.c8y-list__item .c8y-list--timeline__item__date {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--c8y-page-sticky-header-color-default);
    font-size: var(--c8y-font-size-base);
  }
  .collapse .page-sticky-header,
  .collapse .page-sticky-header.c8y-list__item,
  .collapsible .page-sticky-header,
  .collapsible .page-sticky-header.c8y-list__item,
  .card .page-sticky-header,
  .card .page-sticky-header.c8y-list__item {
    display: none !important;
  }
  .page-sticky-header.c8y-list--timeline,
  .page-sticky-header.c8y-list__item.c8y-list--timeline {
    margin-bottom: var(--c8y-unit-base);
  }
  .page-sticky-header label,
  .page-sticky-header.c8y-list__item label,
  .page-sticky-header p,
  .page-sticky-header.c8y-list__item p {
    margin: 0;
  }
  .card-group.interact-grid .page-sticky-header,
  .card-group.interact-grid .page-sticky-header.c8y-list__item {
    display: none !important;
  }
  .card-group.interact-list .page-sticky-header,
  .card-group.interact-list .page-sticky-header.c8y-list__item {
    margin: 0 12px;
    background-color: #132b45;
  }
  .has-tabs.horizontal-tabs .page-sticky-header,
  .has-tabs.horizontal-tabs .page-sticky-header.c8y-list__item {
    top: 127px;
  }
  .has-action-bar .page-sticky-header,
  .has-action-bar .page-sticky-header.c8y-list__item {
    top: 110px;
  }
  .has-tabs.horizontal-tabs.has-action-bar .page-sticky-header,
  .has-tabs.horizontal-tabs.has-action-bar .page-sticky-header.c8y-list__item {
    top: 176px;
  }
  .content-fullpage--sm,
  .content-fullpage--md {
    margin-bottom: 0 !important;
    height: calc(100vh - 112px);
  }
  .has-tabs.horizontal-tabs .content-fullpage--sm,
  .has-tabs.horizontal-tabs .content-fullpage--md {
    height: calc(100vh - 160px);
  }
  .has-action-bar .content-fullpage--sm,
  .has-action-bar .content-fullpage--md {
    height: calc(100vh - 160px);
  }
  .has-tabs.horizontal-tabs.has-action-bar .content-fullpage--sm,
  .has-tabs.horizontal-tabs.has-action-bar .content-fullpage--md {
    height: calc(100vh - 208px);
  }
  .card.card--fullpage {
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - 112px);
  }
  .card.card--fullpage > .card-header,
  .card.card--fullpage > .card-block,
  .card.card--fullpage > .inner-scroll > .card-block,
  .card.card--fullpage > .card-footer {
    padding-right: 24px;
    padding-left: 24px;
  }
  .card.card--fullpage::-webkit-scrollbar {
    width: 4px;
    /* for vertical scrollbars */
    height: 4px;
    /* for horizontal scrollbars */
  }
  .card.card--fullpage::-webkit-scrollbar-track {
    background: transparent;
  }
  .card.card--fullpage::-webkit-scrollbar-track:not(textarea) {
    background: var(--c8y-component-scrollbar-track, var(--c8y-root-component-scrollbar-track));
  }
  .card.card--fullpage::-webkit-scrollbar-thumb {
    width: 4px;
    border-radius: 1px;
    background: var(--c8y-component-scrollbar-thumb-default, var(--c8y-root-component-scrollbar-thumb-default));
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
  }
  .card.card--fullpage:hover::-webkit-scrollbar-thumb {
    background: var(--c8y-component-scrollbar-thumb-hover, var(--c8y-root-component-scrollbar-thumb-hover));
  }
  .has-tabs.horizontal-tabs .card.card--fullpage {
    max-height: calc(100vh - 160px);
  }
  .has-action-bar .card.card--fullpage {
    max-height: calc(100vh - 160px);
  }
  .has-tabs.horizontal-tabs.has-action-bar .card.card--fullpage {
    max-height: calc(100vh - 208px);
  }
}
@media screen and (min-width: 992px) {
  .content-fullpage,
  .content-fullpage--md {
    margin-bottom: 0 !important;
    height: calc(100vh - 112px);
  }
  .has-tabs.horizontal-tabs .content-fullpage,
  .has-tabs.horizontal-tabs .content-fullpage--md {
    height: calc(100vh - 160px);
  }
  .has-action-bar .content-fullpage,
  .has-action-bar .content-fullpage--md {
    height: calc(100vh - 160px);
  }
  .has-tabs.horizontal-tabs.has-action-bar .content-fullpage,
  .has-tabs.horizontal-tabs.has-action-bar .content-fullpage--md {
    height: calc(100vh - 208px);
  }
  .inner-scroll--md,
  .inner-scroll--md.overflow-visible-sm {
    overflow: auto!important;
    overscroll-behavior: contain;
    height: 100%;
    background-color: inherit;
  }
  .inner-scroll--md::-webkit-scrollbar,
  .inner-scroll--md.overflow-visible-sm::-webkit-scrollbar {
    width: 4px;
    /* for vertical scrollbars */
    height: 4px;
    /* for horizontal scrollbars */
  }
  .inner-scroll--md::-webkit-scrollbar-track,
  .inner-scroll--md.overflow-visible-sm::-webkit-scrollbar-track {
    background: transparent;
  }
  .inner-scroll--md::-webkit-scrollbar-track:not(textarea),
  .inner-scroll--md.overflow-visible-sm::-webkit-scrollbar-track:not(textarea) {
    background: var(--c8y-component-scrollbar-track, var(--c8y-root-component-scrollbar-track));
  }
  .inner-scroll--md::-webkit-scrollbar-thumb,
  .inner-scroll--md.overflow-visible-sm::-webkit-scrollbar-thumb {
    width: 4px;
    border-radius: 1px;
    background: var(--c8y-component-scrollbar-thumb-default, var(--c8y-root-component-scrollbar-thumb-default));
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
  }
  .inner-scroll--md:hover::-webkit-scrollbar-thumb,
  .inner-scroll--md.overflow-visible-sm:hover::-webkit-scrollbar-thumb {
    background: var(--c8y-component-scrollbar-thumb-hover, var(--c8y-root-component-scrollbar-thumb-hover));
  }
  .inner-scroll--md > .list-group:last-child,
  .inner-scroll--md.overflow-visible-sm > .list-group:last-child {
    margin-bottom: 0;
  }
}
/* LARGE SCREENS */
@media screen and (min-width: 1200px) {
  .page-sticky-header,
  .page-sticky-header.c8y-list__item {
    position: sticky !important;
    top: 64px;
  }
  .has-tabs.horizontal-tabs .page-sticky-header,
  .has-tabs.horizontal-tabs .page-sticky-header.c8y-list__item {
    top: 112px;
  }
  .has-tabs.horizontal-tabs.has-action-bar .page-sticky-header,
  .has-tabs.horizontal-tabs.has-action-bar .page-sticky-header.c8y-list__item {
    top: 160px;
  }
  .content-fullpage,
  .content-fullpage--sm,
  .content-fullpage--md {
    margin-bottom: 0 !important;
    height: calc(100vh - 112px);
  }
  .has-tabs.horizontal-tabs .content-fullpage,
  .has-tabs.horizontal-tabs .content-fullpage--sm,
  .has-tabs.horizontal-tabs .content-fullpage--md {
    height: calc(100vh - 160px);
  }
  .has-action-bar .content-fullpage,
  .has-action-bar .content-fullpage--sm,
  .has-action-bar .content-fullpage--md {
    height: calc(100vh - 160px);
  }
  .has-tabs.horizontal-tabs.has-action-bar .content-fullpage,
  .has-tabs.horizontal-tabs.has-action-bar .content-fullpage--sm,
  .has-tabs.horizontal-tabs.has-action-bar .content-fullpage--md {
    height: calc(100vh - 208px);
  }
}
c8y-plugin-setup-stepper .content-fullpage {
  height: calc(100vh - 365px);
}
.bottom-drawer {
  position: fixed;
  top: calc(calc(var(--c8y-unit-base) * 8) + 6px);
  right: 10px;
  bottom: 0;
  z-index: 1030;
  overflow-y: auto;
  width: calc(100vw - 20px);
  background-color: #132b45;
  transition: transform 0.4s ease-in-out, width 0.4s ease-in-out;
  transform: translate(0, 100vh);
}
.drawerOpen .bottom-drawer {
  transform: translate(0, 0);
  box-shadow: var(--c8y-elevation-md-bottom);
  box-shadow: var(--c8y-elevation-md-top);
}
@media (min-width: 1200px) {
  .bottom-drawer {
    right: 24px;
    width: calc(100vw - 48px);
  }
  .open .bottom-drawer {
    width: calc(100vw - 240px - 48px);
  }
}
.c8y-message-banner {
  position: fixed;
  z-index: 10000;
  width: 100%;
  pointer-events: none;
}
.c8y-message-banner .alert {
  margin: calc(var(--c8y-unit-base) * 2) auto;
  box-shadow: var(--c8y-elevation-lg);
  pointer-events: auto;
}
.c8y-message-banner .alert .close {
  margin: -4px -4px 0 8px;
}
.c8y-message-banner .alert > span {
  white-space: normal;
}
.c8y-message-banner .alert.alert-info {
  background-color: var(--palette-status-info-light, var(--c8y-palette-status-info-light));
  border: 2px solid var(--palette-status-info, var(--c8y-palette-status-info));
}
.c8y-message-banner .alert.alert-warning {
  background-color: var(--c8y-palette-status-warning-high);
  border: 2px solid var(--palette-status-warning, var(--c8y-palette-status-warning));
}
.c8y-message-banner .alert.alert-danger {
  background-color: var(--palette-status-danger-light, var(--c8y-palette-status-danger-light));
  border: 2px solid var(--palette-status-danger, var(--c8y-palette-status-danger));
}
.c8y-message-banner .alert.alert-success {
  background-color: var(--palette-status-success-light, var(--c8y-palette-status-success-light));
  border: 2px solid #41D796;
}
.c8y-message-banner .alert.alert-system {
  background-color: var(--c8y-brand-80);
  border: 2px solid #132b45;
}
.c8y-top-drawer {
  position: sticky;
  z-index: 1028;
  margin: 0 calc(var(--c8y-unit-base) * -1);
  transform: translateY(-24px);
  max-width: 100vw;
  background-color: #132b45;
  color: var(--c8y-component-color-default, var(--c8y-root-component-color-default));
  top: calc(var(--c8y-unit-base) * 8);
  box-shadow: var(--c8y-elevation-md-bottom), inset 0 0 0 1px transparent;
  --c8y-nav-tabs-background-default: var(--c8y-level-1);
  --c8y-nav-tabs-background-active: var(--c8y-level-0);
}
@media (max-width: 767px) {
  .head-open .c8y-top-drawer {
    top: calc(calc(var(--c8y-unit-base) * 8) + 76);
  }
  .has-tabs .c8y-top-drawer {
    top: calc(calc(var(--c8y-unit-base) * 8) + 6px);
    transition: top 0.35s ease;
  }
  .has-tabs .head-open .c8y-top-drawer {
    top: calc(calc(var(--c8y-unit-base) * 8) * 2 + 12px);
  }
}
@media (min-width: 768px) {
  .c8y-top-drawer {
    margin: 0 calc(var(--c8y-unit-base) * -1);
    top: calc(calc(var(--c8y-unit-base) * 8) + 72px);
    clip: rect(0, 10000px, 2000px, 0);
  }
  .horizontal-tabs.has-tabs .c8y-top-drawer {
    top: calc(calc(var(--c8y-unit-base) * 8) * 2 + 72px);
  }
}
@media (min-width: 1200px) {
  .c8y-top-drawer {
    transition: left 0.4s ease-in-out;
  }
  .horizontal-tabs.has-tabs .c8y-top-drawer {
    top: calc(calc(var(--c8y-unit-base) * 8) * 2 + 56px);
  }
}
:fullscreen:not(:root) .c8y-top-drawer {
  top: 0;
  margin: 0;
  transform: translateY(-32px);
}
.c8y-top-drawer .component-tabs.nav-tabs {
  padding-top: 0;
}
.c8y-top-drawer--tabs {
  position: relative;
  padding-right: 0;
  background-color: var(--c8y-level-1);
}
.c8y-top-drawer--tabs::before {
  display: none;
}
.c8y-top-drawer--footer {
  padding: calc(var(--c8y-unit-base) * 3);
  padding-left: var(--c8y-nav-tabs-vertical-width);
  background-color: var(--c8y-level-1);
}
.c8y-top-drawer__tabs-container {
  border-bottom: 1px solid transparent;
  max-height: calc(100vh - 380px);
  height: 445px;
  min-height: 220px;
}
.split-view__list,
.split-view__detail {
  display: flex;
  flex-direction: column;
  background-color: #132b45;
}
.split-view__list {
  border-right: 1px solid transparent !important;
}
@media (max-width: 991px) {
  .split-view--5-7,
  .split-view--7-5,
  .split-view--8-4 {
    position: relative;
    display: flex !important;
    overflow: hidden;
    flex-direction: column;
    margin-bottom: 0 !important;
    height: calc(100vh - 108px);
  }
  .has-action-bar .split-view--5-7,
  .has-action-bar .split-view--7-5,
  .has-action-bar .split-view--8-4 {
    height: calc(100vh - 168px);
  }
  .split-view--5-7 {
    height: calc(100vh - 108px);
  }
  .split-view--8-4 {
    height: calc(100vh - 166px);
  }
  .split-view--7-5 {
    height: calc(100vh - 166px);
  }
  .split-view__list {
    flex-grow: 1;
    height: auto;
  }
  .split-view__detail {
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 100;
    min-height: calc(100vh - 200px);
    width: 100%;
    transition: left 0.35s ease-in-out;
  }
  .split-view__detail--selected {
    left: 0;
  }
}
@media (max-width: 767px) {
  .split-view--5-7,
  .split-view--7-5,
  .split-view--8-4 {
    height: calc(100vh - 82px) !important;
  }
}
@media (min-width: 992px) {
  .split-view--5-7,
  .split-view--7-5,
  .split-view--8-4 {
    display: grid !important;
    grid-template-rows: min-content auto;
  }
  .split-view--5-7 {
    grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  }
  .split-view--7-5 {
    grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  }
  .split-view--8-4 {
    grid-template-columns: minmax(0, 8fr) minmax(0, 4fr);
  }
}
.markdown-content h1,
.markdown-content h2,
.markdown-content h3,
.markdown-content h4,
.markdown-content h5,
.markdown-content p,
.markdown-content ul,
.markdown-content ol {
  margin-bottom: 1rem;
  max-width: 800px;
}
.markdown-content h1,
.markdown-content h2,
.markdown-content h3,
.markdown-content h4,
.markdown-content h5 {
  margin-bottom: 2rem;
  font-weight: 500;
}
.markdown-content h2 {
  margin: 2rem 0;
  padding: 2rem 0;
  border-top: 1px solid var(--c8y-palette-gray-50);
  border-bottom: 1px dotted var(--c8y-palette-gray-50);
}
.markdown-content img {
  max-width: 100%;
  height: auto;
}
[ui-ace] .ace_tooltip {
  max-width: 600px;
  white-space: pre-wrap;
}
body .ace_editor * {
  font-family: var(--c8y-font-family-mono-spaced) !important;
}
@media (max-width: 992px) {
  .ace_editor {
    min-height: 350px;
  }
}
.breadcrumbs-container {
  display: block;
  overflow: visible;
  color: white;
  font-size: var(--c8y-font-size-small);
}
.breadcrumbs-container .breadcrumbs.text-muted {
  color: inherit;
}
.breadcrumbs-container .text-muted {
  opacity: 1 !important;
}
.breadcrumbs-container.multiple {
  position: relative;
  padding-left: 14px;
}
.breadcrumbs-container.multiple .btn-show-all-breadcrumbs {
  position: absolute;
}
.breadcrumbs-container.multiple .breadcrumbs {
  width: 100%;
}
.breadcrumbs-container.multiple.open {
  margin-left: -5px;
  padding-left: 19px;
  background-color: #132b45;
  box-shadow: var(--c8y-elevation-md-bottom);
  box-shadow: var(--c8y-elevation-md-left);
}
.breadcrumbs-container.multiple.open .btn-show-all-breadcrumbs {
  left: 5px;
}
.breadcrumbs-container li {
  display: inline-block;
}
.breadcrumbs-container li > a {
  color: white;
}
.breadcrumbs-container li > span {
  display: inline-block;
  min-width: 14px;
  text-align: center;
}
.breadcrumbs-container ul {
  margin: 0;
}
.breadcrumbs-container .btn-show-all-breadcrumbs {
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  width: 12px;
  border: 0;
  background-color: transparent;
  background-image: none;
  color: white;
  text-align: left;
  font-size: 14px;
  line-height: 13px;
}
.breadcrumbs-container .btn-show-all-breadcrumbs [class^='dlt-c8y-icon-'],
.breadcrumbs-container .btn-show-all-breadcrumbs [class*=' dlt-c8y-icon-'] {
  width: 7px;
  line-height: 1;
}
.breadcrumbs-container .btn-show-all-breadcrumbs:focus {
  outline: none;
}
.breadcrumbs-container .breadcrumbs {
  overflow: hidden;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none;
  font-size: var(--c8y-font-size-small);
}
.breadcrumbs-container .breadcrumbs > li {
  display: block;
  overflow: hidden !important;
  max-width: 100% !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  display: inline-block !important;
}
.breadcrumbs-container .breadcrumbs > li:last-child > a {
  color: white;
}
.breadcrumbs-container .breadcrumbs > li > a,
.breadcrumbs-container .breadcrumbs > li > span {
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 150px;
  display: inline-block;
  min-width: 14px;
  vertical-align: top;
  text-align: center;
}
.card {
  position: relative;
  display: block;
  margin-bottom: calc(var(--c8y-unit-base) * 2);
  padding: 0;
  border-radius: var(--c8y-component-border-radius-base, var(--c8y-root-component-border-radius-base));
  background: #132b45;
  box-shadow: var(--c8y-elevation-sm);
}
@media (min-width: 768px) {
  .card {
    margin-bottom: calc(var(--c8y-unit-base) * 3);
  }
}
.card.pointer {
  align-items: unset;
  border: 0;
  background-image: none;
  text-align: unset;
}
.card.pointer:focus {
  outline: 2px solid #05d5f5;
  outline-offset: -2px;
  border-radius: var(--c8y-component-border-radius-focus, var(--c8y-root-component-border-radius-focus)) !important;
}
.card--btn {
  outline: 1px solid transparent;
  position: relative;
  z-index: 10;
  width: 140px;
  flex-grow: 1;
}
.card--btn:hover {
  outline: 2px solid #05d5f5;
  outline-offset: -2px;
  z-index: 20;
  text-decoration: none;
}
.card--btn:focus {
  outline: 2px solid #05d5f5;
  outline-offset: -2px;
  border-radius: var(--c8y-component-border-radius-focus, var(--c8y-root-component-border-radius-focus)) !important;
  text-decoration: none;
  z-index: 20;
}
.hide-inner-cards .card {
  margin-bottom: 0;
  box-shadow: none;
}
.hide-inner-cards .card .card-inner-scroll {
  position: unset;
  overflow: unset;
}
.card.card-highlight {
  border: 3px solid var(--c8y-component-color-accent, var(--c8y-root-component-color-accent));
}
.card > hr {
  margin: 0;
}
.card.danger {
  background-color: var(--palette-status-danger-light, var(--c8y-palette-status-danger-light));
  color: var(--palette-status-danger-dark, var(--c8y-palette-status-danger-dark));
  --c8y-component-color-text-muted: var(--palette-status-danger, var(--c8y-palette-status-danger));
  --c8y-component-border-color: rgba(0, 0, 0, 0.1);
}
.card.warning {
  background-color: var(--c8y-palette-status-warning-high);
  color: var(--palette-status-warning-dark, var(--c8y-palette-status-warning-dark));
  --c8y-component-color-text-muted: var(--palette-status-warning, var(--c8y-palette-status-warning));
  --c8y-component-border-color: rgba(0, 0, 0, 0.1);
}
.card.success {
  background-color: var(--palette-status-success-light, var(--c8y-palette-status-success-light));
  color: var(--palette-status-success-dark, var(--c8y-palette-status-success-dark));
  --c8y-component-color-text-muted: #41D796;
  --c8y-component-border-color: rgba(0, 0, 0, 0.1);
}
.card.info {
  background-color: var(--palette-status-info-light, var(--c8y-palette-status-info-light));
  color: var(--palette-status-info-dark, var(--c8y-palette-status-info-dark));
  --c8y-component-color-text-muted: var(--palette-status-info, var(--c8y-palette-status-info));
  --c8y-component-border-color: rgba(0, 0, 0, 0.1);
}
.card.brand {
  background-color: #132b45;
  color: var(--c8y-palette-high);
  --c8y-component-color-text-muted: var(--c8y-palette-high);
  --c8y-component-border-color: rgba(0, 0, 0, 0.1);
}
.card.not-active {
  background: transparent;
  opacity: var(--c8y-component-disabled-opacity, var(--c8y-root-component-disabled-opacity));
  filter: grayscale(100%);
  cursor: default;
}
.card-has-tabs .nav.nav-tabs {
  padding: 0 calc(var(--c8y-unit-base) * 2) 0;
}
.card-has-tabs .nav.nav-tabs .nav-item {
  padding-top: 7px;
}
.card-has-tabs .nav.nav-tabs .nav-item:last-child:first-child {
  display: none;
}
.card-has-tabs .tab-container {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.card-has-tabs .tab-container .tab-content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  max-height: 100%;
}
.card-has-tabs .tab-container .tab-content .tab-pane,
.card-has-tabs .tab-container .tab-content .card--grid {
  height: 100%;
}
.card-tabs-wrapper {
  display: contents;
}
.card-tabs-wrapper .nav-tabs {
  padding-right: var(--c8y-component-padding-base-horizontal, var(--c8y-root-component-padding-base-horizontal));
  padding-left: var(--c8y-component-padding-base-horizontal, var(--c8y-root-component-padding-base-horizontal));
}
.card-tabs-wrapper .tab-content {
  display: contents;
}
.card-tabs-wrapper .tab-pane .card {
  margin-bottom: 0;
}
@media (min-width: 992px) {
  .card-tabs-wrapper .tab-pane {
    overflow: auto;
    flex-grow: 1;
    height: 10rem;
  }
  .card-tabs-wrapper .tab-pane::-webkit-scrollbar {
    width: 4px;
    /* for vertical scrollbars */
    height: 4px;
    /* for horizontal scrollbars */
  }
  .card-tabs-wrapper .tab-pane::-webkit-scrollbar-track {
    background: transparent;
  }
  .card-tabs-wrapper .tab-pane::-webkit-scrollbar-track:not(textarea) {
    background: var(--c8y-component-scrollbar-track, var(--c8y-root-component-scrollbar-track));
  }
  .card-tabs-wrapper .tab-pane::-webkit-scrollbar-thumb {
    width: 4px;
    border-radius: 1px;
    background: var(--c8y-component-scrollbar-thumb-default, var(--c8y-root-component-scrollbar-thumb-default));
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
  }
  .card-tabs-wrapper .tab-pane:hover::-webkit-scrollbar-thumb {
    background: var(--c8y-component-scrollbar-thumb-hover, var(--c8y-root-component-scrollbar-thumb-hover));
  }
}
.page-footer {
  min-height: 56px;
  border-top: 0;
}
.card-header {
  display: flex;
  align-items: center;
  flex-flow: row nowrap;
  padding: var(--c8y-font-size-base) var(--c8y-component-padding, var(--c8y-root-component-padding));
}
.card-header .card-tabs {
  position: inherit;
  box-shadow: none;
  width: 100%;
  z-index: unset;
}
.card-header.separator {
  box-shadow: inset 0 -1px 0 transparent;
}
.card-header .card-icon,
.card-header .card-title {
  order: 0;
  padding-right: var(--c8y-unit-base);
}
.card-header .card-icon {
  margin-top: -6px;
  min-width: 30px;
  max-height: 20px;
  font-size: 22px;
  line-height: calc(var(--c8y-font-size-base) * var(--c8y-line-height-base, 1.42857143));
}
.interact-list .card-header .card-icon,
.interact-list .card-header .card-title .statusContainer {
  margin-top: 0;
  max-height: 20px;
  font-size: 20px;
}
.card-header .card-title .statusContainer {
  line-height: 1;
}
.card-header h4,
.card-header h4.card-title,
.card-header .card-title,
.card-header .card-title.h4 {
  overflow: hidden;
  margin: 0;
  padding: 0;
  min-height: 20px;
  height: auto;
  text-overflow: ellipsis;
  font-weight: 500;
  font-size: 18px;
  line-height: var(--c8y-line-height-headings, 1.15);
}
.card-header:not(.separator) + .card-block {
  padding-top: 0;
}
.card-appicon {
  padding: 24px 8px 0;
  height: 66px;
  font-size: 36px;
  line-height: 1;
}
.card-subtitle {
  margin: 4px 0 0;
  width: 100%;
  color: #8a9596;
  font-size: 110%;
}
.card-inner-scroll {
  position: relative;
  overflow-y: auto;
  overscroll-behavior: contain;
}
@media screen and (min-width: 1200px) {
  .c8y-alarm-list .card-inner-scroll {
    height: 50vh;
  }
}
.card-inner-scroll > p {
  padding: 0 var(--c8y-component-padding, var(--c8y-root-component-padding));
}
.card-inner-scroll > p:first-child {
  padding-top: calc(var(--c8y-unit-base) * 2);
}
.card-inner-scroll svg {
  padding-top: 4px;
  padding-bottom: 4px;
}
.card-header-actions-no-title {
  position: absolute;
  z-index: 13;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0 4px 0 var(--c8y-unit-base);
  width: 100%;
  height: 4px;
}
.card-header-actions-no-title .card-header-title {
  display: none;
}
.card-header-actions-no-title .header-actions {
  margin-top: -6px;
  margin-right: -20px;
}
.card-header-actions-no-title .header-actions .optionsBtn:not(.open) {
  border-radius: 50%;
  background-color: #132b45;
  opacity: 0;
}
.card-block {
  overflow: hidden;
  padding: var(--c8y-component-padding, var(--c8y-root-component-padding));
  text-overflow: ellipsis;
}
.card-block--formly {
  padding: 0;
}
.card-block--formly formly-form {
  display: block;
  padding: var(--c8y-component-padding, var(--c8y-root-component-padding));
}
.card-block p:last-child {
  margin-bottom: 0;
}
.card-block hr {
  margin: var(--c8y-unit-base) calc(var(--c8y-component-padding, var(--c8y-root-component-padding)) * -1);
}
.card-block .flex-row.row {
  margin-right: calc(var(--c8y-component-padding, var(--c8y-root-component-padding)) * -1);
  margin-left: calc(var(--c8y-component-padding, var(--c8y-root-component-padding)) * -1);
}
.card-footer {
  padding: var(--c8y-component-padding, var(--c8y-root-component-padding));
}
@media (min-width: 768px) {
  .card-footer .btn:not(.btn-xs):not(.btn-sm) {
    min-width: 100px;
  }
}
@media (max-width: 767px) {
  .card-footer .btn:not(.btn-xs):not(.btn-sm) {
    min-width: 80px;
  }
}
.card-footer.separator {
  box-shadow: inset 0 1px 0 transparent;
}
.card-actions {
  position: absolute;
  top: calc(var(--c8y-unit-base) * 0.5);
  right: 0;
}
.card-actions.collapsible {
  display: flex;
  width: calc(var(--c8y-unit-base) * 10);
}
.card-actions > .dropdown {
  display: flex;
  order: 1000;
}
.card-actions > .btn,
.card-actions .dropdown > .c8y-dropdown {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--c8y-unit-base) 11.25px;
  min-width: calc(var(--c8y-unit-base) * 5);
  min-height: calc(var(--c8y-unit-base) * 5);
}
.card-actions > .btn > [class^='dlt-c8y-icon-'],
.card-actions .dropdown > .c8y-dropdown > [class^='dlt-c8y-icon-'],
.card-actions > .btn > [class*=' dlt-c8y-icon-'],
.card-actions .dropdown > .c8y-dropdown > [class*=' dlt-c8y-icon-'] {
  transition: all 0.35s ease;
}
.card-actions > .btn:focus,
.card-actions .dropdown > .c8y-dropdown:focus,
.card-actions > .btn:hover,
.card-actions .dropdown > .c8y-dropdown:hover,
.card-actions > .btn:active,
.card-actions .dropdown > .c8y-dropdown:active {
  outline: 2px solid #05d5f5;
  outline-offset: -2px;
  opacity: 1;
}
.card-actions > .btn:focus,
.card-actions .dropdown > .c8y-dropdown:focus {
  border-radius: var(--c8y-component-border-radius-focus, var(--c8y-root-component-border-radius-focus)) !important;
  color: #05d5f5;
}
.card-actions .btn-collapse.active {
  background-color: transparent;
  opacity: 1;
}
.card-actions .btn-collapse.active [class^='dlt-c8y-icon-'],
.card-actions .btn-collapse.active [class*=' dlt-c8y-icon-'] {
  transform: rotate(180deg);
}
.card-actions .dropdown-toggle,
.card-actions .btn-link {
  color: white;
  opacity: var(--c8y-component-actions-opacity, var(--c8y-root-component-actions-opacity));
}
.card-actions .dropdown-toggle:hover,
.card-actions .btn-link:hover {
  text-decoration: none;
  opacity: 1;
}
.card-actions .dropdown-toggle[disabled],
.card-actions .btn-link[disabled] {
  opacity: var(--c8y-component-disabled-opacity, var(--c8y-root-component-disabled-opacity)) !important;
  cursor: not-allowed !important;
  pointer-events: auto !important;
}
.card-actions .dropdown.open .dropdown-toggle,
.card-actions .btn-link.active {
  opacity: 1;
}
.card-actions-group {
  padding: calc(var(--c8y-unit-base) + 2px) var(--c8y-component-padding, var(--c8y-root-component-padding));
  text-align: center;
}
.card-actions-group.separator {
  box-shadow: inset 0 1px 0 transparent;
}
.card-actions-group a:not(.btn),
.card-actions-group button:not(.btn) {
  padding: 1px 5px;
  border: 0;
  border-radius: 0;
  background-color: transparent;
  background-image: none;
  color: white;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 10px;
  line-height: 1.5;
  box-shadow: none;
}
.card-actions-group a:not(.btn):hover,
.card-actions-group button:not(.btn):hover,
.card-actions-group a:not(.btn):focus,
.card-actions-group button:not(.btn):focus {
  outline: none;
  color: #05d5f5;
  text-decoration: none;
}
.card-actions-group .btn-xs {
  margin-top: 3px;
  margin-bottom: 3px;
}
.card-header-actions {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0 0 0 var(--c8y-component-padding, var(--c8y-root-component-padding));
  height: calc(var(--c8y-unit-base) * 6);
}
.card-header-actions:after {
  position: absolute;
  top: calc(calc(var(--c8y-unit-base) * 6) - 4px);
  left: 0;
  z-index: 10;
  display: block;
  width: 100%;
  height: 4px;
  content: '';
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
}
.card-header-actions.no-scroll:after {
  display: none;
}
c8y-alarm-list .card-header-actions:after {
  display: none;
}
.card-header-actions.critical .card-icon,
.card-header-actions.critical .card-title {
  background-color: var(--palette-status-danger, var(--c8y-palette-status-danger));
  color: white;
}
.card-header-actions.critical .title {
  opacity: 1;
}
.card-header-actions.major .card-icon,
.card-header-actions.major .card-title {
  background-color: var(--palette-status-warning-dark, var(--c8y-palette-status-warning-dark));
  color: white;
}
.card-header-actions.major .title {
  opacity: 1;
}
.card-header-actions.minor .card-icon,
.card-header-actions.minor .card-title {
  background-color: var(--palette-status-warning, var(--c8y-palette-status-warning));
  color: white;
}
.card-header-actions.minor .title {
  opacity: 1;
}
.card-header-actions.warning .card-icon,
.card-header-actions.warning .card-title {
  background-color: var(--palette-status-info, var(--c8y-palette-status-info));
  color: white;
}
.card-header-actions.warning .title {
  opacity: 1;
}
.card-header-actions .card-title {
  display: flex;
  align-items: center;
  align-self: stretch;
  padding: 0;
  min-height: calc(var(--c8y-unit-base) * 6);
  font-size: var(--c8y-font-size-small);
}
.card-header-actions .card-title > span {
  text-transform: uppercase;
}
.card-header-actions .card-icon {
  display: flex;
  align-items: center;
  align-self: stretch;
  justify-content: center;
  margin-left: calc(var(--c8y-component-padding, var(--c8y-root-component-padding)) * -1);
  width: calc(var(--c8y-unit-base) * 6);
  text-align: center;
}
.card-header-actions .card-icon + .card-title {
  padding: 0 calc(var(--c8y-unit-base) * 2) 0 0;
}
.card-header-actions .header-actions {
  margin-left: auto;
}
.card-header-actions .header-actions .btn-link {
  min-width: calc(var(--c8y-unit-base) * 5);
  color: white;
}
.card-header-actions .header-actions .btn-link:hover {
  color: var(--c8y-component-color-actions-hover, var(--c8y-root-component-color-actions-hover));
  text-decoration: none;
  opacity: 1;
}
.card-header-actions .header-actions .btn-link:focus {
  outline: none;
  text-decoration: none;
  opacity: 1;
}
.card-header-actions .header-actions .btn + .btn {
  margin: 0;
}
.card-header-actions .header-actions .optionsBtn {
  margin-right: calc(var(--c8y-unit-base) * 0.5);
}
.card-header-actions .header-actions .btn-icon {
  min-width: calc(var(--c8y-unit-base) * 5);
  color: white;
  text-align: center;
}
.optionsBtn .card-header-actions .header-actions .btn-icon {
  opacity: var(--c8y-component-actions-opacity, var(--c8y-root-component-actions-opacity));
}
.card-header-actions .header-actions .btn-icon:hover {
  color: var(--c8y-component-color-actions-hover, var(--c8y-root-component-color-actions-hover));
  opacity: 1;
}
.card-header-actions .header-actions .btn-icon:hover,
.card-header-actions .header-actions .btn-icon:focus,
.card-header-actions .header-actions .btn-icon:active {
  outline: 2px solid #05d5f5 !important;
  outline-offset: -2px;
  opacity: 1;
}
.card-header-actions + .card-inner-scroll:before {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 10;
  height: 4px;
  background-color: #132b45;
  content: '';
}
.card-navbar {
  padding: 4px var(--c8y-component-padding, var(--c8y-root-component-padding));
}
.card-select .card {
  outline: 0 solid #05d5f5;
  cursor: pointer;
  transition: outline 0.15s linear;
}
.card-select .card:hover,
.card-select .card:focus {
  outline: 3px solid #05d5f5;
}
.card-select .card.active {
  outline: 3px solid #05d5f5;
}
c8y-device-request-card {
  display: contents;
}
.no-card-context .card-header,
.no-card-context .card-footer {
  padding-left: 0;
  padding-right: 0;
}
.no-card-context .card-header > h4,
.no-card-context .card-header > .h4,
.no-card-context .card-header > .card-title {
  font-size: var(--c8y-font-size-base);
  font-weight: var(--c8y-form-label-font-weight);
  line-height: calc(var(--c8y-font-size-base) * var(--c8y-line-height-base, 1.42857143));
}
.card__ribbon {
  width: 60px;
  height: 60px;
  overflow: hidden;
  position: absolute;
  top: -4px;
  left: -4px;
}
.card__ribbon::before,
.card__ribbon::after {
  position: absolute;
  z-index: 0;
  content: '';
  display: block;
  border: 2px solid var(--c8y-palette-gray-40);
  border-top-color: transparent;
  border-left-color: transparent;
}
.card__ribbon::before {
  top: 0;
  right: 0;
}
.card__ribbon::after {
  bottom: 0;
  left: 0;
}
.card__ribbon span,
.card__ribbon button {
  position: absolute;
  display: block;
  width: 90px;
  padding: 2px 16px;
  background: var(--c8y-palette-gray-40);
  background-image: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  color: var(--c8y-palette-high);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  text-align: center;
  right: -10px;
  top: 17px;
  transform: rotate(-45deg);
  font-size: var(--c8y-unit-base);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.modal-open {
  overflow: hidden;
}
modal-container {
  background-color: #0008;
  transition: color 0.3s;
}
bs-modal-backdrop {
  opacity: 0 !important;
}
.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1048;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.error-detail {
  z-index: 1090 !important;
}
.modal.fade .modal-dialog {
  transform: translate(0, -25%);
  transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog,
.modal.show .modal-dialog {
  transform: translate(0, 0);
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-dialog {
  position: relative;
  margin: 10px;
  width: auto;
}
.modal-content {
  position: relative;
  outline: 0;
  border-radius: var(--c8y-modal-border-radius);
  background-color: var(--c8y-modal-background-default, #132b45);
  background-clip: padding-box;
  color: var(--c8y-modal-color-default, var(--c8y-component-color-default, var(--c8y-root-component-color-default)));
  box-shadow: var(--c8y-elevation-lg);
}
.c8y-dark-theme .modal-content {
  --c8y-component-border-color: var(--c8y-palette-gray-60);
}
@media (prefers-color-scheme: dark) {
  .c8y-system-theme .modal-content {
    --c8y-component-border-color: var(--c8y-palette-gray-60);
  }
}
.modal-content .viewport-modal {
  display: flex;
  flex-direction: column;
  max-height: calc(100vh - 100px);
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: var(--c8y-modal-backdrop-background);
}
.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0);
}
.modal-backdrop.in,
.modal-backdrop.show {
  opacity: var(--c8y-modal-backdrop-opacity);
}
.modal-header {
  padding: calc(var(--c8y-unit-base) * 3);
  border-bottom: 0;
}
.modal-header.separator {
  box-shadow: inset 0 -1px 0 transparent;
}
.modal-header .input-group-search {
  margin: 5px 0 -10px;
}
.modal-header.dialog-header {
  background-color: var(--c8y-brand-20);
  color: var(--c8y-brand-70);
  text-align: center;
}
.modal-header.dialog-header > [class^='dlt-c8y-icon-'],
.modal-header.dialog-header > [class*=' dlt-c8y-icon-'],
.modal-header.dialog-header .c8y-icon {
  font-size: 62px;
}
.modal-header.dialog-header > h4,
.modal-header.dialog-header > .modal-title {
  margin: var(--c8y-unit-base) 0 0;
  text-transform: uppercase;
  letter-spacing: 0.15em;
}
.modal-header.dialog-header ~ * .modal-inner-scroll,
.modal-header.dialog-header ~ * .table-data-grid-scroll {
  max-height: calc(100vh - 319px);
}
.modal-header.dialog-header ~ * .modal-inner-scroll--fixed,
.modal-header.dialog-header ~ * .table-data-grid-scroll--fixed {
  height: calc(100vh - 319px);
}
.modal-header.dialog-header,
.modal-header.has-data-grid ~ .modal-inner-scroll {
  max-height: calc(100vh - 319px);
}
.modal-header.dialog-header--fixed,
.modal-header.has-data-grid ~ .modal-inner-scroll--fixed {
  height: calc(100vh - 319px);
}
.modal-header ~ .modal-inner-scroll .table-data-grid-scroll {
  height: calc(100vh - 319px);
}
.modal-header ~ .modal-inner-scroll .table-data-grid-scroll tr > td:first-child,
.modal-header ~ .modal-inner-scroll .table-data-grid-scroll tr th:first-child {
  padding-left: calc(var(--c8y-unit-base) * 3);
}
.modal-header ~ .modal-inner-scroll .table-data-grid-scroll tr > td:last-child,
.modal-header ~ .modal-inner-scroll .table-data-grid-scroll tr th:last-child {
  padding-right: calc(var(--c8y-unit-base) * 3);
}
.modal-header .close {
  margin-top: -2px;
}
.modal-title,
.modal-header h1,
.modal-header h2,
.modal-header h3,
.modal-header h4 {
  margin: 0;
  line-height: var(--c8y-line-height-small);
}
.modal-title {
  margin-top: var(--c8y-unit-base);
  font-size: var(--c8y-font-size-h4) !important;
  font-weight: var(--c8y-font-weight-headings, 400);
}
.modal-subtitle {
  margin-bottom: 0;
  padding: calc(var(--c8y-unit-base) * 2) calc(var(--c8y-unit-base) * 3);
  background-color: #132b45;
  text-align: center;
  font-weight: var(--c8y-font-weight-headings, 400);
  font-size: 16px;
  min-height: 1px;
  box-shadow: inset 0 -1px 0 transparent !important;
}
.modal-body {
  position: relative;
  padding: calc(var(--c8y-unit-base) * 3);
}
c8y-modal .modal-body {
  padding: 0;
}
.modal-body.separator {
  box-shadow: 0 -1px 0 transparent;
}
.modal-header:not(.separator) + .modal-body {
  padding-top: 0;
}
.modal-footer {
  padding: calc(var(--c8y-unit-base) * 3);
  box-shadow: inset 0 1px 0 transparent;
  text-align: center;
}
.modal-footer > .btn {
  min-width: 100px;
}
@media (max-width: 767px) {
  .modal-footer > .btn {
    min-width: 80px;
  }
}
.modal-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: var(--c8y-unit-base);
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  overflow: scroll;
  width: 50px;
  height: 50px;
}
@media (min-width: 768px) {
  .modal-dialog {
    margin: 30px auto;
    width: var(--c8y-modal-size-md);
  }
  .modal-sm {
    max-width: var(--c8y-modal-size-sm);
  }
}
@media (min-width: 992px) {
  .modal-lg {
    width: var(--c8y-modal-size-lg);
  }
}
.modal-header {
  border: 0;
}
.modal-header.modal-header-primary {
  color: #132b45;
  text-align: center;
}
.modal-header.modal-header-success {
  color: #41D796;
  text-align: center;
}
.modal-header.modal-header-info {
  color: var(--palette-status-info, var(--c8y-palette-status-info));
  text-align: center;
}
.modal-header.modal-header-warning {
  color: var(--palette-status-warning, var(--c8y-palette-status-warning));
  text-align: center;
}
.modal-header.modal-header-danger {
  color: var(--palette-status-danger, var(--c8y-palette-status-danger));
  text-align: center;
}
.c8y-prompt .modal-header {
  text-align: center;
}
.c8y-prompt .modal-header [class^='dlt-c8y-icon-'],
.c8y-prompt .modal-header [class*=' dlt-c8y-icon-'] {
  padding-top: 30px;
  font-size: 5em;
}
.c8y-prompt .modal-footer {
  padding-bottom: 40px;
  border: 0;
}
.modal-header .btn-modal-close {
  position: relative;
  top: -8px;
  right: -8px;
  color: var(--c8y-component-color-default, var(--c8y-root-component-color-default));
  font-size: 15px;
}
.modal-status-icon {
  font-size: 30px;
}
@media (min-width: 768px) {
  .modal-dialog {
    margin: 50px auto;
  }
}
.modal-inner-scroll {
  overflow-x: hidden;
  overflow-y: auto;
  flex-grow: 1;
  margin: 0;
  max-height: calc(100vh - 310px);
}
.modal-inner-scroll--fixed {
  height: calc(100vh - 310px);
}
.modal-body .modal-inner-scroll {
  margin: 0 calc(var(--c8y-unit-base) * -1) calc(var(--c8y-unit-base) * -1);
}
.modal-inner-scroll-sm {
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0;
  max-height: var(--c8y-inner-scroll-height-sm);
  border-top: 1px solid transparent;
}
.modal-inner-scroll-sm--fixed {
  height: var(--c8y-inner-scroll-height-sm);
}
.modal-body .modal-inner-scroll-sm {
  margin: 0 calc(var(--c8y-unit-base) * -1) calc(var(--c8y-unit-base) * -1);
}
.modal-list-header {
  position: relative;
}
.modal-list-header:after {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 10;
  display: block;
  margin-top: -4px;
  width: 100%;
  height: 4px;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
  content: '';
}
.modal-body .modal-list-header {
  margin-right: calc(calc(var(--c8y-unit-base) * 3) * -1);
  margin-left: calc(calc(var(--c8y-unit-base) * 3) * -1);
}
.modal-list-header + .modal-inner-scroll,
.modal-list-header + .modal-inner-scroll-sm {
  position: relative;
  padding-top: 4px;
}
.modal-list-header + .modal-inner-scroll:before,
.modal-list-header + .modal-inner-scroll-sm:before {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 4px;
  background-color: #132b45;
  content: '';
}
.modal-map {
  position: relative;
}
.modal-map .angular-leaflet-map {
  width: calc(100% - 200px) !important;
}
.modal-map .panel-map {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  padding: 30px 15px;
  width: 200px;
  background-color: rgba(19, 43, 69, 0.9);
}
.dropup,
.dropdown {
  position: relative;
  display: inline-block;
  min-width: 0;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1001;
  display: none;
  float: left;
  margin: 0;
  padding: 0;
  min-width: 160px;
  border-color: transparent;
  border-radius: var(--c8y-component-border-radius-base, var(--c8y-root-component-border-radius-base));
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-color: var(--c8y-dropdown-background-default, #132b45);
  background-clip: padding-box;
  list-style: none;
  text-align: left;
  text-transform: none;
  font-size: var(--c8y-font-size-base);
  box-shadow: var(--c8y-elevation-md-bottom);
}
.dropdown-menu .sticky-bottom {
  background-color: var(--c8y-dropdown-background-default, var(--c8y-component-background-default, var(--c8y-root-component-background-default)));
}
.dropdown-menu--date-range {
  min-width: 240px;
}
.dropdown-menu--date-range c8y-wrapper-form-field > .form-group {
  margin-bottom: 8px;
}
.dropdown-menu--modal {
  z-index: 1051 !important;
}
.dropdown-menu--modal .p-l-24 {
  padding-left: 16px !important;
}
.dropdown-menu--modal .p-r-24 {
  padding-right: 16px !important;
}
.dropdown-menu--modal .m-l-24 {
  margin-left: 16px !important;
}
.dropdown-menu--modal .m-r-24 {
  margin-right: 16px !important;
}
.dropdown-menu--modal .m-l-16 {
  margin-left: 0 !important;
}
.dropdown-menu--modal .m-r-16 {
  margin-right: 0 !important;
}
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu .divider {
  overflow: hidden;
  margin: 0 !important;
  height: 2px;
  background: transparent;
}
.dropdown-menu > li a:not(.btn):not(.c8y-asset-selector__btn):not(.btn-help):not(.btn-add-block):not(.btn-clean):not(.collapse-btn.btn-dot),
.dropdown-menu > .d-contents > li a:not(.btn):not(.c8y-asset-selector__btn):not(.btn-help):not(.btn-add-block):not(.btn-clean):not(.collapse-btn.btn-dot),
.dropdown-menu > li button:not(.btn):not(.c8y-asset-selector__btn):not(.btn-help):not(.btn-add-block):not(.btn-clean):not(.collapse-btn.btn-dot),
.dropdown-menu > .d-contents > li button:not(.btn):not(.c8y-asset-selector__btn):not(.btn-help):not(.btn-add-block):not(.btn-clean):not(.collapse-btn.btn-dot) {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 9px 15px 10px;
  width: 100%;
  border: 0;
  border-top: 1px solid transparent;
  border-radius: 0;
  background-color: var(--c8y-dropdown-background-default, #132b45);
  background-image: none;
  color: white;
  text-align: left;
  white-space: nowrap;
}
.dropdown-menu > li a:not(.btn):not(.c8y-asset-selector__btn):not(.btn-help):not(.btn-add-block):not(.btn-clean):not(.collapse-btn.btn-dot):hover,
.dropdown-menu > .d-contents > li a:not(.btn):not(.c8y-asset-selector__btn):not(.btn-help):not(.btn-add-block):not(.btn-clean):not(.collapse-btn.btn-dot):hover,
.dropdown-menu > li button:not(.btn):not(.c8y-asset-selector__btn):not(.btn-help):not(.btn-add-block):not(.btn-clean):not(.collapse-btn.btn-dot):hover,
.dropdown-menu > .d-contents > li button:not(.btn):not(.c8y-asset-selector__btn):not(.btn-help):not(.btn-add-block):not(.btn-clean):not(.collapse-btn.btn-dot):hover {
  color: var(--c8y-component-color-actions-hover, var(--c8y-root-component-color-actions-hover));
  text-decoration: none;
}
.dropdown-menu > li a:not(.btn):not(.c8y-asset-selector__btn):not(.btn-help):not(.btn-add-block):not(.btn-clean):not(.collapse-btn.btn-dot):focus,
.dropdown-menu > .d-contents > li a:not(.btn):not(.c8y-asset-selector__btn):not(.btn-help):not(.btn-add-block):not(.btn-clean):not(.collapse-btn.btn-dot):focus,
.dropdown-menu > li button:not(.btn):not(.c8y-asset-selector__btn):not(.btn-help):not(.btn-add-block):not(.btn-clean):not(.collapse-btn.btn-dot):focus,
.dropdown-menu > .d-contents > li button:not(.btn):not(.c8y-asset-selector__btn):not(.btn-help):not(.btn-add-block):not(.btn-clean):not(.collapse-btn.btn-dot):focus {
  outline: none;
  border-radius: var(--c8y-component-border-radius-focus, var(--c8y-root-component-border-radius-focus)) !important;
  box-shadow: inset 0 0 0 2px #05d5f5;
}
.dropdown-menu > li [disabled],
.dropdown-menu > .d-contents > li [disabled],
.dropdown-menu > li .disabled,
.dropdown-menu > .d-contents > li .disabled,
.dropdown-menu > li [disabled]:hover,
.dropdown-menu > .d-contents > li [disabled]:hover,
.dropdown-menu > li .disabled:hover,
.dropdown-menu > .d-contents > li .disabled:hover,
.dropdown-menu > li [disabled]:focus,
.dropdown-menu > .d-contents > li [disabled]:focus,
.dropdown-menu > li .disabled:focus,
.dropdown-menu > .d-contents > li .disabled:focus {
  cursor: not-allowed !important;
  opacity: var(--c8y-root-component-disabled-opacity);
}
.dropdown-menu > li [disabled]:not(.btn),
.dropdown-menu > .d-contents > li [disabled]:not(.btn),
.dropdown-menu > li .disabled:not(.btn),
.dropdown-menu > .d-contents > li .disabled:not(.btn),
.dropdown-menu > li [disabled]:hover:not(.btn),
.dropdown-menu > .d-contents > li [disabled]:hover:not(.btn),
.dropdown-menu > li .disabled:hover:not(.btn),
.dropdown-menu > .d-contents > li .disabled:hover:not(.btn),
.dropdown-menu > li [disabled]:focus:not(.btn),
.dropdown-menu > .d-contents > li [disabled]:focus:not(.btn),
.dropdown-menu > li .disabled:focus:not(.btn),
.dropdown-menu > .d-contents > li .disabled:focus:not(.btn) {
  color: white !important;
}
.dropdown-menu > li:first-child a,
.dropdown-menu > li:first-child > button,
.dropdown-menu .divider + li > a {
  border-top-color: transparent !important;
}
.dropdown-menu > .dropdown-form {
  padding: 16px;
  min-width: 250px;
  background-color: #132b45;
  overflow-y: auto;
}
.dropdown-menu > .dropdown-form::-webkit-scrollbar {
  width: 4px;
  /* for vertical scrollbars */
  height: 4px;
  /* for horizontal scrollbars */
}
.dropdown-menu > .dropdown-form::-webkit-scrollbar-track {
  background: transparent;
}
.dropdown-menu > .dropdown-form::-webkit-scrollbar-track:not(textarea) {
  background: var(--c8y-component-scrollbar-track, var(--c8y-root-component-scrollbar-track));
}
.dropdown-menu > .dropdown-form::-webkit-scrollbar-thumb {
  width: 4px;
  border-radius: 1px;
  background: var(--c8y-component-scrollbar-thumb-default, var(--c8y-root-component-scrollbar-thumb-default));
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.dropdown-menu > .dropdown-form:hover::-webkit-scrollbar-thumb {
  background: var(--c8y-component-scrollbar-thumb-hover, var(--c8y-root-component-scrollbar-thumb-hover));
}
.dropdown-menu > .dropdown-form:has(.dropdown-footer) {
  padding-bottom: 0;
}
.dropdown-menu > .dropdown-form .dropdown-footer {
  margin: 0 -16px;
  padding: 16px;
  box-shadow: inset 0 1px 0 transparent !important;
  background-color: #132b45;
}
.dropdown-menu .form-group.datepicker .uib-datepicker-popup {
  min-width: 281px;
}
.dropdown.open .dropdown-menu-grid-4 {
  display: grid !important;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
.dropdown.open .dropdown-menu-grid-4 li > a {
  padding: 9px 8px;
  border-width: 0;
  text-align: center;
  transition: box-shadow 0.25s ease;
}
.dropdown.open .dropdown-menu-grid-4 li > a:hover,
.dropdown.open .dropdown-menu-grid-4 li > a.active {
  box-shadow: inset 0 0 0 2px var(--c8y-component-color-actions-hover, var(--c8y-root-component-color-actions-hover));
  color: var(--c8y-component-color-actions-hover, var(--c8y-root-component-color-actions-hover));
}
.dropdown.open > .dropdown-menu,
.uib-dropdown-open > .dropdown-menu {
  display: block;
  height: auto;
}
.dropdown.open > .dropdown-menu.visible-overflow,
.uib-dropdown-open > .dropdown-menu.visible-overflow {
  overflow: visible;
}
.dropdown.open > .dropdown-menu li,
.uib-dropdown-open > .dropdown-menu li {
  top: 0 !important;
}
.dropdown.open > a,
.uib-dropdown-open > a {
  outline: 0;
}
.dropdown-menu > li > a:not(.btn):hover,
.dropdown-menu > li > a:not(.btn):focus {
  color: var(--c8y-component-color-actions-hover, var(--c8y-root-component-color-actions-hover));
  text-decoration: none;
}
.dropdown-menu > .active > a:not(.btn),
.dropdown-menu > .active > button:not(.btn),
.dropdown-menu > .active > a:not(.btn):hover,
.dropdown-menu > .active > button:not(.btn):hover,
.dropdown-menu > .active > a:not(.btn):focus,
.dropdown-menu > .active > button:not(.btn):focus {
  outline: 0;
  color: var(--c8y-component-color-active, var(--c8y-root-component-color-active)) !important;
  text-decoration: none;
}
.dropdown-menu > .disabled {
  cursor: not-allowed;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > button {
  pointer-events: none;
  opacity: var(--c8y-component-disabled-opacity, var(--c8y-root-component-disabled-opacity));
}
.dropdown-menu > *:not(.disabled) button[disabled]:not(.btn),
.dropdown-menu > *:not(.disabled) button[disabled]:not(.btn):hover,
.dropdown-menu > *:not(.disabled) button[disabled]:not(.btn):focus {
  color: var(--c8y-component-color-disabled, var(--c8y-root-component-color-disabled)) !important;
}
.dropdown-menu > *:not(.disabled) button[disabled]:not(.btn):hover,
.dropdown-menu > *:not(.disabled) button[disabled]:not(.btn):focus {
  background-color: #132b45;
  background-image: none;
  color: var(--c8y-component-color-disabled, var(--c8y-root-component-color-disabled)) !important;
  text-decoration: none;
  cursor: not-allowed;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.dropdown-menu-right {
  right: 0;
  left: auto;
}
.dropdown-menu-right-grid {
  right: 9px !important;
  left: auto !important;
}
@media (max-width: 767px) {
  .dropdown-menu-right--xs {
    right: 0;
    left: auto;
  }
  .dropdown-menu-right--xs-grid {
    right: 9px !important;
    left: auto !important;
  }
}
.dropdown-menu-left {
  right: auto !important;
  left: 0 !important;
}
.uib-dropdown-open .dropdown-menu-action-bar {
  position: fixed;
  top: 112px !important;
}
.uib-dropdown-open .dropdown-menu-action-bar,
.open .dropdown-menu-action-bar {
  max-height: calc(100vh - 200px);
  overflow-y: auto !important;
  height: auto;
}
.uib-dropdown-open .dropdown-menu-action-bar .c8y-list__item,
.open .dropdown-menu-action-bar .c8y-list__item {
  padding-left: var(--c8y-component-padding, var(--c8y-root-component-padding));
  padding-right: var(--c8y-component-padding, var(--c8y-root-component-padding));
}
.uib-dropdown-open .dropdown-menu-action-bar .c8y-list__item .c8y-list__item__body,
.open .dropdown-menu-action-bar .c8y-list__item .c8y-list__item__body {
  padding-top: calc(var(--c8y-unit-base) * 0.5);
  padding-bottom: calc(var(--c8y-unit-base) * 0.5);
}
.dropdown-header {
  color: #8a9596 !important;
  text-transform: uppercase !important;
  font-size: 10px !important;
  font-weight: 500;
  display: block;
  padding: var(--c8y-unit-base) var(--c8y-component-padding, var(--c8y-root-component-padding));
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  background-color: #132b45;
  color: var(--c8y-component-color-default, var(--c8y-root-component-color-default)) !important;
  white-space: nowrap;
  font-size: var(--c8y-font-size-small);
  line-height: var(--c8y-line-height-base, 1.42857143);
}
.dropdown-header:not(:first-child) {
  border-top: 2px solid transparent;
}
.dropdown-header.no-border-top {
  border-top: 0;
}
.dropdown-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 991;
}
.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: 1px;
}
@media (min-width: 1200px) {
  .navbar-right .dropdown-menu {
    right: 0;
    left: auto;
  }
  .navbar-right .dropdown-menu-grid {
    right: 9px !important;
    left: auto !important;
  }
  .navbar-right .dropdown-menu-left {
    right: auto !important;
    left: 0 !important;
  }
}
.more-wrapper .dropdown-menu > li > .btn.btn-link {
  display: block;
  padding: 10px 15px 9px !important;
  width: 100%;
  border-top: 1px solid transparent;
  background-color: #132b45;
  color: white;
  text-align: left;
  white-space: nowrap;
  font-weight: normal;
  line-height: var(--c8y-line-height-base, 1.42857143);
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: 1px;
}
.c8y-dropdown {
  position: relative;
  display: inline-block;
  margin: 0;
}
.c8y-dropdown:not(.btn) {
  padding: 10px;
  border: 0;
  border-radius: 0;
  background-color: transparent;
  background-image: none;
  color: white;
}
.c8y-dropdown:hover,
.open .c8y-dropdown {
  text-decoration: none;
}
.c8y-dropdown:hover > span,
.open .c8y-dropdown > span {
  position: relative;
  z-index: 10;
}
.c8y-dropdown [class^='dlt-c8y-icon-'],
.c8y-dropdown [class*=' dlt-c8y-icon-'] {
  position: relative;
}
.c8y-dropdown + .dropdown-menu {
  overflow: hidden;
  margin: 0;
  height: 0;
  border: 0;
}
.c8y-dropdown + .dropdown-menu > li a:not(.btn):not(.btn-help):not(.btn-clean),
.c8y-dropdown + .dropdown-menu > .d-contents > li a:not(.btn):not(.btn-help):not(.btn-clean),
.c8y-dropdown + .dropdown-menu > li button:not(.btn):not(.btn-help):not(.btn-clean),
.c8y-dropdown + .dropdown-menu > .d-contents > li button:not(.btn):not(.btn-help):not(.btn-clean),
.c8y-dropdown + .dropdown-menu > li label:not(.c8y-checkbox):not(.c8y-radio),
.c8y-dropdown + .dropdown-menu > .d-contents > li label:not(.c8y-checkbox):not(.c8y-radio) {
  display: block;
  padding: 9px 16px 10px;
  width: 100%;
  border: 0;
  border-top: 1px solid transparent;
  border-radius: 0;
  background-color: #132b45;
  background-image: none;
  color: white;
  text-align: left;
  white-space: nowrap;
}
.c8y-dropdown + .dropdown-menu > li a:not(.btn):not(.btn-help):not(.btn-clean).logViewer,
.c8y-dropdown + .dropdown-menu > .d-contents > li a:not(.btn):not(.btn-help):not(.btn-clean).logViewer,
.c8y-dropdown + .dropdown-menu > li button:not(.btn):not(.btn-help):not(.btn-clean).logViewer,
.c8y-dropdown + .dropdown-menu > .d-contents > li button:not(.btn):not(.btn-help):not(.btn-clean).logViewer,
.c8y-dropdown + .dropdown-menu > li label:not(.c8y-checkbox):not(.c8y-radio).logViewer,
.c8y-dropdown + .dropdown-menu > .d-contents > li label:not(.c8y-checkbox):not(.c8y-radio).logViewer {
  padding: 8px 0 0;
}
.c8y-dropdown + .dropdown-menu > li a:not(.btn):not(.btn-help):not(.btn-clean):hover,
.c8y-dropdown + .dropdown-menu > .d-contents > li a:not(.btn):not(.btn-help):not(.btn-clean):hover,
.c8y-dropdown + .dropdown-menu > li button:not(.btn):not(.btn-help):not(.btn-clean):hover,
.c8y-dropdown + .dropdown-menu > .d-contents > li button:not(.btn):not(.btn-help):not(.btn-clean):hover,
.c8y-dropdown + .dropdown-menu > li label:not(.c8y-checkbox):not(.c8y-radio):hover,
.c8y-dropdown + .dropdown-menu > .d-contents > li label:not(.c8y-checkbox):not(.c8y-radio):hover {
  color: var(--c8y-component-color-actions-hover, var(--c8y-root-component-color-actions-hover));
  text-decoration: none;
}
@media (min-width: 992px) {
  .c8y-dropdown + .dropdown-menu > li label,
  .c8y-dropdown + .dropdown-menu > .d-contents > li label {
    padding: 9px 16px 10px;
  }
}
.dropdown.open .c8y-dropdown:not([aria-expanded='false']):not(.btn),
[dropdown].open .c8y-dropdown:not([aria-expanded='false']):not(.btn),
.dropdown[dropdown-append-to-body='true'] .c8y-dropdown:not([aria-expanded='false']):not(.btn),
.btn-group.open .c8y-dropdown:not([aria-expanded='false']):not(.btn),
.dropdown.open .c8y-dropdown[aria-expanded='true']:not(.btn),
[dropdown].open .c8y-dropdown[aria-expanded='true']:not(.btn),
.dropdown[dropdown-append-to-body='true'] .c8y-dropdown[aria-expanded='true']:not(.btn),
.btn-group.open .c8y-dropdown[aria-expanded='true']:not(.btn) {
  background: #132b45;
  box-shadow: var(--c8y-elevation-md-bottom);
  color: var(--c8y-component-color-actions-hover, var(--c8y-root-component-color-actions-hover));
  opacity: 1;
}
.dropdown.open .c8y-dropdown:not([aria-expanded='false']):not(.btn):focus,
[dropdown].open .c8y-dropdown:not([aria-expanded='false']):not(.btn):focus,
.dropdown[dropdown-append-to-body='true'] .c8y-dropdown:not([aria-expanded='false']):not(.btn):focus,
.btn-group.open .c8y-dropdown:not([aria-expanded='false']):not(.btn):focus,
.dropdown.open .c8y-dropdown[aria-expanded='true']:not(.btn):focus,
[dropdown].open .c8y-dropdown[aria-expanded='true']:not(.btn):focus,
.dropdown[dropdown-append-to-body='true'] .c8y-dropdown[aria-expanded='true']:not(.btn):focus,
.btn-group.open .c8y-dropdown[aria-expanded='true']:not(.btn):focus {
  outline: 2px solid #05d5f5;
  outline-offset: -2px;
  border-radius: var(--c8y-component-border-radius-focus, var(--c8y-root-component-border-radius-focus)) !important;
}
.dropdown.open .c8y-dropdown:not([aria-expanded='false']) + .dropdown-menu,
[dropdown].open .c8y-dropdown:not([aria-expanded='false']) + .dropdown-menu,
.dropdown[dropdown-append-to-body='true'] .c8y-dropdown:not([aria-expanded='false']) + .dropdown-menu,
.btn-group.open .c8y-dropdown:not([aria-expanded='false']) + .dropdown-menu,
.dropdown.open .c8y-dropdown[aria-expanded='true'] + .dropdown-menu,
[dropdown].open .c8y-dropdown[aria-expanded='true'] + .dropdown-menu,
.dropdown[dropdown-append-to-body='true'] .c8y-dropdown[aria-expanded='true'] + .dropdown-menu,
.btn-group.open .c8y-dropdown[aria-expanded='true'] + .dropdown-menu {
  height: auto;
  border: 1px solid transparent;
}
.dropdown.open.dropup .c8y-dropdown,
[dropdown].open.dropup .c8y-dropdown,
.dropdown[dropdown-append-to-body='true'].dropup .c8y-dropdown,
.btn-group.open.dropup .c8y-dropdown {
  position: relative;
  z-index: 1002;
}
.dropup.open .c8y-dropdown:not(.btn),
.dropup.show .c8y-dropdown:not(.btn),
[dropup].open .c8y-dropdown:not(.btn) {
  color: currentColor;
  opacity: 1;
}
.dropup.open .c8y-dropdown + .dropdown-menu,
.dropup.show .c8y-dropdown + .dropdown-menu,
[dropup].open .c8y-dropdown + .dropdown-menu {
  z-index: 1031;
  height: auto;
}
.dropdown[c8yDropdownDirection].dropup .dropdown-menu:not([uib-dropdown-menu]),
.dropdown.dropup .dropdown-menu:not([uib-dropdown-menu]) {
  transform: translateY(calc(-100% - 32px)) !important;
}
body > .dropdown-menu {
  overflow: hidden;
  margin: 0;
  height: 0;
  border: 0;
  background-color: transparent;
}
body > .dropdown-menu > li {
  position: relative;
}
body > .dropdown-menu > li a:not(.btn):not(.btn-help):not(.btn-clean),
body > .dropdown-menu > li button:not(.btn):not(.btn-help):not(.btn-clean) {
  display: block;
  padding: 10px 15px 9px;
  width: 100%;
  border: 0;
  border-top: 1px solid transparent;
  border-radius: 0;
  background-color: #132b45;
  background-image: none;
  text-align: left;
  white-space: nowrap;
}
body > .dropdown-menu > li a:not(.btn):not(.btn-help):not(.btn-clean):hover,
body > .dropdown-menu > li button:not(.btn):not(.btn-help):not(.btn-clean):hover {
  color: var(--c8y-component-color-actions-hover, var(--c8y-root-component-color-actions-hover));
  text-decoration: none;
}
body > .dropdown-menu > li a:not(.btn):not(.btn-help):not(.btn-clean):focus,
body > .dropdown-menu > li button:not(.btn):not(.btn-help):not(.btn-clean):focus {
  outline: 2px solid #05d5f5;
  outline-offset: -2px;
  border-radius: var(--c8y-component-border-radius-focus, var(--c8y-root-component-border-radius-focus)) !important;
}
body.uib-dropdown-open > .dropdown-menu {
  z-index: 1051 !important;
  height: auto;
}
body > bs-dropdown-container {
  z-index: 1001 !important;
  height: 0;
}
body > bs-dropdown-container .dropdown {
  position: unset;
}
body.modal-open > bs-dropdown-container {
  z-index: 1051 !important;
}
[uib-typeahead-popup].dropdown-menu {
  overflow: auto;
  max-height: 200px;
  width: 100%;
}
[uib-typeahead-popup].dropdown-menu::-webkit-scrollbar {
  width: 4px;
  /* for vertical scrollbars */
  height: 4px;
  /* for horizontal scrollbars */
}
[uib-typeahead-popup].dropdown-menu::-webkit-scrollbar-track {
  background: transparent;
}
[uib-typeahead-popup].dropdown-menu::-webkit-scrollbar-track:not(textarea) {
  background: var(--c8y-component-scrollbar-track, var(--c8y-root-component-scrollbar-track));
}
[uib-typeahead-popup].dropdown-menu::-webkit-scrollbar-thumb {
  width: 4px;
  border-radius: 1px;
  background: var(--c8y-component-scrollbar-thumb-default, var(--c8y-root-component-scrollbar-thumb-default));
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
[uib-typeahead-popup].dropdown-menu:hover::-webkit-scrollbar-thumb {
  background: var(--c8y-component-scrollbar-thumb-hover, var(--c8y-root-component-scrollbar-thumb-hover));
}
[uib-typeahead-popup].dropdown-menu:not(.uib-datepicker-popup) li {
  position: static;
}
.c8y-search-dropdown .input-group-dropdown {
  z-index: 1;
}
.c8y-select-v2 {
  display: block;
  height: var(--c8y-form-control-height-base);
}
.c8y-select-v2 .selected-items {
  display: contents;
}
.c8y-select-v2 .input-group.input-group-dropdown {
  border: solid var(--c8y-form-control-border-width, 1px) var(--c8y-form-control-border-color-default);
  outline-offset: -1px;
  height: var(--c8y-form-control-height-base);
}
.c8y-select-v2 .input-group.input-group-dropdown:focus-within {
  outline: solid 2px #05d5f5;
  outline-offset: -2px;
}
.c8y-select-v2 .input-group.input-group-dropdown input.form-control {
  background: transparent;
  box-shadow: none;
  width: 0 !important;
  right: 0;
  left: 0;
  z-index: 1;
  height: calc(var(--c8y-form-control-height-base) - 2px) !important;
}
.c8y-select-v2 .input-group.input-group-dropdown input.form-control:focus {
  width: auto !important;
  background: rgba(255, 255, 255, 0.6);
  background-clip: content-box;
}
.c8y-select-v2 .input-group.input-group-dropdown .input-group-btn {
  height: calc(var(--c8y-form-control-height-base) - 2px) !important;
}
.c8y-select-v2 .input-group.input-group-dropdown .input-group-btn > button {
  height: calc(var(--c8y-form-control-height-base) - 2px) !important;
}
.c8y-select-v2 .input-group.input-group-dropdown .input-group-btn > button:focus {
  margin-left: 0!important;
}
.c8y-select-v2 .input-group.input-group-dropdown div.form-control {
  box-shadow: none;
  background-color: transparent;
  border: 0;
  height: calc(var(--c8y-form-control-height-base) - 2px) !important;
}
.c8y-select-v2 .dropdown.open input.form-control,
.c8y-select-v2 .dropdown.show input.form-control {
  z-index: 3;
}
.range-display {
  position: relative;
  display: block;
  padding: 32px 38px 32px 34px;
  min-width: 240px;
  border: 4px solid transparent;
  border-radius: 44px;
  background-color: #132b45;
}
.range-display--compact:not(.range-display--vertical) .range-display {
  padding: 8px 10px;
  min-width: auto;
}
.range-display--inline:not(.range-display--vertical) .range-display {
  padding: 9px 12px;
  min-width: auto;
  border-width: 3px;
}
.range-display--compact:not(.range-display--vertical) {
  display: flex;
  align-items: center;
}
.range-display--compact:not(.range-display--vertical)::before {
  display: inline-block;
  padding-right: 8px;
  content: attr(data-label);
  font-weight: bold;
}
.range-display--compact:not(.range-display--vertical) .range-display {
  flex: 1 1 auto;
  min-width: auto;
}
.range-display__range {
  position: absolute;
  right: 37px;
  left: 34px;
  display: flex;
  height: 4px;
  border: 0;
  border-radius: 0;
  background-color: transparent;
}
.range-display__range::before {
  position: absolute;
  bottom: 0;
  width: 100%;
  border-bottom: 1px dotted currentColor;
  content: '';
  opacity: 0.5;
}
.range-display--compact:not(.range-display--vertical) .range-display__range {
  right: 10px;
  left: 10px;
}
.range-display--inline:not(.range-display--vertical) .range-display__range {
  right: 12px;
  left: 12px;
}
.range-display__range__unit {
  position: absolute;
  top: -24px;
  font-weight: bold;
}
.range-display--compact:not(.range-display--vertical) .range-display__range__unit,
.range-display--inline:not(.range-display--vertical) .range-display__range__unit {
  display: none;
}
.range-display__range__max,
.range-display__range__min {
  position: absolute;
  top: -4px;
  max-width: 100%;
  height: 8px;
  border-radius: 0;
}
.range-display__range__max {
  left: var(--range-r-min);
  width: calc(var(--range-r-max) - var(--range-r-min));
  background-color: var(--input-validation-error, var(--palette-status-danger, var(--c8y-palette-status-danger)));
}
.range-display__range__min {
  left: var(--range-y-min);
  width: calc(var(--range-y-max) - var(--range-y-min));
  border-right: 1px solid #132b45;
  background-color: var(--input-validation-warning, var(--palette-status-warning, var(--c8y-palette-status-warning)));
}
.range-display__range__target {
  position: relative;
  top: -2px;
  z-index: 11;
  width: var(--measurement-target);
  pointer-events: none;
}
.range-display--compact:not(.range-display--vertical) .range-display__range__target,
.range-display--inline:not(.range-display--vertical) .range-display__range__target {
  display: none;
}
.range-display__range__target:before {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 2px;
  height: 26px;
  border-radius: 0;
  background-color: #41D796;
  content: '';
  opacity: 1;
  cursor: pointer;
  transition: all 0.25s ease;
  transform: translate(50%, -50%);
  pointer-events: all;
}
.range-display__range__target:after {
  position: absolute;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 6px;
  width: auto;
  height: auto;
  border: 0;
  border-radius: 8px;
  background-color: #41D796;
  color: white;
  content: attr(data-label);
  white-space: nowrap;
  font-size: 11px;
  transform: translate(50%, -24px);
}
.range-display__range__current {
  position: absolute;
  top: 4px;
  z-index: 12;
  width: var(--measurement-current);
  height: 12px;
  border-top: 4px solid var(--brand-light, #05d5f5);
  background-color: transparent;
  opacity: 1;
  transition: width 0.15s ease;
}
.range-display__range__current:before {
  position: absolute;
  top: -14px;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2px;
  height: 54px;
  border-radius: 0%;
  border-left: 1px dashed var(--c8y-tooltip-background-default);
  color: transparent;
  content: '';
  text-align: center;
  transition: all 0.25s ease;
  transform: translate(calc(50% + 0.5px), -32px);
}
.range-display__range__current:after {
  position: absolute;
  right: 0;
  display: flex;
  overflow: hidden;
  align-items: center;
  justify-content: center;
  padding: 2px 12px;
  width: auto;
  border: 0;
  border-radius: 32px;
  background-color: var(--range-display-tooltip-bg);
  box-shadow: var(--c8y-elevation--md);
  color: var(--c8y-palette-high);
  content: attr(data-label);
  white-space: pre;
  font-size: 11px;
  transition: background-color 0.15s ease;
  transform: var(--range-display-tooltip-translate);
  top: -8px;
}
.range-display__ruler {
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  width: 100%;
  height: 8px;
  border-top: 0;
  border-left: 0;
}
.range-display__tick {
  position: relative;
}
.range-display__tick:before {
  position: absolute;
  top: 4px;
  left: 0;
  display: block;
  width: 4px;
  height: 5px;
  border: 0;
  border-left: 1px solid currentColor;
  content: '';
  opacity: 0.5;
}
.range-display__tick:after {
  position: absolute;
  top: 0;
  left: 50%;
  content: attr(data-label);
  text-align: center;
  font-size: 12px;
  transform: translate(-50%, 14px);
}
.range-display--compact:not(.range-display--vertical) .range-display__tick:after {
  top: 4px;
}
.range-display--compact:not(.range-display--vertical) .range-display__tick:not(:first-child):not(:last-child):not(:nth-child(6))::after {
  display: none;
}
.range-display--inline:not(.range-display--vertical) .range-display__tick:not(:first-child):not(:last-child):not(:nth-child(6))::after,
.range-display--inline:not(.range-display--vertical) .range-display__tick:not(:first-child):not(:last-child):not(:nth-child(6))::before {
  display: none;
}
.range-display--inline:not(.range-display--vertical) .range-display__tick:first-child::before,
.range-display--inline:not(.range-display--vertical) .range-display__tick:last-child::before,
.range-display--inline:not(.range-display--vertical) .range-display__tick:nth-child(6)::before {
  height: 3px;
}
.range-display--inline:not(.range-display--vertical) .range-display__tick:first-child::after,
.range-display--inline:not(.range-display--vertical) .range-display__tick:last-child::after,
.range-display--inline:not(.range-display--vertical) .range-display__tick:nth-child(6)::after {
  font-size: 10px;
}
.range-display--inline:not(.range-display--vertical) .range-display__tick:first-child::after {
  transform: translate(0, 5px);
}
.range-display--inline:not(.range-display--vertical) .range-display__tick:nth-child(6)::after {
  transform: translate(-50%, 5px);
}
.range-display--inline:not(.range-display--vertical) .range-display__tick:last-child::after {
  transform: translate(-100%, 5px);
}
.range-display--vertical {
  display: flex;
  flex-direction: column;
  height: 100%;
  align-items: center;
  min-width: 300px;
}
.range-display--vertical .range-display {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  margin: 0 105px;
  padding: 38px 32px 34px 32px;
  min-width: unset;
  min-height: 240px;
  width: 80px;
}
.range-display--vertical .range-display__range {
  top: 38px;
  right: 32px;
  bottom: 34px;
  left: 28px;
  flex-direction: column;
  width: 6px;
  height: unset;
  border-top: 0;
  border-right: 1px dotted currentColor;
  border-bottom: 0;
  border-radius: 0;
  margin-left: -2px;
}
.range-display--vertical .range-display__range__unit {
  top: unset;
  bottom: -24px;
}
.range-display--vertical .range-display__range__max,
.range-display--vertical .range-display__range__min {
  position: absolute;
  top: unset;
  left: -4px;
  max-width: 100%;
  width: 8px;
  height: unset;
  border-radius: 0;
}
.range-display--vertical .range-display__range__max {
  top: calc(100% - var(--range-r-max));
  left: unset;
  height: calc(var(--range-r-max) - var(--range-r-min));
  background-color: var(--input-validation-error, var(--palette-status-danger, var(--c8y-palette-status-danger)));
}
.range-display--vertical .range-display__range__min {
  top: calc(100% - var(--range-y-max));
  left: unset;
  height: calc(var(--range-y-max) - var(--range-y-min));
  border-top: 1px solid #132b45;
  border-right: unset;
}
.range-display--vertical .range-display__range__target {
  top: unset;
  left: -2px;
  width: unset;
  height: calc(100% - var(--measurement-target));
  z-index: 0;
}
.range-display--vertical .range-display__range__target:before {
  top: unset;
  right: unset;
  bottom: 0;
  left: 0;
  width: 56px;
  height: 2px;
  content: '';
  transform: translate(0, 50%);
}
.range-display--vertical .range-display__range__target:after {
  right: unset;
  bottom: 0;
  transform: translate(56px, 50%);
}
.range-display--vertical .range-display__range__current {
  top: unset;
  bottom: 0;
  left: 6px;
  width: 12px;
  height: var(--measurement-current);
  border-top: unset;
  border-left: 4px solid var(--brand-light, #05d5f5);
  background-color: transparent;
  opacity: 1;
}
.range-display--vertical .range-display__range__current:before {
  top: 0;
  right: unset;
  bottom: unset;
  left: -8px;
  display: flex;
  flex-direction: column;
  width: 32px;
  height: 2px;
  transform: translate(-20px, -50%);
  border-top: 1px dashed var(--c8y-tooltip-background-default);
  border-left: 0;
}
.range-display--vertical .range-display__range__current:after {
  right: unset;
  left: -30px;
  margin-left: 0;
  transform: translate(-100%, -50%);
  top: unset;
}
.range-display--vertical .range-display__ruler {
  position: relative;
  flex-flow: column-reverse nowrap;
  flex-grow: 1;
  justify-content: space-between;
  width: 8px;
  border-top: 0;
  border-left: 0;
}
.range-display--vertical .range-display__tick {
  position: relative;
}
.range-display--vertical .range-display__tick:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 4px;
  height: 5px;
  border: 0;
  border-top: 1px solid currentColor;
  content: '';
}
.range-display--vertical .range-display__tick:after {
  position: absolute;
  top: 0;
  left: 50%;
  content: attr(data-label);
  text-align: center;
  font-size: 12px;
  transform: translate(4px, -50%);
}
.close {
  float: right;
  color: var(--c8y-palette-gray-50);
  font-weight: normal;
  font-size: 20px;
  line-height: 16px;
}
.close:hover,
.close:focus {
  color: var(--link-hover-color, var(--c8y-component-color-link-hover, var(--c8y-root-component-color-link-hover)));
  text-decoration: none;
  cursor: pointer;
}
.close:focus {
  outline: 2px solid #05d5f5;
  outline-offset: -2px;
}
/* Additional properties for button version
   iOS requires the button element instead of an anchor tag.
   If you want the anchor version, it requires `href="#"`.
   See https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile */
button.close {
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  -webkit-appearance: none;
}
button.close:focus {
  outline: 2px solid #05d5f5;
  outline-offset: -2px;
}
.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-size: var(--c8y-font-size-small);
  opacity: 0;
  text-align: left;
  text-align: flex-start;
  text-decoration: none;
  text-transform: none;
  text-shadow: none;
  white-space: normal;
  word-spacing: normal;
  word-wrap: normal;
  word-break: normal;
  letter-spacing: normal;
  font-weight: normal;
  font-style: normal;
  font-family: var(--c8y-font-family-base, 'roboto', Arial, Helvetica, sans-serif);
  line-height: var(--c8y-line-height-base, 1.42857143);
  line-break: auto;
}
.tooltip.in {
  opacity: var(--c8y-tooltip-opacity);
}
.tooltip.top,
.tooltip.bs-tooltip-top {
  margin-top: -3px;
  padding: var(--c8y-tooltip-arrow-width) 0;
}
.tooltip.right,
.tooltip.bs-tooltip-right {
  margin-left: 3px;
  padding: 0 var(--c8y-tooltip-arrow-width);
}
.tooltip.bottom,
.tooltip.bs-tooltip-bottom {
  margin-top: 3px;
  padding: var(--c8y-tooltip-arrow-width) 0;
}
.tooltip.left,
.tooltip.bs-tooltip-left {
  margin-left: -3px;
  padding: 0 var(--c8y-tooltip-arrow-width);
}
.tooltip-inner {
  padding: 3px 8px;
  max-width: var(--c8y-tooltip-width);
  border-radius: var(--c8y-tooltip-border-radius);
  background-color: var(--c8y-tooltip-background-default);
  color: var(--c8y-tooltip-color-default);
  text-align: center;
  white-space: pre-wrap;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent;
}
.tooltip.top .tooltip-arrow,
.tooltip.bs-tooltip-top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: calc(var(--c8y-tooltip-arrow-width) * -1);
  border-width: var(--c8y-tooltip-arrow-width) var(--c8y-tooltip-arrow-width) 0;
  border-top-color: var(--c8y-tooltip-background-default);
}
.tooltip.top-left .tooltip-arrow,
.tooltip.bs-tooltip-top-left .tooltip-arrow {
  right: var(--c8y-tooltip-arrow-width);
  bottom: 0;
  margin-bottom: calc(var(--c8y-tooltip-arrow-width) * -1);
  border-width: var(--c8y-tooltip-arrow-width) var(--c8y-tooltip-arrow-width) 0;
  border-top-color: var(--c8y-tooltip-background-default);
}
.tooltip.top-right .tooltip-arrow,
.tooltip.bs-tooltip-top-right .tooltip-arrow {
  bottom: 0;
  left: var(--c8y-tooltip-arrow-width);
  border-width: var(--c8y-tooltip-arrow-width) var(--c8y-tooltip-arrow-width) 0;
  border-top-color: var(--c8y-tooltip-background-default);
}
.tooltip.right .tooltip-arrow,
.tooltip.bs-tooltip-right .tooltip-arrow {
  top: 50%;
  left: 0;
  border-width: var(--c8y-tooltip-arrow-width) var(--c8y-tooltip-arrow-width) var(--c8y-tooltip-arrow-width) 0;
  border-right-color: var(--c8y-tooltip-background-default);
}
.tooltip.left .tooltip-arrow,
.tooltip.bs-tooltip-left .tooltip-arrow {
  top: 50%;
  right: 0;
  border-width: var(--c8y-tooltip-arrow-width) 0 var(--c8y-tooltip-arrow-width) var(--c8y-tooltip-arrow-width);
  border-left-color: var(--c8y-tooltip-background-default);
}
.tooltip.bottom .tooltip-arrow,
.tooltip.bs-tooltip-bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  border-width: 0 var(--c8y-tooltip-arrow-width) var(--c8y-tooltip-arrow-width);
  border-bottom-color: var(--c8y-tooltip-background-default);
}
.tooltip.bottom-left .tooltip-arrow,
.tooltip.bs-tooltip-bottom-left .tooltip-arrow {
  top: 0;
  right: var(--c8y-tooltip-arrow-width);
  border-width: 0 var(--c8y-tooltip-arrow-width) var(--c8y-tooltip-arrow-width);
  border-bottom-color: var(--c8y-tooltip-background-default);
}
.tooltip.bottom-right .tooltip-arrow,
.tooltip.bs-tooltip-bottom-right .tooltip-arrow {
  top: 0;
  left: var(--c8y-tooltip-arrow-width);
  border-width: 0 var(--c8y-tooltip-arrow-width) var(--c8y-tooltip-arrow-width);
  border-bottom-color: var(--c8y-tooltip-background-default);
}
bs-tooltip-container {
  position: fixed;
  top: -9999px;
  left: -9999px;
}
.card-flip-container {
  display: flex;
  width: 100%;
  transition: transform 0.6s;
}
.card-flip-container.ng-animate {
  z-index: 3;
}
.card-flip-container > .card-flip {
  position: relative;
  width: 100%;
  transition: transform 0.6s;
}
.card-flip-container > .card-flip .card-front,
.card-flip-container > .card-flip .card-back {
  position: absolute;
  width: 100%;
  background-color: #132b45;
  transition: transform 0.6s;
  backface-visibility: hidden;
}
.card-flip-container > .card-flip .card-front {
  position: relative;
  text-align: center;
}
.card-flip-container > .card-flip .card-back {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: none;
  transform: rotateY(180deg);
}
.card-flip-container > .card-flip.flipped-add,
.card-flip-container > .card-flip.flipped-remove {
  perspective: 800px;
}
.card-flip-container > .card-flip.flipped-add .card-front,
.card-flip-container > .card-flip.flipped-remove .card-front,
.card-flip-container > .card-flip.flipped-add .card-back,
.card-flip-container > .card-flip.flipped-remove .card-back {
  box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.1);
  transform-style: preserve-3d;
}
.card-flip-container > .card-flip.flipped-add .card-front .card-inner-scroll,
.card-flip-container > .card-flip.flipped-remove .card-front .card-inner-scroll,
.card-flip-container > .card-flip.flipped-add .card-back .card-inner-scroll,
.card-flip-container > .card-flip.flipped-remove .card-back .card-inner-scroll {
  overflow-y: hidden;
}
.card-flip-container > .card-flip.flipped-add .card-front,
.card-flip-container > .card-flip.flipped-remove .card-front {
  position: relative;
}
.card-flip-container > .card-flip.flipped-add .card-back,
.card-flip-container > .card-flip.flipped-remove .card-back {
  display: block;
}
.interact-grid .card-flip-container > .card-flip.flipped .card-front {
  position: relative;
  transform: rotateY(-180deg);
}
.interact-grid .card-flip-container > .card-flip.flipped .card-back {
  display: block;
  transform: rotateY(0);
}
.interact-grid .card-flip-container > .card-flip.flipped .card-back [class^='col-sm-'],
.interact-grid .card-flip-container > .card-flip.flipped .card-back [class*=' col-sm'],
.interact-grid .card-flip-container > .card-flip.flipped .card-back [class^='col-md-'],
.interact-grid .card-flip-container > .card-flip.flipped .card-back [class*=' col-md'],
.interact-grid .card-flip-container > .card-flip.flipped .card-back [class^='col-lg-'],
.interact-grid .card-flip-container > .card-flip.flipped .card-back [class*=' col-lg'] {
  float: none;
  width: 100%;
}
.card.card-dashboard {
  fill: var(--c8y-component-color-default, var(--c8y-root-component-color-default));
}
.card.card-dashboard .card-title,
.card.card-dashboard .card-title span {
  display: block;
  overflow: hidden !important;
  max-width: 100% !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  color: var(--c8y-component-color-default, var(--c8y-root-component-color-default));
  pointer-events: none;
}
.card.card-dashboard .card-title {
  display: flex;
}
.card.card-dashboard c8y-dashboard-child-title {
  max-width: 100%;
  min-width: 0;
}
.card.card-dashboard > .card-inner-scroll {
  position: relative;
  z-index: 9;
  height: calc(100% - calc(var(--c8y-unit-base) * 6));
  color: var(--c8y-component-color-default, var(--c8y-root-component-color-default));
  container-type: size;
}
.card.card-dashboard > .card-inner-scroll:before {
  background: #132b45;
}
.card.card-dashboard > .card-inner-scroll.has-footer {
  height: calc(100% - calc(var(--c8y-unit-base) * 6) - calc(var(--c8y-unit-base) * 2) - var(--c8y-form-control-height-base) - calc(var(--c8y-unit-base) * 2));
}
.card.card-dashboard > .card-inner-scroll > .component-map {
  position: relative;
  z-index: 11;
  height: 100%;
}
.card.card-dashboard > .fixed-header .table {
  margin-bottom: 0;
}
.card.card-dashboard > .fixed-header + .card-inner-scroll {
  height: calc(100% - 125px);
}
.card.card-dashboard > .fixed-header.datepicker {
  padding-top: 5px;
}
.card.card-dashboard > .fixed-header.datepicker + .card-inner-scroll {
  height: calc(100% - 174px);
}
.card.card-dashboard > .card-header-actions-no-title + .card-inner-scroll {
  height: 100%;
}
.card.card-dashboard .card {
  margin-bottom: 0;
  box-shadow: none;
}
.card.card-dashboard .card .card-inner-scroll {
  overflow: visible;
}
.card.card-dashboard .card-header-actions .card-title {
  opacity: 1;
}
.card.card-dashboard .card-header-actions.drag-handle:hover .header-actions .optionsBtn {
  color: white;
  opacity: 1;
}
.card.card-dashboard .card-header-actions.drag-handle:hover .header-actions .drag-handle {
  opacity: 1;
}
.card.card-dashboard .card-header-actions.drag-handle:hover .card-title,
.card.card-dashboard .card-header-actions.drag-handle:hover .card-title span {
  opacity: 1;
}
.card.card-dashboard .card-inner-scroll > * {
  padding-top: 0;
}
.card.card-dashboard .card-inner-scroll > [c8y-html-widget] > table,
.card.card-dashboard .card-inner-scroll .table {
  margin: 0;
}
.card.card-dashboard .card-inner-scroll > [c8y-html-widget] > table td:first-child,
.card.card-dashboard .card-inner-scroll .table td:first-child,
.card.card-dashboard .card-inner-scroll > [c8y-html-widget] > table th:first-child,
.card.card-dashboard .card-inner-scroll .table th:first-child {
  padding-left: var(--c8y-component-padding, var(--c8y-root-component-padding));
}
.card.card-dashboard .card-inner-scroll > [c8y-html-widget] > table td:last-child,
.card.card-dashboard .card-inner-scroll .table td:last-child,
.card.card-dashboard .card-inner-scroll > [c8y-html-widget] > table th:last-child,
.card.card-dashboard .card-inner-scroll .table th:last-child {
  padding-right: var(--c8y-component-padding, var(--c8y-root-component-padding));
}
.card.card-dashboard group-assignment,
.card.card-dashboard c8y-device-status {
  display: block;
  height: 100%;
}
.grid-stack-item .card + .ui-resizable-handle {
  margin-bottom: calc(var(--c8y-unit-base) * -1);
}
.grid-stack > .grid-stack-item > .grid-stack-item-content {
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  overflow: visible !important;
}
@media (max-width: 768px) {
  .grid-stack-item {
    margin-bottom: 0 !important;
  }
}
.c8y-pulse {
  position: relative;
  display: inline-block !important;
  margin: 0 5px 0 0 !important;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--c8y-component-pulse-color, var(--c8y-root-component-pulse-color));
}
.c8y-pulse:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  border-radius: 50%;
  background-color: var(--c8y-component-pulse-color, var(--c8y-root-component-pulse-color));
  content: '';
  transform: rotateZ(360deg);
}
.c8y-realtime:hover,
.c8y-realtime:focus {
  text-decoration: none;
}
.c8y-realtime .c8y-pulse.inactive {
  border: 1px solid transparent;
  background-color: transparent;
  animation: none;
  transition: border 0.25s ease;
}
.c8y-realtime .c8y-pulse.inactive:before {
  display: none;
}
.c8y-realtime .c8y-pulse.active {
  border: 1px solid #132b45;
  background-color: var(--c8y-component-pulse-color, var(--c8y-root-component-pulse-color));
}
.c8y-realtime .c8y-pulse.active:before {
  animation: c8ypulse 2s infinite;
}
@keyframes c8ypulse {
  0% {
    opacity: 1;
    transform: rotateZ(360deg);
    transform: scale(1);
  }
  70% {
    opacity: 0;
    transform: rotateZ(0);
    transform: scale(3);
  }
  100% {
    opacity: 0;
    transform: rotateZ(0);
    transform: scale(1);
  }
}
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  padding: 1px;
  max-width: var(--c8y-popover-width);
  border: 1px solid #0e5769;
  border-radius: var(--c8y-popover-border-radius);
  background-color: #0e5769;
  background-clip: padding-box;
  color: var(--c8y-popover-color-default);
  font-size: var(--c8y-font-size-base);
  text-align: left;
  text-align: flex-start;
  text-decoration: none;
  text-transform: none;
  text-shadow: none;
  white-space: normal;
  word-spacing: normal;
  word-wrap: normal;
  word-break: normal;
  letter-spacing: normal;
  font-weight: normal;
  font-style: normal;
  font-family: var(--c8y-font-family-base, 'roboto', Arial, Helvetica, sans-serif);
  line-height: var(--c8y-line-height-base, 1.42857143);
  line-break: auto;
}
.popover.high-popover {
  z-index: 1062;
}
.popover.top {
  margin-bottom: var(--c8y-popover-arrow-width);
  box-shadow: var(--c8y-elevation-md-bottom);
  box-shadow: var(--c8y-elevation-md-top);
}
.popover.right {
  margin-left: var(--c8y-popover-arrow-width);
  box-shadow: var(--c8y-elevation-md-bottom);
  box-shadow: var(--c8y-elevation-md-right);
}
.popover.bottom {
  margin-top: var(--c8y-popover-arrow-width);
  box-shadow: var(--c8y-elevation-md-bottom);
}
.popover.left {
  margin-right: var(--c8y-popover-arrow-width);
  box-shadow: var(--c8y-elevation-md-bottom);
  box-shadow: var(--c8y-elevation-md-left);
}
.popover-title {
  margin: 0;
  padding: var(--c8y-popover-padding) var(--c8y-popover-padding) 0;
  border-radius: calc(var(--c8y-popover-border-radius) - 1px) calc(var(--c8y-popover-border-radius) - 1px) 0 0;
  background-color: #0e5769;
  font-weight: 500;
  font-size: 16px;
}
.popover-content {
  padding: var(--c8y-popover-padding);
  word-break: break-word;
  overflow-wrap: break-word;
}
.popover-content:has(.popover-footer) {
  padding-bottom: 0;
}
.popover-footer {
  padding: var(--c8y-popover-padding) 0;
}
.popover-title + .popover-content {
  padding-top: calc(var(--c8y-popover-padding) / 2);
}
.popover > .arrow,
.popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent;
}
.popover > .arrow {
  border-width: calc(var(--c8y-popover-arrow-width) + 1px);
}
.popover > .arrow:after {
  border-width: var(--c8y-popover-arrow-width);
  content: '';
}
.popover.top > .arrow {
  bottom: calc(calc(var(--c8y-popover-arrow-width) + 1px) * -1);
  left: 50%;
  border-top-color: #0e5769;
  border-bottom-width: 0;
}
.popover.top > .arrow:after {
  bottom: 1px;
  margin-left: calc(var(--c8y-popover-arrow-width) * -1);
  border-top-color: #0e5769;
  border-bottom-width: 0;
  content: ' ';
}
.popover.right > .arrow {
  top: 50%;
  left: calc(calc(var(--c8y-popover-arrow-width) + 1px) * -1);
  border-right-color: #0e5769;
  border-left-width: 0;
}
.popover.right > .arrow:after {
  bottom: calc(var(--c8y-popover-arrow-width) * -1);
  left: 1px;
  border-right-color: #0e5769;
  border-left-width: 0;
  content: ' ';
}
.popover.bottom > .arrow {
  top: calc(calc(var(--c8y-popover-arrow-width) + 1px) * -1);
  left: 50%;
  border-top-width: 0;
  border-bottom-color: #0e5769;
}
.popover.bottom > .arrow:after {
  top: 1px;
  margin-left: calc(var(--c8y-popover-arrow-width) * -1);
  border-top-width: 0;
  border-bottom-color: #0e5769;
  content: ' ';
}
.popover.left > .arrow {
  top: 50%;
  right: calc(calc(var(--c8y-popover-arrow-width) + 1px) * -1);
  border-right-width: 0;
  border-left-color: #0e5769;
}
.popover.left > .arrow:after {
  right: 1px;
  bottom: calc(var(--c8y-popover-arrow-width) * -1);
  border-right-width: 0;
  border-left-color: #0e5769;
  content: ' ';
}
.popover.navigator-popover {
  max-width: 341px!important;
}
c8y-popover-confirm .right {
  right: 20px !important;
}
.popover.lns-connection-popover {
  top: 10px !important;
  left: 140px !important;
}
@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
.progress {
  overflow: hidden;
  margin-bottom: calc(var(--c8y-font-size-base) * var(--c8y-line-height-base, 1.42857143));
  height: calc(var(--c8y-font-size-base) * var(--c8y-line-height-base, 1.42857143));
  border-radius: 10px;
  background-color: rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.progress-bar {
  float: left;
  width: 0%;
  height: 100%;
  background-color: #132b45;
  color: var(--c8y-palette-high);
  text-align: center;
  font-size: var(--c8y-font-size-small);
  line-height: calc(var(--c8y-font-size-base) * var(--c8y-line-height-base, 1.42857143));
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  transition: width 0.6s ease;
}
.progress-striped .progress-bar,
.progress-bar-striped {
  background-size: 40px 40px;
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress.active .progress-bar,
.progress-bar.active {
  animation: progress-bar-stripes 2s linear infinite;
}
.progress-bar-success {
  background-color: #41D796;
}
.progress-striped .progress-bar-success {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-info {
  background-color: var(--palette-status-info, var(--c8y-palette-status-info));
}
.progress-striped .progress-bar-info {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-warning {
  background-color: var(--palette-status-warning, var(--c8y-palette-status-warning));
}
.progress-striped .progress-bar-warning {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-danger {
  background-color: var(--palette-status-danger, var(--c8y-palette-status-danger));
}
.progress-striped .progress-bar-danger {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.search-header-menu {
  top: 92px;
  max-width: calc(100vw - 364px);
  min-width: 300px;
  width: 100vw;
  box-shadow: var(--c8y-elevation-md-bottom);
  box-shadow: var(--c8y-elevation-md-right);
}
.search-header-menu .c8y-search-form .c8y-search-dropdown .input-group {
  padding: calc(var(--c8y-unit-base) * 2);
  background-color: #132b45;
}
.search-header-menu .c8y-search-form .c8y-search-dropdown .input-group .input-group-btn {
  top: calc(var(--c8y-unit-base) * 2);
  right: calc(var(--c8y-unit-base) * 2);
  max-height: none;
  height: auto;
  bottom: calc(var(--c8y-unit-base) * 2);
}
.search-header-menu c8y-typeahead .c8y-search-dropdown.dropdown .dropdown-menu {
  position: relative;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  padding-top: 0;
  max-height: calc(100vh - 240px);
  height: auto;
  display: block;
  box-shadow: none;
  background-color: #132b45;
}
.search-header-menu c8y-typeahead .input-group-dropdown .form-control {
  border-radius: 0 !important;
  border: 0;
  height: auto;
  padding: 16px 54px 16px 16px;
  background-color: #132b45;
  color: white;
  font-size: var(--c8y-font-size-large);
  max-height: unset !important;
}
.search-header-menu c8y-typeahead .input-group-btn .btn {
  font-size: 20px;
  height: auto !important;
  padding: 14px 16px;
  color: white;
}
.search-header-menu c8y-typeahead .input-group-btn .btn:hover {
  color: white;
}
.search-header-menu c8y-typeahead c8y-load-more {
  padding: 0 16px;
}
.search-header-menu c8y-typeahead c8y-load-more > .c8y-list__item {
  box-shadow: none;
}
@media (min-width: 768px) {
  .search-header-menu {
    top: calc(var(--c8y-unit-base) * 8);
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 1200px) {
  .app-main-header.open .search-header-menu {
    max-width: calc(100vw - 500px);
  }
}
.search-header-inline c8y-list-group.dropdown-menu {
  width: unset !important;
  min-width: 100%;
}
.search-header-inline .c8y-list__item {
  padding: 0 8px !important;
  --c8y-component-padding: 4px;
}
.search-header-inline .c8y-list__item .legend {
  margin: 0;
}
c8y-static-assets-file-picker {
  display: block;
  padding: var(--c8y-root-component-padding);
  border: 1px solid var(--c8y-form-control-border-color-default);
}
c8y-static-assets-file-picker img {
  border: 1px dashed var(--c8y-root-component-border-color);
}
.panel {
  margin-bottom: calc(var(--c8y-unit-base) * 2);
  border: 0 solid transparent;
  border-radius: 0;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
}
.panel-heading {
  position: relative;
  padding: 0;
  width: 100%;
  border-bottom: 1px solid transparent;
  font-size: 12px;
  font-family: var(--c8y-font-family-headings, 'roboto', Arial, Helvetica, sans-serif);
  border-top-left-radius: -1px;
  border-top-right-radius: -1px;
}
.panel-heading .btn[btn-checkbox] {
  margin: 0;
}
.panel-heading .form-control {
  font-weight: normal;
  font-size: inherit;
}
.panel-title {
  margin: 0;
  font-weight: inherit;
  font-size: inherit;
}
.panel-title > a,
.panel-title > small,
.panel-title > .small,
.panel-title > small > a,
.panel-title > .small > a {
  color: inherit;
}
.panel-footer {
  padding: var(--c8y-unit-base) calc(var(--c8y-unit-base) * 2);
  border-top: 1px solid transparent;
  background-color: #132b45;
  border-bottom-right-radius: -1px;
  border-bottom-left-radius: -1px;
}
.panel > .list-group,
.panel > .panel-collapse > .list-group {
  margin-bottom: 0;
}
.panel > .list-group .list-group-item,
.panel > .panel-collapse > .list-group .list-group-item {
  border-width: 1px 0;
  border-radius: 0;
}
.panel > .list-group:first-child .list-group-item:first-child,
.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
  border-top: 0;
  border-top-left-radius: -1px;
  border-top-right-radius: -1px;
}
.panel > .list-group:last-child .list-group-item:last-child,
.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
  border-bottom: 0;
  border-bottom-right-radius: -1px;
  border-bottom-left-radius: -1px;
}
.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0;
}
.list-group + .panel-footer {
  border-top-width: 0;
}
.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
  margin-bottom: 0;
}
.panel > .table caption,
.panel > .table-responsive > .table caption,
.panel > .panel-collapse > .table caption {
  padding-right: calc(var(--c8y-unit-base) * 2);
  padding-left: calc(var(--c8y-unit-base) * 2);
}
.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
  border-top-left-radius: -1px;
  border-top-right-radius: -1px;
}
.panel > .table:first-child > thead:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
  border-top-left-radius: -1px;
  border-top-right-radius: -1px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
  border-top-left-radius: -1px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
  border-top-right-radius: -1px;
}
.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
  border-bottom-right-radius: -1px;
  border-bottom-left-radius: -1px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
  border-bottom-right-radius: -1px;
  border-bottom-left-radius: -1px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
  border-bottom-left-radius: -1px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
  border-bottom-right-radius: -1px;
}
.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive,
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body {
  border-top: 1px solid transparent;
}
.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
  border-top: 0;
}
.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
  border: 0;
}
.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
  border-left: 0;
}
.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
  border-right: 0;
}
.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
  border-bottom: 0;
}
.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
  border-bottom: 0;
}
.panel > .table-responsive {
  margin-bottom: 0;
  border: 0;
}
.panel-group {
  margin-bottom: calc(var(--c8y-font-size-base) * var(--c8y-line-height-base, 1.42857143));
}
.panel-group .panel {
  margin-bottom: 0;
  border-radius: 0;
}
.panel-group .panel + .panel {
  margin-top: 5px;
}
.panel-group .panel-heading {
  border-bottom: 0;
}
.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {
  border-top: 1px solid transparent;
}
.panel-group .panel-footer {
  border-top: 0;
}
.panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 1px solid transparent;
}
.panel-default,
.panel-clean {
  border-color: transparent;
}
.panel-default > .panel-heading,
.panel-clean > .panel-heading {
  border-color: transparent;
  background-color: transparent;
  background-image: none;
  color: var(--c8y-component-color-default, var(--c8y-root-component-color-default));
}
.panel-default > .panel-heading + .panel-collapse > .panel-body,
.panel-clean > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: transparent;
}
.panel-default > .panel-heading .badge,
.panel-clean > .panel-heading .badge {
  background-color: var(--c8y-component-color-default, var(--c8y-root-component-color-default));
  color: transparent;
}
.panel-default > .panel-footer + .panel-collapse > .panel-body,
.panel-clean > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: transparent;
}
.panel-default .panel-heading,
.panel-clean .panel-heading,
.panel-default .panel-body,
.panel-clean .panel-body,
.panel-default .panel-filters,
.panel-clean .panel-filters {
  padding: 10px 15px;
}
.panel-default .panel-heading > .btn-link,
.panel-clean .panel-heading > .btn-link {
  margin-top: -10px !important;
}
.panel-clean.panel {
  margin-right: 0;
  margin-left: 0;
  background-color: transparent;
  box-shadow: none;
}
.panel-clean .panel-heading {
  margin-bottom: 24px;
  padding-bottom: 8px;
}
.panel-clean .panel-heading [class^='dlt-c8y-icon-'],
.panel-clean .panel-heading [class*=' dlt-c8y-icon-'] {
  color: #132b45;
  font-size: 16px;
}
.panel-primary {
  border-color: #132b45;
}
.panel-primary > .panel-heading {
  border-color: #132b45;
  background-color: #132b45;
  background-image: none;
  color: var(--c8y-palette-high);
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #132b45;
}
.panel-primary > .panel-heading .badge {
  background-color: var(--c8y-palette-high);
  color: #132b45;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #132b45;
}
.panel-success {
  border-color: #41D796;
}
.panel-success > .panel-heading {
  border-color: #41D796;
  background-color: transparent;
  background-image: none;
  color: white;
}
.panel-success > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #41D796;
}
.panel-success > .panel-heading .badge {
  background-color: white;
  color: transparent;
}
.panel-success > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #41D796;
}
.panel-info {
  border-color: var(--palette-status-info, var(--c8y-palette-status-info));
}
.panel-info > .panel-heading {
  border-color: var(--palette-status-info, var(--c8y-palette-status-info));
  background-color: transparent;
  background-image: none;
  color: white;
}
.panel-info > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: var(--palette-status-info, var(--c8y-palette-status-info));
}
.panel-info > .panel-heading .badge {
  background-color: white;
  color: transparent;
}
.panel-info > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: var(--palette-status-info, var(--c8y-palette-status-info));
}
.panel-warning {
  border-color: var(--palette-status-warning, var(--c8y-palette-status-warning));
}
.panel-warning > .panel-heading {
  border-color: var(--palette-status-warning, var(--c8y-palette-status-warning));
  background-color: transparent;
  background-image: none;
  color: white;
}
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: var(--palette-status-warning, var(--c8y-palette-status-warning));
}
.panel-warning > .panel-heading .badge {
  background-color: white;
  color: transparent;
}
.panel-warning > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: var(--palette-status-warning, var(--c8y-palette-status-warning));
}
.panel-danger {
  border-color: var(--palette-status-danger, var(--c8y-palette-status-danger));
}
.panel-danger > .panel-heading {
  border-color: var(--palette-status-danger, var(--c8y-palette-status-danger));
  background-color: transparent;
  background-image: none;
  color: white;
}
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: var(--palette-status-danger, var(--c8y-palette-status-danger));
}
.panel-danger > .panel-heading .badge {
  background-color: white;
  color: transparent;
}
.panel-danger > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: var(--palette-status-danger, var(--c8y-palette-status-danger));
}
.panel.panel-dashboard {
  right: calc(calc(var(--c8y-unit-base) * 3) / 2);
  bottom: 0;
  left: calc(calc(var(--c8y-unit-base) * 3) / 2);
  overflow: inherit;
  margin-bottom: calc(calc(var(--c8y-unit-base) * 3) / 2);
  background-color: #132b45;
}
.panel.panel-dashboard + .ui-resizable-handle {
  right: 22px !important;
  bottom: 15px !important;
}
.panel.panel-dashboard > .panel-heading {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-left: 15px;
  height: calc(var(--c8y-unit-base) * 5);
}
.panel.panel-dashboard > .panel-heading::after {
  position: absolute;
  top: 50%;
  left: calc(calc(var(--c8y-unit-base) * 5) / 2);
  margin-top: -5px;
  margin-left: -2px;
  width: 4px;
  height: 10px;
  content: '';
}
.panel.panel-dashboard > .panel-heading > span,
.panel.panel-dashboard > .panel-heading > .panel-title {
  display: inline-block;
  overflow: hidden;
  margin-right: auto;
  padding-top: 4px;
  padding-right: 45px;
  padding-left: 0;
  vertical-align: middle;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.panel.panel-dashboard > .panel-heading .optionsBtn {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
  width: calc(var(--c8y-unit-base) * 5);
  height: calc(var(--c8y-unit-base) * 5);
  border-left: 1px solid transparent;
  font-size: 14px;
}
.panel.panel-dashboard > .panel-heading .optionsBtn .btnIcon {
  width: 100%;
  color: var(--c8y-palette-gray-50);
  text-align: center;
  line-height: 1;
}
.panel.panel-dashboard > .panel-heading .optionsBtn .btnIcon:hover {
  color: #132b45;
}
.panel.panel-dashboard > .panel-heading .btn-link {
  order: 30;
}
.panel.panel-dashboard > .panel-heading + .fixed-header {
  position: relative;
  z-index: 2;
  overflow: hidden;
  background-color: #132b45;
}
.panel.panel-dashboard > .panel-heading + .fixed-header table {
  margin-bottom: 0;
}
.panel.panel-dashboard > .panel-heading + .panel-body,
.panel.panel-dashboard > .panel-heading + .fixed-header + .panel-body {
  position: absolute;
  top: calc(var(--c8y-unit-base) * 5);
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
  padding: 0;
}
.panel.panel-dashboard > .panel-heading + .panel-body > .lead,
.panel.panel-dashboard > .panel-heading + .fixed-header + .panel-body > .lead,
.panel.panel-dashboard > .panel-heading + .panel-body .panel-filters,
.panel.panel-dashboard > .panel-heading + .fixed-header + .panel-body .panel-filters {
  padding: calc(var(--c8y-unit-base) * 2);
}
.panel.panel-dashboard > .panel-heading + .panel-body .table h1,
.panel.panel-dashboard > .panel-heading + .fixed-header + .panel-body .table h1,
.panel.panel-dashboard > .panel-heading + .fixed-header .table h1,
.panel.panel-dashboard > .panel-heading + .panel-body .table h2,
.panel.panel-dashboard > .panel-heading + .fixed-header + .panel-body .table h2,
.panel.panel-dashboard > .panel-heading + .fixed-header .table h2,
.panel.panel-dashboard > .panel-heading + .panel-body .table h3,
.panel.panel-dashboard > .panel-heading + .fixed-header + .panel-body .table h3,
.panel.panel-dashboard > .panel-heading + .fixed-header .table h3,
.panel.panel-dashboard > .panel-heading + .panel-body .table h4,
.panel.panel-dashboard > .panel-heading + .fixed-header + .panel-body .table h4,
.panel.panel-dashboard > .panel-heading + .fixed-header .table h4 {
  margin: 15px 0 0;
}
.panel.panel-dashboard > .panel-heading + .panel-body .table tr td:first-child,
.panel.panel-dashboard > .panel-heading + .fixed-header + .panel-body .table tr td:first-child,
.panel.panel-dashboard > .panel-heading + .fixed-header .table tr td:first-child,
.panel.panel-dashboard > .panel-heading + .panel-body .table tr th:first-child,
.panel.panel-dashboard > .panel-heading + .fixed-header + .panel-body .table tr th:first-child,
.panel.panel-dashboard > .panel-heading + .fixed-header .table tr th:first-child {
  padding-left: 15px;
}
.panel.panel-dashboard > .panel-heading + .panel-body .table tr td:last-child,
.panel.panel-dashboard > .panel-heading + .fixed-header + .panel-body .table tr td:last-child,
.panel.panel-dashboard > .panel-heading + .fixed-header .table tr td:last-child,
.panel.panel-dashboard > .panel-heading + .panel-body .table tr th:last-child,
.panel.panel-dashboard > .panel-heading + .fixed-header + .panel-body .table tr th:last-child,
.panel.panel-dashboard > .panel-heading + .fixed-header .table tr th:last-child {
  padding-right: 15px;
}
.panel.panel-dashboard > .panel-heading + .panel-body .table tbody tr:first-child td,
.panel.panel-dashboard > .panel-heading + .fixed-header + .panel-body .table tbody tr:first-child td,
.panel.panel-dashboard > .panel-heading + .fixed-header .table tbody tr:first-child td {
  border-top: 0;
}
.panel.panel-dashboard > .panel-heading + .fixed-header + .panel-body {
  top: 82px;
}
.panel.panel-dashboard > .panel-heading + .fixed-header + .panel-body .table {
  margin-top: -42px;
}
.panel.panel-icon {
  background-color: #132b45;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.panel.panel-icon > .panel-heading {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-right: 15px;
  height: calc(var(--c8y-unit-base) * 5);
}
.panel.panel-icon > .panel-heading span,
.panel.panel-icon > .panel-heading [ng-show='title'] {
  display: flex;
  align-items: center;
  align-self: stretch;
  order: 1;
  margin-right: auto;
  padding-top: 4px;
  text-transform: uppercase;
}
.panel.panel-icon > .panel-heading span [class^='dlt-c8y-icon-'],
.panel.panel-icon > .panel-heading [ng-show='title'] [class^='dlt-c8y-icon-'],
.panel.panel-icon > .panel-heading span [class*=' dlt-c8y-icon-'],
.panel.panel-icon > .panel-heading [ng-show='title'] [class*=' dlt-c8y-icon-'] {
  margin-right: 10px !important;
}
.panel.panel-icon > .panel-heading.critical {
  background-color: var(--palette-status-danger, var(--c8y-palette-status-danger));
  color: #132b45;
}
.panel.panel-icon > .panel-heading.critical .btn-link {
  color: #132b45;
}
.panel.panel-icon > .panel-heading.major {
  background-color: var(--palette-status-warning-dark, var(--c8y-palette-status-warning-dark));
  color: #132b45;
}
.panel.panel-icon > .panel-heading.major .btn-link {
  color: #132b45;
}
.panel.panel-icon > .panel-heading.minor {
  background-color: var(--palette-status-warning, var(--c8y-palette-status-warning));
  color: #132b45;
}
.panel.panel-icon > .panel-heading.minor .btn-link {
  color: #132b45;
}
.panel.panel-icon > .panel-heading.warning {
  background-color: var(--palette-status-info, var(--c8y-palette-status-info));
  color: #132b45;
}
.panel.panel-icon > .panel-heading.warning .btn-link {
  color: #132b45;
}
.panel.panel-icon > .panel-heading .pull-right span {
  display: inline;
}
.panel.panel-icon > .panel-heading .pull-right span .btn-link {
  color: #132b45;
}
.panel.panel-icon > .panel-heading > [class^='dlt-c8y-icon-'],
.panel.panel-icon > .panel-heading > [class*=' dlt-c8y-icon-'],
.panel.panel-icon > .panel-heading span [class^='dlt-c8y-icon-'],
.panel.panel-icon > .panel-heading span [class*=' dlt-c8y-icon-'],
.panel.panel-icon > .panel-heading [ng-show='title'] [class^='dlt-c8y-icon-'],
.panel.panel-icon > .panel-heading [ng-show='title'] [class*=' dlt-c8y-icon-'] {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: -4px;
  margin-right: auto;
  width: calc(var(--c8y-unit-base) * 5);
  height: calc(var(--c8y-unit-base) * 5);
}
.panel.panel-icon > .panel-heading .btn-link {
  color: var(--c8y-navbar-color-link);
  text-transform: none;
  font-size: inherit;
}
.panel.panel-icon > .panel-heading .btn {
  font-size: inherit;
}
.panel.panel-icon > .panel-heading .pull-right {
  order: 1000;
}
.panel.panel-icon .panel-body.text-muted {
  padding: 0 calc(var(--c8y-unit-base) * 2);
}
.panel.panel-icon .panel-body.text-muted > .text-muted {
  padding: 10px 0;
}
.property-label {
  padding: 0;
  border-color: transparent;
  background-color: transparent;
  box-shadow: none;
  transition: all 0.2s ease;
}
.property-label:focus {
  border-color: #05d5f5;
  outline: 0;
  box-shadow: inset 0 0 0 2px #05d5f5;
  background-color: var(--c8y-form-control-background-focus);
  color: black;
}
.property-label:focus {
  padding: 6px 12px;
}
div .property {
  line-height: 34px;
}
div .property:hover {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05)) #132b45;
}
div .property:nth-child(odd) {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.03), rgba(0, 0, 0, 0.03)) #132b45;
}
div .property.bg-info:nth-child(odd) {
  background-color: var(--palette-status-info-light, var(--c8y-palette-status-info-light));
}
.column-name {
  line-height: 23px;
}
.spin-up {
  position: relative;
  top: 3px;
}
.spin-up,
.spin-down {
  display: block;
  height: 5px;
  color: var(--c8y-palette-gray-80);
}
.spin:hover .spin.active {
  color: white;
}
.icon-sort-down {
  position: relative;
  top: -9px;
}
.asset-table .btn-xs {
  font-size: 10px;
  line-height: 1.1em;
}
.asset-table .headers .header-cell {
  position: relative;
  vertical-align: middle;
}
.asset-table .headers .widget-sort {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -9.5px;
}
.asset-table .headers .column-name {
  margin-right: 8px;
  line-height: 1.1em;
}
.asset-table .headers .column-name:hover {
  color: #132b45;
}
.value-warning {
  display: block;
  float: left;
  margin-top: 20px;
  padding: 5px;
  border-color: black;
  background-color: black;
}
.table-kpi-list tbody:hover td[rowspan],
.table-hover tr:hover td {
  background: var(--c8y-component-background-hover, var(--c8y-root-component-background-hover));
}
.bright-hover tr:hover td {
  background-color: var(--c8y-palette-high);
}
.table-kpi-list .disabled-detector-container {
  position: relative;
}
.table-kpi-list .disabled-detector {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
}
.linearGauge {
  position: relative;
  margin: 10px auto;
  width: 90%;
  height: 80px;
  border-radius: 40px;
  background: var(--c8y-palette-gray-80);
}
.linearGauge .ranges {
  position: absolute;
  top: 5px;
  right: 5px;
  bottom: 5px;
  left: 5px;
  overflow: hidden;
  border: 5px solid #132b45;
  border-radius: 40px;
}
.silo {
  position: absolute;
  width: 100%;
  height: 100%;
  min-width: 360px;
}
.linearGauge.vertical {
  width: 20px;
  height: 300px;
}
.linearGaugeRange {
  position: absolute;
  top: 0;
  bottom: 0;
}
.siloRange {
  position: absolute;
  right: 0;
  left: 0;
}
.linearGaugeRange.vertical {
  position: absolute;
  right: 0;
  left: 0;
}
.yellowRange {
  background: var(--palette-status-warning, var(--c8y-palette-status-warning));
}
.redRange {
  background: var(--palette-status-danger, var(--c8y-palette-status-danger));
}
.linearGaugePointer {
  position: absolute;
  top: 7px;
  bottom: 7px;
  left: auto;
  width: 0;
  border: 1px solid var(--c8y-palette-gray-40);
}
.siloPointer {
  position: absolute;
  right: 7px !important;
  left: 7px !important;
  height: 0;
  border: 1px solid transparent;
}
.siloPointer-wrapper {
  position: absolute;
  top: 10px;
  right: 0;
  bottom: 10px;
  left: 0;
}
.linearGaugePointer-wrapper {
  position: absolute;
  top: 0;
  right: 10px;
  bottom: 0;
  left: 10px;
}
.siloPointer > div {
  position: absolute;
  top: -32px;
  left: 70px;
  z-index: 100;
  display: inline-block;
  width: auto;
  font-size: 14px;
  line-height: 1;
}
.siloPointer > div .popover-content {
  padding: 8px;
}
.linearGaugePointer > div {
  position: absolute;
  top: 100%;
  display: inline-block;
  width: auto;
  font-size: 14px;
  line-height: 1;
  transform: translate(-50%, 2px);
}
.linearGaugePointer > div .popover-content {
  padding: 8px;
}
.linearGaugePointer.target {
  border-color: #41D796;
}
.siloPointer.target {
  border-color: #41D796;
}
.linearGaugeLabel {
  position: absolute;
  bottom: -30px;
  font-size: 12px;
}
.siloLabel {
  position: absolute;
  left: 85px;
  display: table;
  white-space: nowrap;
  font-size: 12px;
}
.nv-pieLabels text {
  fill: #132b45 !important;
}
.silo .graphHoverInfoCurrent,
.linearGauge .graphHoverInfoCurrent {
  position: absolute;
  z-index: 1000;
  overflow: visible;
  padding: 2px 5px 0;
  width: auto;
  background-color: var(--c8y-tooltip-background-default);
  box-shadow: none;
  color: #132b45;
  font-size: 12px;
  transform: translate(-50%, -30px);
}
.silo .graphHoverInfoCurrent:after,
.linearGauge .graphHoverInfoCurrent:after {
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  width: 0;
  height: 0;
  border-width: 5px 5px 0;
  border-style: solid;
  border-color: transparent;
  border-top-color: var(--c8y-tooltip-background-default);
  background-color: transparent;
  content: '';
}
.linearGauge .graphHoverInfoCurrent {
  transform: translate(-50%, -40px);
}
.kpi-widget__container {
  padding: 0 var(--c8y-component-padding, var(--c8y-root-component-padding)) var(--c8y-component-padding, var(--c8y-root-component-padding));
}
.panel-title-hidden .kpi-widget__container {
  padding-top: var(--c8y-component-padding, var(--c8y-root-component-padding));
}
.kpi-widget__container small {
  color: #8a9596;
  font-size: clamp(14px, 75%, 54px);
}
.kpi-widget__container .dot-info {
  transition: all 0.25s ease;
}
.pie-chart-warning {
  position: absolute;
  bottom: 12px;
  margin-left: 16px;
}
.widget-thumbnail {
  max-width: 100%;
}
.timeline-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.timeline-list .timeline-item-date {
  margin-right: 35px;
  width: 40px;
  color: var(--c8y-component-color-default, var(--c8y-root-component-color-default));
  font-size: 10px;
  line-height: 1;
}
.timeline-list > div,
.timeline-list > li {
  position: relative;
}
.timeline-list > div::before,
.timeline-list > li::before {
  position: absolute;
  top: 0;
  bottom: 1px;
  left: 53px;
  border: 1px dotted transparent;
  content: '';
  transition: top 0.35s linear;
}
.timeline-list > div.expanded::before,
.timeline-list > li.expanded::before {
  transition: none;
}
.timeline-list > div:first-child::before,
.timeline-list > li:first-child::before {
  top: 50%;
}
.timeline-list > div:last-child::before,
.timeline-list > li:last-child::before {
  bottom: 50%;
}
.timeline-list > div:after,
.timeline-list > li:after {
  position: absolute;
  top: 50%;
  left: 48px;
  z-index: 10;
  margin: -6px 0 0;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: var(--c8y-component-color-disabled, var(--c8y-root-component-color-disabled));
  content: '';
  transition: background 0.5s linear;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
}
.timeline-list > div.active:after,
.timeline-list > li.active:after {
  background-color: var(--c8y-component-color-accent, var(--c8y-root-component-color-accent));
}
.timeline-list > div.active .timeline-item-content,
.timeline-list > li.active .timeline-item-content {
  border-color: var(--c8y-component-color-accent, var(--c8y-root-component-color-accent));
}
.timeline-list > div.active .timeline-item-content .list-item-actions:before,
.timeline-list > li.active .timeline-item-content .list-item-actions:before {
  display: inline-block;
  margin-top: calc(var(--c8y-unit-base) + 2);
  margin-right: var(--c8y-unit-base);
  padding: 0.2em 0.6em 0;
  border-radius: 10px;
  background-color: var(--c8y-component-color-accent, var(--c8y-root-component-color-accent));
  color: var(--c8y-palette-high);
  content: attr(data-active);
  font-weight: bold;
  font-size: 12px;
}
.timeline-list > div.active .timeline-item-content .list-item-actions .dropdown,
.timeline-list > li.active .timeline-item-content .list-item-actions .dropdown {
  display: none;
}
.timeline-list > div.active .timeline-item-content:before,
.timeline-list > li.active .timeline-item-content:before {
  left: -13px;
  margin-top: -13px;
  border-width: 13px 13px 13px 0;
  border-color: transparent var(--c8y-component-color-accent, var(--c8y-root-component-color-accent)) transparent transparent;
}
.timeline-list > div.active .timeline-item-content:after,
.timeline-list > li.active .timeline-item-content:after {
  left: -10px;
}
.timeline-list .timeline-item-content {
  position: relative;
  flex: 1 1 0%;
  margin-top: 0;
  margin-bottom: var(--c8y-unit-base);
  padding: var(--c8y-unit-base) var(--c8y-component-padding, var(--c8y-root-component-padding));
  min-height: 40px;
  border: 2px solid #132b45;
  background: #132b45;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  color: var(--c8y-component-color-default, var(--c8y-root-component-color-default));
  transition: background 0.5s linear, border 0.5s linear;
  overflow-wrap: break-word;
}
.timeline-list .timeline-item-content:before {
  position: absolute;
  top: 50%;
  left: -12px;
  margin-top: -10px;
  width: 0;
  height: 0;
  border-width: 10px 10px 10px 0;
  border-style: solid;
  border-color: transparent rgba(0, 0, 0, 0.05) transparent transparent;
  content: '';
}
.timeline-list .timeline-item-content:after {
  position: absolute;
  top: 50%;
  left: -11px;
  margin-top: -10px;
  width: 0;
  height: 0;
  border-width: 10px 10px 10px 0;
  border-style: solid;
  border-color: transparent #132b45 transparent transparent;
  content: '';
  transition: border 0.5s linear;
}
.timeline-list .timeline-item-content .list-item-icon {
  align-self: flex-start;
}
.timeline-list .timeline-item-content .list-item-icon,
.timeline-list .timeline-item-content .list-item-icon [class^='dlt-c8y-icon-'],
.timeline-list .timeline-item-content .list-item-icon [class*=' dlt-c8y-icon-'] {
  font-size: 20px;
}
.timeline-list .timeline-item-content .list-item-body {
  flex: 1;
  word-break: break-all;
}
.timeline-list .timeline-item-content .collapse,
.timeline-list .timeline-item-content .collapsing {
  flex: 1 1 100%;
  order: 11000;
  min-width: 100%;
  width: auto;
}
.timeline-list .expanded {
  background: transparent;
}
.timeline-list .expanded .timeline-item-date {
  font-weight: bold;
}
.timeline-list .expanded:after {
  background-color: var(--c8y-component-color-accent, var(--c8y-root-component-color-accent));
}
.timeline-list .expanded .timeline-item-content {
  border-color: var(--c8y-component-background-expanded, var(--c8y-root-component-background-expanded));
  background-color: var(--c8y-component-background-expanded, var(--c8y-root-component-background-expanded));
  color: var(--c8y-component-color-expanded, var(--c8y-root-component-color-expanded));
}
.timeline-list .expanded .timeline-item-content:after {
  border-color: transparent var(--c8y-component-background-expanded, var(--c8y-root-component-background-expanded)) transparent transparent;
  background-color: transparent;
}
.timeline-list.list-condensed .timeline-item-content {
  margin: 0 0 calc(var(--c8y-unit-base) * 0.5);
  border-width: 0 0 0 2px;
}
@media (min-width: 768px) {
  .timeline-list .timeline-item-date {
    width: 60px;
  }
  .timeline-list > li::before,
  .timeline-list > div::before {
    left: 73px;
  }
  .timeline-list > li::after,
  .timeline-list > div::after {
    left: 68px;
  }
}
.timeline-list-item.ng-enter {
  opacity: 0;
  transition: background 1s linear 0.5s, opacity 0.5s linear;
}
.timeline-list-item.ng-enter.ng-enter-active {
  opacity: 1;
}
.timeline-list-item.ng-enter:after {
  background-color: var(--c8y-component-realtime-added, var(--c8y-root-component-realtime-added));
}
.timeline-list-item.ng-enter .timeline-item-content {
  border-color: var(--c8y-component-realtime-added, var(--c8y-root-component-realtime-added));
  background-color: var(--c8y-component-realtime-added, var(--c8y-root-component-realtime-added));
}
.timeline-list-item.ng-enter .timeline-item-content:after {
  border-color: transparent var(--c8y-component-realtime-added, var(--c8y-root-component-realtime-added)) transparent transparent;
}
.user-dot {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex: 0 0 30px;
  margin-right: 10px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  color: var(--c8y-brand-10);
  vertical-align: middle;
  text-align: center;
  text-transform: capitalize;
  font-size: 16px;
  line-height: 1;
  background-color: var(--c8y-brand-60);
}
.owned .user-dot,
.list-group-item .user-dot {
  width: 30px;
  height: 30px;
  font-size: 16px;
  line-height: 32px;
}
.user-dot.user-disabled {
  background-color: var(--c8y-palette-gray-80);
}
.user-list-row {
  display: flex;
  flex-flow: row wrap;
  margin-top: calc(var(--c8y-unit-base) * 2);
  padding: calc(var(--c8y-unit-base) * 2);
  border-radius: var(--c8y-component-border-radius-base, var(--c8y-root-component-border-radius-base));
  background-color: #132b45;
  box-shadow: var(--c8y-elevation-sm);
}
@media (max-width: 991px) {
  .user-list-row {
    box-shadow: var(--c8y-elevation-sm);
  }
}
.user-list-row:first-child {
  margin-top: 0;
}
.user-list-row .col-actions .c8y-dropdown {
  color: white;
  opacity: var(--c8y-component-actions-opacity, var(--c8y-root-component-actions-opacity));
}
.user-list-row .col-actions .c8y-dropdown:hover,
.open.dropdown .user-list-row .col-actions .c8y-dropdown {
  opacity: 1;
}
.user-list-row.user-list-header {
  display: none;
  padding: 0;
  min-height: 24px;
  background-color: transparent;
}
.user-list-row .col-expand {
  order: 100;
  width: 30px;
}
@media (max-width: 991px) {
  .user-list-row .col-expand {
    width: 100% !important;
    text-align: center;
  }
}
.user-list-row .col-expand [class^='dlt-c8y-icon-'],
.user-list-row .col-expand [class*=' dlt-c8y-icon-'] {
  transition: transform 0.25s ease;
}
.user-list-row .col-expand [class^='dlt-c8y-icon-'].open,
.user-list-row .col-expand [class*=' dlt-c8y-icon-'].open {
  color: #132b45;
  transform: rotate(180deg);
}
.user-list-row .col-subaccounts {
  display: none;
}
.user-list-row .col-selector {
  display: none;
  font-size: 20px;
}
.user-list-row .col-globalroles {
  order: 10;
  margin: var(--c8y-unit-base) 0;
  padding: calc(var(--c8y-unit-base) * 0.5) 0;
  width: 100%;
}
.user-list-row .col-globalroles .c8y-child-assets-selector .dropdown-menu.multiselect-container {
  max-width: 100%;
  width: 100%;
}
.user-list-row .col-passwordstrength,
.user-list-row .col-twofactorauth {
  display: none;
}
.user-list-row .col-username {
  display: flex;
  align-items: center;
  flex-flow: row nowrap;
  order: 1;
  margin-bottom: 10px;
}
@media (max-width: 992px) {
  .user-list-row .col-username {
    width: calc(100% - 24px) !important;
  }
}
.user-list-row .col-username .h4 {
  margin: 0;
}
.user-list-row .col-actions {
  order: 2;
  margin: calc(calc(var(--c8y-unit-base) * 2) * -1) calc(calc(var(--c8y-unit-base) * 2) * -1) 0 0;
  margin-left: auto;
}
.user-list-row .col-fullname {
  order: 4;
}
.user-list-row.owned {
  margin-top: 0;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.user-list-row .disabled {
  padding-right: 5px;
  color: white;
  font-style: italic;
}
@media (min-width: 992px) {
  .user-list-row.user-list-header {
    display: flex;
    padding-right: 40px;
    box-shadow: none;
  }
  .user-list-row {
    position: relative;
    align-items: center;
    flex-flow: row wrap;
    margin-top: var(--c8y-unit-base);
    padding: 6px 40px 10px 0;
    min-height: calc(var(--c8y-unit-base) * 7);
  }
  .user-list-row.page-sticky-header {
    padding-top: 0;
    padding-bottom: 0;
    min-height: calc(var(--c8y-unit-base) * 6);
  }
  .user-list-row .col-expand {
    order: 0;
    text-align: center;
  }
  .user-list-row .col-expand [class^='dlt-c8y-icon-'],
  .user-list-row .col-expand [class*=' dlt-c8y-icon-'] {
    transform: rotate(-90deg);
  }
  .user-list-row .col-expand [class^='dlt-c8y-icon-'].open,
  .user-list-row .col-expand [class*=' dlt-c8y-icon-'].open {
    transform: rotate(0deg);
  }
  .user-list-row .col-selector {
    display: block;
    flex: 0 0 50px;
  }
  .user-list-row .col-username {
    flex: 0 0 auto;
    margin: 0;
    padding-right: 10px;
    width: 250px;
  }
  .user-list-row .col-username .h4 {
    font-size: 100%;
  }
  .user-list-row .col-subaccounts {
    display: block;
    flex: 0 0 30px;
    order: 2;
  }
  .user-list-row .col-fullname {
    flex: 0 0 auto;
    order: 5;
    margin: 0;
    padding-right: 10px;
    width: 230px;
  }
  .user-list-row .col-globalroles {
    flex: 0 0 240px;
    order: 7;
    margin: 0;
    padding: 0;
    max-width: 240px;
    border: 0;
  }
  .user-list-row .col-globalroles .c8y-child-assets-selector {
    display: block;
  }
  .user-list-row .col-passwordstrength {
    display: block;
    flex: 0 0 72px;
    order: 10;
    margin-left: auto;
  }
  .user-list-row .col-twofactorauth {
    display: block;
    flex: 0 0 20px;
    order: 10;
  }
  .user-list-row .col-actions {
    position: absolute;
    top: calc(var(--c8y-unit-base) * 0.5);
    right: 0;
    flex: 0 0 40px;
    order: 100;
    margin: 0 0 0 auto;
    width: 40px;
  }
  .user-list-row.owns {
    margin-bottom: calc(var(--c8y-unit-base) * 2);
  }
  .user-list-row.owns .tip {
    position: relative;
    flex: 0 0 100%;
    order: 900;
    height: 0;
  }
  .user-list-row.owns .tip:not(.expanded):after {
    position: absolute;
    top: 5px;
    right: -35px;
    left: 5px;
    z-index: -1;
    height: 10px;
    background-color: #132b45;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), inset 0 1px 2px rgba(0, 0, 0, 0.1);
    content: '';
  }
  .user-list-row.owns + .owned {
    margin-top: calc(var(--c8y-unit-base) * -2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), inset 0 1px 2px rgba(0, 0, 0, 0.1);
  }
  .user-list-row.owned {
    margin-top: 1px;
  }
}
.list-group-item.user .col-expand {
  display: inline-block;
  padding-right: 5px;
  width: 20px;
  text-align: center;
}
.list-group-item.user .col-expand [class^='dlt-c8y-icon-'],
.list-group-item.user .col-expand [class*=' dlt-c8y-icon-'] {
  transform: rotate(-90deg);
}
.list-group-item.user .col-expand [class^='dlt-c8y-icon-'].open,
.list-group-item.user .col-expand [class*=' dlt-c8y-icon-'].open {
  color: #132b45;
  transform: rotate(0deg);
}
.list-group-item.user .selection-icon {
  display: none;
  margin-left: auto;
  font-size: 20px;
}
.list-group-item.user input[type='checkbox'] {
  width: 0;
  opacity: 0;
}
.list-group-item.user input[type='checkbox']:checked ~ .selection-icon {
  display: block;
}
.list-group-item.user.selected {
  background-color: #41D796 !important;
  color: #132b45;
}
.list-group-item.user.selected .col-expand,
.list-group-item.user.selected .col-expand .open[class^='dlt-c8y-icon-'],
.list-group-item.user.selected .col-expand .open[class*=' dlt-c8y-icon-'] {
  color: #132b45;
}
.list-group-item.user.selected .text-muted {
  color: rgba(19, 43, 69, 0.5);
}
.list-group-item.user.selected .user-dot:not(.user-disabled) {
  background-color: #132b45;
  color: #132b45;
}
.item-list-row,
.list-group-item.item-list-row {
  display: flex;
  align-items: center;
}
.item-list-row:first-child,
.list-group-item.item-list-row:first-child {
  border-top: 0;
}
.item-list-row c8y-app-icon,
.list-group-item.item-list-row c8y-app-icon {
  font-size: 30px;
  line-height: 30px;
}
.item-list-row c8y-app-icon .app-noicon,
.list-group-item.item-list-row c8y-app-icon .app-noicon {
  margin-bottom: -7px;
  width: 30px;
  height: 30px;
  font-size: 18px;
  line-height: 30px;
}
.item-list-row > label:not(.c8y-checkbox),
.list-group-item.item-list-row > label:not(.c8y-checkbox) {
  flex: 1 1 100%;
  margin-bottom: 0;
  text-transform: none;
  letter-spacing: 0;
  font-weight: normal;
  font-size: 100%;
  line-height: 1;
  cursor: pointer;
  overflow-wrap: break-word;
}
.user-picker-scroll {
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0;
  max-height: 190px;
}
.user-picker-scroll .list-group {
  margin-bottom: 0;
}
.role-card {
  position: relative;
  padding-bottom: 40px;
  transition: all 0.25s ease-in-out;
}
.role-card:hover {
  z-index: 1;
  box-shadow: 0 20px 15px rgba(0, 0, 0, 0.1);
  transform: scale(1.05);
}
.role-card h4 {
  margin: 0;
  letter-spacing: -0.03em;
  font-weight: 200;
}
.role-card .card-actions {
  position: absolute;
  top: 0;
  right: 0;
}
.role-card .bottom-right-info {
  position: absolute;
  right: 20px;
  bottom: 20px;
}
.card-row-add-remove {
  position: relative;
  margin-right: 80px;
  margin-bottom: 1px;
  padding: 10px var(--c8y-component-padding, var(--c8y-root-component-padding));
  min-height: 54px;
  background-color: #132b45;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.card-row-add-remove label {
  margin-bottom: 0;
}
.card-row-add-remove .add-remove-btns {
  position: absolute;
  top: 0;
  left: 100%;
  min-width: 80px;
}
.card-row-add-remove .btn-add,
.card-row-add-remove .btn-remove {
  padding: 6px 10px;
  width: 40px;
  font-size: 16px;
}
.card-row-add-remove .btn-remove:hover .text-muted {
  color: var(--palette-status-danger, var(--c8y-palette-status-danger));
}
.card-row-add-remove .btn-add {
  display: none;
}
.card-row-add-remove:last-child .btn-add {
  display: inline-block;
}
@media (min-width: 1200px) {
  .card-row-add-remove .form-group + .form-group {
    margin-left: 10px;
  }
  .card-row-add-remove .add-remove-btns {
    top: 10px;
    display: flex;
  }
}
.welcome .availabilityPie {
  position: relative;
  overflow: hidden;
  padding-bottom: 100%;
}
.welcome .availabilityPie svg {
  position: absolute;
  transform: scale(1.7);
}
.welcome .availabilityPie .percentage {
  font-size: 16px;
}
.availabilityPie .title {
  text-align: center;
}
.availabilityPie .percentage {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  margin-top: -11px;
  text-align: center;
  font-size: 24px;
}
c8y-drop-area {
  display: block;
}
.drop-zone {
  position: relative;
  display: block;
  padding-bottom: 100%;
  height: 0;
}
.drop-zone .alert {
  position: absolute;
  bottom: 0;
  margin: 0;
  width: 100%;
}
.drop-zone .upload-status,
.drop-zone .upload-placeholder {
  padding: 0 calc(var(--c8y-unit-base) * 2);
  width: 100%;
}
.drop-zone .file-placeholder {
  position: absolute;
  display: flex;
  align-items: center;
  flex-flow: column nowrap;
  justify-content: center;
  width: 100%;
  height: 100%;
  border: 2px dashed transparent;
  color: var(--c8y-component-color-default, var(--c8y-root-component-color-default));
  text-align: center;
  transition: border 0.25s ease;
}
.drop-zone .file-placeholder .hint-placeholder [class^='dlt-c8y-icon-'],
.drop-zone .file-placeholder .hint-placeholder [class*=' dlt-c8y-icon-'] {
  color: #05d5f5;
  font-size: 36px;
  transition: all 0.35s ease;
}
.drop-zone .file-placeholder.drag-over,
.drop-zone .file-placeholder:hover {
  border-color: #05d5f5;
}
.drop-zone .file-placeholder.drag-over .hint-placeholder [class^='dlt-c8y-icon-'],
.drop-zone .file-placeholder:hover .hint-placeholder [class^='dlt-c8y-icon-'],
.drop-zone .file-placeholder.drag-over .hint-placeholder [class*=' dlt-c8y-icon-'],
.drop-zone .file-placeholder:hover .hint-placeholder [class*=' dlt-c8y-icon-'] {
  transform: scale(1.1);
}
.drop-zone.has-errors .file-placeholder {
  border-bottom-style: solid;
  border-bottom-color: var(--palette-status-danger, var(--c8y-form-validation-color-error));
}
.drop-zone.drop-zone-sm,
.drop-area-sm .drop-zone {
  padding: 0;
  min-height: unset !important;
  height: auto;
}
.drop-zone.drop-zone-sm .alert,
.drop-area-sm .drop-zone .alert {
  position: relative;
}
.drop-zone.drop-zone-sm .file-placeholder,
.drop-area-sm .drop-zone .file-placeholder {
  position: static;
  display: block;
}
.drop-zone.drop-zone-sm .file-placeholder .hint-placeholder,
.drop-area-sm .drop-zone .file-placeholder .hint-placeholder {
  position: relative;
  padding: 10px 10px 10px 50px;
  text-align: left;
}
.drop-zone.drop-zone-sm .file-placeholder .hint-placeholder [class^='dlt-c8y-icon-'],
.drop-area-sm .drop-zone .file-placeholder .hint-placeholder [class^='dlt-c8y-icon-'],
.drop-zone.drop-zone-sm .file-placeholder .hint-placeholder [class*=' dlt-c8y-icon-'],
.drop-area-sm .drop-zone .file-placeholder .hint-placeholder [class*=' dlt-c8y-icon-'] {
  position: absolute;
  top: 50%;
  left: 3px;
  transform: translate(0, -50%);
}
.drop-zone.drop-zone-sm .file-placeholder .hint-placeholder p,
.drop-area-sm .drop-zone .file-placeholder .hint-placeholder p {
  margin-bottom: 0;
}
.drop-zone.drop-zone-sm .file-placeholder:hover .hint-placeholder [class^='dlt-c8y-icon-'],
.drop-area-sm .drop-zone .file-placeholder:hover .hint-placeholder [class^='dlt-c8y-icon-'],
.drop-zone.drop-zone-sm .file-placeholder.drag-over .hint-placeholder [class^='dlt-c8y-icon-'],
.drop-area-sm .drop-zone .file-placeholder.drag-over .hint-placeholder [class^='dlt-c8y-icon-'],
.drop-zone.drop-zone-sm .file-placeholder:hover .hint-placeholder [class*=' dlt-c8y-icon-'],
.drop-area-sm .drop-zone .file-placeholder:hover .hint-placeholder [class*=' dlt-c8y-icon-'],
.drop-zone.drop-zone-sm .file-placeholder.drag-over .hint-placeholder [class*=' dlt-c8y-icon-'],
.drop-area-sm .drop-zone .file-placeholder.drag-over .hint-placeholder [class*=' dlt-c8y-icon-'] {
  transform: translate(0, -50%) scale(1.1);
}
.drop-area-sm .drop-zone .file-placeholder .hint-placeholder [class^='dlt-c8y-icon-'],
.drop-area-sm .drop-zone .file-placeholder .hint-placeholder [class*=' dlt-c8y-icon-'] {
  left: 8px;
  font-size: 28px;
}
.drop-area-sm .drop-zone .file-placeholder .hint-placeholder p br {
  display: contents;
}
.drop-area-sm .drop-zone .file-placeholder .hint-placeholder p br + span {
  margin-left: 6px;
}
.drop-zone.disabled,
.drop-zone.disabled:hover,
.drop-zone.disabled:focus {
  pointer-events: none !important;
  cursor: not-allowed !important;
  color: var(--c8y-component-color-default, var(--c8y-root-component-color-default));
  opacity: 0.65;
  filter: alpha(opacity=65);
  box-shadow: none;
}
c8y-file-picker-form-control .file-picker-drop-zone {
  display: flex;
  flex-direction: column;
  min-height: 150px;
  height: fit-content;
  transition: min-height 0.25s ease;
  padding: 10px;
}
c8y-file-picker-form-control .file-picker-drop-zone.unsupported-format {
  background-size: 100px 100px;
  background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.1) 75%, transparent 75%, transparent);
}
c8y-file-picker-form-control .file-picker-drop-zone.dragging {
  min-height: 300px;
}
c8y-file-picker-form-control .file-picker-drop-zone .alert {
  position: absolute;
  bottom: 0;
  margin: 0;
  width: 100%;
}
c8y-file-picker-form-control .file-picker-drop-zone .upload-status,
c8y-file-picker-form-control .file-picker-drop-zone .upload-placeholder {
  padding: 0 calc(var(--c8y-unit-base) * 2);
  width: 100%;
}
c8y-file-picker-form-control .file-picker-drop-zone .file-placeholder {
  flex: 1;
  display: flex;
  align-items: center;
  flex-flow: column nowrap;
  justify-content: center;
  height: 100%;
  border: 2px dashed transparent;
  color: var(--c8y-component-color-default, var(--c8y-root-component-color-default));
  text-align: center;
  transition: border 0.25s ease;
}
c8y-file-picker-form-control .file-picker-drop-zone .file-placeholder .hint-placeholder [class^='dlt-c8y-icon-'],
c8y-file-picker-form-control .file-picker-drop-zone .file-placeholder .hint-placeholder [class*=' dlt-c8y-icon-'] {
  color: #05d5f5;
  font-size: 36px;
  transition: all 0.35s ease;
}
c8y-file-picker-form-control .file-picker-drop-zone .file-placeholder .hint-placeholder [class^='dlt-c8y-icon-'].warning,
c8y-file-picker-form-control .file-picker-drop-zone .file-placeholder .hint-placeholder [class*=' dlt-c8y-icon-'].warning {
  color: var(--palette-status-warning, var(--c8y-palette-status-warning));
}
c8y-file-picker-form-control .file-picker-drop-zone .file-placeholder > * {
  pointer-events: none;
}
c8y-file-picker-form-control .file-picker-drop-zone .file-placeholder.drag-over,
c8y-file-picker-form-control .file-picker-drop-zone .file-placeholder:hover {
  border-color: #05d5f5;
}
c8y-file-picker-form-control .file-picker-drop-zone .file-placeholder.drag-over .hint-placeholder [class^='dlt-c8y-icon-'],
c8y-file-picker-form-control .file-picker-drop-zone .file-placeholder:hover .hint-placeholder [class^='dlt-c8y-icon-'],
c8y-file-picker-form-control .file-picker-drop-zone .file-placeholder.drag-over .hint-placeholder [class*=' dlt-c8y-icon-'],
c8y-file-picker-form-control .file-picker-drop-zone .file-placeholder:hover .hint-placeholder [class*=' dlt-c8y-icon-'] {
  transform: scale(1.1);
}
c8y-file-picker-form-control .file-picker-drop-zone.has-errors .file-placeholder {
  border-bottom-style: solid;
  border-bottom-color: var(--palette-status-danger, var(--c8y-form-validation-color-error));
}
uib-accordion .panel-group .panel {
  border-right: 0;
  border-bottom: 1px solid transparent;
  border-left: 0;
  box-shadow: none;
}
uib-accordion .panel-open {
  background-color: #132b45;
}
uib-accordion .accordion-toggle:focus {
  outline: none;
}
uib-accordion .accordion-toggle:hover .showOnHover {
  visibility: visible;
}
uib-accordion .panel-group .panel + .panel {
  margin-top: -1px;
}
uib-accordion .fragments .input-group-btn .btn {
  padding: 3px 7px;
  font-size: 18px;
}
uib-accordion .fragments .btn-danger {
  color: var(--palette-status-danger, var(--c8y-palette-status-danger));
}
uib-accordion .billing-toggle {
  padding: 8px 0;
  width: 100%;
  color: white;
  text-transform: none;
  font-weight: normal;
  font-size: 14px;
}
uib-accordion .billing-toggle input[type='radio'] {
  margin-right: 10px;
}
uib-accordion .billing-toggle:focus {
  outline: none;
}
.modal .panel-billing {
  padding: 0 20px;
}
.accordion-billing .panel-group {
  margin-bottom: 0;
}
.label-value-unit-gauge {
  display: block;
  padding: 0 calc(var(--c8y-unit-base) * 3);
  min-height: 100%;
}
.label-value-unit-gauge .gauge-legend {
  width: 100%;
}
.label-value-unit-gauge .gauge-legend h3 {
  margin: 0;
}
.label-value-unit-gauge circle.empty {
  stroke: transparent;
  stroke-width: 24px;
  fill: none;
}
.label-value-unit-gauge .center-value,
.label-value-unit-gauge .center-label,
.label-value-unit-gauge .center-unit,
.label-value-unit-gauge .center-date-time {
  text-anchor: middle;
  fill: var(--c8y-component-color-default, var(--c8y-root-component-color-default));
  color: var(--c8y-component-color-default, var(--c8y-root-component-color-default));
}
.label-value-unit-gauge .center-value {
  letter-spacing: -1px;
  font-size: 26px;
  font-weight: bold;
}
.label-value-unit-gauge .center-label {
  font-size: 14px;
}
.label-value-unit-gauge .center-unit,
.label-value-unit-gauge .center-date-time {
  font-size: 10px;
  fill: #8a9596;
  color: #8a9596;
}
.label-value-unit-gauge .gauge-svg svg path.track,
.label-value-unit-gauge .gauge-svg svg path.track-value {
  display: block;
  stroke-linejoin: miter;
  stroke-linecap: miter;
  fill: none;
  stroke-width: 22px;
  stroke-dasharray: 503;
  stroke-dashoffset: -503px;
}
.label-value-unit-gauge .gauge-svg svg path.track {
  stroke-dashoffset: -125.75px;
  stroke: var(--c8y-component-background-active, var(--c8y-root-component-background-active));
}
.label-value-unit-gauge .gauge-svg svg path.track-value {
  transition: stroke-dashoffset 0.25s ease;
}
.label-value-unit-gauge .gauge-svg svg path.track-scale {
  stroke: var(--c8y-component-background-active, var(--c8y-root-component-background-active));
  stroke-width: 7;
  fill: none;
  stroke-dasharray: 0.03em, 5;
}
.label-value-unit-gauge #mask {
  fill: #132b45;
}
@container (min-width: 150px) {
  .label-value-unit-gauge {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
  }
  .label-value-unit-gauge .gauge-legend {
    width: 40cqw;
  }
  .gauge-svg {
    height: 100cqh;
    width: 100%;
  }
}
.minicolors.minicolors-theme-hidden-input {
  height: var(--c8y-form-control-height-base);
  border: var(--c8y-form-control-border-width, 1px) solid var(--c8y-form-control-border-color-default);
  background-color: #132b45;
}
.minicolors.minicolors-theme-hidden-input .minicolors-swatch {
  width: 0;
  height: 0;
  border: 0;
}
.minicolors.minicolors-theme-hidden-input input[type='hidden'] + .minicolors-swatch {
  min-width: 32px;
  width: auto;
}
.minicolors.minicolors-theme-hidden-input .minicolors-swatch-color {
  top: 50%;
  right: auto;
  bottom: auto;
  left: 50%;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  transform: translate(-50%, -50%);
}
.minicolors.minicolors-theme-hidden-input.minicolors-position-top .minicolors-panel {
  top: 0;
  transform: translateY(-50%);
}
body .minicolors-sprite {
  background: url('jquery.minicolors.png') 0 0 repeat;
}
c8y-schema-form.widget {
  padding-top: calc(var(--c8y-unit-base) * 2);
  position: relative;
  margin-bottom: calc(var(--c8y-unit-base) * 2);
  padding-left: 0;
  box-shadow: inset 0 1px 0 transparent;
}
c8y-schema-form.widget.borderless,
c8y-schema-form.widget.borderless-top {
  box-shadow: none !important;
}
c8y-schema-form.widget bootstrap-decorator,
c8y-schema-form.widget sf-decorator {
  display: block;
  margin-bottom: 0;
}
c8y-schema-form.widget bootstrap-decorator .form-group,
c8y-schema-form.widget sf-decorator .form-group,
c8y-schema-form.widget bootstrap-decorator .legend,
c8y-schema-form.widget sf-decorator .legend,
c8y-schema-form.widget bootstrap-decorator .help-block,
c8y-schema-form.widget sf-decorator .help-block {
  padding-right: calc(var(--c8y-unit-base) * 2);
  padding-left: calc(var(--c8y-unit-base) * 2);
}
c8y-schema-form.widget bootstrap-decorator .form-group,
c8y-schema-form.widget sf-decorator .form-group {
  margin-bottom: -1px;
  padding: 3px calc(var(--c8y-unit-base) * 2) 20px;
}
c8y-schema-form.widget bootstrap-decorator .form-group .form-control[disabled],
c8y-schema-form.widget sf-decorator .form-group .form-control[disabled],
c8y-schema-form.widget bootstrap-decorator .form-group .form-control[readonly],
c8y-schema-form.widget sf-decorator .form-group .form-control[readonly],
c8y-schema-form.widget bootstrap-decorator .form-group fieldset[disabled] .form-control,
c8y-schema-form.widget sf-decorator .form-group fieldset[disabled] .form-control {
  color: white;
}
c8y-schema-form.widget bootstrap-decorator + ng-form {
  display: block;
  margin-bottom: 0;
}
c8y-schema-form.widget bootstrap-decorator + ng-form > .form-group {
  margin-bottom: 0;
  padding: 3px calc(var(--c8y-unit-base) * 2) 20px;
}
c8y-schema-form.widget bootstrap-decorator + ng-form > .form-group .form-control[disabled],
c8y-schema-form.widget bootstrap-decorator + ng-form > .form-group .form-control[readonly],
c8y-schema-form.widget bootstrap-decorator + ng-form > .form-group fieldset[disabled] .form-control {
  color: white;
}
c8y-schema-form.widget bootstrap-decorator .legend {
  margin-top: 20px;
  margin-bottom: 8px;
}
c8y-schema-form.widget sf-decorator .legend {
  margin-top: 0;
  margin-bottom: 7px;
  padding-top: 8px;
  background-color: #132b45;
  color: white;
}
c8y-schema-form.widget sf-decorator .legend.form-block::after {
  display: none;
}
c8y-schema-form.widget.form-read-only sf-decorator,
c8y-schema-form.widget.form-read-only bootstrap-decorator {
  min-height: 0;
  height: auto;
}
c8y-schema-form.widget.form-read-only .form-group {
  display: flex;
  align-items: center;
  flex-flow: row wrap;
  padding: 3px calc(var(--c8y-unit-base) * 2);
}
c8y-schema-form.widget.form-read-only .form-group label {
  flex: 1 0 30%;
  margin: 0 var(--c8y-unit-base) 0 0;
  line-height: 1.3;
  align-self: flex-start;
}
c8y-schema-form.widget.form-read-only .form-group label + div,
c8y-schema-form.widget.form-read-only .form-group .form-control,
c8y-schema-form.widget.form-read-only .form-group .text-pre-wrap {
  flex: 1 1 60%;
  padding: 0 !important;
  height: auto;
  background-color: transparent;
  text-overflow: ellipsis;
}
.dashboard c8y-schema-form.widget.form-read-only .form-group label + div,
.dashboard c8y-schema-form.widget.form-read-only .form-group .form-control,
.dashboard c8y-schema-form.widget.form-read-only .form-group .text-pre-wrap {
  color: inherit;
}
c8y-schema-form.widget.form-read-only .form-group .help-block {
  margin: 0;
  width: 100%;
}
c8y-schema-form.widget.form-read-only .form-group.datepicker {
  padding: 0;
}
c8y-schema-form.widget.form-read-only .form-group.datepicker .form-control {
  cursor: not-allowed;
  pointer-events: none;
}
c8y-schema-form.widget.form-read-only .form-group.datepicker [uib-datepicker-popup-wrap] {
  display: none;
}
c8y-schema-form.widget.form-read-only .form-group.timepicker {
  padding: 0;
}
c8y-schema-form.widget.form-read-only .form-group.timepicker .form-group.uib-time {
  padding: 0;
}
c8y-schema-form.widget.form-read-only .form-group.timepicker .form-group.uib-time .form-control {
  width: 20px;
  cursor: not-allowed;
  pointer-events: none;
}
c8y-schema-form.widget.form-read-only .schema-form-checkbox {
  padding: 0 0 16px 16px !important;
}
c8y-schema-form.widget.form-read-only .schema-form-textarea {
  padding: 16px;
}
c8y-schema-form.widget.form-read-only .c8y-schema-form-empty {
  display: none;
}
c8y-schema-form.widget bootstrap-decorator > fieldset > sf-decorator:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}
c8y-schema-form.widget bootstrap-decorator > fieldset > sf-decorator:last-child .schema-form-checkbox {
  padding: 0 0 16px 16px !important;
}
c8y-schema-form.generic-ui .form-group {
  margin-bottom: 0;
}
c8y-schema-form.generic-ui .form-group .help-block {
  margin: 0;
}
c8y-schema-form.generic-ui .c8y-checkbox {
  display: flex;
}
c8y-schema-form.generic-ui .c8y-checkbox input + span {
  margin-right: var(--c8y-unit-base);
}
c8y-schema-form.generic-ui .c8y-checkbox.no-label span + span {
  display: none;
}
.schema-form-grid {
  display: grid;
  margin: 0 -1rem;
}
.schema-form-grid > div,
.schema-form-grid > div > ng-form {
  display: contents;
}
.schema-form-grid bootstrap-decorator {
  padding: 0 1rem;
}
.schema-form-grid bootstrap-decorator:first-child:last-child {
  display: contents;
  padding: 0;
}
.schema-form-grid bootstrap-decorator:first-child:last-child > fieldset {
  display: contents;
}
.schema-form-grid bootstrap-decorator:first-child:last-child sf-decorator {
  padding: 0 1rem;
}
.schema-form-checkbox {
  padding-bottom: var(--c8y-unit-base);
}
body > .c8y-timelines-chart-tooltip {
  position: absolute;
  z-index: 1060;
  padding: var(--c8y-unit-base);
  border: 0;
  background: #132b45;
  font-size: var(--c8y-font-size-small);
  pointer-events: none;
  box-shadow: var(--c8y-elevation-md-bottom);
}
.c8y-timelines-chart {
  position: relative;
}
.c8y-timelines-chart .axis path,
.c8y-timelines-chart .axis line {
  fill: none;
  stroke: var(--c8y-palette-gray-60);
  shape-rendering: crispEdges;
}
.c8y-timelines-chart .axis text {
  font-size: var(--c8y-font-size-xs);
}
.c8y-timelines-chart .axis .tick line,
.c8y-timelines-chart .axis .domain {
  stroke: var(--c8y-palette-gray-80);
}
.ui-sortable.inner-scroll {
  position: static;
}
.ui-sortable .ui-sortable-handle {
  cursor: move;
}
.ui-sortable .ui-sortable-handle:hover {
  outline: 1px solid #05d5f5;
  cursor: move;
}
.ui-sortable .ui-sortable-handle .c8y-checkbox {
  display: flex;
}
.ui-sortable .ui-sortable-handle .c8y-checkbox input + span {
  margin-right: var(--c8y-unit-base);
}
.ui-sortable .panel-heading {
  font-weight: normal;
  font-size: 14px;
}
.ui-sortable .ui-sortable-handle:not(.list-group-item):not(.list-inline-item) {
  width: 40px;
}
.ui-sortable .ui-sortable-handle.list-inline-item:not(.list-group-item) {
  flex: 1 0 20%;
  min-width: 55px;
}
.modal-body .ui-sortable .ui-sortable-handle.list-inline-item:not(.list-group-item) {
  flex: 1 1 100%;
}
.modal-body .ui-sortable .ui-sortable-handle.list-inline-item:not(.list-group-item) .c8y-schema-form-empty {
  flex: 1 1 auto;
}
.popover-content .ui-sortable .ui-sortable-handle.list-inline-item:not(.list-group-item) {
  flex: 1 0 50%;
}
.ui-sortable .ui-sortable-title {
  flex: 1 1 0%;
}
.ui-sortable .ui-sortable-actions {
  margin-right: -15px;
  margin-left: auto;
  width: 40px;
}
.ui-sortable .ui-sortable-actions .btn {
  color: white;
}
.ui-sortable .ui-sortable-actions .btn:focus {
  outline: none;
}
.spinner-snake {
  position: relative;
  margin: 16px auto;
  width: 4em;
  height: 4em;
  border-radius: 50%;
  box-shadow: inset 0 0 0 0.6em;
  color: #05d5f5;
  text-indent: -99999em;
  transform: translateZ(0) rotate(180deg);
  animation: rotator 1.95s infinite linear;
}
.spinner-snake:before {
  top: -0.1em;
  left: -0.1em;
  width: 2.2em;
  height: 4.2em;
  border-radius: 2.2em 0 0 2.2em;
  transform-origin: 2.2em 2.1em;
  animation: rotator 1s infinite ease 0.75s;
}
.spinner-snake:before,
.spinner-snake:after {
  position: absolute;
  background: #141414;
  content: '';
}
.card .spinner-snake:before,
.card .spinner-snake:after,
.modal .spinner-snake:before,
.modal .spinner-snake:after {
  background: #132b45;
}
.spinner-snake:after {
  top: -0.1em;
  left: 2.1em;
  width: 2.6em;
  height: 4.6em;
  border-radius: 0 2.2em 2.2em 0;
  transform-origin: 0 2.1em;
  animation: rotator 1s infinite ease;
}
@keyframes rotator {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.c8y-browser-mock {
  /* Create three unequal columns that floats next to each other */
}
.c8y-browser-mock .browser-container {
  border: 0;
}
.c8y-browser-mock .browser-row {
  position: relative;
  padding: 10px;
  background: inherit;
}
.c8y-browser-mock .column {
  float: left;
}
.c8y-browser-mock .buttons {
  width: 60px;
}
.c8y-browser-mock .buttons .dot {
  display: inline-block;
  margin-top: 4px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: var(--c8y-palette-gray-70);
}
.c8y-browser-mock .tab {
  position: absolute;
  top: 2px;
  left: 80px;
  padding: 10px;
  width: 20%;
  border: 1px solid transparent;
  border-bottom: 0;
  border-radius: 5px 5px 0 0;
  background-color: #132b45;
  color: var(--c8y-palette-gray-40);
}
.c8y-browser-mock .tab img {
  float: left;
  margin: 1px 6px 1px 2px;
  width: 16px;
  height: 16px;
}
.c8y-browser-mock .browser-content {
  margin: 0;
  border-top: 1px solid transparent;
}
.c8y-browser-mock iframe {
  height: calc(100vh - 337px);
  border: 0;
}
.cdk-tree > .cdk-nested-tree-node {
  padding-left: 0;
}
.cdk-tree > .cdk-nested-tree-node:before,
.cdk-tree > .cdk-nested-tree-node:after {
  display: none;
}
.cdk-tree-node {
  position: relative;
  display: flex;
  flex-direction: column;
}
.cdk-nested-tree-node {
  position: relative;
  padding-left: 16px;
}
.cdk-nested-tree-node:before {
  position: absolute;
  top: 0;
  bottom: 1px;
  left: 7px;
  border-left: 1px dotted var(--c8y-palette-gray-80);
  content: '';
}
.cdk-nested-tree-node:after {
  position: absolute;
  top: 10px;
  left: 7px;
  width: 10px;
  border-top: 1px dotted var(--c8y-palette-gray-80);
  content: '';
}
.cdk-nested-tree-node > span:before {
  content: '';
  display: inline-block;
  text-transform: none;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  font-family: 'dlt-c8y-icons' !important;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.cdk-nested-tree-node > span:before::before,
.cdk-nested-tree-node > span:before::after {
  font-size: 1.1em;
}
.cdk-nested-tree-node > button + span:before {
  display: none;
}
.cdk-tree-node-toggle {
  cursor: pointer;
}
.cdk-tree-node-toggle > [class^='dlt-c8y-icon-'],
.cdk-tree-node-toggle > [class*=' dlt-c8y-icon-'] {
  margin-right: calc(var(--c8y-unit-base) * 0.5);
  color: #132b45;
}
.list-group.cdk-drop-list {
  min-width: 220px;
}
.cdk-drag-preview:not(.resize-handle) {
  box-sizing: border-box;
  box-shadow: var(--c8y-elevation-md-bottom);
  z-index: 1051 !important;
}
.cdk-drag-preview:not(.resize-handle) > *,
.cdk-drag-preview:not(.resize-handle) > * > * {
  pointer-events: auto !important;
  cursor: move !important;
}
.cdk-drag-preview:not(.resize-handle)[cdkDragLockAxis='y'] > *,
.cdk-drag-preview:not(.resize-handle)[cdkDragLockAxis='y'] > * > * {
  pointer-events: auto !important;
  cursor: ns-resize !important;
}
.cdk-drag-preview:not(.resize-handle)[cdkDragLockAxis='x'] > *,
.cdk-drag-preview:not(.resize-handle)[cdkDragLockAxis='x'] > * > * {
  pointer-events: auto !important;
  cursor: ew-resize !important;
}
.cdk-drag-placeholder {
  opacity: 0;
}
.cdk-drag-placeholder > .list-group-item > *,
.cdk-drag-placeholder > .list-group-item:after {
  opacity: 0;
}
.cdk-drag-animating {
  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
}
/* Animate items as they're being sorted. */
.cdk-drop-list-dragging .cdk-drag {
  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
}
.cdk-drop-list-dragging .draggable-el:not(.cdk-drag-placeholder) {
  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
}
c8y-list-group.cdk-drop-list-dragging c8y-datapoint-selector-list-item:not(.cdk-drag-placeholder) {
  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
}
.cdk-drop-list-disabled c8y-datapoint-selector-list-item.cdk-drag .c8y-list__item__block::before {
  display: none !important;
}
.bs-datepicker {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: stretch;
  flex-flow: row wrap;
  background: #132b45;
  box-shadow: var(--c8y-elevation-md-bottom);
  /* .bs-datepicker-head */
  /* .bs-datepicker-body */
  /* .current-timedate */
  /* .bs-datepicker-multiple */
  /* .bs-datepicker-btns */
  /*.bs-datepicker-custom-range */
  /* .bs-datepicker-predefined-btns */
  /* .bs-datepicker-buttons */
}
.bs-datepicker:after {
  display: block;
  clear: both;
  content: '';
}
.bs-datepicker bs-day-picker {
  float: left;
}
.bs-datepicker button:hover,
.bs-datepicker button:focus,
.bs-datepicker button:active,
.bs-datepicker input:hover,
.bs-datepicker input:focus,
.bs-datepicker input:active,
.bs-datepicker-btns button:hover,
.bs-datepicker-btns button:focus,
.bs-datepicker-btns button:active,
.bs-datepicker-predefined-btns button:active,
.bs-datepicker-predefined-btns button:focus {
  outline: none;
}
.bs-datepicker-head {
  padding: 8px;
  min-width: 270px;
  height: 50px;
  border-radius: 0;
  text-align: justify;
  /* .bs-datepicker-head button */
}
.bs-datepicker-head:after {
  display: inline-block;
  width: 100%;
  content: '';
  vertical-align: top;
}
.bs-datepicker-head button {
  display: inline-block;
  padding: 0;
  height: 32px;
  border: 0;
  background: transparent;
  color: white;
  vertical-align: top;
  text-align: center;
  line-height: 32px;
  cursor: pointer;
  transition: 0.3s;
}
.bs-datepicker-head button[disabled],
.bs-datepicker-head button[disabled]:hover,
.bs-datepicker-head button[disabled]:active {
  color: var(--c8y-component-color-disabled, var(--c8y-root-component-color-disabled));
  opacity: var(--c8y-component-disabled-opacity, var(--c8y-root-component-disabled-opacity));
  cursor: not-allowed;
}
.bs-datepicker-head button.next,
.bs-datepicker-head button.previous {
  display: inline-block;
  text-transform: none;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  font-family: 'dlt-c8y-icons' !important;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  width: 32px;
  height: 32px;
  border-radius: 0;
  color: #05d5f5;
  font-size: 24px;
}
.bs-datepicker-head button.next::before,
.bs-datepicker-head button.previous::before,
.bs-datepicker-head button.next::after,
.bs-datepicker-head button.previous::after {
  font-size: 1.1em;
}
.bs-datepicker-head button.next span,
.bs-datepicker-head button.previous span {
  display: none;
}
.bs-datepicker-head button.next:before {
  content: "\e92b";
}
.bs-datepicker-head button.previous:before {
  content: "\e907";
}
.bs-datepicker-head button.current {
  padding: 0 13px;
  max-width: 155px;
  border-radius: 0;
}
.bs-datepicker-head button {
  color: white;
  font-weight: 500;
  font-size: 16px;
}
.bs-datepicker-head button:hover {
  color: var(--c8y-component-color-actions-hover, var(--c8y-root-component-color-actions-hover));
}
.bs-datepicker-head button:active:not(.previous):not(.next) {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)) #05d5f5;
  color: var(--c8y-palette-high);
}
.bs-datepicker-body {
  padding: 10px;
  min-width: 278px;
  min-height: 232px;
  border-radius: 0;
  /* .bs-datepicker-body table */
}
.bs-datepicker-body .days.weeks {
  position: relative;
  z-index: 1;
}
.bs-datepicker-body table {
  width: 100%;
  border-spacing: 0;
  border-collapse: separate;
  /* .bs-datepicker-body table.days */
  /* .bs-datepicker-body table.weeks */
}
.bs-datepicker-body table th {
  color: var(--c8y-component-color-default, var(--c8y-root-component-color-default));
  text-align: center;
  font-weight: 500;
  font-size: 13px;
}
.bs-datepicker-body table td {
  position: relative;
  padding: 0;
  color: var(--c8y-component-color-default, var(--c8y-root-component-color-default));
  text-align: center;
}
.bs-datepicker-body table td span {
  position: relative;
  display: block;
  margin: 0 auto;
  border-radius: 0;
  font-size: 13px;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.bs-datepicker-body table td.week span {
  color: #8a9596;
  font-weight: 500;
}
.bs-datepicker-body table td:not(.disabled):not(.week) span:not(.disabled):not(.is-other-month) {
  cursor: pointer;
}
.bs-datepicker-body table td.is-highlighted:not(.disabled):not(.selected) span,
.bs-datepicker-body table td span.is-highlighted:not(.disabled):not(.selected) {
  background: transparent;
  box-shadow: inset 0 0 0 2px #05d5f5;
  transition: 0s;
}
.bs-datepicker-body table td.is-active-other-month:not(.disabled):not(.selected) span,
.bs-datepicker-body table td span.is-active-other-month:not(.disabled):not(.selected) {
  background-color: var(--c8y-component-color-accent, var(--c8y-root-component-color-accent));
  cursor: pointer;
  transition: 0s;
}
.bs-datepicker-body table td span.disabled,
.bs-datepicker-body table td.disabled span {
  color: var(--c8y-component-color-disabled, var(--c8y-root-component-color-disabled));
}
.bs-datepicker-body table td .today {
  font-weight: 600;
}
.bs-datepicker-body table td .today:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  content: '•';
  line-height: 1;
}
.bs-datepicker-body table td span.selected,
.bs-datepicker-body table td.selected span {
  background-color: #05d5f5;
  color: var(--c8y-palette-high);
}
.bs-datepicker-body table td span.is-other-month,
.bs-datepicker-body table td.is-other-month span {
  color: var(--c8y-palette-gray-50);
}
.bs-datepicker-body table td.active {
  position: relative;
}
.bs-datepicker-body table td.active.select-start:before {
  left: 35%;
}
.bs-datepicker-body table td.active.select-end:before {
  left: -85%;
}
.bs-datepicker-body table td span.active.select-start:after,
.bs-datepicker-body table td span.active.select-end:after,
.bs-datepicker-body table td.active.select-start span:after,
.bs-datepicker-body table td.active.select-end span:after {
  position: absolute;
  top: 0;
  z-index: -1;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  content: '';
  transition: 0.3s;
}
.bs-datepicker-body table td:before,
.bs-datepicker-body table td span:before {
  position: absolute;
  top: 0;
  right: -2px;
  bottom: 0;
  left: -2px;
  z-index: -1;
  display: block;
  box-sizing: content-box;
  background: transparent;
  content: '';
}
.bs-datepicker-body table td.active.select-start + td.active:before {
  left: -20%;
}
.bs-datepicker-body table td:last-child.active:before {
  left: -25%;
  width: 125%;
  border-radius: 0;
}
.bs-datepicker-body table td span[class*='select-'],
.bs-datepicker-body table td[class*='select-'] span {
  border-radius: 0;
  color: #132b45;
}
.bs-datepicker-body table.days td.active:not(.select-start):before,
.bs-datepicker-body table.days span.active:not(.select-start):before,
.bs-datepicker-body table.days td.in-range:not(.select-start):before,
.bs-datepicker-body table.days span.in-range:not(.select-start):before {
  background: var(--c8y-brand-70);
}
.bs-datepicker-body table.days span {
  width: 32px;
  height: 32px;
  line-height: 32px;
}
.bs-datepicker-body table.days span.select-start {
  z-index: 2;
  border-radius: 50% 0 0 50%;
}
.bs-datepicker-body table.days span.select-end {
  z-index: 2;
  border-radius: 0 50% 50% 0;
}
.bs-datepicker-body table.days span.is-highlighted.in-range:before,
.bs-datepicker-body table.days span.in-range.select-end:before {
  right: 0;
  left: 0;
  background: none;
}
.bs-datepicker-body table.days td.select-start + td.select-end:before,
.bs-datepicker-body table.days td.select-start + td.is-highlighted:before,
.bs-datepicker-body table.days td.active + td.is-highlighted:before,
.bs-datepicker-body table.days td.active + td.select-end:before,
.bs-datepicker-body table.days td.in-range + td.is-highlighted:before,
.bs-datepicker-body table.days td.in-range + td.select-end:before {
  width: 100%;
}
.bs-datepicker-body table.weeks tr td:nth-child(2).active:before {
  left: 0;
  width: 100%;
  border-radius: 0;
}
.bs-datepicker-body table:not(.weeks) tr td:first-child:before {
  border-radius: 0;
}
.bs-datepicker-body table.years td span {
  margin: 0 auto;
  width: 46px;
  height: 46px;
  line-height: 45px;
}
.bs-datepicker-body table.years tr:not(:last-child) td span {
  margin-bottom: 8px;
}
.bs-datepicker-body table.months td {
  height: 52px;
}
.bs-datepicker-body table.months td span {
  padding: 6px;
  border-radius: 0;
}
.bs-datepicker .current-timedate {
  margin-bottom: 10px;
  height: 30px;
  border: 1px solid transparent;
  border-radius: 0;
  color: var(--c8y-component-color-default, var(--c8y-root-component-color-default));
  text-align: center;
  text-transform: uppercase;
  font-size: 15px;
  line-height: 30px;
  cursor: pointer;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.bs-datepicker .current-timedate span:not(:empty):before {
  display: inline-block;
  margin-right: 4px;
  width: 15px;
  height: 16px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAQCAYAAADJViUEAAABMklEQVQoU9VTwW3CQBCcOUgBtEBKSAukAnBKME+wFCAlYIhk8sQlxFABtJAScAsuAPBEewYcxCP8ouxrPDsza61uiVN1o6RNHD4htSCmq49RfO71BvMJqBBkITRf1kmUW49nQRC9h1I5AZlBClaL8aP1fKgOOxCx8aSLs+Q19eZuNO8QmPqJRtDFguy7OAcDbJPs+/BKVPDIPrvD2ZJgWAmVe7O0rI0Vqs1seyWUXpuJoppYCa5L+U++NpNPkr5OE2oMdARsb3gykJT5ydZcL8Z9Ww60nxg2LhjON9li9OwXZzo+xLbp3nC2s9CL2RrueGyVrgwNm8HpsCzZ9EEW6kqXlo1GQe03FzP/7W8Hl0dBtu7Bf7zt6mIwvX1RvzDCm7+q3mAW0Dl/GPdUCeXrZLT9BrDrGkm4qlPvAAAAAElFTkSuQmCC);
  content: '';
  vertical-align: text-bottom;
}
.bs-datepicker-multiple {
  border-radius: 0;
}
.bs-datepicker-multiple + .bs-datepicker-multiple {
  margin-left: 10px;
}
.bs-datepicker-multiple .bs-datepicker {
  position: relative;
  box-shadow: none;
}
.bs-datepicker-multiple .bs-datepicker:not(:last-child) {
  padding-right: 10px;
}
.bs-datepicker-multiple .bs-datepicker + .bs-datepicker:after {
  position: absolute;
  top: 25px;
  left: -8px;
  display: block;
  width: 14px;
  height: 10px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAKCAYAAABrGwT5AAAA1ElEQVQoU42RsQrCUAxF77VuDu7O4oMWW//BURBBpZvgKk4uIrjoqKOTf+DopIO4uYggtFTfw3+pkQqCW1/G5J7kJiFy4m5MxUlxAzgIPHX+lzMPzupRYlYgxiR7vqsOP8YKzsTx0yxFMCUZ+q7aZzlr+OvgoWcAFyAHgat2jLWu48252DdqAihDJGSSJNUUxYmQjs3+hPQBlAh2rG2LCOPnaw3IiGDX99TRCs7ASJsNhUOA7d/LcuHvRG22FIZvsNXw1MX6VZExCilOQKEfeLXr/10+aC9Ho7arh7oAAAAASUVORK5CYII=);
  content: '';
}
.bs-datepicker-multiple .bs-datepicker .left {
  float: left;
}
.bs-datepicker-multiple .bs-datepicker .right {
  float: right;
}
.bs-datepicker-container {
  padding: 0;
}
.bs-datepicker .bs-media-container {
  display: flex;
}
@media (max-width: 768px) {
  .bs-datepicker .bs-media-container {
    flex-direction: column;
  }
}
.bs-datepicker-custom-range {
  background: var(--c8y-component-background-odd, var(--c8y-root-component-background-odd));
}
.bs-datepicker-predefined-btns button {
  display: block;
  margin-bottom: 10px;
  padding: 0 18px;
  width: 100%;
  height: 32px;
  border: 0;
  border-radius: 0;
  background-color: #132b45;
  color: var(--c8y-component-color-default, var(--c8y-root-component-color-default));
  text-align: left;
  transition: 0.3s;
}
.bs-datepicker-predefined-btns button:active,
.bs-datepicker-predefined-btns button:hover {
  background-color: var(--c8y-component-background-active, var(--c8y-root-component-background-active));
}
.bs-datepicker-buttons {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-end;
  padding-top: 10px;
  border-top: 1px solid transparent;
}
.bs-datepicker-buttons .btn-default {
  margin-left: 10px;
}
/* .bs-timepicker */
.bs-timepicker-container {
  padding: 10px 0;
}
.bs-timepicker-label {
  margin-bottom: 10px;
  color: var(--c8y-component-color-default, var(--c8y-root-component-color-default));
}
.bs-timepicker-controls {
  display: inline-block;
  margin-right: 10px;
  vertical-align: top;
}
.bs-timepicker-controls button {
  padding: 0;
  width: 20px;
  height: 20px;
  border: 0;
  border-radius: 50%;
  background-color: #05d5f5;
  color: var(--c8y-palette-high);
  vertical-align: middle;
  font-weight: 700;
  font-size: 16px;
  line-height: 0;
  transition: 0.3s;
}
.bs-timepicker-controls button:hover {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)) #05d5f5;
}
.bs-timepicker-controls input {
  width: 35px;
  height: 25px;
  border: 1px solid transparent;
  border-radius: 13px;
  text-align: center;
}
.bs-timepicker .switch-time-format {
  min-width: 54px;
  height: 25px;
  border: 1px solid transparent;
  border-radius: 20px;
  background: #132b45;
  color: var(--c8y-component-color-default, var(--c8y-root-component-color-default));
  text-transform: uppercase;
  font-size: 13px;
}
.bs-timepicker .switch-time-format img {
  margin-left: 4px;
  vertical-align: initial;
}
bs-datepicker-container,
bs-daterangepicker-container {
  z-index: 1080;
}
/* screen size < 1024px */
@media (max-width: 768px) {
  .bs-datepicker-multiple {
    display: flex;
  }
  .bs-datepicker-multiple + .bs-datepicker-multiple {
    margin-top: 10px;
    margin-left: 0;
  }
}
timepicker table,
c8y-time-picker table {
  background-color: transparent;
}
timepicker table .bs-timepicker-field,
c8y-time-picker table .bs-timepicker-field {
  width: 5ch !important;
}
timepicker table .btn-default,
c8y-time-picker table .btn-default {
  padding-right: 8px;
  padding-left: 8px;
}
timepicker.form-group-sm .btn-default,
c8y-time-picker.form-group-sm .btn-default {
  padding: var(--c8y-btn-padding-small-vertical) var(--c8y-btn-padding-small-horizontal);
  font-size: var(--c8y-btn-font-size-small);
  line-height: var(--c8y-btn-line-height-small);
  border-radius: var(--c8y-btn-border-radius-small);
  height: var(--c8y-form-control-height-sm);
  padding-right: 8px;
  padding-left: 8px;
}
timepicker.form-group-lg .btn-default,
c8y-time-picker.form-group-lg .btn-default {
  padding: var(--c8y-btn-padding-large-vertical) var(--c8y-btn-padding-large-horizontal);
  font-size: var(--c8y-btn-font-size-large);
  line-height: var(--c8y-btn-line-height-large);
  border-radius: var(--c8y-btn-border-radius-large);
  height: var(--c8y-form-control-height-lg);
}
.datetime-picker {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.datetime-picker .datepicker {
  flex-basis: 0;
  flex-grow: 1;
  flex-shrink: 0;
  margin-right: 8px;
  margin-bottom: 0;
}
.datetime-picker timepicker,
.datetime-picker c8y-time-picker {
  flex-grow: 0;
  margin-bottom: 0;
}
.c8y-stepper {
  position: relative;
  display: flex;
  margin-top: 0;
  margin-bottom: 0;
  padding: var(--c8y-unit-base);
  list-style: none;
}
.c8y-stepper:before {
  position: absolute;
  top: 50%;
  right: 2rem;
  left: 2rem;
  z-index: 0;
  border-top: 2px solid transparent;
  content: '';
}
.c8y-stepper > li {
  position: relative;
  margin-right: auto;
}
.c8y-stepper > li:last-child {
  margin-right: 0;
}
.c8y-stepper:not([class*='col-']) {
  margin: 0;
}
.c8y-step__label {
  position: absolute;
  left: 50%;
  display: none;
  overflow: hidden;
  margin-top: 4px;
  max-width: 120px;
  color: #8a9596;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: var(--c8y-font-size-small);
  transform: translateX(-50%);
}
@media (min-width: 768px) {
  .c8y-step__label {
    display: block;
  }
}
.active + .c8y-step__label {
  color: white;
  font-weight: 500;
}
.c8y-step {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border: 0;
  border-radius: 50%;
  background-color: #132b45;
  background-image: none;
  box-shadow: inset 0 0 0 1px transparent;
}
.c8y-step.active {
  border-width: 3px;
  background-color: var(--c8y-component-color-active, var(--c8y-root-component-color-active));
  box-shadow: none;
  color: var(--c8y-component-background-active, var(--c8y-root-component-background-active));
}
.c8y-step.step-done {
  background-color: #41D796;
  box-shadow: none;
  color: var(--c8y-palette-high);
}
.c8y-step.step-error {
  background-color: var(--palette-status-danger, var(--c8y-palette-status-danger));
  box-shadow: none;
  color: var(--c8y-palette-high);
}
.c8y-step.step-warning {
  background-color: var(--palette-status-warning, var(--c8y-palette-status-warning));
  box-shadow: none;
  color: var(--c8y-palette-high);
}
.c8y-step:focus {
  outline: none;
}
.c8y-stepper--no-btns .c8y-step {
  pointer-events: none;
}
c8y-select-step-frame,
c8y-preview-selection-frame {
  display: contents;
}
.c8y-list__group {
  margin: 0;
  padding: 0;
  list-style: none;
}
.c8y-list__group:not(.dropdown-menu) {
  display: block;
}
.c8y-list__group.separator-top {
  padding-top: 1px;
}
.c8y-list__group.dropdown-menu {
  width: 100%;
  max-height: 240px;
  overflow-y: auto;
}
.c8y-list__item {
  display: block;
  background-color: #132b45;
  color: var(--c8y-component-color-default, var(--c8y-root-component-color-default));
  box-shadow: inset 0 -1px 0 transparent;
  /* typeahead dropdown list items styling */
}
[class*='bg-level-'] .c8y-list__item {
  background-color: inherit;
}
.c8y-list__item .c8y-list__item__title {
  white-space: normal;
  word-break: break-word;
}
.card .c8y-list__item,
.dropdown .c8y-list__item {
  box-shadow: inset 0 -1px 0 0 transparent;
  margin-bottom: 0;
}
.c8y-list__item.highlighted {
  background-color: var(--c8y-brand-80);
}
bs-dropdown-container .c8y-list__item,
c8y-typeahead .dropdown .c8y-list__item,
.c8y-select-v2 .dropdown .c8y-list__item {
  /**
       * @Carlos: There are items that are not selectable that
       * don't get that class. E.g. the "No results found" item.
       **/
}
bs-dropdown-container .c8y-list__item.active,
c8y-typeahead .dropdown .c8y-list__item.active,
.c8y-select-v2 .dropdown .c8y-list__item.active,
bs-dropdown-container .c8y-list__item:active,
c8y-typeahead .dropdown .c8y-list__item:active,
.c8y-select-v2 .dropdown .c8y-list__item:active {
  color: var(--c8y-component-color-active, var(--c8y-root-component-color-active));
}
bs-dropdown-container .c8y-list__item.active .c8y-list__item__body:after,
c8y-typeahead .dropdown .c8y-list__item.active .c8y-list__item__body:after,
.c8y-select-v2 .dropdown .c8y-list__item.active .c8y-list__item__body:after,
bs-dropdown-container .c8y-list__item:active .c8y-list__item__body:after,
c8y-typeahead .dropdown .c8y-list__item:active .c8y-list__item__body:after,
.c8y-select-v2 .dropdown .c8y-list__item:active .c8y-list__item__body:after {
  display: inline-block;
  font: normal normal normal 14px/1 'dlt-c8y-icons';
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  width: 1.25em;
  text-align: center;
  float: right;
  content: "\eaee";
}
bs-dropdown-container .c8y-list__item.selectable:hover:not(.active),
c8y-typeahead .dropdown .c8y-list__item.selectable:hover:not(.active),
.c8y-select-v2 .dropdown .c8y-list__item.selectable:hover:not(.active),
bs-dropdown-container .c8y-list__item.highlighted,
c8y-typeahead .dropdown .c8y-list__item.highlighted,
.c8y-select-v2 .dropdown .c8y-list__item.highlighted {
  background-color: var(--c8y-brand-80);
}
bs-dropdown-container .c8y-list__item:focus,
c8y-typeahead .dropdown .c8y-list__item:focus,
.c8y-select-v2 .dropdown .c8y-list__item:focus {
  outline: 2px solid #05d5f5;
  outline-offset: -2px;
  border-radius: var(--c8y-component-border-radius-focus, var(--c8y-root-component-border-radius-focus)) !important;
}
.c8y-list__item.selectable.active {
  color: var(--c8y-component-color-active, var(--c8y-root-component-color-active));
}
.c8y-list__item.selectable.active .c8y-list__item__body:after {
  display: inline-block;
  font: normal normal normal 14px/1 'dlt-c8y-icons';
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  width: 1.25em;
  text-align: center;
  float: right;
  content: "\eaee";
}
.c8y-list__item.disabled {
  opacity: var(--c8y-component-disabled-opacity, var(--c8y-root-component-disabled-opacity));
  pointer-events: none;
}
.c8y-list__item > .expanded,
.c8y-list__item.expanded {
  background-color: var(--c8y-component-background-expanded, var(--c8y-root-component-background-expanded));
  min-height: 1px;
  box-shadow: inset 0 -1px 0 transparent !important;
  --c8y-nav-tabs-background-active: var(--c8y-component-background-expanded, var(--c8y-root-component-background-expanded));
}
.c8y-list__item > .expanded .c8y-list__item__title,
.c8y-list__item.expanded .c8y-list__item__title {
  font-weight: 500;
}
.c8y-list__item > .expanded .sticky-top,
.c8y-list__item.expanded .sticky-top {
  background-color: inherit;
}
.c8y-list__item--empty-actions {
  padding-right: 40px;
}
.c8y-list__item--empty-actions .c8y-list__item__body {
  padding-right: 0 !important;
}
.c8y-list__item.has-error {
  box-shadow: inset 0 -2px 0 var(--palette-status-danger, var(--c8y-alert-status-danger));
}
.c8y-list__group--strip .c8y-list__item:nth-child(odd) {
  background-image: var(--c8y-component-background-odd, var(--c8y-root-component-background-odd));
}
.no-border-last .c8y-list__item:last-child {
  box-shadow: none;
}
.no-border-2nd-last .c8y-list__item:nth-last-child(2) {
  box-shadow: none;
}
.c8y-list__item--double-actions .c8y-list__item__actions {
  min-width: 80px;
}
.c8y-list__item--no-expand .collapse-btn {
  display: none;
  pointer-events: none;
}
.c8y-list__item--link {
  cursor: pointer;
}
.c8y-list__item--link:hover {
  color: var(--link-hover-color, var(--c8y-component-color-link-hover, var(--c8y-root-component-color-link-hover)));
}
.c8y-list__item--link:focus {
  outline: 2px solid #05d5f5;
  outline-offset: -2px;
  border-radius: var(--c8y-component-border-radius-focus, var(--c8y-root-component-border-radius-focus)) !important;
}
.c8y-list--pulse {
  animation-name: pulseComponent;
  animation-duration: 1s;
}
a.c8y-list__item:hover {
  text-decoration: none;
}
a.c8y-list__item:focus {
  outline: 2px solid #05d5f5;
  outline-offset: -2px;
  border-radius: var(--c8y-component-border-radius-focus, var(--c8y-root-component-border-radius-focus)) !important;
}
c8y-load-more.c8y-list__item .btn {
  margin-top: var(--c8y-unit-base);
  margin-bottom: var(--c8y-unit-base);
}
.c8y-list__item__block {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
}
.c8y-list__item__block.sticky-top {
  background-color: unset;
}
.c8y-list__item__block .progress {
  margin-top: 3px;
  margin-bottom: 0;
}
c8y-li-drag-handle,
c8y-list-item-drag-handle {
  display: flex;
  align-items: center;
  align-self: stretch;
  flex-shrink: 0;
  max-width: 0;
  overflow: hidden;
  transition: all 0.25s ease;
}
c8y-li-drag-handle c8y-li-drag-handle,
c8y-list-item-drag-handle c8y-li-drag-handle,
c8y-li-drag-handle c8y-list-item-drag-handle,
c8y-list-item-drag-handle c8y-list-item-drag-handle {
  padding: 0 !important;
  cursor: move;
  max-width: fit-content !important;
}
c8y-li-drag-handle[cdkdraghandle],
c8y-list-item-drag-handle[cdkdraghandle] {
  cursor: move;
}
c8y-li-drag-handle[cdkdraghandle]:hover,
c8y-list-item-drag-handle[cdkdraghandle]:hover {
  color: #05d5f5;
}
.cdk-drag-disabled c8y-li-drag-handle,
.cdk-drag-disabled c8y-list-item-drag-handle {
  display: none;
}
.cdk-drag-disabled c8y-li-drag-handle + *,
.cdk-drag-disabled c8y-list-item-drag-handle + * {
  padding-left: 0 !important;
}
.no-card-context .c8y-list__item:not(:hover) c8y-li-drag-handle:not(.cdk-drag-disabled) + * {
  padding-left: 0;
}
.no-card-context .c8y-list__item:not(:hover) c8y-list-item-drag-handle:not(.cdk-drag-disabled) + * {
  padding-left: 0;
}
.c8y-list__item:hover c8y-li-drag-handle:not(:empty) {
  max-width: 100px;
  padding-left: var(--c8y-unit-base);
}
.c8y-list__item:hover c8y-list-item-drag-handle:not(:empty) {
  max-width: 100px;
  padding-left: var(--c8y-unit-base);
}
.c8y-list__item__actions {
  display: flex;
  padding: var(--c8y-unit-base) 0;
}
.c8y-list__item__actions .c8y-dropdown,
.c8y-list__item__actions .collapse-btn {
  opacity: var(--c8y-component-actions-opacity, var(--c8y-root-component-actions-opacity));
  min-width: 40px;
}
.c8y-list__item__actions .c8y-dropdown:hover,
.c8y-list__item__actions .collapse-btn:hover {
  opacity: 1;
  color: var(--link-hover-color, var(--c8y-component-color-link-hover, var(--c8y-root-component-color-link-hover)));
  outline: 2px solid #05d5f5;
  outline-offset: -2px;
}
.c8y-list__item__actions .c8y-dropdown:focus,
.c8y-list__item__actions .collapse-btn:focus {
  outline: 2px solid #05d5f5;
  outline-offset: -2px;
  border-radius: var(--c8y-component-border-radius-focus, var(--c8y-root-component-border-radius-focus)) !important;
  opacity: 1;
}
.c8y-list__item__actions .c8y-dropdown.disabled,
.c8y-list__item__actions .collapse-btn.disabled,
.c8y-list__item__actions .c8y-dropdown[disabled],
.c8y-list__item__actions .collapse-btn[disabled] {
  color: var(--c8y-component-color-disabled, var(--c8y-root-component-color-disabled));
}
.c8y-list__item__actions .c8y-dropdown.disabled:hover,
.c8y-list__item__actions .collapse-btn.disabled:hover,
.c8y-list__item__actions .c8y-dropdown[disabled]:hover,
.c8y-list__item__actions .collapse-btn[disabled]:hover {
  opacity: 0.5;
  pointer-events: auto !important;
  cursor: not-allowed !important;
}
.c8y-list__item__icon,
.c8y-list__item__check,
.c8y-list__item__appicon,
.c8y-list__item__radio,
.c8y-list__item__colorpicker {
  padding: var(--c8y-component-padding, var(--c8y-root-component-padding));
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.c8y-list__item__body .c8y-list__item__icon,
.c8y-list__item__body .c8y-list__item__check,
.c8y-list__item__body .c8y-list__item__appicon,
.c8y-list__item__body .c8y-list__item__radio,
.c8y-list__item__body .c8y-list__item__colorpicker {
  min-height: auto;
}
.c8y-list__item__icon,
.c8y-list__item__check,
.c8y-list__item__appicon,
.c8y-list__item__radio,
.c8y-list__item__colorpicker,
.c8y-list__item__actions {
  min-height: 56px;
}
bs-dropdown-container .c8y-list__item__icon,
bs-dropdown-container .c8y-list__item__check,
bs-dropdown-container .c8y-list__item__appicon,
bs-dropdown-container .c8y-list__item__radio,
bs-dropdown-container .c8y-list__item__colorpicker,
bs-dropdown-container .c8y-list__item__actions,
c8y-typeahead .dropdown .c8y-list__item__icon,
c8y-typeahead .dropdown .c8y-list__item__check,
c8y-typeahead .dropdown .c8y-list__item__appicon,
c8y-typeahead .dropdown .c8y-list__item__radio,
c8y-typeahead .dropdown .c8y-list__item__colorpicker,
c8y-typeahead .dropdown .c8y-list__item__actions,
.c8y-list__item--dense .c8y-list__item__icon,
.c8y-list__item--dense .c8y-list__item__check,
.c8y-list__item--dense .c8y-list__item__appicon,
.c8y-list__item--dense .c8y-list__item__radio,
.c8y-list__item--dense .c8y-list__item__colorpicker,
.c8y-list__item--dense .c8y-list__item__actions {
  min-height: 36px;
  padding-top: var(--c8y-unit-base);
  padding-bottom: var(--c8y-unit-base);
}
.c8y-list__item__body {
  padding-top: calc(var(--c8y-unit-base) + 10px);
  padding-bottom: calc(var(--c8y-unit-base) + 10px);
  /**
   * @Carlos: Would be nice to not only have the dense class
   * pm the list but also on the list items if [dense] is set.
   **/
}
.dropdown-menu .c8y-list__item__body,
.c8y-list__item--dense .c8y-list__item__body {
  padding-top: var(--c8y-unit-base);
  padding-bottom: var(--c8y-unit-base);
}
.card .c8y-list__item__icon,
.modal .c8y-list__item__icon,
.cdk-drag .c8y-list__item__icon,
.card .c8y-list__item__check,
.modal .c8y-list__item__check,
.cdk-drag .c8y-list__item__check,
.card .c8y-list__item__appicon,
.modal .c8y-list__item__appicon,
.cdk-drag .c8y-list__item__appicon,
.card .c8y-list__item__radio,
.modal .c8y-list__item__radio,
.cdk-drag .c8y-list__item__radio,
.card .c8y-list__item__colorpicker,
.modal .c8y-list__item__colorpicker,
.cdk-drag .c8y-list__item__colorpicker,
.card .c8y-list__item__actions,
.modal .c8y-list__item__actions,
.cdk-drag .c8y-list__item__actions {
  min-height: 40px;
  padding-top: 7px;
  padding-bottom: 7px;
}
.card .c8y-list__item__actions,
.modal .c8y-list__item__actions,
.cdk-drag .c8y-list__item__actions {
  padding-top: 0;
  padding-bottom: 0;
}
.card .c8y-list__item__body,
.modal .c8y-list__item__body,
.cdk-drag .c8y-list__item__body {
  padding-top: 10px;
  padding-bottom: 10px;
}
.c8y-list__item__check,
.c8y-list__item__radio {
  justify-content: center;
}
.c8y-list__item__check .c8y-checkbox,
.c8y-list__item__radio .c8y-checkbox,
.c8y-list__item__check .c8y-radio,
.c8y-list__item__radio .c8y-radio {
  line-height: 1.3;
}
.c8y-list__item__appicon {
  font-size: 36px;
}
.c8y-list__item__icon {
  font-size: 20px;
  color: var(--c8y-component-icon-color, var(--c8y-root-component-icon-color));
  min-height: 40px;
  line-height: calc(var(--c8y-font-size-base) * var(--c8y-line-height-base, 1.42857143));
}
.c8y-list__item__icon > device-status {
  line-height: 1;
}
.c8y-list__item__icon.changeIcon {
  position: relative;
}
.c8y-list__item__icon.changeIcon > button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
}
.c8y-list__item__icon.changeIcon:hover > button {
  opacity: 1;
}
.c8y-list__item__body {
  flex-grow: 1;
  display: block;
  text-overflow: ellipsis;
  min-width: 0;
}
.c8y-list__item__body:last-child {
  padding-right: var(--c8y-component-padding, var(--c8y-root-component-padding));
}
.c8y-list__item__body:first-child {
  padding-left: var(--c8y-component-padding, var(--c8y-root-component-padding));
}
.c8y-list__item__footer {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  font-size: var(--c8y-font-size-small);
  line-height: 1.2;
}
.c8y-list__item__footer > * {
  padding: 0.5rem 0 0 0;
}
.c8y-list__item__footer > c8y-li-footer {
  width: 100%;
}
.c8y-list__item__collapse {
  width: 100%;
}
.c8y-list__item__collapse--container {
  padding: var(--c8y-component-padding, var(--c8y-root-component-padding));
}
@media (min-width: 992px) {
  .c8y-list__item__collapse--container {
    padding: var(--c8y-component-padding, var(--c8y-root-component-padding)) calc(calc(var(--c8y-unit-base) * 6) + 6px) 2rem;
  }
}
.card-header.sticky-top {
  z-index: 100;
}
.card-header.sticky-top + .c8y-list__group .c8y-list__item__block.sticky-top {
  top: 48px;
}
.c8y-list--timeline {
  box-shadow: none;
}
.c8y-list--timeline > .c8y-list--timeline__item:first-child::before {
  top: 50%;
}
.c8y-list--timeline > .c8y-list--timeline__item:last-of-type::before {
  bottom: 50%;
}
.c8y-list--timeline .c8y-list--timeline__item {
  position: relative;
  align-items: center;
  box-shadow: none;
}
.c8y-list--timeline .c8y-list--timeline__item:focus-within,
.c8y-list--timeline .c8y-list--timeline__item:has(.dropdown.open) {
  z-index: 10;
}
.c8y-list--timeline .c8y-list--timeline__item::after {
  transition: all 1s linear 0.25s;
}
.c8y-list--timeline .c8y-list--timeline__item .c8y-list__item {
  background: #132b45;
  max-width: calc(100% - 106px);
}
.c8y-list--timeline .c8y-list--timeline__item .c8y-list__item::after {
  transition: inherit;
}
.c8y-list--timeline .c8y-list--timeline__item .c8y-list__item__body {
  padding-right: var(--c8y-component-padding, var(--c8y-root-component-padding));
}
.c8y-list--timeline .c8y-list--timeline__item.ng-enter:after {
  transition: none;
  background: var(--c8y-component-realtime-added, var(--c8y-root-component-realtime-added)) !important;
}
.c8y-list--timeline .c8y-list--timeline__item.ng-enter .c8y-list__item {
  transition: none;
  background: var(--c8y-component-realtime-added, var(--c8y-root-component-realtime-added)) !important;
}
.c8y-list--timeline .c8y-list--timeline__item.ng-enter .c8y-list__item::after {
  border-color: transparent var(--c8y-component-realtime-added, var(--c8y-root-component-realtime-added)) transparent transparent;
}
.c8y-list--timeline .c8y-list--timeline__item::before,
.c8y-list--timeline .c8y-list--timeline__item::after {
  position: absolute;
  top: 0;
  bottom: 1px;
  left: 80px;
  border: 1px dotted transparent;
  content: '';
  transition: top 0.35s linear;
}
.c8y-list--timeline .c8y-list--timeline__item::after {
  position: absolute;
  top: 50%;
  left: 80px;
  z-index: 3;
  margin: -10px 0 0 -6px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: transparent;
  content: '';
  transition: all 0.25s linear;
  border: 6px double var(--c8y-palette-gray-50);
}
.c8y-list--timeline .c8y-list--timeline__item,
.c8y-list--timeline .c8y-list--timeline__item.expanded {
  background-color: transparent;
  display: flex;
  flex-flow: row nowrap;
}
.c8y-list--timeline .c8y-list--timeline__item.expanded .c8y-list__item__title {
  font-weight: 500;
}
.c8y-list--timeline .c8y-list--timeline__item.expanded::after {
  background-color: var(--c8y-component-color-active, var(--c8y-root-component-color-active));
  border-color: var(--c8y-component-color-active, var(--c8y-root-component-color-active));
}
.c8y-list--timeline .c8y-list--timeline__item.expanded .c8y-list__item {
  background: var(--c8y-component-background-expanded, var(--c8y-root-component-background-expanded));
}
.c8y-list--timeline .c8y-list--timeline__item.expanded .c8y-list__item::after {
  border-color: transparent var(--c8y-component-background-expanded, var(--c8y-root-component-background-expanded)) transparent transparent;
}
.c8y-list--timeline .c8y-list--timeline__item__date {
  margin-right: 40px;
  width: 64px;
  font-size: var(--c8y-font-size-xs);
  line-height: 1.2;
  text-align: right;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  flex-shrink: 0;
  color: var(--c8y-component-icon-color, var(--c8y-root-component-icon-color));
}
.c8y-list--timeline .c8y-list--timeline__item__date::first-line {
  font-weight: bold;
  font-size: var(--c8y-font-size-xs);
}
.c8y-list--timeline .c8y-list__item__block {
  padding: 0 0 0 var(--c8y-component-padding, var(--c8y-root-component-padding));
}
.c8y-list--timeline .c8y-list__item {
  position: relative;
  overflow: visible;
  flex-grow: 1;
  margin-top: 0;
  margin-bottom: 8px;
  border-radius: 0.25rem;
  box-shadow: inset 0 0 0 1px transparent;
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.1));
  transition: all 0.15s linear !important;
}
.c8y-list--timeline .c8y-list__item:focus-within {
  z-index: 10;
}
.c8y-list--timeline .c8y-list__item:not(:has(>button))::before {
  position: absolute;
  top: 50%;
  left: -10px;
  margin-top: -10px;
  width: 0;
  height: 0;
  border-width: 10px 10px 10px 0;
  border-style: solid;
  border-color: transparent transparent transparent transparent;
  content: '';
  transition: border-color 0.15s linear !important;
}
.c8y-list--timeline .c8y-list__item:not(:has(>button))::after {
  position: absolute;
  top: 50%;
  left: -8px;
  margin-top: -10px;
  width: 0;
  height: 0;
  border-width: 10px 10px 10px 0;
  border-style: solid;
  border-color: transparent var(--c8y-root-component-background-default) transparent transparent;
  content: '';
  transition: border 0.15s linear !important;
}
.c8y-list--timeline .c8y-list__item__actions {
  margin-right: 0;
}
.c8y-list--timeline .c8y-list__item__icon,
.c8y-list--timeline .c8y-list__item__check,
.c8y-list--timeline .c8y-list__item__radio {
  padding-left: 0;
}
.c8y-list--timeline .c8y-list--timeline__item.active::after {
  background-color: var(--c8y-component-color-accent, var(--c8y-root-component-color-accent));
  border-color: var(--c8y-component-color-active, var(--c8y-root-component-color-active));
}
.c8y-list--timeline .c8y-list--timeline__item.active .c8y-list__item {
  outline: 2px solid var(--c8y-component-color-accent, var(--c8y-root-component-color-accent));
  outline-offset: -2px;
}
.c8y-list--timeline .c8y-list--timeline__item.active .c8y-list__item::before {
  left: -11px;
  margin-top: -11px;
  border-width: 11px 11px 11px 0;
  border-color: transparent var(--c8y-component-color-accent, var(--c8y-root-component-color-accent)) transparent transparent;
}
.c8y-list--timeline.interactive .c8y-list--timeline__item:hover:not(.active) .c8y-list__item {
  box-shadow: inset 0 0 0 1px var(--c8y-component-color-accent, var(--c8y-root-component-color-accent));
}
.c8y-list--timeline.interactive .c8y-list--timeline__item:hover:not(.active) .c8y-list__item::before {
  left: -10px;
  margin-top: -10px;
  border-width: 10px 10px 10px 0;
  border-color: transparent var(--c8y-component-color-accent, var(--c8y-root-component-color-accent)) transparent transparent;
}
.c8y-list--timeline.interactive .c8y-list--timeline__item:hover:not(.active) .c8y-list__item::after {
  left: -9px;
}
.pagination {
  display: flex;
  margin: 0;
  padding-left: 0;
  border-radius: calc(var(--c8y-form-control-height-base) * 0.5);
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  margin-left: -1px;
  padding: var(--c8y-component-padding-base-vertical, var(--c8y-root-component-padding-base-vertical)) var(--c8y-component-padding-base-horizontal, var(--c8y-root-component-padding-base-horizontal));
  border: 1px solid transparent;
  background-color: #132b45;
  color: #05d5f5;
  text-decoration: none;
  line-height: var(--c8y-line-height-base, 1.42857143);
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  z-index: 2;
  border-color: transparent;
  background-color: #132b45;
  color: var(--link-hover-color, var(--c8y-component-color-link-hover, var(--c8y-root-component-color-link-hover)));
}
.pagination > li > a:focus,
.pagination > li > span:focus {
  outline: 2px solid #05d5f5;
  outline-offset: -2px;
  border-radius: var(--c8y-component-border-radius-focus, var(--c8y-root-component-border-radius-focus));
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  text-indent: 9000px;
  border-top-left-radius: calc(var(--c8y-form-control-height-base) * 0.5);
  border-bottom-left-radius: calc(var(--c8y-form-control-height-base) * 0.5);
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  text-indent: 9000px;
  border-top-right-radius: calc(var(--c8y-form-control-height-base) * 0.5);
  border-bottom-right-radius: calc(var(--c8y-form-control-height-base) * 0.5);
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 3;
  border-color: #05d5f5;
  background-color: #05d5f5;
  color: var(--c8y-palette-high);
  cursor: default;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  border-color: var(--c8y-component-color-disabled, var(--c8y-root-component-color-disabled));
  background-color: #132b45;
  color: var(--c8y-component-color-disabled, var(--c8y-root-component-color-disabled));
  cursor: not-allowed;
}
.pagination-prev > a,
.pagination-next > a {
  overflow: hidden;
  display: inline-block;
  text-transform: none;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  font-family: 'dlt-c8y-icons' !important;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  width: 32px;
}
.pagination-prev > a::before,
.pagination-next > a::before,
.pagination-prev > a::after,
.pagination-next > a::after {
  font-size: 1.1em;
}
.pagination-prev a::before {
  position: absolute;
  left: 9px;
  content: "\e907";
  text-indent: 0;
  font-size: 1em;
}
.pagination-next a::before {
  position: absolute;
  left: 9px;
  content: "\e92b";
  text-indent: 0;
  font-size: 1em;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: var(--c8y-component-padding-large-vertical, var(--c8y-root-component-padding-large-vertical)) var(--c8y-component-padding-large-horizontal, var(--c8y-root-component-padding-large-horizontal));
  font-size: var(--c8y-font-size-large);
  line-height: var(--c8y-line-height-large);
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-top-left-radius: var(--c8y-component-border-radius-large, var(--c8y-root-component-border-radius-large));
  border-bottom-left-radius: var(--c8y-component-border-radius-large, var(--c8y-root-component-border-radius-large));
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-top-right-radius: var(--c8y-component-border-radius-large, var(--c8y-root-component-border-radius-large));
  border-bottom-right-radius: var(--c8y-component-border-radius-large, var(--c8y-root-component-border-radius-large));
}
.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: var(--c8y-component-padding-small-vertical, var(--c8y-root-component-padding-small-vertical)) var(--c8y-component-padding-small-horizontal, var(--c8y-root-component-padding-small-horizontal));
  font-size: var(--c8y-font-size-small);
  line-height: var(--c8y-line-height-small);
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-top-left-radius: var(--c8y-component-border-radius-small, var(--c8y-root-component-border-radius-small));
  border-bottom-left-radius: var(--c8y-component-border-radius-small, var(--c8y-root-component-border-radius-small));
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-top-right-radius: var(--c8y-component-border-radius-small, var(--c8y-root-component-border-radius-small));
  border-bottom-right-radius: var(--c8y-component-border-radius-small, var(--c8y-root-component-border-radius-small));
}
@media (min-width: 992px) {
  c8y-bulk-operation-details-tabs {
    display: grid;
    min-height: 340px;
    max-height: calc(100vh - 440px);
    grid-template-rows: 40px minmax(150px, 1fr) minmax(150px, 1fr);
    grid-template-columns: minmax(0, 1fr);
  }
}
.body {
  display: none;
}
.cdk-virtual-scroll-viewport[windowVirtualScrollStrategy],
.cdk-virtual-scroll-viewport[autosize] {
  position: relative;
  display: block;
  overflow: visible;
  contain: none;
}
.cdk-virtual-scroll-viewport[windowVirtualScrollStrategy] .cdk-virtual-scroll-spacer,
.cdk-virtual-scroll-viewport[autosize] .cdk-virtual-scroll-spacer {
  position: relative;
}
c8y-asset-selector-miller {
  display: block;
  position: relative;
  height: 100%;
  background: #132b45;
}
.miller-view-wrapper {
  display: flex;
  overflow: auto;
  height: 100%;
  scroll-behavior: smooth;
  background: inherit;
}
.miller-view-wrapper::-webkit-scrollbar {
  width: 4px;
  /* for vertical scrollbars */
  height: 4px;
  /* for horizontal scrollbars */
}
.miller-view-wrapper::-webkit-scrollbar-track {
  background: transparent;
}
.miller-view-wrapper::-webkit-scrollbar-track:not(textarea) {
  background: var(--c8y-component-scrollbar-track, var(--c8y-root-component-scrollbar-track));
}
.miller-view-wrapper::-webkit-scrollbar-thumb {
  width: 4px;
  border-radius: 1px;
  background: var(--c8y-component-scrollbar-thumb-default, var(--c8y-root-component-scrollbar-thumb-default));
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.miller-view-wrapper:hover::-webkit-scrollbar-thumb {
  background: var(--c8y-component-scrollbar-thumb-hover, var(--c8y-root-component-scrollbar-thumb-hover));
}
.miller-view-wrapper.single-column {
  overflow: hidden;
}
.miller-view-wrapper.single-column .miller-column {
  min-width: 100%;
  max-width: none;
  border-right: 0;
}
.miller-column {
  overflow-y: auto;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
  height: 100%;
  border-right: 1px solid transparent;
  max-width: 33.333%;
  min-width: 200px;
}
.miller-column::-webkit-scrollbar {
  width: 4px;
  /* for vertical scrollbars */
  height: 4px;
  /* for horizontal scrollbars */
}
.miller-column::-webkit-scrollbar-track {
  background: transparent;
}
.miller-column::-webkit-scrollbar-track:not(textarea) {
  background: var(--c8y-component-scrollbar-track, var(--c8y-root-component-scrollbar-track));
}
.miller-column::-webkit-scrollbar-thumb {
  width: 4px;
  border-radius: 1px;
  background: var(--c8y-component-scrollbar-thumb-default, var(--c8y-root-component-scrollbar-thumb-default));
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.miller-column:hover::-webkit-scrollbar-thumb {
  background: var(--c8y-component-scrollbar-thumb-hover, var(--c8y-root-component-scrollbar-thumb-hover));
}
.miller-column__header {
  background-color: #132b45;
  padding: var(--c8y-unit-base);
  box-shadow: inset 0 -1px 0 transparent;
}
.miller-column__header.sticky-top {
  z-index: 20;
}
.miller-column__header + c8y-asset-selector-node {
  position: relative;
  z-index: 10;
  background: inherit;
  display: block;
}
.miller-column__selection {
  width: 100%;
  top: 0;
  min-height: 40px!important;
}
.miller-column__search {
  align-items: flex-start;
  flex-wrap: wrap;
  min-height: 48px!important;
}
.miller-column__search.miller-column__multi {
  min-height: 72px!important;
}
.miller-column__item {
  --c8y-root-component-padding: 8;
  background-color: #132b45;
  display: flex;
  align-items: center;
  min-height: calc(var(--c8y-unit-base) * 4);
}
.miller-column__item:hover:not(.miller-column__item--more) {
  box-shadow: inset 2px 0 0 0 #05d5f5;
}
.miller-column__item.active {
  background-color: var(--c8y-component-realtime-added, var(--c8y-root-component-realtime-added)) !important;
  box-shadow: inset 2px 0 0 0 #05d5f5;
}
.miller-column__item__btn {
  background: transparent;
  color: var(--c8y-component-color-default, var(--c8y-root-component-color-default));
  border: 0;
  display: flex;
  align-items: center;
  width: 100%;
  padding: 0 var(--c8y-component-padding, var(--c8y-root-component-padding));
  align-self: stretch;
  text-align: left;
}
.active .miller-column__item__btn {
  pointer-events: none;
}
.miller-column__item__btn:focus {
  outline: 2px solid #05d5f5;
  outline-offset: -2px;
}
.miller-column__item__checkbox {
  padding-left: 4px;
}
.miller-column__item__checkbox + .miller-column__item__btn {
  width: calc(100% - 30px);
  padding-left: 4px;
}
c8y-asset-selector {
  overflow-y: auto;
  display: block;
  max-height: 100%;
}
c8y-asset-selector::-webkit-scrollbar {
  width: 4px;
  /* for vertical scrollbars */
  height: 4px;
  /* for horizontal scrollbars */
}
c8y-asset-selector::-webkit-scrollbar-track {
  background: transparent;
}
c8y-asset-selector::-webkit-scrollbar-track:not(textarea) {
  background: var(--c8y-component-scrollbar-track, var(--c8y-root-component-scrollbar-track));
}
c8y-asset-selector::-webkit-scrollbar-thumb {
  width: 4px;
  border-radius: 1px;
  background: var(--c8y-component-scrollbar-thumb-default, var(--c8y-root-component-scrollbar-thumb-default));
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
c8y-asset-selector:hover::-webkit-scrollbar-thumb {
  background: var(--c8y-component-scrollbar-thumb-hover, var(--c8y-root-component-scrollbar-thumb-hover));
}
.collapse .c8y-asset-selector__item {
  position: relative;
  padding-left: 8px;
}
.collapse .c8y-asset-selector__item::after {
  position: absolute;
  top: 32px;
  left: 22px;
  bottom: 32px;
  display: block;
  border-left: 1px solid var(--c8y-component-icon-dark-color-light, var(--c8y-root-component-icon-dark-color-light, #05d5f5));
  content: '';
}
.collapse .c8y-asset-selector__item .c8y-asset-selector__item::before {
  border-left: 1px solid var(--c8y-component-icon-dark-color-light, var(--c8y-root-component-icon-dark-color-light, #05d5f5));
  border-bottom: 1px solid var(--c8y-component-icon-dark-color-light, var(--c8y-root-component-icon-dark-color-light, #05d5f5));
  border-top: 0;
  content: "";
  height: 16px;
  position: absolute;
  transform: translate(-10px, 0);
  width: 24px;
  z-index: 1;
}
.c8y-asset-selector__item--more::before,
.c8y-asset-selector__item--more::after {
  display: none;
}
.c8y-asset-selector__item--more .c8y-asset-selector__node__btn-spacer {
  display: none;
}
.c8y-asset-selector__item--more .btn.btn-default::before {
  position: absolute;
  top: -16px;
  left: -4px;
  z-index: 10;
  display: block;
  width: 5px;
  height: 32px;
  background: #132b45;
  content: '';
}
.c8y-asset-selector__node {
  display: flex;
  max-height: 32px;
}
.c8y-asset-selector__node .collapse-btn {
  height: 32px;
  width: 32px;
  opacity: 1;
  background: #132b45;
}
.c8y-asset-selector__node .collapse-btn:focus {
  outline: 2px solid #05d5f5;
  outline-offset: -2px;
}
.c8y-asset-selector__node__btn-spacer {
  width: 32px;
  z-index: 1;
}
.c8y-asset-selector__node--open .collapse-btn > i {
  color: #05d5f5;
  transform: rotate(90deg);
}
.c8y-asset-selector__btn {
  display: inline-block !important;
  align-items: center;
  flex-grow: 1;
  margin-bottom: 0;
  padding: 6px 8px;
  max-width: 100%;
  border: 0;
  background-color: transparent;
  background-image: none;
  box-shadow: none !important;
  color: inherit;
  text-align: left;
  white-space: nowrap;
  cursor: pointer;
  touch-action: manipulation;
  appearance: none;
  -webkit-user-select: none;
          user-select: none;
}
.c8y-asset-selector__btn:focus {
  outline: 2px solid #05d5f5;
  outline-offset: -2px;
}
.c8y-asset-selector__item--start > .collapse > c8y-asset-selector-node > .c8y-asset-selector__item > .c8y-asset-selector__node > .btn.btn-default::before {
  display: none;
}
.c8y-asset-selector__item--start:after {
  left: 22px;
}
c8y-asset-selector c8y-search-input .input-group .form-control,
c8y-asset-selector c8y-search-input .input-group .form-control:first-child,
c8y-asset-selector c8y-search-input .input-group .form-control:last-child {
  padding-right: calc(var(--c8y-form-control-height-base) + var(--c8y-form-control-padding-base-horizontal));
  padding-left: calc(var(--c8y-form-control-padding-base-horizontal) * 2);
  border-radius: calc(var(--c8y-form-control-height-base) * 0.5);
}
.c8y-asset-selector__item--start .c8y-asset-selector__node + .collapse .c8y-asset-selector__item {
  margin-left: 16px !important;
}
.c8y-asset-selector__item--start .c8y-asset-selector__node + .collapse > .c8y-asset-selector__item {
  margin-left: 24px !important;
}
@media (min-width: 992px) {
  c8y-software-device-tab .split-view--7-5 {
    grid-template-columns: minmax(0, 7fr) minmax(284px, 5fr);
  }
}
c8y-software-device-tab c8y-installed-software #software-list {
  max-height: calc(100vh - 344px);
}
@media (max-width: 767px) {
  c8y-software-device-tab c8y-installed-software #software-list {
    max-height: calc(100vh - 260px);
  }
}
c8y-software-device-tab c8y-installed-software #operation-block ~ #software-list {
  max-height: calc(100vh - 416px);
}
@media (max-width: 767px) {
  c8y-software-device-tab c8y-installed-software #operation-block ~ #software-list {
    max-height: calc(100vh - 332px);
  }
}
c8y-software-device-tab c8y-device-software-changes {
  height: 100%;
}
@media (min-width: 992px) {
  c8y-software-device-tab c8y-device-software-changes #software-changes-list {
    max-height: calc(100vh - 280px);
  }
}
.c8y-datapoint-pill,
.c8y-alarm-pill,
.c8y-event-pill {
  display: flex;
  overflow: hidden;
  align-items: center;
  min-height: 24px;
  max-width: 100%;
  border-radius: calc(var(--c8y-unit-base) * 2);
  background-color: #132b45;
  box-shadow: none;
  border: 1px solid #8a9596;
  font-size: var(--c8y-font-size-small);
  line-height: 1;
}
.c8y-datapoint-pill__btn,
.c8y-alarm-pill__btn,
.c8y-event-pill__btn {
  display: inline-block;
  margin-bottom: 0;
  border: 0;
  background-color: transparent;
  background-image: none;
  box-shadow: none;
  text-align: left;
  white-space: nowrap;
  cursor: pointer;
  touch-action: manipulation;
  color: inherit;
  max-width: 100%;
  appearance: none;
  -webkit-user-select: none;
  user-select: none;
  transition: all 0.25s ease;
  padding: 0;
  align-self: stretch;
  padding: calc(var(--c8y-unit-base) * 0.5) calc(var(--c8y-unit-base) * 0.5) calc(var(--c8y-unit-base) * 0.5) var(--c8y-unit-base);
  border-right: 1px solid #8a9596;
  color: #8a9596;
  line-height: 1;
}
.c8y-datapoint-pill__btn:not(.btn),
.c8y-alarm-pill__btn:not(.btn),
.c8y-event-pill__btn:not(.btn) {
  padding: 0;
}
.c8y-datapoint-pill__btn:hover,
.c8y-alarm-pill__btn:hover,
.c8y-event-pill__btn:hover {
  text-decoration: none;
  color: #05d5f5;
}
.c8y-datapoint-pill__btn:focus,
.c8y-alarm-pill__btn:focus,
.c8y-event-pill__btn:focus {
  color: #05d5f5;
  outline: 2px solid #05d5f5;
  outline-offset: -2px;
  border-radius: var(--c8y-component-border-radius-focus, var(--c8y-root-component-border-radius-focus)) !important;
}
.c8y-datapoint-pill__btn.text-truncate,
.c8y-alarm-pill__btn.text-truncate,
.c8y-event-pill__btn.text-truncate {
  max-width: 100%;
}
.c8y-datapoint-pill__btn[disabled],
.c8y-alarm-pill__btn[disabled],
.c8y-event-pill__btn[disabled],
.c8y-datapoint-pill__btn[disabled]:hover,
.c8y-alarm-pill__btn[disabled]:hover,
.c8y-event-pill__btn[disabled]:hover,
.c8y-datapoint-pill__btn[disabled]:focus,
.c8y-alarm-pill__btn[disabled]:focus,
.c8y-event-pill__btn[disabled]:focus {
  cursor: not-allowed;
  opacity: 0.65;
  filter: alpha(opacity=65);
  box-shadow: none;
}
.c8y-datapoint-pill__btn:focus,
.c8y-alarm-pill__btn:focus,
.c8y-event-pill__btn:focus {
  outline: unset !important;
  text-decoration: none;
  color: #05d5f5;
}
.c8y-datapoint-pill__btn:hover,
.c8y-alarm-pill__btn:hover,
.c8y-event-pill__btn:hover {
  color: #05d5f5 !important;
  text-decoration: none;
  color: #05d5f5;
}
.c8y-datapoint-pill__btn:hover img,
.c8y-alarm-pill__btn:hover img,
.c8y-event-pill__btn:hover img {
  filter: brightness(0) saturate(100%) invert(61%) sepia(78%) saturate(1878%) hue-rotate(143deg) brightness(105%) contrast(96%) !important;
}
.c8y-datapoint-pill__label,
.c8y-alarm-pill__label,
.c8y-event-pill__label {
  display: flex;
  overflow: hidden;
  align-items: center;
  padding: calc(var(--c8y-unit-base) * 0.5) calc(var(--c8y-unit-base) + calc(var(--c8y-unit-base) * 0.5)) calc(var(--c8y-unit-base) * 0.5) calc(var(--c8y-unit-base) * 0.5);
  line-height: 1;
}
.c8y-alarm-pill {
  border-radius: calc(var(--c8y-unit-base) * 0.5);
}
.c8y-alarm-pill__btn {
  padding: calc(var(--c8y-unit-base) * 0.5);
}
.c8y-event-pill {
  border-radius: 2px;
  border: 1px dotted #8a9596;
}
.c8y-event-pill__btn {
  border-right: 1px dotted #8a9596;
  padding: calc(var(--c8y-unit-base) * 0.5);
}
.dtm-icon-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
@media (min-width: 768px) {
  .dtm-icon-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}
@media (min-width: 992px) {
  .dtm-icon-grid {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
}
.dtm-icon-grid__item {
  display: flex;
  align-items: stretch;
  justify-content: stretch;
}
.dtm-icon-grid__item--selected > button {
  box-shadow: inset 0 0 0 2px #05d5f5 !important;
}
.dtm-icon-grid__btn {
  display: inline-block;
  margin-bottom: 0;
  border: 1px solid transparent;
  background-color: transparent;
  background-image: none;
  vertical-align: middle;
  white-space: nowrap;
  font-weight: var(--c8y-btn-font-weight);
  cursor: pointer;
  touch-action: manipulation;
  transition: var(--c8y-btn-transition-default);
  text-decoration: none;
  padding: var(--c8y-btn-padding-base-vertical) calc(var(--c8y-btn-padding-base-horizontal) * 2);
  font-size: var(--c8y-btn-font-size-base);
  line-height: var(--c8y-btn-line-height-base);
  border-radius: calc(var(--btn-border-radius-base, var(--c8y-btn-border-radius-base)) * 1px);
  height: var(--c8y-form-control-height-base);
  -webkit-user-select: none;
  user-select: none;
  height: auto;
  white-space: normal;
  text-align: center;
  padding: var(--c8y-unit-base);
  background: #132b45;
  width: 100%;
}
.dtm-icon-grid__btn > i {
  vertical-align: text-top;
}
.dtm-icon-grid__btn:focus,
.dtm-icon-grid__btn:active:focus,
.dtm-icon-grid__btn.active:focus,
.dtm-icon-grid__btn.focus,
.dtm-icon-grid__btn:active.focus,
.dtm-icon-grid__btn.active.focus {
  outline: none;
}
.dtm-icon-grid__btn:focus.dropdown-toggle,
.dtm-icon-grid__btn:active:focus.dropdown-toggle,
.dtm-icon-grid__btn.active:focus.dropdown-toggle,
.dtm-icon-grid__btn.focus.dropdown-toggle,
.dtm-icon-grid__btn:active.focus.dropdown-toggle,
.dtm-icon-grid__btn.active.focus.dropdown-toggle {
  outline: 2px solid #05d5f5;
  outline-offset: -2px;
  border-radius: var(--c8y-component-border-radius-focus, var(--c8y-root-component-border-radius-focus)) !important;
}
.dtm-icon-grid__btn:hover,
.dtm-icon-grid__btn:focus,
.dtm-icon-grid__btn.focus {
  text-decoration: none;
}
.dtm-icon-grid__btn.disabled,
.dtm-icon-grid__btn[disabled],
fieldset[disabled] .dtm-icon-grid__btn,
.dtm-icon-grid__btn.disabled:hover,
.dtm-icon-grid__btn[disabled]:hover,
fieldset[disabled] .dtm-icon-grid__btn:hover,
.dtm-icon-grid__btn.disabled:focus,
.dtm-icon-grid__btn[disabled]:focus,
fieldset[disabled] .dtm-icon-grid__btn:focus {
  cursor: not-allowed !important;
  opacity: var(--c8y-root-component-disabled-opacity);
  box-shadow: none;
}
a .dtm-icon-grid__btn.disabled,
fieldset[disabled] a .dtm-icon-grid__btn {
  pointer-events: none;
}
.dtm-icon-grid__btn[btnCheckbox],
.dtm-icon-grid__btn[uib-btn-checkbox],
.dtm-icon-grid__btn.c8y-btn-checkbox {
  position: relative;
  z-index: 2;
  margin-right: 10px;
  margin-bottom: 10px;
  padding: 0 32px 0 16px;
  height: var(--c8y-switch-height);
  border: 0;
  background-color: transparent;
  line-height: 1;
  color: var(--c8y-switch-handle-color);
  box-shadow: none;
  transition: all 0.25s ease !important;
}
.dtm-icon-grid__btn[btnCheckbox] *,
.dtm-icon-grid__btn[uib-btn-checkbox] *,
.dtm-icon-grid__btn.c8y-btn-checkbox * {
  position: relative;
  z-index: 1;
}
.dtm-icon-grid__btn[btnCheckbox]:focus,
.dtm-icon-grid__btn[uib-btn-checkbox]:focus,
.dtm-icon-grid__btn.c8y-btn-checkbox:focus,
.dtm-icon-grid__btn[btnCheckbox]:hover,
.dtm-icon-grid__btn[uib-btn-checkbox]:hover,
.dtm-icon-grid__btn.c8y-btn-checkbox:hover {
  outline: none;
  background-color: transparent;
  background-image: none;
}
.dtm-icon-grid__btn[btnCheckbox]:focus::before,
.dtm-icon-grid__btn[uib-btn-checkbox]:focus::before,
.dtm-icon-grid__btn.c8y-btn-checkbox:focus::before {
  outline: 2px solid #05d5f5;
  border-radius: var(--c8y-component-border-radius-focus, var(--c8y-root-component-border-radius-focus));
  border-radius: calc(var(--c8y-switch-height) / 2);
}
.dtm-icon-grid__btn[btnCheckbox]::before,
.dtm-icon-grid__btn[uib-btn-checkbox]::before,
.dtm-icon-grid__btn.c8y-btn-checkbox::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  border-radius: calc(var(--c8y-switch-height) / 2);
  background-color: var(--c8y-switch-background-default);
  content: '';
  transition: background 0.25s ease;
}
.dtm-icon-grid__btn[btnCheckbox]::after,
.dtm-icon-grid__btn[uib-btn-checkbox]::after,
.dtm-icon-grid__btn.c8y-btn-checkbox::after {
  content: '';
  position: absolute;
  top: 2px;
  right: 18px;
  bottom: 2px;
  left: 2px;
  z-index: -1;
  border-radius: calc(var(--c8y-switch-height) / 2) !important;
  background-color: var(--c8y-switch-handle-background, var(--c8y-form-control-background-default));
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
  transition: all 0.25s ease !important;
}
.dtm-icon-grid__btn[btnCheckbox].active,
.dtm-icon-grid__btn[uib-btn-checkbox].active,
.dtm-icon-grid__btn.c8y-btn-checkbox.active {
  padding: 0 16px 0 32px;
  border: 0 !important;
  background-color: transparent;
  box-shadow: none;
  transition: all 0.25s ease;
}
.dtm-icon-grid__btn[btnCheckbox].active::before,
.dtm-icon-grid__btn[uib-btn-checkbox].active::before,
.dtm-icon-grid__btn.c8y-btn-checkbox.active::before {
  background-color: var(--c8y-switch-background-active);
  transition: background 0.25s ease;
}
.dtm-icon-grid__btn[btnCheckbox].active::after,
.dtm-icon-grid__btn[uib-btn-checkbox].active::after,
.dtm-icon-grid__btn.c8y-btn-checkbox.active::after {
  right: 2px;
  left: 18px;
  transition: all 0.25s ease;
}
.dtm-icon-grid__btn.c8y-btn-checkbox--inline {
  margin: -5px 0;
  vertical-align: unset;
}
.dtm-icon-grid__btn.btn-icon:hover {
  outline: unset !important;
}
.dtm-icon-grid__btn > i {
  color: var(--c8y-palette-gray-30);
  margin-bottom: 4px;
}
.dtm-icon-grid__btn:hover,
.dtm-icon-grid__btn:focus {
  box-shadow: inset 0 0 0 1px #05d5f5;
  color: inherit;
}
.dtm-icon-grid__btn:active {
  box-shadow: inset 0 0 0 2px #05d5f5;
}
.dtm-icon-display {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: var(--c8y-component-padding, var(--c8y-root-component-padding));
}
.dtm-icon-display--undefined {
  border: 2px dashed transparent;
}
.dtm-icon-display .asset-type-icon {
  font-size: 64px;
}
.app-main-header {
  position: fixed;
  z-index: 1031;
  top: 0;
  right: 0;
  left: 0;
  max-width: 100vw;
  transition: all 0.4s ease-in-out;
}
.app-main-header.open {
  left: calc(100% - 35px);
}
@media (max-width: 767px) {
  .app-main-header.open .header-bar {
    padding-right: 0;
  }
}
@media (min-width: 768px) {
  .app-main-header.open {
    left: 240px;
  }
}
.app-main-header.open .app-view .c8y-app-icon,
.app-main-header.open .app-view .app-noicon,
.app-main-header.open .app-view .txt {
  width: 0 !important;
  margin-left: 0;
  margin-right: 0;
  transform: scale(0);
}
.app-main-header.open .navigator-toggle > [class^='dlt-c8y-icon-'],
.app-main-header.open .navigator-toggle > [class*=' dlt-c8y-icon-'],
.app-main-header.open .navigator-toggle > .c8y-icon {
  width: 1em;
  text-align: center;
}
.app-main-header.drawerOpen {
  right: calc(100% - 35px);
}
@media (max-width: 767px) {
  .app-main-header.drawerOpen .navigator-toggle {
    display: none;
  }
  .app-main-header.drawerOpen .app-view {
    display: none;
  }
  .app-main-header.drawerOpen .drawer-toggle {
    display: none;
  }
}
@media (min-width: 768px) {
  .app-main-header.drawerOpen {
    right: 240px;
  }
}
.app-main-header .user-dot,
.app-main-header .close-dot {
  flex: 0 0 36px;
  margin: 0;
  width: 36px;
  height: 36px;
  line-height: 35px;
}
.app-main-header .close-dot {
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  color: white;
  border: 1px solid white;
  font-size: 24px;
}
.app-main-header .dropdown-menu:not(.app-switcher-dropdown-menu):not(.search-mobile-menu) a,
.app-main-header .dropdown-menu:not(.app-switcher-dropdown-menu):not(.search-mobile-menu) .btn {
  display: block;
  overflow: hidden !important;
  max-width: 100% !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.app-main-header .dropdown.open .c8y-dropdown + .dropdown-menu,
.app-main-header [dropdown].open .c8y-dropdown + .dropdown-menu,
.app-main-header .btn-group.open .c8y-dropdown + .dropdown-menu {
  display: block;
}
.app-main-header .app-switcher .appLink {
  color: var(--c8y-component-color-default, var(--c8y-root-component-color-default));
}
body:not(:has(.has-tabs)):not(:has(.has-action-bar)) .app-main-header {
  box-shadow: inset 0 -1px 0 0 var(--c8y-component-border-color, var(--c8y-root-component-border-color)), var(--c8y-main-header-shadow);
}
.head-toggler {
  height: 0;
  overflow: visible;
}
.open .head-toggler,
.drawerOpen .head-toggler {
  display: none;
}
.head-toggler button {
  margin: 0 auto;
  width: 48px;
  height: 24px;
  color: white;
  background-color: #132b45;
  display: block;
  transition: margin 0.5s ease 0.35s;
  border: 0;
  border-radius: 0 0 24px 24px;
}
.head-toggler button:focus {
  outline: none;
}
.head-toggler button:hover {
  color: white;
}
.head-toggler button [class^='dlt-c8y-icon-'],
.head-toggler button [class*=' dlt-c8y-icon-'] {
  transition: transform 0.5s ease 0.35s;
  transform: rotate(90deg);
}
.head-open .head-toggler button [class^='dlt-c8y-icon-'],
.head-open .head-toggler button [class*=' dlt-c8y-icon-'] {
  transform: rotate(-90deg);
}
@media (min-width: 768px) {
  .head-toggler button {
    display: none;
  }
}
.header-bar {
  top: 0;
  right: 0;
  color: white;
  background-color: #132b45;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  box-shadow: inset 0 -1px 0 0 var(--c8y-palette-gray-90);
  padding-right: calc(var(--c8y-unit-base) * 3);
}
@media (min-width: 768px) {
  .header-bar {
    min-height: calc(var(--c8y-unit-base) * 8);
  }
}
.header-bar .c8y-app-icon {
  font-size: 30px;
  display: inline-block;
}
.header-bar .app-noicon {
  display: inline-block;
}
.header-bar .app-noicon:empty {
  display: none;
}
.header-bar .c8y-app-icon,
.header-bar .app-noicon,
.header-bar .txt {
  transition: all 0.4s ease-in-out;
  width: 32px;
  margin-left: var(--c8y-unit-base);
  margin-right: var(--c8y-unit-base);
  transform: scale(1);
}
.header-bar .main-header-button,
.header-bar .main-header-button > button {
  text-decoration: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  padding: 5px 15px;
  min-height: 46px;
  color: white;
  box-shadow: inset 1px 0 0 var(--header-border-color, var(--c8y-main-header-border-color));
  transition: var(--c8y-btn-transition-default);
}
.header-bar .main-header-button:hover,
.header-bar .main-header-button > button:hover {
  color: white;
  background-color: var(--c8y-main-header-background-hover);
}
.header-bar .main-header-button:focus,
.header-bar .main-header-button > button:focus {
  outline: 2px solid white;
  outline-offset: -2px;
  border-radius: var(--c8y-component-border-radius-focus, var(--c8y-root-component-border-radius-focus)) !important;
}
.header-bar .main-header-button:active,
.header-bar .main-header-button > button:active {
  background-color: var(--c8y-main-header-background-active);
}
.header-bar .main-header-button > button,
.header-bar .main-header-button > button > button {
  padding: 0;
  min-height: auto;
  box-shadow: none;
}
.header-bar .navigator-toggle,
.header-bar .drawer-toggle {
  font-size: 16px;
  padding-left: 8px;
  padding-right: 8px;
}
.header-bar .navigator-toggle > [class^='dlt-c8y-icon-'],
.header-bar .drawer-toggle > [class^='dlt-c8y-icon-'],
.header-bar .navigator-toggle > [class*=' dlt-c8y-icon-'],
.header-bar .drawer-toggle > [class*=' dlt-c8y-icon-'],
.header-bar .navigator-toggle > .c8y-icon,
.header-bar .drawer-toggle > .c8y-icon {
  transition: transform 0.4s ease-in-out;
}
.header-bar .drawer-toggle:focus {
  outline: none;
}
.header-bar .drawer-toggle:focus > .user-dot,
.header-bar .drawer-toggle:focus > .close-dot {
  border-radius: 50% !important;
  outline: 2px solid #05d5f5;
  border-radius: var(--c8y-component-border-radius-focus, var(--c8y-root-component-border-radius-focus));
}
.header-bar .drawer-toggle .user-dot {
  display: flex;
}
.header-bar .drawer-toggle .close-dot {
  display: none;
}
.header-bar .drawer-toggle[aria-expanded='true'] .user-dot {
  display: none;
}
.header-bar .drawer-toggle[aria-expanded='true'] .close-dot {
  display: flex;
}
@media (max-width: 767px) {
  .header-bar {
    max-height: 46px;
    overflow: hidden;
    transition: max-height 0.35s ease;
  }
  .head-open .header-bar {
    max-height: 92px;
    overflow: visible;
  }
}
.app-view {
  display: flex;
  flex-flow: row nowrap;
  margin-right: auto;
  flex: 3 1 auto;
  border-left: 1px solid var(--header-border-color, var(--c8y-main-header-border-color));
  align-items: center;
  align-self: stretch;
  width: calc(100% - 94px);
  max-height: 46px;
}
.app-view .c8y-icon:before,
.app-view .c8y-icon.c8y-icon-duocolor:before {
  color: currentColor;
}
.app-view .spinner {
  position: relative;
  margin: 0 0 0 var(--c8y-unit-base);
}
.page-header {
  padding: 0 5px 0 0;
  max-height: 46px;
  width: 100%;
  max-width: calc(100% - 50px);
}
.page-header .c8y-ui-title {
  height: 25px;
  position: relative;
  z-index: 11;
}
.page-header .c8y-ui-title h1 {
  display: inline-block;
  margin: 0;
  width: 100%;
  letter-spacing: -0.03em;
  font-weight: 400;
  font-size: 18px;
}
.page-header .c8y-ui-title .c8y-ui-title-extra-info {
  position: absolute;
  top: calc(100% - 6px);
  right: 0;
  z-index: 12;
}
.page-header .c8y-ui-title .edit-in-place c8y-error-feedback,
.page-header .c8y-ui-title .edit-in-place c8y-messages {
  display: none;
}
.app-breadcrumbs {
  display: block;
  margin-top: -3px;
  max-height: 14px;
  position: relative;
  z-index: 10;
}
@media (min-width: 768px) {
  .header-bar {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .header-bar .main-header-button {
    min-height: calc(var(--c8y-unit-base) * 8);
  }
  .app-view {
    max-height: calc(var(--c8y-unit-base) * 8);
    width: calc(100% - 180px - 172px - 32px);
  }
  .page-header {
    padding: 5px;
    max-height: calc(var(--c8y-unit-base) * 8);
  }
  .page-header .c8y-ui-title {
    height: 34px;
  }
  .page-header .c8y-ui-title h1 {
    font-size: 26px;
  }
  .page-header .c8y-ui-title h1 small:not(.form-control-feedback-message) {
    color: white;
    opacity: 0.8;
  }
  .page-header .text-muted {
    color: white;
    opacity: 0.8;
  }
}
@media (max-width: 767px) {
  .header-bar .navigator-toggle {
    order: 1;
  }
  .header-bar .app-view {
    order: 2;
  }
  .header-bar .drawer-toggle {
    order: 3;
    padding-right: 8px;
    margin-left: 8px;
  }
  .header-bar .main-header-item {
    order: 5;
    box-shadow: inset 0 1px 0 0 transparent;
  }
  .main-header-item {
    flex: 1 1 auto;
    box-shadow: inset 0 1px 0 0 var(--header-border-color, var(--c8y-main-header-border-color));
  }
  .main-header-item .main-header-button,
  .main-header-item .dropdown {
    width: 100%;
  }
  .main-header-item .open .dropdown-toggle {
    box-shadow: none!important;
  }
  .main-header-item .dropdown-menu:not(.app-switcher-dropdown-menu) {
    min-width: 100vw;
    inset: auto !important;
  }
  .app-main-header.open .header-bar,
  .app-main-header.drawerOpen .header-bar {
    overflow: hidden;
  }
  .app-main-header.open .app-view .c8y-app-icon,
  .app-main-header.drawerOpen .app-view .c8y-app-icon,
  .app-main-header.open .app-view .app-noicon,
  .app-main-header.drawerOpen .app-view .app-noicon,
  .app-main-header.open .app-view .txt,
  .app-main-header.drawerOpen .app-view .txt {
    width: 0 !important;
    margin-left: 0;
    margin-right: 0;
    transform: scale(0);
  }
  .app-main-header.open .page-header,
  .app-main-header.drawerOpen .page-header {
    display: none;
  }
  .app-main-header.drawerOpen.open .main-header-item {
    display: none;
  }
}
.navigator {
  position: fixed;
  z-index: 1031;
  top: 0;
  bottom: 0;
  left: calc((calc(100% - 35px) + 10px) * -1);
  width: calc(100% - 35px);
  padding-top: 0;
  color: #f8f8f8;
  background: #132b45;
  font-family: 'roboto', Arial, Helvetica, sans-serif;
  display: flex;
  flex-flow: column nowrap;
  transition: left 0.4s ease-in-out;
}
@media (min-width: 768px) {
  .navigator {
    left: -250px;
    width: 240px;
  }
}
.navigator.open {
  left: 0;
  box-shadow: var(--c8y-elevation-md-right);
}
@media (min-width: 1200px) {
  .navigator.open {
    border-right: 1px solid rgba(255, 255, 255, 0.05);
    box-shadow: none;
  }
}
.navigator.minheight {
  height: calc(var(--c8y-unit-base) * 8);
  padding-top: 0;
  padding-bottom: 0;
}
.navigator .tenant-brand {
  display: block;
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  margin: 0 auto;
  width: 208px;
}
.navigator .c8y-logo .tenant-brand {
  width: 136px;
  padding-bottom: 32px;
  margin-bottom: 0;
}
.navigator .title {
  position: relative;
  z-index: 100;
  display: flex;
  align-items: center;
  gap: var(--c8y-unit-base);
  margin: 0;
  padding: var(--c8y-navigator-app-name-size) calc(var(--c8y-unit-base) * 2);
  font-size: var(--c8y-navigator-app-name-size);
  font-weight: 600;
  text-overflow: ellipsis;
  line-height: 1;
  color: var(--navigator-title-color, var(--c8y-navigator-title-color));
  text-wrap: pretty;
  background-color: transparent;
  flex: 0 0 auto;
  text-transform: uppercase;
  min-height: 108px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  /* Legacy support for @appLogo */
}
.navigator .title:after {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 10;
  display: block;
  width: 100%;
  height: 4px;
  content: '';
  background-color: transparent;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
}
.navigator .title .c8y-app-icon {
  display: contents;
}
.navigator .title .c8y-icon + span,
.navigator .title .app-noicon + span {
  display: block;
}
.navigator .title .c8y-icon {
  font-size: var(--navigator-app-icon-size, var(--c8y-navigator-app-icon-size));
}
.navigator .title .c8y-icon::before {
  color: var(--navigator-dark-icon, currentColor);
}
.navigator .title .c8y-icon::after {
  color: var(--navigator-light-icon, var(--c8y-component-icon-dark-color-light, var(--c8y-root-component-icon-dark-color-light, #05d5f5)));
}
.navigator .title .app-noicon {
  width: calc(var(--c8y-unit-base) * 6);
  height: calc(var(--c8y-unit-base) * 6);
  line-height: calc(var(--c8y-unit-base) * 6);
  background-color: white;
  color: var(--c8y-palette-gray-40);
  display: block;
  margin: 8px auto 6px auto;
}
.navigatorContent {
  position: relative;
  overflow-y: auto;
  overflow-x: hidden;
  margin: 4px 0 0 0;
  padding: 4px 0 0 0;
  list-style: none;
  max-height: 100%;
  background-color: var(--navigator-bg-color, var(--c8y-navigator-bg-color));
}
.navigatorContent:before {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1001;
  height: 4px;
  background-color: #132b45;
  content: '';
}
.navigatorContent .expander {
  margin-left: auto;
  transition: transform 0.25s ease;
  width: 24px;
  text-align: center;
  line-height: 30px;
  flex-shrink: 0;
  margin-right: 0;
  font-size: 16px;
}
.navigatorContent .dragged {
  opacity: 1;
}
.navigatorContent .link {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  border-left: var(--c8y-navigator-active-border-width) solid transparent;
  font-size: 13px;
  color: #f8f8f8;
}
.navigatorContent .link .btn-clean {
  cursor: pointer;
  text-decoration: none;
  position: relative;
  transition: background 0.2s ease;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  flex-grow: 1;
  min-height: 40px;
  background-color: transparent;
  padding: 8px 16px;
  min-width: 0;
  color: inherit;
}
.navigatorContent .link .btn-clean > div {
  flex-shrink: 0;
}
.navigatorContent .link .btn-clean > span,
.navigatorContent .link .btn-clean > div {
  display: block;
  overflow: hidden !important;
  max-width: 100% !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  background-color: transparent;
}
.navigatorContent .link .btn-clean.open .expander {
  transform: rotate(180deg);
}
.navigatorContent .link c8y-navigator-icon,
.navigatorContent .link device-status {
  padding: 0 0 0 16px;
  margin-right: 16px;
  flex-grow: 0;
}
.navigatorContent .link c8y-navigator-icon + .btn-clean,
.navigatorContent .link device-status + .btn-clean {
  padding-left: 0;
}
.navigatorContent .link .btn-clean:active {
  background-color: var(--navigator-active-bg, var(--c8y-navigator-active-bg));
}
.navigatorContent .link:hover,
.navigatorContent .link:focus-within {
  outline: 0;
  background-color: #132b45;
  color: #05d5f5;
}
.navigatorContent .link:hover .btn-clean,
.navigatorContent .link:focus-within .btn-clean,
.navigatorContent .link:hover .btn-link,
.navigatorContent .link:focus-within .btn-link {
  background-color: transparent;
  outline: 0 !important;
}
.navigatorContent .link.active {
  color: #05d5f5;
  background: #132b45;
  border-left-color: #05d5f5;
  font-weight: 500;
}
.navigatorContent .link.dragged-hover {
  background: linear-gradient(to top, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)) #132b45;
  outline: 2px dashed #05d5f5;
  outline-offset: -2px;
}
.navigatorContent .link.dragged-hover * {
  pointer-events: none;
}
.navigatorContent .link.open {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), inset 0 -1px 0 rgba(255, 255, 255, 0.05);
}
.navigatorContent .link.open.active {
  box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.2);
  background: #132b45;
}
.navigatorContent .link.parent.open:not(.active) {
  box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.05);
}
.navigatorContent .link.parent.open:not(.active) ~ .children {
  box-shadow: inset 0 -1px 0 0 rgba(255, 255, 255, 0.05);
}
.navigatorContent .icon {
  font-size: calc(var(--c8y-navigator-font-size) * 1.42857143);
}
.navigatorContent .root-link {
  font-size: calc(var(--c8y-navigator-font-size) * 1.14285714);
  padding: 8px 16px;
}
.navigatorContent .root-link .icon {
  font-size: calc(var(--c8y-navigator-font-size) * 1.5);
}
.navigatorContent .children {
  transition: all 0.35s ease;
}
.navigatorContent .children .link {
  padding-left: calc(calc(var(--c8y-unit-base) * 2) * 1);
}
.navigatorContent .children .children .link {
  padding-left: calc(calc(var(--c8y-unit-base) * 2) * 1 + var(--c8y-unit-base));
}
.navigatorContent .children .children .children .link {
  padding-left: calc(calc(var(--c8y-unit-base) * 2) * 1 + var(--c8y-unit-base) * 2);
}
.navigatorContent .children .children .children .children .link {
  padding-left: calc(calc(var(--c8y-unit-base) * 2) * 1 + var(--c8y-unit-base) * 3);
}
.navigatorContent .children .children .children .children .children .link {
  padding-left: calc(calc(var(--c8y-unit-base) * 2) * 1 + var(--c8y-unit-base) * 4);
}
.navigatorContent .children .children .children .children .children .children .link {
  padding-left: calc(calc(var(--c8y-unit-base) * 2) * 1 + var(--c8y-unit-base) * 5);
}
.navigatorContent .children .children .children .children .children .children .children .link {
  padding-left: calc(calc(var(--c8y-unit-base) * 2) * 1 + var(--c8y-unit-base) * 6);
}
.navigatorContent .slot {
  position: relative;
}
.navigatorContent .slot .loadingIndicator {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -8px;
  opacity: 0.3;
}
.navigatorContent .slot c8y-device-status-display {
  height: calc(var(--c8y-unit-base) * 2);
}
.navigatorContent .slot .statusContainer {
  font-size: 14px;
  overflow: hidden;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  border: 0;
  background-image: none;
  background-color: var(--c8y-palette-high);
  padding: 1px 2px;
}
.navigatorContent .slot .disabled {
  pointer-events: none;
}
.navigatorContent .slot:has(.children.collapse.in .link.active) > .link.active {
  background: transparent;
}
.navigatorContent .icon {
  display: inline-block;
  margin-right: 0;
  text-align: center;
}
.navigatorContent .empty,
.navigatorContent .showMore {
  font-size: 0.93em;
  opacity: 0.6;
  font-style: italic;
}
.navigatorContent .link.empty:hover {
  background-color: transparent;
  opacity: 0.8;
}
.navigator-slot-bottom {
  position: sticky;
  bottom: 0;
  width: 100%;
  font-size: 11px;
  background: #132b45;
  margin-top: auto;
  order: 10;
  border-top: 1px solid rgba(255, 255, 255, 0.05);
  padding: 0 calc(var(--c8y-unit-base) * 2);
}
.navigator-slot-bottom a {
  color: currentColor;
}
.navigator-slot-bottom:has(.c8y-logo) {
  padding: var(--c8y-unit-base) calc(var(--c8y-unit-base) * 2);
}
.navigator-slot-bottom:has(.logo-spacer) {
  display: flex;
  flex-direction: column;
  gap: var(--c8y-unit-base);
}
.navigator-slot-bottom p {
  text-align: center;
  opacity: 0.8;
  align-self: flex-end;
}
.nav {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}
.nav > li {
  position: relative;
  display: block;
}
.nav > li > a {
  position: relative;
  display: block;
  padding: var(--c8y-navlink-padding-vertical) var(--c8y-navlink-padding-horizontal);
  color: var(--c8y-navbar-color-link);
}
.nav > li > a:hover,
.nav > li > a:focus {
  background-color: var(--c8y-navlink-background-hover);
  color: var(--c8y-navbar-color-link-hover);
  text-decoration: none;
}
.nav > li > a:focus {
  outline: 2px solid #05d5f5;
  outline-offset: -2px;
  border-radius: var(--c8y-component-border-radius-focus, var(--c8y-root-component-border-radius-focus));
}
.nav > li.disabled > a {
  opacity: var(--c8y-component-disabled-opacity, var(--c8y-root-component-disabled-opacity));
}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
  cursor: not-allowed;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: var(--c8y-navlink-background-hover);
}
.nav-pills > li {
  float: left;
}
.nav-pills > li > a {
  margin: 0;
  padding: var(--c8y-nav-pills-padding-vertical) var(--c8y-nav-pills-padding-horizontal);
  border-radius: var(--c8y-nav-pills-border-radius);
}
.nav-pills > li + li {
  margin-left: 2px;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  background-color: var(--c8y-nav-pills-background-active);
  color: var(--c8y-nav-pills-color-active);
}
.nav-pills > li:focus {
  outline: 2px solid #05d5f5;
  outline-offset: -2px;
  border-radius: var(--c8y-component-border-radius-focus, var(--c8y-root-component-border-radius-focus));
}
.nav-stacked > li {
  float: none;
}
.nav-stacked > li + li {
  margin-top: 2px;
  margin-left: 0;
}
.nav-justified {
  width: 100%;
}
.nav-justified > li {
  float: none;
  flex: 1 1 auto;
}
.nav-justified > li > a {
  text-align: center;
}
.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  .nav-justified > li > a {
    margin-bottom: 0;
  }
}
.navbar {
  position: relative;
  margin-bottom: 30px;
  min-height: var(--c8y-navbar-height);
  background-color: var(--c8y-navbar-background-default);
}
@media (min-width: 1200px) {
  .navbar-header {
    float: left;
  }
}
.navbar-collapse {
  overflow-x: visible;
  -webkit-overflow-scrolling: touch;
  padding-right: var(--c8y-component-padding, var(--c8y-root-component-padding));
  padding-left: var(--c8y-component-padding, var(--c8y-root-component-padding));
  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}
.navbar-collapse.in {
  overflow-y: auto;
}
@media (min-width: 768px) {
  .navbar-collapse {
    width: auto;
    border-top: 0;
    box-shadow: none;
  }
  .navbar-collapse.collapse {
    display: block !important;
    overflow: visible !important;
    padding-bottom: 0;
    height: auto !important;
  }
  .navbar-collapse.in {
    overflow-y: visible;
  }
  .navbar-fixed-top .navbar-collapse,
  .navbar-static-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 1200px) {
  .navbar-collapse {
    padding-right: var(--c8y-unit-base);
    padding-left: var(--c8y-unit-base);
  }
}
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
  max-height: 340px;
}
@media (max-device-width: 480px) and (orientation: landscape) {
  .navbar-fixed-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    max-height: 200px;
  }
}
@media (min-width: 768px) {
  .container > .navbar-header,
  .container-fluid > .navbar-header,
  .container > .navbar-collapse,
  .container-fluid > .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
  }
}
.navbar-static-top {
  z-index: 1001;
  border-width: 0 0 1px;
}
@media (min-width: 768px) {
  .navbar-static-top {
    border-radius: 0;
  }
}
.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
}
@media (min-width: 768px) {
  .navbar-fixed-top,
  .navbar-fixed-bottom {
    border-radius: 0;
  }
}
.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px;
}
.navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
  border-width: 1px 0 0;
}
.navbar-brand {
  float: left;
  padding: calc(calc(var(--c8y-unit-base) * 2) - 2px) calc(calc(var(--c8y-unit-base) * 3) * 0.5);
  height: var(--c8y-navbar-height);
  font-size: var(--c8y-font-size-large);
  line-height: calc(var(--c8y-font-size-base) * var(--c8y-line-height-base, 1.42857143));
}
.navbar-brand:hover,
.navbar-brand:focus {
  text-decoration: none;
}
.navbar-brand > img {
  display: block;
}
@media (min-width: 768px) {
  .navbar > .container .navbar-brand,
  .navbar > .container-fluid .navbar-brand {
    margin-left: calc(calc(calc(var(--c8y-unit-base) * 3) * 0.5) * -1);
  }
}
.navbar-toggle {
  position: relative;
  float: right;
  margin-right: calc(calc(var(--c8y-unit-base) * 3) * 0.5);
  padding: 9px 10px;
  border: 1px solid transparent;
  border-color: transparent;
  border-radius: var(--c8y-component-border-radius-base, var(--c8y-root-component-border-radius-base));
  background-color: transparent;
  background-image: none;
  margin-top: calc((var(--c8y-navbar-height) - 34px) / 2);
  margin-bottom: calc((var(--c8y-navbar-height) - 34px) / 2);
}
.navbar-toggle:focus {
  outline: 0;
}
.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
  background-color: var(--c8y-navbar-color-default);
}
.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}
.navbar-toggle:hover,
.navbar-toggle:focus {
  background-color: transparent;
}
@media (min-width: 768px) {
  .navbar-toggle {
    display: none;
  }
}
.navbar-nav {
  margin: calc(calc(calc(var(--c8y-unit-base) * 2) - 2px) * 0.5) calc(calc(calc(var(--c8y-unit-base) * 3) * 0.5) * -1);
}
.navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: calc(var(--c8y-font-size-base) * var(--c8y-line-height-base, 1.42857143));
}
@media (max-width: 767px) {
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    margin-top: 0;
    width: auto;
    border: 0;
    background-color: transparent;
    box-shadow: none;
  }
  .navbar-nav .open .dropdown-menu > li > a,
  .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px;
  }
  .navbar-nav .open .dropdown-menu > li > a {
    line-height: calc(var(--c8y-font-size-base) * var(--c8y-line-height-base, 1.42857143));
  }
  .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-nav .open .dropdown-menu > li > a:focus {
    background-image: none;
  }
}
@media (min-width: 768px) {
  .navbar-nav {
    display: flex;
    float: left;
    align-items: center;
    margin: 0;
    min-width: 0;
  }
  .navbar-nav > li {
    display: flex;
    float: left;
    min-width: 0;
  }
  .navbar-nav > li > a,
  .navbar-nav > li > .btn-link {
    padding-top: calc(calc(var(--c8y-unit-base) * 2) - 2px);
    padding-bottom: calc(calc(var(--c8y-unit-base) * 2) - 2px);
  }
  .navbar-nav > li > a:focus,
  .navbar-nav > li > .btn-link:focus {
    outline: none;
  }
}
@media (min-width: 768px) {
  .navbar-nav.navbar-center {
    display: inline-block;
    float: none;
  }
}
.navbar-form {
  padding: 0 calc(calc(var(--c8y-unit-base) * 3) * 0.5);
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
}
@media (min-width: 768px) {
  .navbar-form > .form-group {
    display: inline-block;
    margin-bottom: 0;
    max-height: 32px !important;
    vertical-align: middle;
  }
  .navbar-form > .form-group > label {
    margin-right: var(--c8y-unit-base);
  }
  .navbar-form > .form-group + .form-group {
    margin-left: var(--c8y-unit-base);
  }
  .navbar-form > label {
    display: inline-block;
    margin-bottom: 0;
  }
  .navbar-form > .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .navbar-form > .form-control-static {
    display: inline-block;
  }
  .navbar-form > .input-group {
    display: inline-flex;
    width: auto;
    vertical-align: middle;
  }
  .navbar-form > .input-group .input-group-addon,
  .navbar-form > .input-group .input-group-btn,
  .navbar-form > .input-group .form-control {
    width: auto;
  }
  .navbar-form > .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form > .c8y-select-wrapper {
    display: inline-block;
    vertical-align: middle;
  }
  .navbar-form > .radio,
  .navbar-form > .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form > .radio label,
  .navbar-form > .checkbox label {
    padding-left: 0;
  }
  .navbar-form .radio input[type='radio'],
  .navbar-form .checkbox input[type='checkbox'] {
    position: relative;
    margin-left: 0;
  }
  .navbar-form .has-feedback .form-control-feedback {
    top: 0;
  }
  .navbar-form .has-feedback .form-control-feedback-message {
    top: var(--c8y-form-control-height-base);
  }
}
@media (max-width: 768px) {
  .navbar-form > .form-group {
    margin-bottom: 5px;
  }
  .navbar-form > .form-group:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) {
  .navbar-form {
    margin-right: 0;
    margin-left: 0;
    padding-top: 0;
    padding-bottom: 0;
    width: auto;
    border: 0;
    box-shadow: none;
  }
}
.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  margin-bottom: 0;
}
.navbar-btn {
  margin-top: calc((var(--c8y-navbar-height) - 32) / 2);
  margin-bottom: calc((var(--c8y-navbar-height) - 32) / 2);
}
.navbar-btn.btn-sm {
  margin-top: calc((var(--c8y-navbar-height) - 28) / 2);
  margin-bottom: calc((var(--c8y-navbar-height) - 28) / 2);
}
.navbar-btn.btn-xs {
  margin-top: calc((var(--c8y-navbar-height) - 22) / 2);
  margin-bottom: calc((var(--c8y-navbar-height) - 22) / 2);
}
.navbar-text {
  margin-top: calc((var(--c8y-navbar-height) - calc(var(--c8y-font-size-base) * var(--c8y-line-height-base, 1.42857143))) / 2);
  margin-bottom: calc((var(--c8y-navbar-height) - calc(var(--c8y-font-size-base) * var(--c8y-line-height-base, 1.42857143))) / 2);
}
@media (min-width: 768px) {
  .navbar-text {
    float: left;
    margin-right: calc(calc(var(--c8y-unit-base) * 3) * 0.5);
    margin-left: calc(calc(var(--c8y-unit-base) * 3) * 0.5);
  }
}
@media (min-width: 768px) {
  .navbar-left {
    float: left !important;
  }
  .navbar-right {
    float: right !important;
    margin-left: auto;
    flex-shrink: 0;
  }
  .navbar-right ~ .navbar-right {
    margin-right: 0;
  }
}
.navbar-default {
  border-color: var(--c8y-navbar-border-color);
  background-color: var(--c8y-navbar-background-default);
}
.navbar-default .navbar-text {
  color: var(--c8y-navbar-color-default);
}
.navbar-default .navbar-nav > li > a {
  color: var(--c8y-navbar-color-link);
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  background-color: var(--c8y-navlink-background-hover);
  color: var(--c8y-navbar-color-link-hover);
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  background-color: var(--c8y-navlink-background-active);
  color: var(--c8y-navbar-color-active);
}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
  opacity: var(--c8y-component-disabled-opacity, var(--c8y-root-component-disabled-opacity));
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: var(--c8y-navbar-border-color);
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  background-color: var(--c8y-navlink-background-active);
  color: var(--c8y-navbar-color-active);
}
@media (max-width: 768px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: var(--c8y-navbar-color-link);
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    background-color: var(--c8y-navlink-background-hover);
    color: var(--c8y-navbar-color-link-hover);
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    background-color: var(--c8y-navlink-background-active);
    color: var(--c8y-navbar-color-active);
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    opacity: var(--c8y-component-disabled-opacity, var(--c8y-root-component-disabled-opacity));
  }
}
.navbar-default .navbar-link {
  color: var(--c8y-navbar-color-link);
}
.navbar-default .navbar-link:hover {
  color: var(--c8y-navbar-color-link-hover);
}
.navbar-default .btn-link {
  color: var(--c8y-navbar-color-link);
}
.navbar-default .btn-link:hover,
.navbar-default .btn-link:focus {
  color: var(--c8y-navbar-color-link-hover);
}
.navbar-default .btn-link[disabled]:hover,
fieldset[disabled] .navbar-default .btn-link:hover,
.navbar-default .btn-link[disabled]:focus,
fieldset[disabled] .navbar-default .btn-link:focus {
  opacity: var(--c8y-component-disabled-opacity, var(--c8y-root-component-disabled-opacity));
}
.c8y-ui-action-bar {
  min-height: calc(var(--c8y-unit-base) * 6);
  background-color: #193759;
  color: var(--action-bar-color-default, var(--c8y-action-bar-color-default));
  position: fixed;
  top: -4px;
  right: 0;
  left: 0;
  margin: 0;
  z-index: 1030;
  max-width: 100vw;
  box-shadow: var(--c8y-main-header-shadow);
}
@media (max-width: 767px) {
  .c8y-ui-action-bar {
    transition: top 0.5s ease;
  }
  .head-open .c8y-ui-action-bar {
    top: calc(calc(var(--c8y-unit-base) * 8) + 28px);
  }
  .c8y-ui-action-bar.has-tabs {
    top: -2px;
    transition: top 0.35s ease;
  }
  .head-open .c8y-ui-action-bar.has-tabs {
    top: calc(calc(var(--c8y-unit-base) * 8) * 2 + 12px);
  }
}
@media (min-width: 768px) {
  .c8y-ui-action-bar {
    top: calc(var(--c8y-unit-base) * 8);
    clip: rect(0, 10000px, 2000px, 0);
  }
  .c8y-ui-action-bar.horizontal-tabs.has-tabs {
    top: calc(calc(var(--c8y-unit-base) * 8) * 2);
  }
}
@media (min-width: 1200px) {
  .c8y-ui-action-bar {
    transition: left 0.4s ease-in-out;
  }
  .c8y-ui-action-bar.navigator-open {
    left: 240px;
  }
  .c8y-ui-action-bar.horizontal-tabs.has-tabs {
    top: calc(calc(var(--c8y-unit-base) * 8) * 2 - calc(var(--c8y-unit-base) * 2));
  }
}
body:not(:has(.app-main-header)) .c8y-ui-action-bar {
  top: 0;
}
body:not(:has(.app-main-header)) .c8y-ui-action-bar.has-tabs {
  top: 48px;
}
@media (max-width: 767px) {
  body:not(:has(.app-main-header)) .c8y-ui-action-bar.has-tabs {
    display: none;
  }
  body:not(:has(.app-main-header)) .c8y-ui-action-bar .navbar-header {
    display: none;
  }
}
body:not(:has(.app-main-header)):has(.vertical-tabs) .c8y-ui-action-bar {
  top: 0;
}
.c8y-ui-action-bar .navbar-toggle {
  margin: 0;
}
.c8y-ui-action-bar .navbar-brand {
  opacity: 1;
}
.c8y-ui-action-bar .navbar-collapse {
  padding-right: calc(calc(var(--c8y-unit-base) * 3) * 0.5);
  padding-left: calc(calc(var(--c8y-unit-base) * 3) * 0.5);
  border: 0;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.35s ease;
}
@media (min-width: 768px) {
  .c8y-ui-action-bar .navbar-collapse {
    min-height: calc(var(--c8y-unit-base) * 6);
    overflow: visible !important;
    display: flex;
  }
  .c8y-ui-action-bar .navbar-collapse.collapse {
    display: flex !important;
  }
  .c8y-ui-action-bar .navbar-collapse.collapse .navbar-right {
    margin-left: auto;
  }
}
@media (min-width: 992px) {
  .c8y-ui-action-bar .navbar-collapse {
    padding-right: calc(var(--c8y-unit-base) * 3);
    padding-left: calc(var(--c8y-unit-base) * 3);
  }
}
.c8y-ui-action-bar .navbar-collapse.in,
.head-open .c8y-ui-action-bar .navbar-collapse {
  max-height: calc(100vh - 180px);
  overflow: auto;
}
@media (min-width: 768px) {
  .c8y-ui-action-bar .navbar-header {
    display: none;
  }
  .c8y-ui-action-bar .navbar-nav .dropdown-menu {
    max-width: 306px;
  }
  .c8y-ui-action-bar .navbar-nav .dropdown-menu.uib-datepicker-popup {
    width: 280px;
  }
}
.c8y-ui-action-bar .navbar-nav > .dropdown {
  margin-top: 5px;
  vertical-align: top;
}
.c8y-ui-action-bar .navbar-nav .dropdown-menu > li > * {
  display: block;
  overflow: hidden !important;
  max-width: 100% !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.c8y-ui-action-bar .navbar-nav > .navbar-form,
.c8y-ui-action-bar .navbar-nav > .btn-group {
  display: block;
  margin: 0;
  padding: 3px calc(var(--c8y-unit-base) * 2);
}
@media (min-width: 768px) {
  .c8y-ui-action-bar .navbar-nav > .navbar-form,
  .c8y-ui-action-bar .navbar-nav > .btn-group {
    display: flex;
    margin: 0;
    padding: 7px var(--c8y-unit-base);
  }
  .c8y-ui-action-bar .navbar-nav > .navbar-form:first-child,
  .c8y-ui-action-bar .navbar-nav > .btn-group:first-child {
    padding-left: 0;
  }
}
.c8y-ui-action-bar .navbar-nav > .navbar-form > .btn,
.c8y-ui-action-bar .navbar-nav > .btn-group > .btn {
  float: none;
}
.c8y-ui-action-bar .navbar-nav > .pull-right {
  order: 100;
}
.c8y-ui-action-bar .navbar-nav > li:not(.navbar-form) {
  position: relative;
}
@media (max-width: 767px) {
  .c8y-ui-action-bar .navbar-nav > li:not(.navbar-form) {
    float: none !important;
  }
}
@media (min-width: 768px) {
  .c8y-ui-action-bar .navbar-nav > li:not(.navbar-form) {
    z-index: 10;
  }
  .c8y-ui-action-bar .navbar-nav > li:not(.navbar-form)::after {
    position: absolute;
    top: 50%;
    right: 0;
    width: 1px;
    height: 20px;
    content: '';
    transform: translate(0, -50%);
  }
  .c8y-ui-action-bar .navbar-nav > li:not(.navbar-form):last-child::after {
    background-color: transparent;
  }
}
.c8y-ui-action-bar .navbar-nav > li:not(.navbar-form) .btn-help {
  font-size: 1.2em;
  margin: 12px 0;
}
.c8y-ui-action-bar .navbar-nav > li:not(.navbar-form) > a,
.c8y-ui-action-bar .navbar-nav > li:not(.navbar-form) .btn-link,
.c8y-ui-action-bar .navbar-nav > li:not(.navbar-form) .c8y-dropdown {
  padding: calc(calc(var(--c8y-unit-base) * 2) - 2px) var(--c8y-unit-base);
  color: var(--action-bar-color-actions, var(--c8y-action-bar-color-actions));
  opacity: 1;
  transition: var(--c8y-btn-transition-default);
}
@media (max-width: 767px) {
  .c8y-ui-action-bar .navbar-nav > li:not(.navbar-form) > a,
  .c8y-ui-action-bar .navbar-nav > li:not(.navbar-form) .btn-link,
  .c8y-ui-action-bar .navbar-nav > li:not(.navbar-form) .c8y-dropdown {
    display: block;
    padding: var(--c8y-unit-base) calc(var(--c8y-unit-base) * 2);
    width: 100%;
    max-width: 100%;
    text-align: left;
  }
}
.c8y-ui-action-bar .navbar-nav > li:not(.navbar-form) > a:focus,
.c8y-ui-action-bar .navbar-nav > li:not(.navbar-form) .btn-link:focus,
.c8y-ui-action-bar .navbar-nav > li:not(.navbar-form) .c8y-dropdown:focus {
  color: inherit;
  text-decoration: none;
  outline: 2px solid var(--action-bar-color-focus, var(--c8y-action-bar-color-focus));
  outline-offset: -2px;
  border-radius: var(--c8y-component-border-radius-focus, var(--c8y-root-component-border-radius-focus)) !important;
}
.c8y-ui-action-bar .navbar-nav > li:not(.navbar-form) > a .c8y-icon,
.c8y-ui-action-bar .navbar-nav > li:not(.navbar-form) .btn-link .c8y-icon,
.c8y-ui-action-bar .navbar-nav > li:not(.navbar-form) .c8y-dropdown .c8y-icon,
.c8y-ui-action-bar .navbar-nav > li:not(.navbar-form) > a [class^='dlt-c8y-icon-'],
.c8y-ui-action-bar .navbar-nav > li:not(.navbar-form) .btn-link [class^='dlt-c8y-icon-'],
.c8y-ui-action-bar .navbar-nav > li:not(.navbar-form) .c8y-dropdown [class^='dlt-c8y-icon-'],
.c8y-ui-action-bar .navbar-nav > li:not(.navbar-form) > a [class*=' dlt-c8y-icon-'],
.c8y-ui-action-bar .navbar-nav > li:not(.navbar-form) .btn-link [class*=' dlt-c8y-icon-'],
.c8y-ui-action-bar .navbar-nav > li:not(.navbar-form) .c8y-dropdown [class*=' dlt-c8y-icon-'] {
  color: var(--action-bar-icon-color, var(--c8y-action-bar-icon-color));
}
.c8y-ui-action-bar .navbar-nav > li:not(.navbar-form) > a:hover:not([disabled]),
.c8y-ui-action-bar .navbar-nav > li:not(.navbar-form) .btn-link:hover:not([disabled]),
.c8y-ui-action-bar .navbar-nav > li:not(.navbar-form) .c8y-dropdown:hover:not([disabled]),
.c8y-ui-action-bar .navbar-nav > li:not(.navbar-form) > a:active:not([disabled]),
.c8y-ui-action-bar .navbar-nav > li:not(.navbar-form) .btn-link:active:not([disabled]),
.c8y-ui-action-bar .navbar-nav > li:not(.navbar-form) .c8y-dropdown:active:not([disabled]) {
  color: var(--action-bar-color-actions-hover, var(--c8y-action-bar-color-actions-hover));
  text-decoration: none;
}
.c8y-ui-action-bar .navbar-nav > li:not(.navbar-form) > a:hover:not([disabled]) .c8y-icon,
.c8y-ui-action-bar .navbar-nav > li:not(.navbar-form) .btn-link:hover:not([disabled]) .c8y-icon,
.c8y-ui-action-bar .navbar-nav > li:not(.navbar-form) .c8y-dropdown:hover:not([disabled]) .c8y-icon,
.c8y-ui-action-bar .navbar-nav > li:not(.navbar-form) > a:active:not([disabled]) .c8y-icon,
.c8y-ui-action-bar .navbar-nav > li:not(.navbar-form) .btn-link:active:not([disabled]) .c8y-icon,
.c8y-ui-action-bar .navbar-nav > li:not(.navbar-form) .c8y-dropdown:active:not([disabled]) .c8y-icon,
.c8y-ui-action-bar .navbar-nav > li:not(.navbar-form) > a:hover:not([disabled]) [class^='dlt-c8y-icon-'],
.c8y-ui-action-bar .navbar-nav > li:not(.navbar-form) .btn-link:hover:not([disabled]) [class^='dlt-c8y-icon-'],
.c8y-ui-action-bar .navbar-nav > li:not(.navbar-form) .c8y-dropdown:hover:not([disabled]) [class^='dlt-c8y-icon-'],
.c8y-ui-action-bar .navbar-nav > li:not(.navbar-form) > a:active:not([disabled]) [class^='dlt-c8y-icon-'],
.c8y-ui-action-bar .navbar-nav > li:not(.navbar-form) .btn-link:active:not([disabled]) [class^='dlt-c8y-icon-'],
.c8y-ui-action-bar .navbar-nav > li:not(.navbar-form) .c8y-dropdown:active:not([disabled]) [class^='dlt-c8y-icon-'],
.c8y-ui-action-bar .navbar-nav > li:not(.navbar-form) > a:hover:not([disabled]) [class*=' dlt-c8y-icon-'],
.c8y-ui-action-bar .navbar-nav > li:not(.navbar-form) .btn-link:hover:not([disabled]) [class*=' dlt-c8y-icon-'],
.c8y-ui-action-bar .navbar-nav > li:not(.navbar-form) .c8y-dropdown:hover:not([disabled]) [class*=' dlt-c8y-icon-'],
.c8y-ui-action-bar .navbar-nav > li:not(.navbar-form) > a:active:not([disabled]) [class*=' dlt-c8y-icon-'],
.c8y-ui-action-bar .navbar-nav > li:not(.navbar-form) .btn-link:active:not([disabled]) [class*=' dlt-c8y-icon-'],
.c8y-ui-action-bar .navbar-nav > li:not(.navbar-form) .c8y-dropdown:active:not([disabled]) [class*=' dlt-c8y-icon-'] {
  color: var(--action-bar-color-actions-hover, var(--c8y-action-bar-color-actions-hover));
  opacity: 1;
}
.c8y-ui-action-bar .navbar-nav > li:not(.navbar-form) .dropdown.open .c8y-dropdown + .dropdown-menu,
.c8y-ui-action-bar .navbar-nav > li:not(.navbar-form) [dropdown].open .c8y-dropdown + .dropdown-menu,
.c8y-ui-action-bar .navbar-nav > li:not(.navbar-form) .btn-group.open .c8y-dropdown + .dropdown-menu {
  box-shadow: var(--c8y-elevation-md-bottom);
  box-shadow: var(--c8y-elevation-md-right);
}
.c8y-ui-action-bar .navbar-nav > li:not(.navbar-form) .dropdown.open .c8y-dropdown {
  color: var(--action-bar-color-actions-hover, var(--c8y-action-bar-color-actions-hover));
}
.c8y-ui-action-bar .navbar-nav > li:not(.navbar-form) > .navbar-info {
  padding: 15px 10px;
}
@media (max-width: 767px) {
  .c8y-ui-action-bar .navbar-nav > li:not(.navbar-form) .dropdown {
    padding: 0;
    width: 100%;
    border-top: 1px solid transparent;
  }
  .c8y-ui-action-bar .navbar-nav > li:not(.navbar-form) .dropdown .c8y-dropdown {
    display: none !important;
  }
  .c8y-ui-action-bar .navbar-nav > li:not(.navbar-form) .dropdown .dropdown-menu {
    position: static;
    display: block;
    margin-top: 0;
    width: 100%;
    height: auto;
    box-shadow: none;
  }
  .c8y-ui-action-bar .navbar-nav > li:not(.navbar-form) .dropdown .dropdown-menu li button:not(.btn) {
    padding: 8px 16px;
  }
  .c8y-ui-action-bar .navbar-nav > li:not(.navbar-form).no-remove.more-wrapper {
    height: 0;
  }
  .c8y-ui-action-bar .navbar-nav > li:not(.navbar-form).no-remove.more-wrapper .dropdown {
    border-top: 0;
  }
}
@media (max-width: 767px) {
  .c8y-ui-action-bar .navbar-nav {
    margin: 0;
    display: flex;
    flex-direction: column;
  }
  .c8y-ui-action-bar .navbar-nav > li:not(.more-wrapper) {
    box-shadow: inset 0 1px 0 var(--action-bar-border-color, var(--c8y-action-bar-border-color));
  }
  .c8y-ui-action-bar .navbar-nav > li.navbar-form {
    display: block;
    margin-top: 0;
    padding: 2px calc(var(--c8y-unit-base) * 2);
  }
  .c8y-ui-action-bar .navbar-nav > li.navbar-form > .c8y-select-wrapper {
    width: 100%;
  }
}
.c8y-ui-action-bar .navbar-text {
  margin-left: 0;
  color: var(--action-bar-color-text-muted, var(--c8y-action-bar-color-text-muted));
}
.c8y-ui-action-bar .navbar-form {
  margin-top: 8px;
}
.c8y-ui-action-bar .navbar-form > .btn + .btn {
  margin-left: 0;
}
@media (min-width: 768px) {
  .c8y-ui-action-bar .navbar-form {
    min-height: calc(var(--c8y-unit-base) * 6);
  }
  .c8y-ui-action-bar .navbar-form .datepicker > input {
    width: 140px;
    text-align: center;
  }
}
.c8y-ui-action-bar .navbar-form label:not(.c8y-switch) {
  display: inline-block;
  align-self: center;
  margin-right: calc(var(--c8y-unit-base) * 0.5);
  margin-bottom: 0;
  color: var(--action-bar-color-text-muted, var(--c8y-action-bar-color-text-muted));
  vertical-align: middle;
  text-transform: none;
  font-weight: normal;
  font-size: inherit;
}
@media (max-width: 767px) {
  .c8y-ui-action-bar .navbar-form {
    margin-top: 0;
    padding: 0;
  }
  .c8y-ui-action-bar .navbar-form .form-group:not(.datepicker) {
    display: block;
    padding: 5px 0;
  }
  .c8y-ui-action-bar .navbar-form .datepicker > input {
    width: 100%;
    text-align: left;
  }
}
.c8y-ui-action-bar .navbar-form .btn[uib-btn-checkbox] {
  margin: 3px 0 0;
}
.c8y-ui-action-bar .btn[disabled]:not(.btn-primary) {
  pointer-events: auto !important;
}
.c8y-ui-action-bar .btn[disabled]:not(.btn-primary),
.c8y-ui-action-bar .btn[disabled]:not(.btn-primary):hover,
.c8y-ui-action-bar .btn[disabled]:not(.btn-primary):focus,
.c8y-ui-action-bar .btn[disabled]:not(.btn-primary) i {
  opacity: var(--action-bar-disabled-opacity, var(--c8y-action-bar-disabled-opacity)) !important;
  cursor: not-allowed !important;
}
.c8y-right-drawer {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  background-color: var(--right-drawer-background-default, var(--navigator-bg-color, var(--c8y-right-drawer-background-default)));
  color: var(--right-drawer-text-color-default, var(--navigator-text-color, var(--c8y-right-drawer-text-color-default)));
  overflow-y: auto;
  padding: 0;
  z-index: 1031;
  display: flex;
  flex-direction: column;
  transform: translate(100%, 0);
  transition: transform 0.4s ease-in-out;
  --sticky-top-margin: 80px;
  --c8y-text-muted: var(--right-drawer-text-muted, var(--c8y-right-drawer-text-muted));
  --c8y-form-label-color: var(--right-drawer-text-color-default, var(--navigator-text-color, var(--c8y-right-drawer-text-color-default)));
  --c8y-component-border-color: var(--right-drawer-separator-color, var(--c8y-right-drawer-separator-color, var(--navigator-separator-color, var(--c8y-root-component-border-color))));
  --link-color: var(--right-drawer-link-color, var(--c8y-right-drawer-link-color, var(--c8y-right-drawer-link-color-default, var(--c8y-root-component-color-link))));
  --c8y-component-color-link-hover: var(--right-drawer-link-color-hover, var(--c8y-right-drawer-link-color-hover, var(--c8y-root-component-color-link-hover)));
}
@media (min-width: 768px) {
  .c8y-right-drawer {
    width: 240px;
    transform: translate(240px, 0);
  }
}
.drawerOpen .c8y-right-drawer {
  transform: translate(0, 0);
  box-shadow: var(--c8y-elevation-md-bottom);
  box-shadow: var(--c8y-elevation-md-right);
}
.c8y-right-drawer .legend,
.c8y-right-drawer .text-muted {
  color: var(--right-drawer-text-muted, var(--c8y-right-drawer-text-muted));
}
.c8y-right-drawer .sticky-top {
  top: var(--sticky-top-margin);
  background-color: var(--right-drawer-background-default, var(--navigator-bg-color, var(--c8y-right-drawer-background-default))) !important;
}
.c8y-right-drawer__header {
  padding: var(--c8y-component-padding, var(--c8y-root-component-padding));
  padding-top: calc(var(--c8y-unit-base) * 3);
  position: sticky;
  top: 0;
  z-index: 11;
  flex-shrink: 0;
  background-color: inherit;
}
.c8y-right-drawer__header .user-dot {
  margin-right: var(--c8y-unit-base);
}
.c8y-right-drawer__header .close {
  margin-top: -16px;
  text-shadow: none;
  color: var(--right-drawer-text-color-default, var(--navigator-text-color, var(--c8y-right-drawer-text-color-default)));
  font-weight: lighter;
  font-size: 20px;
}
.c8y-right-drawer__header .close:hover,
.c8y-right-drawer__header .close:focus {
  opacity: 1;
}
.c8y-right-drawer .c8y-right-drawer__link,
.c8y-right-drawer .c8y-right-drawer__item {
  display: flex;
  align-items: center;
  width: 100%;
  color: inherit;
  text-align: left;
  padding: 6px var(--c8y-component-padding, var(--c8y-root-component-padding));
  background-image: none;
  background-color: transparent;
  border: 0;
}
.c8y-right-drawer .c8y-right-drawer__link.sticky-top,
.c8y-right-drawer .c8y-right-drawer__item.sticky-top {
  background-color: inherit;
}
.c8y-right-drawer .c8y-right-drawer__link [class^='dlt-c8y-icon-'],
.c8y-right-drawer .c8y-right-drawer__item [class^='dlt-c8y-icon-'],
.c8y-right-drawer .c8y-right-drawer__link [class*=' dlt-c8y-icon-'],
.c8y-right-drawer .c8y-right-drawer__item [class*=' dlt-c8y-icon-'],
.c8y-right-drawer .c8y-right-drawer__link .c8y-icon,
.c8y-right-drawer .c8y-right-drawer__item .c8y-icon {
  font-size: 20px;
  margin: 4px 8px 4px 0;
}
.c8y-right-drawer .c8y-right-drawer__link:active {
  background-color: var(--c8y-right-drawer-background-active);
}
.c8y-right-drawer .c8y-right-drawer__link:hover,
.c8y-right-drawer .c8y-right-drawer__link:focus {
  text-decoration: none;
  outline: 2px solid var(--c8y-right-drawer-border-selected);
  outline-offset: -2px;
  color: var(--right-drawer-text-color-default, var(--navigator-text-color, var(--c8y-right-drawer-text-color-default)));
}
.c8y-right-drawer .c8y-right-drawer__link:hover [class^='dlt-c8y-icon-'],
.c8y-right-drawer .c8y-right-drawer__link:focus [class^='dlt-c8y-icon-'],
.c8y-right-drawer .c8y-right-drawer__link:hover [class*=' dlt-c8y-icon-'],
.c8y-right-drawer .c8y-right-drawer__link:focus [class*=' dlt-c8y-icon-'],
.c8y-right-drawer .c8y-right-drawer__link:hover .c8y-icon,
.c8y-right-drawer .c8y-right-drawer__link:focus .c8y-icon {
  color: var(--c8y-right-drawer-border-selected);
}
.c8y-help-drawer {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1029;
  margin: 0;
  padding-top: 48px;
  min-height: calc(var(--c8y-unit-base) * 4);
  max-width: 100vw;
  max-height: calc(100vh - 140px);
  background-color: var(--c8y-helpdrawer-background-default, #132b45);
  color: var(--c8y-component-color-default, var(--c8y-root-component-color-default));
  overflow: auto;
  box-shadow: var(--c8y-elevation-md-bottom);
}
.c8y-help-drawer::-webkit-scrollbar {
  width: 4px;
  /* for vertical scrollbars */
  height: 4px;
  /* for horizontal scrollbars */
}
.c8y-help-drawer::-webkit-scrollbar-track {
  background: transparent;
}
.c8y-help-drawer::-webkit-scrollbar-track:not(textarea) {
  background: var(--c8y-component-scrollbar-track, var(--c8y-root-component-scrollbar-track));
}
.c8y-help-drawer::-webkit-scrollbar-thumb {
  width: 4px;
  border-radius: 1px;
  background: var(--c8y-component-scrollbar-thumb-default, var(--c8y-root-component-scrollbar-thumb-default));
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.c8y-help-drawer:hover::-webkit-scrollbar-thumb {
  background: var(--c8y-component-scrollbar-thumb-hover, var(--c8y-root-component-scrollbar-thumb-hover));
}
.c8y-help-drawer .help-content {
  padding-bottom: var(--c8y-component-padding, var(--c8y-root-component-padding));
  max-width: 130ch;
  columns: auto 55ch;
  orphans: 5;
  widows: 2;
  gap: 32px;
  text-wrap: balance;
}
.c8y-help-drawer .help-content p + p {
  margin-top: var(--c8y-unit-base);
}
@media (min-height: 600px) {
  .c8y-help-drawer-block {
    height: 100%;
  }
}
@media (max-width: 767px) {
  .c8y-help-drawer {
    transition: top 0.5s ease;
  }
  .head-open .c8y-help-drawer {
    top: calc(calc(var(--c8y-unit-base) * 8) + 28);
  }
  .has-tabs .c8y-help-drawer {
    top: 0;
    transition: top 0.35s ease;
  }
  .has-tabs .head-open .c8y-help-drawer {
    top: calc(calc(var(--c8y-unit-base) * 8) * 2 + 12px);
  }
}
@media (min-width: 768px) {
  .c8y-help-drawer {
    top: calc(var(--c8y-unit-base) * 8);
    clip: rect(0, 10000px, 2000px, 0);
  }
  .horizontal-tabs.has-tabs .c8y-help-drawer {
    top: calc(calc(var(--c8y-unit-base) * 8) * 2);
    border-top: 1px solid var(--action-bar-border-color, var(--c8y-action-bar-border-color));
  }
}
@media (min-width: 1200px) {
  .c8y-help-drawer {
    transition: left 0.4s ease-in-out;
  }
  .open .c8y-help-drawer {
    left: 240px;
  }
  .horizontal-tabs.has-tabs .c8y-help-drawer {
    top: calc(calc(var(--c8y-unit-base) * 8) * 2 - calc(var(--c8y-unit-base) * 2));
  }
}
.c8y-help-drawer-block {
  padding: calc(var(--c8y-component-padding, var(--c8y-root-component-padding)) * 1.5) calc(var(--c8y-component-padding, var(--c8y-root-component-padding)) * 2) 0 calc(var(--c8y-component-padding, var(--c8y-root-component-padding)) * 1.5);
}
.c8y-help-drawer-footer {
  position: sticky;
  bottom: 0;
  background: inherit;
  padding: var(--c8y-component-padding, var(--c8y-root-component-padding)) calc(var(--c8y-component-padding, var(--c8y-root-component-padding)) * 2) calc(var(--c8y-component-padding, var(--c8y-root-component-padding)) * 1.5) 84px;
}
.c8y-help-drawer:not(:has(.c8y-help-drawer-footer)) .c8y-help-drawer-block {
  padding-bottom: calc(var(--c8y-component-padding, var(--c8y-root-component-padding)) * 1.5);
}
body:not(:has(.app-main-header)) .c8y-help-drawer {
  top: 0;
}
body:not(:has(.app-main-header)):has(.horizontal-tabs.has-tabs) .c8y-help-drawer {
  top: 48px;
}
.nav-tabs {
  display: flex;
  background-color: var(--c8y-nav-tabs-background-active);
  box-shadow: inset 0 -1px 0 0 var(--c8y-nav-tabs-border-color-default);
  color: var(--c8y-nav-tabs-color-default);
}
.nav-tabs > div,
.nav-tabs li {
  flex: 0 0 auto;
}
.nav-tabs > div > a,
.nav-tabs li > a,
.nav-tabs > div > button:not(.btn-clean),
.nav-tabs li > button:not(.btn-clean) {
  padding: var(--c8y-nav-tabs-padding-vertical) var(--c8y-nav-tabs-padding-horizontal);
  height: calc(var(--c8y-unit-base) * 8);
  border: none;
  background-color: var(--c8y-nav-tabs-background-default);
  color: var(--c8y-nav-tabs-color-default);
  line-height: var(--c8y-line-height-base, 1.42857143);
  display: flex;
  flex-direction: column;
  transition: all 0.15s ease;
  position: relative;
  text-decoration: none;
}
.nav-tabs > div > a .label,
.nav-tabs li > a .label,
.nav-tabs > div > button:not(.btn-clean) .label,
.nav-tabs li > button:not(.btn-clean) .label {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
@media (min-width: 1200px) {
  .nav-tabs > div > a,
  .nav-tabs li > a,
  .nav-tabs > div > button:not(.btn-clean),
  .nav-tabs li > button:not(.btn-clean) {
    flex-direction: row;
    height: calc(var(--c8y-unit-base) * 6);
  }
}
.nav-tabs > div > a > [class^='dlt-c8y-icon-'],
.nav-tabs li > a > [class^='dlt-c8y-icon-'],
.nav-tabs > div > button:not(.btn-clean) > [class^='dlt-c8y-icon-'],
.nav-tabs li > button:not(.btn-clean) > [class^='dlt-c8y-icon-'],
.nav-tabs > div > a > [class*=' dlt-c8y-icon-'],
.nav-tabs li > a > [class*=' dlt-c8y-icon-'],
.nav-tabs > div > button:not(.btn-clean) > [class*=' dlt-c8y-icon-'],
.nav-tabs li > button:not(.btn-clean) > [class*=' dlt-c8y-icon-'],
.nav-tabs > div > a > .c8y-icon,
.nav-tabs li > a > .c8y-icon,
.nav-tabs > div > button:not(.btn-clean) > .c8y-icon,
.nav-tabs li > button:not(.btn-clean) > .c8y-icon {
  display: block;
  margin: 0 auto;
  margin-top: -2px;
  width: 1em;
  height: 18px;
  color: var(--c8y-nav-tabs-icon-color-default);
  font-size: var(--c8y-nav-tabs-icon-size);
}
@media (min-width: 1200px) {
  .nav-tabs > div > a > [class^='dlt-c8y-icon-'],
  .nav-tabs li > a > [class^='dlt-c8y-icon-'],
  .nav-tabs > div > button:not(.btn-clean) > [class^='dlt-c8y-icon-'],
  .nav-tabs li > button:not(.btn-clean) > [class^='dlt-c8y-icon-'],
  .nav-tabs > div > a > [class*=' dlt-c8y-icon-'],
  .nav-tabs li > a > [class*=' dlt-c8y-icon-'],
  .nav-tabs > div > button:not(.btn-clean) > [class*=' dlt-c8y-icon-'],
  .nav-tabs li > button:not(.btn-clean) > [class*=' dlt-c8y-icon-'],
  .nav-tabs > div > a > .c8y-icon,
  .nav-tabs li > a > .c8y-icon,
  .nav-tabs > div > button:not(.btn-clean) > .c8y-icon,
  .nav-tabs li > button:not(.btn-clean) > .c8y-icon {
    display: inline-block;
    margin-top: 0;
    margin-right: var(--c8y-unit-base);
    vertical-align: text-top;
  }
}
.nav-tabs > div > a:hover:not([disabled]),
.nav-tabs li > a:hover:not([disabled]),
.nav-tabs > div > button:not(.btn-clean):hover:not([disabled]),
.nav-tabs li > button:not(.btn-clean):hover:not([disabled]) {
  outline: 2px solid #05d5f5;
  outline-offset: -2px;
  background-color: var(--c8y-nav-tabs-background-hover);
  text-decoration: none;
}
.nav-tabs > div > a:hover:not([disabled]) > [class^='dlt-c8y-icon-'],
.nav-tabs li > a:hover:not([disabled]) > [class^='dlt-c8y-icon-'],
.nav-tabs > div > button:not(.btn-clean):hover:not([disabled]) > [class^='dlt-c8y-icon-'],
.nav-tabs li > button:not(.btn-clean):hover:not([disabled]) > [class^='dlt-c8y-icon-'],
.nav-tabs > div > a:hover:not([disabled]) > [class*=' dlt-c8y-icon-'],
.nav-tabs li > a:hover:not([disabled]) > [class*=' dlt-c8y-icon-'],
.nav-tabs > div > button:not(.btn-clean):hover:not([disabled]) > [class*=' dlt-c8y-icon-'],
.nav-tabs li > button:not(.btn-clean):hover:not([disabled]) > [class*=' dlt-c8y-icon-'],
.nav-tabs > div > a:hover:not([disabled]) > .c8y-icon,
.nav-tabs li > a:hover:not([disabled]) > .c8y-icon,
.nav-tabs > div > button:not(.btn-clean):hover:not([disabled]) > .c8y-icon,
.nav-tabs li > button:not(.btn-clean):hover:not([disabled]) > .c8y-icon {
  color: var(--c8y-nav-tabs-icon-color-hover);
}
.nav-tabs > div > a:focus,
.nav-tabs li > a:focus,
.nav-tabs > div > button:not(.btn-clean):focus,
.nav-tabs li > button:not(.btn-clean):focus {
  outline: 2px solid #05d5f5;
  outline-offset: -2px;
  border-radius: var(--c8y-component-border-radius-focus, var(--c8y-root-component-border-radius-focus)) !important;
}
.nav-tabs > div > a[disabled],
.nav-tabs li > a[disabled],
.nav-tabs > div > button:not(.btn-clean)[disabled],
.nav-tabs li > button:not(.btn-clean)[disabled] {
  opacity: var(--c8y-component-disabled-opacity, var(--c8y-root-component-disabled-opacity)) !important;
  cursor: not-allowed !important;
}
.nav-tabs > div.active > a,
.nav-tabs li.active > a,
.nav-tabs > div.active > button:not([disabled]),
.nav-tabs li.active > button:not([disabled]),
.nav-tabs > div.active > a:hover,
.nav-tabs li.active > a:hover,
.nav-tabs > div.active > button:not([disabled]):hover,
.nav-tabs li.active > button:not([disabled]):hover,
.nav-tabs > div.active > a:focus,
.nav-tabs li.active > a:focus,
.nav-tabs > div.active > button:not([disabled]):focus,
.nav-tabs li.active > button:not([disabled]):focus {
  background-color: var(--c8y-nav-tabs-background-active);
  box-shadow: inset 0 var(--c8y-nav-tabs-border-width-active) 0 0 var(--c8y-nav-tabs-border-color-active), inset 1px 0 0 0 transparent, inset -1px 0 0 0 transparent;
  font-weight: 500;
  cursor: default;
  outline: none;
  border-radius: 0 !important;
  pointer-events: none;
}
.nav-tabs > div.active > a > [class^='dlt-c8y-icon-'],
.nav-tabs li.active > a > [class^='dlt-c8y-icon-'],
.nav-tabs > div.active > button:not([disabled]) > [class^='dlt-c8y-icon-'],
.nav-tabs li.active > button:not([disabled]) > [class^='dlt-c8y-icon-'],
.nav-tabs > div.active > a > [class*=' dlt-c8y-icon-'],
.nav-tabs li.active > a > [class*=' dlt-c8y-icon-'],
.nav-tabs > div.active > button:not([disabled]) > [class*=' dlt-c8y-icon-'],
.nav-tabs li.active > button:not([disabled]) > [class*=' dlt-c8y-icon-'],
.nav-tabs > div.active > a > .c8y-icon,
.nav-tabs li.active > a > .c8y-icon,
.nav-tabs > div.active > button:not([disabled]) > .c8y-icon,
.nav-tabs li.active > button:not([disabled]) > .c8y-icon {
  color: var(--c8y-nav-tabs-icon-color-active);
  opacity: 1;
}
.nav-tabs.nav-justified {
  width: 100%;
}
.nav-tabs.nav-justified > li {
  float: none;
  flex: 1 1 auto;
}
.nav-tabs.nav-justified > li > a {
  text-align: center;
}
.nav-tabs.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  .nav-tabs.nav-justified > li > a {
    margin-bottom: 0;
  }
}
.nav-tabs.nav-justified > li > a {
  margin-right: 0;
  border-radius: var(--c8y-component-border-radius-base, var(--c8y-root-component-border-radius-base));
}
@media (min-width: 768px) {
  .nav-tabs.nav-justified > li > a {
    border-radius: var(--c8y-component-border-radius-base, var(--c8y-root-component-border-radius-base)) var(--c8y-component-border-radius-base, var(--c8y-root-component-border-radius-base)) 0 0;
  }
}
.nav-tabs .dashboard-template-marker {
  position: absolute;
  right: 6px;
  top: 9px;
}
.nav-tabs-justified > li > a {
  margin-right: 0;
  border-radius: var(--c8y-component-border-radius-base, var(--c8y-root-component-border-radius-base));
}
@media (min-width: 768px) {
  .nav-tabs-justified > li > a {
    border-radius: var(--c8y-component-border-radius-base, var(--c8y-root-component-border-radius-base)) var(--c8y-component-border-radius-base, var(--c8y-root-component-border-radius-base)) 0 0;
  }
}
.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}
.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.mobile-tabs {
  margin: 0;
  padding: calc(var(--c8y-unit-base) * 0.5) var(--c8y-unit-base);
  min-height: calc(var(--c8y-unit-base) * 6);
  background-color: #132b45;
  color: var(--c8y-palette-high);
}
.mobile-tabs .c8y-select-wrapper {
  border-color: transparent;
  background-color: transparent;
  color: inherit;
  font-size: 18px;
}
.mobile-tabs .c8y-select-wrapper:after {
  color: inherit;
}
.mobile-tabs .c8y-select-wrapper select {
  height: calc(var(--c8y-unit-base) * 5);
  background-color: transparent;
  box-shadow: none;
  color: inherit;
}
.mobile-tabs .c8y-select-wrapper select option {
  color: var(--gray-text, white);
}
.mobile-tabs .btn-dot {
  color: var(--c8y-palette-high);
}
.nav-tabs-vertical {
  display: block;
  padding-top: calc(var(--c8y-unit-base) * 6);
  width: var(--c8y-nav-tabs-vertical-width);
  border: 0;
  box-shadow: none;
}
.nav-tabs-vertical > div > a,
.nav-tabs-vertical li > a {
  display: flex;
  align-items: center;
  flex-direction: row;
  margin: 0;
  padding: var(--c8y-nav-tabs-vertical-padding-vertical) var(--c8y-nav-tabs-vertical-padding-horizontal);
  height: auto;
  border: 0;
  box-shadow: inset 0 -1px 0 var(--c8y-nav-tabs-border-color-default);
  text-transform: none;
  font-size: inherit;
  transition: all 0.25s ease;
}
.nav-tabs-vertical > div > a [class^='dlt-c8y-icon-'],
.nav-tabs-vertical li > a [class^='dlt-c8y-icon-'],
.nav-tabs-vertical > div > a [class*=' dlt-c8y-icon-'],
.nav-tabs-vertical li > a [class*=' dlt-c8y-icon-'],
.nav-tabs-vertical > div > a .c8y-icon,
.nav-tabs-vertical li > a .c8y-icon {
  margin: 0 var(--c8y-unit-base) 0 0;
  width: 1.25em;
}
.nav-tabs-vertical > div > a [class^='dlt-c8y-icon-'] ~ span,
.nav-tabs-vertical li > a [class^='dlt-c8y-icon-'] ~ span,
.nav-tabs-vertical > div > a [class*=' dlt-c8y-icon-'] ~ span,
.nav-tabs-vertical li > a [class*=' dlt-c8y-icon-'] ~ span,
.nav-tabs-vertical > div > a .c8y-icon ~ span,
.nav-tabs-vertical li > a .c8y-icon ~ span {
  display: inline-block;
  overflow: hidden;
  max-width: 100%;
  vertical-align: middle;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.nav-tabs-vertical > div.active > a,
.nav-tabs-vertical li.active > a,
.nav-tabs-vertical > div.active a:hover,
.nav-tabs-vertical li.active a:hover {
  border-left: 4px solid var(--c8y-nav-tabs-color-active);
  background-color: var(--c8y-nav-tabs-background-active);
  box-shadow: inset 0 -1px 0 var(--c8y-nav-tabs-border-color-default) !important;
  border-radius: 0 !important;
  pointer-events: none;
}
.nav-tabs-vertical > div.active > a::before,
.nav-tabs-vertical li.active > a::before,
.nav-tabs-vertical > div.active a:hover::before,
.nav-tabs-vertical li.active a:hover::before {
  width: 100%;
}
.nav-tabs-vertical > div.active > a::after,
.nav-tabs-vertical li.active > a::after,
.nav-tabs-vertical > div.active a:hover::after,
.nav-tabs-vertical li.active a:hover::after {
  left: 100%;
  height: 100%;
  border-width: calc(calc(var(--c8y-unit-base) * 2) + calc(var(--c8y-unit-base) * 0.5)) 0 calc(calc(var(--c8y-unit-base) * 2) + calc(var(--c8y-unit-base) * 0.5)) var(--c8y-unit-base);
}
.tabs_ctrl + .container-fluid .tab-content-spacer {
  margin: 0 -30px 0;
  padding-bottom: 20px;
  border: 0;
}
c8y-roles-overview > .page-tabs {
  margin-top: -30px;
}
.page-tabs .tab-content {
  padding-top: calc(calc(var(--c8y-unit-base) * 8) + 3);
}
.c8y-nav-stacked {
  position: relative;
  z-index: 10;
  display: block;
  margin-bottom: 0;
  padding-left: 0;
  width: 100%;
  list-style: none;
}
.c8y-nav-stacked .c8y-stacked-item {
  position: relative;
  display: flex;
  float: none;
  align-items: center;
  flex-flow: row nowrap;
  padding: 9px 0 9px 16px;
  width: 100%;
  border: 0;
  background-color: var(--c8y-component-background-expanded, var(--c8y-root-component-background-expanded));
  background-image: none;
  box-shadow: inset 0 -1px 0 transparent;
  cursor: pointer;
  appearance: none;
  transition: all 0.25s ease;
}
.c8y-nav-stacked .c8y-stacked-item:hover:not(.active) {
  background-color: var(--c8y-component-background-active, var(--c8y-root-component-background-active));
  box-shadow: inset 0 0 0 1px var(--c8y-component-color-actions-hover, var(--c8y-root-component-color-actions-hover));
}
.c8y-nav-stacked .c8y-stacked-item:hover:not(.active) .ui-sortable-handle {
  margin-left: -16px;
  width: 30px;
  outline: none;
}
.c8y-nav-stacked .c8y-stacked-item:focus-within,
.c8y-nav-stacked .c8y-stacked-item:focus {
  outline: 2px solid #05d5f5;
  outline-offset: -2px;
  border-radius: var(--c8y-component-border-radius-focus, var(--c8y-root-component-border-radius-focus)) !important;
}
.c8y-nav-stacked .c8y-stacked-item .btn-clean:focus {
  outline: none;
}
.c8y-nav-stacked .c8y-stacked-item.active {
  border-left: 4px solid #05d5f5;
  background-color: #132b45;
}
.c8y-nav-stacked .c8y-stacked-item.active .btn-remove {
  display: none;
}
.c8y-nav-stacked .c8y-stacked-item > .c8y-switch {
  margin: calc(var(--c8y-unit-base) * -1 - 1px) 0 calc(var(--c8y-unit-base) * -1);
}
.c8y-nav-stacked .c8y-stacked-item .msgid {
  display: inline-block;
  min-width: 40px;
}
.c8y-nav-stacked.ui-sortable .c8y-stacked-item {
  max-height: 40px !important;
}
.c8y-nav-stacked.ui-sortable .c8y-stacked-item .ui-sortable-handle {
  overflow: hidden;
  margin-left: 0;
  width: 0;
  text-align: center;
  transition: all 0.25s ease;
}
c8y-rectangle-spinner,
.c8y-rectangle-spinner {
  position: relative;
  display: block;
  padding-top: 45px;
  min-width: 50px;
  min-height: 40px;
  color: #8a9596;
  text-align: center;
  font-size: var(--c8y-font-size-base);
}
c8y-rectangle-spinner .spinner,
.c8y-rectangle-spinner .spinner {
  left: 50%;
  margin-left: -25px;
}
c8y-rectangle-spinner.spinner-xs,
.c8y-rectangle-spinner.spinner-xs {
  padding-top: 35px;
  min-width: 30px;
  min-height: 30px;
}
c8y-rectangle-spinner.spinner-xs .spinner,
.c8y-rectangle-spinner.spinner-xs .spinner {
  margin-left: -15px;
}
c8y-rectangle-spinner.spinner-inline,
.c8y-rectangle-spinner.spinner-inline {
  display: inline-block;
  padding-top: 11px;
  padding-left: 50px;
  vertical-align: middle;
  text-align: left;
}
c8y-rectangle-spinner.spinner-inline .spinner,
.c8y-rectangle-spinner.spinner-inline .spinner {
  left: 0;
  margin-left: 0;
}
c8y-rectangle-spinner.spinner-inline.spinner-xs,
.c8y-rectangle-spinner.spinner-inline.spinner-xs {
  padding-top: 5px;
  padding-left: 35px;
}
.spinner {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0 auto;
  width: 50px;
  height: 40px;
  text-align: center;
  font-size: 10px;
  opacity: 0.5;
}
.spinner.spinner-xs,
.spinner-xs .spinner {
  width: 30px;
  height: 30px;
}
.spinner.spinner-xs > div,
.spinner-xs .spinner > div {
  margin: 0;
  width: 4px;
}
.spinner > div {
  display: inline-block;
  margin-right: 1px;
  width: 6px;
  height: 100%;
  background-color: var(--c8y-component-spinner-color, var(--c8y-root-component-spinner-color));
  animation: stretchdelay 1.2s infinite ease-in-out;
}
.spinner .rect2 {
  animation-delay: -1.1s;
}
.spinner .rect3 {
  animation-delay: -1s;
}
.spinner .rect4 {
  animation-delay: -0.9s;
}
.spinner .rect5 {
  animation-delay: -0.8s;
}
@keyframes stretchdelay {
  0%,
  40%,
  100% {
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }
  20% {
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
  }
}
.spinner-panel-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 100;
  display: flex;
  align-items: center;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.7);
}
.grid-stack-item .spinner-panel-wrapper {
  right: 10px;
  left: 10px;
}
.spinner-panel-wrapper .spinner {
  top: 0;
  left: 50%;
  margin-left: -25px;
}
.spinner-inline-wrapper {
  position: relative;
  display: inline-block;
  width: 60px;
  vertical-align: middle;
}
.spinner-inline-wrapper .spinner {
  transform: translate(0, -50%);
}
.spinner-btn {
  position: relative;
  display: inline-block;
  width: 45px;
  transform: scale(0.5) translateY(-28px);
}
.loading-bar {
  position: relative;
  overflow: visible;
  margin-top: 0;
  height: 0;
}
.loading-bar:before {
  position: absolute;
  left: 0;
  display: none;
  min-width: 32px;
  width: 5%;
  height: 2px;
  background: #05d5f5;
  content: '';
}
.loading-bar.active {
  animation: loading 1.5s ease-in-out alternate infinite;
}
.loading-bar.active::before {
  display: block;
}
@keyframes loading {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(95%);
  }
}
.app-switcher-dropdown {
  position: static;
}
@media (min-width: 768px) {
  .app-switcher-dropdown {
    position: relative;
  }
}
@media (max-width: 768px) {
  .app-switcher-dropdown.open .main-header-button.c8y-dropdown.dropdown-toggle {
    box-shadow: none!important;
  }
}
.app-switcher,
.app-switcher-sagcloud {
  display: flex;
  flex-flow: row wrap;
  margin: 0;
  padding: var(--c8y-unit-base);
  background-color: #132b45;
  cursor: pointer;
}
.app-switcher .appLink,
.app-switcher-sagcloud .appLink {
  flex: 0 1 33.3333%;
  margin: calc(var(--c8y-unit-base) * 0.5) 0;
  padding: calc(var(--c8y-unit-base) + calc(var(--c8y-unit-base) * 0.5)) var(--c8y-unit-base) var(--c8y-unit-base);
  min-width: 30%;
  border: 1px solid transparent;
  border-radius: 2px;
  color: var(--c8y-navbar-color-link);
  text-align: center;
  font-size: 12px;
  transition: transform 0.25s ease-in-out, box-shadow 0.25s ease-in-out;
}
.app-switcher .appLink:hover,
.app-switcher-sagcloud .appLink:hover {
  box-shadow: inset 0 0 0 1px #132b45, inset 0 0 0 2px #132b45;
  text-decoration: none;
}
.app-switcher .appLink.active,
.app-switcher-sagcloud .appLink.active {
  box-shadow: inset 0 0 0 2px #132b45;
  text-decoration: none;
}
.app-switcher .appLink:focus,
.app-switcher-sagcloud .appLink:focus {
  outline: 2px solid #05d5f5;
  outline-offset: -2px;
  border-radius: var(--c8y-component-border-radius-focus, var(--c8y-root-component-border-radius-focus)) !important;
  box-shadow: none;
  text-decoration: none;
}
.app-switcher .appLink > span,
.app-switcher-sagcloud .appLink > span {
  display: block;
  font-size: 12px;
  line-height: 1.2;
}
.app-switcher .appLink .c8y-app-icon,
.app-switcher-sagcloud .appLink .c8y-app-icon {
  display: block;
  width: auto;
}
.app-switcher .appLink .c8y-icon,
.app-switcher-sagcloud .appLink .c8y-icon {
  margin-bottom: 6px;
  font-size: 36px;
}
.app-switcher-sagcloud {
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.05);
}
.dropdown-menu.app-switcher-dropdown-menu {
  left: 50%!important;
  overflow-y: auto;
  margin-left: -160px !important;
  max-height: calc(95vh - calc(var(--c8y-unit-base) * 8));
  width: 320px;
}
@media (min-width: 560px) and (max-width: 768px) {
  .dropdown-menu.app-switcher-dropdown-menu {
    margin-left: -72px !important;
    width: 340px;
  }
}
@media (min-width: 768px) {
  .dropdown-menu.app-switcher-dropdown-menu {
    margin-left: -255px !important;
    width: 340px;
  }
}
.steps-navbar.c8y-wizard-nav {
  padding: 0;
  min-width: 600px;
}
.register-devices .steps-navbar.c8y-wizard-nav {
  min-width: 300px;
}
@media (min-width: 768px) {
  .register-devices .steps-navbar.c8y-wizard-nav {
    min-width: 420px;
  }
}
.steps-navbar .nav-tabs.nav-justified {
  display: flex;
  overflow: hidden;
  flex-flow: row nowrap;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.steps-navbar .nav-tabs.nav-justified > li {
  position: relative;
  display: block;
  flex: 1 1 auto;
  max-width: 50%;
}
.steps-navbar .nav-tabs.nav-justified > li a {
  margin: 0;
  padding: var(--c8y-unit-base) calc(var(--c8y-unit-base) + calc(var(--c8y-unit-base) * 0.5));
  border: 0;
  background-color: #132b45;
  color: var(--c8y-palette-gray-30);
  font-size: 12px;
}
@media (min-width: 768px) {
  .steps-navbar .nav-tabs.nav-justified > li a {
    font-size: inherit;
  }
}
.steps-navbar .nav-tabs.nav-justified > li a:focus {
  outline: none;
  border: 0;
  background-color: inherit;
}
.steps-navbar .nav-tabs.nav-justified > li a:hover {
  border: 0;
  background-color: inherit;
}
.steps-navbar .nav-tabs.nav-justified > li a:before {
  position: absolute;
  top: 0;
  left: 100%;
  z-index: 10;
  margin-left: 1px;
  width: 0;
  height: 0;
  border-width: 18px 0 18px 10px;
  border-style: solid;
  border-color: transparent transparent transparent rgba(0, 0, 0, 0.1);
  content: '';
}
.steps-navbar .nav-tabs.nav-justified > li a:after {
  position: absolute;
  top: 0;
  left: 100%;
  z-index: 10;
  width: 0;
  height: 0;
  border-width: 18px 0 18px 10px;
  border-style: solid;
  border-color: transparent transparent transparent #132b45;
  content: '';
}
.steps-navbar .nav-tabs.nav-justified > li:last-child > a:after,
.steps-navbar .nav-tabs.nav-justified > li:last-child > a:before {
  display: none;
}
.steps-navbar .nav-tabs.nav-justified > li.active > a {
  border: 0;
  background-color: var(--c8y-palette-gray-30);
  color: #132b45;
}
.steps-navbar .nav-tabs.nav-justified > li.active > a:after {
  border-color: transparent transparent transparent var(--c8y-palette-gray-30);
}
.steps-navbar .nav-tabs.nav-justified > li.completed > a {
  border: 0;
  background-color: #41D796;
  color: #132b45;
}
.steps-navbar .nav-tabs.nav-justified > li.completed > a:after {
  border-color: transparent transparent transparent #41D796;
}
.c8y-cookie-banner {
  position: fixed;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1047;
  background-color: rgba(0, 0, 0, 0.8);
  color: white;
}
.cookie-banner-content {
  column-width: 26rem;
}
.cookie-banner-content a {
  color: inherit;
  text-decoration: underline;
}
.cookie-banner-content a:hover {
  color: inherit;
}
c8y-asset-notes {
  position: relative;
  display: block;
  padding: var(--c8y-component-padding, var(--c8y-root-component-padding));
  height: 100%;
}
c8y-asset-notes .asset-notes-icon {
  align-self: flex-start;
  margin-right: 10px;
  font-size: 62px;
}
c8y-asset-notes .asset-notes-content {
  flex: 1 0 200px;
}
c8y-asset-notes .asset-notes-body {
  padding-top: var(--c8y-component-padding, var(--c8y-root-component-padding));
}
.card.card-dashboard > .card-inner-scroll > c8y-ui-component {
  display: block;
  height: 100%;
}
.card.card-dashboard > .card-inner-scroll > c8y-ui-component > c8y-asset-notes {
  display: block;
  height: 100%;
}
c8y-countdown-interval {
  display: contents;
}
@keyframes ellapsed {
  from {
    stroke-dashoffset: 100;
  }
  to {
    stroke-dashoffset: 0;
  }
}
.time-elapsed {
  position: relative;
  line-height: 25px !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  background: #132b45;
  min-width: 30px;
  min-height: 30px;
}
.time-elapsed svg {
  transform: rotate(-90deg);
  max-height: 10rem;
  stroke-dasharray: 100;
  stroke-dashoffset: 0;
  position: absolute;
  inset: 0;
  padding-top: 4px;
  padding-bottom: 4px;
}
.time-elapsed span {
  font-size: var(--c8y-font-size-xs);
  line-height: inherit;
}
.time-on {
  transition: none !important;
  animation-name: ellapsed;
  animation-duration: var(--timescope);
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
.toggle-countdown {
  position: relative;
  margin: 0 !important;
  border: 1px solid var(--c8y-form-control-border-color-default);
  display: flex !important;
  align-items: center;
  justify-content: center;
  min-height: var(--c8y-form-control-height-base);
  min-width: calc(var(--c8y-form-control-height-base) + var(--c8y-unit-base));
  padding: 0 4px;
  background: #132b45;
  cursor: pointer;
  transition: var(--c8y-btn-transition-default);
}
.toggle-countdown .time-elapsed {
  background-color: transparent;
}
.toggle-countdown:hover {
  box-shadow: inset 0 0 0 1px #05d5f5;
}
.toggle-countdown:focus-within {
  border-color: #05d5f5;
  outline: 2px solid #05d5f5;
  outline-offset: -2px;
}
.toggle-countdown input[type='checkbox'] {
  position: absolute;
  z-index: 0;
  opacity: 0;
}
.toggle-countdown-disabled {
  outline: none !important;
  border-color: var(--c8y-form-control-border-color-default) !important;
  box-shadow: none !important;
  cursor: not-allowed !important;
  outline-offset: 0 !important;
}
.toggle-countdown-disabled i {
  opacity: var(--c8y-action-bar-disabled-opacity) !important;
  cursor: not-allowed !important;
}
.input-group:has(.c8y-select-wrapper) .toggle-countdown {
  border-right: 0;
}
.password-strength {
  width: 180px;
  margin-bottom: 20px;
}
.table .password-strength {
  width: 100px;
  margin-left: auto;
  margin-right: auto;
}
.password-strength > div {
  position: relative;
  width: 100%;
  height: 4px;
  overflow: hidden;
  background-color: var(--c8y-palette-gray-90);
}
.password-strength > .password-strength-label {
  float: left;
  color: white;
}
.password-green .password-bar,
.password-yellow .password-bar,
.password-red .password-bar {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}
.password-green .password-bar {
  width: 100%;
  background-color: #41D796;
}
.password-yellow .password-bar {
  width: 50%;
  background-color: var(--palette-status-warning, var(--c8y-palette-status-warning));
}
.password-red .password-bar {
  width: 25%;
  background-color: var(--palette-status-danger, var(--c8y-palette-status-danger));
}
.loading {
  max-width: 320px;
  height: auto;
  min-height: 300px;
  padding: 32px;
  margin: auto;
  border-radius: 2px;
}
@media (min-width: 768px) {
  .loading {
    max-width: 400px;
    margin-top: 50px;
  }
}
.init-load {
  height: 100vh;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 320px;
}
.mainlogo {
  width: 100%;
  height: 110px;
  padding-bottom: 48%;
  margin: 0 auto;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top center;
  display: block;
}
.mainlogo[src] {
  background: none;
  padding-bottom: 0;
}
[datepicker] .btn,
[uib-datepicker] .btn,
[uib-daypicker] .btn,
[datepicker] .btn-default,
[uib-datepicker] .btn-default,
[uib-daypicker] .btn-default {
  border: 0;
  box-shadow: none;
}
[datepicker] table,
[uib-datepicker] table,
[uib-daypicker] table {
  outline: none;
  font-size: var(--c8y-font-size-small);
}
[datepicker] tbody .btn,
[uib-datepicker] tbody .btn,
[uib-daypicker] tbody .btn,
[datepicker] tbody .btn-default,
[uib-datepicker] tbody .btn-default,
[uib-daypicker] tbody .btn-default {
  position: relative;
  border: 1px solid #132b45;
  font-size: inherit;
}
[datepicker] tbody .btn .text-info,
[uib-datepicker] tbody .btn .text-info,
[uib-daypicker] tbody .btn .text-info,
[datepicker] tbody .btn-default .text-info,
[uib-datepicker] tbody .btn-default .text-info,
[uib-daypicker] tbody .btn-default .text-info {
  color: #05d5f5;
  font-weight: bolder;
}
[datepicker] tbody .btn.active,
[uib-datepicker] tbody .btn.active,
[uib-daypicker] tbody .btn.active,
[datepicker] tbody .btn-default.active,
[uib-datepicker] tbody .btn-default.active,
[uib-daypicker] tbody .btn-default.active {
  background-color: #05d5f5;
  color: var(--c8y-palette-high);
}
[datepicker] tbody .btn.active .text-info,
[uib-datepicker] tbody .btn.active .text-info,
[uib-daypicker] tbody .btn.active .text-info,
[datepicker] tbody .btn-default.active .text-info,
[uib-datepicker] tbody .btn-default.active .text-info,
[uib-daypicker] tbody .btn-default.active .text-info {
  color: var(--c8y-palette-high);
}
[datepicker] tbody .btn-sm,
[uib-datepicker] tbody .btn-sm,
[uib-daypicker] tbody .btn-sm {
  padding: 5px 8px;
}
[datepicker] tbody .uib-years .btn-default,
[uib-datepicker] tbody .uib-years .btn-default,
[uib-daypicker] tbody .uib-years .btn-default {
  padding: 5px 13px;
}
.c8y-datetime-picker .form-inline .form-group {
  display: inline-block;
  vertical-align: top;
}
.form-group.datepicker {
  position: relative;
}
.form-group.datepicker .form-control {
  padding-right: 28px !important;
}
.form-group.datepicker::after {
  display: inline-block;
  text-decoration: inherit;
  text-transform: none;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  font-family: 'c8y-glyphs' !important;
  line-height: 1;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  position: absolute;
  top: 50%;
  right: 5px;
  z-index: 2;
  color: #05d5f5;
  content: '\f100';
  font-size: 24px;
  transform: translate(0, -50%);
  pointer-events: none;
}
.form-group.datepicker + .timepicker {
  margin-left: 2px !important;
}
.meausurements2 .timeField .btn {
  padding: 4px;
  height: 24px;
}
.meausurements2 .timeField input {
  border-radius: var(--c8y-component-border-radius-base, var(--c8y-root-component-border-radius-base)) !important;
}
.uib-datepicker-popup.dropdown-menu:focus,
.uib-datepicker-popup.dropdown-menu > *,
.uib-daypicker {
  outline: none;
}
.timepicker input.form-control {
  width: 44px;
}
.form-group-sm .timepicker input.form-control {
  width: 30px;
}
.form-inline .timepicker .form-group {
  margin-right: 0;
}
body > div[uib-datepicker-popup-wrap] .uib-datepicker-popup.dropdown-menu {
  z-index: 1051;
}
body.modal-open > div[uib-datepicker-popup-wrap] .uib-datepicker-popup.dropdown-menu {
  z-index: 1051;
}
.c8y-smart-rest-tab {
  flex: 1 1 100%;
  padding: 20px;
  background-color: #132b45;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  transition: all 0.25s ease-in-out;
}
.c8y-smart-rest-tab .row {
  display: block;
  margin-right: -5px;
  margin-left: -5px;
}
.c8y-smart-rest-tab .row > [class^='col-xs-'],
.c8y-smart-rest-tab .row > [class*=' col-xs'],
.c8y-smart-rest-tab .row > [class^='col-sm-'],
.c8y-smart-rest-tab .row > [class*=' col-sm'],
.c8y-smart-rest-tab .row > [class^='col-md-'],
.c8y-smart-rest-tab .row > [class*=' col-md'],
.c8y-smart-rest-tab .row > [class^='col-lg-'],
.c8y-smart-rest-tab .row > [class*=' col-lg'] {
  padding-right: 5px;
  padding-left: 5px;
}
@media (max-width: 991px) {
  .smart-rest-editor {
    position: relative;
  }
  .smart-rest-editor .col-xs-12 {
    position: static;
  }
  .smart-rest-editor .c8y-smart-rest-tab {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .smart-rest-editor .c8y-smart-rest-tab {
    right: -15px;
    left: -15px;
    padding-right: 30px;
    padding-left: 30px;
    width: auto;
  }
}
.smart-rest-csv-viewer code,
.smart-rest-request-editor code {
  background-color: transparent;
  color: var(--c8y-palette-gray-50);
}
.statusContainer {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  font-size: 14px;
  overflow: hidden;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  border: 0;
  background-image: none;
  background-color: var(--c8y-palette-high);
  padding: 0;
  box-shadow: inset 0 0 0 1px transparent;
}
.statusContainer .sendStatus,
.statusContainer .pushStatus {
  line-height: 0;
  display: block;
}
.statusContainer .sendStatus {
  transform: translate(0, -2px);
}
.statusContainer .pushStatus {
  transform: translate(0, 3px);
}
.statusContainer .statusUnknown {
  color: var(--c8y-palette-gray-40);
}
.statusContainer .maintenanceStatus {
  display: block;
  margin: 0 auto;
  line-height: 1;
}
.status-toggle .c8y-switch + a {
  display: inline-block;
  vertical-align: top;
  line-height: 34px;
}
.c8y-data-explorer {
  background-color: inherit;
  color: inherit;
  margin-top: 10px;
}
c8y-chart {
  z-index: 10;
}
.chart-container,
.c8y-timelines-chart {
  fill: currentColor;
}
.top-chart-bar {
  justify-content: space-between;
  margin: 2px 0 0;
  position: relative;
  z-index: 2;
  align-items: center;
}
.top-chart-bar + hr {
  margin: 9px calc(var(--c8y-component-padding, var(--c8y-root-component-padding)) * -1);
}
.no-card-context .top-chart-bar + hr {
  margin-left: 0;
  margin-right: 0;
}
.top-chart-bar + hr + .chart-container {
  top: 100px !important;
}
@media (min-width: 768px) {
  .top-chart-bar + hr + .chart-container {
    top: 75px !important;
  }
}
@media (min-width: 992px) {
  .top-chart-bar + hr + .chart-container {
    top: 30px !important;
  }
}
.top-chart-bar .measurement-icon-bar-wrapper {
  flex: 1 0 80px;
}
.top-chart-bar c8y-item-selector {
  display: none;
  max-width: 170px;
}
@media (min-width: 992px) {
  .top-chart-bar c8y-item-selector {
    max-width: 240px;
  }
}
.top-chart-bar c8y-item-selector .c8y-child-assets-selector > .btn {
  background-size: var(--c8y-font-size-small);
  padding-right: 24px !important;
  background-position: right 6px top 6px;
}
.top-chart-bar c8y-item-selector .c8y-child-assets-selector > .btn:not(.c8y-radio):not(.c8y-checkbox) {
  padding: calc(var(--c8y-form-control-padding-base-vertical) * 0.75) calc(var(--c8y-form-control-padding-base-horizontal) * 0.75);
  height: var(--c8y-form-control-height-sm) !important;
  font-size: var(--c8y-font-size-small);
  line-height: var(--c8y-line-height-small);
}
.top-chart-bar.has-data-selector c8y-item-selector {
  display: block;
}
.c8yGraphFill {
  min-height: 540px;
}
@media screen and (min-width: 1200px) {
  .c8yGraphFill {
    min-height: unset;
  }
}
.card-dashboard .top-chart-bar {
  margin: 0;
}
.card-dashboard c8y-measurements-icon-bar {
  width: 100%;
}
.card-dashboard .top-chart-bar {
  padding-left: var(--c8y-component-padding, var(--c8y-root-component-padding));
  padding-right: var(--c8y-component-padding, var(--c8y-root-component-padding));
}
.card-dashboard .top-chart-bar + hr {
  display: none;
}
.card-dashboard .top-chart-bar c8y-item-selector {
  max-width: 170px;
}
.has-aggregation .measurement-icon-bar .c8y-realtime {
  display: none;
}
.c8y-timelines-chart svg,
.chart-container svg {
  padding: 0;
}
.c8y-timelines-chart .strictValue rect,
.chart-container .strictValue rect {
  fill: var(--c8y-tooltip-background-default);
}
.c8y-timelines-chart .strictValue rect + text,
.chart-container .strictValue rect + text {
  fill: var(--c8y-tooltip-color-default);
}
.measurements-tab .fragment-chart .realtime-form {
  text-align: right;
}
@media (min-width: 768px) {
  .measurements-tab .fragment-chart .realtime-form {
    position: absolute;
    top: 10px;
    right: var(--c8y-component-padding, var(--c8y-root-component-padding));
  }
  .measurements-tab .fragment-chart .top-chart-bar + hr {
    display: none;
  }
}
.tab-pane .realtime-form {
  float: right;
}
.c8y-chart-hover-box {
  position: absolute;
  display: inline-block;
  background-color: #0e5769;
  padding: 10px;
  top: 0;
  z-index: 1100;
  pointer-events: none;
  box-shadow: var(--c8y-elevation-md-bottom);
  box-shadow: var(--c8y-elevation-md-right);
}
.c8y-chart-hover-box .dlt-c8y-icon-circle {
  font-size: 10px;
}
.c8y-chart-hover-box .label {
  padding: 0 5px 0 0;
  color: var(--c8y-popover-label-color);
  margin: 0;
  font-weight: bold;
  font-size: 100%;
}
.c8y-chart-hover-box .value {
  color: var(--c8y-popover-color-default);
}
.c8y-chart-hover-box .value-holder {
  font-size: 12px;
  margin-top: 3px;
  line-height: 10px;
}
.c8y-chart-hover-box .time-holder {
  color: #8a9596;
  font-size: 10px;
}
.c8y-chart .clock {
  color: var(--c8y-component-form-legend-color, var(--c8y-root-component-form-legend-color));
  font-size: 12px;
}
.c8y-chart .axis line,
.c8y-chart .axis path {
  stroke: var(--c8y-component-color-default, var(--c8y-root-component-color-default));
}
.truncated,
.chart-help,
.chart-loading {
  position: absolute;
  bottom: 3px;
  left: 15px;
  right: 7px;
  font-size: 12px;
}
.chart-loading {
  left: 17px;
  bottom: 5px;
}
.chart-help,
.chart-loading {
  color: var(--c8y-component-color-default, var(--c8y-root-component-color-default));
}
.chart-help,
.truncated {
  left: 56px;
}
.meausurements2 c8y-measurements-icon-bar {
  display: block;
  padding-top: 5px;
  color: var(--c8y-component-color-default, var(--c8y-root-component-color-default));
}
.meausurements2 .measurement-icon-bar {
  padding-left: 10px;
  position: relative;
  z-index: 120;
}
.meausurements2 .measurement-icon {
  padding: 3px;
  margin: 1px;
  position: static;
  font-size: 12px;
  background: none;
}
.meausurements2 .timeField input {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.meausurements2 .timeField table {
  margin-top: -24px;
}
.meausurements2 .timeField .btn {
  height: 24px;
}
.meausurements2 .timeField .btn-link {
  color: white !important;
}
.meausurements2 .timeField tr:hover td {
  background: transparent;
}
.meausurements2 .timeField tr:nth-child(3) a {
  position: relative;
  top: -3px;
}
.meausurements2 .measurements-time-control {
  position: absolute;
  bottom: 1px;
  right: 5px;
  left: 5px;
  z-index: 100;
  min-width: 404px;
}
.meausurements2 .top-controls {
  position: relative;
  z-index: 100;
  margin-bottom: 10px;
}
@media (max-width: 768px) {
  .meausurements2 .measurements-date-from,
  .meausurements2 .measurements-date-to,
  .meausurements2 .top-controls {
    position: absolute;
    transform: scale(0.8);
  }
  .meausurements2 .measurements-date-from,
  .meausurements2 .measurements-date-to {
    bottom: 0;
  }
  .meausurements2 .measurements-date-from {
    left: -35px;
  }
  .meausurements2 .measurements-date-to {
    right: -35px;
  }
  .meausurements2 .top-controls {
    top: 0;
    right: -35px;
  }
}
c8y-measurements-icon-bar {
  display: flex;
  align-items: center;
  min-height: 28px;
}
.measurements-time-control:before,
.c8y-datetime-picker:before,
.measurements-time-control:after,
.c8y-datetime-picker:after {
  display: table;
  content: ' ';
}
.measurements-time-control:after,
.c8y-datetime-picker:after {
  clear: both;
}
.measurements-time-control:before,
.c8y-datetime-picker:before,
.measurements-time-control:after,
.c8y-datetime-picker:after {
  display: table;
  content: ' ';
}
.measurements-time-control:after,
.c8y-datetime-picker:after {
  clear: both;
}
.measurements-time-control .form-group,
.c8y-datetime-picker .form-group {
  margin: 0;
  padding: 0;
  height: auto;
}
.measurements-time-control .form-group.input-sm,
.c8y-datetime-picker .form-group.input-sm {
  padding: 0;
}
.measurements-time-control .form-group.input-sm input .uib-time .form-control,
.c8y-datetime-picker .form-group.input-sm input .uib-time .form-control {
  padding: 5px !important;
  width: 30px;
}
.measurements-time-control .form-group.input-sm input .uib-time .form-control:not(.c8y-radio):not(.c8y-checkbox),
.c8y-datetime-picker .form-group.input-sm input .uib-time .form-control:not(.c8y-radio):not(.c8y-checkbox) {
  padding: calc(var(--c8y-form-control-padding-base-vertical) * 0.75) calc(var(--c8y-form-control-padding-base-horizontal) * 0.75);
  height: var(--c8y-form-control-height-sm) !important;
  font-size: var(--c8y-font-size-small);
  line-height: var(--c8y-line-height-small);
}
.measurements-time-control .uib-time .form-control,
.c8y-datetime-picker .uib-time .form-control {
  width: 50px;
}
.measurements-time-control .input-sm .uib-time .form-control,
.c8y-datetime-picker .input-sm .uib-time .form-control {
  padding: 5px !important;
  width: 30px;
}
.measurements-time-control .input-sm .uib-time .form-control:not(.c8y-radio):not(.c8y-checkbox),
.c8y-datetime-picker .input-sm .uib-time .form-control:not(.c8y-radio):not(.c8y-checkbox) {
  padding: calc(var(--c8y-form-control-padding-base-vertical) * 0.75) calc(var(--c8y-form-control-padding-base-horizontal) * 0.75);
  height: var(--c8y-form-control-height-sm) !important;
  font-size: var(--c8y-font-size-small);
  line-height: var(--c8y-line-height-small);
}
.measurements-time-control .measurements-date-to,
.c8y-datetime-picker .measurements-date-to {
  margin-left: 10px;
}
@media (max-width: 550px) {
  .measurements-time-control,
  .c8y-datetime-picker {
    width: 100%;
  }
  .measurements-time-control .measurements-date-from,
  .c8y-datetime-picker .measurements-date-from,
  .measurements-time-control .measurements-date-to,
  .c8y-datetime-picker .measurements-date-to {
    display: flex;
    align-items: center;
    flex-flow: row wrap;
    width: 100%;
  }
  .measurements-time-control .measurements-date-from .date-time-picker,
  .c8y-datetime-picker .measurements-date-from .date-time-picker,
  .measurements-time-control .measurements-date-to .date-time-picker,
  .c8y-datetime-picker .measurements-date-to .date-time-picker {
    margin-left: auto;
  }
  .measurements-time-control .measurements-date-to,
  .c8y-datetime-picker .measurements-date-to {
    margin-top: 5px;
  }
}
.measurements-time-control {
  display: flex;
  align-items: center;
  flex-flow: row wrap;
}
.measurements-time-control .measurements-date-from,
.measurements-time-control .measurements-date-to {
  display: flex;
  align-items: center;
  flex-flow: row wrap;
}
.measurements-time-control .measurements-date-from .date-time-picker,
.measurements-time-control .measurements-date-to .date-time-picker {
  margin-left: auto;
}
.measurements-time-control .measurements-date-from .uib-datepicker-popup,
.measurements-time-control .measurements-date-to .uib-datepicker-popup {
  z-index: 1036;
}
.card-dashboard .measurements-time-control {
  width: 100%;
}
.card-dashboard .measurements-time-control .measurements-date-from,
.card-dashboard .measurements-time-control .measurements-date-to {
  padding-top: calc(var(--c8y-unit-base) * 0.5);
}
.card-dashboard .measurements-time-control .measurements-date-to {
  margin-left: auto;
}
[data-gs-width] .card-dashboard .measurements-time-control .measurements-date-from,
[data-gs-width] .card-dashboard .measurements-time-control .measurements-date-to {
  width: 100%;
}
[data-gs-width] .card-dashboard .top-chart-bar.showtime + hr + .chart-container {
  top: 100px !important;
}
@media (min-width: 460px) and (max-width: 768px) {
  [data-gs-width] .card-dashboard .measurements-time-control .measurements-date-from,
  [data-gs-width] .card-dashboard .measurements-time-control .measurements-date-to {
    width: auto;
  }
  [data-gs-width] .card-dashboard .top-chart-bar.showtime + hr + .chart-container {
    top: 65px !important;
  }
}
@media (min-width: 768px) {
  [data-gs-width] .card-dashboard .measurements-time-control .measurements-date-from,
  [data-gs-width] .card-dashboard .measurements-time-control .measurements-date-to {
    width: 100%;
  }
  [data-gs-width] .card-dashboard .top-chart-bar.showtime + hr + .chart-container {
    top: 100px !important;
  }
  [data-gs-width='12'] .card-dashboard .measurements-time-control .measurements-date-from,
  [data-gs-width='11'] .card-dashboard .measurements-time-control .measurements-date-from,
  [data-gs-width='10'] .card-dashboard .measurements-time-control .measurements-date-from,
  [data-gs-width='9'] .card-dashboard .measurements-time-control .measurements-date-from,
  [data-gs-width='8'] .card-dashboard .measurements-time-control .measurements-date-from,
  [data-gs-width='7'] .card-dashboard .measurements-time-control .measurements-date-from,
  [data-gs-width='12'] .card-dashboard .measurements-time-control .measurements-date-to,
  [data-gs-width='11'] .card-dashboard .measurements-time-control .measurements-date-to,
  [data-gs-width='10'] .card-dashboard .measurements-time-control .measurements-date-to,
  [data-gs-width='9'] .card-dashboard .measurements-time-control .measurements-date-to,
  [data-gs-width='8'] .card-dashboard .measurements-time-control .measurements-date-to,
  [data-gs-width='7'] .card-dashboard .measurements-time-control .measurements-date-to {
    width: auto;
  }
  [data-gs-width='12'] .card-dashboard .top-chart-bar.showtime + hr + .chart-container,
  [data-gs-width='11'] .card-dashboard .top-chart-bar.showtime + hr + .chart-container,
  [data-gs-width='10'] .card-dashboard .top-chart-bar.showtime + hr + .chart-container,
  [data-gs-width='9'] .card-dashboard .top-chart-bar.showtime + hr + .chart-container,
  [data-gs-width='8'] .card-dashboard .top-chart-bar.showtime + hr + .chart-container,
  [data-gs-width='7'] .card-dashboard .top-chart-bar.showtime + hr + .chart-container {
    top: 65px !important;
  }
}
@media (min-width: 992px) {
  [data-gs-width='6'] .card-dashboard .measurements-time-control .measurements-date-from,
  [data-gs-width='6'] .card-dashboard .measurements-time-control .measurements-date-to {
    width: auto;
  }
  [data-gs-width='6'] .card-dashboard .top-chart-bar.showtime + hr + .chart-container {
    top: 65px !important;
  }
}
@media (min-width: 1200px) and (max-width: 1350px) {
  [data-gs-width='5'] .card-dashboard .measurements-time-control .measurements-date-from,
  [data-gs-width='5'] .card-dashboard .measurements-time-control .measurements-date-to {
    width: auto;
  }
  [data-gs-width='5'] .card-dashboard .top-chart-bar.showtime + hr + .chart-container {
    top: 65px !important;
  }
  .open [data-gs-width='5'] .card-dashboard .measurements-time-control .measurements-date-from,
  .open [data-gs-width='5'] .card-dashboard .measurements-time-control .measurements-date-to {
    width: 100%;
  }
  .open [data-gs-width='5'] .card-dashboard .top-chart-bar.showtime + hr + .chart-container {
    top: 100px !important;
  }
}
@media (min-width: 1351px) {
  [data-gs-width='4'] .card-dashboard .measurements-time-control .measurements-date-from,
  [data-gs-width='5'] .card-dashboard .measurements-time-control .measurements-date-from,
  [data-gs-width='4'] .card-dashboard .measurements-time-control .measurements-date-to,
  [data-gs-width='5'] .card-dashboard .measurements-time-control .measurements-date-to {
    width: auto;
  }
  [data-gs-width='4'] .card-dashboard .top-chart-bar.showtime + hr + .chart-container,
  [data-gs-width='5'] .card-dashboard .top-chart-bar.showtime + hr + .chart-container {
    top: 65px !important;
  }
  .open [data-gs-width='4'] .card-dashboard .measurements-time-control .measurements-date-from,
  .open [data-gs-width='4'] .card-dashboard .measurements-time-control .measurements-date-to {
    width: 100%;
  }
  .open [data-gs-width='4'] .card-dashboard .top-chart-bar.showtime + hr + .chart-container {
    top: 100px !important;
  }
}
@media (min-width: 1620px) {
  [data-gs-width='4'] .card-dashboard .measurements-time-control .measurements-date-from,
  .open [data-gs-width='4'] .card-dashboard .measurements-time-control .measurements-date-from,
  [data-gs-width='4'] .card-dashboard .measurements-time-control .measurements-date-to,
  .open [data-gs-width='4'] .card-dashboard .measurements-time-control .measurements-date-to {
    width: auto;
  }
  [data-gs-width='4'] .card-dashboard .top-chart-bar.showtime + hr + .chart-container,
  .open [data-gs-width='4'] .card-dashboard .top-chart-bar.showtime + hr + .chart-container {
    top: 65px !important;
  }
}
.smart-rule-list-card .card-header .card-title {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  min-height: 40px;
}
.smart-rule-list-card .card-actions .btn-collapse {
  display: none;
}
.smart-rule-list-card .card-block {
  display: flex;
  overflow: visible;
  flex-flow: column wrap;
  padding-top: 0;
}
.smart-rule-list-card .card-back .card-header-actions {
  display: none;
  background-color: var(--brand-dark, var(--c8y-brand-dark));
  color: #132b45;
}
.smart-rule-list-card .card-back .card-header-actions .smart-list-icon-label > i {
  color: #132b45;
}
.smart-rule-list-card .smart-rule-description {
  order: 2;
  text-align: center;
  line-height: 1;
}
.smart-rule-list-card .smart-rule-description .smart-rule-name {
  display: none;
}
.smart-rule-list-card .smart-rule-state {
  order: 10;
  padding: 20px 0 10px 0;
  width: auto;
}
.smart-rule-list-card .smart-rule-state .list-icon {
  display: none;
}
.smart-rule-list-card .smart-rule-state [class^='dlt-c8y-icon-'],
.smart-rule-list-card .smart-rule-state [class*=' dlt-c8y-icon-'] {
  font-size: 20px;
}
.smart-rule-list-card .smart-rule-state .card-icon i {
  vertical-align: bottom;
}
.smart-rule-list-card .smart-rule-state .card-icon span {
  vertical-align: middle;
}
.smart-rule-list-card .smart-rule-group-switch {
  order: 3;
  padding: 24px 0 8px;
}
.smart-rule-list-card .smart-rule-group-switch > .c8y-switch {
  display: none;
}
.smart-rule-list-card .smart-rule-children {
  order: 9;
  width: 100%;
}
.smart-rule-list-card .smart-rule-children .c8y-child-assets-selector .dropdown-menu.multiselect-container {
  width: 100%;
}
.smart-rule-list-card .card-actions-group {
  position: static;
}
@media (max-width: 767px) {
  .smart-rule-list-card {
    margin-bottom: var(--c8y-unit-base) !important;
  }
  .smart-rule-list-card .card-back .card-header-actions {
    display: flex;
  }
  .smart-rule-list-card .card-back .card-header-actions + .card-inner-scroll:before {
    display: block;
  }
  .smart-rule-list-card .card-header {
    display: block;
    margin: 0 40px !important;
  }
  .smart-rule-list-card .card-actions {
    position: absolute !important;
    top: 0;
    right: 0;
    width: auto;
  }
  .smart-rule-list-card .card-back.collapse {
    height: auto !important;
  }
  .smart-rule-list-card .smart-rule-details {
    height: calc(100% - 88px);
  }
  .smart-rule-list-card .smart-rule-details .row {
    margin: 0;
  }
  .smart-rule-list-card .smart-rule-details .col-sm-3,
  .smart-rule-list-card .smart-rule-details .col-sm-9 {
    padding: 0 var(--c8y-unit-base);
    width: 100%;
  }
}
.interact-grid .smart-rule-list-card .card-header-actions {
  display: flex;
}
.interact-grid .smart-rule-list-card .card-header-actions + .card-inner-scroll:before {
  display: block;
}
.interact-grid .smart-rule-list-card .collapse {
  height: auto !important;
}
.interact-grid .smart-rule-list-card .smart-rule-details {
  height: calc(100% - 88px);
}
.interact-grid .smart-rule-list-card .smart-rule-details .row {
  margin: 0;
}
.interact-grid .smart-rule-list-card .smart-rule-details .col-sm-3,
.interact-grid .smart-rule-list-card .smart-rule-details .col-sm-9 {
  padding: 0 var(--c8y-component-padding, var(--c8y-root-component-padding));
  width: 100%;
}
.interact-grid .smart-rule-list-card .smart-rule-details .audit-list {
  margin: 0 calc(var(--c8y-component-padding, var(--c8y-root-component-padding)) * -1);
}
.interact-grid .smart-rule-list-card .smart-rule-details .audit-list .table tr td:first-child,
.interact-grid .smart-rule-list-card .smart-rule-details .audit-list .table tr th:first-child {
  padding-left: var(--c8y-component-padding, var(--c8y-root-component-padding));
}
.interact-grid .smart-rule-list-card .smart-rule-details .audit-list .table tr td:last-child,
.interact-grid .smart-rule-list-card .smart-rule-details .audit-list .table tr th:last-child {
  padding-right: var(--c8y-component-padding, var(--c8y-root-component-padding));
}
.interact-grid .smart-rule-list-card .card-actions.collapsible {
  width: 40px;
}
.interact-grid .smart-rule-list-card .card-actions.collapsible + .card-header {
  display: block;
  margin: 0 40px;
}
@media (min-width: 768px) {
  .interact-list .smart-rule-list-card {
    padding-right: var(--c8y-unit-base);
    background-color: #132b45;
    box-shadow: inset 0 -1px 0 transparent;
  }
  .interact-list .smart-rule-list-card.active {
    background-color: var(--c8y-component-background-expanded, var(--c8y-root-component-background-expanded));
  }
  .interact-list .smart-rule-list-card .card-header,
  .interact-list .smart-rule-list-card .card-actions-group {
    display: none;
  }
  .interact-list .smart-rule-list-card .card-header-actions + .card-inner-scroll:before {
    display: none;
  }
  .interact-list .smart-rule-list-card .smart-rule-state {
    order: 0;
    padding: 0;
    min-width: 60px;
  }
  .interact-list .smart-rule-list-card .smart-rule-state .list-icon {
    display: block;
  }
  .interact-list .smart-rule-list-card .smart-rule-state .card-icon {
    display: none;
  }
  .interact-list .smart-rule-list-card .smart-rule-state .card-icon i {
    vertical-align: bottom;
  }
  .interact-list .smart-rule-list-card .smart-rule-state .card-icon span {
    vertical-align: middle;
  }
  .interact-list .smart-rule-list-card .card-front,
  .interact-list .smart-rule-list-card .card-back {
    margin-bottom: 0;
    background-color: transparent;
    box-shadow: none;
  }
  .interact-list .smart-rule-list-card .card-block {
    display: flex;
    flex-flow: row nowrap;
    padding: 0;
    min-height: calc(var(--c8y-unit-base) * 3 - 1);
  }
  .interact-list .smart-rule-list-card .card-block > .smart-rule-name {
    display: none;
  }
  .interact-list .smart-rule-list-card .smart-rule-group-switch {
    display: flex;
    align-items: center;
    flex: 0 0 4%;
    order: 0;
    padding: 0 10px;
    min-width: 65px;
  }
  .interact-list .smart-rule-list-card .smart-rule-group-switch .c8y-btn-checkbox {
    display: none;
  }
  .interact-list .smart-rule-list-card .smart-rule-group-switch .c8y-switch {
    display: block;
  }
  .interact-list .smart-rule-list-card .smart-rule-children {
    position: relative;
    flex: 0 0 175px;
    order: 1;
    padding: 0 4px 0 4px;
  }
  .interact-list .smart-rule-list-card .smart-rule-children .icon-spin {
    position: absolute;
    top: 14px;
    left: 50%;
    margin-left: -14px;
  }
  .interact-list .smart-rule-list-card .smart-rule-children > label {
    display: none;
  }
  .interact-list .smart-rule-list-card .smart-rule-children .c8y-child-assets-selector .dropdown-menu.multiselect-container {
    min-width: 240px;
  }
  .interact-list .smart-rule-list-card .smart-list-icon-label {
    order: 2;
    margin: 0 var(--c8y-unit-base);
  }
  .interact-list .smart-rule-list-card .smart-rule-description {
    order: 3;
    text-align: left;
  }
  .interact-list .smart-rule-list-card .smart-rule-description .smart-rule-name {
    display: block;
  }
  .interact-list .smart-rule-list-card .card-actions {
    top: 10px;
  }
  .interact-list .smart-rule-list-card .card-actions .btn-collapse {
    display: block;
  }
  .interact-list .smart-rule-list-card .card-back {
    position: static;
    display: inherit;
    overflow: hidden;
    transform: none;
  }
  .interact-list .smart-rule-list-card .card-back .smart-rule-details {
    overflow-y: visible;
    padding: 0 15px;
    max-height: none;
    background-color: transparent;
  }
  .interact-list .smart-rules-list-head {
    display: flex;
  }
}
.smart-rules-list-head {
  display: none;
  flex-flow: row wrap;
  margin: 0 calc(calc(var(--c8y-unit-base) * 3) * 0.5);
  padding: 3px 0;
  width: 100%;
}
.smart-rules-list-head > label {
  padding-left: var(--c8y-unit-base);
}
.smart-rules-list-head .smart-rule-group {
  flex: 0 0 4%;
  min-width: 63px;
}
.smart-rules-list-head .smart-rule-children {
  flex: 0 0 10%;
  min-width: 187px;
}
.smart-rules-list-head .smart-rule-description {
  flex: 0 0 auto;
  max-width: calc(75% - 95px);
}
input[type='range'] {
  margin: 0;
  width: 100%;
  height: 8px;
  border-radius: 4px;
  box-shadow: inset 0 0 0 1px var(--c8y-form-control-border-color-default);
  appearance: none;
  align-self: center;
}
input[type='range']::-moz-focus-outer {
  border: 0;
}
input[type='range']:focus,
input[type='range']:focus-visible {
  outline: none;
}
input[type='range']::-webkit-slider-runnable-track {
  width: 100%;
  height: 8px;
  border-radius: 4px;
  box-shadow: inset 0 0 0 1px var(--c8y-form-control-border-color-default);
  cursor: pointer;
  border: 0;
  background: linear-gradient(90deg, #05d5f5 var(--track-width, 0), #132b45 var(--track-width, 0));
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
input[type='range']::-webkit-slider-thumb {
  margin-top: -9px;
  width: 24px;
  height: 24px;
  border: 0;
  border-radius: 24px;
  background: #132b45;
  box-shadow: inset 0 0 0 1px var(--c8y-form-control-border-color-default), 1px 1px 1px rgba(0, 0, 0, 0.1), 0 0 1px rgba(13, 13, 13, 0.1);
  cursor: pointer;
  -webkit-appearance: none;
}
.range-wrap.inline input[type='range']::-webkit-slider-thumb {
  opacity: 0;
}
input[type='range']:focus::-webkit-slider-thumb {
  box-shadow: inset 0 0 0 2px #05d5f5;
}
input[type='range']::-moz-range-track {
  width: 100%;
  height: 8px;
  border-radius: 4px;
  box-shadow: inset 0 0 0 1px var(--c8y-form-control-border-color-default);
  cursor: pointer;
  border: 0;
  background: linear-gradient(90deg, #05d5f5 var(--track-width, 0), #132b45 var(--track-width, 0));
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
input[type='range']::-moz-range-thumb {
  width: 24px;
  height: 24px;
  border: 0;
  border-radius: 24px;
  background: #132b45;
  box-shadow: inset 0 0 0 1px var(--c8y-form-control-border-color-default), 1px 1px 1px rgba(0, 0, 0, 0.1), 0 0 1px rgba(13, 13, 13, 0.1);
  cursor: pointer;
}
.range-wrap.inline input[type='range']::-moz-range-thumb {
  opacity: 0;
}
input[type='range']:focus::-moz-range-thumb {
  box-shadow: inset 0 0 0 2px #05d5f5;
}
input[type='range']::-ms-track {
  width: 100%;
  height: 8px;
  border-radius: 4px;
  box-shadow: inset 0 0 0 1px var(--c8y-form-control-border-color-default);
  cursor: pointer;
  border-width: 24px 0;
  border-color: transparent;
  background: transparent;
  color: transparent;
}
input[type='range']::-ms-fill-lower {
  border: 0;
  border-radius: 8px;
  background: #05d5f5;
  box-shadow: inset 0 1px 2px transparent;
}
input[type='range']::-ms-fill-upper {
  border: 1px solid transparent;
  border-radius: 8px;
  background: var(--c8y-form-control-background-default);
  box-shadow: inset 0 1px 2px transparent;
}
input[type='range']::-ms-thumb {
  width: 24px;
  height: 24px;
  border: 0;
  border-radius: 24px;
  background: #132b45;
  box-shadow: inset 0 0 0 1px var(--c8y-form-control-border-color-default), 1px 1px 1px rgba(0, 0, 0, 0.1), 0 0 1px rgba(13, 13, 13, 0.1);
  cursor: pointer;
}
.range-wrap.inline input[type='range']::-ms-thumb {
  opacity: 0;
}
input[type='range'][disabled] {
  opacity: 0.5;
  cursor: not-allowed !important;
}
.range-wrap {
  position: relative;
  height: var(--c8y-form-control-height-base);
  display: flex;
  align-items: center;
}
.form-group-sm .range-wrap {
  height: var(--c8y-form-control-height-sm);
}
.range-wrap.start,
.range-wrap.end {
  display: flex;
  flex-direction: row;
  gap: var(--c8y-unit-base);
}
.range-wrap.inline:has(input[type='range']:focus) .range-value > span {
  outline: 2px solid #05d5f5;
  outline-offset: -2px;
  border-radius: var(--c8y-component-border-radius-focus, var(--c8y-root-component-border-radius-focus)) !important;
}
.range-wrap input[type='range'] {
  width: 100%;
}
.range-value {
  position: absolute;
  height: calc(var(--c8y-unit-base) * 3);
  top: 0;
  transform: translateY(-19px);
}
.range-wrap.inline .range-value {
  top: 50%;
  transform: translateY(calc(-50% + -1px));
}
.range-wrap:not(.start):not(.end) .range-value > span,
.range-wrap:not(.start):not(.end) .range-value > div {
  position: absolute;
  left: 50%;
  display: block;
  padding: 0 8px;
  width: auto;
  height: calc(var(--c8y-unit-base) * 3);
  border: 1px solid #0e5769;
  border-radius: 4px;
  background: #132b45;
  text-align: center;
  white-space: nowrap;
  font-size: var(--c8y-font-size-small);
  line-height: 23px;
  transform: translate(-50%, 0);
  box-shadow: var(--c8y-elevation-sm);
  pointer-events: none;
}
.range-wrap.start .range-value,
.range-wrap.end .range-value {
  position: static;
  flex-shrink: 0;
  height: auto;
  transform: none;
}
.range-wrap.start .range-value > span:after,
.range-wrap.end .range-value > span:after,
.range-wrap.start .range-value > span:before,
.range-wrap.end .range-value > span:before {
  display: none;
}
.range-wrap.start .range-value {
  order: 0;
}
.range-wrap.end .range-value {
  order: 10;
}
.range-value > span:after,
.range-value > span:before {
  position: absolute;
  top: 100%;
  left: 50%;
  margin-top: -1px;
  width: 0;
  height: 0;
  border-top: 6px solid #132b45;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  content: '';
  transform: translateX(-50%);
}
.range-wrap.inline .range-value > span:after,
.range-wrap.inline .range-value > span:before {
  display: none;
}
.range-value > span:before {
  margin-top: 0;
  border-top: 6px solid #0e5769;
}
.c8y-empty-state {
  margin: 0 auto;
  max-width: 600px;
  width: 100%;
  color: #8a9596;
  text-align: center;
}
.c8y-empty-state > .c8y-icon,
.c8y-empty-state > [class^='dlt-c8y-icon-'],
.c8y-empty-state > [class*=' dlt-c8y-icon-'] {
  margin-bottom: var(--c8y-unit-base);
  color: #8a9596;
  font-size: 90px;
  opacity: 0.6;
}
.dashboard.dashboard-theme-dark .c8y-empty-state > .c8y-icon,
.dashboard.dashboard-theme-dark .c8y-empty-state > [class^='dlt-c8y-icon-'],
.dashboard.dashboard-theme-dark .c8y-empty-state > [class*=' dlt-c8y-icon-'] {
  color: #132b45;
}
.dashboard.dashboard-theme-branded .c8y-empty-state > .c8y-icon,
.dashboard.dashboard-theme-branded .c8y-empty-state > [class^='dlt-c8y-icon-'],
.dashboard.dashboard-theme-branded .c8y-empty-state > [class*=' dlt-c8y-icon-'] {
  color: #132b45;
}
.c8y-empty-state .btn-link {
  color: var(--c8y-btn-primary-color-default);
  background-color: var(--c8y-btn-primary-background-default);
  border-color: var(--c8y-btn-primary-border-color-default);
}
.c8y-empty-state .btn-link:focus,
.c8y-empty-state .btn-link.focus {
  color: var(--c8y-btn-primary-color-focus);
  background-color: var(--c8y-btn-primary-background-focus);
  border-color: var(--c8y-btn-primary-border-color-focus);
  box-shadow: inset 0 0 0 1px var(--c8y-btn-primary-border-color-focus);
}
.c8y-empty-state .btn-link:hover {
  color: var(--c8y-btn-primary-color-hover);
  background-color: var(--c8y-btn-primary-background-hover);
  border-color: var(--c8y-btn-primary-border-color-hover);
  box-shadow: inset 0 0 0 1px var(--c8y-btn-primary-border-color-hover);
}
.c8y-empty-state .btn-link:active,
.c8y-empty-state .btn-link.active,
.open > .dropdown-toggle.c8y-empty-state .btn-link {
  color: var(--c8y-btn-primary-color-active);
  background-color: var(--c8y-btn-primary-background-active);
  border-color: var(--c8y-btn-primary-border-color-active);
  box-shadow: inset 0 0 0 1px var(--c8y-btn-primary-border-color-active);
  background-image: none;
}
.c8y-empty-state .btn-link.disabled,
.c8y-empty-state .btn-link[disabled],
fieldset[disabled] .c8y-empty-state .btn-link,
.c8y-empty-state .btn-link.disabled:hover,
.c8y-empty-state .btn-link[disabled]:hover,
fieldset[disabled] .c8y-empty-state .btn-link:hover,
.c8y-empty-state .btn-link.disabled:focus,
.c8y-empty-state .btn-link[disabled]:focus,
fieldset[disabled] .c8y-empty-state .btn-link:focus,
.c8y-empty-state .btn-link.disabled.focus,
.c8y-empty-state .btn-link[disabled].focus,
fieldset[disabled] .c8y-empty-state .btn-link.focus,
.c8y-empty-state .btn-link.disabled:active,
.c8y-empty-state .btn-link[disabled]:active,
fieldset[disabled] .c8y-empty-state .btn-link:active,
.c8y-empty-state .btn-link.disabled.active,
.c8y-empty-state .btn-link[disabled].active,
fieldset[disabled] .c8y-empty-state .btn-link.active {
  color: var(--c8y-btn-primary-color-default);
  background-color: var(--c8y-btn-primary-background-default);
  border-color: var(--c8y-btn-primary-border-color-default);
}
.c8y-empty-state .btn-link .badge {
  border-width: 1px;
  border-style: solid;
  border-color: var(--c8y-palette-high);
}
.dashboard.dashboard-theme-branded .c8y-empty-state .btn-primary {
  color: var(--c8y-btn-default-color-default);
  background-color: var(--c8y-btn-default-background-default);
  border-color: var(--c8y-btn-default-border-color-default);
}
.dashboard.dashboard-theme-branded .c8y-empty-state .btn-primary:focus,
.dashboard.dashboard-theme-branded .c8y-empty-state .btn-primary.focus {
  color: var(--c8y-btn-default-color-focus);
  background-color: var(--c8y-btn-default-background-focus);
  border-color: var(--c8y-btn-default-border-color-focus);
  box-shadow: inset 0 0 0 1px var(--c8y-btn-default-border-color-focus);
}
.dashboard.dashboard-theme-branded .c8y-empty-state .btn-primary:hover {
  color: var(--c8y-btn-default-color-hover);
  background-color: var(--c8y-btn-default-background-hover);
  border-color: var(--c8y-btn-default-border-color-hover);
  box-shadow: inset 0 0 0 1px var(--c8y-btn-default-border-color-hover);
}
.dashboard.dashboard-theme-branded .c8y-empty-state .btn-primary:active,
.dashboard.dashboard-theme-branded .c8y-empty-state .btn-primary.active,
.open > .dropdown-toggle.dashboard.dashboard-theme-branded .c8y-empty-state .btn-primary {
  color: var(--c8y-btn-default-color-active);
  background-color: var(--c8y-btn-default-background-active);
  border-color: var(--c8y-btn-default-border-color-active);
  box-shadow: inset 0 0 0 1px var(--c8y-btn-default-border-color-active);
  background-image: none;
}
.dashboard.dashboard-theme-branded .c8y-empty-state .btn-primary.disabled,
.dashboard.dashboard-theme-branded .c8y-empty-state .btn-primary[disabled],
fieldset[disabled] .dashboard.dashboard-theme-branded .c8y-empty-state .btn-primary,
.dashboard.dashboard-theme-branded .c8y-empty-state .btn-primary.disabled:hover,
.dashboard.dashboard-theme-branded .c8y-empty-state .btn-primary[disabled]:hover,
fieldset[disabled] .dashboard.dashboard-theme-branded .c8y-empty-state .btn-primary:hover,
.dashboard.dashboard-theme-branded .c8y-empty-state .btn-primary.disabled:focus,
.dashboard.dashboard-theme-branded .c8y-empty-state .btn-primary[disabled]:focus,
fieldset[disabled] .dashboard.dashboard-theme-branded .c8y-empty-state .btn-primary:focus,
.dashboard.dashboard-theme-branded .c8y-empty-state .btn-primary.disabled.focus,
.dashboard.dashboard-theme-branded .c8y-empty-state .btn-primary[disabled].focus,
fieldset[disabled] .dashboard.dashboard-theme-branded .c8y-empty-state .btn-primary.focus,
.dashboard.dashboard-theme-branded .c8y-empty-state .btn-primary.disabled:active,
.dashboard.dashboard-theme-branded .c8y-empty-state .btn-primary[disabled]:active,
fieldset[disabled] .dashboard.dashboard-theme-branded .c8y-empty-state .btn-primary:active,
.dashboard.dashboard-theme-branded .c8y-empty-state .btn-primary.disabled.active,
.dashboard.dashboard-theme-branded .c8y-empty-state .btn-primary[disabled].active,
fieldset[disabled] .dashboard.dashboard-theme-branded .c8y-empty-state .btn-primary.active {
  color: var(--c8y-btn-default-color-default);
  background-color: var(--c8y-btn-default-background-default);
  border-color: var(--c8y-btn-default-border-color-default);
}
.dashboard.dashboard-theme-branded .c8y-empty-state .btn-primary .badge {
  border-width: 1px;
  border-style: solid;
  border-color: var(--c8y-palette-high);
}
.dashboard.dashboard-theme-branded .c8y-empty-state a {
  color: var(--c8y-component-color-default, var(--c8y-root-component-color-default));
  text-decoration: underline;
}
.c8y-empty-state.empty-list {
  display: flex;
  flex-flow: row nowrap;
  text-align: left;
}
.c8y-empty-state.empty-list > .c8y-icon,
.c8y-empty-state.empty-list > [class^='dlt-c8y-icon-'],
.c8y-empty-state.empty-list > [class*=' dlt-c8y-icon-'] {
  flex: 0 0 auto;
  margin-right: 5px;
  color: #8a9596;
  font-size: 30px;
}
.c8y-empty-state.empty-list p {
  align-self: center;
  flex: 1 1 auto;
  margin-bottom: 0;
  color: #8a9596;
}
.c8y-empty-state--horizontal {
  display: flex;
  flex-flow: row nowrap;
  margin: 0;
  padding: var(--c8y-unit-base);
  max-width: 100%;
  text-align: left !important;
}
.c8y-empty-state--horizontal > .c8y-icon,
.c8y-empty-state--horizontal > [class^='dlt-c8y-icon-'],
.c8y-empty-state--horizontal > [class*=' dlt-c8y-icon-'] {
  flex: 0 0 auto;
  margin-right: 4px;
  margin-bottom: 0;
  font-size: 30px;
}
.c8y-empty-state--horizontal h3 {
  align-self: center;
  font-size: inherit;
}
.c8y-empty-state--horizontal p {
  align-self: center;
  flex: 0 1 auto;
  margin-bottom: 0;
  color: #8a9596;
}
.c8y-empty-state .card-block .c8y-empty-state {
  padding: var(--c8y-unit-base) 0;
}
.panel .c8y-empty-state,
.card .c8y-empty-state,
.c8y-nav-stacked .c8y-empty-state,
.c8y-list__item .c8y-empty-state,
td .c8y-empty-state,
.modal-content .c8y-empty-state,
.smart-rest-editor .c8y-empty-state {
  display: flex;
  flex-flow: row nowrap;
  margin-left: 0;
  padding: var(--c8y-unit-base);
  text-align: left !important;
}
.panel .c8y-empty-state > .c8y-icon,
.card .c8y-empty-state > .c8y-icon,
.c8y-nav-stacked .c8y-empty-state > .c8y-icon,
.c8y-list__item .c8y-empty-state > .c8y-icon,
td .c8y-empty-state > .c8y-icon,
.modal-content .c8y-empty-state > .c8y-icon,
.smart-rest-editor .c8y-empty-state > .c8y-icon,
.panel .c8y-empty-state > [class^='dlt-c8y-icon-'],
.card .c8y-empty-state > [class^='dlt-c8y-icon-'],
.c8y-nav-stacked .c8y-empty-state > [class^='dlt-c8y-icon-'],
.c8y-list__item .c8y-empty-state > [class^='dlt-c8y-icon-'],
td .c8y-empty-state > [class^='dlt-c8y-icon-'],
.modal-content .c8y-empty-state > [class^='dlt-c8y-icon-'],
.smart-rest-editor .c8y-empty-state > [class^='dlt-c8y-icon-'],
.panel .c8y-empty-state > [class*=' dlt-c8y-icon-'],
.card .c8y-empty-state > [class*=' dlt-c8y-icon-'],
.c8y-nav-stacked .c8y-empty-state > [class*=' dlt-c8y-icon-'],
.c8y-list__item .c8y-empty-state > [class*=' dlt-c8y-icon-'],
td .c8y-empty-state > [class*=' dlt-c8y-icon-'],
.modal-content .c8y-empty-state > [class*=' dlt-c8y-icon-'],
.smart-rest-editor .c8y-empty-state > [class*=' dlt-c8y-icon-'] {
  flex: 0 0 45px;
  margin-right: 5px;
  margin-bottom: 0;
  font-size: 30px;
}
.panel .c8y-empty-state h3,
.card .c8y-empty-state h3,
.c8y-nav-stacked .c8y-empty-state h3,
.c8y-list__item .c8y-empty-state h3,
td .c8y-empty-state h3,
.modal-content .c8y-empty-state h3,
.smart-rest-editor .c8y-empty-state h3 {
  align-self: center;
  margin-right: 5px;
  font-weight: bold;
  font-size: inherit;
}
.panel .c8y-empty-state p,
.card .c8y-empty-state p,
.c8y-nav-stacked .c8y-empty-state p,
.c8y-list__item .c8y-empty-state p,
td .c8y-empty-state p,
.modal-content .c8y-empty-state p,
.smart-rest-editor .c8y-empty-state p {
  align-self: center;
  flex: 0 1 auto;
  margin-bottom: 0;
  color: #8a9596;
}
.panel .card-block .c8y-empty-state,
.card .card-block .c8y-empty-state,
.c8y-nav-stacked .card-block .c8y-empty-state,
.c8y-list__item .card-block .c8y-empty-state,
td .card-block .c8y-empty-state,
.modal-content .card-block .c8y-empty-state,
.smart-rest-editor .card-block .c8y-empty-state {
  padding: var(--c8y-unit-base) 0;
}
.c8y-nav-stacked .c8y-empty-state,
.smart-rest-editor .c8y-empty-state {
  padding: 0;
}
.no-results {
  padding-top: var(--c8y-component-padding, var(--c8y-root-component-padding));
  text-align: center;
}
.no-results .c8y-empty-state {
  display: inline-block;
  max-width: 280px;
  text-align: center !important;
}
@media (max-width: 480px) {
  .c8y-empty-state:not(.c8y-empty-state--horizontal) {
    padding: 8rem 4rem;
  }
}
/* flex grid for card groups*/
.card-group,
.card-group-block {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  margin-bottom: calc(var(--c8y-unit-base) * 2);
}
.card-group {
  margin-right: calc(calc(var(--c8y-unit-base) * 3) * -0.5);
  margin-left: calc(calc(var(--c8y-unit-base) * 3) * -0.5);
  /* use col-** for horizontal spacing.*/
}
.card-group > [class^='col-xs-'],
.card-group > [class*=' col-xs'],
.card-group > [class^='col-sm-'],
.card-group > [class*=' col-sm'],
.card-group > [class^='col-md-'] > [class*=' col-md'],
.card-group > [class^='col-lg-'],
.card-group > [class*=' col-lg'] {
  display: flex;
}
.card-group > [class^='col-xs-'] > .card,
.card-group > [class*=' col-xs'] > .card,
.card-group > [class^='col-sm-'] > .card,
.card-group > [class*=' col-sm'] > .card,
.card-group > [class^='col-md-'] > [class*=' col-md'] > .card,
.card-group > [class^='col-lg-'] > .card,
.card-group > [class*=' col-lg'] > .card,
.card-group > [class^='col-xs-'] > .d-contents > .card,
.card-group > [class*=' col-xs'] > .d-contents > .card,
.card-group > [class^='col-sm-'] > .d-contents > .card,
.card-group > [class*=' col-sm'] > .d-contents > .card,
.card-group > [class^='col-md-'] > [class*=' col-md'] > .d-contents > .card,
.card-group > [class^='col-lg-'] > .d-contents > .card,
.card-group > [class*=' col-lg'] > .d-contents > .card,
.card-group > [class^='col-xs-'] > span,
.card-group > [class*=' col-xs'] > span,
.card-group > [class^='col-sm-'] > span,
.card-group > [class*=' col-sm'] > span,
.card-group > [class^='col-md-'] > [class*=' col-md'] > span,
.card-group > [class^='col-lg-'] > span,
.card-group > [class*=' col-lg'] > span {
  width: 100%;
}
.card-group > [class^='col-xs-'] > span,
.card-group > [class*=' col-xs'] > span,
.card-group > [class^='col-sm-'] > span,
.card-group > [class*=' col-sm'] > span,
.card-group > [class^='col-md-'] > [class*=' col-md'] > span,
.card-group > [class^='col-lg-'] > span,
.card-group > [class*=' col-lg'] > span {
  display: flex;
  align-self: stretch;
}
.card-group > [class^='col-xs-'] > span > .card,
.card-group > [class*=' col-xs'] > span > .card,
.card-group > [class^='col-sm-'] > span > .card,
.card-group > [class*=' col-sm'] > span > .card,
.card-group > [class^='col-md-'] > [class*=' col-md'] > span > .card,
.card-group > [class^='col-lg-'] > span > .card,
.card-group > [class*=' col-lg'] > span > .card {
  width: 100%;
}
.card-group .card {
  align-self: stretch;
}
.card-group:not(.interact-list) .card--d-col {
  display: flex;
  flex-direction: column;
}
.card-group:not(.interact-list) .card--d-col .card-footer {
  margin-top: auto;
}
.card-group-block .card {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .card-group.interact-list > [class^='col-xs-'],
  .card-group-block.interact-list > [class^='col-xs-'],
  .card-group.interact-list > [class*=' col-xs'],
  .card-group-block.interact-list > [class*=' col-xs'],
  .card-group.interact-list > [class^='col-sm-'],
  .card-group-block.interact-list > [class^='col-sm-'],
  .card-group.interact-list > [class*=' col-sm'],
  .card-group-block.interact-list > [class*=' col-sm'],
  .card-group.interact-list > [class^='col-md-'],
  .card-group-block.interact-list > [class^='col-md-'],
  .card-group.interact-list > [class*=' col-md'],
  .card-group-block.interact-list > [class*=' col-md'],
  .card-group.interact-list > [class^='col-lg-'],
  .card-group-block.interact-list > [class^='col-lg-'],
  .card-group.interact-list > [class*=' col-lg'],
  .card-group-block.interact-list > [class*=' col-lg'] {
    width: 100%;
  }
  .card-group.interact-list > [class^='col-xs-'] > .card,
  .card-group-block.interact-list > [class^='col-xs-'] > .card,
  .card-group.interact-list > [class*=' col-xs'] > .card,
  .card-group-block.interact-list > [class*=' col-xs'] > .card,
  .card-group.interact-list > [class^='col-sm-'] > .card,
  .card-group-block.interact-list > [class^='col-sm-'] > .card,
  .card-group.interact-list > [class*=' col-sm'] > .card,
  .card-group-block.interact-list > [class*=' col-sm'] > .card,
  .card-group.interact-list > [class^='col-md-'] > .card,
  .card-group-block.interact-list > [class^='col-md-'] > .card,
  .card-group.interact-list > [class*=' col-md'] > .card,
  .card-group-block.interact-list > [class*=' col-md'] > .card,
  .card-group.interact-list > [class^='col-lg-'] > .card,
  .card-group-block.interact-list > [class^='col-lg-'] > .card,
  .card-group.interact-list > [class*=' col-lg'] > .card,
  .card-group-block.interact-list > [class*=' col-lg'] > .card,
  .card-group.interact-list > [class^='col-xs-'] > .d-contents > .card,
  .card-group-block.interact-list > [class^='col-xs-'] > .d-contents > .card,
  .card-group.interact-list > [class*=' col-xs'] > .d-contents > .card,
  .card-group-block.interact-list > [class*=' col-xs'] > .d-contents > .card,
  .card-group.interact-list > [class^='col-sm-'] > .d-contents > .card,
  .card-group-block.interact-list > [class^='col-sm-'] > .d-contents > .card,
  .card-group.interact-list > [class*=' col-sm'] > .d-contents > .card,
  .card-group-block.interact-list > [class*=' col-sm'] > .d-contents > .card,
  .card-group.interact-list > [class^='col-md-'] > .d-contents > .card,
  .card-group-block.interact-list > [class^='col-md-'] > .d-contents > .card,
  .card-group.interact-list > [class*=' col-md'] > .d-contents > .card,
  .card-group-block.interact-list > [class*=' col-md'] > .d-contents > .card,
  .card-group.interact-list > [class^='col-lg-'] > .d-contents > .card,
  .card-group-block.interact-list > [class^='col-lg-'] > .d-contents > .card,
  .card-group.interact-list > [class*=' col-lg'] > .d-contents > .card,
  .card-group-block.interact-list > [class*=' col-lg'] > .d-contents > .card {
    display: flex;
    margin-bottom: 0;
    padding: var(--c8y-unit-base) 0;
    box-shadow: inset 0 -1px 0 transparent;
  }
  .card-group.interact-list > [class^='col-xs-'] > .card > hr,
  .card-group-block.interact-list > [class^='col-xs-'] > .card > hr,
  .card-group.interact-list > [class*=' col-xs'] > .card > hr,
  .card-group-block.interact-list > [class*=' col-xs'] > .card > hr,
  .card-group.interact-list > [class^='col-sm-'] > .card > hr,
  .card-group-block.interact-list > [class^='col-sm-'] > .card > hr,
  .card-group.interact-list > [class*=' col-sm'] > .card > hr,
  .card-group-block.interact-list > [class*=' col-sm'] > .card > hr,
  .card-group.interact-list > [class^='col-md-'] > .card > hr,
  .card-group-block.interact-list > [class^='col-md-'] > .card > hr,
  .card-group.interact-list > [class*=' col-md'] > .card > hr,
  .card-group-block.interact-list > [class*=' col-md'] > .card > hr,
  .card-group.interact-list > [class^='col-lg-'] > .card > hr,
  .card-group-block.interact-list > [class^='col-lg-'] > .card > hr,
  .card-group.interact-list > [class*=' col-lg'] > .card > hr,
  .card-group-block.interact-list > [class*=' col-lg'] > .card > hr,
  .card-group.interact-list > [class^='col-xs-'] > .d-contents > .card > hr,
  .card-group-block.interact-list > [class^='col-xs-'] > .d-contents > .card > hr,
  .card-group.interact-list > [class*=' col-xs'] > .d-contents > .card > hr,
  .card-group-block.interact-list > [class*=' col-xs'] > .d-contents > .card > hr,
  .card-group.interact-list > [class^='col-sm-'] > .d-contents > .card > hr,
  .card-group-block.interact-list > [class^='col-sm-'] > .d-contents > .card > hr,
  .card-group.interact-list > [class*=' col-sm'] > .d-contents > .card > hr,
  .card-group-block.interact-list > [class*=' col-sm'] > .d-contents > .card > hr,
  .card-group.interact-list > [class^='col-md-'] > .d-contents > .card > hr,
  .card-group-block.interact-list > [class^='col-md-'] > .d-contents > .card > hr,
  .card-group.interact-list > [class*=' col-md'] > .d-contents > .card > hr,
  .card-group-block.interact-list > [class*=' col-md'] > .d-contents > .card > hr,
  .card-group.interact-list > [class^='col-lg-'] > .d-contents > .card > hr,
  .card-group-block.interact-list > [class^='col-lg-'] > .d-contents > .card > hr,
  .card-group.interact-list > [class*=' col-lg'] > .d-contents > .card > hr,
  .card-group-block.interact-list > [class*=' col-lg'] > .d-contents > .card > hr {
    display: none;
  }
  .card-group.interact-list .card-header,
  .card-group-block.interact-list .card-header {
    flex: 0 0 auto;
    padding: calc(var(--c8y-unit-base) + 2px) var(--c8y-component-padding, var(--c8y-root-component-padding));
    width: 20%;
    border-bottom: 0;
  }
  .card-group.interact-list .card-header .card-title,
  .card-group-block.interact-list .card-header .card-title {
    height: auto;
    font-size: var(--c8y-font-size-base);
    line-height: unset;
  }
  .card-group.interact-list .card-header.separator,
  .card-group-block.interact-list .card-header.separator {
    box-shadow: none;
  }
  .card-group.interact-list .card-header .statusContainer,
  .card-group-block.interact-list .card-header .statusContainer {
    margin-left: -2px;
    font-size: 20px;
  }
  .card-group.interact-list .card-appicon,
  .card-group-block.interact-list .card-appicon {
    margin-right: var(--c8y-unit-base);
    padding-top: 0;
    height: 22px;
    font-size: 22px;
  }
  .card-group.interact-list .card-block,
  .card-group-block.interact-list .card-block,
  .card-group.interact-list .card-footer,
  .card-group-block.interact-list .card-footer {
    display: flex;
    align-items: center;
    flex-flow: row nowrap;
    flex-grow: 1;
    padding: 10px;
    min-height: calc(var(--c8y-unit-base) * 6px);
  }
  .card-group.interact-list .card-block p,
  .card-group-block.interact-list .card-block p,
  .card-group.interact-list .card-footer p,
  .card-group-block.interact-list .card-footer p {
    margin: 0;
    padding: 0 5px;
  }
  .card-group.interact-list .card-block .text-label-small,
  .card-group-block.interact-list .card-block .text-label-small,
  .card-group.interact-list .card-footer .text-label-small,
  .card-group-block.interact-list .card-footer .text-label-small {
    display: none;
  }
  .card-group.interact-list .card-block.separator,
  .card-group-block.interact-list .card-block.separator,
  .card-group.interact-list .card-footer.separator,
  .card-group-block.interact-list .card-footer.separator {
    box-shadow: none;
  }
  .card-group.interact-list .card-hidden-list,
  .card-group-block.interact-list .card-hidden-list {
    display: none !important;
  }
  .card-group.interact-list .page-sticky-header .card-block,
  .card-group-block.interact-list .page-sticky-header .card-block,
  .card-group.interact-list .page-sticky-header .card-header,
  .card-group-block.interact-list .page-sticky-header .card-header,
  .card-group.interact-list .page-sticky-header .card-footer,
  .card-group-block.interact-list .page-sticky-header .card-footer,
  .card-group.interact-list .page-sticky-header .card-actions-group,
  .card-group-block.interact-list .page-sticky-header .card-actions-group {
    padding-top: 4px;
    padding-bottom: 4px;
    min-height: var(--c8y-page-sticky-header-height);
    text-align: left;
  }
  .card-group.interact-list .card-block.text-center,
  .card-group-block.interact-list .card-block.text-center,
  .card-group.interact-list .card-header.text-center,
  .card-group-block.interact-list .card-header.text-center,
  .card-group.interact-list .card-footer.text-center,
  .card-group-block.interact-list .card-footer.text-center,
  .card-group.interact-list .card-actions-group.text-center,
  .card-group-block.interact-list .card-actions-group.text-center {
    text-align: left !important;
  }
  .card-group.interact-list .card-column-20,
  .card-group-block.interact-list .card-column-20 {
    width: 20%;
  }
  .card-group.interact-list .card-column-30,
  .card-group-block.interact-list .card-column-30 {
    width: 30%;
  }
  .card-group.interact-list .card-column-40,
  .card-group-block.interact-list .card-column-40 {
    width: 40%;
  }
  .card-group.interact-list .card-column-50,
  .card-group-block.interact-list .card-column-50 {
    width: 50%;
  }
  .card-group.interact-list .card-column-60,
  .card-group-block.interact-list .card-column-60 {
    width: 60%;
  }
  .card-group.interact-list .card-column-70,
  .card-group-block.interact-list .card-column-70 {
    width: 70%;
  }
  .card-group.interact-list .card-column-80,
  .card-group-block.interact-list .card-column-80 {
    width: 80%;
  }
  .card-group.interact-list .card-column-90,
  .card-group-block.interact-list .card-column-90 {
    width: 90%;
  }
  .card-group.interact-list .card-column-100,
  .card-group-block.interact-list .card-column-100 {
    width: 100%;
  }
  .card-group.interact-list .card-actions,
  .card-group-block.interact-list .card-actions {
    top: var(--c8y-unit-base);
  }
  .card-group.interact-list .card-actions ~ .card-block,
  .card-group-block.interact-list .card-actions ~ .card-block {
    margin-right: 44px;
  }
  .card-group.interact-list .card-actions ~ .card-block.card-block-list,
  .card-group-block.interact-list .card-actions ~ .card-block.card-block-list {
    display: block;
    margin-right: 0;
  }
  .card-group.interact-list .card-actions ~ .card-block + .card-footer,
  .card-group-block.interact-list .card-actions ~ .card-block + .card-footer {
    margin-right: 40px;
    margin-left: auto;
    padding: 10px;
  }
  .card-group.interact-list .card-actions ~ .card-block + .card-footer.separator,
  .card-group-block.interact-list .card-actions ~ .card-block + .card-footer.separator {
    border-top: 0;
  }
  .card-group.interact-list .card-item-last,
  .card-group-block.interact-list .card-item-last {
    flex: 0 0 220px;
    margin-left: auto;
  }
  .card-group.interact-list .card-actions-group,
  .card-group-block.interact-list .card-actions-group {
    order: 99;
    margin-left: auto;
  }
  .card-group.interact-list .smart-rule-list-card .card-actions,
  .card-group-block.interact-list .smart-rule-list-card .card-actions {
    top: 10px;
  }
  .interact-list .card-hidden-list {
    display: none !important;
  }
  .interact-list .text-center-list {
    text-align: center;
    justify-content: center;
  }
}
@media (max-width: 767px) {
  .card-hidden-grid {
    display: none !important;
  }
}
.interact-grid .card-hidden-grid {
  display: none !important;
}
.interact-grid .card[ng-click]:not(.add-card):not(.not-active),
.interact-grid .card.pointer,
.interact-grid a.card:not(.add-card) {
  transition: transform 0.25s ease-in-out, box-shadow 0.25s ease-in-out;
}
.interact-grid .card[ng-click]:not(.add-card):not(.not-active):hover,
.interact-grid .card.pointer:hover,
.interact-grid a.card:not(.add-card):hover,
.interact-grid .card[ng-click]:not(.add-card):not(.not-active):focus,
.interact-grid .card.pointer:focus,
.interact-grid a.card:not(.add-card):focus {
  z-index: 1000;
  text-decoration: none;
  box-shadow: var(--c8y-elevation-hover);
  color: white;
  filter: none;
}
.interact-grid .card[ng-click]:not(.add-card):not(.not-active):hover .dropdown.open .dropdown-menu,
.interact-grid .card.pointer:hover .dropdown.open .dropdown-menu,
.interact-grid a.card:not(.add-card):hover .dropdown.open .dropdown-menu,
.interact-grid .card[ng-click]:not(.add-card):not(.not-active):focus .dropdown.open .dropdown-menu,
.interact-grid .card.pointer:focus .dropdown.open .dropdown-menu,
.interact-grid a.card:not(.add-card):focus .dropdown.open .dropdown-menu {
  box-shadow: var(--c8y-elevation-md-bottom);
  box-shadow: var(--c8y-elevation-md-right);
}
.interact-grid .card[ng-click]:not(.add-card):not(.not-active) .card-header .statusContainer,
.interact-grid .card.pointer .card-header .statusContainer,
.interact-grid a.card:not(.add-card) .card-header .statusContainer {
  margin-left: -2px;
  font-size: 20px;
}
.interact-grid .card[ng-click]:not(.add-card):not(.not-active) .card-header .statusContainer .sendStatus,
.interact-grid .card.pointer .card-header .statusContainer .sendStatus,
.interact-grid a.card:not(.add-card) .card-header .statusContainer .sendStatus {
  margin-top: -3px;
}
.interact-grid .card[ng-click]:not(.add-card):not(.not-active) .card-header .card-icon,
.interact-grid .card.pointer .card-header .card-icon,
.interact-grid a.card:not(.add-card) .card-header .card-icon {
  margin-top: -3px;
  line-height: 1;
}
.interact-grid .card[ng-click]:not(.add-card):not(.not-active) .card-header .card-icon > c8y-device-status-display,
.interact-grid .card.pointer .card-header .card-icon > c8y-device-status-display,
.interact-grid a.card:not(.add-card) .card-header .card-icon > c8y-device-status-display {
  display: block;
  max-height: 20px;
}
.interact-grid .card[ng-click]:not(.add-card):not(.not-active) .card-header ~ .card-block,
.interact-grid .card.pointer .card-header ~ .card-block,
.interact-grid a.card:not(.add-card) .card-header ~ .card-block {
  display: flex;
  flex-flow: column wrap;
  padding-top: var(--c8y-component-padding, var(--c8y-root-component-padding));
}
.interact-grid .card[ng-click]:not(.add-card):not(.not-active) .card-header ~ .card-block > p,
.interact-grid .card.pointer .card-header ~ .card-block > p,
.interact-grid a.card:not(.add-card) .card-header ~ .card-block > p {
  width: 100%;
}
.interact-grid .card[ng-click]:not(.add-card):not(.not-active) .card-header ~ .card-block > [class^='col-xs-'],
.interact-grid .card.pointer .card-header ~ .card-block > [class^='col-xs-'],
.interact-grid a.card:not(.add-card) .card-header ~ .card-block > [class^='col-xs-'],
.interact-grid .card[ng-click]:not(.add-card):not(.not-active) .card-header ~ .card-block > [class*=' col-xs'],
.interact-grid .card.pointer .card-header ~ .card-block > [class*=' col-xs'],
.interact-grid a.card:not(.add-card) .card-header ~ .card-block > [class*=' col-xs'],
.interact-grid .card[ng-click]:not(.add-card):not(.not-active) .card-header ~ .card-block > [class^='col-sm-'],
.interact-grid .card.pointer .card-header ~ .card-block > [class^='col-sm-'],
.interact-grid a.card:not(.add-card) .card-header ~ .card-block > [class^='col-sm-'],
.interact-grid .card[ng-click]:not(.add-card):not(.not-active) .card-header ~ .card-block > [class*=' col-sm'],
.interact-grid .card.pointer .card-header ~ .card-block > [class*=' col-sm'],
.interact-grid a.card:not(.add-card) .card-header ~ .card-block > [class*=' col-sm'],
.interact-grid .card[ng-click]:not(.add-card):not(.not-active) .card-header ~ .card-block > [class^='col-md-'],
.interact-grid .card.pointer .card-header ~ .card-block > [class^='col-md-'],
.interact-grid a.card:not(.add-card) .card-header ~ .card-block > [class^='col-md-'],
.interact-grid .card[ng-click]:not(.add-card):not(.not-active) .card-header ~ .card-block > [class*=' col-md'],
.interact-grid .card.pointer .card-header ~ .card-block > [class*=' col-md'],
.interact-grid a.card:not(.add-card) .card-header ~ .card-block > [class*=' col-md'],
.interact-grid .card[ng-click]:not(.add-card):not(.not-active) .card-header ~ .card-block > [class^='col-lg-'],
.interact-grid .card.pointer .card-header ~ .card-block > [class^='col-lg-'],
.interact-grid a.card:not(.add-card) .card-header ~ .card-block > [class^='col-lg-'],
.interact-grid .card[ng-click]:not(.add-card):not(.not-active) .card-header ~ .card-block > [class*=' col-lg'],
.interact-grid .card.pointer .card-header ~ .card-block > [class*=' col-lg'],
.interact-grid a.card:not(.add-card) .card-header ~ .card-block > [class*=' col-lg'] {
  padding: 0;
  width: 100%;
}
.interact-grid.card-group-block .card[ng-click]:not(.add-card):not(.not-active),
.interact-grid.card-group-block .card.pointer,
.interact-grid.card-group-block a.card:not(.add-card) {
  box-shadow: 0 0 0 1px transparent;
  transition: all 0.25s ease;
}
.interact-grid.card-group-block .card[ng-click]:not(.add-card):not(.not-active):hover,
.interact-grid.card-group-block .card.pointer:hover,
.interact-grid.card-group-block a.card:not(.add-card):hover,
.interact-grid.card-group-block .card[ng-click]:not(.add-card):not(.not-active):focus,
.interact-grid.card-group-block .card.pointer:focus,
.interact-grid.card-group-block a.card:not(.add-card):focus {
  z-index: 1000;
  text-decoration: none;
  box-shadow: 0 0 0 1px transparent;
  color: white;
  filter: none;
  outline: 2px solid #05d5f5;
  outline-offset: -2px;
}
.interact-grid .card-hidden-grid {
  display: none !important;
}
.interact-grid .text-center-grid {
  text-align: center;
  justify-content: center;
}
.interact-grid .card-actions + .card-header .card-title:not(.smart-rule-name) {
  margin-right: 24px;
}
.card-inner-scroll .interact-grid .card[ng-click]:not(.add-card):hover,
.card-inner-scroll .interact-grid a.card:not(.add-card):hover,
.card-inner-scroll .interact-grid .card[ng-click]:not(.add-card):focus,
.card-inner-scroll .interact-grid a.card:not(.add-card):focus {
  transform: scale(1);
}
@media (max-width: 767px) {
  .interact-list .card[ng-click],
  .interact-list .card.pointer {
    transition: transform 0.25s ease-in-out, box-shadow 0.25s ease-in-out;
  }
  .interact-list .card[ng-click]:hover,
  .interact-list .card.pointer:hover,
  .interact-list .card[ng-click]:focus,
  .interact-list .card.pointer:focus {
    z-index: 1000;
    box-shadow: 0 20px 15px rgba(0, 0, 0, 0.1), 0 -2px 10px 1px rgba(0, 0, 0, 0.03);
    text-decoration: none;
    transform: scale(1.05);
  }
  .interact-list .card[ng-click] .card-header ~ .card-block,
  .interact-list .card.pointer .card-header ~ .card-block {
    display: flex;
    flex-flow: column wrap;
  }
  .interact-list .card[ng-click] .card-header ~ .card-block > p,
  .interact-list .card.pointer .card-header ~ .card-block > p {
    width: 100%;
  }
  .interact-list .text-center-grid {
    text-align: center;
    justify-content: center;
  }
  .interact-list .card-actions + .card-header .card-title {
    margin-right: 44px;
  }
}
c8y-item-selector {
  display: block;
}
@media (min-width: 767px) {
  .c8y-list__item c8y-item-selector.form-group-sm {
    margin-top: -4px;
    margin-bottom: -4px;
  }
}
.c8y-child-assets-selector {
  position: relative;
  z-index: 1;
  display: block;
  margin: 0;
}
.c8y-child-assets-selector > .btn {
  position: relative;
  padding-right: 24px !important;
  text-align: left;
  display: block;
  padding: var(--c8y-form-control-padding-base-vertical) var(--c8y-form-control-padding-base-horizontal);
  width: 100%;
  height: var(--c8y-form-control-height-base);
  border: 0;
  border-radius: var(--c8y-form-control-border-radius);
  background-color: var(--c8y-form-control-background-default);
  background-image: none;
  box-shadow: inset 0 0 0 var(--c8y-form-control-border-width, 1px) var(--c8y-form-control-border-color-default);
  color: black;
  font-weight: var(--c8y-form-control-font-weight);
  font-size: var(--c8y-font-size-base);
  font-family: var(--font-family-base, var(--c8y-form-control-font-family));
  line-height: var(--c8y-form-control-line-height);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  color: white;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.c8y-child-assets-selector > .btn:focus {
  border-color: #05d5f5;
  outline: 0;
  box-shadow: inset 0 0 0 2px #05d5f5;
  background-color: var(--c8y-form-control-background-focus);
  color: black;
}
.c8y-child-assets-selector > .btn::-moz-placeholder {
  color: var(--c8y-form-control-placeholder-color);
  opacity: 1;
  font-style: italic;
}
.c8y-child-assets-selector > .btn:-ms-input-placeholder {
  color: var(--c8y-form-control-placeholder-color);
  font-style: italic;
}
.c8y-child-assets-selector > .btn::-webkit-input-placeholder {
  color: var(--c8y-form-control-placeholder-color);
  font-style: italic;
}
.c8y-child-assets-selector > .btn::-moz-placeholder {
  color: var(--c8y-form-control-placeholder-color);
  opacity: 1;
  font-style: var(--c8y-form-control-placeholder-font-style);
}
.c8y-child-assets-selector > .btn:-ms-input-placeholder {
  color: var(--c8y-form-control-placeholder-color);
  font-style: var(--c8y-form-control-placeholder-font-style);
}
.c8y-child-assets-selector > .btn::-webkit-input-placeholder {
  color: var(--c8y-form-control-placeholder-color);
  font-style: var(--c8y-form-control-placeholder-font-style);
}
.c8y-child-assets-selector > .btn:has(.c8y-colorpicker) {
  width: auto;
}
.c8y-child-assets-selector > .btn[disabled],
fieldset[disabled] .c8y-child-assets-selector > .btn {
  opacity: var(--c8y-form-control-disabled-opacity);
}
.c8y-child-assets-selector > .btn[readonly],
.c8y-child-assets-selector > .btn[readonly]:focus {
  background-color: var(--c8y-form-control-background-default);
  color: #8a9596;
  opacity: 1;
}
.c8y-child-assets-selector > .btn[disabled],
fieldset[disabled] .c8y-child-assets-selector > .btn {
  cursor: not-allowed;
}
textarea .c8y-child-assets-selector > .btn {
  height: auto;
}
.c8y-child-assets-selector > .btn:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.c8y-child-assets-selector > .btn:focus {
  color: black;
}
.c8y-child-assets-selector > .btn:focus {
  border-color: #05d5f5;
  outline: 0;
  box-shadow: inset 0 0 0 2px #05d5f5;
  background-color: var(--c8y-form-control-background-focus);
  color: black;
}
.c8y-child-assets-selector > .btn[aria-expanded='true'] {
  border-color: #05d5f5;
}
.c8y-child-assets-selector > .btn:after {
  position: absolute;
  top: 50%;
  right: 5px;
  color: #05d5f5;
  content: '\f101';
  font-size: 18px;
  transform: translate(0, -50%);
  pointer-events: none;
  display: inline-block;
  text-decoration: inherit;
  text-transform: none;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  font-family: 'c8y-glyphs' !important;
  line-height: 1;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
.c8y-child-assets-selector.dropdown.open {
  z-index: 1001;
}
.form-group-sm .c8y-child-assets-selector > .btn {
  padding: calc(var(--c8y-form-control-padding-base-vertical) * 0.75) 24px calc(var(--c8y-form-control-padding-base-vertical) * 0.75) calc(var(--c8y-form-control-padding-base-horizontal) * 0.75);
  height: var(--c8y-form-control-height-sm);
  font-size: var(--c8y-font-size-small);
}
.dropdown.open .dropdown-menu.multiselect-container {
  overflow: auto !important;
  max-height: 278px;
  min-width: 240px;
  height: unset !important;
}
.dropdown.open .dropdown-menu.multiselect-container::-webkit-scrollbar {
  width: 4px;
  /* for vertical scrollbars */
  height: 4px;
  /* for horizontal scrollbars */
}
.dropdown.open .dropdown-menu.multiselect-container::-webkit-scrollbar-track {
  background: transparent;
}
.dropdown.open .dropdown-menu.multiselect-container::-webkit-scrollbar-track:not(textarea) {
  background: var(--c8y-component-scrollbar-track, var(--c8y-root-component-scrollbar-track));
}
.dropdown.open .dropdown-menu.multiselect-container::-webkit-scrollbar-thumb {
  width: 4px;
  border-radius: 1px;
  background: var(--c8y-component-scrollbar-thumb-default, var(--c8y-root-component-scrollbar-thumb-default));
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.dropdown.open .dropdown-menu.multiselect-container:hover::-webkit-scrollbar-thumb {
  background: var(--c8y-component-scrollbar-thumb-hover, var(--c8y-root-component-scrollbar-thumb-hover));
}
.dropdown-menu.multiselect-container .divider {
  margin: 0;
}
.dropdown-menu.multiselect-container .input-group {
  width: 100%;
}
.dropdown-menu.multiselect-container label {
  display: flex;
  color: var(--c8y-component-color-default, var(--c8y-root-component-color-default)) !important;
}
.dropdown-menu.multiselect-container .multiselect-item {
  display: flex;
  padding: 8px 12px;
  border-bottom: 1px solid transparent;
  background-color: var(--c8y-dropdown-background-default, #132b45);
}
.dropdown-menu.multiselect-container .multiselect-item label.c8y-checkbox.input-sm {
  flex-grow: 1;
  margin-right: 30px;
  height: auto;
  font-size: 12px;
  line-height: 20px;
  padding: 0;
  align-items: center;
}
.dropdown-menu.multiselect-container .multiselect-item .radio,
.dropdown-menu.multiselect-container .multiselect-item .checkbox {
  overflow: hidden;
  margin: 0;
  padding-left: 20px;
  color: var(--c8y-component-color-default, var(--c8y-root-component-color-default));
  text-transform: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: normal;
}
.dropdown-menu.multiselect-container .multiselect-item .radio .label-text,
.dropdown-menu.multiselect-container .multiselect-item .checkbox .label-text {
  display: inline-block;
  vertical-align: text-top;
}
.dropdown-menu.multiselect-container .multiselect-item-container + .divider {
  display: none;
}
c8y-typeahead .input-group {
  z-index: 1052;
}
c8y-typeahead .c8y-child-assets-selector.dropdown .dropdown-menu {
  top: -4px;
  right: -4px;
  left: -4px;
  padding-top: 40px;
  width: unset;
}
c8y-typeahead .c8y-child-assets-selector.dropdown.dropup .dropdown-menu {
  top: auto;
  bottom: -4px;
  padding-top: 0;
  padding-bottom: 40px;
}
c8y-typeahead .c8y-child-assets-selector.dropdown.open .input-group.input-group-dropdown:before {
  position: absolute;
  top: -4px;
  right: -4px;
  bottom: -4px;
  left: -4px;
  display: block;
  background-color: #132b45;
  content: '';
}
.list-group {
  position: relative;
  margin-bottom: calc(var(--c8y-unit-base) * 2);
  padding-left: 0;
  box-shadow: inset 0 1px 0 transparent;
}
.list-group.borderless,
.list-group.borderless-top {
  box-shadow: none !important;
}
.list-group-item {
  position: relative;
  display: block;
  padding: var(--c8y-unit-base) var(--c8y-component-padding, var(--c8y-root-component-padding));
  min-height: calc(var(--c8y-unit-base) * 5);
  width: 100%;
  border: 0;
  box-shadow: inset 0 -1px 0 transparent;
}
.dropdown-menu .list-group-item {
  box-shadow: inset 0 -1px 0 transparent;
}
.list-group-item.draggable-after {
  position: relative;
  display: flex;
  align-items: center;
}
.list-group-item.draggable-after > button:last-child {
  padding-right: 32px;
}
.list-group-item.draggable-after > * {
  flex-grow: 1;
}
.list-group-item.draggable-after:hover:after,
.cdk-drag-preview .list-group-item.draggable-after:after {
  display: inline-block;
  text-transform: none;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  font-family: 'dlt-c8y-icons' !important;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  right: 12px;
  flex-grow: 0;
  margin-left: 4px;
  content: "\ec87";
  pointer-events: none;
}
.list-group-item.draggable-after:hover:after::before,
.cdk-drag-preview .list-group-item.draggable-after:after::before,
.list-group-item.draggable-after:hover:after::after,
.cdk-drag-preview .list-group-item.draggable-after:after::after {
  font-size: 1.1em;
}
.list-group-item.ng-enter {
  background-color: var(--c8y-component-realtime-added, var(--c8y-root-component-realtime-added));
}
.list-group-item:last-child {
  margin-bottom: 0;
}
.borderless .list-group-item {
  box-shadow: none !important;
}
.list-group-item > .c8y-checkbox,
.list-group-item > .c8y-radio {
  line-height: inherit;
}
.card .list-group,
.panel .list-group,
.modal-content .list-group {
  margin-bottom: 0;
  box-shadow: none;
}
.card .list-group .list-group-item,
.panel .list-group .list-group-item,
.modal-content .list-group .list-group-item {
  margin: 0;
  padding: var(--c8y-unit-base) var(--c8y-component-padding, var(--c8y-root-component-padding));
  border: 0;
  box-shadow: inset 0 -1px 0 transparent;
}
.card .list-group .list-group-item:not(.active):not(.expanded),
.panel .list-group .list-group-item:not(.active):not(.expanded),
.modal-content .list-group .list-group-item:not(.active):not(.expanded) {
  background: transparent;
}
.card .list-group .list-group-item:last-child,
.panel .list-group .list-group-item:last-child,
.modal-content .list-group .list-group-item:last-child {
  box-shadow: none;
}
.card .list-group a.list-group-item:not(.active):hover,
.panel .list-group a.list-group-item:not(.active):hover,
.modal-content .list-group a.list-group-item:not(.active):hover,
.card .list-group button.list-group-item:not(.active):hover,
.panel .list-group button.list-group-item:not(.active):hover,
.modal-content .list-group button.list-group-item:not(.active):hover {
  background-color: var(--c8y-component-background-active, var(--c8y-root-component-background-active));
}
.card .list-group a.list-group-item:not(.active):focus,
.panel .list-group a.list-group-item:not(.active):focus,
.modal-content .list-group a.list-group-item:not(.active):focus,
.card .list-group button.list-group-item:not(.active):focus,
.panel .list-group button.list-group-item:not(.active):focus,
.modal-content .list-group button.list-group-item:not(.active):focus {
  outline: 2px solid #05d5f5;
  outline-offset: -2px;
  border-radius: var(--c8y-component-border-radius-focus, var(--c8y-root-component-border-radius-focus)) !important;
}
.list-group-links button.list-group-item,
.list-group-links a.list-group-item {
  position: relative;
  padding-right: calc(var(--c8y-unit-base) * 4) !important;
}
.list-group-links button.list-group-item:hover,
.list-group-links a.list-group-item:hover,
.list-group-links button.list-group-item:focus,
.list-group-links a.list-group-item:focus {
  background-color: var(--c8y-component-background-active, var(--c8y-root-component-background-active));
  color: var(--c8y-component-color-active, var(--c8y-root-component-color-active));
}
.list-group-links button.list-group-item::after,
.list-group-links a.list-group-item::after {
  position: absolute;
  top: 50%;
  right: calc(var(--c8y-unit-base) + 4px);
  display: inline-block;
  color: inherit;
  content: "\e92b";
  font: normal normal normal 14px/1 "dlt-c8y-icons";
  font-size: inherit;
  transform: translate(0, -50%);
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
a.list-group-item,
button.list-group-item {
  width: 100%;
  color: white;
  text-align: left;
}
a.list-group-item .list-group-item-heading,
button.list-group-item .list-group-item-heading {
  color: #05d5f5;
}
a.list-group-item:hover,
button.list-group-item:hover,
a.list-group-item:focus,
button.list-group-item:focus {
  outline: none;
  color: var(--c8y-component-color-actions-hover, var(--c8y-root-component-color-actions-hover));
  text-decoration: none;
}
.list-group-item.disabled,
.list-group-item.disabled:hover,
.list-group-item.disabled:focus {
  background-color: var(--c8y-component-background-disabled, var(--c8y-root-component-background-disabled));
  color: var(--c8y-component-color-disabled, var(--c8y-root-component-color-disabled));
  cursor: not-allowed;
}
.list-group-item.disabled .list-group-item-heading,
.list-group-item.disabled:hover .list-group-item-heading,
.list-group-item.disabled:focus .list-group-item-heading {
  color: inherit;
}
.list-group-item.disabled .list-group-item-text,
.list-group-item.disabled:hover .list-group-item-text,
.list-group-item.disabled:focus .list-group-item-text {
  color: var(--c8y-component-color-disabled, var(--c8y-root-component-color-disabled));
}
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  z-index: 2;
  border-color: transparent;
  border-right: 0;
  border-left: 0;
  background-color: var(--c8y-component-background-active, var(--c8y-root-component-background-active));
  color: var(--c8y-component-color-active, var(--c8y-root-component-color-active));
}
.list-group-item.active .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading,
.list-group-item.active .list-group-item-heading > small,
.list-group-item.active:hover .list-group-item-heading > small,
.list-group-item.active:focus .list-group-item-heading > small,
.list-group-item.active .list-group-item-heading > .small,
.list-group-item.active:hover .list-group-item-heading > .small,
.list-group-item.active:focus .list-group-item-heading > .small {
  color: inherit;
}
.list-group-item.active .list-group-item-text,
.list-group-item.active:hover .list-group-item-text,
.list-group-item.active:focus .list-group-item-text {
  color: var(--c8y-component-color-active, var(--c8y-root-component-color-active));
}
.list-group-item-success {
  color: #132b45;
  background-color: transparent !important;
}
a.list-group-item-success,
button.list-group-item-success {
  color: #132b45;
}
a.list-group-item-success .list-group-item-heading,
button.list-group-item-success .list-group-item-heading {
  color: inherit;
}
a.list-group-item-success:hover,
button.list-group-item-success:hover,
a.list-group-item-success:focus,
button.list-group-item-success:focus {
  color: #132b45;
  filter: brightness(0.9);
}
a.list-group-item-success.active,
button.list-group-item-success.active,
a.list-group-item-success.active:hover,
button.list-group-item-success.active:hover,
a.list-group-item-success.active:focus,
button.list-group-item-success.active:focus {
  color: #fff;
  background-color: #132b45;
  border-color: #132b45;
}
.list-group-item-info {
  color: white;
  background-color: transparent !important;
}
a.list-group-item-info,
button.list-group-item-info {
  color: white;
}
a.list-group-item-info .list-group-item-heading,
button.list-group-item-info .list-group-item-heading {
  color: inherit;
}
a.list-group-item-info:hover,
button.list-group-item-info:hover,
a.list-group-item-info:focus,
button.list-group-item-info:focus {
  color: white;
  filter: brightness(0.9);
}
a.list-group-item-info.active,
button.list-group-item-info.active,
a.list-group-item-info.active:hover,
button.list-group-item-info.active:hover,
a.list-group-item-info.active:focus,
button.list-group-item-info.active:focus {
  color: #fff;
  background-color: white;
  border-color: white;
}
.list-group-item-warning {
  color: #132b45;
  background-color: transparent !important;
}
a.list-group-item-warning,
button.list-group-item-warning {
  color: #132b45;
}
a.list-group-item-warning .list-group-item-heading,
button.list-group-item-warning .list-group-item-heading {
  color: inherit;
}
a.list-group-item-warning:hover,
button.list-group-item-warning:hover,
a.list-group-item-warning:focus,
button.list-group-item-warning:focus {
  color: #132b45;
  filter: brightness(0.9);
}
a.list-group-item-warning.active,
button.list-group-item-warning.active,
a.list-group-item-warning.active:hover,
button.list-group-item-warning.active:hover,
a.list-group-item-warning.active:focus,
button.list-group-item-warning.active:focus {
  color: #fff;
  background-color: #132b45;
  border-color: #132b45;
}
.list-group-item-danger {
  color: #132b45;
  background-color: transparent !important;
}
a.list-group-item-danger,
button.list-group-item-danger {
  color: #132b45;
}
a.list-group-item-danger .list-group-item-heading,
button.list-group-item-danger .list-group-item-heading {
  color: inherit;
}
a.list-group-item-danger:hover,
button.list-group-item-danger:hover,
a.list-group-item-danger:focus,
button.list-group-item-danger:focus {
  color: #132b45;
  filter: brightness(0.9);
}
a.list-group-item-danger.active,
button.list-group-item-danger.active,
a.list-group-item-danger.active:hover,
button.list-group-item-danger.active:hover,
a.list-group-item-danger.active:focus,
button.list-group-item-danger.active:focus {
  color: #fff;
  background-color: #132b45;
  border-color: #132b45;
}
.list-group-item-active {
  color: #132b45;
  background-color: #132b45 !important;
}
a.list-group-item-active,
button.list-group-item-active {
  color: #132b45;
}
a.list-group-item-active .list-group-item-heading,
button.list-group-item-active .list-group-item-heading {
  color: inherit;
}
a.list-group-item-active:hover,
button.list-group-item-active:hover,
a.list-group-item-active:focus,
button.list-group-item-active:focus {
  color: #132b45;
  filter: brightness(0.9);
}
a.list-group-item-active.active,
button.list-group-item-active.active,
a.list-group-item-active.active:hover,
button.list-group-item-active.active:hover,
a.list-group-item-active.active:focus,
button.list-group-item-active.active:focus {
  color: #fff;
  background-color: #132b45;
  border-color: #132b45;
}
.list-group-item-heading {
  margin-top: 0;
  margin-bottom: var(--c8y-unit-base);
}
.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3;
}
.list-item-body {
  flex: 1;
  overflow-wrap: anywhere;
}
.list-item-icon {
  display: inline-block;
  flex: 0 0 auto;
  margin-right: var(--c8y-unit-base);
  max-height: 20px;
  font-size: 20px;
  line-height: 1;
}
.list-item-icon > i {
  transform: translateY(-3px);
}
.list-item-checkbox {
  align-self: flex-start;
  flex: 0 0 auto;
  margin-right: var(--c8y-unit-base);
}
.list-item-checkbox .c8y-checkbox {
  height: 20px;
  line-height: 20px;
}
.list-item-checkbox + label {
  overflow: hidden;
  flex: 1;
  margin-bottom: 0;
  text-transform: none;
  letter-spacing: 0;
  font-weight: 400;
  font-size: inherit;
  line-height: 1.1;
  cursor: pointer;
  overflow-wrap: break-word;
}
.list-item-actions {
  position: relative;
  display: flex;
  align-self: flex-start;
  flex: 0 0 auto;
  flex-flow: row nowrap;
  order: 10000;
  margin: calc(var(--c8y-unit-base) * -1 + 2px) calc(var(--c8y-component-padding, var(--c8y-root-component-padding)) * -1) calc(var(--c8y-unit-base) * -1 + 2px) 0;
  text-align: right;
}
.list-item-actions .btn + .btn {
  margin: 0;
}
.list-item-actions > .has-error {
  position: absolute;
  left: -10px;
  height: 40px;
  color: var(--palette-status-danger, var(--c8y-palette-status-danger));
  font-size: 14px;
  line-height: 40px;
}
.list-item-actions > .btn-link,
.list-item-actions .settings > .dropdown-toggle {
  order: 100;
  padding: 6px;
  width: 40px;
  height: 40px;
  color: white;
  font-size: 14px;
  opacity: var(--c8y-component-actions-opacity, var(--c8y-root-component-actions-opacity));
  transition: all 0.25s ease;
}
.list-item-actions > .btn-link:hover,
.list-item-actions .settings > .dropdown-toggle:hover,
.list-item-actions > .btn-link:focus,
.list-item-actions .settings > .dropdown-toggle:focus {
  outline: none;
  text-decoration: none;
  opacity: 1;
}
.list-item-actions label.c8y-checkbox,
.list-item-actions label.c8y-radio {
  line-height: 40px !important;
}
.list-group-item.flex-row,
.list-group-item > .flex-row {
  display: flex;
  align-items: flex-start;
  flex-flow: row wrap;
}
.list-group-item.collapsible,
.list-group-item .collapsible {
  transition: all 0.25s ease;
}
.list-group-item.collapsible.expanded,
.list-group-item .collapsible.expanded {
  z-index: 10;
}
.list-group-item.collapsible .collapse,
.list-group-item .collapsible .collapse,
.list-group-item.collapsible .collapsing,
.list-group-item .collapsible .collapsing {
  flex: 1 1 100%;
  order: 11000;
  margin: 10px calc(var(--c8y-component-padding, var(--c8y-root-component-padding)) * -1) 0;
  padding: 0 var(--c8y-component-padding, var(--c8y-root-component-padding)) var(--c8y-component-padding, var(--c8y-root-component-padding));
  min-width: 100%;
  width: auto;
}
.list-item-switch {
  flex: 0 0 48px;
  width: 48px;
}
.list-item-switch .c8y-switch {
  margin: 1px 0 -10px 0;
  min-height: 23px;
}
.list-item-switch .c8y-switch input[type='checkbox'] + span {
  top: 0;
}
.list-item-colopicker {
  flex: 0 0 30px;
  width: 30px;
}
.list-item-colorpicker {
  position: relative;
  flex: 0 0 30px;
  text-align: center;
}
.list-item-colorpicker .minicolors {
  margin: 0 auto;
  min-height: 20px;
  width: 20px;
}
.list-item-colorpicker .minicolors .minicolors-swatch {
  width: 20px;
  border: 0;
}
.list-item-colorpicker .minicolors .minicolors-swatch-color {
  top: 0;
  bottom: 0;
  border-radius: 14px;
}
.list-item-colorpicker + .list-item-body {
  padding-top: 3px;
}
.list-group-item-sticky-header {
  box-shadow: inset 0 -1px 0 transparent !important;
}
.c8y-data-point-list .data-point-details {
  padding-top: 10px;
}
.c8y-data-point-list .c8y-list__item__actions {
  align-self: center;
}
.c8y-data-point-list .c8y-list__item__collapse--container {
  padding: var(--c8y-component-padding, var(--c8y-root-component-padding));
}
c8y-datapoint-selection-list .c8y-list__item__actions {
  align-self: center;
}
c8y-datapoint-selection-list .c8y-list__item__collapse--container {
  padding: var(--c8y-component-padding, var(--c8y-root-component-padding));
}
.modal .c8y-data-point-list .c8y-list__item__check {
  padding-left: 0;
}
c8y-datapoint-selector-list-item .c8y-list__item__actions {
  padding-top: 10px!important;
}
.smart-list-icon-label {
  display: inline-block;
  flex: 0 0 auto;
  margin: 0 2px 10px;
}
.smart-list-icon-label > i {
  display: inline-block;
  width: auto;
  color: var(--c8y-palette-gray-50);
}
.smart-list-icon-label .dot:last-child {
  background-color: #41D796;
}
.card-header-actions .smart-list-icon-label,
.edit-smart-rule-details .smart-list-icon-label {
  margin: 0 10px 0 0;
}
.card-header-actions .smart-list-icon-label .dot,
.edit-smart-rule-details .smart-list-icon-label .dot {
  width: 30px;
  height: 30px;
  font-size: 14px;
  line-height: 32px;
}
@media (min-width: 768px) {
  .interact-list .smart-list-icon-label {
    margin: 0 2px;
  }
  .interact-list .smart-list-icon-label .dot {
    width: 34px;
    height: 34px;
    font-size: 16px;
    line-height: 36px;
  }
}
.smart-rule-templates-list .smart-list-icon-label {
  margin: 10px 2px;
}
.smart-rule-templates-list .smart-list-icon-label .dot {
  width: 34px;
  height: 34px;
  font-size: 16px;
  line-height: 36px;
}
.smart-rule-templates-list {
  overflow: hidden;
  margin-bottom: 0;
}
.edit-smart-rule-details {
  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.edit-smart-rule-details .card {
  box-shadow: inset 0 0 0 1px transparent;
}
.edit-smart-rule-details .smart-rule-control {
  margin-top: 10px;
}
.edit-smart-rule-details .card-group {
  margin-bottom: 0;
}
.modal-inner-scroll.smart-rule-control {
  margin: 0;
  max-height: 53vh;
}
.c8y-map {
  position: relative;
  z-index: 11;
  height: 100%;
}
.c8y-map > div {
  height: 100%;
}
.c8y-map > div:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 461;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 15px;
  background: rgba(0, 0, 0, 0.5);
  color: #132b45;
  animation: leaflet-touch-warning-fadein 0.8s backwards;
  pointer-events: none;
}
@keyframes leaflet-touch-warning-fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.c8y-map > div .touch-warning:after {
  animation: leaflet-touch-warning-fadein 0.8s forwards;
}
.c8y-map > div.touch-warning:after {
  content: attr(data-touch-warning-content);
}
.c8y-map > div .leaflet-div-icon {
  background: none;
  border: 0;
}
.c8y-map > div .c8y-map-marker-icon > div {
  font-size: 50px;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 0);
}
.c8y-map > div .c8y-map-marker-icon > div > i {
  position: absolute;
  left: 50%;
  top: 12px;
  padding: 2px;
  border-radius: 50%;
  transform: translate(-50%, 0);
  font-size: 14px;
  background-color: #132b45;
}
.c8y-map > div .c8y-map-marker-count {
  border-radius: 50%;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  background-color: #132b45;
  border: 2px solid transparent;
  cursor: pointer;
  opacity: 0.8;
  transition: opacity 0.3s;
}
.c8y-map > div .c8y-map-marker-count:before {
  content: attr(data-count);
}
.c8y-map > div .c8y-map-marker-count:hover {
  opacity: 1;
  outline: 3px solid var(--navigator-border-active, var(--c8y-navigator-border-selected));
  outline-offset: -3px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  font-family: dlt-c8y-icons !important;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  text-transform: none;
}
.c8y-map > div .c8y-map-marker-count:hover:before {
  content: '\eaef';
}
.c8y-map-status {
  position: absolute;
  top: 16px;
  right: 16px;
  z-index: 210;
}
.c8y-map-internal {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.c8y-map-internal:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 461;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 15px;
  background: rgba(0, 0, 0, 0.5);
  color: #132b45;
  animation: leaflet-touch-warning-fadein 0.8s backwards;
  pointer-events: none;
}
@keyframes leaflet-touch-warning-fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.c8y-map-internal .touch-warning:after {
  animation: leaflet-touch-warning-fadein 0.8s forwards;
}
.c8y-map-internal.touch-warning:after {
  content: attr(data-touch-warning-content);
}
.container-fluid .fullpage-map {
  position: relative;
  margin: -24px -24px 0;
  min-height: calc(100vh - calc(var(--c8y-unit-base) * 8));
}
.container-fluid .fullpage-map .leaflet-top.leaflet-left {
  top: 50px;
}
.container-fluid .fullpage-map .leaflet-top.leaflet-right {
  left: auto;
  padding-right: 0;
  padding-left: 30px;
  min-height: 50px;
  background-color: transparent;
  box-shadow: none;
}
.container-fluid .fullpage-map .leaflet-top.leaflet-right > .leaflet-control .btn-link {
  overflow: hidden;
  padding: 8px 10px;
  width: 36px;
  height: 36px;
  border-radius: 4px;
  background-color: #132b45;
  box-shadow: 0 1px 2px 1px transparent !important;
  color: var(--c8y-component-color-default, var(--c8y-root-component-color-default));
}
.container-fluid .fullpage-map .leaflet-top.leaflet-right > .leaflet-control .btn-link i {
  margin-right: 20px;
}
.container-fluid .fullpage-map .legend {
  padding: 5px;
  border-radius: 5px;
  background-color: rgba(255, 255, 255, 0.8);
  font-size: 12px;
}
.container-fluid .fullpage-map .legend > * {
  margin-bottom: 1px;
}
.container-fluid .fullpage-map .legend i {
  float: left;
  width: 18px;
  height: 18px;
  background-size: contain;
  background-repeat: no-repeat;
}
.container-fluid .fullpage-map .legend i.critical {
  background-image: url('critical-marker-icon.png');
}
.container-fluid .fullpage-map .legend i.major {
  background-image: url('major-marker-icon.png');
}
.container-fluid .fullpage-map .legend i.minor {
  background-image: url('minor-marker-icon.png');
}
.container-fluid .fullpage-map .legend i.warning {
  background-image: url('warning-marker-icon.png');
}
.container-fluid .fullpage-map .legend i.normal {
  background-image: url('normal-marker-icon.png');
}
.container-fluid .fullpage-map .leaflet-marker-icon.blink {
  animation: blink 0.5s ease-in-out infinite alternate;
}
.container-fluid .fullpage-map .leaflet-top.leaflet-left {
  top: 0;
}
.tracker-selection .radio + .radio {
  margin-top: 0;
}
.tracker-selection .radio label {
  display: block;
  margin-bottom: 10px;
  padding: 30px 22px;
  background-color: white;
  color: var(--c8y-palette-gray-40);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
}
.tracker-selection .radio label input[type='radio'] {
  position: absolute;
  top: 50%;
  left: 21px;
  margin: 0;
  margin-top: -8px;
}
.tracker-selection .radio label input[type='radio']:checked ~ span {
  color: #132b45;
}
.tracker-selection .radio label input[type='radio']:checked ~ span:before {
  position: absolute;
  top: 50%;
  left: 17px;
  margin-top: -11px;
  width: 22px;
  height: 22px;
  border: 3px solid #132b45;
  border-radius: 50%;
  background: #132b45;
  content: '';
}
.tracker-selection .radio label input[type='radio']:checked ~ span:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 2px solid #132b45;
  content: '';
}
.tracker-selection .radio label input[type='radio'] + span {
  display: inline-block;
  margin-left: 110px;
}
.tracker-selection .radio label[data-tracker-model] {
  position: relative;
  background-position: 35px;
  background-size: contain;
  background-repeat: no-repeat;
}
.c8y-wizard {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  width: 100%;
  height: 100%;
}
.c8y-wizard .modal-header {
  color: var(--c8y-palette-high);
}
.c8y-wizard .modal-content {
  min-width: 300px;
  border: 0;
}
@media (min-width: 768px) {
  .c8y-wizard .modal-content {
    min-width: 300px;
    max-width: 420px;
    width: auto;
  }
}
.c8y-wizard-nav {
  padding: var(--c8y-unit-base);
  color: var(--c8y-palette-gray-50);
  text-align: center;
  text-transform: uppercase;
  font-weight: 400;
}
.c8y-wizard-nav a:hover {
  text-decoration: none;
}
.c8y-wizard-title {
  padding: var(--c8y-unit-base) var(--c8y-unit-base) calc(var(--c8y-unit-base) * 0.5);
  background-color: var(--c8y-palette-gray-90);
  text-align: center;
  text-transform: uppercase;
  font-weight: 100;
  font-size: 18px;
}
.c8y-wizard-title > [class^='dlt-c8y-icon-'],
.c8y-wizard-title > [class*=' dlt-c8y-icon-'] {
  color: #132b45;
}
.c8y-wizard-content {
  position: relative;
  overflow: hidden;
  min-height: 200px;
  transition: height 0.3s ease;
}
.c8y-wizard-content .edition-modal {
  height: calc(100vh - 300px);
}
.c8y-wizard-content .c8y-wizard-panel {
  position: absolute;
  display: none;
  width: 100%;
  height: auto;
  animation-duration: 0.25s;
}
.c8y-wizard-content .c8y-wizard-panel.active,
.c8y-wizard-content .c8y-wizard-panel.animated {
  display: block;
}
.c8y-wizard-content .drop-zone {
  margin: var(--c8y-unit-base) auto;
  padding-bottom: 0;
  min-height: 254px;
  max-width: 280px;
}
.c8y-wizard-body {
  padding: calc(var(--c8y-unit-base) * 0.5) calc(var(--c8y-unit-base) * 2);
}
.c8y-wizard-list-nav .list-group-item {
  position: relative;
  display: flex;
  align-items: center;
  flex-flow: row nowrap;
  margin: 0;
  padding: calc(var(--c8y-unit-base) * 0.5) calc(var(--c8y-unit-base) * 3) calc(var(--c8y-unit-base) * 0.5) calc(var(--c8y-unit-base) * 2);
  box-shadow: inset 0 -1px 0 0 transparent;
}
.c8y-wizard-list-nav .list-group-item .list-group-icon {
  margin-right: var(--c8y-unit-base);
  max-height: 32px;
}
.c8y-wizard-list-nav .list-group-item .list-group-icon .app-noicon {
  margin: 0;
  width: 30px;
  height: 30px;
  font-size: 18px;
  line-height: 34px;
}
.c8y-wizard-list-nav .list-group-item [class^='dlt-c8y-icon-'],
.c8y-wizard-list-nav .list-group-item [class*=' dlt-c8y-icon-'],
.c8y-wizard-list-nav .list-group-item .c8y-icon {
  margin-right: var(--c8y-unit-base);
  width: 26px;
  vertical-align: middle;
  font-size: 24px;
}
.c8y-wizard-list-nav .list-group-item c8y-app-icon .c8y-icon {
  width: 30px;
  font-size: 30px;
}
.c8y-wizard-list-nav .list-group-item .app-icon {
  display: inline-block;
  margin-top: -2px;
  margin-right: var(--c8y-unit-base);
  height: 26px;
  font-size: 24px;
}
.c8y-wizard-list-nav .list-group-item:after {
  position: absolute;
  top: 50%;
  right: calc(var(--c8y-unit-base) * 2);
  display: inline-block;
  color: var(--c8y-palette-gray-50);
  content: "\e92b";
  font: normal normal normal 14px/1 "dlt-c8y-icons";
  font-size: inherit;
  transform: translate(0, -50%);
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.c8y-wizard-footer {
  padding: calc(var(--c8y-unit-base) * 3);
  box-shadow: inset 0 -1px 0 transparent;
  text-align: center;
}
.c8y-wizard-footer .btn:not(.btn-clean) {
  min-width: 100px;
}
@media (max-width: 767px) {
  .c8y-wizard-footer .btn:not(.btn-clean) {
    min-width: 80px;
  }
}
.c8y-wizard-form {
  position: relative;
  padding: var(--c8y-unit-base) 0;
  border-top: 1px solid rgba(0, 0, 0, 0.03);
  background-color: var(--c8y-palette-gray-100);
}
.c8y-wizard-form hr {
  border-top-color: var(--c8y-palette-gray-80);
}
.c8y-wizard-form .form-group {
  padding: 0 calc(var(--c8y-unit-base) * 2);
}
.c8y-wizard-processing {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  background-color: rgba(19, 43, 69, 0.7);
}
.c8y-wizard-processing .spinner {
  top: 50%;
  left: 50%;
  margin: -20px 0 0 -25px;
}
@media screen and (min-width: 768px) {
  .c8y-wizard .modal-dialog {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    width: 100%;
    height: 100%;
  }
  .c8y-wizard .modal-content {
    min-width: 420px;
    max-width: 600px;
  }
  .c8y-wizard .modal-content .register-devices {
    display: block;
    max-width: 420px;
  }
}
.modal-body .row {
  margin: 0 -15px;
}
.modal-body .row [class*='col-'] {
  padding-right: 15px;
  padding-left: 15px;
}
.btn-toggle-panel {
  display: block;
  padding: 0;
  border: 0;
  background-color: transparent;
  background-image: none;
  color: #05d5f5;
  text-align: center;
}
.btn-toggle-panel [class^='dlt-c8y-icon-'],
.btn-toggle-panel [class*=' dlt-c8y-icon-'] {
  transition: all 0.35s ease;
}
.btn-toggle-panel.open [class^='dlt-c8y-icon-'],
.btn-toggle-panel.open [class*=' dlt-c8y-icon-'] {
  transform: rotate(180deg);
}
.btn-toggle-panel:hover {
  color: var(--link-hover-color, var(--c8y-component-color-link-hover, var(--c8y-root-component-color-link-hover)));
}
.btn-toggle-panel:focus {
  outline: none;
}
.dashboard-preview-list {
  overflow-y: auto;
  margin-bottom: 10px;
  max-height: 125px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
}
.dashboard-preview-list > .dashboard-preview-item:first-child {
  border-top: 0;
}
.dashboard-preview-list > .dashboard-preview-item:last-child {
  border-bottom: 0;
}
.dashboard-preview-item {
  position: relative;
  display: block;
  margin: 0;
  padding: 5px 10px;
  min-height: 10px;
  color: inherit;
  text-transform: none;
  font-weight: normal;
  font-size: 100%;
  cursor: pointer;
}
.dashboard-preview-item:hover {
  color: #132b45;
}
.dashboard-preview-item input[type='radio'] {
  position: absolute;
  opacity: 0;
}
.dashboard-preview-item input[type='radio']:checked ~ .preview-label {
  color: #132b45;
}
.dashboard-preview-item input[type='radio']:checked ~ .preview-label::after {
  position: absolute;
  top: 1px;
  right: 0;
  width: 28px;
  height: 28px;
  color: #132b45;
  content: "\eaee";
  text-align: center;
  font: normal normal normal 20px/1 "dlt-c8y-icons";
  font-size: inherit;
  line-height: 28px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.statusOk {
  color: var(--palette-status-success-dark, var(--c8y-palette-status-success-dark));
}
.statusNok {
  color: var(--palette-status-danger, var(--c8y-palette-status-danger));
}
.statusAlert {
  color: var(--palette-status-warning, var(--c8y-palette-status-warning));
}
.statusUnknown {
  color: var(--c8y-palette-gray-40);
}
.sendStatus,
.pushStatus {
  fill: url(#smallGradient);
}
.status.warning {
  color: var(--palette-status-info, var(--c8y-palette-status-info));
}
.color.warning {
  color: var(--palette-status-warning, var(--c8y-palette-status-warning));
}
.color.minor {
  color: var(--palette-status-warning-light, var(--c8y-palette-status-warning-light));
}
.status.minor {
  --c8y-icon-stroke-color: var(--palette-status-warning-dark, var(--c8y-palette-status-warning-dark));
  color: var(--palette-status-warning-light, var(--c8y-palette-status-warning-light));
}
.status.major {
  color: var(--palette-status-warning, var(--c8y-palette-status-warning));
}
.color.major {
  color: var(--palette-status-warning, var(--c8y-palette-status-warning));
}
.status.critical {
  color: var(--palette-status-danger, var(--c8y-palette-status-danger));
}
.color.critical {
  color: var(--palette-status-danger, var(--c8y-palette-status-danger));
}
path.statusUnknown {
  fill: var(--c8y-palette-gray-50);
}
path.statusUnknown.pushStatus {
  fill: var(--c8y-palette-gray-40);
}
path.statusOk {
  fill: #41D796;
}
path.statusOk.pushStatus {
  fill: var(--palette-status-success-dark, var(--c8y-palette-status-success-dark));
}
path.statusNok {
  fill: var(--palette-status-danger, var(--c8y-palette-status-danger));
}
path.statusNok.pushStatus {
  fill: var(--palette-status-danger-dark, var(--c8y-palette-status-danger-dark));
}
.fill-warning {
  fill: var(--palette-status-warning, var(--c8y-palette-status-warning));
}
.alarm-icons {
  position: relative;
  font-size: 20px;
  width: 28px;
}
.alarm-icons .btn-clean.severity {
  position: absolute !important;
  top: 0;
  left: 50%;
  z-index: 10;
}
.alarm-icons .btn-clean.status {
  margin-top: 8px;
  font-size: 24px;
}
/* required styles */
.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
  position: absolute;
  left: 0;
  top: 0;
}
.leaflet-container {
  overflow: hidden;
}
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
  -webkit-user-select: none;
          user-select: none;
  -webkit-user-drag: none;
}
/* Prevents IE11 from highlighting tiles in blue */
.leaflet-tile::selection {
  background: transparent;
}
/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
.leaflet-safari .leaflet-tile {
  image-rendering: -webkit-optimize-contrast;
}
/* hack that prevents hw layers "stretching" when loading new tiles */
.leaflet-safari .leaflet-tile-container {
  width: 1600px;
  height: 1600px;
  -webkit-transform-origin: 0 0;
}
.leaflet-marker-icon,
.leaflet-marker-shadow {
  display: block;
}
/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container .leaflet-overlay-pane svg,
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
  max-width: none !important;
  max-height: none !important;
}
.leaflet-container.leaflet-touch-zoom {
  touch-action: pan-x pan-y;
}
.leaflet-container.leaflet-touch-drag {
  /* Fallback for FF which doesn't support pinch-zoom */
  touch-action: none;
  touch-action: pinch-zoom;
}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
  touch-action: none;
}
.leaflet-container {
  -webkit-tap-highlight-color: transparent;
}
.leaflet-container a {
  -webkit-tap-highlight-color: #05d5f5;
}
.leaflet-container a:focus {
  outline: 2px solid #05d5f5;
  outline-offset: -2px;
  border-radius: var(--c8y-component-border-radius-focus, var(--c8y-root-component-border-radius-focus)) !important;
}
.leaflet-tile {
  filter: inherit;
  visibility: hidden;
}
.leaflet-tile-loaded {
  visibility: inherit;
}
.leaflet-zoom-box {
  width: 0;
  height: 0;
  box-sizing: border-box;
  z-index: 800;
}
/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
  -moz-user-select: none;
}
.leaflet-pane {
  z-index: 400;
}
.leaflet-tile-pane {
  z-index: 200;
}
.leaflet-overlay-pane {
  z-index: 400;
}
.leaflet-shadow-pane {
  z-index: 500;
}
.leaflet-marker-pane {
  z-index: 600;
}
.leaflet-tooltip-pane {
  z-index: 650;
}
.leaflet-popup-pane {
  z-index: 700;
}
.leaflet-map-pane canvas {
  z-index: 100;
}
.leaflet-map-pane svg {
  z-index: 200;
}
.leaflet-vml-shape {
  width: 1px;
  height: 1px;
}
.lvml {
  behavior: url(#default#VML);
  display: inline-block;
  position: absolute;
}
/* control positioning */
.leaflet-control {
  position: relative;
  z-index: 800;
  pointer-events: auto;
}
.leaflet-top,
.leaflet-bottom {
  position: absolute;
  z-index: 1000;
  pointer-events: none;
}
.leaflet-top {
  top: 0;
}
.leaflet-right {
  right: 0;
}
.leaflet-bottom {
  bottom: 0;
}
.leaflet-left {
  left: 0;
}
.leaflet-control {
  float: left;
  clear: both;
}
.leaflet-right .leaflet-control {
  float: right;
  display: flex;
  gap: var(--c8y-unit-base);
}
.leaflet-top .leaflet-control {
  margin-top: 16px;
}
.leaflet-bottom .leaflet-control {
  margin-bottom: 16px;
}
.leaflet-left .leaflet-control {
  margin-left: 16px;
}
.leaflet-right .leaflet-control {
  margin-right: 16px;
}
/* zoom and fade animations */
.leaflet-fade-anim .leaflet-tile {
  will-change: opacity;
}
.leaflet-fade-anim .leaflet-popup {
  opacity: 0;
  transition: opacity 0.2s linear;
}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
  opacity: 1;
}
.leaflet-zoom-animated {
  transform-origin: 0 0;
}
.leaflet-zoom-anim .leaflet-zoom-animated {
  will-change: transform;
}
.leaflet-zoom-anim .leaflet-zoom-animated {
  transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1);
}
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
  transition: none;
}
.leaflet-zoom-anim .leaflet-zoom-hide {
  visibility: hidden;
}
/* cursors */
.leaflet-interactive {
  cursor: pointer;
}
.leaflet-grab {
  cursor: grab;
}
.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
  cursor: crosshair;
}
.leaflet-popup-pane,
.leaflet-control {
  cursor: auto;
}
.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
  cursor: move;
  cursor: grabbing;
}
/* marker & overlays interactivity */
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
  pointer-events: none;
}
.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive,
svg.leaflet-image-layer.leaflet-interactive path {
  pointer-events: visiblePainted;
  /* IE 9-10 doesn't have auto */
  pointer-events: auto;
}
/* visual tweaks */
.leaflet-container {
  background: transparent;
  outline: 0;
}
.leaflet-container a {
  color: var(--c8y-component-icon-dark-color-dark, var(--c8y-root-component-icon-dark-color-dark, var(--brand-dark, var(--c8y-brand-dark))));
}
.leaflet-container a.leaflet-active {
  outline: 2px solid var(--palette-status-warning, var(--c8y-palette-status-warning));
}
.leaflet-zoom-box {
  border: 2px dotted #05d5f5;
  background: rgba(255, 255, 255, 0.5);
}
/* general typography */
.leaflet-container {
  font: 12px/1.5 'Helvetica Neue', Arial, Helvetica, sans-serif;
}
/* general toolbar styles */
.leaflet-bar {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
  border-radius: 4px;
}
.leaflet-bar a,
.leaflet-bar button {
  background-color: #132b45;
  border-bottom: 1px solid var(--c8y-palette-gray-80);
  width: 26px;
  height: 26px;
  line-height: 26px;
  text-align: center;
  text-decoration: none;
  color: var(--c8y-component-color-default, var(--c8y-root-component-color-default));
}
.leaflet-bar a:hover,
.leaflet-bar button:hover {
  color: #05d5f5;
}
.leaflet-bar a[disabled],
.leaflet-bar button[disabled],
.leaflet-bar a.disabled,
.leaflet-bar button.disabled {
  color: #8a9596;
  cursor: not-allowed;
}
.leaflet-bar a,
.leaflet-control-layers-toggle {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  display: block;
}
.leaflet-bar a:hover,
.leaflet-bar button:hover {
  background-color: var(--c8y-palette-gray-90);
}
.leaflet-bar a:focus,
.leaflet-bar button:focus {
  outline: 2px solid #05d5f5;
  outline-offset: -2px;
  border-radius: var(--c8y-component-border-radius-focus, var(--c8y-root-component-border-radius-focus)) !important;
}
.leaflet-bar a:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.leaflet-bar a:last-child {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom: none;
}
.leaflet-bar a.leaflet-disabled {
  cursor: default;
  opacity: var(--c8y-component-disabled-opacity, var(--c8y-root-component-disabled-opacity));
  color: var(--c8y-component-color-disabled, var(--c8y-root-component-color-disabled));
  pointer-events: none;
}
.leaflet-touch .leaflet-bar a,
.leaflet-touch .leaflet-bar button,
.leaflet-touch .leaflet-bar .time-elapsed {
  width: 30px;
  height: 30px;
  line-height: 30px;
  background-image: none;
  border: 0;
  border-bottom: 1px solid var(--c8y-palette-gray-80);
  display: block;
  font-size: 17px;
}
.leaflet-touch .leaflet-bar .c8y-realtime {
  margin: 0 !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
.leaflet-touch .leaflet-bar .c8y-realtime .c8y-pulse {
  margin: 0 !important;
}
.leaflet-touch .leaflet-bar .c8y-realtime .c8y-pulse.active::before {
  z-index: 0;
}
.leaflet-touch .leaflet-bar a:first-child {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
.leaflet-touch .leaflet-bar a:last-child {
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}
/* zoom control */
.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
  font: bold 18px 'Lucida Console', Monaco, monospace;
  text-indent: 1px;
}
.leaflet-touch .leaflet-control-zoom-in,
.leaflet-touch .leaflet-control-zoom-out {
  font-size: 22px !important;
  line-height: 26px !important;
}
/* layers control */
.leaflet-control-layers {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
  background: #132b45;
  border-radius: 5px;
}
.leaflet-control-layers-toggle {
  background-image: url('layers.png');
  width: 36px;
  height: 36px;
}
.leaflet-retina .leaflet-control-layers-toggle {
  background-image: url('layers-2x.png');
  background-size: 26px 26px;
}
.leaflet-touch .leaflet-control-layers-toggle {
  width: 44px;
  height: 44px;
}
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
  display: none;
}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
  display: block;
  position: relative;
}
.leaflet-control-layers-expanded {
  padding: 6px 10px 6px 6px;
  color: var(--c8y-component-color-default, var(--c8y-root-component-color-default));
  background: #132b45;
}
.leaflet-control-layers-scrollbar {
  overflow-y: scroll;
  overflow-x: hidden;
  padding-right: 5px;
}
.leaflet-control-layers-selector {
  margin-top: 2px;
  position: relative;
  top: 1px;
}
.leaflet-control-layers label {
  display: block;
}
.leaflet-control-layers-separator {
  height: 0;
  border-top: 1px solid transparent;
  margin: 5px -10px 5px -6px;
}
/* Default icon URLs */
.leaflet-default-icon-path {
  background-image: url('marker-icon.png');
}
/* attribution and scale controls */
.leaflet-container .leaflet-control-attribution {
  background: #132b45;
  background: rgba(255, 255, 255, 0.7);
  margin: 0;
}
.leaflet-control-attribution,
.leaflet-control-scale-line {
  padding: 0 5px;
  color: var(--c8y-component-color-default, var(--c8y-root-component-color-default));
}
.leaflet-control-attribution a {
  text-decoration: none;
}
.leaflet-control-attribution a:hover {
  text-decoration: underline;
}
.leaflet-container .leaflet-control-attribution,
.leaflet-container .leaflet-control-scale {
  font-size: 11px;
}
.leaflet-left .leaflet-control-scale {
  margin-left: 5px;
}
.leaflet-bottom .leaflet-control-scale {
  margin-bottom: 5px;
}
.leaflet-control-scale-line {
  border: 2px solid var(--c8y-palette-gray-50);
  border-top: none;
  line-height: 1.1;
  padding: 2px 5px 1px;
  font-size: 11px;
  white-space: nowrap;
  overflow: hidden;
  box-sizing: border-box;
  background: #132b45;
  background: rgba(255, 255, 255, 0.5);
}
.leaflet-control-scale-line:not(:first-child) {
  border-top: 2px solid var(--c8y-palette-gray-50);
  border-bottom: none;
  margin-top: -2px;
}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
  border-bottom: 2px solid var(--c8y-palette-gray-50);
}
.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
  box-shadow: none;
}
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
  border: 2px solid rgba(0, 0, 0, 0.2);
  background-clip: padding-box;
}
/* popup */
.leaflet-popup {
  position: absolute;
  text-align: center;
  margin-bottom: 20px;
  margin-left: 1px !important;
}
.leaflet-popup-content-wrapper {
  padding: 1px;
  text-align: left;
  border-radius: var(--c8y-popover-border-radius);
}
.leaflet-popup-content {
  margin: 0;
  padding: 8px;
  line-height: 1.3;
}
.leaflet-popup-content p {
  margin: 8px 0;
}
.leaflet-popup-tip-container {
  width: 40px;
  height: 20px;
  position: absolute;
  left: 50%;
  margin-left: -20px;
  margin-top: -1px;
  overflow: hidden;
  pointer-events: none;
}
.leaflet-popup-tip {
  width: 17px;
  height: 17px;
  padding: 1px;
  margin: -10px auto 0;
  transform: rotate(45deg);
}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
  background: #132b45;
  color: var(--c8y-component-color-default, var(--c8y-root-component-color-default));
  box-shadow: 0 3px 14px rgba(0, 0, 0, 0.16);
}
.leaflet-container a.leaflet-popup-close-button {
  position: absolute;
  top: 0;
  right: 0;
  padding: 8px;
  border: none;
  text-align: center;
  font: 16px/14px Tahoma, Verdana, sans-serif;
  color: #8a9596;
  text-decoration: none;
  font-weight: bold;
  background: transparent;
  font-size: 12px;
  opacity: 0;
  transform: translate(0, 0);
  transition: all 0.25s ease;
  background-color: #132b45;
  border-radius: 50%;
  line-height: 1;
}
.leaflet-popup:hover a.leaflet-popup-close-button {
  opacity: 1;
  transform: translate(16px, -16px);
}
.leaflet-popup:hover a.leaflet-popup-close-button:hover {
  color: #05d5f5;
}
.leaflet-popup-scrolled {
  overflow: auto;
  border-bottom: 1px solid transparent;
  border-top: 1px solid transparent;
}
.leaflet-oldie .leaflet-popup-content-wrapper {
  -ms-zoom: 1;
}
.leaflet-oldie .leaflet-popup-tip {
  width: 24px;
  margin: 0 auto;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)';
  filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
}
.leaflet-oldie .leaflet-popup-tip-container {
  margin-top: -1px;
}
.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
  border: 1px solid var(--c8y-palette-gray-60);
}
/* div icon */
.leaflet-div-icon {
  background: #132b45;
  border: 1px solid var(--c8y-palette-gray-50);
}
/* Tooltip */
/* Base styles for the element that has a tooltip */
.leaflet-tooltip {
  position: absolute;
  padding: 6px;
  background-color: #132b45;
  border: 1px solid #132b45;
  border-radius: 3px;
  color: var(--c8y-component-color-default, var(--c8y-root-component-color-default));
  white-space: nowrap;
  -webkit-user-select: none;
          user-select: none;
  pointer-events: none;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}
.leaflet-tooltip.leaflet-clickable {
  cursor: pointer;
  pointer-events: auto;
}
.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
  position: absolute;
  pointer-events: none;
  border: 6px solid transparent;
  background: transparent;
  content: '';
}
/* Directions */
.leaflet-tooltip-bottom {
  margin-top: 6px;
}
.leaflet-tooltip-top {
  margin-top: -6px;
}
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
  left: 50%;
  margin-left: -6px;
}
.leaflet-tooltip-top:before {
  bottom: 0;
  margin-bottom: -12px;
  border-top-color: #132b45;
}
.leaflet-tooltip-bottom:before {
  top: 0;
  margin-top: -12px;
  margin-left: -6px;
  border-bottom-color: #132b45;
}
.leaflet-tooltip-left {
  margin-left: -6px;
}
.leaflet-tooltip-right {
  margin-left: 6px;
}
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
  top: 50%;
  margin-top: -6px;
}
.leaflet-tooltip-left:before {
  right: 0;
  margin-right: -12px;
  border-left-color: #132b45;
}
.leaflet-tooltip-right:before {
  left: 0;
  margin-left: -12px;
  border-right-color: #132b45;
}
svg:not(.leaflet-zoom-animated) {
  display: block;
  width: 100%;
  height: 100%;
}
[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak {
  display: none !important;
}
@media (min-width: 1200px) {
  .showOnHover:not(.open) {
    opacity: 0;
  }
  .expanded .showOnHover:not(.open) {
    opacity: 1;
  }
  .showOnHover:not(.open):focus,
  .showOnHover:not(.open):focus-within {
    opacity: 1;
  }
  div:hover > .showOnHover,
  div:hover > p > .showOnHover,
  li:hover > .showOnHover,
  tr:hover .showOnHover,
  .c8y-list__item__body:hover .showOnHover {
    opacity: 1;
  }
}
.listLink {
  display: inline-block;
  width: 100%;
  color: inherit !important;
  text-decoration: none !important;
}
.interact {
  cursor: pointer;
}
.leaflet-container svg:not(.leaflet-zoom-animated) {
  width: auto;
  height: auto;
}
.draggableCursor {
  cursor: move;
}
.tooltip-no-max-width + .tooltip .tooltip-inner {
  max-width: none;
  white-space: pre;
}
.checkbox label {
  -webkit-user-select: none;
  user-select: none;
}
_:-ms-lang(x),
.ie10up,
img[src*='.svg'] {
  width: 100%;
}
input[type='number'].no-spinners::-webkit-inner-spin-button,
input[type='number'].no-spinners::-webkit-outer-spin-button {
  margin: 0;
  appearance: none;
  -webkit-appearance: none;
}
.disabled {
  outline: 0 !important;
}
.wide-linebreak-tooltip .tooltip-inner {
  min-width: 360px;
  white-space: pre-wrap;
}
.realtime-animation-list.ng-enter,
.realtime-animation-list.ng-change {
  background-color: var(--c8y-component-realtime-added, var(--c8y-root-component-realtime-added));
  transition: 1s linear all;
}
.realtime-animation-list.ng-enter-active,
.realtime-animation-list.ng-change {
  background-color: #132b45;
}
/* Icon Font: c8yicon */
@font-face {
  font-family: "c8yicon-dark";
  src: url('c8yicon-dark.eot');
  src: url('c8yicon-dark.eot?#iefix') format("embedded-opentype"), url('c8yicon-dark.woff') format("woff"), url('c8yicon-dark.ttf') format("truetype"), url('c8yicon-dark.svg#c8yicon-dark') format("svg");
  font-weight: normal;
  font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: "c8yicon-dark";
    src: url('c8yicon-dark.svg#c8yicon-dark') format("svg");
  }
}
@font-face {
  font-family: "c8yicon-light";
  src: url('c8yicon-light.eot');
  src: url('c8yicon-light.eot?#iefix') format("embedded-opentype"), url('c8yicon-light.woff') format("woff"), url('c8yicon-light.ttf') format("truetype"), url('c8yicon-light.svg#c8yicon-light') format("svg");
  font-weight: normal;
  font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: "c8yicon-light";
    src: url('c8yicon-light.svg#c8yicon-light') format("svg");
  }
}
.c8y-icon {
  position: relative;
  display: inline-block;
  line-height: 1;
  padding: 0;
  min-width: 1em;
}
.c8y-icon:not([class^="fa-"]):not([class*=" fa-"]):not([class^="dlt-c8y-icon-"]):not([class*=" dlt-c8y-icon-"])::before {
  display: inline-block;
  font-family: "c8yicon-dark";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  width: 1.1em;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
}
.c8y-app-icon .c8y-icon:not([class^="fa-"]):not([class*=" fa-"]):not([class^="dlt-c8y-icon-"]):not([class*=" dlt-c8y-icon-"])::before {
  width: auto;
}
.c8y-icon:not([class^="fa-"]):not([class*=" fa-"]):not([class^="dlt-c8y-icon-"]):not([class*=" dlt-c8y-icon-"])::after {
  display: inline-block;
  font-family: "c8yicon-light";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
}
.c8y-icon-white:before {
  color: var(--c8y-component-icon-white-color-dark, var(--c8y-root-component-icon-white-color-dark, var(--c8y-palette-high)));
}
.c8y-icon-white::after {
  color: var(--c8y-component-icon-white-color-light, var(--c8y-root-component-icon-white-color-light, #05d5f5));
}
.c8y-icon-duocolor:before {
  color: #3b4748;
}
.c8y-icon-duocolor.text-danger:before {
  color: var(--palette-status-danger, var(--c8y-palette-status-danger));
}
.c8y-icon-duocolor.text-warning:before {
  color: var(--palette-status-warning, var(--c8y-palette-status-warning));
}
.c8y-icon-duocolor.text-info:before {
  color: var(--palette-status-info, var(--c8y-palette-status-info));
}
.c8y-icon-duocolor.text-success:before {
  color: #41D796;
}
.c8y-icon-duocolor.text-muted:before {
  color: #8a9596;
}
.c8y-icon-duocolor:after {
  color: var(--c8y-component-icon-dark-color-light, var(--c8y-root-component-icon-dark-color-light, #05d5f5));
}
.c8y-icon-aab-icon-model:before,
.c8y-icon-aab-icon-model:after {
  content: "\f100";
}
.c8y-icon-aab-icon-template-model:before,
.c8y-icon-aab-icon-template-model:after {
  content: "\f101";
}
.c8y-icon-accounts:before,
.c8y-icon-accounts:after {
  content: "\f102";
}
.c8y-icon-add-user:before,
.c8y-icon-add-user:after {
  content: "\f103";
}
.c8y-icon-administration:before,
.c8y-icon-administration:after {
  content: "\f104";
}
.c8y-icon-alarm:before,
.c8y-icon-alarm:after {
  content: "\f105";
}
.c8y-icon-alert-idle:before,
.c8y-icon-alert-idle:after {
  content: "\f106";
}
.c8y-icon-alfabet:before,
.c8y-icon-alfabet:after {
  content: "\f107";
}
.c8y-icon-analytic-model:before,
.c8y-icon-analytic-model:after {
  content: "\f108";
}
.c8y-icon-analytics-builder:before,
.c8y-icon-analytics-builder:after {
  content: "\f109";
}
.c8y-icon-apama-epl:before,
.c8y-icon-apama-epl:after {
  content: "\f10a";
}
.c8y-icon-apama-machine-learning:before,
.c8y-icon-apama-machine-learning:after {
  content: "\f10b";
}
.c8y-icon-apama-machine-learning-workbench:before,
.c8y-icon-apama-machine-learning-workbench:after {
  content: "\f10c";
}
.c8y-icon-archive:before,
.c8y-icon-archive:after {
  content: "\f10d";
}
.c8y-icon-aris:before,
.c8y-icon-aris:after {
  content: "\f10e";
}
.c8y-icon-atom:before,
.c8y-icon-atom:after {
  content: "\f10f";
}
.c8y-icon-book:before,
.c8y-icon-book:after {
  content: "\f110";
}
.c8y-icon-bookmark:before,
.c8y-icon-bookmark:after {
  content: "\f111";
}
.c8y-icon-bulb:before,
.c8y-icon-bulb:after {
  content: "\f112";
}
.c8y-icon-business-rules:before,
.c8y-icon-business-rules:after {
  content: "\f113";
}
.c8y-icon-c8y:before,
.c8y-icon-c8y:after {
  content: "\f114";
}
.c8y-icon-c8y-data:before,
.c8y-icon-c8y-data:after {
  content: "\f115";
}
.c8y-icon-c8y-support:before,
.c8y-icon-c8y-support:after {
  content: "\f116";
}
.c8y-icon-calendar:before,
.c8y-icon-calendar:after {
  content: "\f117";
}
.c8y-icon-chart:before,
.c8y-icon-chart:after {
  content: "\f118";
}
.c8y-icon-circle-star:before,
.c8y-icon-circle-star:after {
  content: "\f119";
}
.c8y-icon-cloud-container:before,
.c8y-icon-cloud-container:after {
  content: "\f11a";
}
.c8y-icon-cockpit:before,
.c8y-icon-cockpit:after {
  content: "\f11b";
}
.c8y-icon-component:before,
.c8y-icon-component:after {
  content: "\f11c";
}
.c8y-icon-connector-in:before,
.c8y-icon-connector-in:after {
  content: "\f11d";
}
.c8y-icon-connector-out:before,
.c8y-icon-connector-out:after {
  content: "\f11e";
}
.c8y-icon-css:before,
.c8y-icon-css:after {
  content: "\f11f";
}
.c8y-icon-cumulocity-iot:before,
.c8y-icon-cumulocity-iot:after {
  content: "\f120";
}
.c8y-icon-data-broker:before,
.c8y-icon-data-broker:after {
  content: "\f121";
}
.c8y-icon-data-explorer:before,
.c8y-icon-data-explorer:after {
  content: "\f122";
}
.c8y-icon-data-hub:before,
.c8y-icon-data-hub:after {
  content: "\f123";
}
.c8y-icon-data-points:before,
.c8y-icon-data-points:after {
  content: "\f124";
}
.c8y-icon-design:before,
.c8y-icon-design:after {
  content: "\f125";
}
.c8y-icon-device:before,
.c8y-icon-device:after {
  content: "\f126";
}
.c8y-icon-device-connect:before,
.c8y-icon-device-connect:after {
  content: "\f127";
}
.c8y-icon-device-control:before,
.c8y-icon-device-control:after {
  content: "\f128";
}
.c8y-icon-device-management:before,
.c8y-icon-device-management:after {
  content: "\f129";
}
.c8y-icon-device-profile:before,
.c8y-icon-device-profile:after {
  content: "\f12a";
}
.c8y-icon-device-protocols:before,
.c8y-icon-device-protocols:after {
  content: "\f12b";
}
.c8y-icon-e2e-monitoring:before,
.c8y-icon-e2e-monitoring:after {
  content: "\f167";
}
.c8y-icon-energy:before,
.c8y-icon-energy:after {
  content: "\f12c";
}
.c8y-icon-enterprise:before,
.c8y-icon-enterprise:after {
  content: "\f12d";
}
.c8y-icon-event-processing:before,
.c8y-icon-event-processing:after {
  content: "\f12e";
}
.c8y-icon-events:before,
.c8y-icon-events:after {
  content: "\f12f";
  margin-top: 6px;
}
.c8y-icon-fieldbus:before,
.c8y-icon-fieldbus:after {
  content: "\f130";
}
.c8y-icon-find-map:before,
.c8y-icon-find-map:after {
  content: "\f131";
}
.c8y-icon-firmware:before,
.c8y-icon-firmware:after {
  content: "\f132";
}
.c8y-icon-grid-off:before,
.c8y-icon-grid-off:after {
  content: "\f133";
}
.c8y-icon-grid-on:before,
.c8y-icon-grid-on:after {
  content: "\f134";
}
.c8y-icon-group:before,
.c8y-icon-group:after {
  content: "\f135";
}
.c8y-icon-group-add:before,
.c8y-icon-group-add:after {
  content: "\f136";
}
.c8y-icon-group-open:before,
.c8y-icon-group-open:after {
  content: "\f137";
}
.c8y-icon-group-remote:before,
.c8y-icon-group-remote:after {
  content: "\f138";
}
.c8y-icon-group-remote-inactive:before,
.c8y-icon-group-remote-inactive:after {
  content: "\f139";
}
.c8y-icon-group-remote-open:before,
.c8y-icon-group-remote-open:after {
  content: "\f13a";
}
.c8y-icon-group-smart:before,
.c8y-icon-group-smart:after {
  content: "\f13b";
}
.c8y-icon-group-smart-open:before,
.c8y-icon-group-smart-open:after {
  content: "\f13c";
}
.c8y-icon-java:before,
.c8y-icon-java:after {
  content: "\f13d";
}
.c8y-icon-layers:before,
.c8y-icon-layers:after {
  content: "\f13e";
}
.c8y-icon-layout:before,
.c8y-icon-layout:after {
  content: "\f13f";
}
.c8y-icon-location:before,
.c8y-icon-location:after {
  content: "\f140";
}
.c8y-icon-machine-portal:before,
.c8y-icon-machine-portal:after {
  content: "\f166";
}
.c8y-icon-management:before,
.c8y-icon-management:after {
  content: "\f141";
}
.c8y-icon-metering:before,
.c8y-icon-metering:after {
  content: "\f163";
}
.c8y-icon-mft:before,
.c8y-icon-mft:after {
  content: "\f168";
}
.c8y-icon-mobile-add:before,
.c8y-icon-mobile-add:after {
  content: "\f142";
}
.c8y-icon-mobile-config:before,
.c8y-icon-mobile-config:after {
  content: "\f143";
}
.c8y-icon-modules:before,
.c8y-icon-modules:after {
  content: "\f144";
}
.c8y-icon-mycloud:before,
.c8y-icon-mycloud:after {
  content: "\f145";
}
.c8y-icon-notification:before,
.c8y-icon-notification:after {
  content: "\f146";
}
.c8y-icon-oee:before,
.c8y-icon-oee:after {
  content: "\f164";
}
.c8y-icon-onnx:before,
.c8y-icon-onnx:after {
  content: "\f147";
}
.c8y-icon-overviews:before,
.c8y-icon-overviews:after {
  content: "\f148";
}
.c8y-icon-parameters:before,
.c8y-icon-parameters:after {
  content: "\f149";
}
.c8y-icon-parameters-on:before,
.c8y-icon-parameters-on:after {
  content: "\f14a";
}
.c8y-icon-parking:before,
.c8y-icon-parking:after {
  content: "\f14b";
}
.c8y-icon-report:before,
.c8y-icon-report:after {
  content: "\f14c";
}
.c8y-icon-reports:before,
.c8y-icon-reports:after {
  content: "\f14d";
}
.c8y-icon-rocket:before,
.c8y-icon-rocket:after {
  content: "\f14e";
}
.c8y-icon-saas:before,
.c8y-icon-saas:after {
  content: "\f14f";
}
.c8y-icon-security:before,
.c8y-icon-security:after {
  content: "\f150";
}
.c8y-icon-shield:before,
.c8y-icon-shield:after {
  content: "\f151";
}
.c8y-icon-simulator:before,
.c8y-icon-simulator:after {
  content: "\f152";
}
.c8y-icon-smart-rest:before,
.c8y-icon-smart-rest:after {
  content: "\f153";
}
.c8y-icon-smart-rules:before,
.c8y-icon-smart-rules:after {
  content: "\f154";
}
.c8y-icon-solution-accelerator:before,
.c8y-icon-solution-accelerator:after {
  content: "\f155";
}
.c8y-icon-streaming-analytics:before,
.c8y-icon-streaming-analytics:after {
  content: "\f156";
}
.c8y-icon-sub-tenants:before,
.c8y-icon-sub-tenants:after {
  content: "\f157";
}
.c8y-icon-tenant-policies:before,
.c8y-icon-tenant-policies:after {
  content: "\f158";
}
.c8y-icon-tools:before,
.c8y-icon-tools:after {
  content: "\f159";
}
.c8y-icon-tracking:before,
.c8y-icon-tracking:after {
  content: "\f15a";
}
.c8y-icon-usage-statistics:before,
.c8y-icon-usage-statistics:after {
  content: "\f15b";
}
.c8y-icon-user:before,
.c8y-icon-user:after {
  content: "\f15c";
}
.c8y-icon-users:before,
.c8y-icon-users:after {
  content: "\f15d";
}
.c8y-icon-waste-bin:before,
.c8y-icon-waste-bin:after {
  content: "\f15e";
}
.c8y-icon-wm-api:before,
.c8y-icon-wm-api:after {
  content: "\f15f";
}
.c8y-icon-wm-b2b:before,
.c8y-icon-wm-b2b:after {
  content: "\f160";
}
.c8y-icon-wm-dynamicapps:before,
.c8y-icon-wm-dynamicapps:after {
  content: "\f161";
}
.c8y-icon-wm-integration:before,
.c8y-icon-wm-integration:after {
  content: "\f162";
}
.app-noicon {
  display: inline-block;
  width: 36px;
  height: 36px;
  border-radius: 4px;
  background-color: var(--brand-dark, var(--c8y-brand-dark));
  color: #05d5f5;
  overflow: hidden;
  margin-top: 0;
  font-size: 21px;
  line-height: 36px;
  text-transform: capitalize;
  text-align: center;
}
.app-noicon > span {
  display: inline-block;
  overflow: hidden;
}
.interact-list .app-noicon {
  width: 22px;
  height: 22px;
  font-size: 14px;
  line-height: 22px;
}
.c8y-plugin-icon {
  position: relative;
  font-style: normal;
}
.c8y-plugin-icon span {
  width: 100%;
  font-size: 14px;
  line-height: 35px;
  color: #132b45;
  position: absolute;
  top: 0;
  display: block;
  text-align: center;
  z-index: 3;
}
.c8y-plugin-icon::before {
  display: inline-block;
  text-transform: none;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  font-family: 'dlt-c8y-icons' !important;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f32f";
  position: relative;
  color: white;
  z-index: 1;
  font-size: 1.4em;
}
.c8y-plugin-icon::before::before,
.c8y-plugin-icon::before::after {
  font-size: 1.1em;
}
.app-title {
  margin: 0;
}
.app-title .c8y-icon {
  font-size: 150%;
  width: 1.5em;
}
.circle-icon-wrapper {
  border-radius: 50%;
  color: white;
  width: 24px;
  aspect-ratio: 1/1;
  text-align: center;
  --c8y-icon-stroke-color: white;
  padding-bottom: 2px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.circle-icon-wrapper > i {
  font-size: 16px;
}
.circle-icon-wrapper--small {
  width: 16px;
  height: 16px;
}
.circle-icon-wrapper--small > i {
  font-size: 12px;
}
.dot {
  width: 50px;
  height: 50px;
  display: inline-flex;
  border-radius: 50%;
  background-color: #132b45;
  color: var(--c8y-palette-high);
  font-size: 24px;
  align-items: center;
  justify-content: center;
  margin: 1px 0;
}
.dot.dot-danger {
  background-color: var(--palette-status-danger, var(--c8y-palette-status-danger));
}
.dot.dot-warning {
  background-color: var(--palette-status-warning, var(--c8y-palette-status-warning));
}
.dot.dot-success {
  background-color: #41D796;
}
.dot.dot-default {
  background-color: var(--c8y-palette-gray-80);
}
.dot.dot-info {
  background-color: var(--palette-status-info, var(--c8y-palette-status-info));
}
.dot.small {
  font-size: 14px;
  width: 20px;
  height: 20px;
  line-height: inherit;
}
.dot.small .c8y-icon,
.dot.small .fa {
  line-height: 20px;
  font-size: 12px;
}
.dot.dot-30 {
  font-size: 14px;
  width: 30px;
  height: 30px;
  line-height: 32px;
}
.dot.dot-64 {
  width: 64px;
  height: 64px;
}
.dlt-c8y-icon-circle-o-notch.icon-spin {
  animation: icon-spin 1s infinite linear;
}
.glyphicon {
  display: inline-block;
  font: normal normal normal 14px/1 'dlt-c8y-icons';
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  width: 1.25em;
  text-align: center;
}
.glyphicon-chevron-left:before {
  content: "\e907";
}
.glyphicon-chevron-right:before {
  content: "\e92b";
}
.glyphicon-chevron-up:before {
  content: "\e917";
}
.glyphicon-chevron-down:before {
  content: "\e92a";
}
.glyphicon-ok:before {
  content: "\eaee";
}
.glyphicon-remove:before {
  content: "\e977";
}
c8y-icon-selector-wrapper > div {
  min-width: 64px;
  min-height: var(--c8y-form-control-height-base);
  position: relative;
  border: 1px solid transparent;
}
c8y-icon-selector-wrapper .showOnHover {
  background-color: #132b45;
  opacity: 0;
}
c8y-icon-selector-wrapper:hover .showOnHover {
  opacity: 1;
}
@font-face {
  font-weight: normal;
  font-style: normal;
  font-family: 'dlt-c8y-icons';
  src: url('dlt-c8y-icons.ttf?h14sn6') format('truetype'), url('dlt-c8y-icons.woff?h14sn6') format('woff'), url('dlt-c8y-icons.svg?h14sn6#dlt-c8y-icons') format('svg');
  font-display: block;
}
[class^='dlt-c8y-icon-'],
[class*=' dlt-c8y-icon-'],
.dlt-c8y-icon {
  display: inline-block;
  text-transform: none;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  font-family: 'dlt-c8y-icons' !important;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
[class^='dlt-c8y-icon-']::before,
[class*=' dlt-c8y-icon-']::before,
.dlt-c8y-icon::before,
[class^='dlt-c8y-icon-']::after,
[class*=' dlt-c8y-icon-']::after,
.dlt-c8y-icon::after {
  font-size: 1.1em;
}
/* ==========================
 ** ICON UTILS
 =========================== */
/* makes the font 33% larger relative to the icon container */
.icon-lg {
  vertical-align: -15%;
  font-size: 1.33333333em;
  line-height: 0.75em;
}
.icon-2x {
  font-size: 2em;
}
.icon-3x {
  font-size: 3em;
}
.icon-4x {
  font-size: 4em;
}
.icon-5x {
  font-size: 5em;
}
.icon-fw {
  width: 1.28571429em;
  text-align: center;
}
.icon-ul {
  margin-left: 2.14285714em;
  padding-left: 0;
  list-style-type: none;
}
.icon-ul > li {
  position: relative;
}
.icon-li {
  position: absolute;
  top: 0.14285714em;
  left: -2.14285714em;
  width: 2.14285714em;
  text-align: center;
}
.icon-li.icon-lg {
  left: -1.85714286em;
}
.icon-border {
  padding: 0.2em 0.25em 0.15em;
  border: solid 0.08em #eeeeee;
  border-radius: 0.1em;
}
.icon-pull-left {
  float: left;
}
.icon-pull-right {
  float: right;
}
.icon-pull-left {
  margin-right: 0.3em;
}
.icon-pull-right {
  margin-left: 0.3em;
}
.icon-spin {
  animation: icon-spin 2s infinite linear;
}
.icon-pulse {
  animation: icon-spin 1s infinite steps(8);
}
@keyframes icon-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.icon-rotate-90 {
  -ms-filter: 'progid:DXImageTransform.Microsoft.BasicImage(rotation=1)';
  transform: rotate(90deg);
}
.icon-rotate-180 {
  -ms-filter: 'progid:DXImageTransform.Microsoft.BasicImage(rotation=2)';
  transform: rotate(180deg);
}
.icon-rotate-270 {
  -ms-filter: 'progid:DXImageTransform.Microsoft.BasicImage(rotation=3)';
  transform: rotate(270deg);
}
.icon-flip-horizontal {
  -ms-filter: 'progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)';
  transform: scale(-1, 1);
}
.icon-flip-vertical {
  -ms-filter: 'progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)';
  transform: scale(1, -1);
}
:root .icon-rotate-90,
:root .icon-rotate-180,
:root .icon-rotate-270,
:root .icon-flip-horizontal,
:root .icon-flip-vertical {
  filter: none;
}
.icon-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  vertical-align: middle;
  line-height: 2em;
}
.icon-stack-1x,
.icon-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.icon-stack-1x {
  line-height: inherit;
}
.icon-stack-2x {
  font-size: 2em;
}
.icon-inverse {
  color: #ffffff;
}
/* ==========================
  ** ICONS
  =========================== */
.dlt-c8y-icon-collapse-arrow:before {
  content: "\e917";
}
.dlt-c8y-icon-angle-up:before {
  content: "\e917";
}
.dlt-c8y-icon-chevron-up:before {
  content: "\e917";
}
.dlt-c8y-icon-forward:before {
  content: "\e92b";
}
.dlt-c8y-icon-angle-right:before {
  content: "\e92b";
}
.dlt-c8y-icon-chevron-right:before {
  content: "\e92b";
}
.dlt-c8y-icon-chevron-breadcrumb:before {
  content: "\e92b";
}
.dlt-c8y-icon-expand-arrow:before {
  content: "\e92a";
}
.dlt-c8y-icon-angle-down:before {
  content: "\e92a";
}
.dlt-c8y-icon-chevron-down:before {
  content: "\e92a";
}
.dlt-c8y-icon-caret-back:before {
  content: "\e907";
}
.dlt-c8y-icon-angle-left:before {
  content: "\e907";
}
.dlt-c8y-icon-chevron-left:before {
  content: "\e907";
}
.dlt-c8y-icon-chevron-double-left:before {
  content: "\e97a";
}
.dlt-c8y-icon-chevron-double-right:before {
  content: "\e97c";
}
.dlt-c8y-icon-chevron-double-up:before {
  content: "\e97d";
}
.dlt-c8y-icon-chevron-double-down:before {
  content: "\e98d";
}
.dlt-c8y-icon-chevron-circle-up:before {
  content: "\e96a";
}
.dlt-c8y-icon-chevron-circle-right:before {
  content: "\e992";
}
.dlt-c8y-icon-chevron-circle-down:before {
  content: "\e9a5";
}
.dlt-c8y-icon-chevron-circle-left:before {
  content: "\e9aa";
}
.dlt-c8y-icon-arrow-up:before {
  content: "\e95e";
}
.dlt-c8y-icon-arrow-right:before {
  content: "\e95d";
}
.dlt-c8y-icon-arrow-down:before {
  content: "\e95f";
}
.dlt-c8y-icon-arrow-left:before {
  content: "\e95c";
}
.dlt-c8y-icon-panel-control-up:before {
  content: "\e9b3";
}
.dlt-c8y-icon-angle-double-up:before {
  content: "\e9b3";
}
.dlt-c8y-icon-panel-control-right:before {
  content: "\e9b4";
}
.dlt-c8y-icon-angle-double-right:before {
  content: "\e9b4";
}
.dlt-c8y-icon-panel-control-down:before {
  content: "\e9b5";
}
.dlt-c8y-icon-angle-double-down:before {
  content: "\e9b5";
}
.dlt-c8y-icon-panel-control-left:before {
  content: "\e9b6";
}
.dlt-c8y-icon-angle-double-left:before {
  content: "\e9b6";
}
.dlt-c8y-icon-download:before {
  content: "\e937";
}
.dlt-c8y-icon-upload:before {
  content: "\e940";
}
.dlt-c8y-icon-internal:before {
  content: "\f6b0";
}
.dlt-c8y-icon-external:before {
  content: "\f68c";
}
.dlt-c8y-icon-undo:before {
  content: "\e948";
}
.dlt-c8y-icon-redo:before {
  content: "\e958";
}
.dlt-c8y-icon-signout:before {
  content: "\e9b9";
}
.dlt-c8y-icon-signin:before {
  content: "\e9ba";
}
.dlt-c8y-icon-login:before {
  content: "\e923";
}
.dlt-c8y-icon-sign-in:before {
  content: "\e923";
}
.dlt-c8y-icon-logout:before {
  content: "\e928";
}
.dlt-c8y-icon-sign-out:before {
  content: "\e928";
}
.dlt-c8y-icon-arrow-circle-up:before {
  content: "\e962";
}
.dlt-c8y-icon-arrow-circle-o-up:before {
  content: "\e962";
}
.dlt-c8y-icon-arrow-circle-right:before {
  content: "\e912";
}
.dlt-c8y-icon-arrow-circle-o-right:before {
  content: "\e912";
}
.dlt-c8y-icon-arrow-circle-down:before {
  content: "\e906";
}
.dlt-c8y-icon-arrow-circle-o-down:before {
  content: "\e906";
}
.dlt-c8y-icon-arrow-circle-left:before {
  content: "\e92e";
}
.dlt-c8y-icon-arrow-circle-o-left:before {
  content: "\e92e";
}
.dlt-c8y-icon-arrow-circle-up-left:before {
  content: "\e913";
}
.dlt-c8y-icon-arrow-circle-down-left:before {
  content: "\e90e";
}
.dlt-c8y-icon-arrow-circle-up-right:before {
  content: "\e914";
}
.dlt-c8y-icon-arrow-circle-bottom-right:before {
  content: "\e910";
}
.dlt-c8y-icon-arrow-circle-diameter:before {
  content: "\f382";
}
.dlt-c8y-icon-arrow-circle-divide-horizontal:before {
  content: "\e91b";
}
.dlt-c8y-icon-arrow-circle-minimize-horizontal:before {
  content: "\e901";
}
.dlt-c8y-icon-caret-square-o-up:before {
  content: "\ea31";
}
.dlt-c8y-icon-toggle-up:before {
  content: "\ea31";
}
.dlt-c8y-icon-caret-square-o-down:before {
  content: "\ea35";
}
.dlt-c8y-icon-toggle-down:before {
  content: "\ea35";
}
.dlt-c8y-icon-caret-square-o-left:before {
  content: "\ea39";
}
.dlt-c8y-icon-toggle-left:before {
  content: "\ea39";
}
.dlt-c8y-icon-caret-square-o-right:before {
  content: "\ea3a";
}
.dlt-c8y-icon-toggle-right:before {
  content: "\ea3a";
}
.dlt-c8y-icon-enter-bottom:before {
  content: "\e9df";
}
.dlt-c8y-icon-enter-right:before {
  content: "\e9e0";
}
.dlt-c8y-icon-enter-top:before {
  content: "\e9e2";
}
.dlt-c8y-icon-enter-left:before {
  content: "\e9ed";
}
.dlt-c8y-icon-exit-top:before {
  content: "\e9f7";
}
.dlt-c8y-icon-exit-right:before {
  content: "\e9f8";
}
.dlt-c8y-icon-exit-bottom:before {
  content: "\e9f9";
}
.dlt-c8y-icon-exit-left:before {
  content: "\e9fa";
}
.dlt-c8y-icon-input-output:before {
  content: "\ea0b";
}
.dlt-c8y-icon-rotate-right:before {
  content: "\ea4c";
}
.dlt-c8y-icon-rotate:before {
  content: "\ea4c";
}
.dlt-c8y-icon-repeat:before {
  content: "\ea4c";
}
.dlt-c8y-icon-reset:before {
  content: "\ea53";
}
.dlt-c8y-icon-rotate-left:before {
  content: "\ea53";
}
.dlt-c8y-icon-restore:before {
  content: "\e946";
}
.dlt-c8y-icon-refresh:before {
  content: "\e947";
}
.dlt-c8y-icon-process:before {
  content: "\ea36";
}
.dlt-c8y-icon-recycle:before {
  content: "\ea36";
}
.dlt-c8y-icon-refresh-exception:before {
  content: "\ea43";
}
.dlt-c8y-icon-lock-orientation:before {
  content: "\ecc7";
}
.dlt-c8y-icon-arrow-dotted-up:before {
  content: "\e900";
}
.dlt-c8y-icon-arrow-dotted-right:before {
  content: "\e904";
}
.dlt-c8y-icon-arrow-advance:before {
  content: "\e904";
}
.dlt-c8y-icon-arrow-dotted-down:before {
  content: "\e90b";
}
.dlt-c8y-icon-arrow-dotted-left:before {
  content: "\e916";
}
.dlt-c8y-icon-arrows-dotted-left-right:before {
  content: "\e91a";
}
.dlt-c8y-icon-arrows-dotted-up-down:before {
  content: "\e921";
}
.dlt-c8y-icon-up-down-arrows:before {
  content: "\e921";
}
.dlt-c8y-icon-collect:before {
  content: "\e990";
}
.dlt-c8y-icon-merge-horizontal:before {
  content: "\e935";
}
.dlt-c8y-icon-split-horizontal:before {
  content: "\e951";
}
.dlt-c8y-icon-merge-vertical:before {
  content: "\e936";
}
.dlt-c8y-icon-divider:before {
  content: "\e91c";
}
.dlt-c8y-icon-split-vertical:before {
  content: "\e91c";
}
.dlt-c8y-icon-drag:before {
  content: "\e927";
}
.dlt-c8y-icon-arrows:before {
  content: "\e927";
}
.dlt-c8y-icon-move-step:before {
  content: "\e927";
}
.dlt-c8y-icon-resize-expand:before {
  content: "\ecff";
}
.dlt-c8y-icon-arrows-alt:before {
  content: "\ecff";
}
.dlt-c8y-icon-expand:before {
  content: "\ecff";
}
.dlt-c8y-icon-compress:before {
  content: "\e918";
}
.dlt-c8y-icon-resize-collapse:before {
  content: "\ecfb";
}
.dlt-c8y-icon-collapse:before {
  content: "\ecfb";
}
.dlt-c8y-icon-fullscreen:before {
  content: "\e941";
}
.dlt-c8y-icon-fullscreen-exit:before {
  content: "\e942";
}
.dlt-c8y-icon-long-arrow-up:before {
  content: "\e934";
}
.dlt-c8y-icon-long-arrow-right:before {
  content: "\e943";
}
.dlt-c8y-icon-long-arrow-down:before {
  content: "\e902";
}
.dlt-c8y-icon-long-arrow-left:before {
  content: "\e933";
}
.dlt-c8y-icon-arrows-v:before {
  content: "\e93f";
}
.dlt-c8y-icon-arrows-h:before {
  content: "\e93e";
}
.dlt-c8y-icon-enlarge:before {
  content: "\e929";
}
.dlt-c8y-icon-data-transfer:before {
  content: "\eb16";
}
.dlt-c8y-icon-exchange:before {
  content: "\eb16";
}
.dlt-c8y-icon-sort-arrow:before {
  content: "\eb17";
}
.dlt-c8y-icon-arrows-left-right-diagonal:before {
  content: "\e931";
}
.dlt-c8y-icon-level-up:before {
  content: "\f6b6";
}
.dlt-c8y-icon-level-down:before {
  content: "\e956";
}
.dlt-c8y-icon-u-turn:before {
  content: "\e957";
}
.dlt-c8y-icon-u-turn-right:before {
  content: "\e959";
}
.dlt-c8y-icon-u-turn-left:before {
  content: "\e922";
}
.dlt-c8y-icon-undo1:before {
  content: "\e95a";
}
.dlt-c8y-icon-redo1:before {
  content: "\e93b";
}
.dlt-c8y-icon-sort:before {
  content: "\e94c";
}
.dlt-c8y-icon-unsorted:before {
  content: "\e94c";
}
.dlt-c8y-icon-sort-down:before {
  content: "\e94d";
}
.dlt-c8y-icon-sort-desc:before {
  content: "\e94d";
}
.dlt-c8y-icon-sort-up:before {
  content: "\e950";
}
.dlt-c8y-icon-sort-asc:before {
  content: "\e950";
}
.dlt-c8y-icon-caret-up:before {
  content: "\eba8";
}
.dlt-c8y-icon-caret-right:before {
  content: "\e94f";
}
.dlt-c8y-icon-caret-down:before {
  content: "\eba9";
}
.dlt-c8y-icon-caret-left:before {
  content: "\e94e";
}
.dlt-c8y-icon-squiggly-arrow:before {
  content: "\e952";
}
.dlt-c8y-icon-curly-arrow:before {
  content: "\e919";
}
.dlt-c8y-icon-swap:before {
  content: "\e953";
}
.dlt-c8y-icon-environment:before {
  content: "\eed9";
}
.dlt-c8y-icon-shuffle:before {
  content: "\f083";
}
.dlt-c8y-icon-random:before {
  content: "\f083";
}
.dlt-c8y-icon-swipe-up:before {
  content: "\f1c1";
}
.dlt-c8y-icon-swipe-right:before {
  content: "\f1bf";
}
.dlt-c8y-icon-swipe-down:before {
  content: "\f1bd";
}
.dlt-c8y-icon-swipe-left:before {
  content: "\f1be";
}
.dlt-c8y-icon-two-finger-swipe-up:before {
  content: "\f1d0";
}
.dlt-c8y-icon-two-finger-swipe-right:before {
  content: "\f1cf";
}
.dlt-c8y-icon-two-finger-swipe-down:before {
  content: "\f1cd";
}
.dlt-c8y-icon-two-finger-swipe-left:before {
  content: "\f1ce";
}
.dlt-c8y-icon-pinch:before {
  content: "\f1a4";
}
.dlt-c8y-icon-hospital-o:before {
  content: "\e911";
}
.dlt-c8y-icon-h-square:before {
  content: "\eb2b";
}
.dlt-c8y-icon-university:before {
  content: "\f400";
}
.dlt-c8y-icon-institution:before {
  content: "\f400";
}
.dlt-c8y-icon-bank:before {
  content: "\f400";
}
.dlt-c8y-icon-ios-themes:before {
  content: "\f170";
}
.dlt-c8y-icon-building:before {
  content: "\ee8f";
}
.dlt-c8y-icon-building-o:before {
  content: "\ee8f";
}
.dlt-c8y-icon-apartment:before {
  content: "\ee6f";
}
.dlt-c8y-icon-department1:before {
  content: "\e9b7";
}
.dlt-c8y-icon-organization:before {
  content: "\ea1d";
}
.dlt-c8y-icon-office:before {
  content: "\ea15";
}
.dlt-c8y-icon-building-with-rooftop-terrace:before {
  content: "\ee90";
}
.dlt-c8y-icon-company:before {
  content: "\e999";
}
.dlt-c8y-icon-warehouse:before {
  content: "\efc0";
}
.dlt-c8y-icon-shop:before {
  content: "\ea5c";
}
.dlt-c8y-icon-work-from-home:before {
  content: "\ea8f";
}
.dlt-c8y-icon-house:before {
  content: "\ef0a";
}
.dlt-c8y-icon-dog-house:before {
  content: "\eec7";
}
.dlt-c8y-icon-home-automation:before {
  content: "\ef07";
}
.dlt-c8y-icon-garage-door:before {
  content: "\eef6";
}
.dlt-c8y-icon-depot:before {
  content: "\eebf";
}
.dlt-c8y-icon-garage:before {
  content: "\eef5";
}
.dlt-c8y-icon-open-garage-door:before {
  content: "\ef56";
}
.dlt-c8y-icon-close-garage-door:before {
  content: "\eea3";
}
.dlt-c8y-icon-barn:before {
  content: "\ee77";
}
.dlt-c8y-icon-bungalow:before {
  content: "\ee91";
}
.dlt-c8y-icon-exterior:before {
  content: "\eedd";
}
.dlt-c8y-icon-equal-housing-opportunity:before {
  content: "\eeda";
}
.dlt-c8y-icon-heating-room:before {
  content: "\ef06";
}
.dlt-c8y-icon-mortgage:before {
  content: "\ef47";
}
.dlt-c8y-icon-home-safety:before {
  content: "\ef09";
}
.dlt-c8y-icon-enterprise-resource-planning:before {
  content: "\e9c7";
}
.dlt-c8y-icon-travel-agency:before {
  content: "\ea80";
}
.dlt-c8y-icon-department-shop:before {
  content: "\e9b8";
}
.dlt-c8y-icon-book-shelf:before {
  content: "\ee89";
}
.dlt-c8y-icon-emergency-exit:before {
  content: "\eed5";
}
.dlt-c8y-icon-stairs:before {
  content: "\ef94";
}
.dlt-c8y-icon-stairs-down:before {
  content: "\ef95";
}
.dlt-c8y-icon-stairs-up:before {
  content: "\ef96";
}
.dlt-c8y-icon-temperature-inside:before {
  content: "\efa1";
}
.dlt-c8y-icon-treehouse:before {
  content: "\efb1";
}
.dlt-c8y-icon-tree:before {
  content: "\efb1";
}
.dlt-c8y-icon-water-heater:before {
  content: "\efc9";
}
.dlt-c8y-icon-clean:before {
  content: "\eea1";
}
.dlt-c8y-icon-magic:before {
  content: "\eea1";
}
.dlt-c8y-icon-storage:before {
  content: "\e9fb";
}
.dlt-c8y-icon-60-degrees:before {
  content: "\eae8";
}
.dlt-c8y-icon-120-degrees:before {
  content: "\eadc";
}
.dlt-c8y-icon-225-degrees:before {
  content: "\eae0";
}
.dlt-c8y-icon-300-degrees:before {
  content: "\eae2";
}
.dlt-c8y-icon-360-degrees:before {
  content: "\eae6";
}
.dlt-c8y-icon-pie-chart:before {
  content: "\eb51";
}
.dlt-c8y-icon-pie-chart:before {
  content: "\eb51";
}
.dlt-c8y-icon-bar-chart:before {
  content: "\eaf8";
}
.dlt-c8y-icon-bar-chart-o:before {
  content: "\eaf8";
}
.dlt-c8y-icon-data-account:before {
  content: "\eb07";
}
.dlt-c8y-icon-data-decline:before {
  content: "\eb08";
}
.dlt-c8y-icon-increase:before {
  content: "\eb36";
}
.dlt-c8y-icon-neutral-trading:before {
  content: "\eb48";
}
.dlt-c8y-icon-decrease:before {
  content: "\eb1f";
}
.dlt-c8y-icon-timeline:before {
  content: "\e924";
}
.dlt-c8y-icon-increase-profits:before {
  content: "\eb37";
}
.dlt-c8y-icon-combo-chart:before {
  content: "\eb04";
}
.dlt-c8y-icon-line-chart:before {
  content: "\eb04";
}
.dlt-c8y-icon-graph:before {
  content: "\eb04";
}
.dlt-c8y-icon-area-chart:before {
  content: "\eaf6";
}
.dlt-c8y-icon-area-chart:before {
  content: "\eaf6";
}
.dlt-c8y-icon-sorting-slider:before {
  content: "\eb6b";
}
.dlt-c8y-icon-sliders:before {
  content: "\eb6b";
}
.dlt-c8y-icon-hierarchy:before {
  content: "\e9e5";
}
.dlt-c8y-icon-b2b:before {
  content: "\e973";
}
.dlt-c8y-icon-flow-chart:before {
  content: "\e9d9";
}
.dlt-c8y-icon-sitemap:before {
  content: "\e9d9";
}
.dlt-c8y-icon-tree-structure:before {
  content: "\ea81";
}
.dlt-c8y-icon-flow:before {
  content: "\e9d8";
}
.dlt-c8y-icon-stacked-organizational-chart:before {
  content: "\eaa6";
}
.dlt-c8y-icon-multicast:before {
  content: "\eb47";
}
.dlt-c8y-icon-unicast:before {
  content: "\eb73";
}
.dlt-c8y-icon-broadcasting:before {
  content: "\eafa";
}
.dlt-c8y-icon-genealogy:before {
  content: "\eb2d";
}
.dlt-c8y-icon-filter:before {
  content: "\e95b";
}
.dlt-c8y-icon-conversion:before {
  content: "\eb06";
}
.dlt-c8y-icon-clear-filters:before {
  content: "\eaff";
}
.dlt-c8y-icon-descending-sorting:before {
  content: "\eb23";
}
.dlt-c8y-icon-sort-amount-desc:before {
  content: "\eb23";
}
.dlt-c8y-icon-ascending-sorting:before {
  content: "\eaf7";
}
.dlt-c8y-icon-sort-amount-asc:before {
  content: "\eaf7";
}
.dlt-c8y-icon-alphabetical-sorting:before {
  content: "\eaf4";
}
.dlt-c8y-icon-sort-alpha-asc:before {
  content: "\eaf4";
}
.dlt-c8y-icon-alphabetical-sorting-2:before {
  content: "\eaf5";
}
.dlt-c8y-icon-sort-alpha-desc:before {
  content: "\eaf5";
}
.dlt-c8y-icon-data-exchange:before {
  content: "\eb09";
}
.dlt-c8y-icon-filing-cabinet:before {
  content: "\e9fc";
}
.dlt-c8y-icon-database:before {
  content: "\e9fc";
}
.dlt-c8y-icon-database-administrator:before {
  content: "\e9fd";
}
.dlt-c8y-icon-data-export:before {
  content: "\eb0a";
}
.dlt-c8y-icon-export:before {
  content: "\eb0a";
}
.dlt-c8y-icon-data-import:before {
  content: "\eb0b";
}
.dlt-c8y-icon-import:before {
  content: "\eb0b";
}
.dlt-c8y-icon-grid-off:before {
  content: "\ea06";
}
.dlt-c8y-icon-gantt-chart:before {
  content: "\eb2c";
}
.dlt-c8y-icon-data-grid:before {
  content: "\eb10";
}
.dlt-c8y-icon-grid-view:before {
  content: "\eb30";
}
.dlt-c8y-icon-grid-on:before {
  content: "\ea07";
}
.dlt-c8y-icon-row:before {
  content: "\e9fe";
}
.dlt-c8y-icon-rows:before {
  content: "\e9fe";
}
.dlt-c8y-icon-column:before {
  content: "\ea01";
}
.dlt-c8y-icon-grid:before {
  content: "\eb2e";
}
.dlt-c8y-icon-table:before {
  content: "\eb71";
}
.dlt-c8y-icon-split-table:before {
  content: "\eb6d";
}
.dlt-c8y-icon-data-sheet:before {
  content: "\eb15";
}
.dlt-c8y-icon-blockchain-technology:before {
  content: "\eaf9";
}
.dlt-c8y-icon-workflow:before {
  content: "\eb78";
}
.dlt-c8y-icon-parallel-workflow:before {
  content: "\eb4f";
}
.dlt-c8y-icon-mind-map:before {
  content: "\ea2d";
}
.dlt-c8y-icon-query-inner-join-left:before {
  content: "\eb54";
}
.dlt-c8y-icon-sankey:before {
  content: "\eb5c";
}
.dlt-c8y-icon-creating:before {
  content: "\e9a3";
}
.dlt-c8y-icon-creativity:before {
  content: "\e9a4";
}
.dlt-c8y-icon-financial-growth-analysis:before {
  content: "\e9d6";
}
.dlt-c8y-icon-input:before {
  content: "\e925";
}
.dlt-c8y-icon-omnichannel:before {
  content: "\ea17";
}
.dlt-c8y-icon-string:before {
  content: "\ea04";
}
.dlt-c8y-icon-variable:before {
  content: "\ea0e";
}
.dlt-c8y-icon-variable-on:before {
  content: "\ea11";
}
.dlt-c8y-icon-thermometer-0:before {
  content: "\eb2f";
}
.dlt-c8y-icon-thermometer-empty:before {
  content: "\eb2f";
}
.dlt-c8y-icon-thermometer-3:before {
  content: "\eb31";
}
.dlt-c8y-icon-thermometer-three-quarters:before {
  content: "\eb31";
}
.dlt-c8y-icon-thermometer-2:before {
  content: "\eb32";
}
.dlt-c8y-icon-thermometer-half:before {
  content: "\eb32";
}
.dlt-c8y-icon-thermometer-1:before {
  content: "\eb33";
}
.dlt-c8y-icon-thermometer-quarter:before {
  content: "\eb33";
}
.dlt-c8y-icon-thermometer:before {
  content: "\eb34";
}
.dlt-c8y-icon-thermometer-4:before {
  content: "\eb34";
}
.dlt-c8y-icon-thermometer-full:before {
  content: "\eb34";
}
.dlt-c8y-icon-sensor:before {
  content: "\ea14";
}
.dlt-c8y-icon-package:before {
  content: "\ea16";
}
.dlt-c8y-icon-packages:before {
  content: "\ea18";
}
.dlt-c8y-icon-blockly:before {
  content: "\ea22";
}
.dlt-c8y-icon-objects:before {
  content: "\ea1a";
}
.dlt-c8y-icon-monitoring:before {
  content: "\ea1b";
}
.dlt-c8y-icon-qr-code:before {
  content: "\ec0e";
}
.dlt-c8y-icon-online:before {
  content: "\ea24";
}
.dlt-c8y-icon-temperature:before {
  content: "\ea25";
}
.dlt-c8y-icon-air-conditioner:before {
  content: "\ee6a";
}
.dlt-c8y-icon-air-shaft:before {
  content: "\ee6c";
}
.dlt-c8y-icon-fan:before {
  content: "\eedf";
}
.dlt-c8y-icon-light:before {
  content: "\ef2a";
}
.dlt-c8y-icon-light-automation:before {
  content: "\ef2b";
}
.dlt-c8y-icon-light-off:before {
  content: "\ef39";
}
.dlt-c8y-icon-reflector-bulb:before {
  content: "\ef6d";
}
.dlt-c8y-icon-spiral-bulb:before {
  content: "\ef92";
}
.dlt-c8y-icon-mirrored-reflector-bulb:before {
  content: "\ef44";
}
.dlt-c8y-icon-light-bulb:before {
  content: "\ef2c";
}
.dlt-c8y-icon-lightbulb-o:before {
  content: "\ef2c";
}
.dlt-c8y-icon-light-on:before {
  content: "\ef3a";
}
.dlt-c8y-icon-plumbing:before {
  content: "\ef62";
}
.dlt-c8y-icon-wi-fi-router:before {
  content: "\f25a";
}
.dlt-c8y-icon-gas-bottle:before {
  content: "\eef9";
}
.dlt-c8y-icon-grater:before {
  content: "\eeff";
}
.dlt-c8y-icon-air-quality:before {
  content: "\ee6b";
}
.dlt-c8y-icon-central-heating:before {
  content: "\ee9c";
}
.dlt-c8y-icon-light-dimmer:before {
  content: "\ef2d";
}
.dlt-c8y-icon-radio-station:before {
  content: "\ef69";
}
.dlt-c8y-icon-relay-home-automation:before {
  content: "\ef6f";
}
.dlt-c8y-icon-remote-control:before {
  content: "\ef70";
}
.dlt-c8y-icon-tv-off:before {
  content: "\efb6";
}
.dlt-c8y-icon-wall-socket:before {
  content: "\efbd";
}
.dlt-c8y-icon-washing-machine:before {
  content: "\efc3";
}
.dlt-c8y-icon-light-dimming-100-percent:before {
  content: "\ef2e";
}
.dlt-c8y-icon-light-dimming-10-percent:before {
  content: "\ef2f";
}
.dlt-c8y-icon-work-light:before {
  content: "\efd5";
}
.dlt-c8y-icon-plug:before {
  content: "\ef61";
}
.dlt-c8y-icon-electrical:before {
  content: "\eed4";
}
.dlt-c8y-icon-water-pipe:before {
  content: "\efca";
}
.dlt-c8y-icon-thermometer-automation:before {
  content: "\efa2";
}
.dlt-c8y-icon-fire-extinguisher:before {
  content: "\eee4";
}
.dlt-c8y-icon-fire-extinguisher:before {
  content: "\eee4";
}
.dlt-c8y-icon-temperature-sensitive:before {
  content: "\ec31";
}
.dlt-c8y-icon-calculator:before {
  content: "\f373";
}
.dlt-c8y-icon-humidity:before {
  content: "\f3a4";
}
.dlt-c8y-icon-system-information:before {
  content: "\f34a";
}
.dlt-c8y-icon-system-report:before {
  content: "\f34b";
}
.dlt-c8y-icon-system-task:before {
  content: "\f34c";
}
.dlt-c8y-icon-imac-clock:before {
  content: "\f30f";
}
.dlt-c8y-icon-imac-exit:before {
  content: "\f310";
}
.dlt-c8y-icon-imac-settings:before {
  content: "\f315";
}
.dlt-c8y-icon-macbook-settings:before {
  content: "\f320";
}
.dlt-c8y-icon-connected:before {
  content: "\f209";
}
.dlt-c8y-icon-disconnected:before {
  content: "\f213";
}
.dlt-c8y-icon-mobile:before {
  content: "\f17f";
}
.dlt-c8y-icon-multiple-devices:before {
  content: "\f183";
}
.dlt-c8y-icon-client-management:before {
  content: "\e98a";
}
.dlt-c8y-icon-nfc:before {
  content: "\f184";
}
.dlt-c8y-icon-mobile-email:before {
  content: "\f182";
}
.dlt-c8y-icon-empty-battery:before {
  content: "\f15e";
}
.dlt-c8y-icon-battery-empty:before {
  content: "\f15e";
}
.dlt-c8y-icon-battery-0:before {
  content: "\f15e";
}
.dlt-c8y-icon-low-battery:before {
  content: "\f179";
}
.dlt-c8y-icon-battery-quarter:before {
  content: "\f179";
}
.dlt-c8y-icon-battery-1:before {
  content: "\f179";
}
.dlt-c8y-icon-battery-level:before {
  content: "\f144";
}
.dlt-c8y-icon-battery-2:before {
  content: "\f144";
}
.dlt-c8y-icon-battery-half:before {
  content: "\f144";
}
.dlt-c8y-icon-charged-battery:before {
  content: "\f152";
}
.dlt-c8y-icon-battery-3:before {
  content: "\f152";
}
.dlt-c8y-icon-battery-three-quarters:before {
  content: "\f152";
}
.dlt-c8y-icon-full-battery:before {
  content: "\f163";
}
.dlt-c8y-icon-battery-full:before {
  content: "\f163";
}
.dlt-c8y-icon-battery-4:before {
  content: "\f163";
}
.dlt-c8y-icon-battery:before {
  content: "\f163";
}
.dlt-c8y-icon-no-battery:before {
  content: "\f18c";
}
.dlt-c8y-icon-charging-battery:before {
  content: "\f153";
}
.dlt-c8y-icon-no-connection:before {
  content: "\f18d";
}
.dlt-c8y-icon-low-connection:before {
  content: "\f17a";
}
.dlt-c8y-icon-signal:before {
  content: "\f1af";
}
.dlt-c8y-icon-factory:before {
  content: "\efe9";
}
.dlt-c8y-icon-industry:before {
  content: "\efe9";
}
.dlt-c8y-icon-robot:before {
  content: "\f009";
}
.dlt-c8y-icon-bot:before {
  content: "\efdc";
}
.dlt-c8y-icon-fork-lift:before {
  content: "\efed";
}
.dlt-c8y-icon-gear-complex:before {
  content: "\eff2";
}
.dlt-c8y-icon-cog-complex:before {
  content: "\eff2";
}
.dlt-c8y-icon-gears:before {
  content: "\eff3";
}
.dlt-c8y-icon-cogs:before {
  content: "\eff3";
}
.dlt-c8y-icon-automation:before {
  content: "\efda";
}
.dlt-c8y-icon-automatic:before {
  content: "\efd9";
}
.dlt-c8y-icon-electronics:before {
  content: "\efe6";
}
.dlt-c8y-icon-gas:before {
  content: "\eff0";
}
.dlt-c8y-icon-water:before {
  content: "\f011";
}
.dlt-c8y-icon-tint:before {
  content: "\f011";
}
.dlt-c8y-icon-greentech:before {
  content: "\eff5";
}
.dlt-c8y-icon-radio-tower:before {
  content: "\f007";
}
.dlt-c8y-icon-industrial-scales:before {
  content: "\effa";
}
.dlt-c8y-icon-balance-scale:before {
  content: "\effa";
}
.dlt-c8y-icon-iphone:before {
  content: "\f173";
}
.dlt-c8y-icon-mobile-phone:before {
  content: "\f173";
}
.dlt-c8y-icon-smartphone:before {
  content: "\f173";
}
.dlt-c8y-icon-smartphone-approve:before {
  content: "\f1b4";
}
.dlt-c8y-icon-smartphone-decline:before {
  content: "\f1b5";
}
.dlt-c8y-icon-phonelink-lock:before {
  content: "\f1a1";
}
.dlt-c8y-icon-tablet-mac:before {
  content: "\e909";
}
.dlt-c8y-icon-tablet:before {
  content: "\e909";
}
.dlt-c8y-icon-devices:before {
  content: "\ea29";
}
.dlt-c8y-icon-imac:before {
  content: "\eaad";
}
.dlt-c8y-icon-desktop:before {
  content: "\eaad";
}
.dlt-c8y-icon-desktop1:before {
  content: "\ea28";
}
.dlt-c8y-icon-monitor:before {
  content: "\eaba";
}
.dlt-c8y-icon-tv:before {
  content: "\eaba";
}
.dlt-c8y-icon-television:before {
  content: "\eaba";
}
.dlt-c8y-icon-laptop:before {
  content: "\eab0";
}
.dlt-c8y-icon-checked-laptop:before {
  content: "\ea95";
}
.dlt-c8y-icon-laptop-alert:before {
  content: "\eab1";
}
.dlt-c8y-icon-laptop-error:before {
  content: "\eab2";
}
.dlt-c8y-icon-computer-support:before {
  content: "\f673";
}
.dlt-c8y-icon-programming:before {
  content: "\eac2";
}
.dlt-c8y-icon-keyboard:before {
  content: "\eaaf";
}
.dlt-c8y-icon-keyboard-o:before {
  content: "\eaaf";
}
.dlt-c8y-icon-video-conference:before {
  content: "\ea84";
}
.dlt-c8y-icon-remote-desktop:before {
  content: "\eac4";
}
.dlt-c8y-icon-workspace:before {
  content: "\eada";
}
.dlt-c8y-icon-workstation:before {
  content: "\eadb";
}
.dlt-c8y-icon-microchip:before {
  content: "\f17b";
}
.dlt-c8y-icon-processor:before {
  content: "\eac1";
}
.dlt-c8y-icon-smartphone-ram:before {
  content: "\f1b6";
}
.dlt-c8y-icon-bios:before {
  content: "\ea93";
}
.dlt-c8y-icon-micro-sd:before {
  content: "\eab8";
}
.dlt-c8y-icon-hdd:before {
  content: "\eaa9";
}
.dlt-c8y-icon-hdd-o:before {
  content: "\eaa9";
}
.dlt-c8y-icon-financial-dynamic-presentation:before {
  content: "\e9d5";
}
.dlt-c8y-icon-presentation:before {
  content: "\ea32";
}
.dlt-c8y-icon-room-finder:before {
  content: "\ea50";
}
.dlt-c8y-icon-statistics:before {
  content: "\ea65";
}
.dlt-c8y-icon-server:before {
  content: "\eac9";
}
.dlt-c8y-icon-stack:before {
  content: "\eacf";
}
.dlt-c8y-icon-critical-thinking:before {
  content: "\e9a6";
}
.dlt-c8y-icon-environment1:before {
  content: "\ea2a";
}
.dlt-c8y-icon-network-card:before {
  content: "\eabd";
}
.dlt-c8y-icon-network-cable:before {
  content: "\eabc";
}
.dlt-c8y-icon-usb-on:before {
  content: "\ead5";
}
.dlt-c8y-icon-ssd:before {
  content: "\eace";
}
.dlt-c8y-icon-asterisk-key:before {
  content: "\ea91";
}
.dlt-c8y-icon-asterisk:before {
  content: "\ea91";
}
.dlt-c8y-icon-end-button:before {
  content: "\ea99";
}
.dlt-c8y-icon-hub:before {
  content: "\eaac";
}
.dlt-c8y-icon-individual-server:before {
  content: "\eaae";
}
.dlt-c8y-icon-data-center:before {
  content: "\ea98";
}
.dlt-c8y-icon-root-server:before {
  content: "\eac7";
}
.dlt-c8y-icon-switch:before {
  content: "\ead0";
}
.dlt-c8y-icon-nas:before {
  content: "\eabb";
}
.dlt-c8y-icon-shutdown:before {
  content: "\eacc";
}
.dlt-c8y-icon-power-off:before {
  content: "\eacc";
}
.dlt-c8y-icon-hibernate:before {
  content: "\eaaa";
}
.dlt-c8y-icon-phone-square:before {
  content: "\f19b";
}
.dlt-c8y-icon-phone:before {
  content: "\f19b";
}
.dlt-c8y-icon-no-idea:before {
  content: "\ea12";
}
.dlt-c8y-icon-network:before {
  content: "\ea2c";
}
.dlt-c8y-icon-mind-map:before {
  content: "\ea2d";
}
.dlt-c8y-icon-centralized-network:before {
  content: "\f1db";
}
.dlt-c8y-icon-customer-insights-manager:before {
  content: "\e9a9";
}
.dlt-c8y-icon-gift:before {
  content: "\f440";
}
.dlt-c8y-icon-small-business:before {
  content: "\ea30";
}
.dlt-c8y-icon-pricing:before {
  content: "\ea3b";
}
.dlt-c8y-icon-free-trial:before {
  content: "\ea3c";
}
.dlt-c8y-icon-buy1:before {
  content: "\eb95";
}
.dlt-c8y-icon-cart-plus:before {
  content: "\eb95";
}
.dlt-c8y-icon-cart-arrow-down:before {
  content: "\eb95";
}
.dlt-c8y-icon-return-purchase:before {
  content: "\ec15";
}
.dlt-c8y-icon-shopping-cart-with-money:before {
  content: "\ec29";
}
.dlt-c8y-icon-buying:before {
  content: "\eb97";
}
.dlt-c8y-icon-shopping-cart:before {
  content: "\eb97";
}
.dlt-c8y-icon-procurement:before {
  content: "\ec09";
}
.dlt-c8y-icon-delivery-handcart:before {
  content: "\ebb3";
}
.dlt-c8y-icon-cheap-21:before {
  content: "\f434";
}
.dlt-c8y-icon-average-2:before {
  content: "\eb84";
}
.dlt-c8y-icon-stripe1:before {
  content: "\ec2c";
}
.dlt-c8y-icon-loyalty-card:before {
  content: "\f442";
}
.dlt-c8y-icon-shopping-check:before {
  content: "\f459";
}
.dlt-c8y-icon-shopping-bag:before {
  content: "\f45a";
}
.dlt-c8y-icon-shopping-bag:before {
  content: "\f45a";
}
.dlt-c8y-icon-atm:before {
  content: "\eb81";
}
.dlt-c8y-icon-bank-card-dollar:before {
  content: "\eb85";
}
.dlt-c8y-icon-bank-card-euro:before {
  content: "\eb86";
}
.dlt-c8y-icon-contactless-payment:before {
  content: "\ede2";
}
.dlt-c8y-icon-qr-code:before {
  content: "\ec0e";
}
.dlt-c8y-icon-qrcode:before {
  content: "\ec0e";
}
.dlt-c8y-icon-data-matrix-code:before {
  content: "\ebaf";
}
.dlt-c8y-icon-barcode:before {
  content: "\eb88";
}
.dlt-c8y-icon-no-barcode:before {
  content: "\ebee";
}
.dlt-c8y-icon-refresh-barcode:before {
  content: "\ec12";
}
.dlt-c8y-icon-touch-id:before {
  content: "\ec35";
}
.dlt-c8y-icon-redeem:before {
  content: "\ec11";
}
.dlt-c8y-icon-card-exchange:before {
  content: "\eb98";
}
.dlt-c8y-icon-card-security:before {
  content: "\eb99";
}
.dlt-c8y-icon-cash-register:before {
  content: "\eb9f";
}
.dlt-c8y-icon-cost:before {
  content: "\ebaa";
}
.dlt-c8y-icon-create-order:before {
  content: "\ebac";
}
.dlt-c8y-icon-online-payment1:before {
  content: "\ebf2";
}
.dlt-c8y-icon-rent1:before {
  content: "\ec14";
}
.dlt-c8y-icon-package-settings:before {
  content: "\ec02";
}
.dlt-c8y-icon-product-loading:before {
  content: "\ec0b";
}
.dlt-c8y-icon-purchase-order:before {
  content: "\ec0d";
}
.dlt-c8y-icon-receipt1:before {
  content: "\ec0f";
}
.dlt-c8y-icon-scan-stock:before {
  content: "\ec18";
}
.dlt-c8y-icon-shipment-logistic:before {
  content: "\ec1c";
}
.dlt-c8y-icon-shipping-center:before {
  content: "\ec1e";
}
.dlt-c8y-icon-shipping-centre-loading-belt:before {
  content: "\ec1f";
}
.dlt-c8y-icon-shopaholic:before {
  content: "\ec23";
}
.dlt-c8y-icon-basket:before {
  content: "\eb8b";
}
.dlt-c8y-icon-shopping-basket:before {
  content: "\ec26";
}
.dlt-c8y-icon-shopping-basket:before {
  content: "\ec26";
}
.dlt-c8y-icon-add-basket:before {
  content: "\eb79";
}
.dlt-c8y-icon-paid:before {
  content: "\ec04";
}
.dlt-c8y-icon-text-width:before {
  content: "\eb5f";
}
.dlt-c8y-icon-text-height:before {
  content: "\eb60";
}
.dlt-c8y-icon-paragraph:before {
  content: "\eb61";
}
.dlt-c8y-icon-pilcrow:before {
  content: "\eb61";
}
.dlt-c8y-icon-text-input:before {
  content: "\eb2a";
}
.dlt-c8y-icon-unavailable:before {
  content: "\ea3d";
}
.dlt-c8y-icon-save:before {
  content: "\e92f";
}
.dlt-c8y-icon-save-commit:before {
  content: "\e930";
}
.dlt-c8y-icon-delete:before {
  content: "\e932";
}
.dlt-c8y-icon-copy:before {
  content: "\e960";
}
.dlt-c8y-icon-paste:before {
  content: "\e966";
}
.dlt-c8y-icon-more-menu:before {
  content: "\ea3f";
}
.dlt-c8y-icon-password-hide:before {
  content: "\ea41";
}
.dlt-c8y-icon-password-show:before {
  content: "\ea42";
}
.dlt-c8y-icon-zoom-in:before {
  content: "\ea44";
}
.dlt-c8y-icon-zoom-out:before {
  content: "\ea45";
}
.dlt-c8y-icon-buy:before {
  content: "\e926";
}
.dlt-c8y-icon-list:before {
  content: "\ea46";
}
.dlt-c8y-icon-list-alt:before {
  content: "\ea46";
}
.dlt-c8y-icon-list-ul:before {
  content: "\ea46";
}
.dlt-c8y-icon-format-align-justify:before {
  content: "\e9bc";
}
.dlt-c8y-icon-align-justify:before {
  content: "\e9bc";
}
.dlt-c8y-icon-format-align-left:before {
  content: "\e9bd";
}
.dlt-c8y-icon-align-left:before {
  content: "\e9bd";
}
.dlt-c8y-icon-format-align-center:before {
  content: "\e9be";
}
.dlt-c8y-icon-align-center:before {
  content: "\e9be";
}
.dlt-c8y-icon-format-align-right:before {
  content: "\e9bf";
}
.dlt-c8y-icon-align-right:before {
  content: "\e9bf";
}
.dlt-c8y-icon-radio-button-on:before {
  content: "\e9c2";
}
.dlt-c8y-icon-dot-circle-o:before {
  content: "\e9c2";
}
.dlt-c8y-icon-colorize:before {
  content: "\e92d";
}
.dlt-c8y-icon-eyedropper:before {
  content: "\e92d";
}
.dlt-c8y-icon-brush:before {
  content: "\e938";
}
.dlt-c8y-icon-paint-brush:before {
  content: "\e938";
}
.dlt-c8y-icon-file-create:before {
  content: "\ed6f";
}
.dlt-c8y-icon-edit:before {
  content: "\ed6f";
}
.dlt-c8y-icon-email-sign:before {
  content: "\f15d";
}
.dlt-c8y-icon-at:before {
  content: "\f15d";
}
.dlt-c8y-icon-get-quote:before {
  content: "\f0b9";
}
.dlt-c8y-icon-quote-right:before {
  content: "\f0b9";
}
.dlt-c8y-icon-quote-left:before {
  content: "\f0ba";
}
.dlt-c8y-icon-format-bold:before {
  content: "\e9c5";
}
.dlt-c8y-icon-bold:before {
  content: "\e9c5";
}
.dlt-c8y-icon-format-underlined:before {
  content: "\e9c6";
}
.dlt-c8y-icon-underline:before {
  content: "\e9c6";
}
.dlt-c8y-icon-strikethrough-s:before {
  content: "\e9c8";
}
.dlt-c8y-icon-strikethrough:before {
  content: "\e9c8";
}
.dlt-c8y-icon-title:before {
  content: "\e9c9";
}
.dlt-c8y-icon-header:before {
  content: "\e9c9";
}
.dlt-c8y-icon-subscript:before {
  content: "\e9cb";
}
.dlt-c8y-icon-superscript:before {
  content: "\e9cc";
}
.dlt-c8y-icon-format-italic:before {
  content: "\e9cd";
}
.dlt-c8y-icon-italic:before {
  content: "\e9cd";
}
.dlt-c8y-icon-font-download:before {
  content: "\e9ce";
}
.dlt-c8y-icon-font:before {
  content: "\e9ce";
}
.dlt-c8y-icon-questionnaire:before {
  content: "\ea40";
}
.dlt-c8y-icon-th-list:before {
  content: "\ea40";
}
.dlt-c8y-icon-tasklist:before {
  content: "\ea72";
}
.dlt-c8y-icon-communication-sorting:before {
  content: "\e997";
}
.dlt-c8y-icon-todo-list:before {
  content: "\ea7b";
}
.dlt-c8y-icon-tasks:before {
  content: "\ea7b";
}
.dlt-c8y-icon-numbered-list:before {
  content: "\ecd5";
}
.dlt-c8y-icon-list-ol:before {
  content: "\ecd5";
}
.dlt-c8y-icon-search-in-list:before {
  content: "\ed14";
}
.dlt-c8y-icon-table-of-content:before {
  content: "\ed2d";
}
.dlt-c8y-icon-index:before {
  content: "\ecb7";
}
.dlt-c8y-icon-tiles:before {
  content: "\ed37";
}
.dlt-c8y-icon-edit1:before {
  content: "\ece9";
}
.dlt-c8y-icon-pencil:before {
  content: "\ece9";
}
.dlt-c8y-icon-pencil-square:before {
  content: "\ece9";
}
.dlt-c8y-icon-pencil-square-o:before {
  content: "\ece9";
}
.dlt-c8y-icon-edit11:before {
  content: "\ec89";
}
.dlt-c8y-icon-no-edit:before {
  content: "\ecd1";
}
.dlt-c8y-icon-cut:before {
  content: "\ec7a";
}
.dlt-c8y-icon-scissors:before {
  content: "\ec7a";
}
.dlt-c8y-icon-coupon:before {
  content: "\ebab";
}
.dlt-c8y-icon-crop:before {
  content: "\ec78";
}
.dlt-c8y-icon-erase:before {
  content: "\ea47";
}
.dlt-c8y-icon-eraser:before {
  content: "\ea47";
}
.dlt-c8y-icon-add-white-space:before {
  content: "\ec49";
}
.dlt-c8y-icon-blur:before {
  content: "\ec56";
}
.dlt-c8y-icon-paint-palette:before {
  content: "\ece1";
}
.dlt-c8y-icon-contrast:before {
  content: "\ec73";
}
.dlt-c8y-icon-adjust:before {
  content: "\ec73";
}
.dlt-c8y-icon-bring-forward:before {
  content: "\ec5f";
}
.dlt-c8y-icon-snap-background-to-white:before {
  content: "\ed21";
}
.dlt-c8y-icon-rename:before {
  content: "\ecf8";
}
.dlt-c8y-icon-text-cursor:before {
  content: "\ed32";
}
.dlt-c8y-icon-i-cursor:before {
  content: "\ed32";
}
.dlt-c8y-icon-large-icons:before {
  content: "\ecbf";
}
.dlt-c8y-icon-comma:before {
  content: "\ec6f";
}
.dlt-c8y-icon-compare:before {
  content: "\ec70";
}
.dlt-c8y-icon-content:before {
  content: "\ec72";
}
.dlt-c8y-icon-document-body:before {
  content: "\ec83";
}
.dlt-c8y-icon-merge-docunemts:before {
  content: "\eccc";
}
.dlt-c8y-icon-unit:before {
  content: "\ea83";
}
.dlt-c8y-icon-group:before {
  content: "\ea48";
}
.dlt-c8y-icon-group-objects:before {
  content: "\ea48";
}
.dlt-c8y-icon-object-group:before {
  content: "\ea48";
}
.dlt-c8y-icon-object-ungroup:before {
  content: "\ea48";
}
.dlt-c8y-icon-ungroup:before {
  content: "\ea49";
}
.dlt-c8y-icon-hexagonal-pattern:before {
  content: "\ecb1";
}
.dlt-c8y-icon-diagonal-lines:before {
  content: "\ec82";
}
.dlt-c8y-icon-line-width:before {
  content: "\ecc5";
}
.dlt-c8y-icon-long-words:before {
  content: "\ecc8";
}
.dlt-c8y-icon-indent:before {
  content: "\e9cf";
}
.dlt-c8y-icon-indent-left:before {
  content: "\e9cf";
}
.dlt-c8y-icon-indent-decrease:before {
  content: "\e9d0";
}
.dlt-c8y-icon-dedent:before {
  content: "\e9d0";
}
.dlt-c8y-icon-dedent-left:before {
  content: "\e9d0";
}
.dlt-c8y-icon-outdent:before {
  content: "\ecdc";
}
.dlt-c8y-icon-indent-right:before {
  content: "\ecdc";
}
.dlt-c8y-icon-dedent-right:before {
  content: "\eb35";
}
.dlt-c8y-icon-drag-reorder:before {
  content: "\ec87";
}
.dlt-c8y-icon-drag-list-up:before {
  content: "\ec86";
}
.dlt-c8y-icon-pull-down:before {
  content: "\ecf2";
}
.dlt-c8y-icon-page:before {
  content: "\ece0";
}
.dlt-c8y-icon-rearrange:before {
  content: "\ecf4";
}
.dlt-c8y-icon-resize-file:before {
  content: "\ed00";
}
.dlt-c8y-icon-resize:before {
  content: "\ecfa";
}
.dlt-c8y-icon-rich-text-converter:before {
  content: "\ed06";
}
.dlt-c8y-icon-select-all:before {
  content: "\ed15";
}
.dlt-c8y-icon-select-none:before {
  content: "\ed16";
}
.dlt-c8y-icon-ruler:before {
  content: "\ed11";
}
.dlt-c8y-icon-length:before {
  content: "\f3ae";
}
.dlt-c8y-icon-send-backward:before {
  content: "\ed18";
}
.dlt-c8y-icon-send-to-back:before {
  content: "\ed19";
}
.dlt-c8y-icon-replace:before {
  content: "\ea4b";
}
.dlt-c8y-icon-separated-lists:before {
  content: "\ed1b";
}
.dlt-c8y-icon-short-words:before {
  content: "\ed1c";
}
.dlt-c8y-icon-mix-words:before {
  content: "\eccf";
}
.dlt-c8y-icon-line-style:before {
  content: "\ecc4";
}
.dlt-c8y-icon-design:before {
  content: "\ec80";
}
.dlt-c8y-icon-view-stream:before {
  content: "\ed4a";
}
.dlt-c8y-icon-four-squares:before {
  content: "\eca0";
}
.dlt-c8y-icon-th-large:before {
  content: "\eca0";
}
.dlt-c8y-icon-thumbnails:before {
  content: "\ed36";
}
.dlt-c8y-icon-th:before {
  content: "\ed36";
}
.dlt-c8y-icon-view-module:before {
  content: "\ed48";
}
.dlt-c8y-icon-top-view:before {
  content: "\ed38";
}
.dlt-c8y-icon-orthogonal-view:before {
  content: "\ecdb";
}
.dlt-c8y-icon-rectangular:before {
  content: "\ecf6";
}
.dlt-c8y-icon-square:before {
  content: "\ed24";
}
.dlt-c8y-icon-view-column:before {
  content: "\e9d1";
}
.dlt-c8y-icon-columns:before {
  content: "\e9d1";
}
.dlt-c8y-icon-file-archive-o:before {
  content: "\eb38";
}
.dlt-c8y-icon-file-zip-o:before {
  content: "\eb38";
}
.dlt-c8y-icon-file-video-o:before {
  content: "\eb39";
}
.dlt-c8y-icon-file-movie-o:before {
  content: "\eb39";
}
.dlt-c8y-icon-file-audio-o:before {
  content: "\eb3a";
}
.dlt-c8y-icon-file-sound-o:before {
  content: "\eb3a";
}
.dlt-c8y-icon-microsoft-access:before {
  content: "\e939";
}
.dlt-c8y-icon-microsoft-onenote:before {
  content: "\e93a";
}
.dlt-c8y-icon-microsoft-outlook:before {
  content: "\e93c";
}
.dlt-c8y-icon-microsoft-project:before {
  content: "\e93d";
}
.dlt-c8y-icon-microsoft-publisher:before {
  content: "\e944";
}
.dlt-c8y-icon-microsoft-sharepoint:before {
  content: "\e949";
}
.dlt-c8y-icon-microsoft-visio:before {
  content: "\e94a";
}
.dlt-c8y-icon-word:before {
  content: "\e94b";
}
.dlt-c8y-icon-file-word-o:before {
  content: "\e94b";
}
.dlt-c8y-icon-excel:before {
  content: "\e954";
}
.dlt-c8y-icon-file-excel-o:before {
  content: "\e954";
}
.dlt-c8y-icon-ppt:before {
  content: "\e955";
}
.dlt-c8y-icon-file-powerpoint-o:before {
  content: "\e955";
}
.dlt-c8y-icon-create-archive:before {
  content: "\ed5f";
}
.dlt-c8y-icon-save-archive:before {
  content: "\ed9f";
}
.dlt-c8y-icon-delete-archive:before {
  content: "\ed61";
}
.dlt-c8y-icon-gif:before {
  content: "\ed75";
}
.dlt-c8y-icon-gis:before {
  content: "\ed76";
}
.dlt-c8y-icon-gpx:before {
  content: "\ed77";
}
.dlt-c8y-icon-heic-filetype:before {
  content: "\ed78";
}
.dlt-c8y-icon-dmg:before {
  content: "\ed63";
}
.dlt-c8y-icon-jpg:before {
  content: "\ed82";
}
.dlt-c8y-icon-kmz:before {
  content: "\ed87";
}
.dlt-c8y-icon-kml:before {
  content: "\ed86";
}
.dlt-c8y-icon-mp3:before {
  content: "\ed8a";
}
.dlt-c8y-icon-dng:before {
  content: "\ed64";
}
.dlt-c8y-icon-nef:before {
  content: "\ed8c";
}
.dlt-c8y-icon-nmea:before {
  content: "\ed8d";
}
.dlt-c8y-icon-tar:before {
  content: "\eda4";
}
.dlt-c8y-icon-ttf:before {
  content: "\eda7";
}
.dlt-c8y-icon-tif:before {
  content: "\eda5";
}
.dlt-c8y-icon-obj:before {
  content: "\ed8e";
}
.dlt-c8y-icon-webp:before {
  content: "\edaa";
}
.dlt-c8y-icon-ogg:before {
  content: "\ed8f";
}
.dlt-c8y-icon-woff:before {
  content: "\edad";
}
.dlt-c8y-icon-xls:before {
  content: "\edaf";
}
.dlt-c8y-icon-xps:before {
  content: "\edb2";
}
.dlt-c8y-icon-zip:before {
  content: "\edb3";
}
.dlt-c8y-icon-wma:before {
  content: "\edac";
}
.dlt-c8y-icon-osm:before {
  content: "\ed90";
}
.dlt-c8y-icon-otf:before {
  content: "\ed91";
}
.dlt-c8y-icon-dwg:before {
  content: "\ed66";
}
.dlt-c8y-icon-png:before {
  content: "\ed94";
}
.dlt-c8y-icon-eps:before {
  content: "\ed68";
}
.dlt-c8y-icon-ps:before {
  content: "\ed96";
}
.dlt-c8y-icon-rar:before {
  content: "\ed98";
}
.dlt-c8y-icon-raw:before {
  content: "\ed99";
}
.dlt-c8y-icon-psd:before {
  content: "\ed97";
}
.dlt-c8y-icon-exe:before {
  content: "\ed6a";
}
.dlt-c8y-icon-fbx:before {
  content: "\ed6d";
}
.dlt-c8y-icon-pdf-2:before {
  content: "\e961";
}
.dlt-c8y-icon-3fr:before {
  content: "\ed50";
}
.dlt-c8y-icon-aac:before {
  content: "\ed52";
}
.dlt-c8y-icon-7zip:before {
  content: "\ed51";
}
.dlt-c8y-icon-cr2:before {
  content: "\ed5e";
}
.dlt-c8y-icon-ai:before {
  content: "\ed55";
}
.dlt-c8y-icon-apk:before {
  content: "\ed56";
}
.dlt-c8y-icon-wav:before {
  content: "\eda9";
}
.dlt-c8y-icon-jp2:before {
  content: "\ed81";
}
.dlt-c8y-icon-java-file:before {
  content: "\ed80";
}
.dlt-c8y-icon-fff:before {
  content: "\ed6e";
}
.dlt-c8y-icon-folder-aggregate:before {
  content: "\ea54";
}
.dlt-c8y-icon-book:before {
  content: "\f36a";
}
.dlt-c8y-icon-package-delivery-logistics:before {
  content: "\ec01";
}
.dlt-c8y-icon-cube:before {
  content: "\ec01";
}
.dlt-c8y-icon-resume:before {
  content: "\ea4d";
}
.dlt-c8y-icon-insert-drive-file:before {
  content: "\e9d3";
}
.dlt-c8y-icon-file:before {
  content: "\e9d3";
}
.dlt-c8y-icon-file-o:before {
  content: "\e9d3";
}
.dlt-c8y-icon-sheet-of-paper:before {
  content: "\e9d3";
}
.dlt-c8y-icon-edit-file:before {
  content: "\ea57";
}
.dlt-c8y-icon-documents:before {
  content: "\ea58";
}
.dlt-c8y-icon-file-copy:before {
  content: "\e9d2";
}
.dlt-c8y-icon-files:before {
  content: "\e9d2";
}
.dlt-c8y-icon-files-o:before {
  content: "\e9d2";
}
.dlt-c8y-icon-profile:before {
  content: "\ea38";
}
.dlt-c8y-icon-pdf:before {
  content: "\ed92";
}
.dlt-c8y-icon-file-pdf-o:before {
  content: "\ed92";
}
.dlt-c8y-icon-export-pdf:before {
  content: "\ed6b";
}
.dlt-c8y-icon-file-type-document:before {
  content: "\ed70";
}
.dlt-c8y-icon-file-text-o:before {
  content: "\ed70";
}
.dlt-c8y-icon-file-text:before {
  content: "\ed70";
}
.dlt-c8y-icon-document:before {
  content: "\ed70";
}
.dlt-c8y-icon-submit-document1:before {
  content: "\eda3";
}
.dlt-c8y-icon-privacy-policy:before {
  content: "\ea34";
}
.dlt-c8y-icon-selective-highlighting1:before {
  content: "\eda0";
}
.dlt-c8y-icon-brief:before {
  content: "\e97e";
}
.dlt-c8y-icon-document-with-code:before {
  content: "\ea59";
}
.dlt-c8y-icon-image-file:before {
  content: "\ed7a";
}
.dlt-c8y-icon-file-image-o:before {
  content: "\ed7a";
}
.dlt-c8y-icon-file-picture-o:before {
  content: "\ed7a";
}
.dlt-c8y-icon-file-photo-o:before {
  content: "\ed7a";
}
.dlt-c8y-icon-image-file-add:before {
  content: "\ed7b";
}
.dlt-c8y-icon-image-file-checked:before {
  content: "\ed7c";
}
.dlt-c8y-icon-image-file-remove:before {
  content: "\ed7d";
}
.dlt-c8y-icon-check-document:before {
  content: "\ed5a";
}
.dlt-c8y-icon-document-with-a-check-mark:before {
  content: "\ed5a";
}
.dlt-c8y-icon-delete-file:before {
  content: "\ed62";
}
.dlt-c8y-icon-file-delete:before {
  content: "\ed72";
}
.dlt-c8y-icon-file-settings:before {
  content: "\ed74";
}
.dlt-c8y-icon-file-preview:before {
  content: "\ed73";
}
.dlt-c8y-icon-open-document:before {
  content: "\ecd9";
}
.dlt-c8y-icon-submit-document:before {
  content: "\ea5a";
}
.dlt-c8y-icon-restore-page1:before {
  content: "\ed9d";
}
.dlt-c8y-icon-document-exchange:before {
  content: "\ed65";
}
.dlt-c8y-icon-import-file:before {
  content: "\ed7e";
}
.dlt-c8y-icon-share-document:before {
  content: "\eda1";
}
.dlt-c8y-icon-idea:before {
  content: "\e9e7";
}
.dlt-c8y-icon-mark-as-favorite:before {
  content: "\ed88";
}
.dlt-c8y-icon-email-document:before {
  content: "\ec90";
}
.dlt-c8y-icon-file-view:before {
  content: "\ed71";
}
.dlt-c8y-icon-policy-document:before {
  content: "\ed95";
}
.dlt-c8y-icon-business-report:before {
  content: "\e985";
}
.dlt-c8y-icon-graph-report:before {
  content: "\e9de";
}
.dlt-c8y-icon-edit-graph-report:before {
  content: "\e9c4";
}
.dlt-c8y-icon-download-graph-report:before {
  content: "\e9c1";
}
.dlt-c8y-icon-agreement:before {
  content: "\e968";
}
.dlt-c8y-icon-estimates:before {
  content: "\e9ca";
}
.dlt-c8y-icon-winking-document:before {
  content: "\edab";
}
.dlt-c8y-icon-insert-page:before {
  content: "\ecb9";
}
.dlt-c8y-icon-note:before {
  content: "\ea5b";
}
.dlt-c8y-icon-brochure:before {
  content: "\e980";
}
.dlt-c8y-icon-read:before {
  content: "\ed9a";
}
.dlt-c8y-icon-cashbook:before {
  content: "\e988";
}
.dlt-c8y-icon-price-tag:before {
  content: "\f44f";
}
.dlt-c8y-icon-tag:before {
  content: "\f44f";
}
.dlt-c8y-icon-add-tag:before {
  content: "\ea5d";
}
.dlt-c8y-icon-tag1:before {
  content: "\f45d";
}
.dlt-c8y-icon-tags:before {
  content: "\f45d";
}
.dlt-c8y-icon-open-folder:before {
  content: "\ee54";
}
.dlt-c8y-icon-opened-folder:before {
  content: "\ee54";
}
.dlt-c8y-icon-folder-open:before {
  content: "\ee54";
}
.dlt-c8y-icon-folder-open-o:before {
  content: "\ee54";
}
.dlt-c8y-icon-folder:before {
  content: "\ee4e";
}
.dlt-c8y-icon-folder-o:before {
  content: "\ee4e";
}
.dlt-c8y-icon-folder-open1:before {
  content: "\ea5e";
}
.dlt-c8y-icon-add-folder:before {
  content: "\ee44";
}
.dlt-c8y-icon-delete-folder:before {
  content: "\ee45";
}
.dlt-c8y-icon-search-folder:before {
  content: "\ee56";
}
.dlt-c8y-icon-folder-settings:before {
  content: "\ee4f";
}
.dlt-c8y-icon-extensions-folder:before {
  content: "\ee4b";
}
.dlt-c8y-icon-private-folder:before {
  content: "\ee55";
}
.dlt-c8y-icon-edit-folder:before {
  content: "\ee4a";
}
.dlt-c8y-icon-e-mail-folder:before {
  content: "\ee49";
}
.dlt-c8y-icon-documents-folder:before {
  content: "\ee47";
}
.dlt-c8y-icon-downloads-folder:before {
  content: "\ee48";
}
.dlt-c8y-icon-favorite-folder:before {
  content: "\ee4c";
}
.dlt-c8y-icon-user-folder:before {
  content: "\ee58";
}
.dlt-c8y-icon-download-from-ftp:before {
  content: "\f215";
}
.dlt-c8y-icon-upload-to-ftp:before {
  content: "\f249";
}
.dlt-c8y-icon-ftp:before {
  content: "\f218";
}
.dlt-c8y-icon-big-parcel:before {
  content: "\eb8e";
}
.dlt-c8y-icon-open-parcel:before {
  content: "\ebfe";
}
.dlt-c8y-icon-packing:before {
  content: "\ec03";
}
.dlt-c8y-icon-unpacking:before {
  content: "\ec3c";
}
.dlt-c8y-icon-cardboard-box:before {
  content: "\eb9c";
}
.dlt-c8y-icon-archive:before {
  content: "\eb9c";
}
.dlt-c8y-icon-archive-o:before {
  content: "\eb9c";
}
.dlt-c8y-icon-file-archive-o1:before {
  content: "\eb9c";
}
.dlt-c8y-icon-box:before {
  content: "\eb91";
}
.dlt-c8y-icon-case:before {
  content: "\eb91";
}
.dlt-c8y-icon-empty-box:before {
  content: "\ebbe";
}
.dlt-c8y-icon-box-settings:before {
  content: "\eb92";
}
.dlt-c8y-icon-secured-delivery:before {
  content: "\ec19";
}
.dlt-c8y-icon-remove-delivery:before {
  content: "\ec13";
}
.dlt-c8y-icon-out-of-stock:before {
  content: "\ec00";
}
.dlt-c8y-icon-new-product:before {
  content: "\f44a";
}
.dlt-c8y-icon-product:before {
  content: "\ec0a";
}
.dlt-c8y-icon-product-management:before {
  content: "\ec0c";
}
.dlt-c8y-icon-stacking:before {
  content: "\ec2b";
}
.dlt-c8y-icon-cv:before {
  content: "\ec7b";
}
.dlt-c8y-icon-unarchive:before {
  content: "\e9d4";
}
.dlt-c8y-icon-upload-archive:before {
  content: "\e9d4";
}
.dlt-c8y-icon-archive-file:before {
  content: "\e9d7";
}
.dlt-c8y-icon-download-archive:before {
  content: "\e9d7";
}
.dlt-c8y-icon-cc-stripe:before {
  content: "\eb89";
}
.dlt-c8y-icon-google-wallet:before {
  content: "\eb8a";
}
.dlt-c8y-icon-paypal:before {
  content: "\eb8d";
}
.dlt-c8y-icon-cc-paypal:before {
  content: "\eb8f";
}
.dlt-c8y-icon-cc-amex:before {
  content: "\eb90";
}
.dlt-c8y-icon-cc-discover:before {
  content: "\eb93";
}
.dlt-c8y-icon-cc-visa:before {
  content: "\eb94";
}
.dlt-c8y-icon-cc-mastercard:before {
  content: "\eb9a";
}
.dlt-c8y-icon-try:before {
  content: "\eb9b";
}
.dlt-c8y-icon-turkish-lira:before {
  content: "\eb9b";
}
.dlt-c8y-icon-rouble:before {
  content: "\eb9d";
}
.dlt-c8y-icon-rub:before {
  content: "\eb9d";
}
.dlt-c8y-icon-ruble:before {
  content: "\eb9d";
}
.dlt-c8y-icon-krw:before {
  content: "\eb9e";
}
.dlt-c8y-icon-won:before {
  content: "\eb9e";
}
.dlt-c8y-icon-inr:before {
  content: "\eba0";
}
.dlt-c8y-icon-rupee:before {
  content: "\eba0";
}
.dlt-c8y-icon-ils:before {
  content: "\eba1";
}
.dlt-c8y-icon-shekel:before {
  content: "\eba1";
}
.dlt-c8y-icon-sheqel:before {
  content: "\eba1";
}
.dlt-c8y-icon-gbp:before {
  content: "\eba2";
}
.dlt-c8y-icon-eur:before {
  content: "\eba3";
}
.dlt-c8y-icon-euro:before {
  content: "\eba3";
}
.dlt-c8y-icon-cny:before {
  content: "\eba4";
}
.dlt-c8y-icon-jpy:before {
  content: "\eba4";
}
.dlt-c8y-icon-rmb:before {
  content: "\eba4";
}
.dlt-c8y-icon-yen:before {
  content: "\eba4";
}
.dlt-c8y-icon-bitcoin:before {
  content: "\eba5";
}
.dlt-c8y-icon-btc:before {
  content: "\eba5";
}
.dlt-c8y-icon-dollar:before {
  content: "\eba6";
}
.dlt-c8y-icon-usd:before {
  content: "\eba6";
}
.dlt-c8y-icon-calculator1:before {
  content: "\ea5f";
}
.dlt-c8y-icon-accounting:before {
  content: "\ea60";
}
.dlt-c8y-icon-contract:before {
  content: "\ea62";
}
.dlt-c8y-icon-sales-performance:before {
  content: "\ea63";
}
.dlt-c8y-icon-bank-safe:before {
  content: "\e976";
}
.dlt-c8y-icon-mobile-payment:before {
  content: "\ea05";
}
.dlt-c8y-icon-money-yours:before {
  content: "\ea08";
}
.dlt-c8y-icon-online-payment:before {
  content: "\ea19";
}
.dlt-c8y-icon-us-dollar-circled:before {
  content: "\ee3d";
}
.dlt-c8y-icon-credit-card:before {
  content: "\ede4";
}
.dlt-c8y-icon-credit-card-alt:before {
  content: "\ede4";
}
.dlt-c8y-icon-credit-card:before {
  content: "\ede4";
}
.dlt-c8y-icon-only-cash:before {
  content: "\ee14";
}
.dlt-c8y-icon-credit-control:before {
  content: "\ede6";
}
.dlt-c8y-icon-bank-cards:before {
  content: "\edbd";
}
.dlt-c8y-icon-check-for-payment:before {
  content: "\eddb";
}
.dlt-c8y-icon-paper-money:before {
  content: "\ee16";
}
.dlt-c8y-icon-money:before {
  content: "\ee16";
}
.dlt-c8y-icon-cash-euro:before {
  content: "\edd6";
}
.dlt-c8y-icon-stack-of-money:before {
  content: "\ee30";
}
.dlt-c8y-icon-wallet:before {
  content: "\ee3f";
}
.dlt-c8y-icon-certificate:before {
  content: "\edd9";
}
.dlt-c8y-icon-card-security1:before {
  content: "\edd0";
}
.dlt-c8y-icon-bill:before {
  content: "\edbf";
}
.dlt-c8y-icon-paid-bill:before {
  content: "\ee15";
}
.dlt-c8y-icon-token-card-code1:before {
  content: "\ee35";
}
.dlt-c8y-icon-receipt:before {
  content: "\ee21";
}
.dlt-c8y-icon-add-receipt:before {
  content: "\edb5";
}
.dlt-c8y-icon-sign-language:before {
  content: "\eb3b";
}
.dlt-c8y-icon-signing:before {
  content: "\eb3b";
}
.dlt-c8y-icon-hand-o-down:before {
  content: "\eb3c";
}
.dlt-c8y-icon-hand-o-left:before {
  content: "\eb3d";
}
.dlt-c8y-icon-hand-o-up:before {
  content: "\eb3e";
}
.dlt-c8y-icon-hand-o-right:before {
  content: "\eb3f";
}
.dlt-c8y-icon-hand-peace-o:before {
  content: "\eb40";
}
.dlt-c8y-icon-hand-pointer-o:before {
  content: "\eb41";
}
.dlt-c8y-icon-hand-spock-o:before {
  content: "\eb42";
}
.dlt-c8y-icon-hand-lizard-o:before {
  content: "\eb43";
}
.dlt-c8y-icon-hand-scissors-o:before {
  content: "\eb44";
}
.dlt-c8y-icon-hand-paper-o:before {
  content: "\eb45";
}
.dlt-c8y-icon-hand-stop-o:before {
  content: "\eb45";
}
.dlt-c8y-icon-hand-grab-o:before {
  content: "\eb49";
}
.dlt-c8y-icon-hand-rock-o:before {
  content: "\eb49";
}
.dlt-c8y-icon-thumbs-up:before {
  content: "\ee66";
}
.dlt-c8y-icon-thumbs-up:before {
  content: "\ee66";
}
.dlt-c8y-icon-thumbs-o-up:before {
  content: "\ee66";
}
.dlt-c8y-icon-thumbs-down:before {
  content: "\ee65";
}
.dlt-c8y-icon-thumbs-down:before {
  content: "\ee65";
}
.dlt-c8y-icon-thumbs-o-down:before {
  content: "\ee65";
}
.dlt-c8y-icon-do-not-touch:before {
  content: "\ee5a";
}
.dlt-c8y-icon-hand:before {
  content: "\ee5c";
}
.dlt-c8y-icon-disclaimer:before {
  content: "\e9bb";
}
.dlt-c8y-icon-touchpad:before {
  content: "\ead1";
}
.dlt-c8y-icon-holding-box:before {
  content: "\ebd3";
}
.dlt-c8y-icon-recieve:before {
  content: "\ec10";
}
.dlt-c8y-icon-sell:before {
  content: "\ec1a";
}
.dlt-c8y-icon-get-revenue:before {
  content: "\ebca";
}
.dlt-c8y-icon-handshake:before {
  content: "\ebd2";
}
.dlt-c8y-icon-handshake-o:before {
  content: "\ebd2";
}
.dlt-c8y-icon-partners:before {
  content: "\ebd2";
}
.dlt-c8y-icon-wearable-technology:before {
  content: "\f013";
}
.dlt-c8y-icon-america:before {
  content: "\f017";
}
.dlt-c8y-icon-globe:before {
  content: "\f017";
}
.dlt-c8y-icon-location:before {
  content: "\f038";
}
.dlt-c8y-icon-globe1:before {
  content: "\f029";
}
.dlt-c8y-icon-compass-north:before {
  content: "\ea66";
}
.dlt-c8y-icon-compass:before {
  content: "\ea66";
}
.dlt-c8y-icon-marker:before {
  content: "\f042";
}
.dlt-c8y-icon-map-marker:before {
  content: "\f03f";
}
.dlt-c8y-icon-marker-off:before {
  content: "\f045";
}
.dlt-c8y-icon-find-clinic:before {
  content: "\f026";
}
.dlt-c8y-icon-tesla-supercharger-pin:before {
  content: "\f069";
}
.dlt-c8y-icon-address:before {
  content: "\f016";
}
.dlt-c8y-icon-cab-stand:before {
  content: "\f019";
}
.dlt-c8y-icon-map:before {
  content: "\f03d";
}
.dlt-c8y-icon-map-o:before {
  content: "\f03d";
}
.dlt-c8y-icon-map-editing:before {
  content: "\f03e";
}
.dlt-c8y-icon-map-marker:before {
  content: "\f03f";
}
.dlt-c8y-icon-quest:before {
  content: "\f057";
}
.dlt-c8y-icon-waypoint-map:before {
  content: "\f06b";
}
.dlt-c8y-icon-anchor-nodes:before {
  content: "\eb7e";
}
.dlt-c8y-icon-map-pin:before {
  content: "\f040";
}
.dlt-c8y-icon-map-pin:before {
  content: "\f040";
}
.dlt-c8y-icon-signpost-tourist:before {
  content: "\f05e";
}
.dlt-c8y-icon-map-signs:before {
  content: "\f05e";
}
.dlt-c8y-icon-gps:before {
  content: "\f02b";
}
.dlt-c8y-icon-near-me:before {
  content: "\f04a";
}
.dlt-c8y-icon-location-arrow:before {
  content: "\f04a";
}
.dlt-c8y-icon-navigation:before {
  content: "\f049";
}
.dlt-c8y-icon-target1:before {
  content: "\ea67";
}
.dlt-c8y-icon-hunt:before {
  content: "\f032";
}
.dlt-c8y-icon-location-off:before {
  content: "\f03a";
}
.dlt-c8y-icon-location-update:before {
  content: "\f03b";
}
.dlt-c8y-icon-layers:before {
  content: "\f035";
}
.dlt-c8y-icon-journey:before {
  content: "\f033";
}
.dlt-c8y-icon-here:before {
  content: "\f031";
}
.dlt-c8y-icon-street-view:before {
  content: "\f031";
}
.dlt-c8y-icon-parking:before {
  content: "\ea68";
}
.dlt-c8y-icon-reply:before {
  content: "\e964";
}
.dlt-c8y-icon-mail-reply:before {
  content: "\e964";
}
.dlt-c8y-icon-forward1:before {
  content: "\eb4a";
}
.dlt-c8y-icon-mail-forward:before {
  content: "\eb4a";
}
.dlt-c8y-icon-reply-all:before {
  content: "\e965";
}
.dlt-c8y-icon-mail-reply-all:before {
  content: "\e965";
}
.dlt-c8y-icon-reply-all:before {
  content: "\e965";
}
.dlt-c8y-icon-communication:before {
  content: "\e995";
}
.dlt-c8y-icon-multichannel:before {
  content: "\ea09";
}
.dlt-c8y-icon-chat:before {
  content: "\ea6f";
}
.dlt-c8y-icon-topic:before {
  content: "\f12d";
}
.dlt-c8y-icon-comment:before {
  content: "\f12d";
}
.dlt-c8y-icon-comment-o:before {
  content: "\f12d";
}
.dlt-c8y-icon-typing:before {
  content: "\f130";
}
.dlt-c8y-icon-quote:before {
  content: "\f0fd";
}
.dlt-c8y-icon-delete-message:before {
  content: "\f0a7";
}
.dlt-c8y-icon-poll:before {
  content: "\f0f0";
}
.dlt-c8y-icon-popular:before {
  content: "\f0f1";
}
.dlt-c8y-icon-speaker-notes:before {
  content: "\f123";
}
.dlt-c8y-icon-audio-description:before {
  content: "\f123";
}
.dlt-c8y-icon-comment1:before {
  content: "\ea70";
}
.dlt-c8y-icon-comments:before {
  content: "\ea70";
}
.dlt-c8y-icon-comments-o:before {
  content: "\ea70";
}
.dlt-c8y-icon-speaker-notes-off:before {
  content: "\f124";
}
.dlt-c8y-icon-new-topic:before {
  content: "\f0e4";
}
.dlt-c8y-icon-ask-question:before {
  content: "\f090";
}
.dlt-c8y-icon-chat-bubble:before {
  content: "\f097";
}
.dlt-c8y-icon-commenting:before {
  content: "\f097";
}
.dlt-c8y-icon-commenting-o:before {
  content: "\f097";
}
.dlt-c8y-icon-mail:before {
  content: "\f0c1";
}
.dlt-c8y-icon-important-mail:before {
  content: "\f0c1";
}
.dlt-c8y-icon-envelope:before {
  content: "\f0c1";
}
.dlt-c8y-icon-envelope-o:before {
  content: "\f0c1";
}
.dlt-c8y-icon-envelope-open-o:before {
  content: "\f0c1";
}
.dlt-c8y-icon-envelope-open:before {
  content: "\f0c1";
}
.dlt-c8y-icon-edit-message:before {
  content: "\f0b1";
}
.dlt-c8y-icon-received:before {
  content: "\f100";
}
.dlt-c8y-icon-deleted-message:before {
  content: "\f0a9";
}
.dlt-c8y-icon-group-message:before {
  content: "\f0bb";
}
.dlt-c8y-icon-subscription:before {
  content: "\f12b";
}
.dlt-c8y-icon-unsubscribe:before {
  content: "\f134";
}
.dlt-c8y-icon-send-email:before {
  content: "\f116";
}
.dlt-c8y-icon-read-message:before {
  content: "\f1a6";
}
.dlt-c8y-icon-inbox:before {
  content: "\f0c2";
}
.dlt-c8y-icon-add-to-inbox:before {
  content: "\f08f";
}
.dlt-c8y-icon-check-inbox:before {
  content: "\f09b";
}
.dlt-c8y-icon-remove-from-inbox:before {
  content: "\f104";
}
.dlt-c8y-icon-outbox:before {
  content: "\f0ed";
}
.dlt-c8y-icon-post:before {
  content: "\f0f2";
}
.dlt-c8y-icon-envelope-square:before {
  content: "\f0f2";
}
.dlt-c8y-icon-sheet:before {
  content: "\f11f";
}
.dlt-c8y-icon-sticky-note:before {
  content: "\f11f";
}
.dlt-c8y-icon-sticky-note-o:before {
  content: "\f11f";
}
.dlt-c8y-icon-note1:before {
  content: "\f0e7";
}
.dlt-c8y-icon-secure:before {
  content: "\f111";
}
.dlt-c8y-icon-retweet:before {
  content: "\f10b";
}
.dlt-c8y-icon-rss:before {
  content: "\f10c";
}
.dlt-c8y-icon-rss-square:before {
  content: "\f10c";
}
.dlt-c8y-icon-feed:before {
  content: "\f10c";
}
.dlt-c8y-icon-cancel-subscription:before {
  content: "\f095";
}
.dlt-c8y-icon-link:before {
  content: "\f0ca";
}
.dlt-c8y-icon-chain:before {
  content: "\f0ca";
}
.dlt-c8y-icon-link-off:before {
  content: "\e9da";
}
.dlt-c8y-icon-chain-broken:before {
  content: "\e9da";
}
.dlt-c8y-icon-unlink:before {
  content: "\e9da";
}
.dlt-c8y-icon-sent:before {
  content: "\f11b";
}
.dlt-c8y-icon-send:before {
  content: "\f0b3";
}
.dlt-c8y-icon-email-send:before {
  content: "\f0b3";
}
.dlt-c8y-icon-send-o:before {
  content: "\f0b3";
}
.dlt-c8y-icon-paper-plane:before {
  content: "\f0b3";
}
.dlt-c8y-icon-paper-plane-o:before {
  content: "\f0b3";
}
.dlt-c8y-icon-hashtag:before {
  content: "\ea73";
}
.dlt-c8y-icon-podcast:before {
  content: "\eb4b";
}
.dlt-c8y-icon-headphones:before {
  content: "\eb4c";
}
.dlt-c8y-icon-volume-control-phone:before {
  content: "\eb4d";
}
.dlt-c8y-icon-volume-off:before {
  content: "\e915";
}
.dlt-c8y-icon-volume-mute:before {
  content: "\e915";
}
.dlt-c8y-icon-volume-zero:before {
  content: "\e915";
}
.dlt-c8y-icon-volume-low:before {
  content: "\ea74";
}
.dlt-c8y-icon-volume-down:before {
  content: "\ea74";
}
.dlt-c8y-icon-volume:before {
  content: "\ea75";
}
.dlt-c8y-icon-speaker:before {
  content: "\f1ba";
}
.dlt-c8y-icon-volume-up:before {
  content: "\f1ba";
}
.dlt-c8y-icon-volume-high:before {
  content: "\f1ba";
}
.dlt-c8y-icon-sound:before {
  content: "\ef8e";
}
.dlt-c8y-icon-headset:before {
  content: "\f165";
}
.dlt-c8y-icon-play-circle:before {
  content: "\ea77";
}
.dlt-c8y-icon-pause-circle:before {
  content: "\ea79";
}
.dlt-c8y-icon-stop-circle:before {
  content: "\ea7a";
}
.dlt-c8y-icon-skip-previous:before {
  content: "\e9ec";
}
.dlt-c8y-icon-step-backward:before {
  content: "\e9ec";
}
.dlt-c8y-icon-fast-rewind:before {
  content: "\ea7c";
}
.dlt-c8y-icon-rewind:before {
  content: "\ea7d";
}
.dlt-c8y-icon-fast-rewind1:before {
  content: "\ea7d";
}
.dlt-c8y-icon-fast-backward:before {
  content: "\ea7d";
}
.dlt-c8y-icon-backward:before {
  content: "\ea7d";
}
.dlt-c8y-icon-play-arrow:before {
  content: "\e9e8";
}
.dlt-c8y-icon-play:before {
  content: "\e9e8";
}
.dlt-c8y-icon-play-circle1:before {
  content: "\e9e8";
}
.dlt-c8y-icon-play-circle-o:before {
  content: "\e9e8";
}
.dlt-c8y-icon-pause:before {
  content: "\e9e4";
}
.dlt-c8y-icon-stop:before {
  content: "\ea7e";
}
.dlt-c8y-icon-forward11:before {
  content: "\ea7f";
}
.dlt-c8y-icon-fast-forward:before {
  content: "\ea7f";
}
.dlt-c8y-icon-forward111:before {
  content: "\ea7f";
}
.dlt-c8y-icon-fast-forward1:before {
  content: "\ea82";
}
.dlt-c8y-icon-skip-next:before {
  content: "\e9eb";
}
.dlt-c8y-icon-step-forward:before {
  content: "\e9eb";
}
.dlt-c8y-icon-no-image:before {
  content: "\ecd3";
}
.dlt-c8y-icon-local-movies:before {
  content: "\e9ad";
}
.dlt-c8y-icon-theaters:before {
  content: "\e9ad";
}
.dlt-c8y-icon-film:before {
  content: "\e9ad";
}
.dlt-c8y-icon-mic:before {
  content: "\e9ae";
}
.dlt-c8y-icon-microphone:before {
  content: "\e9ae";
}
.dlt-c8y-icon-block-microphone:before {
  content: "\f147";
}
.dlt-c8y-icon-microphone-slash:before {
  content: "\f147";
}
.dlt-c8y-icon-music-note:before {
  content: "\e9af";
}
.dlt-c8y-icon-music:before {
  content: "\e9af";
}
.dlt-c8y-icon-photo-camera-front:before {
  content: "\e91d";
}
.dlt-c8y-icon-video-camera:before {
  content: "\e91d";
}
.dlt-c8y-icon-camera:before {
  content: "\f297";
}
.dlt-c8y-icon-camera-retro:before {
  content: "\f297";
}
.dlt-c8y-icon-cam:before {
  content: "\f297";
}
.dlt-c8y-icon-image:before {
  content: "\f2bd";
}
.dlt-c8y-icon-picture:before {
  content: "\f2bd";
}
.dlt-c8y-icon-picture-o:before {
  content: "\f2bd";
}
.dlt-c8y-icon-photo:before {
  content: "\f2bd";
}
.dlt-c8y-icon-photo-gallery:before {
  content: "\f2cc";
}
.dlt-c8y-icon-albums:before {
  content: "\f291";
}
.dlt-c8y-icon-cubes:before {
  content: "\f291";
}
.dlt-c8y-icon-slides:before {
  content: "\ea86";
}
.dlt-c8y-icon-bursts:before {
  content: "\f295";
}
.dlt-c8y-icon-exposure:before {
  content: "\f2ac";
}
.dlt-c8y-icon-gallery:before {
  content: "\f2b7";
}
.dlt-c8y-icon-insert-clip:before {
  content: "\f2bf";
}
.dlt-c8y-icon-memories:before {
  content: "\f2c2";
}
.dlt-c8y-icon-overwrite-clip:before {
  content: "\f2ca";
}
.dlt-c8y-icon-selfies:before {
  content: "\f2d6";
}
.dlt-c8y-icon-facebook:before {
  content: "\ea87";
}
.dlt-c8y-icon-instagram:before {
  content: "\ea89";
}
.dlt-c8y-icon-linkedin:before {
  content: "\ea8a";
}
.dlt-c8y-icon-pinterest:before {
  content: "\ea8c";
}
.dlt-c8y-icon-twitter:before {
  content: "\ea8d";
}
.dlt-c8y-icon-youtube:before {
  content: "\ea8e";
}
.dlt-c8y-icon-youtube-play:before {
  content: "\ea8e";
}
.dlt-c8y-icon-google:before {
  content: "\ea90";
}
.dlt-c8y-icon-github:before {
  content: "\ea92";
}
.dlt-c8y-icon-cloud:before {
  content: "\ea94";
}
.dlt-c8y-icon-cloud-search:before {
  content: "\ea96";
}
.dlt-c8y-icon-search-in-cloud:before {
  content: "\ea96";
}
.dlt-c8y-icon-cloud-settings:before {
  content: "\ea97";
}
.dlt-c8y-icon-cloud-checked:before {
  content: "\ea9a";
}
.dlt-c8y-icon-cloud-restricted:before {
  content: "\ea9b";
}
.dlt-c8y-icon-cloud-plus:before {
  content: "\ea9c";
}
.dlt-c8y-icon-cloud-minus:before {
  content: "\ea9d";
}
.dlt-c8y-icon-cloud-error:before {
  content: "\ea9e";
}
.dlt-c8y-icon-cloud-unavailable:before {
  content: "\ea9f";
}
.dlt-c8y-icon-cloud-upload:before {
  content: "\eaa0";
}
.dlt-c8y-icon-backup:before {
  content: "\eaa0";
}
.dlt-c8y-icon-cloud-download:before {
  content: "\eaa1";
}
.dlt-c8y-icon-cloud-backup-restore:before {
  content: "\f1ea";
}
.dlt-c8y-icon-cloud-remote-working:before {
  content: "\eaa2";
}
.dlt-c8y-icon-cloud-bar-chart:before {
  content: "\f1eb";
}
.dlt-c8y-icon-cloud-binary-code:before {
  content: "\f1ec";
}
.dlt-c8y-icon-cloud-broadcasting:before {
  content: "\f1ed";
}
.dlt-c8y-icon-secure-cloud:before {
  content: "\f237";
}
.dlt-c8y-icon-error-cloud:before {
  content: "\f216";
}
.dlt-c8y-icon-cloud-cross:before {
  content: "\f1f3";
}
.dlt-c8y-icon-dashed-cloud:before {
  content: "\f20f";
}
.dlt-c8y-icon-cloud-connection:before {
  content: "\f1f2";
}
.dlt-c8y-icon-cloud-firewall:before {
  content: "\f1f6";
}
.dlt-c8y-icon-cloud-link:before {
  content: "\f1f9";
}
.dlt-c8y-icon-cloud-waiting:before {
  content: "\f205";
}
.dlt-c8y-icon-public-cloud:before {
  content: "\f22e";
}
.dlt-c8y-icon-delete-from-cloud:before {
  content: "\f212";
}
.dlt-c8y-icon-cloud-refresh:before {
  content: "\f1fd";
}
.dlt-c8y-icon-cloud-right-u-arrow:before {
  content: "\f1fe";
}
.dlt-c8y-icon-cloud-share-symbol:before {
  content: "\f1ff";
}
.dlt-c8y-icon-cloud-development:before {
  content: "\f1f5";
}
.dlt-c8y-icon-cloud-sync:before {
  content: "\f201";
}
.dlt-c8y-icon-cloud-user:before {
  content: "\f202";
}
.dlt-c8y-icon-cloud-computing:before {
  content: "\f1f1";
}
.dlt-c8y-icon-cloud-storage:before {
  content: "\eb02";
}
.dlt-c8y-icon-cloud-network:before {
  content: "\f1fa";
}
.dlt-c8y-icon-computer:before {
  content: "\f207";
}
.dlt-c8y-icon-connected-people:before {
  content: "\f20b";
}
.dlt-c8y-icon-connection-sync:before {
  content: "\f20c";
}
.dlt-c8y-icon-network-2:before {
  content: "\f226";
}
.dlt-c8y-icon-incoming-data:before {
  content: "\f21c";
}
.dlt-c8y-icon-outgoing-data:before {
  content: "\e903";
}
.dlt-c8y-icon-remote-desktop1:before {
  content: "\f230";
}
.dlt-c8y-icon-security-wi-fi:before {
  content: "\f239";
}
.dlt-c8y-icon-server1:before {
  content: "\f23b";
}
.dlt-c8y-icon-server-shutdown1:before {
  content: "\f23d";
}
.dlt-c8y-icon-ftp-server:before {
  content: "\f219";
}
.dlt-c8y-icon-thin-client:before {
  content: "\f246";
}
.dlt-c8y-icon-wi-fi:before {
  content: "\f251";
}
.dlt-c8y-icon-wifi:before {
  content: "\f251";
}
.dlt-c8y-icon-wireless-network:before {
  content: "\f251";
}
.dlt-c8y-icon-wi-fi-off:before {
  content: "\f258";
}
.dlt-c8y-icon-wi-fi-connected:before {
  content: "\f252";
}
.dlt-c8y-icon-wi-fi-disconnected:before {
  content: "\f254";
}
.dlt-c8y-icon-wi-fi-lock:before {
  content: "\f255";
}
.dlt-c8y-icon-scan-wi-fi:before {
  content: "\f235";
}
.dlt-c8y-icon-bluetooth:before {
  content: "\f1d7";
}
.dlt-c8y-icon-bluetooth-b:before {
  content: "\f1d7";
}
.dlt-c8y-icon-bluetooth-symbol:before {
  content: "\f1d7";
}
.dlt-c8y-icon-decentralized-network:before {
  content: "\f211";
}
.dlt-c8y-icon-centralized-network:before {
  content: "\f1db";
}
.dlt-c8y-icon-light-bulb-outline:before {
  content: "\eaa4";
}
.dlt-c8y-icon-medkit:before {
  content: "\eb4e";
}
.dlt-c8y-icon-fax:before {
  content: "\eb50";
}
.dlt-c8y-icon-beer:before {
  content: "\eb52";
}
.dlt-c8y-icon-department:before {
  content: "\eaa5";
}
.dlt-c8y-icon-stacked-organizational-chart:before {
  content: "\eaa6";
}
.dlt-c8y-icon-tty:before {
  content: "\e90c";
}
.dlt-c8y-icon-target:before {
  content: "\ea6e";
}
.dlt-c8y-icon-crosshairs:before {
  content: "\ea6e";
}
.dlt-c8y-icon-accuracy:before {
  content: "\e963";
}
.dlt-c8y-icon-goal:before {
  content: "\e9dd";
}
.dlt-c8y-icon-bullseye:before {
  content: "\e9dd";
}
.dlt-c8y-icon-address-book:before {
  content: "\e967";
}
.dlt-c8y-icon-address-book-o:before {
  content: "\e967";
}
.dlt-c8y-icon-contacts-book:before {
  content: "\e967";
}
.dlt-c8y-icon-attract-customers:before {
  content: "\e971";
}
.dlt-c8y-icon-magnet:before {
  content: "\e971";
}
.dlt-c8y-icon-guarantee:before {
  content: "\e9e3";
}
.dlt-c8y-icon-commercial:before {
  content: "\e993";
}
.dlt-c8y-icon-bullhorn:before {
  content: "\e993";
}
.dlt-c8y-icon-announcement:before {
  content: "\e993";
}
.dlt-c8y-icon-podium:before {
  content: "\ea2f";
}
.dlt-c8y-icon-time-card:before {
  content: "\ea78";
}
.dlt-c8y-icon-change:before {
  content: "\e989";
}
.dlt-c8y-icon-applicant:before {
  content: "\e96c";
}
.dlt-c8y-icon-download-resume:before {
  content: "\e9c3";
}
.dlt-c8y-icon-submit-resume:before {
  content: "\ea6a";
}
.dlt-c8y-icon-briefcase:before {
  content: "\e97f";
}
.dlt-c8y-icon-suitcase:before {
  content: "\e97f";
}
.dlt-c8y-icon-new-job:before {
  content: "\ea0d";
}
.dlt-c8y-icon-job-seeker:before {
  content: "\e9f0";
}
.dlt-c8y-icon-business-building:before {
  content: "\e982";
}
.dlt-c8y-icon-dossier:before {
  content: "\e9c0";
}
.dlt-c8y-icon-alarms:before {
  content: "\e969";
}
.dlt-c8y-icon-project:before {
  content: "\ea3e";
}
.dlt-c8y-icon-important-book:before {
  content: "\e9e9";
}
.dlt-c8y-icon-important-note:before {
  content: "\e9ea";
}
.dlt-c8y-icon-name-tag:before {
  content: "\ea0a";
}
.dlt-c8y-icon-id-badge:before {
  content: "\ea0a";
}
.dlt-c8y-icon-assignment-return:before {
  content: "\e970";
}
.dlt-c8y-icon-note-taking:before {
  content: "\ea13";
}
.dlt-c8y-icon-audit:before {
  content: "\e972";
}
.dlt-c8y-icon-badge:before {
  content: "\e975";
}
.dlt-c8y-icon-vcard:before {
  content: "\e975";
}
.dlt-c8y-icon-vcard-o:before {
  content: "\e975";
}
.dlt-c8y-icon-id-card:before {
  content: "\e975";
}
.dlt-c8y-icon-id-card-o:before {
  content: "\e975";
}
.dlt-c8y-icon-address-card-o:before {
  content: "\e975";
}
.dlt-c8y-icon-address-card:before {
  content: "\e975";
}
.dlt-c8y-icon-drivers-license:before {
  content: "\e975";
}
.dlt-c8y-icon-drivers-license-o:before {
  content: "\e975";
}
.dlt-c8y-icon-new-contact:before {
  content: "\ea0c";
}
.dlt-c8y-icon-contact-details:before {
  content: "\e99f";
}
.dlt-c8y-icon-phone-contact:before {
  content: "\ea27";
}
.dlt-c8y-icon-inspection:before {
  content: "\e9ee";
}
.dlt-c8y-icon-clipboard-with-a-tick:before {
  content: "\e9ee";
}
.dlt-c8y-icon-survey:before {
  content: "\ea6d";
}
.dlt-c8y-icon-no-data-available:before {
  content: "\ea10";
}
.dlt-c8y-icon-task-planning:before {
  content: "\ea71";
}
.dlt-c8y-icon-invoice:before {
  content: "\eaa7";
}
.dlt-c8y-icon-summary-list:before {
  content: "\ea6b";
}
.dlt-c8y-icon-study:before {
  content: "\ea69";
}
.dlt-c8y-icon-card:before {
  content: "\eaa8";
}
.dlt-c8y-icon-job:before {
  content: "\e9ef";
}
.dlt-c8y-icon-print:before {
  content: "\eaab";
}
.dlt-c8y-icon-communication-internet:before {
  content: "\e996";
}
.dlt-c8y-icon-language-skill:before {
  content: "\e9f4";
}
.dlt-c8y-icon-language:before {
  content: "\e9f4";
}
.dlt-c8y-icon-close-program:before {
  content: "\e98b";
}
.dlt-c8y-icon-window-close:before {
  content: "\e98b";
}
.dlt-c8y-icon-window-close-o:before {
  content: "\e98b";
}
.dlt-c8y-icon-new-slide:before {
  content: "\ea0f";
}
.dlt-c8y-icon-web-analytics:before {
  content: "\ea8b";
}
.dlt-c8y-icon-planner:before {
  content: "\ea2b";
}
.dlt-c8y-icon-rescheduling-a-task:before {
  content: "\ea4a";
}
.dlt-c8y-icon-resume-website:before {
  content: "\ea4f";
}
.dlt-c8y-icon-product-documents:before {
  content: "\ea37";
}
.dlt-c8y-icon-resume-template:before {
  content: "\ea4e";
}
.dlt-c8y-icon-rubber-stamp:before {
  content: "\ea51";
}
.dlt-c8y-icon-stamp:before {
  content: "\ea64";
}
.dlt-c8y-icon-video-projector:before {
  content: "\ea85";
}
.dlt-c8y-icon-management1:before {
  content: "\e9ff";
}
.dlt-c8y-icon-gavel:before {
  content: "\e92c";
}
.dlt-c8y-icon-legal:before {
  content: "\e92c";
}
.dlt-c8y-icon-user-md:before {
  content: "\eb53";
}
.dlt-c8y-icon-wheelchair-alt:before {
  content: "\eb55";
}
.dlt-c8y-icon-wheelchair:before {
  content: "\eb56";
}
.dlt-c8y-icon-child:before {
  content: "\eb57";
}
.dlt-c8y-icon-workspace1:before {
  content: "\eab3";
}
.dlt-c8y-icon-male-user:before {
  content: "\f276";
}
.dlt-c8y-icon-user-circle-o:before {
  content: "\f276";
}
.dlt-c8y-icon-user-circle:before {
  content: "\f276";
}
.dlt-c8y-icon-user-plus:before {
  content: "\eb58";
}
.dlt-c8y-icon-add-user:before {
  content: "\eb58";
}
.dlt-c8y-icon-remove-user:before {
  content: "\eb59";
}
.dlt-c8y-icon-user-minus:before {
  content: "\eb59";
}
.dlt-c8y-icon-user-times:before {
  content: "\eb59";
}
.dlt-c8y-icon-user-account:before {
  content: "\f137";
}
.dlt-c8y-icon-user:before {
  content: "\f137";
}
.dlt-c8y-icon-user-o:before {
  content: "\f137";
}
.dlt-c8y-icon-manager:before {
  content: "\ea00";
}
.dlt-c8y-icon-businessman:before {
  content: "\ea00";
}
.dlt-c8y-icon-male:before {
  content: "\ea00";
}
.dlt-c8y-icon-document-writer:before {
  content: "\f26b";
}
.dlt-c8y-icon-supplier:before {
  content: "\ea6c";
}
.dlt-c8y-icon-search-client:before {
  content: "\ea56";
}
.dlt-c8y-icon-account-enable:before {
  content: "\eab4";
}
.dlt-c8y-icon-account-disable:before {
  content: "\eab5";
}
.dlt-c8y-icon-insurance-agent:before {
  content: "\f274";
}
.dlt-c8y-icon-payroll:before {
  content: "\ea20";
}
.dlt-c8y-icon-lawyer:before {
  content: "\f275";
}
.dlt-c8y-icon-complaint:before {
  content: "\e99a";
}
.dlt-c8y-icon-appointment-scheduling:before {
  content: "\e96d";
}
.dlt-c8y-icon-caretaker:before {
  content: "\ee97";
}
.dlt-c8y-icon-guardian:before {
  content: "\f3a0";
}
.dlt-c8y-icon-batch-assign:before {
  content: "\f367";
}
.dlt-c8y-icon-people:before {
  content: "\ea21";
}
.dlt-c8y-icon-users:before {
  content: "\ea21";
}
.dlt-c8y-icon-group1:before {
  content: "\ea21";
}
.dlt-c8y-icon-management:before {
  content: "\ea21";
}
.dlt-c8y-icon-team:before {
  content: "\ea21";
}
.dlt-c8y-icon-people-working-together:before {
  content: "\eab6";
}
.dlt-c8y-icon-group-task:before {
  content: "\e9e1";
}
.dlt-c8y-icon-accessibility:before {
  content: "\e90d";
}
.dlt-c8y-icon-universal-access:before {
  content: "\e90d";
}
.dlt-c8y-icon-pregnant-woman:before {
  content: "\e96b";
}
.dlt-c8y-icon-female:before {
  content: "\e96b";
}
.dlt-c8y-icon-business-conference-female-speaker:before {
  content: "\e983";
}
.dlt-c8y-icon-organization-chart-people:before {
  content: "\ea1e";
}
.dlt-c8y-icon-meeting-room:before {
  content: "\ea03";
}
.dlt-c8y-icon-permanent-job:before {
  content: "\ea23";
}
.dlt-c8y-icon-contact-us:before {
  content: "\e9a0";
}
.dlt-c8y-icon-voice-recognition:before {
  content: "\ea88";
}
.dlt-c8y-icon-collaboration:before {
  content: "\e98e";
}
.dlt-c8y-icon-technical-support:before {
  content: "\ea76";
}
.dlt-c8y-icon-online-support:before {
  content: "\ea1c";
}
.dlt-c8y-icon-student-male:before {
  content: "\eab7";
}
.dlt-c8y-icon-devops:before {
  content: "\f26a";
}
.dlt-c8y-icon-exhibitor:before {
  content: "\f26c";
}
.dlt-c8y-icon-env-permission:before {
  content: "\eab9";
}
.dlt-c8y-icon-bathtub:before {
  content: "\e96f";
}
.dlt-c8y-icon-bath:before {
  content: "\e96f";
}
.dlt-c8y-icon-s15:before {
  content: "\e96f";
}
.dlt-c8y-icon-hotel:before {
  content: "\e96e";
}
.dlt-c8y-icon-local-hotel:before {
  content: "\e96e";
}
.dlt-c8y-icon-bed:before {
  content: "\e96e";
}
.dlt-c8y-icon-intelligence:before {
  content: "\eabe";
}
.dlt-c8y-icon-source-code:before {
  content: "\f342";
}
.dlt-c8y-icon-code:before {
  content: "\f342";
}
.dlt-c8y-icon-html-code:before {
  content: "\f342";
}
.dlt-c8y-icon-code1:before {
  content: "\eabf";
}
.dlt-c8y-icon-file-code-o:before {
  content: "\eabf";
}
.dlt-c8y-icon-console:before {
  content: "\eac0";
}
.dlt-c8y-icon-terminal:before {
  content: "\eac0";
}
.dlt-c8y-icon-add-property:before {
  content: "\f2f8";
}
.dlt-c8y-icon-delete-document:before {
  content: "\f309";
}
.dlt-c8y-icon-urgent-property:before {
  content: "\f356";
}
.dlt-c8y-icon-remove-property:before {
  content: "\f338";
}
.dlt-c8y-icon-edit-property:before {
  content: "\f30c";
}
.dlt-c8y-icon-template:before {
  content: "\f34d";
}
.dlt-c8y-icon-test:before {
  content: "\f34e";
}
.dlt-c8y-icon-property-script:before {
  content: "\f335";
}
.dlt-c8y-icon-show-property:before {
  content: "\f33f";
}
.dlt-c8y-icon-search-property:before {
  content: "\f33e";
}
.dlt-c8y-icon-timesheet:before {
  content: "\f351";
}
.dlt-c8y-icon-important-property:before {
  content: "\f317";
}
.dlt-c8y-icon-new-property:before {
  content: "\f328";
}
.dlt-c8y-icon-navigation-toolbar-top:before {
  content: "\f327";
}
.dlt-c8y-icon-window-maximize:before {
  content: "\f327";
}
.dlt-c8y-icon-web-application-firewall:before {
  content: "\f358";
}
.dlt-c8y-icon-website-bug:before {
  content: "\f35a";
}
.dlt-c8y-icon-bug:before {
  content: "\f35a";
}
.dlt-c8y-icon-web-design:before {
  content: "\f359";
}
.dlt-c8y-icon-navigation-toolbar-bottom:before {
  content: "\f325";
}
.dlt-c8y-icon-more-details:before {
  content: "\f323";
}
.dlt-c8y-icon-navigation-pane:before {
  content: "\f324";
}
.dlt-c8y-icon-pin:before {
  content: "\f32c";
}
.dlt-c8y-icon-thumb-tack:before {
  content: "\f32c";
}
.dlt-c8y-icon-unpin:before {
  content: "\f355";
}
.dlt-c8y-icon-commit-git:before {
  content: "\f306";
}
.dlt-c8y-icon-codefork:before {
  content: "\f304";
}
.dlt-c8y-icon-code-fork:before {
  content: "\f304";
}
.dlt-c8y-icon-merge-git:before {
  content: "\f322";
}
.dlt-c8y-icon-pull-request:before {
  content: "\f336";
}
.dlt-c8y-icon-compare-git:before {
  content: "\f307";
}
.dlt-c8y-icon-share:before {
  content: "\eac3";
}
.dlt-c8y-icon-share-alt:before {
  content: "\eac3";
}
.dlt-c8y-icon-share-alt-square:before {
  content: "\eac3";
}
.dlt-c8y-icon-activity-history:before {
  content: "\eaeb";
}
.dlt-c8y-icon-rules:before {
  content: "\ea52";
}
.dlt-c8y-icon-create-document:before {
  content: "\e9a2";
}
.dlt-c8y-icon-product-architecture:before {
  content: "\f331";
}
.dlt-c8y-icon-registry-editor:before {
  content: "\f337";
}
.dlt-c8y-icon-rest-api:before {
  content: "\f33b";
}
.dlt-c8y-icon-true-false:before {
  content: "\f353";
}
.dlt-c8y-icon-uninstall-programs:before {
  content: "\f354";
}
.dlt-c8y-icon-sheets:before {
  content: "\ef7f";
}
.dlt-c8y-icon-stages:before {
  content: "\ef7f";
}
.dlt-c8y-icon-add-stage:before {
  content: "\eac5";
}
.dlt-c8y-icon-api:before {
  content: "\f2f9";
}
.dlt-c8y-icon-blockly-turquoise:before {
  content: "\f2ff";
}
.dlt-c8y-icon-blockly-blue:before {
  content: "\f2fa";
}
.dlt-c8y-icon-blockly-pink:before {
  content: "\f2fe";
}
.dlt-c8y-icon-plugin:before {
  content: "\f32f";
}
.dlt-c8y-icon-base-64:before {
  content: "\ed57";
}
.dlt-c8y-icon-xml-transformer:before {
  content: "\edb1";
}
.dlt-c8y-icon-shield:before {
  content: "\eac6";
}
.dlt-c8y-icon-protect:before {
  content: "\f419";
}
.dlt-c8y-icon-warning-shield:before {
  content: "\f425";
}
.dlt-c8y-icon-free-forever:before {
  content: "\eac8";
}
.dlt-c8y-icon-identification-documents:before {
  content: "\eaca";
}
.dlt-c8y-icon-id-verified:before {
  content: "\f412";
}
.dlt-c8y-icon-fingerprint:before {
  content: "\f410";
}
.dlt-c8y-icon-pin-code:before {
  content: "\f418";
}
.dlt-c8y-icon-password:before {
  content: "\f416";
}
.dlt-c8y-icon-lock:before {
  content: "\eacb";
}
.dlt-c8y-icon-unlock:before {
  content: "\eacd";
}
.dlt-c8y-icon-privacy:before {
  content: "\ea33";
}
.dlt-c8y-icon-lock-outline:before {
  content: "\e91e";
}
.dlt-c8y-icon-lock1:before {
  content: "\e91e";
}
.dlt-c8y-icon-lock-open:before {
  content: "\e91f";
}
.dlt-c8y-icon-unlock1:before {
  content: "\e91f";
}
.dlt-c8y-icon-unlock-alt:before {
  content: "\e91f";
}
.dlt-c8y-icon-key:before {
  content: "\f413";
}
.dlt-c8y-icon-access:before {
  content: "\f409";
}
.dlt-c8y-icon-lock11:before {
  content: "\f414";
}
.dlt-c8y-icon-realtime:before {
  content: "\f41a";
}
.dlt-c8y-icon-smart-home-connection:before {
  content: "\f41d";
}
.dlt-c8y-icon-smart-home-checked:before {
  content: "\f41c";
}
.dlt-c8y-icon-smart-home-error:before {
  content: "\f41e";
}
.dlt-c8y-icon-smart-home-remove:before {
  content: "\f41f";
}
.dlt-c8y-icon-smart-home-shield:before {
  content: "\f420";
}
.dlt-c8y-icon-voice-id:before {
  content: "\f423";
}
.dlt-c8y-icon-web-application-firewall1:before {
  content: "\f426";
}
.dlt-c8y-icon-copyright:before {
  content: "\ead2";
}
.dlt-c8y-icon-spy:before {
  content: "\ead3";
}
.dlt-c8y-icon-user-secret:before {
  content: "\ead3";
}
.dlt-c8y-icon-bug1:before {
  content: "\ead4";
}
.dlt-c8y-icon-health-examine:before {
  content: "\ead6";
}
.dlt-c8y-icon-stethoscope:before {
  content: "\ead6";
}
.dlt-c8y-icon-space-shuttle:before {
  content: "\eb5a";
}
.dlt-c8y-icon-ambulance:before {
  content: "\eb5b";
}
.dlt-c8y-icon-car:before {
  content: "\f53f";
}
.dlt-c8y-icon-automobile:before {
  content: "\f53f";
}
.dlt-c8y-icon-local-taxi:before {
  content: "\e920";
}
.dlt-c8y-icon-taxi:before {
  content: "\e920";
}
.dlt-c8y-icon-cab:before {
  content: "\e920";
}
.dlt-c8y-icon-truck:before {
  content: "\f636";
}
.dlt-c8y-icon-file-delivery:before {
  content: "\ebc5";
}
.dlt-c8y-icon-in-transit:before {
  content: "\ebd5";
}
.dlt-c8y-icon-bus:before {
  content: "\f53b";
}
.dlt-c8y-icon-train:before {
  content: "\e9f1";
}
.dlt-c8y-icon-directions-subway:before {
  content: "\e9f2";
}
.dlt-c8y-icon-directions-transit:before {
  content: "\e9f2";
}
.dlt-c8y-icon-tram:before {
  content: "\e9f2";
}
.dlt-c8y-icon-delivery-dining:before {
  content: "\e9f5";
}
.dlt-c8y-icon-scooter:before {
  content: "\e9f5";
}
.dlt-c8y-icon-pedal-bike:before {
  content: "\e9b1";
}
.dlt-c8y-icon-bicycle:before {
  content: "\e9b1";
}
.dlt-c8y-icon-motorcycle:before {
  content: "\e9b2";
}
.dlt-c8y-icon-airport:before {
  content: "\f521";
}
.dlt-c8y-icon-plane:before {
  content: "\f521";
}
.dlt-c8y-icon-fighter-jet:before {
  content: "\f521";
}
.dlt-c8y-icon-directions-ferry:before {
  content: "\e9f3";
}
.dlt-c8y-icon-ship:before {
  content: "\e9f3";
}
.dlt-c8y-icon-deploy:before {
  content: "\eade";
}
.dlt-c8y-icon-rocket:before {
  content: "\eade";
}
.dlt-c8y-icon-wrench1:before {
  content: "\eadf";
}
.dlt-c8y-icon-road:before {
  content: "\f5e5";
}
.dlt-c8y-icon-flag-outline:before {
  content: "\eae1";
}
.dlt-c8y-icon-software:before {
  content: "\f340";
}
.dlt-c8y-icon-future:before {
  content: "\f4b9";
}
.dlt-c8y-icon-time-machine:before {
  content: "\f4e2";
}
.dlt-c8y-icon-history:before {
  content: "\f4e2";
}
.dlt-c8y-icon-delivery-time:before {
  content: "\f4e2";
}
.dlt-c8y-icon-schedule:before {
  content: "\e9b0";
}
.dlt-c8y-icon-clock:before {
  content: "\e9b0";
}
.dlt-c8y-icon-clock-o:before {
  content: "\e9b0";
}
.dlt-c8y-icon-watches-front-view:before {
  content: "\f508";
}
.dlt-c8y-icon-clock1:before {
  content: "\ead7";
}
.dlt-c8y-icon-clock11:before,
.dlt-c8y-icon-done:before {
  content: "\ead7";
}
.dlt-c8y-icon-alarm1:before {
  content: "\ead8";
}
.dlt-c8y-icon-timer:before {
  content: "\ead8";
}
.dlt-c8y-icon-wall-clock:before {
  content: "\efbc";
}
.dlt-c8y-icon-alarm-add:before {
  content: "\f47a";
}
.dlt-c8y-icon-alarm-on:before {
  content: "\f47d";
}
.dlt-c8y-icon-alarm-off:before {
  content: "\f47c";
}
.dlt-c8y-icon-calendar:before {
  content: "\f480";
}
.dlt-c8y-icon-calendar-o:before {
  content: "\f480";
}
.dlt-c8y-icon-today:before {
  content: "\f504";
}
.dlt-c8y-icon-calendar-check-o:before {
  content: "\f504";
}
.dlt-c8y-icon-calendar-1:before {
  content: "\f481";
}
.dlt-c8y-icon-calendar-31:before {
  content: "\f499";
}
.dlt-c8y-icon-monday:before {
  content: "\f4c9";
}
.dlt-c8y-icon-sunday:before {
  content: "\f4df";
}
.dlt-c8y-icon-january:before {
  content: "\f4bf";
}
.dlt-c8y-icon-december:before {
  content: "\f4b1";
}
.dlt-c8y-icon-edit-calendar:before {
  content: "\f4b2";
}
.dlt-c8y-icon-view-schedule:before {
  content: "\f506";
}
.dlt-c8y-icon-calendar-add:before {
  content: "\ead9";
}
.dlt-c8y-icon-calendar-plus:before {
  content: "\ead9";
}
.dlt-c8y-icon-calendar-plus-o:before {
  content: "\ead9";
}
.dlt-c8y-icon-calendar-remove:before {
  content: "\eadd";
}
.dlt-c8y-icon-calendar-minus:before {
  content: "\eadd";
}
.dlt-c8y-icon-calendar-times:before {
  content: "\eadd";
}
.dlt-c8y-icon-calendar-minus-o:before {
  content: "\eadd";
}
.dlt-c8y-icon-calendar-times-o:before {
  content: "\eadd";
}
.dlt-c8y-icon-important-month:before {
  content: "\f4bd";
}
.dlt-c8y-icon-schedule1:before {
  content: "\ea55";
}
.dlt-c8y-icon-sand-watch:before {
  content: "\f4d7";
}
.dlt-c8y-icon-hourglass-start:before {
  content: "\f4d7";
}
.dlt-c8y-icon-hourglass-o:before {
  content: "\f4d7";
}
.dlt-c8y-icon-hourglass-half:before {
  content: "\f4d7";
}
.dlt-c8y-icon-hourglass-end:before {
  content: "\f4d7";
}
.dlt-c8y-icon-hourglass:before {
  content: "\f4d7";
}
.dlt-c8y-icon-hourglass-1:before {
  content: "\f4d7";
}
.dlt-c8y-icon-hourglass-2:before {
  content: "\f4d7";
}
.dlt-c8y-icon-hourglass-3:before {
  content: "\f4d7";
}
.dlt-c8y-icon-timezone-globe:before {
  content: "\f502";
}
.dlt-c8y-icon-timezone:before {
  content: "\f4e9";
}
.dlt-c8y-icon-timetable:before {
  content: "\f4e8";
}
.dlt-c8y-icon-day-view:before {
  content: "\f4b0";
}
.dlt-c8y-icon-month-view:before {
  content: "\f4ca";
}
.dlt-c8y-icon-week-view:before {
  content: "\f50a";
}
.dlt-c8y-icon-year-view:before {
  content: "\f50b";
}
.dlt-c8y-icon-newspaper-o:before {
  content: "\eba7";
}
.dlt-c8y-icon-creative-commons:before {
  content: "\eb5d";
}
.dlt-c8y-icon-spinner:before {
  content: "\eb5e";
}
.dlt-c8y-icon-loading:before {
  content: "\eb5e";
}
.dlt-c8y-icon-busy:before {
  content: "\eb5e";
}
.dlt-c8y-icon-wheel:before {
  content: "\eb5e";
}
.dlt-c8y-icon-trademark:before {
  content: "\eb62";
}
.dlt-c8y-icon-toggle-on:before {
  content: "\eb63";
}
.dlt-c8y-icon-toggle-off:before {
  content: "\eb64";
}
.dlt-c8y-icon-ticket:before {
  content: "\eb65";
}
.dlt-c8y-icon-spoon:before {
  content: "\eb66";
}
.dlt-c8y-icon-sort-numeric-desc:before {
  content: "\eb67";
}
.dlt-c8y-icon-sort-numeric-asc:before {
  content: "\eb68";
}
.dlt-c8y-icon-snowflake-o:before {
  content: "\eb69";
}
.dlt-c8y-icon-shower:before {
  content: "\eb6a";
}
.dlt-c8y-icon-percent:before {
  content: "\eb6c";
}
.dlt-c8y-icon-paw:before {
  content: "\eb6e";
}
.dlt-c8y-icon-mouse-pointer:before {
  content: "\eb6f";
}
.dlt-c8y-icon-lemon-o:before {
  content: "\eb70";
}
.dlt-c8y-icon-leaf:before {
  content: "\eb72";
}
.dlt-c8y-icon-diamond:before {
  content: "\eb74";
}
.dlt-c8y-icon-braille:before {
  content: "\eb75";
}
.dlt-c8y-icon-bomb:before {
  content: "\eb76";
}
.dlt-c8y-icon-binoculars:before {
  content: "\eb77";
}
.dlt-c8y-icon-eject:before {
  content: "\eb7a";
}
.dlt-c8y-icon-touch-app:before {
  content: "\eb7b";
}
.dlt-c8y-icon-soccer:before {
  content: "\eb7c";
}
.dlt-c8y-icon-football:before {
  content: "\eb7c";
}
.dlt-c8y-icon-futbol-o:before {
  content: "\eb7c";
}
.dlt-c8y-icon-soccer-ball-o:before {
  content: "\eb7c";
}
.dlt-c8y-icon-mood:before {
  content: "\eb7d";
}
.dlt-c8y-icon-meh-o:before {
  content: "\eb7d";
}
.dlt-c8y-icon-frown-o:before {
  content: "\eb7d";
}
.dlt-c8y-icon-smile-o:before {
  content: "\eb7d";
}
.dlt-c8y-icon-deaf:before {
  content: "\eb7f";
}
.dlt-c8y-icon-deafness:before {
  content: "\eb7f";
}
.dlt-c8y-icon-hard-of-hearing:before {
  content: "\eb7f";
}
.dlt-c8y-icon-assistive-listening-systems:before {
  content: "\eb80";
}
.dlt-c8y-icon-american-sign-language-interpreting:before {
  content: "\eb82";
}
.dlt-c8y-icon-asl-interpreting:before {
  content: "\eb82";
}
.dlt-c8y-icon-cc:before {
  content: "\eb83";
}
.dlt-c8y-icon-closed-caption:before {
  content: "\eb83";
}
.dlt-c8y-icon-anchor:before {
  content: "\eb87";
}
.dlt-c8y-icon-accessibility-settings:before {
  content: "\eae3";
}
.dlt-c8y-icon-info:before {
  content: "\eae4";
}
.dlt-c8y-icon-info-circle:before {
  content: "\eae4";
}
.dlt-c8y-icon-warning:before {
  content: "\eae5";
}
.dlt-c8y-icon-report-problem:before {
  content: "\eae5";
}
.dlt-c8y-icon-exclamation-triangle:before {
  content: "\eae5";
}
.dlt-c8y-icon-exclamation-circle:before {
  content: "\e97b";
}
.dlt-c8y-icon-error:before {
  content: "\e97b";
}
.dlt-c8y-icon-high-priority:before {
  content: "\e9e6";
}
.dlt-c8y-icon-spam:before {
  content: "\f122";
}
.dlt-c8y-icon-help:before {
  content: "\f69e";
}
.dlt-c8y-icon-question-circle:before {
  content: "\f69e";
}
.dlt-c8y-icon-question:before {
  content: "\f69e";
}
.dlt-c8y-icon-help-outline:before {
  content: "\eae7";
}
.dlt-c8y-icon-question-circle-o:before {
  content: "\eae7";
}
.dlt-c8y-icon-approval:before {
  content: "\f65d";
}
.dlt-c8y-icon-trophy:before {
  content: "\f65d";
}
.dlt-c8y-icon-unverified-account:before {
  content: "\f72e";
}
.dlt-c8y-icon-automatic-gearbox-warning:before {
  content: "\f52a";
}
.dlt-c8y-icon-exclamation-circle1:before {
  content: "\f52a";
}
.dlt-c8y-icon-user-manual:before {
  content: "\f732";
}
.dlt-c8y-icon-stages1:before {
  content: "\eae9";
}
.dlt-c8y-icon-menu:before {
  content: "\f6ca";
}
.dlt-c8y-icon-reorder:before {
  content: "\f6ca";
}
.dlt-c8y-icon-navicon:before {
  content: "\f6ca";
}
.dlt-c8y-icon-bars:before {
  content: "\f6ca";
}
.dlt-c8y-icon-hamburger:before {
  content: "\f6ca";
}
.dlt-c8y-icon-menu-vertical:before {
  content: "\f6cc";
}
.dlt-c8y-icon-ellipsis-v:before {
  content: "\f6cc";
}
.dlt-c8y-icon-app-switcher:before {
  content: "\eaea";
}
.dlt-c8y-icon-menu-horizontal:before {
  content: "\e974";
}
.dlt-c8y-icon-ellipsis-h:before {
  content: "\e974";
}
.dlt-c8y-icon-plus-math:before {
  content: "\f3d6";
}
.dlt-c8y-icon-plus:before {
  content: "\f3d6";
}
.dlt-c8y-icon-subtract:before {
  content: "\f3f3";
}
.dlt-c8y-icon-minus:before {
  content: "\f3f3";
}
.dlt-c8y-icon-clear:before {
  content: "\e977";
}
.dlt-c8y-icon-close:before {
  content: "\e977";
}
.dlt-c8y-icon-remove:before {
  content: "\e977";
}
.dlt-c8y-icon-times:before {
  content: "\e977";
}
.dlt-c8y-icon-equals:before {
  content: "\eaec";
}
.dlt-c8y-icon-exclamation:before {
  content: "\eaed";
}
.dlt-c8y-icon-check:before {
  content: "\eaee";
}
.dlt-c8y-icon-upvote-downvote:before {
  content: "\f731";
}
.dlt-c8y-icon-math:before {
  content: "\f3b8";
}
.dlt-c8y-icon-less-than1:before {
  content: "\f3b4";
}
.dlt-c8y-icon-more-than:before {
  content: "\f3be";
}
.dlt-c8y-icon-circled-notch:before {
  content: "\ec67";
}
.dlt-c8y-icon-circle-o-notch:before {
  content: "\ec67";
}
.dlt-c8y-icon-inactive-state:before {
  content: "\f6a5";
}
.dlt-c8y-icon-storage1:before {
  content: "\f712";
}
.dlt-c8y-icon-lifebuoy:before {
  content: "\f6b7";
}
.dlt-c8y-icon-life-buoy:before {
  content: "\f6b7";
}
.dlt-c8y-icon-life-ring:before {
  content: "\f6b7";
}
.dlt-c8y-icon-life-saver:before {
  content: "\f6b7";
}
.dlt-c8y-icon-wait:before {
  content: "\f73a";
}
.dlt-c8y-icon-block:before {
  content: "\e978";
}
.dlt-c8y-icon-ban:before {
  content: "\e978";
}
.dlt-c8y-icon-copy1:before {
  content: "\ed5d";
}
.dlt-c8y-icon-clone:before {
  content: "\ed5d";
}
.dlt-c8y-icon-paste1:before {
  content: "\ece5";
}
.dlt-c8y-icon-clipboard:before {
  content: "\ece5";
}
.dlt-c8y-icon-search-more:before {
  content: "\f701";
}
.dlt-c8y-icon-search:before {
  content: "\eaef";
}
.dlt-c8y-icon-mobile-zoom-in:before {
  content: "\f180";
}
.dlt-c8y-icon-search-plus:before {
  content: "\f180";
}
.dlt-c8y-icon-mobile-zoom-out:before {
  content: "\f181";
}
.dlt-c8y-icon-search-minus:before {
  content: "\f181";
}
.dlt-c8y-icon-product1:before {
  content: "\eaf0";
}
.dlt-c8y-icon-trash-can:before {
  content: "\ed39";
}
.dlt-c8y-icon-trash:before {
  content: "\ed39";
}
.dlt-c8y-icon-editing-trash:before {
  content: "\ec8e";
}
.dlt-c8y-icon-trash-o:before {
  content: "\ec8e";
}
.dlt-c8y-icon-delete-bin:before {
  content: "\ec7e";
}
.dlt-c8y-icon-eye:before {
  content: "\f0b5";
}
.dlt-c8y-icon-visibility-off:before {
  content: "\e981";
}
.dlt-c8y-icon-low-vision:before {
  content: "\e981";
}
.dlt-c8y-icon-eye-slash:before {
  content: "\e981";
}
.dlt-c8y-icon-blind:before {
  content: "\e981";
}
.dlt-c8y-icon-double-tap:before {
  content: "\f15a";
}
.dlt-c8y-icon-heart:before {
  content: "\f0be";
}
.dlt-c8y-icon-heart-o:before {
  content: "\f0be";
}
.dlt-c8y-icon-unheart:before {
  content: "\eaf1";
}
.dlt-c8y-icon-science:before {
  content: "\e984";
}
.dlt-c8y-icon-flask:before {
  content: "\e984";
}
.dlt-c8y-icon-school:before {
  content: "\e987";
}
.dlt-c8y-icon-graduation-cap:before {
  content: "\e987";
}
.dlt-c8y-icon-mortar-board:before {
  content: "\e987";
}
.dlt-c8y-icon-badge1:before {
  content: "\eaf2";
}
.dlt-c8y-icon-data-quality:before {
  content: "\eb13";
}
.dlt-c8y-icon-brightness-low:before {
  content: "\e908";
}
.dlt-c8y-icon-brightness-5:before {
  content: "\e908";
}
.dlt-c8y-icon-sun-o:before {
  content: "\e908";
}
.dlt-c8y-icon-bedtime:before {
  content: "\e98c";
}
.dlt-c8y-icon-moon-o:before {
  content: "\e98c";
}
.dlt-c8y-icon-moon:before {
  content: "\e98c";
}
.dlt-c8y-icon-add-identity-provider:before {
  content: "\eaf3";
}
.dlt-c8y-icon-bookmark-outline:before {
  content: "\eafb";
}
.dlt-c8y-icon-turned-in-not:before {
  content: "\eafb";
}
.dlt-c8y-icon-bookmark-o:before {
  content: "\eafb";
}
.dlt-c8y-icon-unbookmark:before {
  content: "\eafb";
}
.dlt-c8y-icon-bookmark:before {
  content: "\e98f";
}
.dlt-c8y-icon-turned-in:before {
  content: "\e98f";
}
.dlt-c8y-icon-check-box:before {
  content: "\e991";
}
.dlt-c8y-icon-check-square:before {
  content: "\e991";
}
.dlt-c8y-icon-check-square-o:before {
  content: "\e991";
}
.dlt-c8y-icon-checkbox-selected:before {
  content: "\e991";
}
.dlt-c8y-icon-add-box:before {
  content: "\e905";
}
.dlt-c8y-icon-plus-square:before {
  content: "\e905";
}
.dlt-c8y-icon-indeterminate-check-box:before {
  content: "\e994";
}
.dlt-c8y-icon-minus-square:before {
  content: "\e994";
}
.dlt-c8y-icon-duplicate:before {
  content: "\eafc";
}
.dlt-c8y-icon-check-box-outline-blank:before {
  content: "\e9db";
}
.dlt-c8y-icon-square-o:before {
  content: "\e9db";
}
.dlt-c8y-icon-checkbox-unselected:before {
  content: "\eafd";
}
.dlt-c8y-icon-add-new:before {
  content: "\f35e";
}
.dlt-c8y-icon-plus-square-o:before {
  content: "\f35e";
}
.dlt-c8y-icon-negative:before {
  content: "\f3c4";
}
.dlt-c8y-icon-minus-square-o:before {
  content: "\f3c4";
}
.dlt-c8y-icon-multiplication:before {
  content: "\f3c1";
}
.dlt-c8y-icon-times-rectangle-o:before {
  content: "\f3c1";
}
.dlt-c8y-icon-times-rectangle:before {
  content: "\f3c1";
}
.dlt-c8y-icon-ratio:before {
  content: "\f3db";
}
.dlt-c8y-icon-circle:before {
  content: "\e998";
}
.dlt-c8y-icon-contrast1:before {
  content: "\eafe";
}
.dlt-c8y-icon-connection-status-on:before {
  content: "\f20e";
}
.dlt-c8y-icon-ok:before {
  content: "\eb00";
}
.dlt-c8y-icon-check-circle:before {
  content: "\eb00";
}
.dlt-c8y-icon-check-circle-o:before {
  content: "\eb00";
}
.dlt-c8y-icon-success:before {
  content: "\eb00";
}
.dlt-c8y-icon-cross-circle:before {
  content: "\eb01";
}
.dlt-c8y-icon-times-circle:before {
  content: "\eb01";
}
.dlt-c8y-icon-times-circle-o:before {
  content: "\eb01";
}
.dlt-c8y-icon-add:before {
  content: "\eb03";
}
.dlt-c8y-icon-plus-circle:before {
  content: "\eb03";
}
.dlt-c8y-icon-minus-circle:before {
  content: "\eb05";
}
.dlt-c8y-icon-minus-sign:before {
  content: "\eb05";
}
.dlt-c8y-icon-radio-button-unchecked:before {
  content: "\e9dc";
}
.dlt-c8y-icon-circle-o:before {
  content: "\e9dc";
}
.dlt-c8y-icon-circle-thin:before {
  content: "\e9dc";
}
.dlt-c8y-icon-add-circle-outline:before {
  content: "\e9f6";
}
.dlt-c8y-icon-plus-circle-o:before {
  content: "\e9f6";
}
.dlt-c8y-icon-local-fire-department:before {
  content: "\e99b";
}
.dlt-c8y-icon-fire:before {
  content: "\e99b";
}
.dlt-c8y-icon-outlined-flag:before {
  content: "\e99c";
}
.dlt-c8y-icon-flag-o:before {
  content: "\e99c";
}
.dlt-c8y-icon-flag:before {
  content: "\e99d";
}
.dlt-c8y-icon-assistant-photo:before {
  content: "\e99d";
}
.dlt-c8y-icon-flag-checkered:before {
  content: "\e99d";
}
.dlt-c8y-icon-flash-on:before {
  content: "\e99e";
}
.dlt-c8y-icon-bolt:before {
  content: "\e99e";
}
.dlt-c8y-icon-quick-mode-on:before {
  content: "\f6f2";
}
.dlt-c8y-icon-flash:before {
  content: "\f6f2";
}
.dlt-c8y-icon-quick-mode-off:before {
  content: "\f6f1";
}
.dlt-c8y-icon-videogame-asset:before {
  content: "\e9a1";
}
.dlt-c8y-icon-gamepad:before {
  content: "\e9a1";
}
.dlt-c8y-icon-portraits:before {
  content: "\f2d0";
}
.dlt-c8y-icon-extension:before {
  content: "\e90a";
}
.dlt-c8y-icon-puzzle:before {
  content: "\e90a";
}
.dlt-c8y-icon-puzzle-piece:before {
  content: "\e90a";
}
.dlt-c8y-icon-star-outline:before {
  content: "\e90f";
}
.dlt-c8y-icon-star-o:before {
  content: "\e90f";
}
.dlt-c8y-icon-unstar:before {
  content: "\e90f";
}
.dlt-c8y-icon-star-half:before {
  content: "\e979";
}
.dlt-c8y-icon-star-half-empty:before {
  content: "\e979";
}
.dlt-c8y-icon-star-half-full:before {
  content: "\e979";
}
.dlt-c8y-icon-star-half-o:before {
  content: "\e979";
}
.dlt-c8y-icon-star:before {
  content: "\eb0c";
}
.dlt-c8y-icon-grade:before {
  content: "\eb0c";
}
.dlt-c8y-icon-home-page:before {
  content: "\eb0d";
}
.dlt-c8y-icon-home:before {
  content: "\eb0d";
}
.dlt-c8y-icon-attach:before {
  content: "\f091";
}
.dlt-c8y-icon-paper-clip:before {
  content: "\f091";
}
.dlt-c8y-icon-paperclip:before {
  content: "\f091";
}
.dlt-c8y-icon-link1:before {
  content: "\eb0e";
}
.dlt-c8y-icon-unlink1:before {
  content: "\eb0f";
}
.dlt-c8y-icon-online1:before {
  content: "\f0ea";
}
.dlt-c8y-icon-offline:before {
  content: "\f0e8";
}
.dlt-c8y-icon-notification:before {
  content: "\e9a7";
}
.dlt-c8y-icon-notifications:before {
  content: "\e9a7";
}
.dlt-c8y-icon-bell:before {
  content: "\e9a7";
}
.dlt-c8y-icon-bell-o:before {
  content: "\e9a7";
}
.dlt-c8y-icon-alarm:before {
  content: "\f479";
}
.dlt-c8y-icon-no-reminders:before {
  content: "\f0e6";
}
.dlt-c8y-icon-bell-slash:before {
  content: "\f0e6";
}
.dlt-c8y-icon-bell-slash-o:before {
  content: "\f0e6";
}
.dlt-c8y-icon-medium-priority:before {
  content: "\ea02";
}
.dlt-c8y-icon-sliders1:before {
  content: "\f656";
}
.dlt-c8y-icon-sliders2:before {
  content: "\f656";
}
.dlt-c8y-icon-adjust1:before {
  content: "\f656";
}
.dlt-c8y-icon-tune:before {
  content: "\f728";
}
.dlt-c8y-icon-customize:before {
  content: "\f728";
}
.dlt-c8y-icon-button:before {
  content: "\eb11";
}
.dlt-c8y-icon-breadcrumb:before {
  content: "\eb12";
}
.dlt-c8y-icon-window-minimize:before {
  content: "\f665";
}
.dlt-c8y-icon-versions:before {
  content: "\eb14";
}
.dlt-c8y-icon-pages:before {
  content: "\eb18";
}
.dlt-c8y-icon-change-theme:before {
  content: "\f668";
}
.dlt-c8y-icon-window-restore:before {
  content: "\f668";
}
.dlt-c8y-icon-landing-page:before {
  content: "\eb19";
}
.dlt-c8y-icon-continuous-mode:before {
  content: "\f675";
}
.dlt-c8y-icon-ruler-pencil:before {
  content: "\eb1a";
}
.dlt-c8y-icon-header1:before {
  content: "\eb1b";
}
.dlt-c8y-icon-body:before {
  content: "\eb1c";
}
.dlt-c8y-icon-footer:before {
  content: "\eb1d";
}
.dlt-c8y-icon-logs:before {
  content: "\eb1e";
}
.dlt-c8y-icon-overview:before {
  content: "\eb20";
}
.dlt-c8y-icon-tab:before {
  content: "\eb21";
}
.dlt-c8y-icon-cursor-in-window:before {
  content: "\ebae";
}
.dlt-c8y-icon-advertisement-page:before {
  content: "\f659";
}
.dlt-c8y-icon-share-square-o:before {
  content: "\f659";
}
.dlt-c8y-icon-share-square:before {
  content: "\f659";
}
.dlt-c8y-icon-share1:before {
  content: "\f659";
}
.dlt-c8y-icon-external-link:before {
  content: "\eb22";
}
.dlt-c8y-icon-level-up:before {
  content: "\f6b6";
}
.dlt-c8y-icon-trigger:before {
  content: "\eb24";
}
.dlt-c8y-icon-rules1:before {
  content: "\eb25";
}
.dlt-c8y-icon-email:before {
  content: "\f686";
}
.dlt-c8y-icon-form:before {
  content: "\f696";
}
.dlt-c8y-icon-language1:before {
  content: "\f6b3";
}
.dlt-c8y-icon-loading-bar:before {
  content: "\f6bc";
}
.dlt-c8y-icon-output:before {
  content: "\f6e4";
}
.dlt-c8y-icon-save1:before {
  content: "\f6f5";
}
.dlt-c8y-icon-floppy-o:before {
  content: "\f6f5";
}
.dlt-c8y-icon-single-choice:before {
  content: "\f708";
}
.dlt-c8y-icon-single-page-mode:before {
  content: "\f709";
}
.dlt-c8y-icon-skip:before {
  content: "\f70a";
}
.dlt-c8y-icon-support:before {
  content: "\f717";
}
.dlt-c8y-icon-wrench:before {
  content: "\f717";
}
.dlt-c8y-icon-maintenance:before {
  content: "\f5b1";
}
.dlt-c8y-icon-utility:before {
  content: "\f5b1";
}
.dlt-c8y-icon-themes:before {
  content: "\f71f";
}
.dlt-c8y-icon-book1:before {
  content: "\eb26";
}
.dlt-c8y-icon-top-menu:before {
  content: "\f723";
}
.dlt-c8y-icon-user-menu-male:before {
  content: "\f734";
}
.dlt-c8y-icon-hint:before {
  content: "\f6a2";
}
.dlt-c8y-icon-xlarge-icons1:before {
  content: "\f742";
}
.dlt-c8y-icon-circled-menu:before {
  content: "\f66e";
}
.dlt-c8y-icon-keypad:before {
  content: "\f6b2";
}
.dlt-c8y-icon-cake:before {
  content: "\e9a8";
}
.dlt-c8y-icon-birthday-cake:before {
  content: "\e9a8";
}
.dlt-c8y-icon-intelligence1:before {
  content: "\ebd6";
}
.dlt-c8y-icon-beginner:before {
  content: "\eb8c";
}
.dlt-c8y-icon-restaurant:before {
  content: "\e9ac";
}
.dlt-c8y-icon-cutlery:before {
  content: "\e9ac";
}
.dlt-c8y-icon-local-cafe:before {
  content: "\eb27";
}
.dlt-c8y-icon-free-breakfast:before {
  content: "\eb27";
}
.dlt-c8y-icon-coffee:before {
  content: "\eb27";
}
.dlt-c8y-icon-wine-bar:before {
  content: "\e9ab";
}
.dlt-c8y-icon-glass:before {
  content: "\e9ab";
}
.dlt-c8y-icon-espresso-cup:before {
  content: "\eedb";
}
.dlt-c8y-icon-broom:before {
  content: "\ee8c";
}
.dlt-c8y-icon-buy-upgrade:before {
  content: "\eb96";
}
.dlt-c8y-icon-speedometer:before {
  content: "\f608";
}
.dlt-c8y-icon-dashboard:before {
  content: "\f55d";
}
.dlt-c8y-icon-tachometer:before {
  content: "\f55d";
}
.dlt-c8y-icon-palette:before {
  content: "\eb28";
}
.dlt-c8y-icon-car-battery:before {
  content: "\f541";
}
.dlt-c8y-icon-magnetic:before {
  content: "\ebdd";
}
.dlt-c8y-icon-magnet1:before {
  content: "\ebdd";
}
.dlt-c8y-icon-right-navigation-toolbar:before {
  content: "\f33c";
}
.dlt-c8y-icon-tilt:before {
  content: "\f1c6";
}
.dlt-c8y-icon-clear-symbol:before {
  content: "\f670";
}
.dlt-c8y-icon-settings:before {
  content: "\e986";
}
.dlt-c8y-icon-cog:before {
  content: "\e986";
}
.dlt-c8y-icon-gear:before {
  content: "\e986";
}
.dlt-c8y-icon-advanced-search:before {
  content: "\f658";
}
.dlt-c8y-icon-heartbeat:before {
  content: "\f658";
}
.dlt-c8y-icon-installing-updates:before {
  content: "\f16a";
}
.dlt-c8y-icon-heating-automation:before {
  content: "\ef05";
}
.dlt-c8y-icon-impressum:before {
  content: "\eb29";
}
.dlt-c8y-icon-sun:before {
  content: "\f75a";
}
.dlt-c8y-icon-sunlight:before {
  content: "\ec2d";
}
.dlt-c8y-icon-cloud1:before {
  content: "\f745";
}
.dlt-c8y-icon-rain:before {
  content: "\f754";
}
.dlt-c8y-icon-winter:before {
  content: "\f761";
}
.dlt-c8y-icon-storm:before {
  content: "\f758";
}
.dlt-c8y-icon-keep-dry:before {
  content: "\ebd9";
}
.dlt-c8y-icon-umbrella:before {
  content: "\ebd9";
}
.dlt-c8y-icon-collapse-arrow.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-collapse-arrow.stroked-icon:after {
  position: relative;
  content: "\e917";
}
.dlt-c8y-icon-collapse-arrow.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-angle-up.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-angle-up.stroked-icon:after {
  position: relative;
  content: "\e917";
}
.dlt-c8y-icon-angle-up.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-chevron-up.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-chevron-up.stroked-icon:after {
  position: relative;
  content: "\e917";
}
.dlt-c8y-icon-chevron-up.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-forward.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-forward.stroked-icon:after {
  position: relative;
  content: "\e92b";
}
.dlt-c8y-icon-forward.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-angle-right.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-angle-right.stroked-icon:after {
  position: relative;
  content: "\e92b";
}
.dlt-c8y-icon-angle-right.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-chevron-right.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-chevron-right.stroked-icon:after {
  position: relative;
  content: "\e92b";
}
.dlt-c8y-icon-chevron-right.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-chevron-breadcrumb.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-chevron-breadcrumb.stroked-icon:after {
  position: relative;
  content: "\e92b";
}
.dlt-c8y-icon-chevron-breadcrumb.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-expand-arrow.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-expand-arrow.stroked-icon:after {
  position: relative;
  content: "\e92a";
}
.dlt-c8y-icon-expand-arrow.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-angle-down.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-angle-down.stroked-icon:after {
  position: relative;
  content: "\e92a";
}
.dlt-c8y-icon-angle-down.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-chevron-down.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-chevron-down.stroked-icon:after {
  position: relative;
  content: "\e92a";
}
.dlt-c8y-icon-chevron-down.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-caret-back.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-caret-back.stroked-icon:after {
  position: relative;
  content: "\e907";
}
.dlt-c8y-icon-caret-back.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-angle-left.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-angle-left.stroked-icon:after {
  position: relative;
  content: "\e907";
}
.dlt-c8y-icon-angle-left.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-chevron-left.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-chevron-left.stroked-icon:after {
  position: relative;
  content: "\e907";
}
.dlt-c8y-icon-chevron-left.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-chevron-double-left.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-chevron-double-left.stroked-icon:after {
  position: relative;
  content: "\e97a";
}
.dlt-c8y-icon-chevron-double-left.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-chevron-double-right.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-chevron-double-right.stroked-icon:after {
  position: relative;
  content: "\e97c";
}
.dlt-c8y-icon-chevron-double-right.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-chevron-double-up.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-chevron-double-up.stroked-icon:after {
  position: relative;
  content: "\e97d";
}
.dlt-c8y-icon-chevron-double-up.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-chevron-double-down.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-chevron-double-down.stroked-icon:after {
  position: relative;
  content: "\e98d";
}
.dlt-c8y-icon-chevron-double-down.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-chevron-circle-up.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-chevron-circle-up.stroked-icon:after {
  position: relative;
  content: "\e96a";
}
.dlt-c8y-icon-chevron-circle-up.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-chevron-circle-right.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-chevron-circle-right.stroked-icon:after {
  position: relative;
  content: "\e992";
}
.dlt-c8y-icon-chevron-circle-right.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-chevron-circle-down.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-chevron-circle-down.stroked-icon:after {
  position: relative;
  content: "\e9a5";
}
.dlt-c8y-icon-chevron-circle-down.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-chevron-circle-left.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-chevron-circle-left.stroked-icon:after {
  position: relative;
  content: "\e9aa";
}
.dlt-c8y-icon-chevron-circle-left.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-arrow-up.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-arrow-up.stroked-icon:after {
  position: relative;
  content: "\e95e";
}
.dlt-c8y-icon-arrow-up.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-arrow-right.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-arrow-right.stroked-icon:after {
  position: relative;
  content: "\e95d";
}
.dlt-c8y-icon-arrow-right.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-arrow-down.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-arrow-down.stroked-icon:after {
  position: relative;
  content: "\e95f";
}
.dlt-c8y-icon-arrow-down.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-arrow-left.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-arrow-left.stroked-icon:after {
  position: relative;
  content: "\e95c";
}
.dlt-c8y-icon-arrow-left.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-panel-control-up.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-panel-control-up.stroked-icon:after {
  position: relative;
  content: "\e9b3";
}
.dlt-c8y-icon-panel-control-up.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-angle-double-up.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-angle-double-up.stroked-icon:after {
  position: relative;
  content: "\e9b3";
}
.dlt-c8y-icon-angle-double-up.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-panel-control-right.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-panel-control-right.stroked-icon:after {
  position: relative;
  content: "\e9b4";
}
.dlt-c8y-icon-panel-control-right.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-angle-double-right.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-angle-double-right.stroked-icon:after {
  position: relative;
  content: "\e9b4";
}
.dlt-c8y-icon-angle-double-right.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-panel-control-down.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-panel-control-down.stroked-icon:after {
  position: relative;
  content: "\e9b5";
}
.dlt-c8y-icon-panel-control-down.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-angle-double-down.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-angle-double-down.stroked-icon:after {
  position: relative;
  content: "\e9b5";
}
.dlt-c8y-icon-angle-double-down.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-panel-control-left.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-panel-control-left.stroked-icon:after {
  position: relative;
  content: "\e9b6";
}
.dlt-c8y-icon-panel-control-left.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-angle-double-left.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-angle-double-left.stroked-icon:after {
  position: relative;
  content: "\e9b6";
}
.dlt-c8y-icon-angle-double-left.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-download.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-download.stroked-icon:after {
  position: relative;
  content: "\e937";
}
.dlt-c8y-icon-download.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-upload.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-upload.stroked-icon:after {
  position: relative;
  content: "\e940";
}
.dlt-c8y-icon-upload.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-internal.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-internal.stroked-icon:after {
  position: relative;
  content: "\f6b0";
}
.dlt-c8y-icon-internal.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-external.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-external.stroked-icon:after {
  position: relative;
  content: "\f68c";
}
.dlt-c8y-icon-external.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-undo.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-undo.stroked-icon:after {
  position: relative;
  content: "\e948";
}
.dlt-c8y-icon-undo.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-redo.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-redo.stroked-icon:after {
  position: relative;
  content: "\e958";
}
.dlt-c8y-icon-redo.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-signout.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-signout.stroked-icon:after {
  position: relative;
  content: "\e9b9";
}
.dlt-c8y-icon-signout.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-signin.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-signin.stroked-icon:after {
  position: relative;
  content: "\e9ba";
}
.dlt-c8y-icon-signin.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-login.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-login.stroked-icon:after {
  position: relative;
  content: "\e923";
}
.dlt-c8y-icon-login.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-sign-in.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-sign-in.stroked-icon:after {
  position: relative;
  content: "\e923";
}
.dlt-c8y-icon-sign-in.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-logout.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-logout.stroked-icon:after {
  position: relative;
  content: "\e928";
}
.dlt-c8y-icon-logout.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-sign-out.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-sign-out.stroked-icon:after {
  position: relative;
  content: "\e928";
}
.dlt-c8y-icon-sign-out.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-arrow-circle-up.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-arrow-circle-up.stroked-icon:after {
  position: relative;
  content: "\e962";
}
.dlt-c8y-icon-arrow-circle-up.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-arrow-circle-o-up.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-arrow-circle-o-up.stroked-icon:after {
  position: relative;
  content: "\e962";
}
.dlt-c8y-icon-arrow-circle-o-up.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-arrow-circle-right.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-arrow-circle-right.stroked-icon:after {
  position: relative;
  content: "\e912";
}
.dlt-c8y-icon-arrow-circle-right.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-arrow-circle-o-right.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-arrow-circle-o-right.stroked-icon:after {
  position: relative;
  content: "\e912";
}
.dlt-c8y-icon-arrow-circle-o-right.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-arrow-circle-down.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-arrow-circle-down.stroked-icon:after {
  position: relative;
  content: "\e906";
}
.dlt-c8y-icon-arrow-circle-down.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-arrow-circle-o-down.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-arrow-circle-o-down.stroked-icon:after {
  position: relative;
  content: "\e906";
}
.dlt-c8y-icon-arrow-circle-o-down.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-arrow-circle-left.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-arrow-circle-left.stroked-icon:after {
  position: relative;
  content: "\e92e";
}
.dlt-c8y-icon-arrow-circle-left.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-arrow-circle-o-left.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-arrow-circle-o-left.stroked-icon:after {
  position: relative;
  content: "\e92e";
}
.dlt-c8y-icon-arrow-circle-o-left.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-arrow-circle-up-left.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-arrow-circle-up-left.stroked-icon:after {
  position: relative;
  content: "\e913";
}
.dlt-c8y-icon-arrow-circle-up-left.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-arrow-circle-down-left.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-arrow-circle-down-left.stroked-icon:after {
  position: relative;
  content: "\e90e";
}
.dlt-c8y-icon-arrow-circle-down-left.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-arrow-circle-up-right.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-arrow-circle-up-right.stroked-icon:after {
  position: relative;
  content: "\e914";
}
.dlt-c8y-icon-arrow-circle-up-right.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-arrow-circle-bottom-right.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-arrow-circle-bottom-right.stroked-icon:after {
  position: relative;
  content: "\e910";
}
.dlt-c8y-icon-arrow-circle-bottom-right.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-arrow-circle-diameter.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-arrow-circle-diameter.stroked-icon:after {
  position: relative;
  content: "\f382";
}
.dlt-c8y-icon-arrow-circle-diameter.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-arrow-circle-divide-horizontal.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-arrow-circle-divide-horizontal.stroked-icon:after {
  position: relative;
  content: "\e91b";
}
.dlt-c8y-icon-arrow-circle-divide-horizontal.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-arrow-circle-minimize-horizontal.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-arrow-circle-minimize-horizontal.stroked-icon:after {
  position: relative;
  content: "\e901";
}
.dlt-c8y-icon-arrow-circle-minimize-horizontal.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-caret-square-o-up.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-caret-square-o-up.stroked-icon:after {
  position: relative;
  content: "\ea31";
}
.dlt-c8y-icon-caret-square-o-up.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-toggle-up.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-toggle-up.stroked-icon:after {
  position: relative;
  content: "\ea31";
}
.dlt-c8y-icon-toggle-up.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-caret-square-o-down.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-caret-square-o-down.stroked-icon:after {
  position: relative;
  content: "\ea35";
}
.dlt-c8y-icon-caret-square-o-down.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-toggle-down.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-toggle-down.stroked-icon:after {
  position: relative;
  content: "\ea35";
}
.dlt-c8y-icon-toggle-down.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-caret-square-o-left.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-caret-square-o-left.stroked-icon:after {
  position: relative;
  content: "\ea39";
}
.dlt-c8y-icon-caret-square-o-left.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-toggle-left.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-toggle-left.stroked-icon:after {
  position: relative;
  content: "\ea39";
}
.dlt-c8y-icon-toggle-left.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-caret-square-o-right.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-caret-square-o-right.stroked-icon:after {
  position: relative;
  content: "\ea3a";
}
.dlt-c8y-icon-caret-square-o-right.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-toggle-right.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-toggle-right.stroked-icon:after {
  position: relative;
  content: "\ea3a";
}
.dlt-c8y-icon-toggle-right.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-enter-bottom.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-enter-bottom.stroked-icon:after {
  position: relative;
  content: "\e9df";
}
.dlt-c8y-icon-enter-bottom.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-enter-right.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-enter-right.stroked-icon:after {
  position: relative;
  content: "\e9e0";
}
.dlt-c8y-icon-enter-right.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-enter-top.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-enter-top.stroked-icon:after {
  position: relative;
  content: "\e9e2";
}
.dlt-c8y-icon-enter-top.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-enter-left.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-enter-left.stroked-icon:after {
  position: relative;
  content: "\e9ed";
}
.dlt-c8y-icon-enter-left.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-exit-top.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-exit-top.stroked-icon:after {
  position: relative;
  content: "\e9f7";
}
.dlt-c8y-icon-exit-top.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-exit-right.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-exit-right.stroked-icon:after {
  position: relative;
  content: "\e9f8";
}
.dlt-c8y-icon-exit-right.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-exit-bottom.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-exit-bottom.stroked-icon:after {
  position: relative;
  content: "\e9f9";
}
.dlt-c8y-icon-exit-bottom.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-exit-left.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-exit-left.stroked-icon:after {
  position: relative;
  content: "\e9fa";
}
.dlt-c8y-icon-exit-left.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-input-output.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-input-output.stroked-icon:after {
  position: relative;
  content: "\ea0b";
}
.dlt-c8y-icon-input-output.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-rotate-right.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-rotate-right.stroked-icon:after {
  position: relative;
  content: "\ea4c";
}
.dlt-c8y-icon-rotate-right.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-rotate.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-rotate.stroked-icon:after {
  position: relative;
  content: "\ea4c";
}
.dlt-c8y-icon-rotate.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-repeat.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-repeat.stroked-icon:after {
  position: relative;
  content: "\ea4c";
}
.dlt-c8y-icon-repeat.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-reset.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-reset.stroked-icon:after {
  position: relative;
  content: "\ea53";
}
.dlt-c8y-icon-reset.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-rotate-left.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-rotate-left.stroked-icon:after {
  position: relative;
  content: "\ea53";
}
.dlt-c8y-icon-rotate-left.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-restore.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-restore.stroked-icon:after {
  position: relative;
  content: "\e946";
}
.dlt-c8y-icon-restore.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-refresh.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-refresh.stroked-icon:after {
  position: relative;
  content: "\e947";
}
.dlt-c8y-icon-refresh.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-process.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-process.stroked-icon:after {
  position: relative;
  content: "\ea36";
}
.dlt-c8y-icon-process.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-recycle.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-recycle.stroked-icon:after {
  position: relative;
  content: "\ea36";
}
.dlt-c8y-icon-recycle.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-refresh-exception.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-refresh-exception.stroked-icon:after {
  position: relative;
  content: "\ea43";
}
.dlt-c8y-icon-refresh-exception.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-lock-orientation.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-lock-orientation.stroked-icon:after {
  position: relative;
  content: "\ecc7";
}
.dlt-c8y-icon-lock-orientation.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-arrow-dotted-up.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-arrow-dotted-up.stroked-icon:after {
  position: relative;
  content: "\e900";
}
.dlt-c8y-icon-arrow-dotted-up.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-arrow-dotted-right.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-arrow-dotted-right.stroked-icon:after {
  position: relative;
  content: "\e904";
}
.dlt-c8y-icon-arrow-dotted-right.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-arrow-advance.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-arrow-advance.stroked-icon:after {
  position: relative;
  content: "\e904";
}
.dlt-c8y-icon-arrow-advance.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-arrow-dotted-down.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-arrow-dotted-down.stroked-icon:after {
  position: relative;
  content: "\e90b";
}
.dlt-c8y-icon-arrow-dotted-down.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-arrow-dotted-left.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-arrow-dotted-left.stroked-icon:after {
  position: relative;
  content: "\e916";
}
.dlt-c8y-icon-arrow-dotted-left.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-arrows-dotted-left-right.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-arrows-dotted-left-right.stroked-icon:after {
  position: relative;
  content: "\e91a";
}
.dlt-c8y-icon-arrows-dotted-left-right.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-arrows-dotted-up-down.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-arrows-dotted-up-down.stroked-icon:after {
  position: relative;
  content: "\e921";
}
.dlt-c8y-icon-arrows-dotted-up-down.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-up-down-arrows.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-up-down-arrows.stroked-icon:after {
  position: relative;
  content: "\e921";
}
.dlt-c8y-icon-up-down-arrows.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-collect.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-collect.stroked-icon:after {
  position: relative;
  content: "\e990";
}
.dlt-c8y-icon-collect.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-merge-horizontal.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-merge-horizontal.stroked-icon:after {
  position: relative;
  content: "\e935";
}
.dlt-c8y-icon-merge-horizontal.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-split-horizontal.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-split-horizontal.stroked-icon:after {
  position: relative;
  content: "\e951";
}
.dlt-c8y-icon-split-horizontal.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-merge-vertical.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-merge-vertical.stroked-icon:after {
  position: relative;
  content: "\e936";
}
.dlt-c8y-icon-merge-vertical.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-divider.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-divider.stroked-icon:after {
  position: relative;
  content: "\e91c";
}
.dlt-c8y-icon-divider.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-split-vertical.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-split-vertical.stroked-icon:after {
  position: relative;
  content: "\e91c";
}
.dlt-c8y-icon-split-vertical.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-drag.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-drag.stroked-icon:after {
  position: relative;
  content: "\e927";
}
.dlt-c8y-icon-drag.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-arrows.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-arrows.stroked-icon:after {
  position: relative;
  content: "\e927";
}
.dlt-c8y-icon-arrows.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-move-step.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-move-step.stroked-icon:after {
  position: relative;
  content: "\e927";
}
.dlt-c8y-icon-move-step.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-resize-expand.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-resize-expand.stroked-icon:after {
  position: relative;
  content: "\ecff";
}
.dlt-c8y-icon-resize-expand.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-arrows-alt.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-arrows-alt.stroked-icon:after {
  position: relative;
  content: "\ecff";
}
.dlt-c8y-icon-arrows-alt.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-expand.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-expand.stroked-icon:after {
  position: relative;
  content: "\ecff";
}
.dlt-c8y-icon-expand.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-compress.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-compress.stroked-icon:after {
  position: relative;
  content: "\e918";
}
.dlt-c8y-icon-compress.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-resize-collapse.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-resize-collapse.stroked-icon:after {
  position: relative;
  content: "\ecfb";
}
.dlt-c8y-icon-resize-collapse.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-collapse.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-collapse.stroked-icon:after {
  position: relative;
  content: "\ecfb";
}
.dlt-c8y-icon-collapse.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-fullscreen.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-fullscreen.stroked-icon:after {
  position: relative;
  content: "\e941";
}
.dlt-c8y-icon-fullscreen.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-fullscreen-exit.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-fullscreen-exit.stroked-icon:after {
  position: relative;
  content: "\e942";
}
.dlt-c8y-icon-fullscreen-exit.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-long-arrow-up.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-long-arrow-up.stroked-icon:after {
  position: relative;
  content: "\e934";
}
.dlt-c8y-icon-long-arrow-up.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-long-arrow-right.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-long-arrow-right.stroked-icon:after {
  position: relative;
  content: "\e943";
}
.dlt-c8y-icon-long-arrow-right.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-long-arrow-down.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-long-arrow-down.stroked-icon:after {
  position: relative;
  content: "\e902";
}
.dlt-c8y-icon-long-arrow-down.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-long-arrow-left.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-long-arrow-left.stroked-icon:after {
  position: relative;
  content: "\e933";
}
.dlt-c8y-icon-long-arrow-left.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-arrows-v.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-arrows-v.stroked-icon:after {
  position: relative;
  content: "\e93f";
}
.dlt-c8y-icon-arrows-v.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-arrows-h.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-arrows-h.stroked-icon:after {
  position: relative;
  content: "\e93e";
}
.dlt-c8y-icon-arrows-h.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-enlarge.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-enlarge.stroked-icon:after {
  position: relative;
  content: "\e929";
}
.dlt-c8y-icon-enlarge.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-data-transfer.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-data-transfer.stroked-icon:after {
  position: relative;
  content: "\eb16";
}
.dlt-c8y-icon-data-transfer.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-exchange.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-exchange.stroked-icon:after {
  position: relative;
  content: "\eb16";
}
.dlt-c8y-icon-exchange.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-sort-arrow.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-sort-arrow.stroked-icon:after {
  position: relative;
  content: "\eb17";
}
.dlt-c8y-icon-sort-arrow.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-arrows-left-right-diagonal.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-arrows-left-right-diagonal.stroked-icon:after {
  position: relative;
  content: "\e931";
}
.dlt-c8y-icon-arrows-left-right-diagonal.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-level-up.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-level-up.stroked-icon:after {
  position: relative;
  content: "\f6b6";
}
.dlt-c8y-icon-level-up.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-level-down.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-level-down.stroked-icon:after {
  position: relative;
  content: "\e956";
}
.dlt-c8y-icon-level-down.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-u-turn.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-u-turn.stroked-icon:after {
  position: relative;
  content: "\e957";
}
.dlt-c8y-icon-u-turn.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-u-turn-right.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-u-turn-right.stroked-icon:after {
  position: relative;
  content: "\e959";
}
.dlt-c8y-icon-u-turn-right.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-u-turn-left.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-u-turn-left.stroked-icon:after {
  position: relative;
  content: "\e922";
}
.dlt-c8y-icon-u-turn-left.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-undo1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-undo1.stroked-icon:after {
  position: relative;
  content: "\e95a";
}
.dlt-c8y-icon-undo1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-redo1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-redo1.stroked-icon:after {
  position: relative;
  content: "\e93b";
}
.dlt-c8y-icon-redo1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-sort.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-sort.stroked-icon:after {
  position: relative;
  content: "\e94c";
}
.dlt-c8y-icon-sort.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-unsorted.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-unsorted.stroked-icon:after {
  position: relative;
  content: "\e94c";
}
.dlt-c8y-icon-unsorted.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-sort-down.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-sort-down.stroked-icon:after {
  position: relative;
  content: "\e94d";
}
.dlt-c8y-icon-sort-down.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-sort-desc.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-sort-desc.stroked-icon:after {
  position: relative;
  content: "\e94d";
}
.dlt-c8y-icon-sort-desc.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-sort-up.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-sort-up.stroked-icon:after {
  position: relative;
  content: "\e950";
}
.dlt-c8y-icon-sort-up.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-sort-asc.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-sort-asc.stroked-icon:after {
  position: relative;
  content: "\e950";
}
.dlt-c8y-icon-sort-asc.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-caret-up.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-caret-up.stroked-icon:after {
  position: relative;
  content: "\eba8";
}
.dlt-c8y-icon-caret-up.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-caret-right.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-caret-right.stroked-icon:after {
  position: relative;
  content: "\e94f";
}
.dlt-c8y-icon-caret-right.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-caret-down.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-caret-down.stroked-icon:after {
  position: relative;
  content: "\eba9";
}
.dlt-c8y-icon-caret-down.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-caret-left.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-caret-left.stroked-icon:after {
  position: relative;
  content: "\e94e";
}
.dlt-c8y-icon-caret-left.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-squiggly-arrow.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-squiggly-arrow.stroked-icon:after {
  position: relative;
  content: "\e952";
}
.dlt-c8y-icon-squiggly-arrow.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-curly-arrow.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-curly-arrow.stroked-icon:after {
  position: relative;
  content: "\e919";
}
.dlt-c8y-icon-curly-arrow.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-swap.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-swap.stroked-icon:after {
  position: relative;
  content: "\e953";
}
.dlt-c8y-icon-swap.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-environment.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-environment.stroked-icon:after {
  position: relative;
  content: "\eed9";
}
.dlt-c8y-icon-environment.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-shuffle.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-shuffle.stroked-icon:after {
  position: relative;
  content: "\f083";
}
.dlt-c8y-icon-shuffle.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-random.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-random.stroked-icon:after {
  position: relative;
  content: "\f083";
}
.dlt-c8y-icon-random.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-swipe-up.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-swipe-up.stroked-icon:after {
  position: relative;
  content: "\f1c1";
}
.dlt-c8y-icon-swipe-up.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-swipe-right.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-swipe-right.stroked-icon:after {
  position: relative;
  content: "\f1bf";
}
.dlt-c8y-icon-swipe-right.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-swipe-down.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-swipe-down.stroked-icon:after {
  position: relative;
  content: "\f1bd";
}
.dlt-c8y-icon-swipe-down.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-swipe-left.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-swipe-left.stroked-icon:after {
  position: relative;
  content: "\f1be";
}
.dlt-c8y-icon-swipe-left.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-two-finger-swipe-up.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-two-finger-swipe-up.stroked-icon:after {
  position: relative;
  content: "\f1d0";
}
.dlt-c8y-icon-two-finger-swipe-up.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-two-finger-swipe-right.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-two-finger-swipe-right.stroked-icon:after {
  position: relative;
  content: "\f1cf";
}
.dlt-c8y-icon-two-finger-swipe-right.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-two-finger-swipe-down.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-two-finger-swipe-down.stroked-icon:after {
  position: relative;
  content: "\f1cd";
}
.dlt-c8y-icon-two-finger-swipe-down.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-two-finger-swipe-left.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-two-finger-swipe-left.stroked-icon:after {
  position: relative;
  content: "\f1ce";
}
.dlt-c8y-icon-two-finger-swipe-left.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-pinch.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-pinch.stroked-icon:after {
  position: relative;
  content: "\f1a4";
}
.dlt-c8y-icon-pinch.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-hospital-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-hospital-o.stroked-icon:after {
  position: relative;
  content: "\e911";
}
.dlt-c8y-icon-hospital-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-h-square.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-h-square.stroked-icon:after {
  position: relative;
  content: "\eb2b";
}
.dlt-c8y-icon-h-square.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-university.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-university.stroked-icon:after {
  position: relative;
  content: "\f400";
}
.dlt-c8y-icon-university.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-institution.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-institution.stroked-icon:after {
  position: relative;
  content: "\f400";
}
.dlt-c8y-icon-institution.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-bank.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-bank.stroked-icon:after {
  position: relative;
  content: "\f400";
}
.dlt-c8y-icon-bank.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-ios-themes.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-ios-themes.stroked-icon:after {
  position: relative;
  content: "\f170";
}
.dlt-c8y-icon-ios-themes.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-building.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-building.stroked-icon:after {
  position: relative;
  content: "\ee8f";
}
.dlt-c8y-icon-building.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-building-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-building-o.stroked-icon:after {
  position: relative;
  content: "\ee8f";
}
.dlt-c8y-icon-building-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-apartment.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-apartment.stroked-icon:after {
  position: relative;
  content: "\ee6f";
}
.dlt-c8y-icon-apartment.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-department1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-department1.stroked-icon:after {
  position: relative;
  content: "\e9b7";
}
.dlt-c8y-icon-department1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-organization.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-organization.stroked-icon:after {
  position: relative;
  content: "\ea1d";
}
.dlt-c8y-icon-organization.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-office.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-office.stroked-icon:after {
  position: relative;
  content: "\ea15";
}
.dlt-c8y-icon-office.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-building-with-rooftop-terrace.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-building-with-rooftop-terrace.stroked-icon:after {
  position: relative;
  content: "\ee90";
}
.dlt-c8y-icon-building-with-rooftop-terrace.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-company.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-company.stroked-icon:after {
  position: relative;
  content: "\e999";
}
.dlt-c8y-icon-company.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-warehouse.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-warehouse.stroked-icon:after {
  position: relative;
  content: "\efc0";
}
.dlt-c8y-icon-warehouse.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-shop.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-shop.stroked-icon:after {
  position: relative;
  content: "\ea5c";
}
.dlt-c8y-icon-shop.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-work-from-home.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-work-from-home.stroked-icon:after {
  position: relative;
  content: "\ea8f";
}
.dlt-c8y-icon-work-from-home.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-house.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-house.stroked-icon:after {
  position: relative;
  content: "\ef0a";
}
.dlt-c8y-icon-house.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-dog-house.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-dog-house.stroked-icon:after {
  position: relative;
  content: "\eec7";
}
.dlt-c8y-icon-dog-house.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-home-automation.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-home-automation.stroked-icon:after {
  position: relative;
  content: "\ef07";
}
.dlt-c8y-icon-home-automation.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-garage-door.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-garage-door.stroked-icon:after {
  position: relative;
  content: "\eef6";
}
.dlt-c8y-icon-garage-door.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-depot.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-depot.stroked-icon:after {
  position: relative;
  content: "\eebf";
}
.dlt-c8y-icon-depot.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-garage.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-garage.stroked-icon:after {
  position: relative;
  content: "\eef5";
}
.dlt-c8y-icon-garage.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-open-garage-door.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-open-garage-door.stroked-icon:after {
  position: relative;
  content: "\ef56";
}
.dlt-c8y-icon-open-garage-door.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-close-garage-door.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-close-garage-door.stroked-icon:after {
  position: relative;
  content: "\eea3";
}
.dlt-c8y-icon-close-garage-door.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-barn.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-barn.stroked-icon:after {
  position: relative;
  content: "\ee77";
}
.dlt-c8y-icon-barn.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-bungalow.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-bungalow.stroked-icon:after {
  position: relative;
  content: "\ee91";
}
.dlt-c8y-icon-bungalow.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-exterior.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-exterior.stroked-icon:after {
  position: relative;
  content: "\eedd";
}
.dlt-c8y-icon-exterior.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-equal-housing-opportunity.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-equal-housing-opportunity.stroked-icon:after {
  position: relative;
  content: "\eeda";
}
.dlt-c8y-icon-equal-housing-opportunity.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-heating-room.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-heating-room.stroked-icon:after {
  position: relative;
  content: "\ef06";
}
.dlt-c8y-icon-heating-room.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-mortgage.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-mortgage.stroked-icon:after {
  position: relative;
  content: "\ef47";
}
.dlt-c8y-icon-mortgage.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-home-safety.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-home-safety.stroked-icon:after {
  position: relative;
  content: "\ef09";
}
.dlt-c8y-icon-home-safety.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-enterprise-resource-planning.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-enterprise-resource-planning.stroked-icon:after {
  position: relative;
  content: "\e9c7";
}
.dlt-c8y-icon-enterprise-resource-planning.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-travel-agency.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-travel-agency.stroked-icon:after {
  position: relative;
  content: "\ea80";
}
.dlt-c8y-icon-travel-agency.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-department-shop.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-department-shop.stroked-icon:after {
  position: relative;
  content: "\e9b8";
}
.dlt-c8y-icon-department-shop.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-book-shelf.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-book-shelf.stroked-icon:after {
  position: relative;
  content: "\ee89";
}
.dlt-c8y-icon-book-shelf.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-emergency-exit.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-emergency-exit.stroked-icon:after {
  position: relative;
  content: "\eed5";
}
.dlt-c8y-icon-emergency-exit.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-stairs.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-stairs.stroked-icon:after {
  position: relative;
  content: "\ef94";
}
.dlt-c8y-icon-stairs.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-stairs-down.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-stairs-down.stroked-icon:after {
  position: relative;
  content: "\ef95";
}
.dlt-c8y-icon-stairs-down.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-stairs-up.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-stairs-up.stroked-icon:after {
  position: relative;
  content: "\ef96";
}
.dlt-c8y-icon-stairs-up.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-temperature-inside.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-temperature-inside.stroked-icon:after {
  position: relative;
  content: "\efa1";
}
.dlt-c8y-icon-temperature-inside.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-treehouse.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-treehouse.stroked-icon:after {
  position: relative;
  content: "\efb1";
}
.dlt-c8y-icon-treehouse.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-tree.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-tree.stroked-icon:after {
  position: relative;
  content: "\efb1";
}
.dlt-c8y-icon-tree.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-water-heater.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-water-heater.stroked-icon:after {
  position: relative;
  content: "\efc9";
}
.dlt-c8y-icon-water-heater.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-clean.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-clean.stroked-icon:after {
  position: relative;
  content: "\eea1";
}
.dlt-c8y-icon-clean.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-magic.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-magic.stroked-icon:after {
  position: relative;
  content: "\eea1";
}
.dlt-c8y-icon-magic.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-storage.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-storage.stroked-icon:after {
  position: relative;
  content: "\e9fb";
}
.dlt-c8y-icon-storage.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-60-degrees.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-60-degrees.stroked-icon:after {
  position: relative;
  content: "\eae8";
}
.dlt-c8y-icon-60-degrees.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-120-degrees.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-120-degrees.stroked-icon:after {
  position: relative;
  content: "\eadc";
}
.dlt-c8y-icon-120-degrees.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-225-degrees.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-225-degrees.stroked-icon:after {
  position: relative;
  content: "\eae0";
}
.dlt-c8y-icon-225-degrees.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-300-degrees.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-300-degrees.stroked-icon:after {
  position: relative;
  content: "\eae2";
}
.dlt-c8y-icon-300-degrees.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-360-degrees.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-360-degrees.stroked-icon:after {
  position: relative;
  content: "\eae6";
}
.dlt-c8y-icon-360-degrees.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-pie-chart.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-pie-chart.stroked-icon:after {
  position: relative;
  content: "\eb51";
}
.dlt-c8y-icon-pie-chart.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-pie-chart.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-pie-chart.stroked-icon:after {
  position: relative;
  content: "\eb51";
}
.dlt-c8y-icon-pie-chart.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-bar-chart.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-bar-chart.stroked-icon:after {
  position: relative;
  content: "\eaf8";
}
.dlt-c8y-icon-bar-chart.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-bar-chart-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-bar-chart-o.stroked-icon:after {
  position: relative;
  content: "\eaf8";
}
.dlt-c8y-icon-bar-chart-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-data-account.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-data-account.stroked-icon:after {
  position: relative;
  content: "\eb07";
}
.dlt-c8y-icon-data-account.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-data-decline.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-data-decline.stroked-icon:after {
  position: relative;
  content: "\eb08";
}
.dlt-c8y-icon-data-decline.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-increase.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-increase.stroked-icon:after {
  position: relative;
  content: "\eb36";
}
.dlt-c8y-icon-increase.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-neutral-trading.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-neutral-trading.stroked-icon:after {
  position: relative;
  content: "\eb48";
}
.dlt-c8y-icon-neutral-trading.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-decrease.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-decrease.stroked-icon:after {
  position: relative;
  content: "\eb1f";
}
.dlt-c8y-icon-decrease.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-timeline.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-timeline.stroked-icon:after {
  position: relative;
  content: "\e924";
}
.dlt-c8y-icon-timeline.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-increase-profits.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-increase-profits.stroked-icon:after {
  position: relative;
  content: "\eb37";
}
.dlt-c8y-icon-increase-profits.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-combo-chart.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-combo-chart.stroked-icon:after {
  position: relative;
  content: "\eb04";
}
.dlt-c8y-icon-combo-chart.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-line-chart.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-line-chart.stroked-icon:after {
  position: relative;
  content: "\eb04";
}
.dlt-c8y-icon-line-chart.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-graph.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-graph.stroked-icon:after {
  position: relative;
  content: "\eb04";
}
.dlt-c8y-icon-graph.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-area-chart.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-area-chart.stroked-icon:after {
  position: relative;
  content: "\eaf6";
}
.dlt-c8y-icon-area-chart.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-area-chart.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-area-chart.stroked-icon:after {
  position: relative;
  content: "\eaf6";
}
.dlt-c8y-icon-area-chart.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-sorting-slider.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-sorting-slider.stroked-icon:after {
  position: relative;
  content: "\eb6b";
}
.dlt-c8y-icon-sorting-slider.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-sliders.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-sliders.stroked-icon:after {
  position: relative;
  content: "\eb6b";
}
.dlt-c8y-icon-sliders.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-hierarchy.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-hierarchy.stroked-icon:after {
  position: relative;
  content: "\e9e5";
}
.dlt-c8y-icon-hierarchy.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-b2b.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-b2b.stroked-icon:after {
  position: relative;
  content: "\e973";
}
.dlt-c8y-icon-b2b.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-flow-chart.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-flow-chart.stroked-icon:after {
  position: relative;
  content: "\e9d9";
}
.dlt-c8y-icon-flow-chart.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-sitemap.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-sitemap.stroked-icon:after {
  position: relative;
  content: "\e9d9";
}
.dlt-c8y-icon-sitemap.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-tree-structure.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-tree-structure.stroked-icon:after {
  position: relative;
  content: "\ea81";
}
.dlt-c8y-icon-tree-structure.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-flow.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-flow.stroked-icon:after {
  position: relative;
  content: "\e9d8";
}
.dlt-c8y-icon-flow.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-stacked-organizational-chart.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-stacked-organizational-chart.stroked-icon:after {
  position: relative;
  content: "\eaa6";
}
.dlt-c8y-icon-stacked-organizational-chart.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-multicast.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-multicast.stroked-icon:after {
  position: relative;
  content: "\eb47";
}
.dlt-c8y-icon-multicast.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-unicast.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-unicast.stroked-icon:after {
  position: relative;
  content: "\eb73";
}
.dlt-c8y-icon-unicast.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-broadcasting.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-broadcasting.stroked-icon:after {
  position: relative;
  content: "\eafa";
}
.dlt-c8y-icon-broadcasting.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-genealogy.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-genealogy.stroked-icon:after {
  position: relative;
  content: "\eb2d";
}
.dlt-c8y-icon-genealogy.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-filter.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-filter.stroked-icon:after {
  position: relative;
  content: "\e95b";
}
.dlt-c8y-icon-filter.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-conversion.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-conversion.stroked-icon:after {
  position: relative;
  content: "\eb06";
}
.dlt-c8y-icon-conversion.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-clear-filters.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-clear-filters.stroked-icon:after {
  position: relative;
  content: "\eaff";
}
.dlt-c8y-icon-clear-filters.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-descending-sorting.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-descending-sorting.stroked-icon:after {
  position: relative;
  content: "\eb23";
}
.dlt-c8y-icon-descending-sorting.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-sort-amount-desc.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-sort-amount-desc.stroked-icon:after {
  position: relative;
  content: "\eb23";
}
.dlt-c8y-icon-sort-amount-desc.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-ascending-sorting.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-ascending-sorting.stroked-icon:after {
  position: relative;
  content: "\eaf7";
}
.dlt-c8y-icon-ascending-sorting.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-sort-amount-asc.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-sort-amount-asc.stroked-icon:after {
  position: relative;
  content: "\eaf7";
}
.dlt-c8y-icon-sort-amount-asc.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-alphabetical-sorting.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-alphabetical-sorting.stroked-icon:after {
  position: relative;
  content: "\eaf4";
}
.dlt-c8y-icon-alphabetical-sorting.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-sort-alpha-asc.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-sort-alpha-asc.stroked-icon:after {
  position: relative;
  content: "\eaf4";
}
.dlt-c8y-icon-sort-alpha-asc.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-alphabetical-sorting-2.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-alphabetical-sorting-2.stroked-icon:after {
  position: relative;
  content: "\eaf5";
}
.dlt-c8y-icon-alphabetical-sorting-2.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-sort-alpha-desc.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-sort-alpha-desc.stroked-icon:after {
  position: relative;
  content: "\eaf5";
}
.dlt-c8y-icon-sort-alpha-desc.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-data-exchange.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-data-exchange.stroked-icon:after {
  position: relative;
  content: "\eb09";
}
.dlt-c8y-icon-data-exchange.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-filing-cabinet.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-filing-cabinet.stroked-icon:after {
  position: relative;
  content: "\e9fc";
}
.dlt-c8y-icon-filing-cabinet.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-database.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-database.stroked-icon:after {
  position: relative;
  content: "\e9fc";
}
.dlt-c8y-icon-database.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-database-administrator.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-database-administrator.stroked-icon:after {
  position: relative;
  content: "\e9fd";
}
.dlt-c8y-icon-database-administrator.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-data-export.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-data-export.stroked-icon:after {
  position: relative;
  content: "\eb0a";
}
.dlt-c8y-icon-data-export.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-export.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-export.stroked-icon:after {
  position: relative;
  content: "\eb0a";
}
.dlt-c8y-icon-export.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-data-import.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-data-import.stroked-icon:after {
  position: relative;
  content: "\eb0b";
}
.dlt-c8y-icon-data-import.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-import.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-import.stroked-icon:after {
  position: relative;
  content: "\eb0b";
}
.dlt-c8y-icon-import.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-grid-off.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-grid-off.stroked-icon:after {
  position: relative;
  content: "\ea06";
}
.dlt-c8y-icon-grid-off.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-gantt-chart.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-gantt-chart.stroked-icon:after {
  position: relative;
  content: "\eb2c";
}
.dlt-c8y-icon-gantt-chart.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-data-grid.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-data-grid.stroked-icon:after {
  position: relative;
  content: "\eb10";
}
.dlt-c8y-icon-data-grid.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-grid-view.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-grid-view.stroked-icon:after {
  position: relative;
  content: "\eb30";
}
.dlt-c8y-icon-grid-view.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-grid-on.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-grid-on.stroked-icon:after {
  position: relative;
  content: "\ea07";
}
.dlt-c8y-icon-grid-on.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-row.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-row.stroked-icon:after {
  position: relative;
  content: "\e9fe";
}
.dlt-c8y-icon-row.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-rows.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-rows.stroked-icon:after {
  position: relative;
  content: "\e9fe";
}
.dlt-c8y-icon-rows.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-column.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-column.stroked-icon:after {
  position: relative;
  content: "\ea01";
}
.dlt-c8y-icon-column.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-grid.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-grid.stroked-icon:after {
  position: relative;
  content: "\eb2e";
}
.dlt-c8y-icon-grid.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-table.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-table.stroked-icon:after {
  position: relative;
  content: "\eb71";
}
.dlt-c8y-icon-table.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-split-table.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-split-table.stroked-icon:after {
  position: relative;
  content: "\eb6d";
}
.dlt-c8y-icon-split-table.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-data-sheet.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-data-sheet.stroked-icon:after {
  position: relative;
  content: "\eb15";
}
.dlt-c8y-icon-data-sheet.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-blockchain-technology.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-blockchain-technology.stroked-icon:after {
  position: relative;
  content: "\eaf9";
}
.dlt-c8y-icon-blockchain-technology.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-workflow.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-workflow.stroked-icon:after {
  position: relative;
  content: "\eb78";
}
.dlt-c8y-icon-workflow.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-parallel-workflow.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-parallel-workflow.stroked-icon:after {
  position: relative;
  content: "\eb4f";
}
.dlt-c8y-icon-parallel-workflow.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-mind-map.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-mind-map.stroked-icon:after {
  position: relative;
  content: "\ea2d";
}
.dlt-c8y-icon-mind-map.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-query-inner-join-left.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-query-inner-join-left.stroked-icon:after {
  position: relative;
  content: "\eb54";
}
.dlt-c8y-icon-query-inner-join-left.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-sankey.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-sankey.stroked-icon:after {
  position: relative;
  content: "\eb5c";
}
.dlt-c8y-icon-sankey.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-creating.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-creating.stroked-icon:after {
  position: relative;
  content: "\e9a3";
}
.dlt-c8y-icon-creating.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-creativity.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-creativity.stroked-icon:after {
  position: relative;
  content: "\e9a4";
}
.dlt-c8y-icon-creativity.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-financial-growth-analysis.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-financial-growth-analysis.stroked-icon:after {
  position: relative;
  content: "\e9d6";
}
.dlt-c8y-icon-financial-growth-analysis.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-input.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-input.stroked-icon:after {
  position: relative;
  content: "\e925";
}
.dlt-c8y-icon-input.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-omnichannel.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-omnichannel.stroked-icon:after {
  position: relative;
  content: "\ea17";
}
.dlt-c8y-icon-omnichannel.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-string.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-string.stroked-icon:after {
  position: relative;
  content: "\ea04";
}
.dlt-c8y-icon-string.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-variable.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-variable.stroked-icon:after {
  position: relative;
  content: "\ea0e";
}
.dlt-c8y-icon-variable.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-variable-on.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-variable-on.stroked-icon:after {
  position: relative;
  content: "\ea11";
}
.dlt-c8y-icon-variable-on.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-thermometer-0.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-thermometer-0.stroked-icon:after {
  position: relative;
  content: "\eb2f";
}
.dlt-c8y-icon-thermometer-0.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-thermometer-empty.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-thermometer-empty.stroked-icon:after {
  position: relative;
  content: "\eb2f";
}
.dlt-c8y-icon-thermometer-empty.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-thermometer-3.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-thermometer-3.stroked-icon:after {
  position: relative;
  content: "\eb31";
}
.dlt-c8y-icon-thermometer-3.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-thermometer-three-quarters.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-thermometer-three-quarters.stroked-icon:after {
  position: relative;
  content: "\eb31";
}
.dlt-c8y-icon-thermometer-three-quarters.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-thermometer-2.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-thermometer-2.stroked-icon:after {
  position: relative;
  content: "\eb32";
}
.dlt-c8y-icon-thermometer-2.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-thermometer-half.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-thermometer-half.stroked-icon:after {
  position: relative;
  content: "\eb32";
}
.dlt-c8y-icon-thermometer-half.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-thermometer-1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-thermometer-1.stroked-icon:after {
  position: relative;
  content: "\eb33";
}
.dlt-c8y-icon-thermometer-1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-thermometer-quarter.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-thermometer-quarter.stroked-icon:after {
  position: relative;
  content: "\eb33";
}
.dlt-c8y-icon-thermometer-quarter.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-thermometer.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-thermometer.stroked-icon:after {
  position: relative;
  content: "\eb34";
}
.dlt-c8y-icon-thermometer.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-thermometer-4.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-thermometer-4.stroked-icon:after {
  position: relative;
  content: "\eb34";
}
.dlt-c8y-icon-thermometer-4.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-thermometer-full.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-thermometer-full.stroked-icon:after {
  position: relative;
  content: "\eb34";
}
.dlt-c8y-icon-thermometer-full.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-sensor.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-sensor.stroked-icon:after {
  position: relative;
  content: "\ea14";
}
.dlt-c8y-icon-sensor.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-package.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-package.stroked-icon:after {
  position: relative;
  content: "\ea16";
}
.dlt-c8y-icon-package.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-packages.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-packages.stroked-icon:after {
  position: relative;
  content: "\ea18";
}
.dlt-c8y-icon-packages.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-blockly.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-blockly.stroked-icon:after {
  position: relative;
  content: "\ea22";
}
.dlt-c8y-icon-blockly.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-objects.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-objects.stroked-icon:after {
  position: relative;
  content: "\ea1a";
}
.dlt-c8y-icon-objects.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-monitoring.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-monitoring.stroked-icon:after {
  position: relative;
  content: "\ea1b";
}
.dlt-c8y-icon-monitoring.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-qr-code.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-qr-code.stroked-icon:after {
  position: relative;
  content: "\ec0e";
}
.dlt-c8y-icon-qr-code.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-online.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-online.stroked-icon:after {
  position: relative;
  content: "\ea24";
}
.dlt-c8y-icon-online.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-temperature.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-temperature.stroked-icon:after {
  position: relative;
  content: "\ea25";
}
.dlt-c8y-icon-temperature.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-air-conditioner.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-air-conditioner.stroked-icon:after {
  position: relative;
  content: "\ee6a";
}
.dlt-c8y-icon-air-conditioner.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-air-shaft.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-air-shaft.stroked-icon:after {
  position: relative;
  content: "\ee6c";
}
.dlt-c8y-icon-air-shaft.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-fan.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-fan.stroked-icon:after {
  position: relative;
  content: "\eedf";
}
.dlt-c8y-icon-fan.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-light.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-light.stroked-icon:after {
  position: relative;
  content: "\ef2a";
}
.dlt-c8y-icon-light.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-light-automation.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-light-automation.stroked-icon:after {
  position: relative;
  content: "\ef2b";
}
.dlt-c8y-icon-light-automation.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-light-off.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-light-off.stroked-icon:after {
  position: relative;
  content: "\ef39";
}
.dlt-c8y-icon-light-off.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-reflector-bulb.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-reflector-bulb.stroked-icon:after {
  position: relative;
  content: "\ef6d";
}
.dlt-c8y-icon-reflector-bulb.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-spiral-bulb.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-spiral-bulb.stroked-icon:after {
  position: relative;
  content: "\ef92";
}
.dlt-c8y-icon-spiral-bulb.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-mirrored-reflector-bulb.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-mirrored-reflector-bulb.stroked-icon:after {
  position: relative;
  content: "\ef44";
}
.dlt-c8y-icon-mirrored-reflector-bulb.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-light-bulb.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-light-bulb.stroked-icon:after {
  position: relative;
  content: "\ef2c";
}
.dlt-c8y-icon-light-bulb.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-lightbulb-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-lightbulb-o.stroked-icon:after {
  position: relative;
  content: "\ef2c";
}
.dlt-c8y-icon-lightbulb-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-light-on.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-light-on.stroked-icon:after {
  position: relative;
  content: "\ef3a";
}
.dlt-c8y-icon-light-on.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-plumbing.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-plumbing.stroked-icon:after {
  position: relative;
  content: "\ef62";
}
.dlt-c8y-icon-plumbing.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-wi-fi-router.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-wi-fi-router.stroked-icon:after {
  position: relative;
  content: "\f25a";
}
.dlt-c8y-icon-wi-fi-router.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-gas-bottle.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-gas-bottle.stroked-icon:after {
  position: relative;
  content: "\eef9";
}
.dlt-c8y-icon-gas-bottle.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-grater.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-grater.stroked-icon:after {
  position: relative;
  content: "\eeff";
}
.dlt-c8y-icon-grater.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-air-quality.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-air-quality.stroked-icon:after {
  position: relative;
  content: "\ee6b";
}
.dlt-c8y-icon-air-quality.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-central-heating.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-central-heating.stroked-icon:after {
  position: relative;
  content: "\ee9c";
}
.dlt-c8y-icon-central-heating.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-light-dimmer.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-light-dimmer.stroked-icon:after {
  position: relative;
  content: "\ef2d";
}
.dlt-c8y-icon-light-dimmer.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-radio-station.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-radio-station.stroked-icon:after {
  position: relative;
  content: "\ef69";
}
.dlt-c8y-icon-radio-station.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-relay-home-automation.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-relay-home-automation.stroked-icon:after {
  position: relative;
  content: "\ef6f";
}
.dlt-c8y-icon-relay-home-automation.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-remote-control.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-remote-control.stroked-icon:after {
  position: relative;
  content: "\ef70";
}
.dlt-c8y-icon-remote-control.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-tv-off.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-tv-off.stroked-icon:after {
  position: relative;
  content: "\efb6";
}
.dlt-c8y-icon-tv-off.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-wall-socket.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-wall-socket.stroked-icon:after {
  position: relative;
  content: "\efbd";
}
.dlt-c8y-icon-wall-socket.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-washing-machine.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-washing-machine.stroked-icon:after {
  position: relative;
  content: "\efc3";
}
.dlt-c8y-icon-washing-machine.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-light-dimming-100-percent.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-light-dimming-100-percent.stroked-icon:after {
  position: relative;
  content: "\ef2e";
}
.dlt-c8y-icon-light-dimming-100-percent.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-light-dimming-10-percent.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-light-dimming-10-percent.stroked-icon:after {
  position: relative;
  content: "\ef2f";
}
.dlt-c8y-icon-light-dimming-10-percent.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-work-light.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-work-light.stroked-icon:after {
  position: relative;
  content: "\efd5";
}
.dlt-c8y-icon-work-light.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-plug.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-plug.stroked-icon:after {
  position: relative;
  content: "\ef61";
}
.dlt-c8y-icon-plug.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-electrical.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-electrical.stroked-icon:after {
  position: relative;
  content: "\eed4";
}
.dlt-c8y-icon-electrical.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-water-pipe.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-water-pipe.stroked-icon:after {
  position: relative;
  content: "\efca";
}
.dlt-c8y-icon-water-pipe.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-thermometer-automation.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-thermometer-automation.stroked-icon:after {
  position: relative;
  content: "\efa2";
}
.dlt-c8y-icon-thermometer-automation.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-fire-extinguisher.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-fire-extinguisher.stroked-icon:after {
  position: relative;
  content: "\eee4";
}
.dlt-c8y-icon-fire-extinguisher.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-fire-extinguisher.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-fire-extinguisher.stroked-icon:after {
  position: relative;
  content: "\eee4";
}
.dlt-c8y-icon-fire-extinguisher.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-temperature-sensitive.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-temperature-sensitive.stroked-icon:after {
  position: relative;
  content: "\ec31";
}
.dlt-c8y-icon-temperature-sensitive.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-calculator.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-calculator.stroked-icon:after {
  position: relative;
  content: "\f373";
}
.dlt-c8y-icon-calculator.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-humidity.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-humidity.stroked-icon:after {
  position: relative;
  content: "\f3a4";
}
.dlt-c8y-icon-humidity.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-system-information.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-system-information.stroked-icon:after {
  position: relative;
  content: "\f34a";
}
.dlt-c8y-icon-system-information.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-system-report.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-system-report.stroked-icon:after {
  position: relative;
  content: "\f34b";
}
.dlt-c8y-icon-system-report.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-system-task.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-system-task.stroked-icon:after {
  position: relative;
  content: "\f34c";
}
.dlt-c8y-icon-system-task.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-imac-clock.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-imac-clock.stroked-icon:after {
  position: relative;
  content: "\f30f";
}
.dlt-c8y-icon-imac-clock.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-imac-exit.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-imac-exit.stroked-icon:after {
  position: relative;
  content: "\f310";
}
.dlt-c8y-icon-imac-exit.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-imac-settings.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-imac-settings.stroked-icon:after {
  position: relative;
  content: "\f315";
}
.dlt-c8y-icon-imac-settings.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-macbook-settings.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-macbook-settings.stroked-icon:after {
  position: relative;
  content: "\f320";
}
.dlt-c8y-icon-macbook-settings.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-connected.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-connected.stroked-icon:after {
  position: relative;
  content: "\f209";
}
.dlt-c8y-icon-connected.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-disconnected.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-disconnected.stroked-icon:after {
  position: relative;
  content: "\f213";
}
.dlt-c8y-icon-disconnected.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-mobile.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-mobile.stroked-icon:after {
  position: relative;
  content: "\f17f";
}
.dlt-c8y-icon-mobile.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-multiple-devices.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-multiple-devices.stroked-icon:after {
  position: relative;
  content: "\f183";
}
.dlt-c8y-icon-multiple-devices.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-client-management.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-client-management.stroked-icon:after {
  position: relative;
  content: "\e98a";
}
.dlt-c8y-icon-client-management.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-nfc.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-nfc.stroked-icon:after {
  position: relative;
  content: "\f184";
}
.dlt-c8y-icon-nfc.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-mobile-email.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-mobile-email.stroked-icon:after {
  position: relative;
  content: "\f182";
}
.dlt-c8y-icon-mobile-email.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-empty-battery.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-empty-battery.stroked-icon:after {
  position: relative;
  content: "\f15e";
}
.dlt-c8y-icon-empty-battery.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-battery-empty.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-battery-empty.stroked-icon:after {
  position: relative;
  content: "\f15e";
}
.dlt-c8y-icon-battery-empty.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-battery-0.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-battery-0.stroked-icon:after {
  position: relative;
  content: "\f15e";
}
.dlt-c8y-icon-battery-0.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-low-battery.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-low-battery.stroked-icon:after {
  position: relative;
  content: "\f179";
}
.dlt-c8y-icon-low-battery.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-battery-quarter.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-battery-quarter.stroked-icon:after {
  position: relative;
  content: "\f179";
}
.dlt-c8y-icon-battery-quarter.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-battery-1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-battery-1.stroked-icon:after {
  position: relative;
  content: "\f179";
}
.dlt-c8y-icon-battery-1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-battery-level.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-battery-level.stroked-icon:after {
  position: relative;
  content: "\f144";
}
.dlt-c8y-icon-battery-level.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-battery-2.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-battery-2.stroked-icon:after {
  position: relative;
  content: "\f144";
}
.dlt-c8y-icon-battery-2.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-battery-half.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-battery-half.stroked-icon:after {
  position: relative;
  content: "\f144";
}
.dlt-c8y-icon-battery-half.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-charged-battery.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-charged-battery.stroked-icon:after {
  position: relative;
  content: "\f152";
}
.dlt-c8y-icon-charged-battery.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-battery-3.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-battery-3.stroked-icon:after {
  position: relative;
  content: "\f152";
}
.dlt-c8y-icon-battery-3.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-battery-three-quarters.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-battery-three-quarters.stroked-icon:after {
  position: relative;
  content: "\f152";
}
.dlt-c8y-icon-battery-three-quarters.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-full-battery.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-full-battery.stroked-icon:after {
  position: relative;
  content: "\f163";
}
.dlt-c8y-icon-full-battery.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-battery-full.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-battery-full.stroked-icon:after {
  position: relative;
  content: "\f163";
}
.dlt-c8y-icon-battery-full.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-battery-4.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-battery-4.stroked-icon:after {
  position: relative;
  content: "\f163";
}
.dlt-c8y-icon-battery-4.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-battery.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-battery.stroked-icon:after {
  position: relative;
  content: "\f163";
}
.dlt-c8y-icon-battery.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-no-battery.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-no-battery.stroked-icon:after {
  position: relative;
  content: "\f18c";
}
.dlt-c8y-icon-no-battery.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-charging-battery.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-charging-battery.stroked-icon:after {
  position: relative;
  content: "\f153";
}
.dlt-c8y-icon-charging-battery.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-no-connection.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-no-connection.stroked-icon:after {
  position: relative;
  content: "\f18d";
}
.dlt-c8y-icon-no-connection.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-low-connection.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-low-connection.stroked-icon:after {
  position: relative;
  content: "\f17a";
}
.dlt-c8y-icon-low-connection.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-signal.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-signal.stroked-icon:after {
  position: relative;
  content: "\f1af";
}
.dlt-c8y-icon-signal.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-factory.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-factory.stroked-icon:after {
  position: relative;
  content: "\efe9";
}
.dlt-c8y-icon-factory.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-industry.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-industry.stroked-icon:after {
  position: relative;
  content: "\efe9";
}
.dlt-c8y-icon-industry.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-robot.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-robot.stroked-icon:after {
  position: relative;
  content: "\f009";
}
.dlt-c8y-icon-robot.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-bot.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-bot.stroked-icon:after {
  position: relative;
  content: "\efdc";
}
.dlt-c8y-icon-bot.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-fork-lift.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-fork-lift.stroked-icon:after {
  position: relative;
  content: "\efed";
}
.dlt-c8y-icon-fork-lift.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-gear-complex.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-gear-complex.stroked-icon:after {
  position: relative;
  content: "\eff2";
}
.dlt-c8y-icon-gear-complex.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-cog-complex.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-cog-complex.stroked-icon:after {
  position: relative;
  content: "\eff2";
}
.dlt-c8y-icon-cog-complex.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-gears.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-gears.stroked-icon:after {
  position: relative;
  content: "\eff3";
}
.dlt-c8y-icon-gears.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-cogs.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-cogs.stroked-icon:after {
  position: relative;
  content: "\eff3";
}
.dlt-c8y-icon-cogs.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-automation.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-automation.stroked-icon:after {
  position: relative;
  content: "\efda";
}
.dlt-c8y-icon-automation.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-automatic.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-automatic.stroked-icon:after {
  position: relative;
  content: "\efd9";
}
.dlt-c8y-icon-automatic.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-electronics.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-electronics.stroked-icon:after {
  position: relative;
  content: "\efe6";
}
.dlt-c8y-icon-electronics.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-gas.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-gas.stroked-icon:after {
  position: relative;
  content: "\eff0";
}
.dlt-c8y-icon-gas.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-water.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-water.stroked-icon:after {
  position: relative;
  content: "\f011";
}
.dlt-c8y-icon-water.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-tint.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-tint.stroked-icon:after {
  position: relative;
  content: "\f011";
}
.dlt-c8y-icon-tint.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-greentech.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-greentech.stroked-icon:after {
  position: relative;
  content: "\eff5";
}
.dlt-c8y-icon-greentech.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-radio-tower.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-radio-tower.stroked-icon:after {
  position: relative;
  content: "\f007";
}
.dlt-c8y-icon-radio-tower.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-industrial-scales.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-industrial-scales.stroked-icon:after {
  position: relative;
  content: "\effa";
}
.dlt-c8y-icon-industrial-scales.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-balance-scale.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-balance-scale.stroked-icon:after {
  position: relative;
  content: "\effa";
}
.dlt-c8y-icon-balance-scale.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-iphone.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-iphone.stroked-icon:after {
  position: relative;
  content: "\f173";
}
.dlt-c8y-icon-iphone.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-mobile-phone.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-mobile-phone.stroked-icon:after {
  position: relative;
  content: "\f173";
}
.dlt-c8y-icon-mobile-phone.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-smartphone.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-smartphone.stroked-icon:after {
  position: relative;
  content: "\f173";
}
.dlt-c8y-icon-smartphone.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-smartphone-approve.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-smartphone-approve.stroked-icon:after {
  position: relative;
  content: "\f1b4";
}
.dlt-c8y-icon-smartphone-approve.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-smartphone-decline.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-smartphone-decline.stroked-icon:after {
  position: relative;
  content: "\f1b5";
}
.dlt-c8y-icon-smartphone-decline.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-phonelink-lock.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-phonelink-lock.stroked-icon:after {
  position: relative;
  content: "\f1a1";
}
.dlt-c8y-icon-phonelink-lock.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-tablet-mac.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-tablet-mac.stroked-icon:after {
  position: relative;
  content: "\e909";
}
.dlt-c8y-icon-tablet-mac.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-tablet.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-tablet.stroked-icon:after {
  position: relative;
  content: "\e909";
}
.dlt-c8y-icon-tablet.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-devices.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-devices.stroked-icon:after {
  position: relative;
  content: "\ea29";
}
.dlt-c8y-icon-devices.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-imac.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-imac.stroked-icon:after {
  position: relative;
  content: "\eaad";
}
.dlt-c8y-icon-imac.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-desktop.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-desktop.stroked-icon:after {
  position: relative;
  content: "\eaad";
}
.dlt-c8y-icon-desktop.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-desktop1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-desktop1.stroked-icon:after {
  position: relative;
  content: "\ea28";
}
.dlt-c8y-icon-desktop1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-monitor.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-monitor.stroked-icon:after {
  position: relative;
  content: "\eaba";
}
.dlt-c8y-icon-monitor.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-tv.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-tv.stroked-icon:after {
  position: relative;
  content: "\eaba";
}
.dlt-c8y-icon-tv.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-television.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-television.stroked-icon:after {
  position: relative;
  content: "\eaba";
}
.dlt-c8y-icon-television.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-laptop.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-laptop.stroked-icon:after {
  position: relative;
  content: "\eab0";
}
.dlt-c8y-icon-laptop.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-checked-laptop.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-checked-laptop.stroked-icon:after {
  position: relative;
  content: "\ea95";
}
.dlt-c8y-icon-checked-laptop.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-laptop-alert.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-laptop-alert.stroked-icon:after {
  position: relative;
  content: "\eab1";
}
.dlt-c8y-icon-laptop-alert.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-laptop-error.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-laptop-error.stroked-icon:after {
  position: relative;
  content: "\eab2";
}
.dlt-c8y-icon-laptop-error.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-computer-support.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-computer-support.stroked-icon:after {
  position: relative;
  content: "\f673";
}
.dlt-c8y-icon-computer-support.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-programming.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-programming.stroked-icon:after {
  position: relative;
  content: "\eac2";
}
.dlt-c8y-icon-programming.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-keyboard.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-keyboard.stroked-icon:after {
  position: relative;
  content: "\eaaf";
}
.dlt-c8y-icon-keyboard.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-keyboard-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-keyboard-o.stroked-icon:after {
  position: relative;
  content: "\eaaf";
}
.dlt-c8y-icon-keyboard-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-video-conference.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-video-conference.stroked-icon:after {
  position: relative;
  content: "\ea84";
}
.dlt-c8y-icon-video-conference.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-remote-desktop.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-remote-desktop.stroked-icon:after {
  position: relative;
  content: "\eac4";
}
.dlt-c8y-icon-remote-desktop.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-workspace.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-workspace.stroked-icon:after {
  position: relative;
  content: "\eada";
}
.dlt-c8y-icon-workspace.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-workstation.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-workstation.stroked-icon:after {
  position: relative;
  content: "\eadb";
}
.dlt-c8y-icon-workstation.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-microchip.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-microchip.stroked-icon:after {
  position: relative;
  content: "\f17b";
}
.dlt-c8y-icon-microchip.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-processor.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-processor.stroked-icon:after {
  position: relative;
  content: "\eac1";
}
.dlt-c8y-icon-processor.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-smartphone-ram.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-smartphone-ram.stroked-icon:after {
  position: relative;
  content: "\f1b6";
}
.dlt-c8y-icon-smartphone-ram.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-bios.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-bios.stroked-icon:after {
  position: relative;
  content: "\ea93";
}
.dlt-c8y-icon-bios.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-micro-sd.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-micro-sd.stroked-icon:after {
  position: relative;
  content: "\eab8";
}
.dlt-c8y-icon-micro-sd.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-hdd.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-hdd.stroked-icon:after {
  position: relative;
  content: "\eaa9";
}
.dlt-c8y-icon-hdd.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-hdd-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-hdd-o.stroked-icon:after {
  position: relative;
  content: "\eaa9";
}
.dlt-c8y-icon-hdd-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-financial-dynamic-presentation.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-financial-dynamic-presentation.stroked-icon:after {
  position: relative;
  content: "\e9d5";
}
.dlt-c8y-icon-financial-dynamic-presentation.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-presentation.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-presentation.stroked-icon:after {
  position: relative;
  content: "\ea32";
}
.dlt-c8y-icon-presentation.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-room-finder.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-room-finder.stroked-icon:after {
  position: relative;
  content: "\ea50";
}
.dlt-c8y-icon-room-finder.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-statistics.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-statistics.stroked-icon:after {
  position: relative;
  content: "\ea65";
}
.dlt-c8y-icon-statistics.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-server.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-server.stroked-icon:after {
  position: relative;
  content: "\eac9";
}
.dlt-c8y-icon-server.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-stack.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-stack.stroked-icon:after {
  position: relative;
  content: "\eacf";
}
.dlt-c8y-icon-stack.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-critical-thinking.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-critical-thinking.stroked-icon:after {
  position: relative;
  content: "\e9a6";
}
.dlt-c8y-icon-critical-thinking.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-environment1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-environment1.stroked-icon:after {
  position: relative;
  content: "\ea2a";
}
.dlt-c8y-icon-environment1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-network-card.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-network-card.stroked-icon:after {
  position: relative;
  content: "\eabd";
}
.dlt-c8y-icon-network-card.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-network-cable.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-network-cable.stroked-icon:after {
  position: relative;
  content: "\eabc";
}
.dlt-c8y-icon-network-cable.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-usb-on.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-usb-on.stroked-icon:after {
  position: relative;
  content: "\ead5";
}
.dlt-c8y-icon-usb-on.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-ssd.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-ssd.stroked-icon:after {
  position: relative;
  content: "\eace";
}
.dlt-c8y-icon-ssd.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-asterisk-key.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-asterisk-key.stroked-icon:after {
  position: relative;
  content: "\ea91";
}
.dlt-c8y-icon-asterisk-key.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-asterisk.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-asterisk.stroked-icon:after {
  position: relative;
  content: "\ea91";
}
.dlt-c8y-icon-asterisk.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-end-button.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-end-button.stroked-icon:after {
  position: relative;
  content: "\ea99";
}
.dlt-c8y-icon-end-button.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-hub.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-hub.stroked-icon:after {
  position: relative;
  content: "\eaac";
}
.dlt-c8y-icon-hub.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-individual-server.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-individual-server.stroked-icon:after {
  position: relative;
  content: "\eaae";
}
.dlt-c8y-icon-individual-server.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-data-center.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-data-center.stroked-icon:after {
  position: relative;
  content: "\ea98";
}
.dlt-c8y-icon-data-center.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-root-server.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-root-server.stroked-icon:after {
  position: relative;
  content: "\eac7";
}
.dlt-c8y-icon-root-server.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-switch.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-switch.stroked-icon:after {
  position: relative;
  content: "\ead0";
}
.dlt-c8y-icon-switch.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-nas.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-nas.stroked-icon:after {
  position: relative;
  content: "\eabb";
}
.dlt-c8y-icon-nas.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-shutdown.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-shutdown.stroked-icon:after {
  position: relative;
  content: "\eacc";
}
.dlt-c8y-icon-shutdown.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-power-off.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-power-off.stroked-icon:after {
  position: relative;
  content: "\eacc";
}
.dlt-c8y-icon-power-off.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-hibernate.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-hibernate.stroked-icon:after {
  position: relative;
  content: "\eaaa";
}
.dlt-c8y-icon-hibernate.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-phone-square.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-phone-square.stroked-icon:after {
  position: relative;
  content: "\f19b";
}
.dlt-c8y-icon-phone-square.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-phone.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-phone.stroked-icon:after {
  position: relative;
  content: "\f19b";
}
.dlt-c8y-icon-phone.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-no-idea.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-no-idea.stroked-icon:after {
  position: relative;
  content: "\ea12";
}
.dlt-c8y-icon-no-idea.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-network.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-network.stroked-icon:after {
  position: relative;
  content: "\ea2c";
}
.dlt-c8y-icon-network.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-mind-map.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-mind-map.stroked-icon:after {
  position: relative;
  content: "\ea2d";
}
.dlt-c8y-icon-mind-map.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-centralized-network.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-centralized-network.stroked-icon:after {
  position: relative;
  content: "\f1db";
}
.dlt-c8y-icon-centralized-network.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-customer-insights-manager.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-customer-insights-manager.stroked-icon:after {
  position: relative;
  content: "\e9a9";
}
.dlt-c8y-icon-customer-insights-manager.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-gift.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-gift.stroked-icon:after {
  position: relative;
  content: "\f440";
}
.dlt-c8y-icon-gift.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-small-business.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-small-business.stroked-icon:after {
  position: relative;
  content: "\ea30";
}
.dlt-c8y-icon-small-business.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-pricing.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-pricing.stroked-icon:after {
  position: relative;
  content: "\ea3b";
}
.dlt-c8y-icon-pricing.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-free-trial.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-free-trial.stroked-icon:after {
  position: relative;
  content: "\ea3c";
}
.dlt-c8y-icon-free-trial.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-buy1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-buy1.stroked-icon:after {
  position: relative;
  content: "\eb95";
}
.dlt-c8y-icon-buy1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-cart-plus.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-cart-plus.stroked-icon:after {
  position: relative;
  content: "\eb95";
}
.dlt-c8y-icon-cart-plus.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-cart-arrow-down.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-cart-arrow-down.stroked-icon:after {
  position: relative;
  content: "\eb95";
}
.dlt-c8y-icon-cart-arrow-down.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-return-purchase.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-return-purchase.stroked-icon:after {
  position: relative;
  content: "\ec15";
}
.dlt-c8y-icon-return-purchase.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-shopping-cart-with-money.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-shopping-cart-with-money.stroked-icon:after {
  position: relative;
  content: "\ec29";
}
.dlt-c8y-icon-shopping-cart-with-money.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-buying.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-buying.stroked-icon:after {
  position: relative;
  content: "\eb97";
}
.dlt-c8y-icon-buying.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-shopping-cart.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-shopping-cart.stroked-icon:after {
  position: relative;
  content: "\eb97";
}
.dlt-c8y-icon-shopping-cart.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-procurement.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-procurement.stroked-icon:after {
  position: relative;
  content: "\ec09";
}
.dlt-c8y-icon-procurement.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-delivery-handcart.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-delivery-handcart.stroked-icon:after {
  position: relative;
  content: "\ebb3";
}
.dlt-c8y-icon-delivery-handcart.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-cheap-21.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-cheap-21.stroked-icon:after {
  position: relative;
  content: "\f434";
}
.dlt-c8y-icon-cheap-21.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-average-2.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-average-2.stroked-icon:after {
  position: relative;
  content: "\eb84";
}
.dlt-c8y-icon-average-2.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-stripe1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-stripe1.stroked-icon:after {
  position: relative;
  content: "\ec2c";
}
.dlt-c8y-icon-stripe1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-loyalty-card.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-loyalty-card.stroked-icon:after {
  position: relative;
  content: "\f442";
}
.dlt-c8y-icon-loyalty-card.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-shopping-check.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-shopping-check.stroked-icon:after {
  position: relative;
  content: "\f459";
}
.dlt-c8y-icon-shopping-check.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-shopping-bag.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-shopping-bag.stroked-icon:after {
  position: relative;
  content: "\f45a";
}
.dlt-c8y-icon-shopping-bag.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-shopping-bag.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-shopping-bag.stroked-icon:after {
  position: relative;
  content: "\f45a";
}
.dlt-c8y-icon-shopping-bag.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-atm.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-atm.stroked-icon:after {
  position: relative;
  content: "\eb81";
}
.dlt-c8y-icon-atm.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-bank-card-dollar.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-bank-card-dollar.stroked-icon:after {
  position: relative;
  content: "\eb85";
}
.dlt-c8y-icon-bank-card-dollar.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-bank-card-euro.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-bank-card-euro.stroked-icon:after {
  position: relative;
  content: "\eb86";
}
.dlt-c8y-icon-bank-card-euro.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-contactless-payment.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-contactless-payment.stroked-icon:after {
  position: relative;
  content: "\ede2";
}
.dlt-c8y-icon-contactless-payment.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-qr-code.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-qr-code.stroked-icon:after {
  position: relative;
  content: "\ec0e";
}
.dlt-c8y-icon-qr-code.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-qrcode.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-qrcode.stroked-icon:after {
  position: relative;
  content: "\ec0e";
}
.dlt-c8y-icon-qrcode.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-data-matrix-code.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-data-matrix-code.stroked-icon:after {
  position: relative;
  content: "\ebaf";
}
.dlt-c8y-icon-data-matrix-code.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-barcode.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-barcode.stroked-icon:after {
  position: relative;
  content: "\eb88";
}
.dlt-c8y-icon-barcode.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-no-barcode.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-no-barcode.stroked-icon:after {
  position: relative;
  content: "\ebee";
}
.dlt-c8y-icon-no-barcode.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-refresh-barcode.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-refresh-barcode.stroked-icon:after {
  position: relative;
  content: "\ec12";
}
.dlt-c8y-icon-refresh-barcode.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-touch-id.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-touch-id.stroked-icon:after {
  position: relative;
  content: "\ec35";
}
.dlt-c8y-icon-touch-id.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-redeem.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-redeem.stroked-icon:after {
  position: relative;
  content: "\ec11";
}
.dlt-c8y-icon-redeem.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-card-exchange.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-card-exchange.stroked-icon:after {
  position: relative;
  content: "\eb98";
}
.dlt-c8y-icon-card-exchange.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-card-security.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-card-security.stroked-icon:after {
  position: relative;
  content: "\eb99";
}
.dlt-c8y-icon-card-security.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-cash-register.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-cash-register.stroked-icon:after {
  position: relative;
  content: "\eb9f";
}
.dlt-c8y-icon-cash-register.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-cost.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-cost.stroked-icon:after {
  position: relative;
  content: "\ebaa";
}
.dlt-c8y-icon-cost.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-create-order.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-create-order.stroked-icon:after {
  position: relative;
  content: "\ebac";
}
.dlt-c8y-icon-create-order.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-online-payment1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-online-payment1.stroked-icon:after {
  position: relative;
  content: "\ebf2";
}
.dlt-c8y-icon-online-payment1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-rent1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-rent1.stroked-icon:after {
  position: relative;
  content: "\ec14";
}
.dlt-c8y-icon-rent1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-package-settings.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-package-settings.stroked-icon:after {
  position: relative;
  content: "\ec02";
}
.dlt-c8y-icon-package-settings.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-product-loading.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-product-loading.stroked-icon:after {
  position: relative;
  content: "\ec0b";
}
.dlt-c8y-icon-product-loading.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-purchase-order.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-purchase-order.stroked-icon:after {
  position: relative;
  content: "\ec0d";
}
.dlt-c8y-icon-purchase-order.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-receipt1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-receipt1.stroked-icon:after {
  position: relative;
  content: "\ec0f";
}
.dlt-c8y-icon-receipt1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-scan-stock.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-scan-stock.stroked-icon:after {
  position: relative;
  content: "\ec18";
}
.dlt-c8y-icon-scan-stock.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-shipment-logistic.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-shipment-logistic.stroked-icon:after {
  position: relative;
  content: "\ec1c";
}
.dlt-c8y-icon-shipment-logistic.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-shipping-center.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-shipping-center.stroked-icon:after {
  position: relative;
  content: "\ec1e";
}
.dlt-c8y-icon-shipping-center.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-shipping-centre-loading-belt.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-shipping-centre-loading-belt.stroked-icon:after {
  position: relative;
  content: "\ec1f";
}
.dlt-c8y-icon-shipping-centre-loading-belt.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-shopaholic.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-shopaholic.stroked-icon:after {
  position: relative;
  content: "\ec23";
}
.dlt-c8y-icon-shopaholic.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-basket.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-basket.stroked-icon:after {
  position: relative;
  content: "\eb8b";
}
.dlt-c8y-icon-basket.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-shopping-basket.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-shopping-basket.stroked-icon:after {
  position: relative;
  content: "\ec26";
}
.dlt-c8y-icon-shopping-basket.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-shopping-basket.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-shopping-basket.stroked-icon:after {
  position: relative;
  content: "\ec26";
}
.dlt-c8y-icon-shopping-basket.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-add-basket.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-add-basket.stroked-icon:after {
  position: relative;
  content: "\eb79";
}
.dlt-c8y-icon-add-basket.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-paid.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-paid.stroked-icon:after {
  position: relative;
  content: "\ec04";
}
.dlt-c8y-icon-paid.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-text-width.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-text-width.stroked-icon:after {
  position: relative;
  content: "\eb5f";
}
.dlt-c8y-icon-text-width.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-text-height.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-text-height.stroked-icon:after {
  position: relative;
  content: "\eb60";
}
.dlt-c8y-icon-text-height.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-paragraph.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-paragraph.stroked-icon:after {
  position: relative;
  content: "\eb61";
}
.dlt-c8y-icon-paragraph.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-pilcrow.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-pilcrow.stroked-icon:after {
  position: relative;
  content: "\eb61";
}
.dlt-c8y-icon-pilcrow.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-text-input.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-text-input.stroked-icon:after {
  position: relative;
  content: "\eb2a";
}
.dlt-c8y-icon-text-input.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-unavailable.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-unavailable.stroked-icon:after {
  position: relative;
  content: "\ea3d";
}
.dlt-c8y-icon-unavailable.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-save.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-save.stroked-icon:after {
  position: relative;
  content: "\e92f";
}
.dlt-c8y-icon-save.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-save-commit.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-save-commit.stroked-icon:after {
  position: relative;
  content: "\e930";
}
.dlt-c8y-icon-save-commit.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-delete.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-delete.stroked-icon:after {
  position: relative;
  content: "\e932";
}
.dlt-c8y-icon-delete.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-copy.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-copy.stroked-icon:after {
  position: relative;
  content: "\e960";
}
.dlt-c8y-icon-copy.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-paste.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-paste.stroked-icon:after {
  position: relative;
  content: "\e966";
}
.dlt-c8y-icon-paste.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-more-menu.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-more-menu.stroked-icon:after {
  position: relative;
  content: "\ea3f";
}
.dlt-c8y-icon-more-menu.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-password-hide.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-password-hide.stroked-icon:after {
  position: relative;
  content: "\ea41";
}
.dlt-c8y-icon-password-hide.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-password-show.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-password-show.stroked-icon:after {
  position: relative;
  content: "\ea42";
}
.dlt-c8y-icon-password-show.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-zoom-in.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-zoom-in.stroked-icon:after {
  position: relative;
  content: "\ea44";
}
.dlt-c8y-icon-zoom-in.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-zoom-out.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-zoom-out.stroked-icon:after {
  position: relative;
  content: "\ea45";
}
.dlt-c8y-icon-zoom-out.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-buy.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-buy.stroked-icon:after {
  position: relative;
  content: "\e926";
}
.dlt-c8y-icon-buy.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-list.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-list.stroked-icon:after {
  position: relative;
  content: "\ea46";
}
.dlt-c8y-icon-list.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-list-alt.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-list-alt.stroked-icon:after {
  position: relative;
  content: "\ea46";
}
.dlt-c8y-icon-list-alt.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-list-ul.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-list-ul.stroked-icon:after {
  position: relative;
  content: "\ea46";
}
.dlt-c8y-icon-list-ul.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-format-align-justify.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-format-align-justify.stroked-icon:after {
  position: relative;
  content: "\e9bc";
}
.dlt-c8y-icon-format-align-justify.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-align-justify.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-align-justify.stroked-icon:after {
  position: relative;
  content: "\e9bc";
}
.dlt-c8y-icon-align-justify.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-format-align-left.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-format-align-left.stroked-icon:after {
  position: relative;
  content: "\e9bd";
}
.dlt-c8y-icon-format-align-left.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-align-left.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-align-left.stroked-icon:after {
  position: relative;
  content: "\e9bd";
}
.dlt-c8y-icon-align-left.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-format-align-center.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-format-align-center.stroked-icon:after {
  position: relative;
  content: "\e9be";
}
.dlt-c8y-icon-format-align-center.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-align-center.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-align-center.stroked-icon:after {
  position: relative;
  content: "\e9be";
}
.dlt-c8y-icon-align-center.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-format-align-right.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-format-align-right.stroked-icon:after {
  position: relative;
  content: "\e9bf";
}
.dlt-c8y-icon-format-align-right.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-align-right.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-align-right.stroked-icon:after {
  position: relative;
  content: "\e9bf";
}
.dlt-c8y-icon-align-right.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-radio-button-on.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-radio-button-on.stroked-icon:after {
  position: relative;
  content: "\e9c2";
}
.dlt-c8y-icon-radio-button-on.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-dot-circle-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-dot-circle-o.stroked-icon:after {
  position: relative;
  content: "\e9c2";
}
.dlt-c8y-icon-dot-circle-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-colorize.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-colorize.stroked-icon:after {
  position: relative;
  content: "\e92d";
}
.dlt-c8y-icon-colorize.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-eyedropper.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-eyedropper.stroked-icon:after {
  position: relative;
  content: "\e92d";
}
.dlt-c8y-icon-eyedropper.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-brush.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-brush.stroked-icon:after {
  position: relative;
  content: "\e938";
}
.dlt-c8y-icon-brush.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-paint-brush.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-paint-brush.stroked-icon:after {
  position: relative;
  content: "\e938";
}
.dlt-c8y-icon-paint-brush.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-file-create.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-file-create.stroked-icon:after {
  position: relative;
  content: "\ed6f";
}
.dlt-c8y-icon-file-create.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-edit.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-edit.stroked-icon:after {
  position: relative;
  content: "\ed6f";
}
.dlt-c8y-icon-edit.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-email-sign.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-email-sign.stroked-icon:after {
  position: relative;
  content: "\f15d";
}
.dlt-c8y-icon-email-sign.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-at.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-at.stroked-icon:after {
  position: relative;
  content: "\f15d";
}
.dlt-c8y-icon-at.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-get-quote.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-get-quote.stroked-icon:after {
  position: relative;
  content: "\f0b9";
}
.dlt-c8y-icon-get-quote.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-quote-right.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-quote-right.stroked-icon:after {
  position: relative;
  content: "\f0b9";
}
.dlt-c8y-icon-quote-right.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-quote-left.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-quote-left.stroked-icon:after {
  position: relative;
  content: "\f0ba";
}
.dlt-c8y-icon-quote-left.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-format-bold.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-format-bold.stroked-icon:after {
  position: relative;
  content: "\e9c5";
}
.dlt-c8y-icon-format-bold.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-bold.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-bold.stroked-icon:after {
  position: relative;
  content: "\e9c5";
}
.dlt-c8y-icon-bold.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-format-underlined.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-format-underlined.stroked-icon:after {
  position: relative;
  content: "\e9c6";
}
.dlt-c8y-icon-format-underlined.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-underline.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-underline.stroked-icon:after {
  position: relative;
  content: "\e9c6";
}
.dlt-c8y-icon-underline.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-strikethrough-s.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-strikethrough-s.stroked-icon:after {
  position: relative;
  content: "\e9c8";
}
.dlt-c8y-icon-strikethrough-s.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-strikethrough.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-strikethrough.stroked-icon:after {
  position: relative;
  content: "\e9c8";
}
.dlt-c8y-icon-strikethrough.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-title.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-title.stroked-icon:after {
  position: relative;
  content: "\e9c9";
}
.dlt-c8y-icon-title.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-header.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-header.stroked-icon:after {
  position: relative;
  content: "\e9c9";
}
.dlt-c8y-icon-header.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-subscript.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-subscript.stroked-icon:after {
  position: relative;
  content: "\e9cb";
}
.dlt-c8y-icon-subscript.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-superscript.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-superscript.stroked-icon:after {
  position: relative;
  content: "\e9cc";
}
.dlt-c8y-icon-superscript.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-format-italic.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-format-italic.stroked-icon:after {
  position: relative;
  content: "\e9cd";
}
.dlt-c8y-icon-format-italic.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-italic.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-italic.stroked-icon:after {
  position: relative;
  content: "\e9cd";
}
.dlt-c8y-icon-italic.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-font-download.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-font-download.stroked-icon:after {
  position: relative;
  content: "\e9ce";
}
.dlt-c8y-icon-font-download.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-font.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-font.stroked-icon:after {
  position: relative;
  content: "\e9ce";
}
.dlt-c8y-icon-font.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-questionnaire.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-questionnaire.stroked-icon:after {
  position: relative;
  content: "\ea40";
}
.dlt-c8y-icon-questionnaire.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-th-list.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-th-list.stroked-icon:after {
  position: relative;
  content: "\ea40";
}
.dlt-c8y-icon-th-list.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-tasklist.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-tasklist.stroked-icon:after {
  position: relative;
  content: "\ea72";
}
.dlt-c8y-icon-tasklist.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-communication-sorting.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-communication-sorting.stroked-icon:after {
  position: relative;
  content: "\e997";
}
.dlt-c8y-icon-communication-sorting.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-todo-list.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-todo-list.stroked-icon:after {
  position: relative;
  content: "\ea7b";
}
.dlt-c8y-icon-todo-list.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-tasks.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-tasks.stroked-icon:after {
  position: relative;
  content: "\ea7b";
}
.dlt-c8y-icon-tasks.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-numbered-list.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-numbered-list.stroked-icon:after {
  position: relative;
  content: "\ecd5";
}
.dlt-c8y-icon-numbered-list.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-list-ol.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-list-ol.stroked-icon:after {
  position: relative;
  content: "\ecd5";
}
.dlt-c8y-icon-list-ol.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-search-in-list.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-search-in-list.stroked-icon:after {
  position: relative;
  content: "\ed14";
}
.dlt-c8y-icon-search-in-list.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-table-of-content.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-table-of-content.stroked-icon:after {
  position: relative;
  content: "\ed2d";
}
.dlt-c8y-icon-table-of-content.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-index.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-index.stroked-icon:after {
  position: relative;
  content: "\ecb7";
}
.dlt-c8y-icon-index.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-tiles.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-tiles.stroked-icon:after {
  position: relative;
  content: "\ed37";
}
.dlt-c8y-icon-tiles.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-edit1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-edit1.stroked-icon:after {
  position: relative;
  content: "\ece9";
}
.dlt-c8y-icon-edit1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-pencil.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-pencil.stroked-icon:after {
  position: relative;
  content: "\ece9";
}
.dlt-c8y-icon-pencil.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-pencil-square.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-pencil-square.stroked-icon:after {
  position: relative;
  content: "\ece9";
}
.dlt-c8y-icon-pencil-square.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-pencil-square-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-pencil-square-o.stroked-icon:after {
  position: relative;
  content: "\ece9";
}
.dlt-c8y-icon-pencil-square-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-edit11.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-edit11.stroked-icon:after {
  position: relative;
  content: "\ec89";
}
.dlt-c8y-icon-edit11.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-no-edit.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-no-edit.stroked-icon:after {
  position: relative;
  content: "\ecd1";
}
.dlt-c8y-icon-no-edit.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-cut.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-cut.stroked-icon:after {
  position: relative;
  content: "\ec7a";
}
.dlt-c8y-icon-cut.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-scissors.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-scissors.stroked-icon:after {
  position: relative;
  content: "\ec7a";
}
.dlt-c8y-icon-scissors.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-coupon.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-coupon.stroked-icon:after {
  position: relative;
  content: "\ebab";
}
.dlt-c8y-icon-coupon.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-crop.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-crop.stroked-icon:after {
  position: relative;
  content: "\ec78";
}
.dlt-c8y-icon-crop.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-erase.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-erase.stroked-icon:after {
  position: relative;
  content: "\ea47";
}
.dlt-c8y-icon-erase.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-eraser.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-eraser.stroked-icon:after {
  position: relative;
  content: "\ea47";
}
.dlt-c8y-icon-eraser.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-add-white-space.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-add-white-space.stroked-icon:after {
  position: relative;
  content: "\ec49";
}
.dlt-c8y-icon-add-white-space.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-blur.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-blur.stroked-icon:after {
  position: relative;
  content: "\ec56";
}
.dlt-c8y-icon-blur.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-paint-palette.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-paint-palette.stroked-icon:after {
  position: relative;
  content: "\ece1";
}
.dlt-c8y-icon-paint-palette.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-contrast.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-contrast.stroked-icon:after {
  position: relative;
  content: "\ec73";
}
.dlt-c8y-icon-contrast.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-adjust.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-adjust.stroked-icon:after {
  position: relative;
  content: "\ec73";
}
.dlt-c8y-icon-adjust.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-bring-forward.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-bring-forward.stroked-icon:after {
  position: relative;
  content: "\ec5f";
}
.dlt-c8y-icon-bring-forward.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-snap-background-to-white.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-snap-background-to-white.stroked-icon:after {
  position: relative;
  content: "\ed21";
}
.dlt-c8y-icon-snap-background-to-white.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-rename.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-rename.stroked-icon:after {
  position: relative;
  content: "\ecf8";
}
.dlt-c8y-icon-rename.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-text-cursor.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-text-cursor.stroked-icon:after {
  position: relative;
  content: "\ed32";
}
.dlt-c8y-icon-text-cursor.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-i-cursor.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-i-cursor.stroked-icon:after {
  position: relative;
  content: "\ed32";
}
.dlt-c8y-icon-i-cursor.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-large-icons.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-large-icons.stroked-icon:after {
  position: relative;
  content: "\ecbf";
}
.dlt-c8y-icon-large-icons.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-comma.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-comma.stroked-icon:after {
  position: relative;
  content: "\ec6f";
}
.dlt-c8y-icon-comma.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-compare.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-compare.stroked-icon:after {
  position: relative;
  content: "\ec70";
}
.dlt-c8y-icon-compare.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-content.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-content.stroked-icon:after {
  position: relative;
  content: "\ec72";
}
.dlt-c8y-icon-content.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-document-body.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-document-body.stroked-icon:after {
  position: relative;
  content: "\ec83";
}
.dlt-c8y-icon-document-body.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-merge-docunemts.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-merge-docunemts.stroked-icon:after {
  position: relative;
  content: "\eccc";
}
.dlt-c8y-icon-merge-docunemts.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-unit.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-unit.stroked-icon:after {
  position: relative;
  content: "\ea83";
}
.dlt-c8y-icon-unit.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-group.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-group.stroked-icon:after {
  position: relative;
  content: "\ea48";
}
.dlt-c8y-icon-group.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-group-objects.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-group-objects.stroked-icon:after {
  position: relative;
  content: "\ea48";
}
.dlt-c8y-icon-group-objects.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-object-group.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-object-group.stroked-icon:after {
  position: relative;
  content: "\ea48";
}
.dlt-c8y-icon-object-group.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-object-ungroup.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-object-ungroup.stroked-icon:after {
  position: relative;
  content: "\ea48";
}
.dlt-c8y-icon-object-ungroup.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-ungroup.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-ungroup.stroked-icon:after {
  position: relative;
  content: "\ea49";
}
.dlt-c8y-icon-ungroup.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-hexagonal-pattern.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-hexagonal-pattern.stroked-icon:after {
  position: relative;
  content: "\ecb1";
}
.dlt-c8y-icon-hexagonal-pattern.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-diagonal-lines.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-diagonal-lines.stroked-icon:after {
  position: relative;
  content: "\ec82";
}
.dlt-c8y-icon-diagonal-lines.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-line-width.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-line-width.stroked-icon:after {
  position: relative;
  content: "\ecc5";
}
.dlt-c8y-icon-line-width.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-long-words.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-long-words.stroked-icon:after {
  position: relative;
  content: "\ecc8";
}
.dlt-c8y-icon-long-words.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-indent.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-indent.stroked-icon:after {
  position: relative;
  content: "\e9cf";
}
.dlt-c8y-icon-indent.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-indent-left.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-indent-left.stroked-icon:after {
  position: relative;
  content: "\e9cf";
}
.dlt-c8y-icon-indent-left.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-indent-decrease.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-indent-decrease.stroked-icon:after {
  position: relative;
  content: "\e9d0";
}
.dlt-c8y-icon-indent-decrease.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-dedent.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-dedent.stroked-icon:after {
  position: relative;
  content: "\e9d0";
}
.dlt-c8y-icon-dedent.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-dedent-left.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-dedent-left.stroked-icon:after {
  position: relative;
  content: "\e9d0";
}
.dlt-c8y-icon-dedent-left.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-outdent.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-outdent.stroked-icon:after {
  position: relative;
  content: "\ecdc";
}
.dlt-c8y-icon-outdent.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-indent-right.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-indent-right.stroked-icon:after {
  position: relative;
  content: "\ecdc";
}
.dlt-c8y-icon-indent-right.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-dedent-right.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-dedent-right.stroked-icon:after {
  position: relative;
  content: "\eb35";
}
.dlt-c8y-icon-dedent-right.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-drag-reorder.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-drag-reorder.stroked-icon:after {
  position: relative;
  content: "\ec87";
}
.dlt-c8y-icon-drag-reorder.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-drag-list-up.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-drag-list-up.stroked-icon:after {
  position: relative;
  content: "\ec86";
}
.dlt-c8y-icon-drag-list-up.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-pull-down.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-pull-down.stroked-icon:after {
  position: relative;
  content: "\ecf2";
}
.dlt-c8y-icon-pull-down.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-page.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-page.stroked-icon:after {
  position: relative;
  content: "\ece0";
}
.dlt-c8y-icon-page.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-rearrange.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-rearrange.stroked-icon:after {
  position: relative;
  content: "\ecf4";
}
.dlt-c8y-icon-rearrange.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-resize-file.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-resize-file.stroked-icon:after {
  position: relative;
  content: "\ed00";
}
.dlt-c8y-icon-resize-file.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-resize.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-resize.stroked-icon:after {
  position: relative;
  content: "\ecfa";
}
.dlt-c8y-icon-resize.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-rich-text-converter.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-rich-text-converter.stroked-icon:after {
  position: relative;
  content: "\ed06";
}
.dlt-c8y-icon-rich-text-converter.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-select-all.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-select-all.stroked-icon:after {
  position: relative;
  content: "\ed15";
}
.dlt-c8y-icon-select-all.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-select-none.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-select-none.stroked-icon:after {
  position: relative;
  content: "\ed16";
}
.dlt-c8y-icon-select-none.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-ruler.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-ruler.stroked-icon:after {
  position: relative;
  content: "\ed11";
}
.dlt-c8y-icon-ruler.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-length.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-length.stroked-icon:after {
  position: relative;
  content: "\f3ae";
}
.dlt-c8y-icon-length.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-send-backward.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-send-backward.stroked-icon:after {
  position: relative;
  content: "\ed18";
}
.dlt-c8y-icon-send-backward.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-send-to-back.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-send-to-back.stroked-icon:after {
  position: relative;
  content: "\ed19";
}
.dlt-c8y-icon-send-to-back.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-replace.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-replace.stroked-icon:after {
  position: relative;
  content: "\ea4b";
}
.dlt-c8y-icon-replace.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-separated-lists.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-separated-lists.stroked-icon:after {
  position: relative;
  content: "\ed1b";
}
.dlt-c8y-icon-separated-lists.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-short-words.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-short-words.stroked-icon:after {
  position: relative;
  content: "\ed1c";
}
.dlt-c8y-icon-short-words.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-mix-words.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-mix-words.stroked-icon:after {
  position: relative;
  content: "\eccf";
}
.dlt-c8y-icon-mix-words.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-line-style.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-line-style.stroked-icon:after {
  position: relative;
  content: "\ecc4";
}
.dlt-c8y-icon-line-style.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-design.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-design.stroked-icon:after {
  position: relative;
  content: "\ec80";
}
.dlt-c8y-icon-design.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-view-stream.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-view-stream.stroked-icon:after {
  position: relative;
  content: "\ed4a";
}
.dlt-c8y-icon-view-stream.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-four-squares.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-four-squares.stroked-icon:after {
  position: relative;
  content: "\eca0";
}
.dlt-c8y-icon-four-squares.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-th-large.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-th-large.stroked-icon:after {
  position: relative;
  content: "\eca0";
}
.dlt-c8y-icon-th-large.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-thumbnails.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-thumbnails.stroked-icon:after {
  position: relative;
  content: "\ed36";
}
.dlt-c8y-icon-thumbnails.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-th.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-th.stroked-icon:after {
  position: relative;
  content: "\ed36";
}
.dlt-c8y-icon-th.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-view-module.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-view-module.stroked-icon:after {
  position: relative;
  content: "\ed48";
}
.dlt-c8y-icon-view-module.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-top-view.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-top-view.stroked-icon:after {
  position: relative;
  content: "\ed38";
}
.dlt-c8y-icon-top-view.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-orthogonal-view.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-orthogonal-view.stroked-icon:after {
  position: relative;
  content: "\ecdb";
}
.dlt-c8y-icon-orthogonal-view.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-rectangular.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-rectangular.stroked-icon:after {
  position: relative;
  content: "\ecf6";
}
.dlt-c8y-icon-rectangular.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-square.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-square.stroked-icon:after {
  position: relative;
  content: "\ed24";
}
.dlt-c8y-icon-square.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-view-column.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-view-column.stroked-icon:after {
  position: relative;
  content: "\e9d1";
}
.dlt-c8y-icon-view-column.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-columns.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-columns.stroked-icon:after {
  position: relative;
  content: "\e9d1";
}
.dlt-c8y-icon-columns.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-file-archive-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-file-archive-o.stroked-icon:after {
  position: relative;
  content: "\eb38";
}
.dlt-c8y-icon-file-archive-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-file-zip-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-file-zip-o.stroked-icon:after {
  position: relative;
  content: "\eb38";
}
.dlt-c8y-icon-file-zip-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-file-video-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-file-video-o.stroked-icon:after {
  position: relative;
  content: "\eb39";
}
.dlt-c8y-icon-file-video-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-file-movie-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-file-movie-o.stroked-icon:after {
  position: relative;
  content: "\eb39";
}
.dlt-c8y-icon-file-movie-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-file-audio-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-file-audio-o.stroked-icon:after {
  position: relative;
  content: "\eb3a";
}
.dlt-c8y-icon-file-audio-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-file-sound-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-file-sound-o.stroked-icon:after {
  position: relative;
  content: "\eb3a";
}
.dlt-c8y-icon-file-sound-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-microsoft-access.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-microsoft-access.stroked-icon:after {
  position: relative;
  content: "\e939";
}
.dlt-c8y-icon-microsoft-access.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-microsoft-onenote.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-microsoft-onenote.stroked-icon:after {
  position: relative;
  content: "\e93a";
}
.dlt-c8y-icon-microsoft-onenote.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-microsoft-outlook.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-microsoft-outlook.stroked-icon:after {
  position: relative;
  content: "\e93c";
}
.dlt-c8y-icon-microsoft-outlook.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-microsoft-project.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-microsoft-project.stroked-icon:after {
  position: relative;
  content: "\e93d";
}
.dlt-c8y-icon-microsoft-project.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-microsoft-publisher.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-microsoft-publisher.stroked-icon:after {
  position: relative;
  content: "\e944";
}
.dlt-c8y-icon-microsoft-publisher.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-microsoft-sharepoint.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-microsoft-sharepoint.stroked-icon:after {
  position: relative;
  content: "\e949";
}
.dlt-c8y-icon-microsoft-sharepoint.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-microsoft-visio.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-microsoft-visio.stroked-icon:after {
  position: relative;
  content: "\e94a";
}
.dlt-c8y-icon-microsoft-visio.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-word.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-word.stroked-icon:after {
  position: relative;
  content: "\e94b";
}
.dlt-c8y-icon-word.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-file-word-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-file-word-o.stroked-icon:after {
  position: relative;
  content: "\e94b";
}
.dlt-c8y-icon-file-word-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-excel.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-excel.stroked-icon:after {
  position: relative;
  content: "\e954";
}
.dlt-c8y-icon-excel.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-file-excel-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-file-excel-o.stroked-icon:after {
  position: relative;
  content: "\e954";
}
.dlt-c8y-icon-file-excel-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-ppt.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-ppt.stroked-icon:after {
  position: relative;
  content: "\e955";
}
.dlt-c8y-icon-ppt.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-file-powerpoint-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-file-powerpoint-o.stroked-icon:after {
  position: relative;
  content: "\e955";
}
.dlt-c8y-icon-file-powerpoint-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-create-archive.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-create-archive.stroked-icon:after {
  position: relative;
  content: "\ed5f";
}
.dlt-c8y-icon-create-archive.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-save-archive.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-save-archive.stroked-icon:after {
  position: relative;
  content: "\ed9f";
}
.dlt-c8y-icon-save-archive.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-delete-archive.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-delete-archive.stroked-icon:after {
  position: relative;
  content: "\ed61";
}
.dlt-c8y-icon-delete-archive.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-gif.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-gif.stroked-icon:after {
  position: relative;
  content: "\ed75";
}
.dlt-c8y-icon-gif.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-gis.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-gis.stroked-icon:after {
  position: relative;
  content: "\ed76";
}
.dlt-c8y-icon-gis.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-gpx.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-gpx.stroked-icon:after {
  position: relative;
  content: "\ed77";
}
.dlt-c8y-icon-gpx.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-heic-filetype.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-heic-filetype.stroked-icon:after {
  position: relative;
  content: "\ed78";
}
.dlt-c8y-icon-heic-filetype.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-dmg.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-dmg.stroked-icon:after {
  position: relative;
  content: "\ed63";
}
.dlt-c8y-icon-dmg.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-jpg.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-jpg.stroked-icon:after {
  position: relative;
  content: "\ed82";
}
.dlt-c8y-icon-jpg.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-kmz.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-kmz.stroked-icon:after {
  position: relative;
  content: "\ed87";
}
.dlt-c8y-icon-kmz.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-kml.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-kml.stroked-icon:after {
  position: relative;
  content: "\ed86";
}
.dlt-c8y-icon-kml.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-mp3.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-mp3.stroked-icon:after {
  position: relative;
  content: "\ed8a";
}
.dlt-c8y-icon-mp3.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-dng.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-dng.stroked-icon:after {
  position: relative;
  content: "\ed64";
}
.dlt-c8y-icon-dng.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-nef.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-nef.stroked-icon:after {
  position: relative;
  content: "\ed8c";
}
.dlt-c8y-icon-nef.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-nmea.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-nmea.stroked-icon:after {
  position: relative;
  content: "\ed8d";
}
.dlt-c8y-icon-nmea.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-tar.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-tar.stroked-icon:after {
  position: relative;
  content: "\eda4";
}
.dlt-c8y-icon-tar.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-ttf.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-ttf.stroked-icon:after {
  position: relative;
  content: "\eda7";
}
.dlt-c8y-icon-ttf.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-tif.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-tif.stroked-icon:after {
  position: relative;
  content: "\eda5";
}
.dlt-c8y-icon-tif.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-obj.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-obj.stroked-icon:after {
  position: relative;
  content: "\ed8e";
}
.dlt-c8y-icon-obj.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-webp.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-webp.stroked-icon:after {
  position: relative;
  content: "\edaa";
}
.dlt-c8y-icon-webp.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-ogg.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-ogg.stroked-icon:after {
  position: relative;
  content: "\ed8f";
}
.dlt-c8y-icon-ogg.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-woff.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-woff.stroked-icon:after {
  position: relative;
  content: "\edad";
}
.dlt-c8y-icon-woff.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-xls.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-xls.stroked-icon:after {
  position: relative;
  content: "\edaf";
}
.dlt-c8y-icon-xls.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-xps.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-xps.stroked-icon:after {
  position: relative;
  content: "\edb2";
}
.dlt-c8y-icon-xps.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-zip.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-zip.stroked-icon:after {
  position: relative;
  content: "\edb3";
}
.dlt-c8y-icon-zip.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-wma.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-wma.stroked-icon:after {
  position: relative;
  content: "\edac";
}
.dlt-c8y-icon-wma.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-osm.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-osm.stroked-icon:after {
  position: relative;
  content: "\ed90";
}
.dlt-c8y-icon-osm.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-otf.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-otf.stroked-icon:after {
  position: relative;
  content: "\ed91";
}
.dlt-c8y-icon-otf.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-dwg.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-dwg.stroked-icon:after {
  position: relative;
  content: "\ed66";
}
.dlt-c8y-icon-dwg.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-png.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-png.stroked-icon:after {
  position: relative;
  content: "\ed94";
}
.dlt-c8y-icon-png.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-eps.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-eps.stroked-icon:after {
  position: relative;
  content: "\ed68";
}
.dlt-c8y-icon-eps.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-ps.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-ps.stroked-icon:after {
  position: relative;
  content: "\ed96";
}
.dlt-c8y-icon-ps.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-rar.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-rar.stroked-icon:after {
  position: relative;
  content: "\ed98";
}
.dlt-c8y-icon-rar.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-raw.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-raw.stroked-icon:after {
  position: relative;
  content: "\ed99";
}
.dlt-c8y-icon-raw.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-psd.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-psd.stroked-icon:after {
  position: relative;
  content: "\ed97";
}
.dlt-c8y-icon-psd.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-exe.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-exe.stroked-icon:after {
  position: relative;
  content: "\ed6a";
}
.dlt-c8y-icon-exe.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-fbx.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-fbx.stroked-icon:after {
  position: relative;
  content: "\ed6d";
}
.dlt-c8y-icon-fbx.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-pdf-2.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-pdf-2.stroked-icon:after {
  position: relative;
  content: "\e961";
}
.dlt-c8y-icon-pdf-2.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-3fr.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-3fr.stroked-icon:after {
  position: relative;
  content: "\ed50";
}
.dlt-c8y-icon-3fr.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-aac.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-aac.stroked-icon:after {
  position: relative;
  content: "\ed52";
}
.dlt-c8y-icon-aac.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-7zip.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-7zip.stroked-icon:after {
  position: relative;
  content: "\ed51";
}
.dlt-c8y-icon-7zip.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-cr2.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-cr2.stroked-icon:after {
  position: relative;
  content: "\ed5e";
}
.dlt-c8y-icon-cr2.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-ai.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-ai.stroked-icon:after {
  position: relative;
  content: "\ed55";
}
.dlt-c8y-icon-ai.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-apk.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-apk.stroked-icon:after {
  position: relative;
  content: "\ed56";
}
.dlt-c8y-icon-apk.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-wav.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-wav.stroked-icon:after {
  position: relative;
  content: "\eda9";
}
.dlt-c8y-icon-wav.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-jp2.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-jp2.stroked-icon:after {
  position: relative;
  content: "\ed81";
}
.dlt-c8y-icon-jp2.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-java-file.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-java-file.stroked-icon:after {
  position: relative;
  content: "\ed80";
}
.dlt-c8y-icon-java-file.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-fff.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-fff.stroked-icon:after {
  position: relative;
  content: "\ed6e";
}
.dlt-c8y-icon-fff.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-folder-aggregate.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-folder-aggregate.stroked-icon:after {
  position: relative;
  content: "\ea54";
}
.dlt-c8y-icon-folder-aggregate.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-book.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-book.stroked-icon:after {
  position: relative;
  content: "\f36a";
}
.dlt-c8y-icon-book.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-package-delivery-logistics.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-package-delivery-logistics.stroked-icon:after {
  position: relative;
  content: "\ec01";
}
.dlt-c8y-icon-package-delivery-logistics.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-cube.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-cube.stroked-icon:after {
  position: relative;
  content: "\ec01";
}
.dlt-c8y-icon-cube.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-resume.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-resume.stroked-icon:after {
  position: relative;
  content: "\ea4d";
}
.dlt-c8y-icon-resume.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-insert-drive-file.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-insert-drive-file.stroked-icon:after {
  position: relative;
  content: "\e9d3";
}
.dlt-c8y-icon-insert-drive-file.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-file.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-file.stroked-icon:after {
  position: relative;
  content: "\e9d3";
}
.dlt-c8y-icon-file.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-file-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-file-o.stroked-icon:after {
  position: relative;
  content: "\e9d3";
}
.dlt-c8y-icon-file-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-sheet-of-paper.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-sheet-of-paper.stroked-icon:after {
  position: relative;
  content: "\e9d3";
}
.dlt-c8y-icon-sheet-of-paper.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-edit-file.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-edit-file.stroked-icon:after {
  position: relative;
  content: "\ea57";
}
.dlt-c8y-icon-edit-file.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-documents.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-documents.stroked-icon:after {
  position: relative;
  content: "\ea58";
}
.dlt-c8y-icon-documents.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-file-copy.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-file-copy.stroked-icon:after {
  position: relative;
  content: "\e9d2";
}
.dlt-c8y-icon-file-copy.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-files.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-files.stroked-icon:after {
  position: relative;
  content: "\e9d2";
}
.dlt-c8y-icon-files.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-files-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-files-o.stroked-icon:after {
  position: relative;
  content: "\e9d2";
}
.dlt-c8y-icon-files-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-profile.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-profile.stroked-icon:after {
  position: relative;
  content: "\ea38";
}
.dlt-c8y-icon-profile.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-pdf.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-pdf.stroked-icon:after {
  position: relative;
  content: "\ed92";
}
.dlt-c8y-icon-pdf.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-file-pdf-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-file-pdf-o.stroked-icon:after {
  position: relative;
  content: "\ed92";
}
.dlt-c8y-icon-file-pdf-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-export-pdf.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-export-pdf.stroked-icon:after {
  position: relative;
  content: "\ed6b";
}
.dlt-c8y-icon-export-pdf.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-file-type-document.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-file-type-document.stroked-icon:after {
  position: relative;
  content: "\ed70";
}
.dlt-c8y-icon-file-type-document.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-file-text-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-file-text-o.stroked-icon:after {
  position: relative;
  content: "\ed70";
}
.dlt-c8y-icon-file-text-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-file-text.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-file-text.stroked-icon:after {
  position: relative;
  content: "\ed70";
}
.dlt-c8y-icon-file-text.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-document.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-document.stroked-icon:after {
  position: relative;
  content: "\ed70";
}
.dlt-c8y-icon-document.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-submit-document1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-submit-document1.stroked-icon:after {
  position: relative;
  content: "\eda3";
}
.dlt-c8y-icon-submit-document1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-privacy-policy.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-privacy-policy.stroked-icon:after {
  position: relative;
  content: "\ea34";
}
.dlt-c8y-icon-privacy-policy.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-selective-highlighting1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-selective-highlighting1.stroked-icon:after {
  position: relative;
  content: "\eda0";
}
.dlt-c8y-icon-selective-highlighting1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-brief.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-brief.stroked-icon:after {
  position: relative;
  content: "\e97e";
}
.dlt-c8y-icon-brief.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-document-with-code.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-document-with-code.stroked-icon:after {
  position: relative;
  content: "\ea59";
}
.dlt-c8y-icon-document-with-code.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-image-file.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-image-file.stroked-icon:after {
  position: relative;
  content: "\ed7a";
}
.dlt-c8y-icon-image-file.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-file-image-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-file-image-o.stroked-icon:after {
  position: relative;
  content: "\ed7a";
}
.dlt-c8y-icon-file-image-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-file-picture-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-file-picture-o.stroked-icon:after {
  position: relative;
  content: "\ed7a";
}
.dlt-c8y-icon-file-picture-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-file-photo-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-file-photo-o.stroked-icon:after {
  position: relative;
  content: "\ed7a";
}
.dlt-c8y-icon-file-photo-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-image-file-add.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-image-file-add.stroked-icon:after {
  position: relative;
  content: "\ed7b";
}
.dlt-c8y-icon-image-file-add.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-image-file-checked.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-image-file-checked.stroked-icon:after {
  position: relative;
  content: "\ed7c";
}
.dlt-c8y-icon-image-file-checked.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-image-file-remove.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-image-file-remove.stroked-icon:after {
  position: relative;
  content: "\ed7d";
}
.dlt-c8y-icon-image-file-remove.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-check-document.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-check-document.stroked-icon:after {
  position: relative;
  content: "\ed5a";
}
.dlt-c8y-icon-check-document.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-document-with-a-check-mark.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-document-with-a-check-mark.stroked-icon:after {
  position: relative;
  content: "\ed5a";
}
.dlt-c8y-icon-document-with-a-check-mark.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-delete-file.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-delete-file.stroked-icon:after {
  position: relative;
  content: "\ed62";
}
.dlt-c8y-icon-delete-file.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-file-delete.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-file-delete.stroked-icon:after {
  position: relative;
  content: "\ed72";
}
.dlt-c8y-icon-file-delete.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-file-settings.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-file-settings.stroked-icon:after {
  position: relative;
  content: "\ed74";
}
.dlt-c8y-icon-file-settings.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-file-preview.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-file-preview.stroked-icon:after {
  position: relative;
  content: "\ed73";
}
.dlt-c8y-icon-file-preview.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-open-document.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-open-document.stroked-icon:after {
  position: relative;
  content: "\ecd9";
}
.dlt-c8y-icon-open-document.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-submit-document.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-submit-document.stroked-icon:after {
  position: relative;
  content: "\ea5a";
}
.dlt-c8y-icon-submit-document.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-restore-page1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-restore-page1.stroked-icon:after {
  position: relative;
  content: "\ed9d";
}
.dlt-c8y-icon-restore-page1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-document-exchange.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-document-exchange.stroked-icon:after {
  position: relative;
  content: "\ed65";
}
.dlt-c8y-icon-document-exchange.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-import-file.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-import-file.stroked-icon:after {
  position: relative;
  content: "\ed7e";
}
.dlt-c8y-icon-import-file.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-share-document.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-share-document.stroked-icon:after {
  position: relative;
  content: "\eda1";
}
.dlt-c8y-icon-share-document.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-idea.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-idea.stroked-icon:after {
  position: relative;
  content: "\e9e7";
}
.dlt-c8y-icon-idea.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-mark-as-favorite.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-mark-as-favorite.stroked-icon:after {
  position: relative;
  content: "\ed88";
}
.dlt-c8y-icon-mark-as-favorite.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-email-document.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-email-document.stroked-icon:after {
  position: relative;
  content: "\ec90";
}
.dlt-c8y-icon-email-document.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-file-view.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-file-view.stroked-icon:after {
  position: relative;
  content: "\ed71";
}
.dlt-c8y-icon-file-view.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-policy-document.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-policy-document.stroked-icon:after {
  position: relative;
  content: "\ed95";
}
.dlt-c8y-icon-policy-document.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-business-report.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-business-report.stroked-icon:after {
  position: relative;
  content: "\e985";
}
.dlt-c8y-icon-business-report.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-graph-report.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-graph-report.stroked-icon:after {
  position: relative;
  content: "\e9de";
}
.dlt-c8y-icon-graph-report.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-edit-graph-report.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-edit-graph-report.stroked-icon:after {
  position: relative;
  content: "\e9c4";
}
.dlt-c8y-icon-edit-graph-report.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-download-graph-report.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-download-graph-report.stroked-icon:after {
  position: relative;
  content: "\e9c1";
}
.dlt-c8y-icon-download-graph-report.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-agreement.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-agreement.stroked-icon:after {
  position: relative;
  content: "\e968";
}
.dlt-c8y-icon-agreement.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-estimates.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-estimates.stroked-icon:after {
  position: relative;
  content: "\e9ca";
}
.dlt-c8y-icon-estimates.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-winking-document.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-winking-document.stroked-icon:after {
  position: relative;
  content: "\edab";
}
.dlt-c8y-icon-winking-document.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-insert-page.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-insert-page.stroked-icon:after {
  position: relative;
  content: "\ecb9";
}
.dlt-c8y-icon-insert-page.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-note.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-note.stroked-icon:after {
  position: relative;
  content: "\ea5b";
}
.dlt-c8y-icon-note.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-brochure.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-brochure.stroked-icon:after {
  position: relative;
  content: "\e980";
}
.dlt-c8y-icon-brochure.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-read.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-read.stroked-icon:after {
  position: relative;
  content: "\ed9a";
}
.dlt-c8y-icon-read.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-cashbook.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-cashbook.stroked-icon:after {
  position: relative;
  content: "\e988";
}
.dlt-c8y-icon-cashbook.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-price-tag.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-price-tag.stroked-icon:after {
  position: relative;
  content: "\f44f";
}
.dlt-c8y-icon-price-tag.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-tag.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-tag.stroked-icon:after {
  position: relative;
  content: "\f44f";
}
.dlt-c8y-icon-tag.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-add-tag.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-add-tag.stroked-icon:after {
  position: relative;
  content: "\ea5d";
}
.dlt-c8y-icon-add-tag.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-tag1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-tag1.stroked-icon:after {
  position: relative;
  content: "\f45d";
}
.dlt-c8y-icon-tag1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-tags.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-tags.stroked-icon:after {
  position: relative;
  content: "\f45d";
}
.dlt-c8y-icon-tags.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-open-folder.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-open-folder.stroked-icon:after {
  position: relative;
  content: "\ee54";
}
.dlt-c8y-icon-open-folder.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-opened-folder.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-opened-folder.stroked-icon:after {
  position: relative;
  content: "\ee54";
}
.dlt-c8y-icon-opened-folder.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-folder-open.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-folder-open.stroked-icon:after {
  position: relative;
  content: "\ee54";
}
.dlt-c8y-icon-folder-open.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-folder-open-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-folder-open-o.stroked-icon:after {
  position: relative;
  content: "\ee54";
}
.dlt-c8y-icon-folder-open-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-folder.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-folder.stroked-icon:after {
  position: relative;
  content: "\ee4e";
}
.dlt-c8y-icon-folder.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-folder-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-folder-o.stroked-icon:after {
  position: relative;
  content: "\ee4e";
}
.dlt-c8y-icon-folder-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-folder-open1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-folder-open1.stroked-icon:after {
  position: relative;
  content: "\ea5e";
}
.dlt-c8y-icon-folder-open1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-add-folder.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-add-folder.stroked-icon:after {
  position: relative;
  content: "\ee44";
}
.dlt-c8y-icon-add-folder.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-delete-folder.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-delete-folder.stroked-icon:after {
  position: relative;
  content: "\ee45";
}
.dlt-c8y-icon-delete-folder.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-search-folder.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-search-folder.stroked-icon:after {
  position: relative;
  content: "\ee56";
}
.dlt-c8y-icon-search-folder.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-folder-settings.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-folder-settings.stroked-icon:after {
  position: relative;
  content: "\ee4f";
}
.dlt-c8y-icon-folder-settings.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-extensions-folder.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-extensions-folder.stroked-icon:after {
  position: relative;
  content: "\ee4b";
}
.dlt-c8y-icon-extensions-folder.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-private-folder.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-private-folder.stroked-icon:after {
  position: relative;
  content: "\ee55";
}
.dlt-c8y-icon-private-folder.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-edit-folder.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-edit-folder.stroked-icon:after {
  position: relative;
  content: "\ee4a";
}
.dlt-c8y-icon-edit-folder.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-e-mail-folder.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-e-mail-folder.stroked-icon:after {
  position: relative;
  content: "\ee49";
}
.dlt-c8y-icon-e-mail-folder.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-documents-folder.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-documents-folder.stroked-icon:after {
  position: relative;
  content: "\ee47";
}
.dlt-c8y-icon-documents-folder.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-downloads-folder.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-downloads-folder.stroked-icon:after {
  position: relative;
  content: "\ee48";
}
.dlt-c8y-icon-downloads-folder.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-favorite-folder.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-favorite-folder.stroked-icon:after {
  position: relative;
  content: "\ee4c";
}
.dlt-c8y-icon-favorite-folder.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-user-folder.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-user-folder.stroked-icon:after {
  position: relative;
  content: "\ee58";
}
.dlt-c8y-icon-user-folder.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-download-from-ftp.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-download-from-ftp.stroked-icon:after {
  position: relative;
  content: "\f215";
}
.dlt-c8y-icon-download-from-ftp.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-upload-to-ftp.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-upload-to-ftp.stroked-icon:after {
  position: relative;
  content: "\f249";
}
.dlt-c8y-icon-upload-to-ftp.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-ftp.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-ftp.stroked-icon:after {
  position: relative;
  content: "\f218";
}
.dlt-c8y-icon-ftp.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-big-parcel.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-big-parcel.stroked-icon:after {
  position: relative;
  content: "\eb8e";
}
.dlt-c8y-icon-big-parcel.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-open-parcel.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-open-parcel.stroked-icon:after {
  position: relative;
  content: "\ebfe";
}
.dlt-c8y-icon-open-parcel.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-packing.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-packing.stroked-icon:after {
  position: relative;
  content: "\ec03";
}
.dlt-c8y-icon-packing.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-unpacking.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-unpacking.stroked-icon:after {
  position: relative;
  content: "\ec3c";
}
.dlt-c8y-icon-unpacking.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-cardboard-box.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-cardboard-box.stroked-icon:after {
  position: relative;
  content: "\eb9c";
}
.dlt-c8y-icon-cardboard-box.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-archive.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-archive.stroked-icon:after {
  position: relative;
  content: "\eb9c";
}
.dlt-c8y-icon-archive.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-archive-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-archive-o.stroked-icon:after {
  position: relative;
  content: "\eb9c";
}
.dlt-c8y-icon-archive-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-file-archive-o1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-file-archive-o1.stroked-icon:after {
  position: relative;
  content: "\eb9c";
}
.dlt-c8y-icon-file-archive-o1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-box.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-box.stroked-icon:after {
  position: relative;
  content: "\eb91";
}
.dlt-c8y-icon-box.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-case.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-case.stroked-icon:after {
  position: relative;
  content: "\eb91";
}
.dlt-c8y-icon-case.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-empty-box.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-empty-box.stroked-icon:after {
  position: relative;
  content: "\ebbe";
}
.dlt-c8y-icon-empty-box.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-box-settings.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-box-settings.stroked-icon:after {
  position: relative;
  content: "\eb92";
}
.dlt-c8y-icon-box-settings.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-secured-delivery.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-secured-delivery.stroked-icon:after {
  position: relative;
  content: "\ec19";
}
.dlt-c8y-icon-secured-delivery.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-remove-delivery.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-remove-delivery.stroked-icon:after {
  position: relative;
  content: "\ec13";
}
.dlt-c8y-icon-remove-delivery.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-out-of-stock.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-out-of-stock.stroked-icon:after {
  position: relative;
  content: "\ec00";
}
.dlt-c8y-icon-out-of-stock.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-new-product.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-new-product.stroked-icon:after {
  position: relative;
  content: "\f44a";
}
.dlt-c8y-icon-new-product.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-product.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-product.stroked-icon:after {
  position: relative;
  content: "\ec0a";
}
.dlt-c8y-icon-product.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-product-management.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-product-management.stroked-icon:after {
  position: relative;
  content: "\ec0c";
}
.dlt-c8y-icon-product-management.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-stacking.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-stacking.stroked-icon:after {
  position: relative;
  content: "\ec2b";
}
.dlt-c8y-icon-stacking.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-cv.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-cv.stroked-icon:after {
  position: relative;
  content: "\ec7b";
}
.dlt-c8y-icon-cv.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-unarchive.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-unarchive.stroked-icon:after {
  position: relative;
  content: "\e9d4";
}
.dlt-c8y-icon-unarchive.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-upload-archive.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-upload-archive.stroked-icon:after {
  position: relative;
  content: "\e9d4";
}
.dlt-c8y-icon-upload-archive.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-archive-file.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-archive-file.stroked-icon:after {
  position: relative;
  content: "\e9d7";
}
.dlt-c8y-icon-archive-file.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-download-archive.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-download-archive.stroked-icon:after {
  position: relative;
  content: "\e9d7";
}
.dlt-c8y-icon-download-archive.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-cc-stripe.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-cc-stripe.stroked-icon:after {
  position: relative;
  content: "\eb89";
}
.dlt-c8y-icon-cc-stripe.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-google-wallet.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-google-wallet.stroked-icon:after {
  position: relative;
  content: "\eb8a";
}
.dlt-c8y-icon-google-wallet.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-paypal.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-paypal.stroked-icon:after {
  position: relative;
  content: "\eb8d";
}
.dlt-c8y-icon-paypal.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-cc-paypal.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-cc-paypal.stroked-icon:after {
  position: relative;
  content: "\eb8f";
}
.dlt-c8y-icon-cc-paypal.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-cc-amex.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-cc-amex.stroked-icon:after {
  position: relative;
  content: "\eb90";
}
.dlt-c8y-icon-cc-amex.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-cc-discover.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-cc-discover.stroked-icon:after {
  position: relative;
  content: "\eb93";
}
.dlt-c8y-icon-cc-discover.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-cc-visa.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-cc-visa.stroked-icon:after {
  position: relative;
  content: "\eb94";
}
.dlt-c8y-icon-cc-visa.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-cc-mastercard.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-cc-mastercard.stroked-icon:after {
  position: relative;
  content: "\eb9a";
}
.dlt-c8y-icon-cc-mastercard.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-try.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-try.stroked-icon:after {
  position: relative;
  content: "\eb9b";
}
.dlt-c8y-icon-try.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-turkish-lira.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-turkish-lira.stroked-icon:after {
  position: relative;
  content: "\eb9b";
}
.dlt-c8y-icon-turkish-lira.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-rouble.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-rouble.stroked-icon:after {
  position: relative;
  content: "\eb9d";
}
.dlt-c8y-icon-rouble.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-rub.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-rub.stroked-icon:after {
  position: relative;
  content: "\eb9d";
}
.dlt-c8y-icon-rub.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-ruble.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-ruble.stroked-icon:after {
  position: relative;
  content: "\eb9d";
}
.dlt-c8y-icon-ruble.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-krw.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-krw.stroked-icon:after {
  position: relative;
  content: "\eb9e";
}
.dlt-c8y-icon-krw.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-won.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-won.stroked-icon:after {
  position: relative;
  content: "\eb9e";
}
.dlt-c8y-icon-won.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-inr.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-inr.stroked-icon:after {
  position: relative;
  content: "\eba0";
}
.dlt-c8y-icon-inr.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-rupee.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-rupee.stroked-icon:after {
  position: relative;
  content: "\eba0";
}
.dlt-c8y-icon-rupee.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-ils.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-ils.stroked-icon:after {
  position: relative;
  content: "\eba1";
}
.dlt-c8y-icon-ils.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-shekel.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-shekel.stroked-icon:after {
  position: relative;
  content: "\eba1";
}
.dlt-c8y-icon-shekel.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-sheqel.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-sheqel.stroked-icon:after {
  position: relative;
  content: "\eba1";
}
.dlt-c8y-icon-sheqel.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-gbp.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-gbp.stroked-icon:after {
  position: relative;
  content: "\eba2";
}
.dlt-c8y-icon-gbp.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-eur.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-eur.stroked-icon:after {
  position: relative;
  content: "\eba3";
}
.dlt-c8y-icon-eur.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-euro.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-euro.stroked-icon:after {
  position: relative;
  content: "\eba3";
}
.dlt-c8y-icon-euro.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-cny.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-cny.stroked-icon:after {
  position: relative;
  content: "\eba4";
}
.dlt-c8y-icon-cny.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-jpy.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-jpy.stroked-icon:after {
  position: relative;
  content: "\eba4";
}
.dlt-c8y-icon-jpy.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-rmb.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-rmb.stroked-icon:after {
  position: relative;
  content: "\eba4";
}
.dlt-c8y-icon-rmb.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-yen.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-yen.stroked-icon:after {
  position: relative;
  content: "\eba4";
}
.dlt-c8y-icon-yen.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-bitcoin.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-bitcoin.stroked-icon:after {
  position: relative;
  content: "\eba5";
}
.dlt-c8y-icon-bitcoin.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-btc.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-btc.stroked-icon:after {
  position: relative;
  content: "\eba5";
}
.dlt-c8y-icon-btc.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-dollar.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-dollar.stroked-icon:after {
  position: relative;
  content: "\eba6";
}
.dlt-c8y-icon-dollar.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-usd.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-usd.stroked-icon:after {
  position: relative;
  content: "\eba6";
}
.dlt-c8y-icon-usd.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-calculator1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-calculator1.stroked-icon:after {
  position: relative;
  content: "\ea5f";
}
.dlt-c8y-icon-calculator1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-accounting.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-accounting.stroked-icon:after {
  position: relative;
  content: "\ea60";
}
.dlt-c8y-icon-accounting.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-contract.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-contract.stroked-icon:after {
  position: relative;
  content: "\ea62";
}
.dlt-c8y-icon-contract.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-sales-performance.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-sales-performance.stroked-icon:after {
  position: relative;
  content: "\ea63";
}
.dlt-c8y-icon-sales-performance.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-bank-safe.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-bank-safe.stroked-icon:after {
  position: relative;
  content: "\e976";
}
.dlt-c8y-icon-bank-safe.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-mobile-payment.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-mobile-payment.stroked-icon:after {
  position: relative;
  content: "\ea05";
}
.dlt-c8y-icon-mobile-payment.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-money-yours.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-money-yours.stroked-icon:after {
  position: relative;
  content: "\ea08";
}
.dlt-c8y-icon-money-yours.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-online-payment.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-online-payment.stroked-icon:after {
  position: relative;
  content: "\ea19";
}
.dlt-c8y-icon-online-payment.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-us-dollar-circled.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-us-dollar-circled.stroked-icon:after {
  position: relative;
  content: "\ee3d";
}
.dlt-c8y-icon-us-dollar-circled.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-credit-card.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-credit-card.stroked-icon:after {
  position: relative;
  content: "\ede4";
}
.dlt-c8y-icon-credit-card.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-credit-card-alt.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-credit-card-alt.stroked-icon:after {
  position: relative;
  content: "\ede4";
}
.dlt-c8y-icon-credit-card-alt.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-credit-card.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-credit-card.stroked-icon:after {
  position: relative;
  content: "\ede4";
}
.dlt-c8y-icon-credit-card.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-only-cash.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-only-cash.stroked-icon:after {
  position: relative;
  content: "\ee14";
}
.dlt-c8y-icon-only-cash.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-credit-control.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-credit-control.stroked-icon:after {
  position: relative;
  content: "\ede6";
}
.dlt-c8y-icon-credit-control.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-bank-cards.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-bank-cards.stroked-icon:after {
  position: relative;
  content: "\edbd";
}
.dlt-c8y-icon-bank-cards.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-check-for-payment.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-check-for-payment.stroked-icon:after {
  position: relative;
  content: "\eddb";
}
.dlt-c8y-icon-check-for-payment.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-paper-money.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-paper-money.stroked-icon:after {
  position: relative;
  content: "\ee16";
}
.dlt-c8y-icon-paper-money.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-money.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-money.stroked-icon:after {
  position: relative;
  content: "\ee16";
}
.dlt-c8y-icon-money.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-cash-euro.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-cash-euro.stroked-icon:after {
  position: relative;
  content: "\edd6";
}
.dlt-c8y-icon-cash-euro.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-stack-of-money.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-stack-of-money.stroked-icon:after {
  position: relative;
  content: "\ee30";
}
.dlt-c8y-icon-stack-of-money.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-wallet.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-wallet.stroked-icon:after {
  position: relative;
  content: "\ee3f";
}
.dlt-c8y-icon-wallet.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-certificate.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-certificate.stroked-icon:after {
  position: relative;
  content: "\edd9";
}
.dlt-c8y-icon-certificate.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-card-security1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-card-security1.stroked-icon:after {
  position: relative;
  content: "\edd0";
}
.dlt-c8y-icon-card-security1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-bill.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-bill.stroked-icon:after {
  position: relative;
  content: "\edbf";
}
.dlt-c8y-icon-bill.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-paid-bill.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-paid-bill.stroked-icon:after {
  position: relative;
  content: "\ee15";
}
.dlt-c8y-icon-paid-bill.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-token-card-code1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-token-card-code1.stroked-icon:after {
  position: relative;
  content: "\ee35";
}
.dlt-c8y-icon-token-card-code1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-receipt.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-receipt.stroked-icon:after {
  position: relative;
  content: "\ee21";
}
.dlt-c8y-icon-receipt.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-add-receipt.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-add-receipt.stroked-icon:after {
  position: relative;
  content: "\edb5";
}
.dlt-c8y-icon-add-receipt.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-sign-language.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-sign-language.stroked-icon:after {
  position: relative;
  content: "\eb3b";
}
.dlt-c8y-icon-sign-language.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-signing.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-signing.stroked-icon:after {
  position: relative;
  content: "\eb3b";
}
.dlt-c8y-icon-signing.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-hand-o-down.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-hand-o-down.stroked-icon:after {
  position: relative;
  content: "\eb3c";
}
.dlt-c8y-icon-hand-o-down.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-hand-o-left.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-hand-o-left.stroked-icon:after {
  position: relative;
  content: "\eb3d";
}
.dlt-c8y-icon-hand-o-left.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-hand-o-up.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-hand-o-up.stroked-icon:after {
  position: relative;
  content: "\eb3e";
}
.dlt-c8y-icon-hand-o-up.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-hand-o-right.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-hand-o-right.stroked-icon:after {
  position: relative;
  content: "\eb3f";
}
.dlt-c8y-icon-hand-o-right.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-hand-peace-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-hand-peace-o.stroked-icon:after {
  position: relative;
  content: "\eb40";
}
.dlt-c8y-icon-hand-peace-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-hand-pointer-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-hand-pointer-o.stroked-icon:after {
  position: relative;
  content: "\eb41";
}
.dlt-c8y-icon-hand-pointer-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-hand-spock-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-hand-spock-o.stroked-icon:after {
  position: relative;
  content: "\eb42";
}
.dlt-c8y-icon-hand-spock-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-hand-lizard-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-hand-lizard-o.stroked-icon:after {
  position: relative;
  content: "\eb43";
}
.dlt-c8y-icon-hand-lizard-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-hand-scissors-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-hand-scissors-o.stroked-icon:after {
  position: relative;
  content: "\eb44";
}
.dlt-c8y-icon-hand-scissors-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-hand-paper-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-hand-paper-o.stroked-icon:after {
  position: relative;
  content: "\eb45";
}
.dlt-c8y-icon-hand-paper-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-hand-stop-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-hand-stop-o.stroked-icon:after {
  position: relative;
  content: "\eb45";
}
.dlt-c8y-icon-hand-stop-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-hand-grab-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-hand-grab-o.stroked-icon:after {
  position: relative;
  content: "\eb49";
}
.dlt-c8y-icon-hand-grab-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-hand-rock-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-hand-rock-o.stroked-icon:after {
  position: relative;
  content: "\eb49";
}
.dlt-c8y-icon-hand-rock-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-thumbs-up.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-thumbs-up.stroked-icon:after {
  position: relative;
  content: "\ee66";
}
.dlt-c8y-icon-thumbs-up.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-thumbs-up.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-thumbs-up.stroked-icon:after {
  position: relative;
  content: "\ee66";
}
.dlt-c8y-icon-thumbs-up.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-thumbs-o-up.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-thumbs-o-up.stroked-icon:after {
  position: relative;
  content: "\ee66";
}
.dlt-c8y-icon-thumbs-o-up.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-thumbs-down.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-thumbs-down.stroked-icon:after {
  position: relative;
  content: "\ee65";
}
.dlt-c8y-icon-thumbs-down.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-thumbs-down.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-thumbs-down.stroked-icon:after {
  position: relative;
  content: "\ee65";
}
.dlt-c8y-icon-thumbs-down.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-thumbs-o-down.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-thumbs-o-down.stroked-icon:after {
  position: relative;
  content: "\ee65";
}
.dlt-c8y-icon-thumbs-o-down.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-do-not-touch.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-do-not-touch.stroked-icon:after {
  position: relative;
  content: "\ee5a";
}
.dlt-c8y-icon-do-not-touch.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-hand.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-hand.stroked-icon:after {
  position: relative;
  content: "\ee5c";
}
.dlt-c8y-icon-hand.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-disclaimer.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-disclaimer.stroked-icon:after {
  position: relative;
  content: "\e9bb";
}
.dlt-c8y-icon-disclaimer.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-touchpad.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-touchpad.stroked-icon:after {
  position: relative;
  content: "\ead1";
}
.dlt-c8y-icon-touchpad.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-holding-box.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-holding-box.stroked-icon:after {
  position: relative;
  content: "\ebd3";
}
.dlt-c8y-icon-holding-box.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-recieve.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-recieve.stroked-icon:after {
  position: relative;
  content: "\ec10";
}
.dlt-c8y-icon-recieve.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-sell.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-sell.stroked-icon:after {
  position: relative;
  content: "\ec1a";
}
.dlt-c8y-icon-sell.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-get-revenue.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-get-revenue.stroked-icon:after {
  position: relative;
  content: "\ebca";
}
.dlt-c8y-icon-get-revenue.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-handshake.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-handshake.stroked-icon:after {
  position: relative;
  content: "\ebd2";
}
.dlt-c8y-icon-handshake.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-handshake-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-handshake-o.stroked-icon:after {
  position: relative;
  content: "\ebd2";
}
.dlt-c8y-icon-handshake-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-partners.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-partners.stroked-icon:after {
  position: relative;
  content: "\ebd2";
}
.dlt-c8y-icon-partners.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-wearable-technology.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-wearable-technology.stroked-icon:after {
  position: relative;
  content: "\f013";
}
.dlt-c8y-icon-wearable-technology.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-america.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-america.stroked-icon:after {
  position: relative;
  content: "\f017";
}
.dlt-c8y-icon-america.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-globe.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-globe.stroked-icon:after {
  position: relative;
  content: "\f017";
}
.dlt-c8y-icon-globe.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-location.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-location.stroked-icon:after {
  position: relative;
  content: "\f038";
}
.dlt-c8y-icon-location.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-globe1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-globe1.stroked-icon:after {
  position: relative;
  content: "\f029";
}
.dlt-c8y-icon-globe1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-compass-north.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-compass-north.stroked-icon:after {
  position: relative;
  content: "\ea66";
}
.dlt-c8y-icon-compass-north.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-compass.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-compass.stroked-icon:after {
  position: relative;
  content: "\ea66";
}
.dlt-c8y-icon-compass.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-marker.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-marker.stroked-icon:after {
  position: relative;
  content: "\f042";
}
.dlt-c8y-icon-marker.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-map-marker.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-map-marker.stroked-icon:after {
  position: relative;
  content: "\f03f";
}
.dlt-c8y-icon-map-marker.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-marker-off.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-marker-off.stroked-icon:after {
  position: relative;
  content: "\f045";
}
.dlt-c8y-icon-marker-off.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-find-clinic.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-find-clinic.stroked-icon:after {
  position: relative;
  content: "\f026";
}
.dlt-c8y-icon-find-clinic.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-tesla-supercharger-pin.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-tesla-supercharger-pin.stroked-icon:after {
  position: relative;
  content: "\f069";
}
.dlt-c8y-icon-tesla-supercharger-pin.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-address.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-address.stroked-icon:after {
  position: relative;
  content: "\f016";
}
.dlt-c8y-icon-address.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-cab-stand.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-cab-stand.stroked-icon:after {
  position: relative;
  content: "\f019";
}
.dlt-c8y-icon-cab-stand.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-map.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-map.stroked-icon:after {
  position: relative;
  content: "\f03d";
}
.dlt-c8y-icon-map.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-map-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-map-o.stroked-icon:after {
  position: relative;
  content: "\f03d";
}
.dlt-c8y-icon-map-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-map-editing.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-map-editing.stroked-icon:after {
  position: relative;
  content: "\f03e";
}
.dlt-c8y-icon-map-editing.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-map-marker.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-map-marker.stroked-icon:after {
  position: relative;
  content: "\f03f";
}
.dlt-c8y-icon-map-marker.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-quest.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-quest.stroked-icon:after {
  position: relative;
  content: "\f057";
}
.dlt-c8y-icon-quest.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-waypoint-map.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-waypoint-map.stroked-icon:after {
  position: relative;
  content: "\f06b";
}
.dlt-c8y-icon-waypoint-map.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-anchor-nodes.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-anchor-nodes.stroked-icon:after {
  position: relative;
  content: "\eb7e";
}
.dlt-c8y-icon-anchor-nodes.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-map-pin.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-map-pin.stroked-icon:after {
  position: relative;
  content: "\f040";
}
.dlt-c8y-icon-map-pin.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-map-pin.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-map-pin.stroked-icon:after {
  position: relative;
  content: "\f040";
}
.dlt-c8y-icon-map-pin.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-signpost-tourist.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-signpost-tourist.stroked-icon:after {
  position: relative;
  content: "\f05e";
}
.dlt-c8y-icon-signpost-tourist.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-map-signs.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-map-signs.stroked-icon:after {
  position: relative;
  content: "\f05e";
}
.dlt-c8y-icon-map-signs.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-gps.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-gps.stroked-icon:after {
  position: relative;
  content: "\f02b";
}
.dlt-c8y-icon-gps.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-near-me.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-near-me.stroked-icon:after {
  position: relative;
  content: "\f04a";
}
.dlt-c8y-icon-near-me.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-location-arrow.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-location-arrow.stroked-icon:after {
  position: relative;
  content: "\f04a";
}
.dlt-c8y-icon-location-arrow.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-navigation.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-navigation.stroked-icon:after {
  position: relative;
  content: "\f049";
}
.dlt-c8y-icon-navigation.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-target1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-target1.stroked-icon:after {
  position: relative;
  content: "\ea67";
}
.dlt-c8y-icon-target1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-hunt.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-hunt.stroked-icon:after {
  position: relative;
  content: "\f032";
}
.dlt-c8y-icon-hunt.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-location-off.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-location-off.stroked-icon:after {
  position: relative;
  content: "\f03a";
}
.dlt-c8y-icon-location-off.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-location-update.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-location-update.stroked-icon:after {
  position: relative;
  content: "\f03b";
}
.dlt-c8y-icon-location-update.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-layers.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-layers.stroked-icon:after {
  position: relative;
  content: "\f035";
}
.dlt-c8y-icon-layers.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-journey.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-journey.stroked-icon:after {
  position: relative;
  content: "\f033";
}
.dlt-c8y-icon-journey.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-here.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-here.stroked-icon:after {
  position: relative;
  content: "\f031";
}
.dlt-c8y-icon-here.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-street-view.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-street-view.stroked-icon:after {
  position: relative;
  content: "\f031";
}
.dlt-c8y-icon-street-view.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-parking.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-parking.stroked-icon:after {
  position: relative;
  content: "\ea68";
}
.dlt-c8y-icon-parking.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-reply.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-reply.stroked-icon:after {
  position: relative;
  content: "\e964";
}
.dlt-c8y-icon-reply.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-mail-reply.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-mail-reply.stroked-icon:after {
  position: relative;
  content: "\e964";
}
.dlt-c8y-icon-mail-reply.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-forward1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-forward1.stroked-icon:after {
  position: relative;
  content: "\eb4a";
}
.dlt-c8y-icon-forward1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-mail-forward.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-mail-forward.stroked-icon:after {
  position: relative;
  content: "\eb4a";
}
.dlt-c8y-icon-mail-forward.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-reply-all.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-reply-all.stroked-icon:after {
  position: relative;
  content: "\e965";
}
.dlt-c8y-icon-reply-all.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-mail-reply-all.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-mail-reply-all.stroked-icon:after {
  position: relative;
  content: "\e965";
}
.dlt-c8y-icon-mail-reply-all.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-reply-all.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-reply-all.stroked-icon:after {
  position: relative;
  content: "\e965";
}
.dlt-c8y-icon-reply-all.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-communication.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-communication.stroked-icon:after {
  position: relative;
  content: "\e995";
}
.dlt-c8y-icon-communication.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-multichannel.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-multichannel.stroked-icon:after {
  position: relative;
  content: "\ea09";
}
.dlt-c8y-icon-multichannel.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-chat.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-chat.stroked-icon:after {
  position: relative;
  content: "\ea6f";
}
.dlt-c8y-icon-chat.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-topic.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-topic.stroked-icon:after {
  position: relative;
  content: "\f12d";
}
.dlt-c8y-icon-topic.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-comment.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-comment.stroked-icon:after {
  position: relative;
  content: "\f12d";
}
.dlt-c8y-icon-comment.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-comment-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-comment-o.stroked-icon:after {
  position: relative;
  content: "\f12d";
}
.dlt-c8y-icon-comment-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-typing.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-typing.stroked-icon:after {
  position: relative;
  content: "\f130";
}
.dlt-c8y-icon-typing.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-quote.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-quote.stroked-icon:after {
  position: relative;
  content: "\f0fd";
}
.dlt-c8y-icon-quote.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-delete-message.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-delete-message.stroked-icon:after {
  position: relative;
  content: "\f0a7";
}
.dlt-c8y-icon-delete-message.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-poll.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-poll.stroked-icon:after {
  position: relative;
  content: "\f0f0";
}
.dlt-c8y-icon-poll.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-popular.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-popular.stroked-icon:after {
  position: relative;
  content: "\f0f1";
}
.dlt-c8y-icon-popular.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-speaker-notes.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-speaker-notes.stroked-icon:after {
  position: relative;
  content: "\f123";
}
.dlt-c8y-icon-speaker-notes.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-audio-description.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-audio-description.stroked-icon:after {
  position: relative;
  content: "\f123";
}
.dlt-c8y-icon-audio-description.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-comment1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-comment1.stroked-icon:after {
  position: relative;
  content: "\ea70";
}
.dlt-c8y-icon-comment1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-comments.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-comments.stroked-icon:after {
  position: relative;
  content: "\ea70";
}
.dlt-c8y-icon-comments.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-comments-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-comments-o.stroked-icon:after {
  position: relative;
  content: "\ea70";
}
.dlt-c8y-icon-comments-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-speaker-notes-off.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-speaker-notes-off.stroked-icon:after {
  position: relative;
  content: "\f124";
}
.dlt-c8y-icon-speaker-notes-off.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-new-topic.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-new-topic.stroked-icon:after {
  position: relative;
  content: "\f0e4";
}
.dlt-c8y-icon-new-topic.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-ask-question.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-ask-question.stroked-icon:after {
  position: relative;
  content: "\f090";
}
.dlt-c8y-icon-ask-question.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-chat-bubble.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-chat-bubble.stroked-icon:after {
  position: relative;
  content: "\f097";
}
.dlt-c8y-icon-chat-bubble.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-commenting.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-commenting.stroked-icon:after {
  position: relative;
  content: "\f097";
}
.dlt-c8y-icon-commenting.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-commenting-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-commenting-o.stroked-icon:after {
  position: relative;
  content: "\f097";
}
.dlt-c8y-icon-commenting-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-mail.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-mail.stroked-icon:after {
  position: relative;
  content: "\f0c1";
}
.dlt-c8y-icon-mail.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-important-mail.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-important-mail.stroked-icon:after {
  position: relative;
  content: "\f0c1";
}
.dlt-c8y-icon-important-mail.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-envelope.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-envelope.stroked-icon:after {
  position: relative;
  content: "\f0c1";
}
.dlt-c8y-icon-envelope.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-envelope-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-envelope-o.stroked-icon:after {
  position: relative;
  content: "\f0c1";
}
.dlt-c8y-icon-envelope-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-envelope-open-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-envelope-open-o.stroked-icon:after {
  position: relative;
  content: "\f0c1";
}
.dlt-c8y-icon-envelope-open-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-envelope-open.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-envelope-open.stroked-icon:after {
  position: relative;
  content: "\f0c1";
}
.dlt-c8y-icon-envelope-open.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-edit-message.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-edit-message.stroked-icon:after {
  position: relative;
  content: "\f0b1";
}
.dlt-c8y-icon-edit-message.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-received.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-received.stroked-icon:after {
  position: relative;
  content: "\f100";
}
.dlt-c8y-icon-received.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-deleted-message.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-deleted-message.stroked-icon:after {
  position: relative;
  content: "\f0a9";
}
.dlt-c8y-icon-deleted-message.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-group-message.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-group-message.stroked-icon:after {
  position: relative;
  content: "\f0bb";
}
.dlt-c8y-icon-group-message.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-subscription.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-subscription.stroked-icon:after {
  position: relative;
  content: "\f12b";
}
.dlt-c8y-icon-subscription.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-unsubscribe.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-unsubscribe.stroked-icon:after {
  position: relative;
  content: "\f134";
}
.dlt-c8y-icon-unsubscribe.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-send-email.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-send-email.stroked-icon:after {
  position: relative;
  content: "\f116";
}
.dlt-c8y-icon-send-email.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-read-message.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-read-message.stroked-icon:after {
  position: relative;
  content: "\f1a6";
}
.dlt-c8y-icon-read-message.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-inbox.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-inbox.stroked-icon:after {
  position: relative;
  content: "\f0c2";
}
.dlt-c8y-icon-inbox.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-add-to-inbox.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-add-to-inbox.stroked-icon:after {
  position: relative;
  content: "\f08f";
}
.dlt-c8y-icon-add-to-inbox.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-check-inbox.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-check-inbox.stroked-icon:after {
  position: relative;
  content: "\f09b";
}
.dlt-c8y-icon-check-inbox.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-remove-from-inbox.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-remove-from-inbox.stroked-icon:after {
  position: relative;
  content: "\f104";
}
.dlt-c8y-icon-remove-from-inbox.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-outbox.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-outbox.stroked-icon:after {
  position: relative;
  content: "\f0ed";
}
.dlt-c8y-icon-outbox.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-post.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-post.stroked-icon:after {
  position: relative;
  content: "\f0f2";
}
.dlt-c8y-icon-post.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-envelope-square.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-envelope-square.stroked-icon:after {
  position: relative;
  content: "\f0f2";
}
.dlt-c8y-icon-envelope-square.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-sheet.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-sheet.stroked-icon:after {
  position: relative;
  content: "\f11f";
}
.dlt-c8y-icon-sheet.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-sticky-note.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-sticky-note.stroked-icon:after {
  position: relative;
  content: "\f11f";
}
.dlt-c8y-icon-sticky-note.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-sticky-note-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-sticky-note-o.stroked-icon:after {
  position: relative;
  content: "\f11f";
}
.dlt-c8y-icon-sticky-note-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-note1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-note1.stroked-icon:after {
  position: relative;
  content: "\f0e7";
}
.dlt-c8y-icon-note1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-secure.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-secure.stroked-icon:after {
  position: relative;
  content: "\f111";
}
.dlt-c8y-icon-secure.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-retweet.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-retweet.stroked-icon:after {
  position: relative;
  content: "\f10b";
}
.dlt-c8y-icon-retweet.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-rss.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-rss.stroked-icon:after {
  position: relative;
  content: "\f10c";
}
.dlt-c8y-icon-rss.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-rss-square.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-rss-square.stroked-icon:after {
  position: relative;
  content: "\f10c";
}
.dlt-c8y-icon-rss-square.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-feed.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-feed.stroked-icon:after {
  position: relative;
  content: "\f10c";
}
.dlt-c8y-icon-feed.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-cancel-subscription.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-cancel-subscription.stroked-icon:after {
  position: relative;
  content: "\f095";
}
.dlt-c8y-icon-cancel-subscription.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-link.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-link.stroked-icon:after {
  position: relative;
  content: "\f0ca";
}
.dlt-c8y-icon-link.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-chain.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-chain.stroked-icon:after {
  position: relative;
  content: "\f0ca";
}
.dlt-c8y-icon-chain.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-link-off.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-link-off.stroked-icon:after {
  position: relative;
  content: "\e9da";
}
.dlt-c8y-icon-link-off.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-chain-broken.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-chain-broken.stroked-icon:after {
  position: relative;
  content: "\e9da";
}
.dlt-c8y-icon-chain-broken.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-unlink.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-unlink.stroked-icon:after {
  position: relative;
  content: "\e9da";
}
.dlt-c8y-icon-unlink.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-sent.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-sent.stroked-icon:after {
  position: relative;
  content: "\f11b";
}
.dlt-c8y-icon-sent.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-send.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-send.stroked-icon:after {
  position: relative;
  content: "\f0b3";
}
.dlt-c8y-icon-send.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-email-send.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-email-send.stroked-icon:after {
  position: relative;
  content: "\f0b3";
}
.dlt-c8y-icon-email-send.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-send-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-send-o.stroked-icon:after {
  position: relative;
  content: "\f0b3";
}
.dlt-c8y-icon-send-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-paper-plane.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-paper-plane.stroked-icon:after {
  position: relative;
  content: "\f0b3";
}
.dlt-c8y-icon-paper-plane.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-paper-plane-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-paper-plane-o.stroked-icon:after {
  position: relative;
  content: "\f0b3";
}
.dlt-c8y-icon-paper-plane-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-hashtag.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-hashtag.stroked-icon:after {
  position: relative;
  content: "\ea73";
}
.dlt-c8y-icon-hashtag.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-podcast.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-podcast.stroked-icon:after {
  position: relative;
  content: "\eb4b";
}
.dlt-c8y-icon-podcast.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-headphones.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-headphones.stroked-icon:after {
  position: relative;
  content: "\eb4c";
}
.dlt-c8y-icon-headphones.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-volume-control-phone.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-volume-control-phone.stroked-icon:after {
  position: relative;
  content: "\eb4d";
}
.dlt-c8y-icon-volume-control-phone.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-volume-off.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-volume-off.stroked-icon:after {
  position: relative;
  content: "\e915";
}
.dlt-c8y-icon-volume-off.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-volume-mute.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-volume-mute.stroked-icon:after {
  position: relative;
  content: "\e915";
}
.dlt-c8y-icon-volume-mute.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-volume-zero.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-volume-zero.stroked-icon:after {
  position: relative;
  content: "\e915";
}
.dlt-c8y-icon-volume-zero.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-volume-low.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-volume-low.stroked-icon:after {
  position: relative;
  content: "\ea74";
}
.dlt-c8y-icon-volume-low.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-volume-down.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-volume-down.stroked-icon:after {
  position: relative;
  content: "\ea74";
}
.dlt-c8y-icon-volume-down.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-volume.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-volume.stroked-icon:after {
  position: relative;
  content: "\ea75";
}
.dlt-c8y-icon-volume.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-speaker.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-speaker.stroked-icon:after {
  position: relative;
  content: "\f1ba";
}
.dlt-c8y-icon-speaker.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-volume-up.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-volume-up.stroked-icon:after {
  position: relative;
  content: "\f1ba";
}
.dlt-c8y-icon-volume-up.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-volume-high.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-volume-high.stroked-icon:after {
  position: relative;
  content: "\f1ba";
}
.dlt-c8y-icon-volume-high.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-sound.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-sound.stroked-icon:after {
  position: relative;
  content: "\ef8e";
}
.dlt-c8y-icon-sound.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-headset.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-headset.stroked-icon:after {
  position: relative;
  content: "\f165";
}
.dlt-c8y-icon-headset.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-play-circle.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-play-circle.stroked-icon:after {
  position: relative;
  content: "\ea77";
}
.dlt-c8y-icon-play-circle.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-pause-circle.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-pause-circle.stroked-icon:after {
  position: relative;
  content: "\ea79";
}
.dlt-c8y-icon-pause-circle.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-stop-circle.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-stop-circle.stroked-icon:after {
  position: relative;
  content: "\ea7a";
}
.dlt-c8y-icon-stop-circle.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-skip-previous.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-skip-previous.stroked-icon:after {
  position: relative;
  content: "\e9ec";
}
.dlt-c8y-icon-skip-previous.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-step-backward.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-step-backward.stroked-icon:after {
  position: relative;
  content: "\e9ec";
}
.dlt-c8y-icon-step-backward.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-fast-rewind.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-fast-rewind.stroked-icon:after {
  position: relative;
  content: "\ea7c";
}
.dlt-c8y-icon-fast-rewind.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-rewind.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-rewind.stroked-icon:after {
  position: relative;
  content: "\ea7d";
}
.dlt-c8y-icon-rewind.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-fast-rewind1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-fast-rewind1.stroked-icon:after {
  position: relative;
  content: "\ea7d";
}
.dlt-c8y-icon-fast-rewind1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-fast-backward.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-fast-backward.stroked-icon:after {
  position: relative;
  content: "\ea7d";
}
.dlt-c8y-icon-fast-backward.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-backward.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-backward.stroked-icon:after {
  position: relative;
  content: "\ea7d";
}
.dlt-c8y-icon-backward.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-play-arrow.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-play-arrow.stroked-icon:after {
  position: relative;
  content: "\e9e8";
}
.dlt-c8y-icon-play-arrow.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-play.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-play.stroked-icon:after {
  position: relative;
  content: "\e9e8";
}
.dlt-c8y-icon-play.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-play-circle1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-play-circle1.stroked-icon:after {
  position: relative;
  content: "\e9e8";
}
.dlt-c8y-icon-play-circle1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-play-circle-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-play-circle-o.stroked-icon:after {
  position: relative;
  content: "\e9e8";
}
.dlt-c8y-icon-play-circle-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-pause.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-pause.stroked-icon:after {
  position: relative;
  content: "\e9e4";
}
.dlt-c8y-icon-pause.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-stop.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-stop.stroked-icon:after {
  position: relative;
  content: "\ea7e";
}
.dlt-c8y-icon-stop.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-forward11.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-forward11.stroked-icon:after {
  position: relative;
  content: "\ea7f";
}
.dlt-c8y-icon-forward11.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-fast-forward.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-fast-forward.stroked-icon:after {
  position: relative;
  content: "\ea7f";
}
.dlt-c8y-icon-fast-forward.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-forward111.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-forward111.stroked-icon:after {
  position: relative;
  content: "\ea7f";
}
.dlt-c8y-icon-forward111.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-fast-forward1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-fast-forward1.stroked-icon:after {
  position: relative;
  content: "\ea82";
}
.dlt-c8y-icon-fast-forward1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-skip-next.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-skip-next.stroked-icon:after {
  position: relative;
  content: "\e9eb";
}
.dlt-c8y-icon-skip-next.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-step-forward.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-step-forward.stroked-icon:after {
  position: relative;
  content: "\e9eb";
}
.dlt-c8y-icon-step-forward.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-no-image.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-no-image.stroked-icon:after {
  position: relative;
  content: "\ecd3";
}
.dlt-c8y-icon-no-image.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-local-movies.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-local-movies.stroked-icon:after {
  position: relative;
  content: "\e9ad";
}
.dlt-c8y-icon-local-movies.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-theaters.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-theaters.stroked-icon:after {
  position: relative;
  content: "\e9ad";
}
.dlt-c8y-icon-theaters.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-film.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-film.stroked-icon:after {
  position: relative;
  content: "\e9ad";
}
.dlt-c8y-icon-film.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-mic.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-mic.stroked-icon:after {
  position: relative;
  content: "\e9ae";
}
.dlt-c8y-icon-mic.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-microphone.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-microphone.stroked-icon:after {
  position: relative;
  content: "\e9ae";
}
.dlt-c8y-icon-microphone.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-block-microphone.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-block-microphone.stroked-icon:after {
  position: relative;
  content: "\f147";
}
.dlt-c8y-icon-block-microphone.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-microphone-slash.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-microphone-slash.stroked-icon:after {
  position: relative;
  content: "\f147";
}
.dlt-c8y-icon-microphone-slash.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-music-note.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-music-note.stroked-icon:after {
  position: relative;
  content: "\e9af";
}
.dlt-c8y-icon-music-note.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-music.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-music.stroked-icon:after {
  position: relative;
  content: "\e9af";
}
.dlt-c8y-icon-music.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-photo-camera-front.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-photo-camera-front.stroked-icon:after {
  position: relative;
  content: "\e91d";
}
.dlt-c8y-icon-photo-camera-front.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-video-camera.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-video-camera.stroked-icon:after {
  position: relative;
  content: "\e91d";
}
.dlt-c8y-icon-video-camera.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-camera.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-camera.stroked-icon:after {
  position: relative;
  content: "\f297";
}
.dlt-c8y-icon-camera.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-camera-retro.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-camera-retro.stroked-icon:after {
  position: relative;
  content: "\f297";
}
.dlt-c8y-icon-camera-retro.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-cam.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-cam.stroked-icon:after {
  position: relative;
  content: "\f297";
}
.dlt-c8y-icon-cam.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-image.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-image.stroked-icon:after {
  position: relative;
  content: "\f2bd";
}
.dlt-c8y-icon-image.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-picture.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-picture.stroked-icon:after {
  position: relative;
  content: "\f2bd";
}
.dlt-c8y-icon-picture.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-picture-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-picture-o.stroked-icon:after {
  position: relative;
  content: "\f2bd";
}
.dlt-c8y-icon-picture-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-photo.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-photo.stroked-icon:after {
  position: relative;
  content: "\f2bd";
}
.dlt-c8y-icon-photo.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-photo-gallery.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-photo-gallery.stroked-icon:after {
  position: relative;
  content: "\f2cc";
}
.dlt-c8y-icon-photo-gallery.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-albums.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-albums.stroked-icon:after {
  position: relative;
  content: "\f291";
}
.dlt-c8y-icon-albums.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-cubes.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-cubes.stroked-icon:after {
  position: relative;
  content: "\f291";
}
.dlt-c8y-icon-cubes.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-slides.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-slides.stroked-icon:after {
  position: relative;
  content: "\ea86";
}
.dlt-c8y-icon-slides.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-bursts.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-bursts.stroked-icon:after {
  position: relative;
  content: "\f295";
}
.dlt-c8y-icon-bursts.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-exposure.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-exposure.stroked-icon:after {
  position: relative;
  content: "\f2ac";
}
.dlt-c8y-icon-exposure.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-gallery.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-gallery.stroked-icon:after {
  position: relative;
  content: "\f2b7";
}
.dlt-c8y-icon-gallery.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-insert-clip.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-insert-clip.stroked-icon:after {
  position: relative;
  content: "\f2bf";
}
.dlt-c8y-icon-insert-clip.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-memories.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-memories.stroked-icon:after {
  position: relative;
  content: "\f2c2";
}
.dlt-c8y-icon-memories.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-overwrite-clip.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-overwrite-clip.stroked-icon:after {
  position: relative;
  content: "\f2ca";
}
.dlt-c8y-icon-overwrite-clip.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-selfies.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-selfies.stroked-icon:after {
  position: relative;
  content: "\f2d6";
}
.dlt-c8y-icon-selfies.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-facebook.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-facebook.stroked-icon:after {
  position: relative;
  content: "\ea87";
}
.dlt-c8y-icon-facebook.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-instagram.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-instagram.stroked-icon:after {
  position: relative;
  content: "\ea89";
}
.dlt-c8y-icon-instagram.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-linkedin.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-linkedin.stroked-icon:after {
  position: relative;
  content: "\ea8a";
}
.dlt-c8y-icon-linkedin.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-pinterest.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-pinterest.stroked-icon:after {
  position: relative;
  content: "\ea8c";
}
.dlt-c8y-icon-pinterest.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-twitter.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-twitter.stroked-icon:after {
  position: relative;
  content: "\ea8d";
}
.dlt-c8y-icon-twitter.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-youtube.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-youtube.stroked-icon:after {
  position: relative;
  content: "\ea8e";
}
.dlt-c8y-icon-youtube.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-youtube-play.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-youtube-play.stroked-icon:after {
  position: relative;
  content: "\ea8e";
}
.dlt-c8y-icon-youtube-play.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-google.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-google.stroked-icon:after {
  position: relative;
  content: "\ea90";
}
.dlt-c8y-icon-google.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-github.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-github.stroked-icon:after {
  position: relative;
  content: "\ea92";
}
.dlt-c8y-icon-github.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-cloud.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-cloud.stroked-icon:after {
  position: relative;
  content: "\ea94";
}
.dlt-c8y-icon-cloud.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-cloud-search.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-cloud-search.stroked-icon:after {
  position: relative;
  content: "\ea96";
}
.dlt-c8y-icon-cloud-search.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-search-in-cloud.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-search-in-cloud.stroked-icon:after {
  position: relative;
  content: "\ea96";
}
.dlt-c8y-icon-search-in-cloud.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-cloud-settings.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-cloud-settings.stroked-icon:after {
  position: relative;
  content: "\ea97";
}
.dlt-c8y-icon-cloud-settings.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-cloud-checked.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-cloud-checked.stroked-icon:after {
  position: relative;
  content: "\ea9a";
}
.dlt-c8y-icon-cloud-checked.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-cloud-restricted.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-cloud-restricted.stroked-icon:after {
  position: relative;
  content: "\ea9b";
}
.dlt-c8y-icon-cloud-restricted.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-cloud-plus.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-cloud-plus.stroked-icon:after {
  position: relative;
  content: "\ea9c";
}
.dlt-c8y-icon-cloud-plus.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-cloud-minus.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-cloud-minus.stroked-icon:after {
  position: relative;
  content: "\ea9d";
}
.dlt-c8y-icon-cloud-minus.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-cloud-error.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-cloud-error.stroked-icon:after {
  position: relative;
  content: "\ea9e";
}
.dlt-c8y-icon-cloud-error.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-cloud-unavailable.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-cloud-unavailable.stroked-icon:after {
  position: relative;
  content: "\ea9f";
}
.dlt-c8y-icon-cloud-unavailable.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-cloud-upload.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-cloud-upload.stroked-icon:after {
  position: relative;
  content: "\eaa0";
}
.dlt-c8y-icon-cloud-upload.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-backup.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-backup.stroked-icon:after {
  position: relative;
  content: "\eaa0";
}
.dlt-c8y-icon-backup.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-cloud-download.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-cloud-download.stroked-icon:after {
  position: relative;
  content: "\eaa1";
}
.dlt-c8y-icon-cloud-download.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-cloud-backup-restore.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-cloud-backup-restore.stroked-icon:after {
  position: relative;
  content: "\f1ea";
}
.dlt-c8y-icon-cloud-backup-restore.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-cloud-remote-working.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-cloud-remote-working.stroked-icon:after {
  position: relative;
  content: "\eaa2";
}
.dlt-c8y-icon-cloud-remote-working.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-cloud-bar-chart.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-cloud-bar-chart.stroked-icon:after {
  position: relative;
  content: "\f1eb";
}
.dlt-c8y-icon-cloud-bar-chart.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-cloud-binary-code.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-cloud-binary-code.stroked-icon:after {
  position: relative;
  content: "\f1ec";
}
.dlt-c8y-icon-cloud-binary-code.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-cloud-broadcasting.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-cloud-broadcasting.stroked-icon:after {
  position: relative;
  content: "\f1ed";
}
.dlt-c8y-icon-cloud-broadcasting.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-secure-cloud.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-secure-cloud.stroked-icon:after {
  position: relative;
  content: "\f237";
}
.dlt-c8y-icon-secure-cloud.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-error-cloud.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-error-cloud.stroked-icon:after {
  position: relative;
  content: "\f216";
}
.dlt-c8y-icon-error-cloud.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-cloud-cross.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-cloud-cross.stroked-icon:after {
  position: relative;
  content: "\f1f3";
}
.dlt-c8y-icon-cloud-cross.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-dashed-cloud.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-dashed-cloud.stroked-icon:after {
  position: relative;
  content: "\f20f";
}
.dlt-c8y-icon-dashed-cloud.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-cloud-connection.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-cloud-connection.stroked-icon:after {
  position: relative;
  content: "\f1f2";
}
.dlt-c8y-icon-cloud-connection.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-cloud-firewall.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-cloud-firewall.stroked-icon:after {
  position: relative;
  content: "\f1f6";
}
.dlt-c8y-icon-cloud-firewall.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-cloud-link.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-cloud-link.stroked-icon:after {
  position: relative;
  content: "\f1f9";
}
.dlt-c8y-icon-cloud-link.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-cloud-waiting.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-cloud-waiting.stroked-icon:after {
  position: relative;
  content: "\f205";
}
.dlt-c8y-icon-cloud-waiting.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-public-cloud.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-public-cloud.stroked-icon:after {
  position: relative;
  content: "\f22e";
}
.dlt-c8y-icon-public-cloud.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-delete-from-cloud.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-delete-from-cloud.stroked-icon:after {
  position: relative;
  content: "\f212";
}
.dlt-c8y-icon-delete-from-cloud.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-cloud-refresh.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-cloud-refresh.stroked-icon:after {
  position: relative;
  content: "\f1fd";
}
.dlt-c8y-icon-cloud-refresh.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-cloud-right-u-arrow.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-cloud-right-u-arrow.stroked-icon:after {
  position: relative;
  content: "\f1fe";
}
.dlt-c8y-icon-cloud-right-u-arrow.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-cloud-share-symbol.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-cloud-share-symbol.stroked-icon:after {
  position: relative;
  content: "\f1ff";
}
.dlt-c8y-icon-cloud-share-symbol.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-cloud-development.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-cloud-development.stroked-icon:after {
  position: relative;
  content: "\f1f5";
}
.dlt-c8y-icon-cloud-development.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-cloud-sync.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-cloud-sync.stroked-icon:after {
  position: relative;
  content: "\f201";
}
.dlt-c8y-icon-cloud-sync.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-cloud-user.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-cloud-user.stroked-icon:after {
  position: relative;
  content: "\f202";
}
.dlt-c8y-icon-cloud-user.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-cloud-computing.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-cloud-computing.stroked-icon:after {
  position: relative;
  content: "\f1f1";
}
.dlt-c8y-icon-cloud-computing.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-cloud-storage.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-cloud-storage.stroked-icon:after {
  position: relative;
  content: "\eb02";
}
.dlt-c8y-icon-cloud-storage.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-cloud-network.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-cloud-network.stroked-icon:after {
  position: relative;
  content: "\f1fa";
}
.dlt-c8y-icon-cloud-network.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-computer.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-computer.stroked-icon:after {
  position: relative;
  content: "\f207";
}
.dlt-c8y-icon-computer.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-connected-people.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-connected-people.stroked-icon:after {
  position: relative;
  content: "\f20b";
}
.dlt-c8y-icon-connected-people.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-connection-sync.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-connection-sync.stroked-icon:after {
  position: relative;
  content: "\f20c";
}
.dlt-c8y-icon-connection-sync.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-network-2.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-network-2.stroked-icon:after {
  position: relative;
  content: "\f226";
}
.dlt-c8y-icon-network-2.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-incoming-data.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-incoming-data.stroked-icon:after {
  position: relative;
  content: "\f21c";
}
.dlt-c8y-icon-incoming-data.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-outgoing-data.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-outgoing-data.stroked-icon:after {
  position: relative;
  content: "\e903";
}
.dlt-c8y-icon-outgoing-data.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-remote-desktop1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-remote-desktop1.stroked-icon:after {
  position: relative;
  content: "\f230";
}
.dlt-c8y-icon-remote-desktop1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-security-wi-fi.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-security-wi-fi.stroked-icon:after {
  position: relative;
  content: "\f239";
}
.dlt-c8y-icon-security-wi-fi.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-server1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-server1.stroked-icon:after {
  position: relative;
  content: "\f23b";
}
.dlt-c8y-icon-server1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-server-shutdown1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-server-shutdown1.stroked-icon:after {
  position: relative;
  content: "\f23d";
}
.dlt-c8y-icon-server-shutdown1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-ftp-server.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-ftp-server.stroked-icon:after {
  position: relative;
  content: "\f219";
}
.dlt-c8y-icon-ftp-server.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-thin-client.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-thin-client.stroked-icon:after {
  position: relative;
  content: "\f246";
}
.dlt-c8y-icon-thin-client.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-wi-fi.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-wi-fi.stroked-icon:after {
  position: relative;
  content: "\f251";
}
.dlt-c8y-icon-wi-fi.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-wifi.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-wifi.stroked-icon:after {
  position: relative;
  content: "\f251";
}
.dlt-c8y-icon-wifi.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-wireless-network.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-wireless-network.stroked-icon:after {
  position: relative;
  content: "\f251";
}
.dlt-c8y-icon-wireless-network.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-wi-fi-off.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-wi-fi-off.stroked-icon:after {
  position: relative;
  content: "\f258";
}
.dlt-c8y-icon-wi-fi-off.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-wi-fi-connected.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-wi-fi-connected.stroked-icon:after {
  position: relative;
  content: "\f252";
}
.dlt-c8y-icon-wi-fi-connected.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-wi-fi-disconnected.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-wi-fi-disconnected.stroked-icon:after {
  position: relative;
  content: "\f254";
}
.dlt-c8y-icon-wi-fi-disconnected.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-wi-fi-lock.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-wi-fi-lock.stroked-icon:after {
  position: relative;
  content: "\f255";
}
.dlt-c8y-icon-wi-fi-lock.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-scan-wi-fi.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-scan-wi-fi.stroked-icon:after {
  position: relative;
  content: "\f235";
}
.dlt-c8y-icon-scan-wi-fi.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-bluetooth.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-bluetooth.stroked-icon:after {
  position: relative;
  content: "\f1d7";
}
.dlt-c8y-icon-bluetooth.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-bluetooth-b.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-bluetooth-b.stroked-icon:after {
  position: relative;
  content: "\f1d7";
}
.dlt-c8y-icon-bluetooth-b.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-bluetooth-symbol.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-bluetooth-symbol.stroked-icon:after {
  position: relative;
  content: "\f1d7";
}
.dlt-c8y-icon-bluetooth-symbol.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-decentralized-network.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-decentralized-network.stroked-icon:after {
  position: relative;
  content: "\f211";
}
.dlt-c8y-icon-decentralized-network.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-centralized-network.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-centralized-network.stroked-icon:after {
  position: relative;
  content: "\f1db";
}
.dlt-c8y-icon-centralized-network.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-light-bulb-outline.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-light-bulb-outline.stroked-icon:after {
  position: relative;
  content: "\eaa4";
}
.dlt-c8y-icon-light-bulb-outline.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-medkit.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-medkit.stroked-icon:after {
  position: relative;
  content: "\eb4e";
}
.dlt-c8y-icon-medkit.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-fax.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-fax.stroked-icon:after {
  position: relative;
  content: "\eb50";
}
.dlt-c8y-icon-fax.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-beer.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-beer.stroked-icon:after {
  position: relative;
  content: "\eb52";
}
.dlt-c8y-icon-beer.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-department.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-department.stroked-icon:after {
  position: relative;
  content: "\eaa5";
}
.dlt-c8y-icon-department.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-stacked-organizational-chart.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-stacked-organizational-chart.stroked-icon:after {
  position: relative;
  content: "\eaa6";
}
.dlt-c8y-icon-stacked-organizational-chart.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-tty.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-tty.stroked-icon:after {
  position: relative;
  content: "\e90c";
}
.dlt-c8y-icon-tty.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-target.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-target.stroked-icon:after {
  position: relative;
  content: "\ea6e";
}
.dlt-c8y-icon-target.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-crosshairs.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-crosshairs.stroked-icon:after {
  position: relative;
  content: "\ea6e";
}
.dlt-c8y-icon-crosshairs.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-accuracy.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-accuracy.stroked-icon:after {
  position: relative;
  content: "\e963";
}
.dlt-c8y-icon-accuracy.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-goal.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-goal.stroked-icon:after {
  position: relative;
  content: "\e9dd";
}
.dlt-c8y-icon-goal.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-bullseye.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-bullseye.stroked-icon:after {
  position: relative;
  content: "\e9dd";
}
.dlt-c8y-icon-bullseye.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-address-book.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-address-book.stroked-icon:after {
  position: relative;
  content: "\e967";
}
.dlt-c8y-icon-address-book.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-address-book-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-address-book-o.stroked-icon:after {
  position: relative;
  content: "\e967";
}
.dlt-c8y-icon-address-book-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-contacts-book.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-contacts-book.stroked-icon:after {
  position: relative;
  content: "\e967";
}
.dlt-c8y-icon-contacts-book.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-attract-customers.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-attract-customers.stroked-icon:after {
  position: relative;
  content: "\e971";
}
.dlt-c8y-icon-attract-customers.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-magnet.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-magnet.stroked-icon:after {
  position: relative;
  content: "\e971";
}
.dlt-c8y-icon-magnet.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-guarantee.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-guarantee.stroked-icon:after {
  position: relative;
  content: "\e9e3";
}
.dlt-c8y-icon-guarantee.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-commercial.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-commercial.stroked-icon:after {
  position: relative;
  content: "\e993";
}
.dlt-c8y-icon-commercial.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-bullhorn.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-bullhorn.stroked-icon:after {
  position: relative;
  content: "\e993";
}
.dlt-c8y-icon-bullhorn.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-announcement.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-announcement.stroked-icon:after {
  position: relative;
  content: "\e993";
}
.dlt-c8y-icon-announcement.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-podium.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-podium.stroked-icon:after {
  position: relative;
  content: "\ea2f";
}
.dlt-c8y-icon-podium.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-time-card.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-time-card.stroked-icon:after {
  position: relative;
  content: "\ea78";
}
.dlt-c8y-icon-time-card.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-change.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-change.stroked-icon:after {
  position: relative;
  content: "\e989";
}
.dlt-c8y-icon-change.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-applicant.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-applicant.stroked-icon:after {
  position: relative;
  content: "\e96c";
}
.dlt-c8y-icon-applicant.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-download-resume.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-download-resume.stroked-icon:after {
  position: relative;
  content: "\e9c3";
}
.dlt-c8y-icon-download-resume.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-submit-resume.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-submit-resume.stroked-icon:after {
  position: relative;
  content: "\ea6a";
}
.dlt-c8y-icon-submit-resume.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-briefcase.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-briefcase.stroked-icon:after {
  position: relative;
  content: "\e97f";
}
.dlt-c8y-icon-briefcase.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-suitcase.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-suitcase.stroked-icon:after {
  position: relative;
  content: "\e97f";
}
.dlt-c8y-icon-suitcase.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-new-job.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-new-job.stroked-icon:after {
  position: relative;
  content: "\ea0d";
}
.dlt-c8y-icon-new-job.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-job-seeker.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-job-seeker.stroked-icon:after {
  position: relative;
  content: "\e9f0";
}
.dlt-c8y-icon-job-seeker.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-business-building.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-business-building.stroked-icon:after {
  position: relative;
  content: "\e982";
}
.dlt-c8y-icon-business-building.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-dossier.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-dossier.stroked-icon:after {
  position: relative;
  content: "\e9c0";
}
.dlt-c8y-icon-dossier.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-alarms.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-alarms.stroked-icon:after {
  position: relative;
  content: "\e969";
}
.dlt-c8y-icon-alarms.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-project.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-project.stroked-icon:after {
  position: relative;
  content: "\ea3e";
}
.dlt-c8y-icon-project.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-important-book.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-important-book.stroked-icon:after {
  position: relative;
  content: "\e9e9";
}
.dlt-c8y-icon-important-book.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-important-note.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-important-note.stroked-icon:after {
  position: relative;
  content: "\e9ea";
}
.dlt-c8y-icon-important-note.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-name-tag.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-name-tag.stroked-icon:after {
  position: relative;
  content: "\ea0a";
}
.dlt-c8y-icon-name-tag.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-id-badge.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-id-badge.stroked-icon:after {
  position: relative;
  content: "\ea0a";
}
.dlt-c8y-icon-id-badge.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-assignment-return.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-assignment-return.stroked-icon:after {
  position: relative;
  content: "\e970";
}
.dlt-c8y-icon-assignment-return.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-note-taking.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-note-taking.stroked-icon:after {
  position: relative;
  content: "\ea13";
}
.dlt-c8y-icon-note-taking.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-audit.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-audit.stroked-icon:after {
  position: relative;
  content: "\e972";
}
.dlt-c8y-icon-audit.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-badge.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-badge.stroked-icon:after {
  position: relative;
  content: "\e975";
}
.dlt-c8y-icon-badge.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-vcard.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-vcard.stroked-icon:after {
  position: relative;
  content: "\e975";
}
.dlt-c8y-icon-vcard.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-vcard-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-vcard-o.stroked-icon:after {
  position: relative;
  content: "\e975";
}
.dlt-c8y-icon-vcard-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-id-card.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-id-card.stroked-icon:after {
  position: relative;
  content: "\e975";
}
.dlt-c8y-icon-id-card.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-id-card-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-id-card-o.stroked-icon:after {
  position: relative;
  content: "\e975";
}
.dlt-c8y-icon-id-card-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-address-card-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-address-card-o.stroked-icon:after {
  position: relative;
  content: "\e975";
}
.dlt-c8y-icon-address-card-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-address-card.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-address-card.stroked-icon:after {
  position: relative;
  content: "\e975";
}
.dlt-c8y-icon-address-card.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-drivers-license.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-drivers-license.stroked-icon:after {
  position: relative;
  content: "\e975";
}
.dlt-c8y-icon-drivers-license.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-drivers-license-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-drivers-license-o.stroked-icon:after {
  position: relative;
  content: "\e975";
}
.dlt-c8y-icon-drivers-license-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-new-contact.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-new-contact.stroked-icon:after {
  position: relative;
  content: "\ea0c";
}
.dlt-c8y-icon-new-contact.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-contact-details.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-contact-details.stroked-icon:after {
  position: relative;
  content: "\e99f";
}
.dlt-c8y-icon-contact-details.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-phone-contact.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-phone-contact.stroked-icon:after {
  position: relative;
  content: "\ea27";
}
.dlt-c8y-icon-phone-contact.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-inspection.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-inspection.stroked-icon:after {
  position: relative;
  content: "\e9ee";
}
.dlt-c8y-icon-inspection.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-clipboard-with-a-tick.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-clipboard-with-a-tick.stroked-icon:after {
  position: relative;
  content: "\e9ee";
}
.dlt-c8y-icon-clipboard-with-a-tick.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-survey.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-survey.stroked-icon:after {
  position: relative;
  content: "\ea6d";
}
.dlt-c8y-icon-survey.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-no-data-available.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-no-data-available.stroked-icon:after {
  position: relative;
  content: "\ea10";
}
.dlt-c8y-icon-no-data-available.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-task-planning.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-task-planning.stroked-icon:after {
  position: relative;
  content: "\ea71";
}
.dlt-c8y-icon-task-planning.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-invoice.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-invoice.stroked-icon:after {
  position: relative;
  content: "\eaa7";
}
.dlt-c8y-icon-invoice.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-summary-list.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-summary-list.stroked-icon:after {
  position: relative;
  content: "\ea6b";
}
.dlt-c8y-icon-summary-list.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-study.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-study.stroked-icon:after {
  position: relative;
  content: "\ea69";
}
.dlt-c8y-icon-study.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-card.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-card.stroked-icon:after {
  position: relative;
  content: "\eaa8";
}
.dlt-c8y-icon-card.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-job.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-job.stroked-icon:after {
  position: relative;
  content: "\e9ef";
}
.dlt-c8y-icon-job.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-print.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-print.stroked-icon:after {
  position: relative;
  content: "\eaab";
}
.dlt-c8y-icon-print.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-communication-internet.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-communication-internet.stroked-icon:after {
  position: relative;
  content: "\e996";
}
.dlt-c8y-icon-communication-internet.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-language-skill.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-language-skill.stroked-icon:after {
  position: relative;
  content: "\e9f4";
}
.dlt-c8y-icon-language-skill.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-language.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-language.stroked-icon:after {
  position: relative;
  content: "\e9f4";
}
.dlt-c8y-icon-language.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-close-program.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-close-program.stroked-icon:after {
  position: relative;
  content: "\e98b";
}
.dlt-c8y-icon-close-program.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-window-close.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-window-close.stroked-icon:after {
  position: relative;
  content: "\e98b";
}
.dlt-c8y-icon-window-close.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-window-close-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-window-close-o.stroked-icon:after {
  position: relative;
  content: "\e98b";
}
.dlt-c8y-icon-window-close-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-new-slide.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-new-slide.stroked-icon:after {
  position: relative;
  content: "\ea0f";
}
.dlt-c8y-icon-new-slide.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-web-analytics.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-web-analytics.stroked-icon:after {
  position: relative;
  content: "\ea8b";
}
.dlt-c8y-icon-web-analytics.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-planner.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-planner.stroked-icon:after {
  position: relative;
  content: "\ea2b";
}
.dlt-c8y-icon-planner.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-rescheduling-a-task.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-rescheduling-a-task.stroked-icon:after {
  position: relative;
  content: "\ea4a";
}
.dlt-c8y-icon-rescheduling-a-task.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-resume-website.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-resume-website.stroked-icon:after {
  position: relative;
  content: "\ea4f";
}
.dlt-c8y-icon-resume-website.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-product-documents.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-product-documents.stroked-icon:after {
  position: relative;
  content: "\ea37";
}
.dlt-c8y-icon-product-documents.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-resume-template.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-resume-template.stroked-icon:after {
  position: relative;
  content: "\ea4e";
}
.dlt-c8y-icon-resume-template.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-rubber-stamp.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-rubber-stamp.stroked-icon:after {
  position: relative;
  content: "\ea51";
}
.dlt-c8y-icon-rubber-stamp.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-stamp.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-stamp.stroked-icon:after {
  position: relative;
  content: "\ea64";
}
.dlt-c8y-icon-stamp.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-video-projector.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-video-projector.stroked-icon:after {
  position: relative;
  content: "\ea85";
}
.dlt-c8y-icon-video-projector.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-management1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-management1.stroked-icon:after {
  position: relative;
  content: "\e9ff";
}
.dlt-c8y-icon-management1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-gavel.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-gavel.stroked-icon:after {
  position: relative;
  content: "\e92c";
}
.dlt-c8y-icon-gavel.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-legal.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-legal.stroked-icon:after {
  position: relative;
  content: "\e92c";
}
.dlt-c8y-icon-legal.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-user-md.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-user-md.stroked-icon:after {
  position: relative;
  content: "\eb53";
}
.dlt-c8y-icon-user-md.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-wheelchair-alt.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-wheelchair-alt.stroked-icon:after {
  position: relative;
  content: "\eb55";
}
.dlt-c8y-icon-wheelchair-alt.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-wheelchair.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-wheelchair.stroked-icon:after {
  position: relative;
  content: "\eb56";
}
.dlt-c8y-icon-wheelchair.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-child.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-child.stroked-icon:after {
  position: relative;
  content: "\eb57";
}
.dlt-c8y-icon-child.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-workspace1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-workspace1.stroked-icon:after {
  position: relative;
  content: "\eab3";
}
.dlt-c8y-icon-workspace1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-male-user.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-male-user.stroked-icon:after {
  position: relative;
  content: "\f276";
}
.dlt-c8y-icon-male-user.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-user-circle-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-user-circle-o.stroked-icon:after {
  position: relative;
  content: "\f276";
}
.dlt-c8y-icon-user-circle-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-user-circle.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-user-circle.stroked-icon:after {
  position: relative;
  content: "\f276";
}
.dlt-c8y-icon-user-circle.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-user-plus.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-user-plus.stroked-icon:after {
  position: relative;
  content: "\eb58";
}
.dlt-c8y-icon-user-plus.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-add-user.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-add-user.stroked-icon:after {
  position: relative;
  content: "\eb58";
}
.dlt-c8y-icon-add-user.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-remove-user.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-remove-user.stroked-icon:after {
  position: relative;
  content: "\eb59";
}
.dlt-c8y-icon-remove-user.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-user-minus.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-user-minus.stroked-icon:after {
  position: relative;
  content: "\eb59";
}
.dlt-c8y-icon-user-minus.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-user-times.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-user-times.stroked-icon:after {
  position: relative;
  content: "\eb59";
}
.dlt-c8y-icon-user-times.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-user-account.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-user-account.stroked-icon:after {
  position: relative;
  content: "\f137";
}
.dlt-c8y-icon-user-account.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-user.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-user.stroked-icon:after {
  position: relative;
  content: "\f137";
}
.dlt-c8y-icon-user.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-user-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-user-o.stroked-icon:after {
  position: relative;
  content: "\f137";
}
.dlt-c8y-icon-user-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-manager.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-manager.stroked-icon:after {
  position: relative;
  content: "\ea00";
}
.dlt-c8y-icon-manager.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-businessman.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-businessman.stroked-icon:after {
  position: relative;
  content: "\ea00";
}
.dlt-c8y-icon-businessman.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-male.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-male.stroked-icon:after {
  position: relative;
  content: "\ea00";
}
.dlt-c8y-icon-male.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-document-writer.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-document-writer.stroked-icon:after {
  position: relative;
  content: "\f26b";
}
.dlt-c8y-icon-document-writer.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-supplier.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-supplier.stroked-icon:after {
  position: relative;
  content: "\ea6c";
}
.dlt-c8y-icon-supplier.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-search-client.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-search-client.stroked-icon:after {
  position: relative;
  content: "\ea56";
}
.dlt-c8y-icon-search-client.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-account-enable.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-account-enable.stroked-icon:after {
  position: relative;
  content: "\eab4";
}
.dlt-c8y-icon-account-enable.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-account-disable.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-account-disable.stroked-icon:after {
  position: relative;
  content: "\eab5";
}
.dlt-c8y-icon-account-disable.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-insurance-agent.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-insurance-agent.stroked-icon:after {
  position: relative;
  content: "\f274";
}
.dlt-c8y-icon-insurance-agent.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-payroll.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-payroll.stroked-icon:after {
  position: relative;
  content: "\ea20";
}
.dlt-c8y-icon-payroll.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-lawyer.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-lawyer.stroked-icon:after {
  position: relative;
  content: "\f275";
}
.dlt-c8y-icon-lawyer.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-complaint.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-complaint.stroked-icon:after {
  position: relative;
  content: "\e99a";
}
.dlt-c8y-icon-complaint.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-appointment-scheduling.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-appointment-scheduling.stroked-icon:after {
  position: relative;
  content: "\e96d";
}
.dlt-c8y-icon-appointment-scheduling.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-caretaker.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-caretaker.stroked-icon:after {
  position: relative;
  content: "\ee97";
}
.dlt-c8y-icon-caretaker.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-guardian.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-guardian.stroked-icon:after {
  position: relative;
  content: "\f3a0";
}
.dlt-c8y-icon-guardian.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-batch-assign.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-batch-assign.stroked-icon:after {
  position: relative;
  content: "\f367";
}
.dlt-c8y-icon-batch-assign.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-people.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-people.stroked-icon:after {
  position: relative;
  content: "\ea21";
}
.dlt-c8y-icon-people.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-users.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-users.stroked-icon:after {
  position: relative;
  content: "\ea21";
}
.dlt-c8y-icon-users.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-group1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-group1.stroked-icon:after {
  position: relative;
  content: "\ea21";
}
.dlt-c8y-icon-group1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-management.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-management.stroked-icon:after {
  position: relative;
  content: "\ea21";
}
.dlt-c8y-icon-management.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-team.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-team.stroked-icon:after {
  position: relative;
  content: "\ea21";
}
.dlt-c8y-icon-team.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-people-working-together.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-people-working-together.stroked-icon:after {
  position: relative;
  content: "\eab6";
}
.dlt-c8y-icon-people-working-together.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-group-task.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-group-task.stroked-icon:after {
  position: relative;
  content: "\e9e1";
}
.dlt-c8y-icon-group-task.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-accessibility.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-accessibility.stroked-icon:after {
  position: relative;
  content: "\e90d";
}
.dlt-c8y-icon-accessibility.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-universal-access.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-universal-access.stroked-icon:after {
  position: relative;
  content: "\e90d";
}
.dlt-c8y-icon-universal-access.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-pregnant-woman.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-pregnant-woman.stroked-icon:after {
  position: relative;
  content: "\e96b";
}
.dlt-c8y-icon-pregnant-woman.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-female.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-female.stroked-icon:after {
  position: relative;
  content: "\e96b";
}
.dlt-c8y-icon-female.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-business-conference-female-speaker.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-business-conference-female-speaker.stroked-icon:after {
  position: relative;
  content: "\e983";
}
.dlt-c8y-icon-business-conference-female-speaker.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-organization-chart-people.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-organization-chart-people.stroked-icon:after {
  position: relative;
  content: "\ea1e";
}
.dlt-c8y-icon-organization-chart-people.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-meeting-room.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-meeting-room.stroked-icon:after {
  position: relative;
  content: "\ea03";
}
.dlt-c8y-icon-meeting-room.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-permanent-job.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-permanent-job.stroked-icon:after {
  position: relative;
  content: "\ea23";
}
.dlt-c8y-icon-permanent-job.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-contact-us.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-contact-us.stroked-icon:after {
  position: relative;
  content: "\e9a0";
}
.dlt-c8y-icon-contact-us.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-voice-recognition.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-voice-recognition.stroked-icon:after {
  position: relative;
  content: "\ea88";
}
.dlt-c8y-icon-voice-recognition.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-collaboration.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-collaboration.stroked-icon:after {
  position: relative;
  content: "\e98e";
}
.dlt-c8y-icon-collaboration.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-technical-support.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-technical-support.stroked-icon:after {
  position: relative;
  content: "\ea76";
}
.dlt-c8y-icon-technical-support.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-online-support.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-online-support.stroked-icon:after {
  position: relative;
  content: "\ea1c";
}
.dlt-c8y-icon-online-support.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-student-male.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-student-male.stroked-icon:after {
  position: relative;
  content: "\eab7";
}
.dlt-c8y-icon-student-male.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-devops.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-devops.stroked-icon:after {
  position: relative;
  content: "\f26a";
}
.dlt-c8y-icon-devops.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-exhibitor.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-exhibitor.stroked-icon:after {
  position: relative;
  content: "\f26c";
}
.dlt-c8y-icon-exhibitor.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-env-permission.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-env-permission.stroked-icon:after {
  position: relative;
  content: "\eab9";
}
.dlt-c8y-icon-env-permission.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-bathtub.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-bathtub.stroked-icon:after {
  position: relative;
  content: "\e96f";
}
.dlt-c8y-icon-bathtub.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-bath.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-bath.stroked-icon:after {
  position: relative;
  content: "\e96f";
}
.dlt-c8y-icon-bath.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-s15.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-s15.stroked-icon:after {
  position: relative;
  content: "\e96f";
}
.dlt-c8y-icon-s15.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-hotel.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-hotel.stroked-icon:after {
  position: relative;
  content: "\e96e";
}
.dlt-c8y-icon-hotel.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-local-hotel.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-local-hotel.stroked-icon:after {
  position: relative;
  content: "\e96e";
}
.dlt-c8y-icon-local-hotel.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-bed.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-bed.stroked-icon:after {
  position: relative;
  content: "\e96e";
}
.dlt-c8y-icon-bed.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-intelligence.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-intelligence.stroked-icon:after {
  position: relative;
  content: "\eabe";
}
.dlt-c8y-icon-intelligence.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-source-code.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-source-code.stroked-icon:after {
  position: relative;
  content: "\f342";
}
.dlt-c8y-icon-source-code.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-code.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-code.stroked-icon:after {
  position: relative;
  content: "\f342";
}
.dlt-c8y-icon-code.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-html-code.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-html-code.stroked-icon:after {
  position: relative;
  content: "\f342";
}
.dlt-c8y-icon-html-code.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-code1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-code1.stroked-icon:after {
  position: relative;
  content: "\eabf";
}
.dlt-c8y-icon-code1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-file-code-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-file-code-o.stroked-icon:after {
  position: relative;
  content: "\eabf";
}
.dlt-c8y-icon-file-code-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-console.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-console.stroked-icon:after {
  position: relative;
  content: "\eac0";
}
.dlt-c8y-icon-console.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-terminal.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-terminal.stroked-icon:after {
  position: relative;
  content: "\eac0";
}
.dlt-c8y-icon-terminal.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-add-property.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-add-property.stroked-icon:after {
  position: relative;
  content: "\f2f8";
}
.dlt-c8y-icon-add-property.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-delete-document.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-delete-document.stroked-icon:after {
  position: relative;
  content: "\f309";
}
.dlt-c8y-icon-delete-document.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-urgent-property.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-urgent-property.stroked-icon:after {
  position: relative;
  content: "\f356";
}
.dlt-c8y-icon-urgent-property.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-remove-property.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-remove-property.stroked-icon:after {
  position: relative;
  content: "\f338";
}
.dlt-c8y-icon-remove-property.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-edit-property.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-edit-property.stroked-icon:after {
  position: relative;
  content: "\f30c";
}
.dlt-c8y-icon-edit-property.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-template.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-template.stroked-icon:after {
  position: relative;
  content: "\f34d";
}
.dlt-c8y-icon-template.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-test.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-test.stroked-icon:after {
  position: relative;
  content: "\f34e";
}
.dlt-c8y-icon-test.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-property-script.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-property-script.stroked-icon:after {
  position: relative;
  content: "\f335";
}
.dlt-c8y-icon-property-script.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-show-property.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-show-property.stroked-icon:after {
  position: relative;
  content: "\f33f";
}
.dlt-c8y-icon-show-property.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-search-property.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-search-property.stroked-icon:after {
  position: relative;
  content: "\f33e";
}
.dlt-c8y-icon-search-property.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-timesheet.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-timesheet.stroked-icon:after {
  position: relative;
  content: "\f351";
}
.dlt-c8y-icon-timesheet.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-important-property.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-important-property.stroked-icon:after {
  position: relative;
  content: "\f317";
}
.dlt-c8y-icon-important-property.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-new-property.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-new-property.stroked-icon:after {
  position: relative;
  content: "\f328";
}
.dlt-c8y-icon-new-property.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-navigation-toolbar-top.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-navigation-toolbar-top.stroked-icon:after {
  position: relative;
  content: "\f327";
}
.dlt-c8y-icon-navigation-toolbar-top.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-window-maximize.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-window-maximize.stroked-icon:after {
  position: relative;
  content: "\f327";
}
.dlt-c8y-icon-window-maximize.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-web-application-firewall.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-web-application-firewall.stroked-icon:after {
  position: relative;
  content: "\f358";
}
.dlt-c8y-icon-web-application-firewall.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-website-bug.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-website-bug.stroked-icon:after {
  position: relative;
  content: "\f35a";
}
.dlt-c8y-icon-website-bug.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-bug.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-bug.stroked-icon:after {
  position: relative;
  content: "\f35a";
}
.dlt-c8y-icon-bug.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-web-design.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-web-design.stroked-icon:after {
  position: relative;
  content: "\f359";
}
.dlt-c8y-icon-web-design.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-navigation-toolbar-bottom.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-navigation-toolbar-bottom.stroked-icon:after {
  position: relative;
  content: "\f325";
}
.dlt-c8y-icon-navigation-toolbar-bottom.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-more-details.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-more-details.stroked-icon:after {
  position: relative;
  content: "\f323";
}
.dlt-c8y-icon-more-details.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-navigation-pane.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-navigation-pane.stroked-icon:after {
  position: relative;
  content: "\f324";
}
.dlt-c8y-icon-navigation-pane.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-pin.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-pin.stroked-icon:after {
  position: relative;
  content: "\f32c";
}
.dlt-c8y-icon-pin.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-thumb-tack.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-thumb-tack.stroked-icon:after {
  position: relative;
  content: "\f32c";
}
.dlt-c8y-icon-thumb-tack.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-unpin.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-unpin.stroked-icon:after {
  position: relative;
  content: "\f355";
}
.dlt-c8y-icon-unpin.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-commit-git.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-commit-git.stroked-icon:after {
  position: relative;
  content: "\f306";
}
.dlt-c8y-icon-commit-git.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-codefork.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-codefork.stroked-icon:after {
  position: relative;
  content: "\f304";
}
.dlt-c8y-icon-codefork.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-code-fork.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-code-fork.stroked-icon:after {
  position: relative;
  content: "\f304";
}
.dlt-c8y-icon-code-fork.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-merge-git.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-merge-git.stroked-icon:after {
  position: relative;
  content: "\f322";
}
.dlt-c8y-icon-merge-git.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-pull-request.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-pull-request.stroked-icon:after {
  position: relative;
  content: "\f336";
}
.dlt-c8y-icon-pull-request.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-compare-git.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-compare-git.stroked-icon:after {
  position: relative;
  content: "\f307";
}
.dlt-c8y-icon-compare-git.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-share.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-share.stroked-icon:after {
  position: relative;
  content: "\eac3";
}
.dlt-c8y-icon-share.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-share-alt.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-share-alt.stroked-icon:after {
  position: relative;
  content: "\eac3";
}
.dlt-c8y-icon-share-alt.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-share-alt-square.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-share-alt-square.stroked-icon:after {
  position: relative;
  content: "\eac3";
}
.dlt-c8y-icon-share-alt-square.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-activity-history.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-activity-history.stroked-icon:after {
  position: relative;
  content: "\eaeb";
}
.dlt-c8y-icon-activity-history.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-rules.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-rules.stroked-icon:after {
  position: relative;
  content: "\ea52";
}
.dlt-c8y-icon-rules.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-create-document.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-create-document.stroked-icon:after {
  position: relative;
  content: "\e9a2";
}
.dlt-c8y-icon-create-document.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-product-architecture.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-product-architecture.stroked-icon:after {
  position: relative;
  content: "\f331";
}
.dlt-c8y-icon-product-architecture.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-registry-editor.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-registry-editor.stroked-icon:after {
  position: relative;
  content: "\f337";
}
.dlt-c8y-icon-registry-editor.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-rest-api.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-rest-api.stroked-icon:after {
  position: relative;
  content: "\f33b";
}
.dlt-c8y-icon-rest-api.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-true-false.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-true-false.stroked-icon:after {
  position: relative;
  content: "\f353";
}
.dlt-c8y-icon-true-false.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-uninstall-programs.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-uninstall-programs.stroked-icon:after {
  position: relative;
  content: "\f354";
}
.dlt-c8y-icon-uninstall-programs.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-sheets.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-sheets.stroked-icon:after {
  position: relative;
  content: "\ef7f";
}
.dlt-c8y-icon-sheets.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-stages.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-stages.stroked-icon:after {
  position: relative;
  content: "\ef7f";
}
.dlt-c8y-icon-stages.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-add-stage.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-add-stage.stroked-icon:after {
  position: relative;
  content: "\eac5";
}
.dlt-c8y-icon-add-stage.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-api.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-api.stroked-icon:after {
  position: relative;
  content: "\f2f9";
}
.dlt-c8y-icon-api.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-blockly-turquoise.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-blockly-turquoise.stroked-icon:after {
  position: relative;
  content: "\f2ff";
}
.dlt-c8y-icon-blockly-turquoise.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-blockly-blue.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-blockly-blue.stroked-icon:after {
  position: relative;
  content: "\f2fa";
}
.dlt-c8y-icon-blockly-blue.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-blockly-pink.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-blockly-pink.stroked-icon:after {
  position: relative;
  content: "\f2fe";
}
.dlt-c8y-icon-blockly-pink.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-plugin.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-plugin.stroked-icon:after {
  position: relative;
  content: "\f32f";
}
.dlt-c8y-icon-plugin.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-base-64.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-base-64.stroked-icon:after {
  position: relative;
  content: "\ed57";
}
.dlt-c8y-icon-base-64.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-xml-transformer.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-xml-transformer.stroked-icon:after {
  position: relative;
  content: "\edb1";
}
.dlt-c8y-icon-xml-transformer.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-shield.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-shield.stroked-icon:after {
  position: relative;
  content: "\eac6";
}
.dlt-c8y-icon-shield.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-protect.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-protect.stroked-icon:after {
  position: relative;
  content: "\f419";
}
.dlt-c8y-icon-protect.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-warning-shield.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-warning-shield.stroked-icon:after {
  position: relative;
  content: "\f425";
}
.dlt-c8y-icon-warning-shield.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-free-forever.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-free-forever.stroked-icon:after {
  position: relative;
  content: "\eac8";
}
.dlt-c8y-icon-free-forever.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-identification-documents.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-identification-documents.stroked-icon:after {
  position: relative;
  content: "\eaca";
}
.dlt-c8y-icon-identification-documents.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-id-verified.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-id-verified.stroked-icon:after {
  position: relative;
  content: "\f412";
}
.dlt-c8y-icon-id-verified.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-fingerprint.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-fingerprint.stroked-icon:after {
  position: relative;
  content: "\f410";
}
.dlt-c8y-icon-fingerprint.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-pin-code.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-pin-code.stroked-icon:after {
  position: relative;
  content: "\f418";
}
.dlt-c8y-icon-pin-code.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-password.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-password.stroked-icon:after {
  position: relative;
  content: "\f416";
}
.dlt-c8y-icon-password.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-lock.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-lock.stroked-icon:after {
  position: relative;
  content: "\eacb";
}
.dlt-c8y-icon-lock.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-unlock.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-unlock.stroked-icon:after {
  position: relative;
  content: "\eacd";
}
.dlt-c8y-icon-unlock.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-privacy.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-privacy.stroked-icon:after {
  position: relative;
  content: "\ea33";
}
.dlt-c8y-icon-privacy.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-lock-outline.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-lock-outline.stroked-icon:after {
  position: relative;
  content: "\e91e";
}
.dlt-c8y-icon-lock-outline.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-lock1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-lock1.stroked-icon:after {
  position: relative;
  content: "\e91e";
}
.dlt-c8y-icon-lock1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-lock-open.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-lock-open.stroked-icon:after {
  position: relative;
  content: "\e91f";
}
.dlt-c8y-icon-lock-open.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-unlock1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-unlock1.stroked-icon:after {
  position: relative;
  content: "\e91f";
}
.dlt-c8y-icon-unlock1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-unlock-alt.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-unlock-alt.stroked-icon:after {
  position: relative;
  content: "\e91f";
}
.dlt-c8y-icon-unlock-alt.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-key.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-key.stroked-icon:after {
  position: relative;
  content: "\f413";
}
.dlt-c8y-icon-key.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-access.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-access.stroked-icon:after {
  position: relative;
  content: "\f409";
}
.dlt-c8y-icon-access.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-lock11.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-lock11.stroked-icon:after {
  position: relative;
  content: "\f414";
}
.dlt-c8y-icon-lock11.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-realtime.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-realtime.stroked-icon:after {
  position: relative;
  content: "\f41a";
}
.dlt-c8y-icon-realtime.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-smart-home-connection.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-smart-home-connection.stroked-icon:after {
  position: relative;
  content: "\f41d";
}
.dlt-c8y-icon-smart-home-connection.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-smart-home-checked.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-smart-home-checked.stroked-icon:after {
  position: relative;
  content: "\f41c";
}
.dlt-c8y-icon-smart-home-checked.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-smart-home-error.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-smart-home-error.stroked-icon:after {
  position: relative;
  content: "\f41e";
}
.dlt-c8y-icon-smart-home-error.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-smart-home-remove.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-smart-home-remove.stroked-icon:after {
  position: relative;
  content: "\f41f";
}
.dlt-c8y-icon-smart-home-remove.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-smart-home-shield.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-smart-home-shield.stroked-icon:after {
  position: relative;
  content: "\f420";
}
.dlt-c8y-icon-smart-home-shield.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-voice-id.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-voice-id.stroked-icon:after {
  position: relative;
  content: "\f423";
}
.dlt-c8y-icon-voice-id.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-web-application-firewall1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-web-application-firewall1.stroked-icon:after {
  position: relative;
  content: "\f426";
}
.dlt-c8y-icon-web-application-firewall1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-copyright.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-copyright.stroked-icon:after {
  position: relative;
  content: "\ead2";
}
.dlt-c8y-icon-copyright.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-spy.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-spy.stroked-icon:after {
  position: relative;
  content: "\ead3";
}
.dlt-c8y-icon-spy.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-user-secret.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-user-secret.stroked-icon:after {
  position: relative;
  content: "\ead3";
}
.dlt-c8y-icon-user-secret.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-bug1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-bug1.stroked-icon:after {
  position: relative;
  content: "\ead4";
}
.dlt-c8y-icon-bug1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-health-examine.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-health-examine.stroked-icon:after {
  position: relative;
  content: "\ead6";
}
.dlt-c8y-icon-health-examine.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-stethoscope.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-stethoscope.stroked-icon:after {
  position: relative;
  content: "\ead6";
}
.dlt-c8y-icon-stethoscope.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-space-shuttle.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-space-shuttle.stroked-icon:after {
  position: relative;
  content: "\eb5a";
}
.dlt-c8y-icon-space-shuttle.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-ambulance.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-ambulance.stroked-icon:after {
  position: relative;
  content: "\eb5b";
}
.dlt-c8y-icon-ambulance.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-car.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-car.stroked-icon:after {
  position: relative;
  content: "\f53f";
}
.dlt-c8y-icon-car.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-automobile.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-automobile.stroked-icon:after {
  position: relative;
  content: "\f53f";
}
.dlt-c8y-icon-automobile.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-local-taxi.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-local-taxi.stroked-icon:after {
  position: relative;
  content: "\e920";
}
.dlt-c8y-icon-local-taxi.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-taxi.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-taxi.stroked-icon:after {
  position: relative;
  content: "\e920";
}
.dlt-c8y-icon-taxi.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-cab.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-cab.stroked-icon:after {
  position: relative;
  content: "\e920";
}
.dlt-c8y-icon-cab.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-truck.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-truck.stroked-icon:after {
  position: relative;
  content: "\f636";
}
.dlt-c8y-icon-truck.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-file-delivery.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-file-delivery.stroked-icon:after {
  position: relative;
  content: "\ebc5";
}
.dlt-c8y-icon-file-delivery.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-in-transit.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-in-transit.stroked-icon:after {
  position: relative;
  content: "\ebd5";
}
.dlt-c8y-icon-in-transit.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-bus.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-bus.stroked-icon:after {
  position: relative;
  content: "\f53b";
}
.dlt-c8y-icon-bus.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-train.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-train.stroked-icon:after {
  position: relative;
  content: "\e9f1";
}
.dlt-c8y-icon-train.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-directions-subway.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-directions-subway.stroked-icon:after {
  position: relative;
  content: "\e9f2";
}
.dlt-c8y-icon-directions-subway.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-directions-transit.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-directions-transit.stroked-icon:after {
  position: relative;
  content: "\e9f2";
}
.dlt-c8y-icon-directions-transit.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-tram.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-tram.stroked-icon:after {
  position: relative;
  content: "\e9f2";
}
.dlt-c8y-icon-tram.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-delivery-dining.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-delivery-dining.stroked-icon:after {
  position: relative;
  content: "\e9f5";
}
.dlt-c8y-icon-delivery-dining.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-scooter.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-scooter.stroked-icon:after {
  position: relative;
  content: "\e9f5";
}
.dlt-c8y-icon-scooter.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-pedal-bike.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-pedal-bike.stroked-icon:after {
  position: relative;
  content: "\e9b1";
}
.dlt-c8y-icon-pedal-bike.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-bicycle.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-bicycle.stroked-icon:after {
  position: relative;
  content: "\e9b1";
}
.dlt-c8y-icon-bicycle.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-motorcycle.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-motorcycle.stroked-icon:after {
  position: relative;
  content: "\e9b2";
}
.dlt-c8y-icon-motorcycle.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-airport.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-airport.stroked-icon:after {
  position: relative;
  content: "\f521";
}
.dlt-c8y-icon-airport.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-plane.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-plane.stroked-icon:after {
  position: relative;
  content: "\f521";
}
.dlt-c8y-icon-plane.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-fighter-jet.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-fighter-jet.stroked-icon:after {
  position: relative;
  content: "\f521";
}
.dlt-c8y-icon-fighter-jet.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-directions-ferry.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-directions-ferry.stroked-icon:after {
  position: relative;
  content: "\e9f3";
}
.dlt-c8y-icon-directions-ferry.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-ship.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-ship.stroked-icon:after {
  position: relative;
  content: "\e9f3";
}
.dlt-c8y-icon-ship.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-deploy.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-deploy.stroked-icon:after {
  position: relative;
  content: "\eade";
}
.dlt-c8y-icon-deploy.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-rocket.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-rocket.stroked-icon:after {
  position: relative;
  content: "\eade";
}
.dlt-c8y-icon-rocket.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-wrench1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-wrench1.stroked-icon:after {
  position: relative;
  content: "\eadf";
}
.dlt-c8y-icon-wrench1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-road.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-road.stroked-icon:after {
  position: relative;
  content: "\f5e5";
}
.dlt-c8y-icon-road.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-flag-outline.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-flag-outline.stroked-icon:after {
  position: relative;
  content: "\eae1";
}
.dlt-c8y-icon-flag-outline.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-software.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-software.stroked-icon:after {
  position: relative;
  content: "\f340";
}
.dlt-c8y-icon-software.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-future.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-future.stroked-icon:after {
  position: relative;
  content: "\f4b9";
}
.dlt-c8y-icon-future.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-time-machine.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-time-machine.stroked-icon:after {
  position: relative;
  content: "\f4e2";
}
.dlt-c8y-icon-time-machine.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-history.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-history.stroked-icon:after {
  position: relative;
  content: "\f4e2";
}
.dlt-c8y-icon-history.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-delivery-time.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-delivery-time.stroked-icon:after {
  position: relative;
  content: "\f4e2";
}
.dlt-c8y-icon-delivery-time.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-schedule.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-schedule.stroked-icon:after {
  position: relative;
  content: "\e9b0";
}
.dlt-c8y-icon-schedule.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-clock.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-clock.stroked-icon:after {
  position: relative;
  content: "\e9b0";
}
.dlt-c8y-icon-clock.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-clock-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-clock-o.stroked-icon:after {
  position: relative;
  content: "\e9b0";
}
.dlt-c8y-icon-clock-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-watches-front-view.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-watches-front-view.stroked-icon:after {
  position: relative;
  content: "\f508";
}
.dlt-c8y-icon-watches-front-view.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-clock1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-clock1.stroked-icon:after {
  position: relative;
  content: "\ead7";
}
.dlt-c8y-icon-clock1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-clock11.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-clock11.stroked-icon:after {
  position: relative;
  content: "\ead7";
}
.dlt-c8y-icon-clock11.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-alarm1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-alarm1.stroked-icon:after {
  position: relative;
  content: "\ead8";
}
.dlt-c8y-icon-alarm1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-timer.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-timer.stroked-icon:after {
  position: relative;
  content: "\ead8";
}
.dlt-c8y-icon-timer.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-wall-clock.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-wall-clock.stroked-icon:after {
  position: relative;
  content: "\efbc";
}
.dlt-c8y-icon-wall-clock.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-alarm-add.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-alarm-add.stroked-icon:after {
  position: relative;
  content: "\f47a";
}
.dlt-c8y-icon-alarm-add.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-alarm-on.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-alarm-on.stroked-icon:after {
  position: relative;
  content: "\f47d";
}
.dlt-c8y-icon-alarm-on.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-alarm-off.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-alarm-off.stroked-icon:after {
  position: relative;
  content: "\f47c";
}
.dlt-c8y-icon-alarm-off.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-calendar.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-calendar.stroked-icon:after {
  position: relative;
  content: "\f480";
}
.dlt-c8y-icon-calendar.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-calendar-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-calendar-o.stroked-icon:after {
  position: relative;
  content: "\f480";
}
.dlt-c8y-icon-calendar-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-today.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-today.stroked-icon:after {
  position: relative;
  content: "\f504";
}
.dlt-c8y-icon-today.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-calendar-check-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-calendar-check-o.stroked-icon:after {
  position: relative;
  content: "\f504";
}
.dlt-c8y-icon-calendar-check-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-calendar-1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-calendar-1.stroked-icon:after {
  position: relative;
  content: "\f481";
}
.dlt-c8y-icon-calendar-1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-calendar-31.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-calendar-31.stroked-icon:after {
  position: relative;
  content: "\f499";
}
.dlt-c8y-icon-calendar-31.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-monday.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-monday.stroked-icon:after {
  position: relative;
  content: "\f4c9";
}
.dlt-c8y-icon-monday.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-sunday.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-sunday.stroked-icon:after {
  position: relative;
  content: "\f4df";
}
.dlt-c8y-icon-sunday.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-january.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-january.stroked-icon:after {
  position: relative;
  content: "\f4bf";
}
.dlt-c8y-icon-january.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-december.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-december.stroked-icon:after {
  position: relative;
  content: "\f4b1";
}
.dlt-c8y-icon-december.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-edit-calendar.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-edit-calendar.stroked-icon:after {
  position: relative;
  content: "\f4b2";
}
.dlt-c8y-icon-edit-calendar.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-view-schedule.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-view-schedule.stroked-icon:after {
  position: relative;
  content: "\f506";
}
.dlt-c8y-icon-view-schedule.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-calendar-add.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-calendar-add.stroked-icon:after {
  position: relative;
  content: "\ead9";
}
.dlt-c8y-icon-calendar-add.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-calendar-plus.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-calendar-plus.stroked-icon:after {
  position: relative;
  content: "\ead9";
}
.dlt-c8y-icon-calendar-plus.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-calendar-plus-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-calendar-plus-o.stroked-icon:after {
  position: relative;
  content: "\ead9";
}
.dlt-c8y-icon-calendar-plus-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-calendar-remove.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-calendar-remove.stroked-icon:after {
  position: relative;
  content: "\eadd";
}
.dlt-c8y-icon-calendar-remove.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-calendar-minus.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-calendar-minus.stroked-icon:after {
  position: relative;
  content: "\eadd";
}
.dlt-c8y-icon-calendar-minus.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-calendar-times.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-calendar-times.stroked-icon:after {
  position: relative;
  content: "\eadd";
}
.dlt-c8y-icon-calendar-times.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-calendar-minus-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-calendar-minus-o.stroked-icon:after {
  position: relative;
  content: "\eadd";
}
.dlt-c8y-icon-calendar-minus-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-calendar-times-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-calendar-times-o.stroked-icon:after {
  position: relative;
  content: "\eadd";
}
.dlt-c8y-icon-calendar-times-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-important-month.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-important-month.stroked-icon:after {
  position: relative;
  content: "\f4bd";
}
.dlt-c8y-icon-important-month.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-schedule1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-schedule1.stroked-icon:after {
  position: relative;
  content: "\ea55";
}
.dlt-c8y-icon-schedule1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-sand-watch.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-sand-watch.stroked-icon:after {
  position: relative;
  content: "\f4d7";
}
.dlt-c8y-icon-sand-watch.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-hourglass-start.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-hourglass-start.stroked-icon:after {
  position: relative;
  content: "\f4d7";
}
.dlt-c8y-icon-hourglass-start.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-hourglass-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-hourglass-o.stroked-icon:after {
  position: relative;
  content: "\f4d7";
}
.dlt-c8y-icon-hourglass-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-hourglass-half.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-hourglass-half.stroked-icon:after {
  position: relative;
  content: "\f4d7";
}
.dlt-c8y-icon-hourglass-half.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-hourglass-end.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-hourglass-end.stroked-icon:after {
  position: relative;
  content: "\f4d7";
}
.dlt-c8y-icon-hourglass-end.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-hourglass.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-hourglass.stroked-icon:after {
  position: relative;
  content: "\f4d7";
}
.dlt-c8y-icon-hourglass.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-hourglass-1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-hourglass-1.stroked-icon:after {
  position: relative;
  content: "\f4d7";
}
.dlt-c8y-icon-hourglass-1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-hourglass-2.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-hourglass-2.stroked-icon:after {
  position: relative;
  content: "\f4d7";
}
.dlt-c8y-icon-hourglass-2.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-hourglass-3.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-hourglass-3.stroked-icon:after {
  position: relative;
  content: "\f4d7";
}
.dlt-c8y-icon-hourglass-3.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-timezone-globe.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-timezone-globe.stroked-icon:after {
  position: relative;
  content: "\f502";
}
.dlt-c8y-icon-timezone-globe.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-timezone.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-timezone.stroked-icon:after {
  position: relative;
  content: "\f4e9";
}
.dlt-c8y-icon-timezone.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-timetable.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-timetable.stroked-icon:after {
  position: relative;
  content: "\f4e8";
}
.dlt-c8y-icon-timetable.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-day-view.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-day-view.stroked-icon:after {
  position: relative;
  content: "\f4b0";
}
.dlt-c8y-icon-day-view.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-month-view.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-month-view.stroked-icon:after {
  position: relative;
  content: "\f4ca";
}
.dlt-c8y-icon-month-view.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-week-view.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-week-view.stroked-icon:after {
  position: relative;
  content: "\f50a";
}
.dlt-c8y-icon-week-view.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-year-view.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-year-view.stroked-icon:after {
  position: relative;
  content: "\f50b";
}
.dlt-c8y-icon-year-view.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-newspaper-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-newspaper-o.stroked-icon:after {
  position: relative;
  content: "\eba7";
}
.dlt-c8y-icon-newspaper-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-creative-commons.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-creative-commons.stroked-icon:after {
  position: relative;
  content: "\eb5d";
}
.dlt-c8y-icon-creative-commons.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-spinner.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-spinner.stroked-icon:after {
  position: relative;
  content: "\eb5e";
}
.dlt-c8y-icon-spinner.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-loading.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-loading.stroked-icon:after {
  position: relative;
  content: "\eb5e";
}
.dlt-c8y-icon-loading.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-busy.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-busy.stroked-icon:after {
  position: relative;
  content: "\eb5e";
}
.dlt-c8y-icon-busy.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-wheel.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-wheel.stroked-icon:after {
  position: relative;
  content: "\eb5e";
}
.dlt-c8y-icon-wheel.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-trademark.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-trademark.stroked-icon:after {
  position: relative;
  content: "\eb62";
}
.dlt-c8y-icon-trademark.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-toggle-on.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-toggle-on.stroked-icon:after {
  position: relative;
  content: "\eb63";
}
.dlt-c8y-icon-toggle-on.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-toggle-off.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-toggle-off.stroked-icon:after {
  position: relative;
  content: "\eb64";
}
.dlt-c8y-icon-toggle-off.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-ticket.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-ticket.stroked-icon:after {
  position: relative;
  content: "\eb65";
}
.dlt-c8y-icon-ticket.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-spoon.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-spoon.stroked-icon:after {
  position: relative;
  content: "\eb66";
}
.dlt-c8y-icon-spoon.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-sort-numeric-desc.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-sort-numeric-desc.stroked-icon:after {
  position: relative;
  content: "\eb67";
}
.dlt-c8y-icon-sort-numeric-desc.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-sort-numeric-asc.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-sort-numeric-asc.stroked-icon:after {
  position: relative;
  content: "\eb68";
}
.dlt-c8y-icon-sort-numeric-asc.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-snowflake-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-snowflake-o.stroked-icon:after {
  position: relative;
  content: "\eb69";
}
.dlt-c8y-icon-snowflake-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-shower.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-shower.stroked-icon:after {
  position: relative;
  content: "\eb6a";
}
.dlt-c8y-icon-shower.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-percent.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-percent.stroked-icon:after {
  position: relative;
  content: "\eb6c";
}
.dlt-c8y-icon-percent.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-paw.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-paw.stroked-icon:after {
  position: relative;
  content: "\eb6e";
}
.dlt-c8y-icon-paw.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-mouse-pointer.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-mouse-pointer.stroked-icon:after {
  position: relative;
  content: "\eb6f";
}
.dlt-c8y-icon-mouse-pointer.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-lemon-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-lemon-o.stroked-icon:after {
  position: relative;
  content: "\eb70";
}
.dlt-c8y-icon-lemon-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-leaf.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-leaf.stroked-icon:after {
  position: relative;
  content: "\eb72";
}
.dlt-c8y-icon-leaf.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-diamond.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-diamond.stroked-icon:after {
  position: relative;
  content: "\eb74";
}
.dlt-c8y-icon-diamond.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-braille.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-braille.stroked-icon:after {
  position: relative;
  content: "\eb75";
}
.dlt-c8y-icon-braille.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-bomb.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-bomb.stroked-icon:after {
  position: relative;
  content: "\eb76";
}
.dlt-c8y-icon-bomb.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-binoculars.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-binoculars.stroked-icon:after {
  position: relative;
  content: "\eb77";
}
.dlt-c8y-icon-binoculars.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-eject.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-eject.stroked-icon:after {
  position: relative;
  content: "\eb7a";
}
.dlt-c8y-icon-eject.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-touch-app.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-touch-app.stroked-icon:after {
  position: relative;
  content: "\eb7b";
}
.dlt-c8y-icon-touch-app.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-soccer.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-soccer.stroked-icon:after {
  position: relative;
  content: "\eb7c";
}
.dlt-c8y-icon-soccer.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-football.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-football.stroked-icon:after {
  position: relative;
  content: "\eb7c";
}
.dlt-c8y-icon-football.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-futbol-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-futbol-o.stroked-icon:after {
  position: relative;
  content: "\eb7c";
}
.dlt-c8y-icon-futbol-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-soccer-ball-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-soccer-ball-o.stroked-icon:after {
  position: relative;
  content: "\eb7c";
}
.dlt-c8y-icon-soccer-ball-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-mood.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-mood.stroked-icon:after {
  position: relative;
  content: "\eb7d";
}
.dlt-c8y-icon-mood.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-meh-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-meh-o.stroked-icon:after {
  position: relative;
  content: "\eb7d";
}
.dlt-c8y-icon-meh-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-frown-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-frown-o.stroked-icon:after {
  position: relative;
  content: "\eb7d";
}
.dlt-c8y-icon-frown-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-smile-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-smile-o.stroked-icon:after {
  position: relative;
  content: "\eb7d";
}
.dlt-c8y-icon-smile-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-deaf.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-deaf.stroked-icon:after {
  position: relative;
  content: "\eb7f";
}
.dlt-c8y-icon-deaf.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-deafness.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-deafness.stroked-icon:after {
  position: relative;
  content: "\eb7f";
}
.dlt-c8y-icon-deafness.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-hard-of-hearing.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-hard-of-hearing.stroked-icon:after {
  position: relative;
  content: "\eb7f";
}
.dlt-c8y-icon-hard-of-hearing.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-assistive-listening-systems.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-assistive-listening-systems.stroked-icon:after {
  position: relative;
  content: "\eb80";
}
.dlt-c8y-icon-assistive-listening-systems.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-american-sign-language-interpreting.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-american-sign-language-interpreting.stroked-icon:after {
  position: relative;
  content: "\eb82";
}
.dlt-c8y-icon-american-sign-language-interpreting.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-asl-interpreting.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-asl-interpreting.stroked-icon:after {
  position: relative;
  content: "\eb82";
}
.dlt-c8y-icon-asl-interpreting.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-cc.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-cc.stroked-icon:after {
  position: relative;
  content: "\eb83";
}
.dlt-c8y-icon-cc.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-closed-caption.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-closed-caption.stroked-icon:after {
  position: relative;
  content: "\eb83";
}
.dlt-c8y-icon-closed-caption.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-anchor.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-anchor.stroked-icon:after {
  position: relative;
  content: "\eb87";
}
.dlt-c8y-icon-anchor.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-accessibility-settings.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-accessibility-settings.stroked-icon:after {
  position: relative;
  content: "\eae3";
}
.dlt-c8y-icon-accessibility-settings.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-info.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-info.stroked-icon:after {
  position: relative;
  content: "\eae4";
}
.dlt-c8y-icon-info.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-info-circle.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-info-circle.stroked-icon:after {
  position: relative;
  content: "\eae4";
}
.dlt-c8y-icon-info-circle.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-warning.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-warning.stroked-icon:after {
  position: relative;
  content: "\eae5";
}
.dlt-c8y-icon-warning.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-report-problem.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-report-problem.stroked-icon:after {
  position: relative;
  content: "\eae5";
}
.dlt-c8y-icon-report-problem.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-exclamation-triangle.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-exclamation-triangle.stroked-icon:after {
  position: relative;
  content: "\eae5";
}
.dlt-c8y-icon-exclamation-triangle.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-exclamation-circle.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-exclamation-circle.stroked-icon:after {
  position: relative;
  content: "\e97b";
}
.dlt-c8y-icon-exclamation-circle.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-error.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-error.stroked-icon:after {
  position: relative;
  content: "\e97b";
}
.dlt-c8y-icon-error.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-high-priority.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-high-priority.stroked-icon:after {
  position: relative;
  content: "\e9e6";
}
.dlt-c8y-icon-high-priority.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-spam.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-spam.stroked-icon:after {
  position: relative;
  content: "\f122";
}
.dlt-c8y-icon-spam.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-help.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-help.stroked-icon:after {
  position: relative;
  content: "\f69e";
}
.dlt-c8y-icon-help.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-question-circle.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-question-circle.stroked-icon:after {
  position: relative;
  content: "\f69e";
}
.dlt-c8y-icon-question-circle.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-question.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-question.stroked-icon:after {
  position: relative;
  content: "\f69e";
}
.dlt-c8y-icon-question.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-help-outline.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-help-outline.stroked-icon:after {
  position: relative;
  content: "\eae7";
}
.dlt-c8y-icon-help-outline.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-question-circle-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-question-circle-o.stroked-icon:after {
  position: relative;
  content: "\eae7";
}
.dlt-c8y-icon-question-circle-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-approval.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-approval.stroked-icon:after {
  position: relative;
  content: "\f65d";
}
.dlt-c8y-icon-approval.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-trophy.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-trophy.stroked-icon:after {
  position: relative;
  content: "\f65d";
}
.dlt-c8y-icon-trophy.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-unverified-account.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-unverified-account.stroked-icon:after {
  position: relative;
  content: "\f72e";
}
.dlt-c8y-icon-unverified-account.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-automatic-gearbox-warning.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-automatic-gearbox-warning.stroked-icon:after {
  position: relative;
  content: "\f52a";
}
.dlt-c8y-icon-automatic-gearbox-warning.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-exclamation-circle1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-exclamation-circle1.stroked-icon:after {
  position: relative;
  content: "\f52a";
}
.dlt-c8y-icon-exclamation-circle1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-user-manual.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-user-manual.stroked-icon:after {
  position: relative;
  content: "\f732";
}
.dlt-c8y-icon-user-manual.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-stages1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-stages1.stroked-icon:after {
  position: relative;
  content: "\eae9";
}
.dlt-c8y-icon-stages1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-menu.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-menu.stroked-icon:after {
  position: relative;
  content: "\f6ca";
}
.dlt-c8y-icon-menu.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-reorder.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-reorder.stroked-icon:after {
  position: relative;
  content: "\f6ca";
}
.dlt-c8y-icon-reorder.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-navicon.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-navicon.stroked-icon:after {
  position: relative;
  content: "\f6ca";
}
.dlt-c8y-icon-navicon.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-bars.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-bars.stroked-icon:after {
  position: relative;
  content: "\f6ca";
}
.dlt-c8y-icon-bars.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-hamburger.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-hamburger.stroked-icon:after {
  position: relative;
  content: "\f6ca";
}
.dlt-c8y-icon-hamburger.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-menu-vertical.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-menu-vertical.stroked-icon:after {
  position: relative;
  content: "\f6cc";
}
.dlt-c8y-icon-menu-vertical.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-ellipsis-v.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-ellipsis-v.stroked-icon:after {
  position: relative;
  content: "\f6cc";
}
.dlt-c8y-icon-ellipsis-v.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-app-switcher.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-app-switcher.stroked-icon:after {
  position: relative;
  content: "\eaea";
}
.dlt-c8y-icon-app-switcher.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-menu-horizontal.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-menu-horizontal.stroked-icon:after {
  position: relative;
  content: "\e974";
}
.dlt-c8y-icon-menu-horizontal.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-ellipsis-h.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-ellipsis-h.stroked-icon:after {
  position: relative;
  content: "\e974";
}
.dlt-c8y-icon-ellipsis-h.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-plus-math.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-plus-math.stroked-icon:after {
  position: relative;
  content: "\f3d6";
}
.dlt-c8y-icon-plus-math.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-plus.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-plus.stroked-icon:after {
  position: relative;
  content: "\f3d6";
}
.dlt-c8y-icon-plus.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-subtract.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-subtract.stroked-icon:after {
  position: relative;
  content: "\f3f3";
}
.dlt-c8y-icon-subtract.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-minus.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-minus.stroked-icon:after {
  position: relative;
  content: "\f3f3";
}
.dlt-c8y-icon-minus.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-clear.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-clear.stroked-icon:after {
  position: relative;
  content: "\e977";
}
.dlt-c8y-icon-clear.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-close.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-close.stroked-icon:after {
  position: relative;
  content: "\e977";
}
.dlt-c8y-icon-close.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-remove.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-remove.stroked-icon:after {
  position: relative;
  content: "\e977";
}
.dlt-c8y-icon-remove.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-times.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-times.stroked-icon:after {
  position: relative;
  content: "\e977";
}
.dlt-c8y-icon-times.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-equals.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-equals.stroked-icon:after {
  position: relative;
  content: "\eaec";
}
.dlt-c8y-icon-equals.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-exclamation.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-exclamation.stroked-icon:after {
  position: relative;
  content: "\eaed";
}
.dlt-c8y-icon-exclamation.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-check.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-check.stroked-icon:after {
  position: relative;
  content: "\eaee";
}
.dlt-c8y-icon-check.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-upvote-downvote.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-upvote-downvote.stroked-icon:after {
  position: relative;
  content: "\f731";
}
.dlt-c8y-icon-upvote-downvote.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-math.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-math.stroked-icon:after {
  position: relative;
  content: "\f3b8";
}
.dlt-c8y-icon-math.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-less-than1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-less-than1.stroked-icon:after {
  position: relative;
  content: "\f3b4";
}
.dlt-c8y-icon-less-than1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-more-than.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-more-than.stroked-icon:after {
  position: relative;
  content: "\f3be";
}
.dlt-c8y-icon-more-than.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-circled-notch.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-circled-notch.stroked-icon:after {
  position: relative;
  content: "\ec67";
}
.dlt-c8y-icon-circled-notch.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-circle-o-notch.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-circle-o-notch.stroked-icon:after {
  position: relative;
  content: "\ec67";
}
.dlt-c8y-icon-circle-o-notch.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-inactive-state.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-inactive-state.stroked-icon:after {
  position: relative;
  content: "\f6a5";
}
.dlt-c8y-icon-inactive-state.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-storage1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-storage1.stroked-icon:after {
  position: relative;
  content: "\f712";
}
.dlt-c8y-icon-storage1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-lifebuoy.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-lifebuoy.stroked-icon:after {
  position: relative;
  content: "\f6b7";
}
.dlt-c8y-icon-lifebuoy.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-life-buoy.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-life-buoy.stroked-icon:after {
  position: relative;
  content: "\f6b7";
}
.dlt-c8y-icon-life-buoy.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-life-ring.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-life-ring.stroked-icon:after {
  position: relative;
  content: "\f6b7";
}
.dlt-c8y-icon-life-ring.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-life-saver.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-life-saver.stroked-icon:after {
  position: relative;
  content: "\f6b7";
}
.dlt-c8y-icon-life-saver.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-wait.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-wait.stroked-icon:after {
  position: relative;
  content: "\f73a";
}
.dlt-c8y-icon-wait.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-block.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-block.stroked-icon:after {
  position: relative;
  content: "\e978";
}
.dlt-c8y-icon-block.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-ban.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-ban.stroked-icon:after {
  position: relative;
  content: "\e978";
}
.dlt-c8y-icon-ban.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-copy1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-copy1.stroked-icon:after {
  position: relative;
  content: "\ed5d";
}
.dlt-c8y-icon-copy1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-clone.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-clone.stroked-icon:after {
  position: relative;
  content: "\ed5d";
}
.dlt-c8y-icon-clone.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-paste1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-paste1.stroked-icon:after {
  position: relative;
  content: "\ece5";
}
.dlt-c8y-icon-paste1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-clipboard.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-clipboard.stroked-icon:after {
  position: relative;
  content: "\ece5";
}
.dlt-c8y-icon-clipboard.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-search-more.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-search-more.stroked-icon:after {
  position: relative;
  content: "\f701";
}
.dlt-c8y-icon-search-more.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-search.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-search.stroked-icon:after {
  position: relative;
  content: "\eaef";
}
.dlt-c8y-icon-search.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-mobile-zoom-in.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-mobile-zoom-in.stroked-icon:after {
  position: relative;
  content: "\f180";
}
.dlt-c8y-icon-mobile-zoom-in.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-search-plus.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-search-plus.stroked-icon:after {
  position: relative;
  content: "\f180";
}
.dlt-c8y-icon-search-plus.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-mobile-zoom-out.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-mobile-zoom-out.stroked-icon:after {
  position: relative;
  content: "\f181";
}
.dlt-c8y-icon-mobile-zoom-out.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-search-minus.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-search-minus.stroked-icon:after {
  position: relative;
  content: "\f181";
}
.dlt-c8y-icon-search-minus.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-product1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-product1.stroked-icon:after {
  position: relative;
  content: "\eaf0";
}
.dlt-c8y-icon-product1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-trash-can.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-trash-can.stroked-icon:after {
  position: relative;
  content: "\ed39";
}
.dlt-c8y-icon-trash-can.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-trash.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-trash.stroked-icon:after {
  position: relative;
  content: "\ed39";
}
.dlt-c8y-icon-trash.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-editing-trash.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-editing-trash.stroked-icon:after {
  position: relative;
  content: "\ec8e";
}
.dlt-c8y-icon-editing-trash.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-trash-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-trash-o.stroked-icon:after {
  position: relative;
  content: "\ec8e";
}
.dlt-c8y-icon-trash-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-delete-bin.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-delete-bin.stroked-icon:after {
  position: relative;
  content: "\ec7e";
}
.dlt-c8y-icon-delete-bin.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-eye.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-eye.stroked-icon:after {
  position: relative;
  content: "\f0b5";
}
.dlt-c8y-icon-eye.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-visibility-off.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-visibility-off.stroked-icon:after {
  position: relative;
  content: "\e981";
}
.dlt-c8y-icon-visibility-off.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-low-vision.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-low-vision.stroked-icon:after {
  position: relative;
  content: "\e981";
}
.dlt-c8y-icon-low-vision.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-eye-slash.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-eye-slash.stroked-icon:after {
  position: relative;
  content: "\e981";
}
.dlt-c8y-icon-eye-slash.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-blind.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-blind.stroked-icon:after {
  position: relative;
  content: "\e981";
}
.dlt-c8y-icon-blind.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-double-tap.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-double-tap.stroked-icon:after {
  position: relative;
  content: "\f15a";
}
.dlt-c8y-icon-double-tap.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-heart.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-heart.stroked-icon:after {
  position: relative;
  content: "\f0be";
}
.dlt-c8y-icon-heart.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-heart-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-heart-o.stroked-icon:after {
  position: relative;
  content: "\f0be";
}
.dlt-c8y-icon-heart-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-unheart.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-unheart.stroked-icon:after {
  position: relative;
  content: "\eaf1";
}
.dlt-c8y-icon-unheart.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-science.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-science.stroked-icon:after {
  position: relative;
  content: "\e984";
}
.dlt-c8y-icon-science.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-flask.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-flask.stroked-icon:after {
  position: relative;
  content: "\e984";
}
.dlt-c8y-icon-flask.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-school.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-school.stroked-icon:after {
  position: relative;
  content: "\e987";
}
.dlt-c8y-icon-school.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-graduation-cap.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-graduation-cap.stroked-icon:after {
  position: relative;
  content: "\e987";
}
.dlt-c8y-icon-graduation-cap.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-mortar-board.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-mortar-board.stroked-icon:after {
  position: relative;
  content: "\e987";
}
.dlt-c8y-icon-mortar-board.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-badge1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-badge1.stroked-icon:after {
  position: relative;
  content: "\eaf2";
}
.dlt-c8y-icon-badge1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-data-quality.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-data-quality.stroked-icon:after {
  position: relative;
  content: "\eb13";
}
.dlt-c8y-icon-data-quality.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-brightness-low.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-brightness-low.stroked-icon:after {
  position: relative;
  content: "\e908";
}
.dlt-c8y-icon-brightness-low.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-brightness-5.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-brightness-5.stroked-icon:after {
  position: relative;
  content: "\e908";
}
.dlt-c8y-icon-brightness-5.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-sun-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-sun-o.stroked-icon:after {
  position: relative;
  content: "\e908";
}
.dlt-c8y-icon-sun-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-bedtime.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-bedtime.stroked-icon:after {
  position: relative;
  content: "\e98c";
}
.dlt-c8y-icon-bedtime.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-moon-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-moon-o.stroked-icon:after {
  position: relative;
  content: "\e98c";
}
.dlt-c8y-icon-moon-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-moon.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-moon.stroked-icon:after {
  position: relative;
  content: "\e98c";
}
.dlt-c8y-icon-moon.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-add-identity-provider.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-add-identity-provider.stroked-icon:after {
  position: relative;
  content: "\eaf3";
}
.dlt-c8y-icon-add-identity-provider.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-bookmark-outline.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-bookmark-outline.stroked-icon:after {
  position: relative;
  content: "\eafb";
}
.dlt-c8y-icon-bookmark-outline.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-turned-in-not.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-turned-in-not.stroked-icon:after {
  position: relative;
  content: "\eafb";
}
.dlt-c8y-icon-turned-in-not.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-bookmark-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-bookmark-o.stroked-icon:after {
  position: relative;
  content: "\eafb";
}
.dlt-c8y-icon-bookmark-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-unbookmark.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-unbookmark.stroked-icon:after {
  position: relative;
  content: "\eafb";
}
.dlt-c8y-icon-unbookmark.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-bookmark.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-bookmark.stroked-icon:after {
  position: relative;
  content: "\e98f";
}
.dlt-c8y-icon-bookmark.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-turned-in.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-turned-in.stroked-icon:after {
  position: relative;
  content: "\e98f";
}
.dlt-c8y-icon-turned-in.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-check-box.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-check-box.stroked-icon:after {
  position: relative;
  content: "\e991";
}
.dlt-c8y-icon-check-box.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-check-square.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-check-square.stroked-icon:after {
  position: relative;
  content: "\e991";
}
.dlt-c8y-icon-check-square.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-check-square-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-check-square-o.stroked-icon:after {
  position: relative;
  content: "\e991";
}
.dlt-c8y-icon-check-square-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-checkbox-selected.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-checkbox-selected.stroked-icon:after {
  position: relative;
  content: "\e991";
}
.dlt-c8y-icon-checkbox-selected.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-add-box.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-add-box.stroked-icon:after {
  position: relative;
  content: "\e905";
}
.dlt-c8y-icon-add-box.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-plus-square.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-plus-square.stroked-icon:after {
  position: relative;
  content: "\e905";
}
.dlt-c8y-icon-plus-square.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-indeterminate-check-box.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-indeterminate-check-box.stroked-icon:after {
  position: relative;
  content: "\e994";
}
.dlt-c8y-icon-indeterminate-check-box.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-minus-square.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-minus-square.stroked-icon:after {
  position: relative;
  content: "\e994";
}
.dlt-c8y-icon-minus-square.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-duplicate.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-duplicate.stroked-icon:after {
  position: relative;
  content: "\eafc";
}
.dlt-c8y-icon-duplicate.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-check-box-outline-blank.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-check-box-outline-blank.stroked-icon:after {
  position: relative;
  content: "\e9db";
}
.dlt-c8y-icon-check-box-outline-blank.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-square-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-square-o.stroked-icon:after {
  position: relative;
  content: "\e9db";
}
.dlt-c8y-icon-square-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-checkbox-unselected.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-checkbox-unselected.stroked-icon:after {
  position: relative;
  content: "\eafd";
}
.dlt-c8y-icon-checkbox-unselected.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-add-new.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-add-new.stroked-icon:after {
  position: relative;
  content: "\f35e";
}
.dlt-c8y-icon-add-new.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-plus-square-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-plus-square-o.stroked-icon:after {
  position: relative;
  content: "\f35e";
}
.dlt-c8y-icon-plus-square-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-negative.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-negative.stroked-icon:after {
  position: relative;
  content: "\f3c4";
}
.dlt-c8y-icon-negative.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-minus-square-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-minus-square-o.stroked-icon:after {
  position: relative;
  content: "\f3c4";
}
.dlt-c8y-icon-minus-square-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-multiplication.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-multiplication.stroked-icon:after {
  position: relative;
  content: "\f3c1";
}
.dlt-c8y-icon-multiplication.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-times-rectangle-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-times-rectangle-o.stroked-icon:after {
  position: relative;
  content: "\f3c1";
}
.dlt-c8y-icon-times-rectangle-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-times-rectangle.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-times-rectangle.stroked-icon:after {
  position: relative;
  content: "\f3c1";
}
.dlt-c8y-icon-times-rectangle.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-ratio.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-ratio.stroked-icon:after {
  position: relative;
  content: "\f3db";
}
.dlt-c8y-icon-ratio.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-circle.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-circle.stroked-icon:after {
  position: relative;
  content: "\e998";
}
.dlt-c8y-icon-circle.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-contrast1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-contrast1.stroked-icon:after {
  position: relative;
  content: "\eafe";
}
.dlt-c8y-icon-contrast1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-connection-status-on.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-connection-status-on.stroked-icon:after {
  position: relative;
  content: "\f20e";
}
.dlt-c8y-icon-connection-status-on.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-ok.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-ok.stroked-icon:after {
  position: relative;
  content: "\eb00";
}
.dlt-c8y-icon-ok.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-check-circle.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-check-circle.stroked-icon:after {
  position: relative;
  content: "\eb00";
}
.dlt-c8y-icon-check-circle.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-check-circle-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-check-circle-o.stroked-icon:after {
  position: relative;
  content: "\eb00";
}
.dlt-c8y-icon-check-circle-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-success.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-success.stroked-icon:after {
  position: relative;
  content: "\eb00";
}
.dlt-c8y-icon-success.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-cross-circle.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-cross-circle.stroked-icon:after {
  position: relative;
  content: "\eb01";
}
.dlt-c8y-icon-cross-circle.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-times-circle.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-times-circle.stroked-icon:after {
  position: relative;
  content: "\eb01";
}
.dlt-c8y-icon-times-circle.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-times-circle-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-times-circle-o.stroked-icon:after {
  position: relative;
  content: "\eb01";
}
.dlt-c8y-icon-times-circle-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-add.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-add.stroked-icon:after {
  position: relative;
  content: "\eb03";
}
.dlt-c8y-icon-add.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-plus-circle.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-plus-circle.stroked-icon:after {
  position: relative;
  content: "\eb03";
}
.dlt-c8y-icon-plus-circle.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-minus-circle.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-minus-circle.stroked-icon:after {
  position: relative;
  content: "\eb05";
}
.dlt-c8y-icon-minus-circle.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-minus-sign.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-minus-sign.stroked-icon:after {
  position: relative;
  content: "\eb05";
}
.dlt-c8y-icon-minus-sign.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-radio-button-unchecked.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-radio-button-unchecked.stroked-icon:after {
  position: relative;
  content: "\e9dc";
}
.dlt-c8y-icon-radio-button-unchecked.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-circle-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-circle-o.stroked-icon:after {
  position: relative;
  content: "\e9dc";
}
.dlt-c8y-icon-circle-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-circle-thin.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-circle-thin.stroked-icon:after {
  position: relative;
  content: "\e9dc";
}
.dlt-c8y-icon-circle-thin.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-add-circle-outline.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-add-circle-outline.stroked-icon:after {
  position: relative;
  content: "\e9f6";
}
.dlt-c8y-icon-add-circle-outline.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-plus-circle-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-plus-circle-o.stroked-icon:after {
  position: relative;
  content: "\e9f6";
}
.dlt-c8y-icon-plus-circle-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-local-fire-department.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-local-fire-department.stroked-icon:after {
  position: relative;
  content: "\e99b";
}
.dlt-c8y-icon-local-fire-department.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-fire.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-fire.stroked-icon:after {
  position: relative;
  content: "\e99b";
}
.dlt-c8y-icon-fire.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-outlined-flag.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-outlined-flag.stroked-icon:after {
  position: relative;
  content: "\e99c";
}
.dlt-c8y-icon-outlined-flag.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-flag-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-flag-o.stroked-icon:after {
  position: relative;
  content: "\e99c";
}
.dlt-c8y-icon-flag-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-flag.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-flag.stroked-icon:after {
  position: relative;
  content: "\e99d";
}
.dlt-c8y-icon-flag.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-assistant-photo.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-assistant-photo.stroked-icon:after {
  position: relative;
  content: "\e99d";
}
.dlt-c8y-icon-assistant-photo.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-flag-checkered.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-flag-checkered.stroked-icon:after {
  position: relative;
  content: "\e99d";
}
.dlt-c8y-icon-flag-checkered.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-flash-on.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-flash-on.stroked-icon:after {
  position: relative;
  content: "\e99e";
}
.dlt-c8y-icon-flash-on.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-bolt.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-bolt.stroked-icon:after {
  position: relative;
  content: "\e99e";
}
.dlt-c8y-icon-bolt.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-quick-mode-on.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-quick-mode-on.stroked-icon:after {
  position: relative;
  content: "\f6f2";
}
.dlt-c8y-icon-quick-mode-on.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-flash.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-flash.stroked-icon:after {
  position: relative;
  content: "\f6f2";
}
.dlt-c8y-icon-flash.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-quick-mode-off.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-quick-mode-off.stroked-icon:after {
  position: relative;
  content: "\f6f1";
}
.dlt-c8y-icon-quick-mode-off.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-videogame-asset.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-videogame-asset.stroked-icon:after {
  position: relative;
  content: "\e9a1";
}
.dlt-c8y-icon-videogame-asset.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-gamepad.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-gamepad.stroked-icon:after {
  position: relative;
  content: "\e9a1";
}
.dlt-c8y-icon-gamepad.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-portraits.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-portraits.stroked-icon:after {
  position: relative;
  content: "\f2d0";
}
.dlt-c8y-icon-portraits.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-extension.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-extension.stroked-icon:after {
  position: relative;
  content: "\e90a";
}
.dlt-c8y-icon-extension.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-puzzle.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-puzzle.stroked-icon:after {
  position: relative;
  content: "\e90a";
}
.dlt-c8y-icon-puzzle.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-puzzle-piece.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-puzzle-piece.stroked-icon:after {
  position: relative;
  content: "\e90a";
}
.dlt-c8y-icon-puzzle-piece.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-star-outline.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-star-outline.stroked-icon:after {
  position: relative;
  content: "\e90f";
}
.dlt-c8y-icon-star-outline.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-star-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-star-o.stroked-icon:after {
  position: relative;
  content: "\e90f";
}
.dlt-c8y-icon-star-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-unstar.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-unstar.stroked-icon:after {
  position: relative;
  content: "\e90f";
}
.dlt-c8y-icon-unstar.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-star-half.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-star-half.stroked-icon:after {
  position: relative;
  content: "\e979";
}
.dlt-c8y-icon-star-half.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-star-half-empty.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-star-half-empty.stroked-icon:after {
  position: relative;
  content: "\e979";
}
.dlt-c8y-icon-star-half-empty.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-star-half-full.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-star-half-full.stroked-icon:after {
  position: relative;
  content: "\e979";
}
.dlt-c8y-icon-star-half-full.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-star-half-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-star-half-o.stroked-icon:after {
  position: relative;
  content: "\e979";
}
.dlt-c8y-icon-star-half-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-star.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-star.stroked-icon:after {
  position: relative;
  content: "\eb0c";
}
.dlt-c8y-icon-star.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-grade.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-grade.stroked-icon:after {
  position: relative;
  content: "\eb0c";
}
.dlt-c8y-icon-grade.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-home-page.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-home-page.stroked-icon:after {
  position: relative;
  content: "\eb0d";
}
.dlt-c8y-icon-home-page.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-home.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-home.stroked-icon:after {
  position: relative;
  content: "\eb0d";
}
.dlt-c8y-icon-home.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-attach.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-attach.stroked-icon:after {
  position: relative;
  content: "\f091";
}
.dlt-c8y-icon-attach.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-paper-clip.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-paper-clip.stroked-icon:after {
  position: relative;
  content: "\f091";
}
.dlt-c8y-icon-paper-clip.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-paperclip.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-paperclip.stroked-icon:after {
  position: relative;
  content: "\f091";
}
.dlt-c8y-icon-paperclip.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-link1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-link1.stroked-icon:after {
  position: relative;
  content: "\eb0e";
}
.dlt-c8y-icon-link1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-unlink1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-unlink1.stroked-icon:after {
  position: relative;
  content: "\eb0f";
}
.dlt-c8y-icon-unlink1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-online1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-online1.stroked-icon:after {
  position: relative;
  content: "\f0ea";
}
.dlt-c8y-icon-online1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-offline.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-offline.stroked-icon:after {
  position: relative;
  content: "\f0e8";
}
.dlt-c8y-icon-offline.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-notification.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-notification.stroked-icon:after {
  position: relative;
  content: "\e9a7";
}
.dlt-c8y-icon-notification.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-notifications.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-notifications.stroked-icon:after {
  position: relative;
  content: "\e9a7";
}
.dlt-c8y-icon-notifications.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-bell.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-bell.stroked-icon:after {
  position: relative;
  content: "\e9a7";
}
.dlt-c8y-icon-bell.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-bell-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-bell-o.stroked-icon:after {
  position: relative;
  content: "\e9a7";
}
.dlt-c8y-icon-bell-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-alarm.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-alarm.stroked-icon:after {
  position: relative;
  content: "\f479";
}
.dlt-c8y-icon-alarm.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-no-reminders.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-no-reminders.stroked-icon:after {
  position: relative;
  content: "\f0e6";
}
.dlt-c8y-icon-no-reminders.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-bell-slash.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-bell-slash.stroked-icon:after {
  position: relative;
  content: "\f0e6";
}
.dlt-c8y-icon-bell-slash.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-bell-slash-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-bell-slash-o.stroked-icon:after {
  position: relative;
  content: "\f0e6";
}
.dlt-c8y-icon-bell-slash-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-medium-priority.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-medium-priority.stroked-icon:after {
  position: relative;
  content: "\ea02";
}
.dlt-c8y-icon-medium-priority.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-sliders1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-sliders1.stroked-icon:after {
  position: relative;
  content: "\f656";
}
.dlt-c8y-icon-sliders1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-sliders2.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-sliders2.stroked-icon:after {
  position: relative;
  content: "\f656";
}
.dlt-c8y-icon-sliders2.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-adjust1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-adjust1.stroked-icon:after {
  position: relative;
  content: "\f656";
}
.dlt-c8y-icon-adjust1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-tune.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-tune.stroked-icon:after {
  position: relative;
  content: "\f728";
}
.dlt-c8y-icon-tune.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-customize.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-customize.stroked-icon:after {
  position: relative;
  content: "\f728";
}
.dlt-c8y-icon-customize.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-button.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-button.stroked-icon:after {
  position: relative;
  content: "\eb11";
}
.dlt-c8y-icon-button.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-breadcrumb.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-breadcrumb.stroked-icon:after {
  position: relative;
  content: "\eb12";
}
.dlt-c8y-icon-breadcrumb.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-window-minimize.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-window-minimize.stroked-icon:after {
  position: relative;
  content: "\f665";
}
.dlt-c8y-icon-window-minimize.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-versions.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-versions.stroked-icon:after {
  position: relative;
  content: "\eb14";
}
.dlt-c8y-icon-versions.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-pages.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-pages.stroked-icon:after {
  position: relative;
  content: "\eb18";
}
.dlt-c8y-icon-pages.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-change-theme.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-change-theme.stroked-icon:after {
  position: relative;
  content: "\f668";
}
.dlt-c8y-icon-change-theme.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-window-restore.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-window-restore.stroked-icon:after {
  position: relative;
  content: "\f668";
}
.dlt-c8y-icon-window-restore.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-landing-page.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-landing-page.stroked-icon:after {
  position: relative;
  content: "\eb19";
}
.dlt-c8y-icon-landing-page.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-continuous-mode.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-continuous-mode.stroked-icon:after {
  position: relative;
  content: "\f675";
}
.dlt-c8y-icon-continuous-mode.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-ruler-pencil.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-ruler-pencil.stroked-icon:after {
  position: relative;
  content: "\eb1a";
}
.dlt-c8y-icon-ruler-pencil.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-header1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-header1.stroked-icon:after {
  position: relative;
  content: "\eb1b";
}
.dlt-c8y-icon-header1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-body.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-body.stroked-icon:after {
  position: relative;
  content: "\eb1c";
}
.dlt-c8y-icon-body.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-footer.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-footer.stroked-icon:after {
  position: relative;
  content: "\eb1d";
}
.dlt-c8y-icon-footer.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-logs.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-logs.stroked-icon:after {
  position: relative;
  content: "\eb1e";
}
.dlt-c8y-icon-logs.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-overview.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-overview.stroked-icon:after {
  position: relative;
  content: "\eb20";
}
.dlt-c8y-icon-overview.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-tab.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-tab.stroked-icon:after {
  position: relative;
  content: "\eb21";
}
.dlt-c8y-icon-tab.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-cursor-in-window.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-cursor-in-window.stroked-icon:after {
  position: relative;
  content: "\ebae";
}
.dlt-c8y-icon-cursor-in-window.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-advertisement-page.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-advertisement-page.stroked-icon:after {
  position: relative;
  content: "\f659";
}
.dlt-c8y-icon-advertisement-page.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-share-square-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-share-square-o.stroked-icon:after {
  position: relative;
  content: "\f659";
}
.dlt-c8y-icon-share-square-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-share-square.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-share-square.stroked-icon:after {
  position: relative;
  content: "\f659";
}
.dlt-c8y-icon-share-square.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-share1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-share1.stroked-icon:after {
  position: relative;
  content: "\f659";
}
.dlt-c8y-icon-share1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-external-link.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-external-link.stroked-icon:after {
  position: relative;
  content: "\eb22";
}
.dlt-c8y-icon-external-link.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-level-up.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-level-up.stroked-icon:after {
  position: relative;
  content: "\f6b6";
}
.dlt-c8y-icon-level-up.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-trigger.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-trigger.stroked-icon:after {
  position: relative;
  content: "\eb24";
}
.dlt-c8y-icon-trigger.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-rules1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-rules1.stroked-icon:after {
  position: relative;
  content: "\eb25";
}
.dlt-c8y-icon-rules1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-email.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-email.stroked-icon:after {
  position: relative;
  content: "\f686";
}
.dlt-c8y-icon-email.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-form.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-form.stroked-icon:after {
  position: relative;
  content: "\f696";
}
.dlt-c8y-icon-form.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-language1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-language1.stroked-icon:after {
  position: relative;
  content: "\f6b3";
}
.dlt-c8y-icon-language1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-loading-bar.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-loading-bar.stroked-icon:after {
  position: relative;
  content: "\f6bc";
}
.dlt-c8y-icon-loading-bar.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-output.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-output.stroked-icon:after {
  position: relative;
  content: "\f6e4";
}
.dlt-c8y-icon-output.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-save1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-save1.stroked-icon:after {
  position: relative;
  content: "\f6f5";
}
.dlt-c8y-icon-save1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-floppy-o.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-floppy-o.stroked-icon:after {
  position: relative;
  content: "\f6f5";
}
.dlt-c8y-icon-floppy-o.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-single-choice.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-single-choice.stroked-icon:after {
  position: relative;
  content: "\f708";
}
.dlt-c8y-icon-single-choice.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-single-page-mode.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-single-page-mode.stroked-icon:after {
  position: relative;
  content: "\f709";
}
.dlt-c8y-icon-single-page-mode.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-skip.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-skip.stroked-icon:after {
  position: relative;
  content: "\f70a";
}
.dlt-c8y-icon-skip.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-support.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-support.stroked-icon:after {
  position: relative;
  content: "\f717";
}
.dlt-c8y-icon-support.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-wrench.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-wrench.stroked-icon:after {
  position: relative;
  content: "\f717";
}
.dlt-c8y-icon-wrench.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-maintenance.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-maintenance.stroked-icon:after {
  position: relative;
  content: "\f5b1";
}
.dlt-c8y-icon-maintenance.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-utility.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-utility.stroked-icon:after {
  position: relative;
  content: "\f5b1";
}
.dlt-c8y-icon-utility.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-themes.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-themes.stroked-icon:after {
  position: relative;
  content: "\f71f";
}
.dlt-c8y-icon-themes.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-book1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-book1.stroked-icon:after {
  position: relative;
  content: "\eb26";
}
.dlt-c8y-icon-book1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-top-menu.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-top-menu.stroked-icon:after {
  position: relative;
  content: "\f723";
}
.dlt-c8y-icon-top-menu.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-user-menu-male.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-user-menu-male.stroked-icon:after {
  position: relative;
  content: "\f734";
}
.dlt-c8y-icon-user-menu-male.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-hint.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-hint.stroked-icon:after {
  position: relative;
  content: "\f6a2";
}
.dlt-c8y-icon-hint.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-xlarge-icons1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-xlarge-icons1.stroked-icon:after {
  position: relative;
  content: "\f742";
}
.dlt-c8y-icon-xlarge-icons1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-circled-menu.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-circled-menu.stroked-icon:after {
  position: relative;
  content: "\f66e";
}
.dlt-c8y-icon-circled-menu.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-keypad.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-keypad.stroked-icon:after {
  position: relative;
  content: "\f6b2";
}
.dlt-c8y-icon-keypad.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-cake.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-cake.stroked-icon:after {
  position: relative;
  content: "\e9a8";
}
.dlt-c8y-icon-cake.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-birthday-cake.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-birthday-cake.stroked-icon:after {
  position: relative;
  content: "\e9a8";
}
.dlt-c8y-icon-birthday-cake.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-intelligence1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-intelligence1.stroked-icon:after {
  position: relative;
  content: "\ebd6";
}
.dlt-c8y-icon-intelligence1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-beginner.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-beginner.stroked-icon:after {
  position: relative;
  content: "\eb8c";
}
.dlt-c8y-icon-beginner.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-restaurant.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-restaurant.stroked-icon:after {
  position: relative;
  content: "\e9ac";
}
.dlt-c8y-icon-restaurant.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-cutlery.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-cutlery.stroked-icon:after {
  position: relative;
  content: "\e9ac";
}
.dlt-c8y-icon-cutlery.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-local-cafe.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-local-cafe.stroked-icon:after {
  position: relative;
  content: "\eb27";
}
.dlt-c8y-icon-local-cafe.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-free-breakfast.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-free-breakfast.stroked-icon:after {
  position: relative;
  content: "\eb27";
}
.dlt-c8y-icon-free-breakfast.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-coffee.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-coffee.stroked-icon:after {
  position: relative;
  content: "\eb27";
}
.dlt-c8y-icon-coffee.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-wine-bar.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-wine-bar.stroked-icon:after {
  position: relative;
  content: "\e9ab";
}
.dlt-c8y-icon-wine-bar.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-glass.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-glass.stroked-icon:after {
  position: relative;
  content: "\e9ab";
}
.dlt-c8y-icon-glass.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-espresso-cup.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-espresso-cup.stroked-icon:after {
  position: relative;
  content: "\eedb";
}
.dlt-c8y-icon-espresso-cup.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-broom.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-broom.stroked-icon:after {
  position: relative;
  content: "\ee8c";
}
.dlt-c8y-icon-broom.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-buy-upgrade.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-buy-upgrade.stroked-icon:after {
  position: relative;
  content: "\eb96";
}
.dlt-c8y-icon-buy-upgrade.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-speedometer.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-speedometer.stroked-icon:after {
  position: relative;
  content: "\f608";
}
.dlt-c8y-icon-speedometer.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-dashboard.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-dashboard.stroked-icon:after {
  position: relative;
  content: "\f55d";
}
.dlt-c8y-icon-dashboard.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-tachometer.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-tachometer.stroked-icon:after {
  position: relative;
  content: "\f55d";
}
.dlt-c8y-icon-tachometer.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-palette.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-palette.stroked-icon:after {
  position: relative;
  content: "\eb28";
}
.dlt-c8y-icon-palette.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-car-battery.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-car-battery.stroked-icon:after {
  position: relative;
  content: "\f541";
}
.dlt-c8y-icon-car-battery.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-magnetic.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-magnetic.stroked-icon:after {
  position: relative;
  content: "\ebdd";
}
.dlt-c8y-icon-magnetic.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-magnet1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-magnet1.stroked-icon:after {
  position: relative;
  content: "\ebdd";
}
.dlt-c8y-icon-magnet1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-right-navigation-toolbar.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-right-navigation-toolbar.stroked-icon:after {
  position: relative;
  content: "\f33c";
}
.dlt-c8y-icon-right-navigation-toolbar.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-tilt.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-tilt.stroked-icon:after {
  position: relative;
  content: "\f1c6";
}
.dlt-c8y-icon-tilt.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-clear-symbol.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-clear-symbol.stroked-icon:after {
  position: relative;
  content: "\f670";
}
.dlt-c8y-icon-clear-symbol.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-settings.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-settings.stroked-icon:after {
  position: relative;
  content: "\e986";
}
.dlt-c8y-icon-settings.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-cog.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-cog.stroked-icon:after {
  position: relative;
  content: "\e986";
}
.dlt-c8y-icon-cog.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-gear.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-gear.stroked-icon:after {
  position: relative;
  content: "\e986";
}
.dlt-c8y-icon-gear.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-advanced-search.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-advanced-search.stroked-icon:after {
  position: relative;
  content: "\f658";
}
.dlt-c8y-icon-advanced-search.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-heartbeat.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-heartbeat.stroked-icon:after {
  position: relative;
  content: "\f658";
}
.dlt-c8y-icon-heartbeat.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-installing-updates.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-installing-updates.stroked-icon:after {
  position: relative;
  content: "\f16a";
}
.dlt-c8y-icon-installing-updates.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-heating-automation.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-heating-automation.stroked-icon:after {
  position: relative;
  content: "\ef05";
}
.dlt-c8y-icon-heating-automation.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-impressum.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-impressum.stroked-icon:after {
  position: relative;
  content: "\eb29";
}
.dlt-c8y-icon-impressum.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-sun.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-sun.stroked-icon:after {
  position: relative;
  content: "\f75a";
}
.dlt-c8y-icon-sun.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-sunlight.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-sunlight.stroked-icon:after {
  position: relative;
  content: "\ec2d";
}
.dlt-c8y-icon-sunlight.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-cloud1.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-cloud1.stroked-icon:after {
  position: relative;
  content: "\f745";
}
.dlt-c8y-icon-cloud1.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-rain.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-rain.stroked-icon:after {
  position: relative;
  content: "\f754";
}
.dlt-c8y-icon-rain.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-winter.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-winter.stroked-icon:after {
  position: relative;
  content: "\f761";
}
.dlt-c8y-icon-winter.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-storm.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-storm.stroked-icon:after {
  position: relative;
  content: "\f758";
}
.dlt-c8y-icon-storm.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-keep-dry.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-keep-dry.stroked-icon:after {
  position: relative;
  content: "\ebd9";
}
.dlt-c8y-icon-keep-dry.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
.dlt-c8y-icon-umbrella.stroked-icon {
  position: relative;
  z-index: 0;
}
.dlt-c8y-icon-umbrella.stroked-icon:after {
  position: relative;
  content: "\ebd9";
}
.dlt-c8y-icon-umbrella.stroked-icon:before {
  position: absolute;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--c8y-icon-stroke-color, #132b45);
}
/*!
Force line break
*/
@font-face {
  font-weight: normal;
  font-style: normal;
  font-family: 'c8y-glyphs';
  src: url('data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAASQAA0AAAAABmgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAEdAAAABoAAAAci6ZHXk9TLzIAAAGgAAAARwAAAGBPtlyPY21hcAAAAgQAAABKAAABSuH3Ff9jdnQgAAACUAAAAAQAAAAEABEBRGdhc3AAAARsAAAACAAAAAj//wADZ2x5ZgAAAmgAAADZAAAA7I78fgNoZWFkAAABMAAAAC0AAAA2E9O5GGhoZWEAAAFgAAAAHQAAACQDcAIGaG10eAAAAegAAAAaAAAAGgTXAKVsb2NhAAACVAAAABIAAAASARwA/m1heHAAAAGAAAAAHwAAACAATABBbmFtZQAAA0QAAADsAAAB0dQuAddwb3N0AAAEMAAAADwAAABLaPeWx3jaY2BkYGAAYrc01X3x/DZfGbiZGEDgZrpNBJwWBCq5xpgN5HIwgKUB9CkIRAAAAHjaY2BkYGDMZmBg0GNiAAHGawyMDKiAFQAidgF7AAAAeNpjYGRgYOBgEGBgYgABEMnIABJzYNADCQAABbUAjgB42mNgYTzIOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGAQYECEhzTWFoYFD4yMx44P8BBj3GbIgaJCUKDIwAKFcK6AAAuwARAAAAAACqAAAAyAAAAgAAagBVACoAVQAAeNpjYGBgZoBgGQZGBhBwAfIYwXwWBg0gzQakGRmYGBQ+Mv//D+QrfGT4////Y34WqHogYGRjgHMYmYAEEwMqYIRYMZwBAMe9COkAAAARAUQAAAAqACoAKgAqAEYAUgBkAHYAAHjaHYwxSsRQFEXvTUx+YSEPjVNPRAIWCvPiDEiKEUFwAXEFIYJZgLgCrVLZ2MwGfpWsQ1sr7exE3IB8fLF4j8vh3oMIAuCZNWI4HA/ESTW6LXwvhjR5r8Y4soghnnAy4dGl/K1GTlxFpVA5kMe7tmUdvFDNFuEWGTfssI0dYFczPbWTuaizuNG21PCq8sMuz/PwwvLGe9sRNdb0+DIDDos54Xm99saPzPdmvsRKMxarGZ/Ow8fDxSW7s/DZr67+txm9dRywLJeL/b00r5u+afr76TXAH18eNuQAAAB42o2OPWrDQBCFv5VlQUwILlwk3RYhncTuuvDPAVSl9gWCkA1GMrIbnSC38SnS5yy5gUfSGGMIJAvDfDvzePOAJ84Yri9SNkx4UY5ICMoj3vhUjkXzpTxmyo9ywsQ8i9LED+o6sGEmNHDEI6/KI95ZKceiOSuPsXwrJ8xM1Fl9sKQlpWQv/cCWowyXbVru28NW+G5xHebUVJz63oikEOtAhpO+lvrNddjM8TJfSAVRewlKXlenvG7KwobM2bW9XZfP3KeLNDi/+kfUjeRoZLjr01nx7y5kfe+SsSma466urHM+c87Zvz0vw8dBq3jaY2BiAIP/txgkGbABDiBmZGBiYGZkYmRmZGFk5UhOzEnNS0ksYk1OLEotYU3OSE3OZk7JLwEA9IgKuAAAAAH//wACeNpjYGBgZACCG9fPrQXRN9NtImA0AFR1BtQAAA==') format('woff');
}
/*!
Force line break
*/
.c8y-glyph,
.c8y-glyph-calendar:before,
.c8y-glyph-caret:before,
.dlt-c8y-icon-caret-down:before,
.c8y-glyph-check:before,
.c8y-glyph-dot:before {
  display: inline-block;
  text-decoration: inherit;
  text-transform: none;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  font-family: 'c8y-glyphs' !important;
  line-height: 1;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
.c8y-glyph-calendar:before {
  content: '\f100';
}
.c8y-glyph-caret:before,
.dlt-c8y-icon-caret-down:before {
  content: '\f101';
}
.c8y-glyph-check:before {
  content: '\f102';
}
.c8y-glyph-dot:before {
  content: '\f103';
}
body.demo {
  position: relative;
  z-index: 0;
}
body.demo:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: url('baseline8.png') 0 0 repeat;
  pointer-events: none;
}
body.demo.front:after {
  z-index: 999999999;
  pointer-events: none;
}
.normal-marker-icon {
  background-image: url('normal-marker-icon.png');
}
.critical-marker-icon {
  background-image: url('critical-marker-icon.png');
}
.major-marker-icon {
  background-image: url('major-marker-icon.png');
}
.minor-marker-icon {
  background-image: url('minor-marker-icon.png');
}
.warning-marker-icon {
  background-image: url('warning-marker-icon.png');
}
@media (max-width: 768px) {
  .dashboard-grid {
    grid-template-columns: 1fr !important;
  }
  .dashboard-grid-child {
    grid-column-start: 1 !important;
    grid-column-end: 1 !important;
    grid-row-start: auto !important;
  }
  .card-header-grid.cdk-drag-handle {
    cursor: auto;
  }
}
body.c8y-grid-dashboard > .card.card-dashboard.cdk-drag-preview {
  opacity: 0.8;
}
.dashboard-grid {
  display: grid;
}
.dashboard-grid .dashboard-grid-child {
  min-width: 0;
}
.dashboard-grid .cdk-drop-list {
  position: relative;
}
.dashboard-grid .card-dashboard {
  overflow: hidden;
}
.dashboard-grid .card-dashboard.on-resize {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.8;
}
.dashboard-grid .card-dashboard.panel-content-transparent.on-resize {
  outline: 1px solid #05d5f5;
}
.dashboard-grid .card-header-grid {
  min-height: 6px;
  height: auto !important;
}
.dashboard-grid .card-header-actions:after,
.dashboard-grid .card-header-actions + .card-inner-scroll:before {
  display: none;
}
.dashboard-grid .header-actions {
  top: 0;
  right: 0;
  z-index: 10;
}
.dashboard-grid .resize-handle {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 12;
  width: 30px;
  height: 30px;
  cursor: se-resize;
}
.dashboard-grid .resize-icon {
  position: absolute;
  display: inline-block;
  text-transform: none;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  font-family: 'dlt-c8y-icons' !important;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  right: 4px;
  bottom: 4px;
  z-index: 11;
  width: 20px;
  height: 20px;
  opacity: 0;
  cursor: se-resize;
  transition: opacity 0.3s ease-in-out;
  transform: rotate(-90deg);
}
.dashboard-grid .resize-icon::before,
.dashboard-grid .resize-icon::after {
  font-size: 1.1em;
}
.dashboard-grid .resize-icon:before {
  content: "\e929";
}
.dashboard-grid .card-dashboard:hover .resize-icon {
  opacity: 0.25;
}
.dashboard-grid .resize-handle:hover + .resize-icon {
  opacity: 1;
}
.dashboard-grid .on-resize .resize-icon {
  opacity: 1 !important;
}
.dashboard-grid .card-placeholder {
  height: 100%;
  opacity: 1 !important;
  outline: 2px dotted transparent !important;
  outline-offset: 0;
}
.dashboard-grid .cdk-drop-list,
.dashboard-grid .card-dashboard {
  height: 100%;
}
.fullscreen-dashboard {
  overflow: hidden;
}
.fullscreen-dashboard .navigator,
.fullscreen-dashboard .app-main-header {
  display: none;
}
.fullscreen-dashboard .mcontainer {
  margin-top: 0;
  margin-left: 0 !important;
  padding: 0 !important;
  background-color: #141414;
}
.fullscreen-dashboard .mcontainer > .container-fluid {
  padding-bottom: 0;
}
.fullscreen-dashboard .c8y-ui-action-bar {
  top: 0 !important;
  left: 0 !important;
}
.fullscreen-dashboard .dashboard {
  top: 0;
  left: 0;
  z-index: 1085 !important;
  overflow-y: auto;
  margin: 0 !important;
  padding-top: calc(var(--c8y-unit-base) * 10);
  padding-bottom: 24px !important;
  width: 100vw;
  height: 99vh;
}
.fullscreen-dashboard .dashboard::-webkit-scrollbar {
  width: 4px;
  /* for vertical scrollbars */
  height: 4px;
  /* for horizontal scrollbars */
}
.fullscreen-dashboard .dashboard::-webkit-scrollbar-track {
  background: transparent;
}
.fullscreen-dashboard .dashboard::-webkit-scrollbar-track:not(textarea) {
  background: var(--c8y-component-scrollbar-track, var(--c8y-root-component-scrollbar-track));
}
.fullscreen-dashboard .dashboard::-webkit-scrollbar-thumb {
  width: 4px;
  border-radius: 1px;
  background: var(--c8y-component-scrollbar-thumb-default, var(--c8y-root-component-scrollbar-thumb-default));
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.fullscreen-dashboard .dashboard:hover::-webkit-scrollbar-thumb {
  background: var(--c8y-component-scrollbar-thumb-hover, var(--c8y-root-component-scrollbar-thumb-hover));
}
.fullscreen-dashboard .dashboard .dashboard {
  padding-bottom: 0 !important;
  all: unset;
}
.fullscreen-dashboard .dashboard .dashboard-container {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.fullscreen-dashboard .page-tabs:not(.c8y-top-drawer--tabs) {
  display: none;
}
.singleWidget .c8y-ui-action-bar {
  display: none!important;
}
.singleWidget .dashboard-grid-child:not(.fullscreen) {
  display: none!important;
}
.singleWidget .dashboard-grid-child.fullscreen {
  position: fixed;
  inset: 24px;
  z-index: 100;
  margin: 0!important;
}
.singleWidget .dashboard {
  overflow: hidden!important;
}
:fullscreen:not(:root) {
  overflow: hidden;
}
:fullscreen:not(:root) .navigator,
:fullscreen:not(:root) .app-main-header {
  display: none;
}
:fullscreen:not(:root) .mcontainer {
  margin-top: 0;
  margin-left: 0 !important;
  padding: 0 !important;
  background-color: #141414;
}
:fullscreen:not(:root) .mcontainer > .container-fluid {
  padding-bottom: 0;
}
:fullscreen:not(:root) .c8y-ui-action-bar {
  top: 0 !important;
  left: 0 !important;
}
:fullscreen:not(:root) .dashboard {
  top: 0;
  left: 0;
  z-index: 1085 !important;
  overflow-y: auto;
  margin: 0 !important;
  padding-top: calc(var(--c8y-unit-base) * 10);
  padding-bottom: 24px !important;
  width: 100vw;
  height: 99vh;
}
:fullscreen:not(:root) .dashboard::-webkit-scrollbar {
  width: 4px;
  /* for vertical scrollbars */
  height: 4px;
  /* for horizontal scrollbars */
}
:fullscreen:not(:root) .dashboard::-webkit-scrollbar-track {
  background: transparent;
}
:fullscreen:not(:root) .dashboard::-webkit-scrollbar-track:not(textarea) {
  background: var(--c8y-component-scrollbar-track, var(--c8y-root-component-scrollbar-track));
}
:fullscreen:not(:root) .dashboard::-webkit-scrollbar-thumb {
  width: 4px;
  border-radius: 1px;
  background: var(--c8y-component-scrollbar-thumb-default, var(--c8y-root-component-scrollbar-thumb-default));
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
:fullscreen:not(:root) .dashboard:hover::-webkit-scrollbar-thumb {
  background: var(--c8y-component-scrollbar-thumb-hover, var(--c8y-root-component-scrollbar-thumb-hover));
}
:fullscreen:not(:root) .dashboard .dashboard {
  padding-bottom: 0 !important;
  all: unset;
}
:fullscreen:not(:root) .dashboard .dashboard-container {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
:fullscreen:not(:root) .page-tabs:not(.c8y-top-drawer--tabs) {
  display: none;
}
body .dashboard-preview-slot {
  margin: 0 !important;
  padding: 30px;
  border: 1px solid transparent;
}
body .dashboard-preview-slot .page-tabs-horizontal {
  margin-top: 2px !important;
}
body .dashboard-preview-slot .card.card-dashboard {
  position: relative;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 15px !important;
  padding-bottom: 35%;
}
.panel-title-hidden .card.card-dashboard .card-header-actions,
.card.card-dashboard .dashboard-preview-slot.panel-title-hidden .card-header-actions,
.card.card-dashboard.panel-title-hidden.cdk-drag-disabled .card-header-actions {
  position: absolute;
  z-index: 10;
  min-height: 6px;
  width: 100%;
  height: 0;
  border: 0;
  pointer-events: none;
}
.panel-title-hidden .card.card-dashboard .card-header-actions:after,
.card.card-dashboard .dashboard-preview-slot.panel-title-hidden .card-header-actions:after,
.card.card-dashboard.panel-title-hidden.cdk-drag-disabled .card-header-actions:after {
  display: none;
}
.panel-title-hidden .card.card-dashboard .card-header-actions > *,
.card.card-dashboard .dashboard-preview-slot.panel-title-hidden .card-header-actions > *,
.card.card-dashboard.panel-title-hidden.cdk-drag-disabled .card-header-actions > * {
  display: none;
}
.panel-title-hidden .card.card-dashboard .card-header-actions > .header-actions,
.card.card-dashboard .dashboard-preview-slot.panel-title-hidden .card-header-actions > .header-actions,
.card.card-dashboard.panel-title-hidden.cdk-drag-disabled .card-header-actions > .header-actions {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  display: flex;
  border-left: 0;
  opacity: 0;
}
.panel-title-hidden .card.card-dashboard .card-header-actions + .card-inner-scroll,
.card.card-dashboard .dashboard-preview-slot.panel-title-hidden .card-header-actions + .card-inner-scroll,
.card.card-dashboard.panel-title-hidden.cdk-drag-disabled .card-header-actions + .card-inner-scroll {
  top: 0;
  z-index: 9;
  height: 100%;
}
.panel-title-hidden .card.card-dashboard .card-header-actions + .card-inner-scroll.has-footer,
.card.card-dashboard .dashboard-preview-slot.panel-title-hidden .card-header-actions + .card-inner-scroll.has-footer,
.card.card-dashboard.panel-title-hidden.cdk-drag-disabled .card-header-actions + .card-inner-scroll.has-footer {
  height: calc(100% - 65px);
}
.panel-title-hidden .card.card-dashboard .card-header-actions + .card-inner-scroll:before,
.card.card-dashboard .dashboard-preview-slot.panel-title-hidden .card-header-actions + .card-inner-scroll:before,
.card.card-dashboard.panel-title-hidden.cdk-drag-disabled .card-header-actions + .card-inner-scroll:before {
  display: none;
}
.panel-title-hidden .card.card-dashboard .card-header-actions + .card-inner-scroll .leaflet-top .leaflet-control,
.card.card-dashboard .dashboard-preview-slot.panel-title-hidden .card-header-actions + .card-inner-scroll .leaflet-top .leaflet-control,
.card.card-dashboard.panel-title-hidden.cdk-drag-disabled .card-header-actions + .card-inner-scroll .leaflet-top .leaflet-control {
  margin-top: 16px;
}
.panel-title-hidden .card.card-dashboard .card-header-actions + .card-inner-scroll .c8y-map-status,
.card.card-dashboard .dashboard-preview-slot.panel-title-hidden .card-header-actions + .card-inner-scroll .c8y-map-status,
.card.card-dashboard.panel-title-hidden.cdk-drag-disabled .card-header-actions + .card-inner-scroll .c8y-map-status {
  margin-top: 0;
}
.panel-title-hidden .card.card-dashboard .card-header-actions + .card-inner-scroll .top-chart-bar,
.card.card-dashboard .dashboard-preview-slot.panel-title-hidden .card-header-actions + .card-inner-scroll .top-chart-bar,
.card.card-dashboard.panel-title-hidden.cdk-drag-disabled .card-header-actions + .card-inner-scroll .top-chart-bar,
.panel-title-hidden .card.card-dashboard .card-header-actions + .card-inner-scroll .sticky-top,
.card.card-dashboard .dashboard-preview-slot.panel-title-hidden .card-header-actions + .card-inner-scroll .sticky-top,
.card.card-dashboard.panel-title-hidden.cdk-drag-disabled .card-header-actions + .card-inner-scroll .sticky-top {
  padding-top: var(--c8y-unit-base);
}
.panel-title-overlay .card.card-dashboard .card-header-actions,
.dashboard-preview-slot.panel-title-overlay .card.card-dashboard .card-header-actions,
.card.card-dashboard.panel-title-overlay.cdk-drag-disabled .card-header-actions {
  position: absolute;
  z-index: 10;
  width: 100%;
  border: 0;
  pointer-events: none;
}
.panel-title-overlay .card.card-dashboard .card-header-actions:after,
.dashboard-preview-slot.panel-title-overlay .card.card-dashboard .card-header-actions:after,
.card.card-dashboard.panel-title-overlay.cdk-drag-disabled .card-header-actions:after {
  display: none;
}
.panel-title-overlay .card.card-dashboard .card-header-actions .card-header-title,
.dashboard-preview-slot.panel-title-overlay .card.card-dashboard .card-header-actions .card-header-title,
.card.card-dashboard.panel-title-overlay.cdk-drag-disabled .card-header-actions .card-header-title {
  min-height: 40px;
}
.panel-title-overlay .card.card-dashboard .card-header-actions > .header-actions,
.dashboard-preview-slot.panel-title-overlay .card.card-dashboard .card-header-actions > .header-actions,
.card.card-dashboard.panel-title-overlay.cdk-drag-disabled .card-header-actions > .header-actions {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  display: flex;
  border-left: 0;
  opacity: 0;
}
.panel-title-overlay .card.card-dashboard .card-header-actions + .card-inner-scroll,
.dashboard-preview-slot.panel-title-overlay .card.card-dashboard .card-header-actions + .card-inner-scroll,
.card.card-dashboard.panel-title-overlay.cdk-drag-disabled .card-header-actions + .card-inner-scroll {
  top: 0;
  z-index: 9;
  height: 100%;
}
.panel-title-overlay .card.card-dashboard .card-header-actions + .card-inner-scroll:before,
.dashboard-preview-slot.panel-title-overlay .card.card-dashboard .card-header-actions + .card-inner-scroll:before,
.card.card-dashboard.panel-title-overlay.cdk-drag-disabled .card-header-actions + .card-inner-scroll:before {
  display: none;
}
.panel-title-overlay .card.card-dashboard .card-header-actions + .card-inner-scroll .leaflet-top .leaflet-control,
.dashboard-preview-slot.panel-title-overlay .card.card-dashboard .card-header-actions + .card-inner-scroll .leaflet-top .leaflet-control,
.card.card-dashboard.panel-title-overlay.cdk-drag-disabled .card-header-actions + .card-inner-scroll .leaflet-top .leaflet-control {
  margin-top: 40px;
}
.panel-title-overlay .card.card-dashboard .card-header-actions + .card-inner-scroll .c8y-map-status,
.dashboard-preview-slot.panel-title-overlay .card.card-dashboard .card-header-actions + .card-inner-scroll .c8y-map-status,
.card.card-dashboard.panel-title-overlay.cdk-drag-disabled .card-header-actions + .card-inner-scroll .c8y-map-status {
  margin-top: 24px;
}
.panel-title-overlay .card.card-dashboard .card-header-actions + .card-inner-scroll .top-chart-bar,
.dashboard-preview-slot.panel-title-overlay .card.card-dashboard .card-header-actions + .card-inner-scroll .top-chart-bar,
.card.card-dashboard.panel-title-overlay.cdk-drag-disabled .card-header-actions + .card-inner-scroll .top-chart-bar,
.panel-title-overlay .card.card-dashboard .card-header-actions + .card-inner-scroll .sticky-top,
.dashboard-preview-slot.panel-title-overlay .card.card-dashboard .card-header-actions + .card-inner-scroll .sticky-top,
.card.card-dashboard.panel-title-overlay.cdk-drag-disabled .card-header-actions + .card-inner-scroll .sticky-top {
  padding-top: var(--c8y-unit-base);
}
.panel-title-border .card.card-dashboard .card-header-actions,
.dashboard-preview-slot.panel-title-border .card.card-dashboard .card-header-actions,
.card.card-dashboard.panel-title-border .card-header-actions {
  z-index: 10;
  border-color: transparent;
  border-top: 1px solid transparent;
  border-bottom-width: 1px;
  border-bottom-style: solid;
}
.panel-title-border .card.card-dashboard .card-header-actions:after,
.dashboard-preview-slot.panel-title-border .card.card-dashboard .card-header-actions:after,
.card.card-dashboard.panel-title-border .card-header-actions:after {
  display: none;
}
.panel-title-border .card.card-dashboard .card-header-actions + .card-inner-scroll:before,
.dashboard-preview-slot.panel-title-border .card.card-dashboard .card-header-actions + .card-inner-scroll:before,
.card.card-dashboard.panel-title-border .card-header-actions + .card-inner-scroll:before {
  display: none;
}
.dashboard-template-marker {
  color: var(--palette-status-info, var(--c8y-palette-status-info));
  line-height: 0.5;
  font-size: 10px;
  font-weight: bold;
  padding: 4px 3px;
  border: 1px solid;
  height: 14px;
  display: inline-block;
}
.dashboard-template-marker::before {
  content: 'T';
}
.label .dashboard-template-marker,
.tag .dashboard-template-marker {
  position: static;
  margin: 0 4px 0 -4px;
}
.caret {
  position: relative;
  display: inline-block;
  margin-top: -2px;
  width: 0.8em;
  vertical-align: inherit;
}
.caret:after {
  position: absolute;
  top: 50%;
  left: 4px;
  z-index: 2;
  color: var(--c8y-form-control-icon-color);
  content: '\f101';
  font-size: 18px;
  transform: translate(0, -50%);
  pointer-events: none;
  display: inline-block;
  text-decoration: inherit;
  text-transform: none;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  font-family: 'c8y-glyphs' !important;
  line-height: 1;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
.dropdown-caret:after {
  position: absolute;
  top: 50%;
  right: 5px;
  z-index: 2;
  color: var(--c8y-form-control-icon-color);
  content: '\f101';
  font-size: 18px;
  transform: translate(0, -50%);
  pointer-events: none;
  display: inline-block;
  text-decoration: inherit;
  text-transform: none;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  font-family: 'c8y-glyphs' !important;
  line-height: 1;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
.text-light {
  font-weight: 200 !important;
}
.text-normal {
  font-weight: 400 !important;
}
.text-medium {
  font-weight: 600 !important;
}
.text-bold,
.strong {
  font-weight: 700 !important;
}
.text-tabular {
  font-feature-settings: "tnum" 1, "kern" 1 !important;
}
.first-line-bold::first-line {
  font-weight: 600 !important;
}
/* #region */
@media (max-width: 767px) {
  .text-light-xs {
    font-weight: 200 !important;
  }
  .text-normal-xs {
    font-weight: 400 !important;
  }
  .text-medium-xs {
    font-weight: 600 !important;
  }
  .text-bold-xs,
  .strong-xs {
    font-weight: bold !important;
  }
}
@media (min-width: 768px) {
  .text-light-sm {
    font-weight: 200 !important;
  }
  .text-normal-sm {
    font-weight: 400 !important;
  }
  .text-medium-sm {
    font-weight: 600 !important;
  }
  .text-bold-sm,
  .strong-sm {
    font-weight: bold !important;
  }
}
@media (min-width: 992px) {
  .text-light-md {
    font-weight: 200 !important;
  }
  .text-normal-md {
    font-weight: 400 !important;
  }
  .text-medium-md {
    font-weight: 600 !important;
  }
  .text-bold-md,
  .strong-md {
    font-weight: bold !important;
  }
}
@media (min-width: 1200px) {
  .text-light-lg {
    font-weight: 200 !important;
  }
  .text-normal-lg {
    font-weight: 400 !important;
  }
  .text-medium-lg {
    font-weight: 600 !important;
  }
  .text-bold-lg,
  .strong-lg {
    font-weight: bold !important;
  }
}
/* #endregion */
.text-10 {
  font-size: 10px !important;
}
.text-12 {
  font-size: 12px !important;
}
.text-14 {
  font-size: 14px !important;
}
.text-16 {
  font-size: 16px !important;
}
/* #region */
@media (max-width: 767px) {
  .text-10-xs {
    font-size: 10px !important;
  }
  .text-12-xs {
    font-size: 12px !important;
  }
  .text-14-xs {
    font-size: 14px !important;
  }
  .text-16-xs {
    font-size: 16px !important;
  }
}
@media (min-width: 768px) {
  .text-10-sm {
    font-size: 10px !important;
  }
  .text-12-sm {
    font-size: 12px !important;
  }
  .text-14-sm {
    font-size: 14px !important;
  }
  .text-16-sm {
    font-size: 16px !important;
  }
}
@media (min-width: 992px) {
  .text-10-md {
    font-size: 10px !important;
  }
  .text-12-md {
    font-size: 12px !important;
  }
  .text-14-md {
    font-size: 14px !important;
  }
  .text-16-md {
    font-size: 16px !important;
  }
}
@media (min-width: 1200px) {
  .text-10-lg {
    font-size: 10px !important;
  }
  .text-12-lg {
    font-size: 12px !important;
  }
  .text-14-lg {
    font-size: 14px !important;
  }
  .text-16-lg {
    font-size: 16px !important;
  }
}
/* #endregion */
.l-h-base {
  line-height: var(--c8y-line-height-base, 1.42857143) !important;
}
.l-h-inherit {
  line-height: inherit !important;
}
.l-h-0 {
  line-height: 0 !important;
}
.l-h-1 {
  line-height: 1 !important;
}
.l-h-tight {
  line-height: 1.2 !important;
}
.l-h-input {
  line-height: 32px !important;
}
/* #region */
@media (max-width: 767px) {
  .l-h-base-xs {
    line-height: var(--c8y-line-height-base, 1.42857143) !important;
  }
  .l-h-inherit-xs {
    line-height: inherit !important;
  }
  .l-h-0-xs {
    line-height: 0 !important;
  }
  .l-h-1-xs {
    line-height: 1 !important;
  }
  .l-h-tight-xs {
    line-height: 1.2 !important;
  }
  .l-h-input-xs {
    line-height: 32px !important;
  }
}
@media (min-width: 768px) {
  .l-h-base-sm {
    line-height: var(--c8y-line-height-base, 1.42857143) !important;
  }
  .l-h-inherit-sm {
    line-height: inherit !important;
  }
  .l-h-0-sm {
    line-height: 0 !important;
  }
  .l-h-1-sm {
    line-height: 1 !important;
  }
  .l-h-tight-sm {
    line-height: 1.2 !important;
  }
  .l-h-input-sm {
    line-height: 32px !important;
  }
}
@media (min-width: 992px) {
  .l-h-base-md {
    line-height: var(--c8y-line-height-base, 1.42857143) !important;
  }
  .l-h-inherit-md {
    line-height: inherit !important;
  }
  .l-h-0-md {
    line-height: 0 !important;
  }
  .l-h-1-md {
    line-height: 1 !important;
  }
  .l-h-tight-md {
    line-height: 1.2 !important;
  }
  .l-h-input-md {
    line-height: 32px !important;
  }
}
@media (min-width: 1200px) {
  .l-h-base-lg {
    line-height: var(--c8y-line-height-base, 1.42857143) !important;
  }
  .l-h-inherit-lg {
    line-height: inherit !important;
  }
  .l-h-0-lg {
    line-height: 0 !important;
  }
  .l-h-1-lg {
    line-height: 1 !important;
  }
  .l-h-tight-lg {
    line-height: 1.2 !important;
  }
  .l-h-input-lg {
    line-height: 32px !important;
  }
}
/* #endregion */
.text-lowercase {
  text-transform: lowercase !important;
}
.text-uppercase {
  text-transform: uppercase !important;
}
.text-capitalize {
  text-transform: capitalize !important;
}
.text-label-small {
  color: #8a9596 !important;
  text-transform: uppercase !important;
  font-size: 10px !important;
}
/* #region */
@media (max-width: 767px) {
  .text-lowercase-xs {
    text-transform: lowercase !important;
  }
  .text-uppercase-xs {
    text-transform: uppercase !important;
  }
  .text-capitalize-xs {
    text-transform: capitalize !important;
  }
  .text-label-small-xs {
    color: #8a9596 !important;
    text-transform: uppercase !important;
    font-size: 10px !important;
  }
}
@media (min-width: 768px) {
  .text-lowercase-sm {
    text-transform: lowercase !important;
  }
  .text-uppercase-sm {
    text-transform: uppercase !important;
  }
  .text-capitalize-sm {
    text-transform: capitalize !important;
  }
  .text-label-small-sm {
    color: #8a9596 !important;
    text-transform: uppercase !important;
    font-size: 10px !important;
  }
}
@media (min-width: 992px) {
  .text-lowercase-md {
    text-transform: lowercase !important;
  }
  .text-uppercase-md {
    text-transform: uppercase !important;
  }
  .text-capitalize-md {
    text-transform: capitalize !important;
  }
  .text-label-small-md {
    color: #8a9596 !important;
    text-transform: uppercase !important;
    font-size: 10px !important;
  }
}
@media (min-width: 1200px) {
  .text-lowercase-lg {
    text-transform: lowercase !important;
  }
  .text-uppercase-lg {
    text-transform: uppercase !important;
  }
  .text-capitalize-lg {
    text-transform: capitalize !important;
  }
  .text-label-small-lg {
    color: #8a9596 !important;
    text-transform: uppercase !important;
    font-size: 10px !important;
  }
}
/* #endregion */
.text-left {
  text-align: left !important;
}
.text-right {
  text-align: right !important;
}
.text-center {
  text-align: center !important;
}
/* #region */
@media (max-width: 767px) {
  .text-left-xs {
    text-align: left !important;
  }
  .text-right-xs {
    text-align: right !important;
  }
  .text-center-xs {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .text-left-sm {
    text-align: left !important;
  }
  .text-right-sm {
    text-align: right !important;
  }
  .text-center-sm {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .text-left-md {
    text-align: left !important;
  }
  .text-right-md {
    text-align: right !important;
  }
  .text-center-md {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .text-left-lg {
    text-align: left !important;
  }
  .text-right-lg {
    text-align: right !important;
  }
  .text-center-lg {
    text-align: center !important;
  }
}
/* #endregion */
.text-nowrap {
  white-space: nowrap !important;
}
.text-break-word {
  word-break: break-word !important;
  overflow-wrap: break-word !important;
}
.text-break-all {
  word-break: break-all !important;
}
.text-pre {
  white-space: pre !important;
}
.text-pre-wrap {
  white-space: pre-wrap !important;
}
.text-pre-line {
  white-space: pre-line !important;
}
.text-pre-normal {
  white-space: normal !important;
}
.text-pretty {
  text-wrap: pretty;
}
.text-balance {
  text-wrap: balance;
}
/* #region */
@media (max-width: 767px) {
  .text-nowrap-xs {
    white-space: nowrap !important;
  }
  .text-break-word-xs {
    word-break: break-word !important;
    overflow-wrap: break-word !important;
  }
  .text-break-all-xs {
    word-break: break-all !important;
  }
  .text-pre-xs {
    white-space: pre !important;
  }
  .text-pre-wrap-xs {
    white-space: pre-wrap !important;
  }
  .text-pre-line-xs {
    white-space: pre-line !important;
  }
  .text-pre-normal-xs {
    white-space: normal !important;
  }
}
@media (min-width: 768px) {
  .text-nowrap-sm {
    white-space: nowrap !important;
  }
  .text-break-word-sm {
    word-break: break-word !important;
    overflow-wrap: break-word !important;
  }
  .text-break-all-sm {
    word-break: break-all !important;
  }
  .text-pre-sm {
    white-space: pre !important;
  }
  .text-pre-wrap-sm {
    white-space: pre-wrap !important;
  }
  .text-pre-line-sm {
    white-space: pre-line !important;
  }
  .text-pre-normal-sm {
    white-space: normal !important;
  }
}
@media (min-width: 992px) {
  .text-nowrap-md {
    white-space: nowrap !important;
  }
  .text-break-word-md {
    word-break: break-word !important;
    overflow-wrap: break-word !important;
  }
  .text-break-all-md {
    word-break: break-all !important;
  }
  .text-pre-md {
    white-space: pre !important;
  }
  .text-pre-wrap-md {
    white-space: pre-wrap !important;
  }
  .text-pre-line-md {
    white-space: pre-line !important;
  }
  .text-pre-normal-md {
    white-space: normal !important;
  }
}
@media (min-width: 1200px) {
  .text-nowrap-lg {
    white-space: nowrap !important;
  }
  .text-break-word-lg {
    word-break: break-word !important;
    overflow-wrap: break-word !important;
  }
  .text-break-all-lg {
    word-break: break-all !important;
  }
  .text-pre-lg {
    white-space: pre !important;
  }
  .text-pre-wrap-lg {
    white-space: pre-wrap !important;
  }
  .text-pre-line-lg {
    white-space: pre-line !important;
  }
  .text-pre-normal-lg {
    white-space: normal !important;
  }
}
/* #endregion */
.text-truncate {
  display: block;
  overflow: hidden !important;
  max-width: 100% !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.text-truncate-wrap {
  display: block;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.line-clamp--2 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
/* #region */
@media (max-width: 767px) {
  .text-truncate-xs {
    display: block;
    overflow: hidden !important;
    max-width: 100% !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
  .text-truncate-wrap-xs {
    display: block;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
}
@media (min-width: 768px) {
  .text-truncate-sm {
    display: block;
    overflow: hidden !important;
    max-width: 100% !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
  .text-truncate-wrap-sm {
    display: block;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
}
@media (min-width: 992px) {
  .text-truncate-md {
    display: block;
    overflow: hidden !important;
    max-width: 100% !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
  .text-truncate-wrap-md {
    display: block;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
}
@media (min-width: 1200px) {
  .text-truncate-lg {
    display: block;
    overflow: hidden !important;
    max-width: 100% !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
  .text-truncate-wrap-lg {
    display: block;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
}
/* #endregion */
.text-monospace {
  font-family: var(--c8y-font-family-mono-spaced) !important;
}
.font-size-inherit {
  font-size: inherit !important;
}
.text-default {
  color: var(--c8y-component-color-default, var(--c8y-root-component-color-default));
}
a.text-default:hover,
a.text-default:focus {
  filter: brightness(0.8);
}
a.text-default:hover [class^='dlt-c8y-icon-'],
a.text-default:focus [class^='dlt-c8y-icon-'],
a.text-default:hover [class*=' dlt-c8y-icon-'],
a.text-default:focus [class*=' dlt-c8y-icon-'],
a.text-default:hover .c8y-icon,
a.text-default:focus .c8y-icon {
  text-decoration: none;
}
.text-white {
  color: #132b45;
}
a.text-white:hover,
a.text-white:focus {
  filter: brightness(0.8);
}
a.text-white:hover [class^='dlt-c8y-icon-'],
a.text-white:focus [class^='dlt-c8y-icon-'],
a.text-white:hover [class*=' dlt-c8y-icon-'],
a.text-white:focus [class*=' dlt-c8y-icon-'],
a.text-white:hover .c8y-icon,
a.text-white:focus .c8y-icon {
  text-decoration: none;
}
.text-muted {
  color: #8a9596;
}
a.text-muted:hover,
a.text-muted:focus {
  filter: brightness(0.8);
}
a.text-muted:hover [class^='dlt-c8y-icon-'],
a.text-muted:focus [class^='dlt-c8y-icon-'],
a.text-muted:hover [class*=' dlt-c8y-icon-'],
a.text-muted:focus [class*=' dlt-c8y-icon-'],
a.text-muted:hover .c8y-icon,
a.text-muted:focus .c8y-icon {
  text-decoration: none;
}
.text-primary {
  color: var(--c8y-root-component-brand-primary, #132b45);
}
a.text-primary:hover,
a.text-primary:focus {
  filter: brightness(0.8);
}
a.text-primary:hover [class^='dlt-c8y-icon-'],
a.text-primary:focus [class^='dlt-c8y-icon-'],
a.text-primary:hover [class*=' dlt-c8y-icon-'],
a.text-primary:focus [class*=' dlt-c8y-icon-'],
a.text-primary:hover .c8y-icon,
a.text-primary:focus .c8y-icon {
  text-decoration: none;
}
.text-primary-light {
  color: #05d5f5;
}
a.text-primary-light:hover,
a.text-primary-light:focus {
  filter: brightness(0.8);
}
a.text-primary-light:hover [class^='dlt-c8y-icon-'],
a.text-primary-light:focus [class^='dlt-c8y-icon-'],
a.text-primary-light:hover [class*=' dlt-c8y-icon-'],
a.text-primary-light:focus [class*=' dlt-c8y-icon-'],
a.text-primary-light:hover .c8y-icon,
a.text-primary-light:focus .c8y-icon {
  text-decoration: none;
}
.text-complementary {
  color: #05d5f5;
}
a.text-complementary:hover,
a.text-complementary:focus {
  filter: brightness(0.8);
}
a.text-complementary:hover [class^='dlt-c8y-icon-'],
a.text-complementary:focus [class^='dlt-c8y-icon-'],
a.text-complementary:hover [class*=' dlt-c8y-icon-'],
a.text-complementary:focus [class*=' dlt-c8y-icon-'],
a.text-complementary:hover .c8y-icon,
a.text-complementary:focus .c8y-icon {
  text-decoration: none;
}
.text-accent {
  color: var(--c8y-brand-accent);
}
a.text-accent:hover,
a.text-accent:focus {
  filter: brightness(0.8);
}
a.text-accent:hover [class^='dlt-c8y-icon-'],
a.text-accent:focus [class^='dlt-c8y-icon-'],
a.text-accent:hover [class*=' dlt-c8y-icon-'],
a.text-accent:focus [class*=' dlt-c8y-icon-'],
a.text-accent:hover .c8y-icon,
a.text-accent:focus .c8y-icon {
  text-decoration: none;
}
.text-accent-light {
  color: var(--c8y-brand-accent-light);
}
a.text-accent-light:hover,
a.text-accent-light:focus {
  filter: brightness(0.8);
}
a.text-accent-light:hover [class^='dlt-c8y-icon-'],
a.text-accent-light:focus [class^='dlt-c8y-icon-'],
a.text-accent-light:hover [class*=' dlt-c8y-icon-'],
a.text-accent-light:focus [class*=' dlt-c8y-icon-'],
a.text-accent-light:hover .c8y-icon,
a.text-accent-light:focus .c8y-icon {
  text-decoration: none;
}
.text-accent-dark {
  color: var(--c8y-brand-accent-dark);
}
a.text-accent-dark:hover,
a.text-accent-dark:focus {
  filter: brightness(0.8);
}
a.text-accent-dark:hover [class^='dlt-c8y-icon-'],
a.text-accent-dark:focus [class^='dlt-c8y-icon-'],
a.text-accent-dark:hover [class*=' dlt-c8y-icon-'],
a.text-accent-dark:focus [class*=' dlt-c8y-icon-'],
a.text-accent-dark:hover .c8y-icon,
a.text-accent-dark:focus .c8y-icon {
  text-decoration: none;
}
.text-success {
  color: #41D796;
}
a.text-success:hover,
a.text-success:focus {
  filter: brightness(0.8);
}
a.text-success:hover [class^='dlt-c8y-icon-'],
a.text-success:focus [class^='dlt-c8y-icon-'],
a.text-success:hover [class*=' dlt-c8y-icon-'],
a.text-success:focus [class*=' dlt-c8y-icon-'],
a.text-success:hover .c8y-icon,
a.text-success:focus .c8y-icon {
  text-decoration: none;
}
.text-success-light {
  color: var(--palette-status-success-light, var(--c8y-palette-status-success-light));
}
a.text-success-light:hover,
a.text-success-light:focus {
  filter: brightness(0.8);
}
a.text-success-light:hover [class^='dlt-c8y-icon-'],
a.text-success-light:focus [class^='dlt-c8y-icon-'],
a.text-success-light:hover [class*=' dlt-c8y-icon-'],
a.text-success-light:focus [class*=' dlt-c8y-icon-'],
a.text-success-light:hover .c8y-icon,
a.text-success-light:focus .c8y-icon {
  text-decoration: none;
}
.text-success-dark {
  color: var(--palette-status-success-dark, var(--c8y-palette-status-success-dark));
}
a.text-success-dark:hover,
a.text-success-dark:focus {
  filter: brightness(0.8);
}
a.text-success-dark:hover [class^='dlt-c8y-icon-'],
a.text-success-dark:focus [class^='dlt-c8y-icon-'],
a.text-success-dark:hover [class*=' dlt-c8y-icon-'],
a.text-success-dark:focus [class*=' dlt-c8y-icon-'],
a.text-success-dark:hover .c8y-icon,
a.text-success-dark:focus .c8y-icon {
  text-decoration: none;
}
.text-info {
  color: var(--palette-status-info, var(--c8y-palette-status-info));
}
a.text-info:hover,
a.text-info:focus {
  filter: brightness(0.8);
}
a.text-info:hover [class^='dlt-c8y-icon-'],
a.text-info:focus [class^='dlt-c8y-icon-'],
a.text-info:hover [class*=' dlt-c8y-icon-'],
a.text-info:focus [class*=' dlt-c8y-icon-'],
a.text-info:hover .c8y-icon,
a.text-info:focus .c8y-icon {
  text-decoration: none;
}
.text-info-light {
  color: var(--palette-status-info-light, var(--c8y-palette-status-info-light));
}
a.text-info-light:hover,
a.text-info-light:focus {
  filter: brightness(0.8);
}
a.text-info-light:hover [class^='dlt-c8y-icon-'],
a.text-info-light:focus [class^='dlt-c8y-icon-'],
a.text-info-light:hover [class*=' dlt-c8y-icon-'],
a.text-info-light:focus [class*=' dlt-c8y-icon-'],
a.text-info-light:hover .c8y-icon,
a.text-info-light:focus .c8y-icon {
  text-decoration: none;
}
.text-info-dark {
  color: var(--palette-status-info-dark, var(--c8y-palette-status-info-dark));
}
a.text-info-dark:hover,
a.text-info-dark:focus {
  filter: brightness(0.8);
}
a.text-info-dark:hover [class^='dlt-c8y-icon-'],
a.text-info-dark:focus [class^='dlt-c8y-icon-'],
a.text-info-dark:hover [class*=' dlt-c8y-icon-'],
a.text-info-dark:focus [class*=' dlt-c8y-icon-'],
a.text-info-dark:hover .c8y-icon,
a.text-info-dark:focus .c8y-icon {
  text-decoration: none;
}
.text-warning {
  color: var(--palette-status-warning, var(--c8y-palette-status-warning));
}
a.text-warning:hover,
a.text-warning:focus {
  filter: brightness(0.8);
}
a.text-warning:hover [class^='dlt-c8y-icon-'],
a.text-warning:focus [class^='dlt-c8y-icon-'],
a.text-warning:hover [class*=' dlt-c8y-icon-'],
a.text-warning:focus [class*=' dlt-c8y-icon-'],
a.text-warning:hover .c8y-icon,
a.text-warning:focus .c8y-icon {
  text-decoration: none;
}
.text-warning-light {
  color: var(--palette-status-warning-light, var(--c8y-palette-status-warning-light));
}
a.text-warning-light:hover,
a.text-warning-light:focus {
  filter: brightness(0.8);
}
a.text-warning-light:hover [class^='dlt-c8y-icon-'],
a.text-warning-light:focus [class^='dlt-c8y-icon-'],
a.text-warning-light:hover [class*=' dlt-c8y-icon-'],
a.text-warning-light:focus [class*=' dlt-c8y-icon-'],
a.text-warning-light:hover .c8y-icon,
a.text-warning-light:focus .c8y-icon {
  text-decoration: none;
}
.text-warning-lightest {
  color: var(--c8y-palette-status-warning-high);
}
a.text-warning-lightest:hover,
a.text-warning-lightest:focus {
  filter: brightness(0.8);
}
a.text-warning-lightest:hover [class^='dlt-c8y-icon-'],
a.text-warning-lightest:focus [class^='dlt-c8y-icon-'],
a.text-warning-lightest:hover [class*=' dlt-c8y-icon-'],
a.text-warning-lightest:focus [class*=' dlt-c8y-icon-'],
a.text-warning-lightest:hover .c8y-icon,
a.text-warning-lightest:focus .c8y-icon {
  text-decoration: none;
}
.text-warning-dark {
  color: var(--palette-status-warning-dark, var(--c8y-palette-status-warning-dark));
}
a.text-warning-dark:hover,
a.text-warning-dark:focus {
  filter: brightness(0.8);
}
a.text-warning-dark:hover [class^='dlt-c8y-icon-'],
a.text-warning-dark:focus [class^='dlt-c8y-icon-'],
a.text-warning-dark:hover [class*=' dlt-c8y-icon-'],
a.text-warning-dark:focus [class*=' dlt-c8y-icon-'],
a.text-warning-dark:hover .c8y-icon,
a.text-warning-dark:focus .c8y-icon {
  text-decoration: none;
}
.text-danger {
  color: var(--palette-status-danger, var(--c8y-palette-status-danger));
}
a.text-danger:hover,
a.text-danger:focus {
  filter: brightness(0.8);
}
a.text-danger:hover [class^='dlt-c8y-icon-'],
a.text-danger:focus [class^='dlt-c8y-icon-'],
a.text-danger:hover [class*=' dlt-c8y-icon-'],
a.text-danger:focus [class*=' dlt-c8y-icon-'],
a.text-danger:hover .c8y-icon,
a.text-danger:focus .c8y-icon {
  text-decoration: none;
}
.text-danger-light {
  color: var(--palette-status-danger-light, var(--c8y-palette-status-danger-light));
}
a.text-danger-light:hover,
a.text-danger-light:focus {
  filter: brightness(0.8);
}
a.text-danger-light:hover [class^='dlt-c8y-icon-'],
a.text-danger-light:focus [class^='dlt-c8y-icon-'],
a.text-danger-light:hover [class*=' dlt-c8y-icon-'],
a.text-danger-light:focus [class*=' dlt-c8y-icon-'],
a.text-danger-light:hover .c8y-icon,
a.text-danger-light:focus .c8y-icon {
  text-decoration: none;
}
.text-danger-dark {
  color: var(--palette-status-danger-dark, var(--c8y-palette-status-danger-dark));
}
a.text-danger-dark:hover,
a.text-danger-dark:focus {
  filter: brightness(0.8);
}
a.text-danger-dark:hover [class^='dlt-c8y-icon-'],
a.text-danger-dark:focus [class^='dlt-c8y-icon-'],
a.text-danger-dark:hover [class*=' dlt-c8y-icon-'],
a.text-danger-dark:focus [class*=' dlt-c8y-icon-'],
a.text-danger-dark:hover .c8y-icon,
a.text-danger-dark:focus .c8y-icon {
  text-decoration: none;
}
.text-gray-10 {
  color: var(--c8y-palette-gray-10);
}
a.text-gray-10:hover,
a.text-gray-10:focus {
  filter: brightness(0.8);
}
a.text-gray-10:hover [class^='dlt-c8y-icon-'],
a.text-gray-10:focus [class^='dlt-c8y-icon-'],
a.text-gray-10:hover [class*=' dlt-c8y-icon-'],
a.text-gray-10:focus [class*=' dlt-c8y-icon-'],
a.text-gray-10:hover .c8y-icon,
a.text-gray-10:focus .c8y-icon {
  text-decoration: none;
}
.text-gray-20 {
  color: var(--c8y-palette-gray-20);
}
a.text-gray-20:hover,
a.text-gray-20:focus {
  filter: brightness(0.8);
}
a.text-gray-20:hover [class^='dlt-c8y-icon-'],
a.text-gray-20:focus [class^='dlt-c8y-icon-'],
a.text-gray-20:hover [class*=' dlt-c8y-icon-'],
a.text-gray-20:focus [class*=' dlt-c8y-icon-'],
a.text-gray-20:hover .c8y-icon,
a.text-gray-20:focus .c8y-icon {
  text-decoration: none;
}
.text-gray-30 {
  color: var(--c8y-palette-gray-30);
}
a.text-gray-30:hover,
a.text-gray-30:focus {
  filter: brightness(0.8);
}
a.text-gray-30:hover [class^='dlt-c8y-icon-'],
a.text-gray-30:focus [class^='dlt-c8y-icon-'],
a.text-gray-30:hover [class*=' dlt-c8y-icon-'],
a.text-gray-30:focus [class*=' dlt-c8y-icon-'],
a.text-gray-30:hover .c8y-icon,
a.text-gray-30:focus .c8y-icon {
  text-decoration: none;
}
.text-gray-40 {
  color: var(--c8y-palette-gray-40);
}
a.text-gray-40:hover,
a.text-gray-40:focus {
  filter: brightness(0.8);
}
a.text-gray-40:hover [class^='dlt-c8y-icon-'],
a.text-gray-40:focus [class^='dlt-c8y-icon-'],
a.text-gray-40:hover [class*=' dlt-c8y-icon-'],
a.text-gray-40:focus [class*=' dlt-c8y-icon-'],
a.text-gray-40:hover .c8y-icon,
a.text-gray-40:focus .c8y-icon {
  text-decoration: none;
}
.text-gray-50 {
  color: var(--c8y-palette-gray-50);
}
a.text-gray-50:hover,
a.text-gray-50:focus {
  filter: brightness(0.8);
}
a.text-gray-50:hover [class^='dlt-c8y-icon-'],
a.text-gray-50:focus [class^='dlt-c8y-icon-'],
a.text-gray-50:hover [class*=' dlt-c8y-icon-'],
a.text-gray-50:focus [class*=' dlt-c8y-icon-'],
a.text-gray-50:hover .c8y-icon,
a.text-gray-50:focus .c8y-icon {
  text-decoration: none;
}
.text-gray-60 {
  color: var(--c8y-palette-gray-60);
}
a.text-gray-60:hover,
a.text-gray-60:focus {
  filter: brightness(0.8);
}
a.text-gray-60:hover [class^='dlt-c8y-icon-'],
a.text-gray-60:focus [class^='dlt-c8y-icon-'],
a.text-gray-60:hover [class*=' dlt-c8y-icon-'],
a.text-gray-60:focus [class*=' dlt-c8y-icon-'],
a.text-gray-60:hover .c8y-icon,
a.text-gray-60:focus .c8y-icon {
  text-decoration: none;
}
.text-gray-70 {
  color: var(--c8y-palette-gray-70);
}
a.text-gray-70:hover,
a.text-gray-70:focus {
  filter: brightness(0.8);
}
a.text-gray-70:hover [class^='dlt-c8y-icon-'],
a.text-gray-70:focus [class^='dlt-c8y-icon-'],
a.text-gray-70:hover [class*=' dlt-c8y-icon-'],
a.text-gray-70:focus [class*=' dlt-c8y-icon-'],
a.text-gray-70:hover .c8y-icon,
a.text-gray-70:focus .c8y-icon {
  text-decoration: none;
}
.text-gray-80 {
  color: var(--c8y-palette-gray-80);
}
a.text-gray-80:hover,
a.text-gray-80:focus {
  filter: brightness(0.8);
}
a.text-gray-80:hover [class^='dlt-c8y-icon-'],
a.text-gray-80:focus [class^='dlt-c8y-icon-'],
a.text-gray-80:hover [class*=' dlt-c8y-icon-'],
a.text-gray-80:focus [class*=' dlt-c8y-icon-'],
a.text-gray-80:hover .c8y-icon,
a.text-gray-80:focus .c8y-icon {
  text-decoration: none;
}
.text-gray-90 {
  color: var(--c8y-palette-gray-90);
}
a.text-gray-90:hover,
a.text-gray-90:focus {
  filter: brightness(0.8);
}
a.text-gray-90:hover [class^='dlt-c8y-icon-'],
a.text-gray-90:focus [class^='dlt-c8y-icon-'],
a.text-gray-90:hover [class*=' dlt-c8y-icon-'],
a.text-gray-90:focus [class*=' dlt-c8y-icon-'],
a.text-gray-90:hover .c8y-icon,
a.text-gray-90:focus .c8y-icon {
  text-decoration: none;
}
.text-gray-100 {
  color: var(--c8y-palette-gray-100);
}
a.text-gray-100:hover,
a.text-gray-100:focus {
  filter: brightness(0.8);
}
a.text-gray-100:hover [class^='dlt-c8y-icon-'],
a.text-gray-100:focus [class^='dlt-c8y-icon-'],
a.text-gray-100:hover [class*=' dlt-c8y-icon-'],
a.text-gray-100:focus [class*=' dlt-c8y-icon-'],
a.text-gray-100:hover .c8y-icon,
a.text-gray-100:focus .c8y-icon {
  text-decoration: none;
}
.text-gray-darker {
  color: var(--brand-dark, var(--c8y-brand-dark));
}
a.text-gray-darker:hover,
a.text-gray-darker:focus {
  filter: brightness(0.8);
}
a.text-gray-darker:hover [class^='dlt-c8y-icon-'],
a.text-gray-darker:focus [class^='dlt-c8y-icon-'],
a.text-gray-darker:hover [class*=' dlt-c8y-icon-'],
a.text-gray-darker:focus [class*=' dlt-c8y-icon-'],
a.text-gray-darker:hover .c8y-icon,
a.text-gray-darker:focus .c8y-icon {
  text-decoration: none;
}
.text-gray-dark {
  color: var(--c8y-palette-gray-30);
}
a.text-gray-dark:hover,
a.text-gray-dark:focus {
  filter: brightness(0.8);
}
a.text-gray-dark:hover [class^='dlt-c8y-icon-'],
a.text-gray-dark:focus [class^='dlt-c8y-icon-'],
a.text-gray-dark:hover [class*=' dlt-c8y-icon-'],
a.text-gray-dark:focus [class*=' dlt-c8y-icon-'],
a.text-gray-dark:hover .c8y-icon,
a.text-gray-dark:focus .c8y-icon {
  text-decoration: none;
}
.text-gray-medium-dark,
.text-gray-medium {
  color: var(--c8y-palette-gray-40);
}
a.text-gray-medium-dark:hover,
a.text-gray-medium:hover,
a.text-gray-medium-dark:focus,
a.text-gray-medium:focus {
  filter: brightness(0.8);
}
a.text-gray-medium-dark:hover [class^='dlt-c8y-icon-'],
a.text-gray-medium:hover [class^='dlt-c8y-icon-'],
a.text-gray-medium-dark:focus [class^='dlt-c8y-icon-'],
a.text-gray-medium:focus [class^='dlt-c8y-icon-'],
a.text-gray-medium-dark:hover [class*=' dlt-c8y-icon-'],
a.text-gray-medium:hover [class*=' dlt-c8y-icon-'],
a.text-gray-medium-dark:focus [class*=' dlt-c8y-icon-'],
a.text-gray-medium:focus [class*=' dlt-c8y-icon-'],
a.text-gray-medium-dark:hover .c8y-icon,
a.text-gray-medium:hover .c8y-icon,
a.text-gray-medium-dark:focus .c8y-icon,
a.text-gray-medium:focus .c8y-icon {
  text-decoration: none;
}
.text-gray {
  color: var(--c8y-palette-gray-50);
}
a.text-gray:hover,
a.text-gray:focus {
  filter: brightness(0.8);
}
a.text-gray:hover [class^='dlt-c8y-icon-'],
a.text-gray:focus [class^='dlt-c8y-icon-'],
a.text-gray:hover [class*=' dlt-c8y-icon-'],
a.text-gray:focus [class*=' dlt-c8y-icon-'],
a.text-gray:hover .c8y-icon,
a.text-gray:focus .c8y-icon {
  text-decoration: none;
}
.text-gray-light {
  color: var(--c8y-palette-gray-80);
}
a.text-gray-light:hover,
a.text-gray-light:focus {
  filter: brightness(0.8);
}
a.text-gray-light:hover [class^='dlt-c8y-icon-'],
a.text-gray-light:focus [class^='dlt-c8y-icon-'],
a.text-gray-light:hover [class*=' dlt-c8y-icon-'],
a.text-gray-light:focus [class*=' dlt-c8y-icon-'],
a.text-gray-light:hover .c8y-icon,
a.text-gray-light:focus .c8y-icon {
  text-decoration: none;
}
.text-gray-lighter {
  color: var(--c8y-palette-gray-90);
}
a.text-gray-lighter:hover,
a.text-gray-lighter:focus {
  filter: brightness(0.8);
}
a.text-gray-lighter:hover [class^='dlt-c8y-icon-'],
a.text-gray-lighter:focus [class^='dlt-c8y-icon-'],
a.text-gray-lighter:hover [class*=' dlt-c8y-icon-'],
a.text-gray-lighter:focus [class*=' dlt-c8y-icon-'],
a.text-gray-lighter:hover .c8y-icon,
a.text-gray-lighter:focus .c8y-icon {
  text-decoration: none;
}
.text-gray-white {
  color: var(--c8y-palette-gray-100);
}
a.text-gray-white:hover,
a.text-gray-white:focus {
  filter: brightness(0.8);
}
a.text-gray-white:hover [class^='dlt-c8y-icon-'],
a.text-gray-white:focus [class^='dlt-c8y-icon-'],
a.text-gray-white:hover [class*=' dlt-c8y-icon-'],
a.text-gray-white:focus [class*=' dlt-c8y-icon-'],
a.text-gray-white:hover .c8y-icon,
a.text-gray-white:focus .c8y-icon {
  text-decoration: none;
}
.bg-primary {
  background-color: #132b45 !important;
}
a.bg-primary:hover,
a.bg-primary:focus {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)) #132b45 !important;
}
.bg-primary > a:not(.btn) {
  color: inherit;
  text-decoration: underline;
}
.bg-primary > a:not(.btn) [class^='dlt-c8y-icon-'],
.bg-primary > a:not(.btn) [class*=' dlt-c8y-icon-'],
.bg-primary > a:not(.btn) .c8y-icon {
  text-decoration: none;
}
.bg-primary-light {
  background-color: #05d5f5 !important;
}
a.bg-primary-light:hover,
a.bg-primary-light:focus {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)) #05d5f5 !important;
}
.bg-primary-light > a:not(.btn) {
  color: inherit;
  text-decoration: underline;
}
.bg-primary-light > a:not(.btn) [class^='dlt-c8y-icon-'],
.bg-primary-light > a:not(.btn) [class*=' dlt-c8y-icon-'],
.bg-primary-light > a:not(.btn) .c8y-icon {
  text-decoration: none;
}
.bg-complementary {
  background-color: #05d5f5 !important;
}
a.bg-complementary:hover,
a.bg-complementary:focus {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)) #05d5f5 !important;
}
.bg-complementary > a:not(.btn) {
  color: inherit;
  text-decoration: underline;
}
.bg-complementary > a:not(.btn) [class^='dlt-c8y-icon-'],
.bg-complementary > a:not(.btn) [class*=' dlt-c8y-icon-'],
.bg-complementary > a:not(.btn) .c8y-icon {
  text-decoration: none;
}
.bg-accent {
  background-color: var(--c8y-brand-accent) !important;
}
a.bg-accent:hover,
a.bg-accent:focus {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)) var(--c8y-brand-accent) !important;
}
.bg-accent > a:not(.btn) {
  color: inherit;
  text-decoration: underline;
}
.bg-accent > a:not(.btn) [class^='dlt-c8y-icon-'],
.bg-accent > a:not(.btn) [class*=' dlt-c8y-icon-'],
.bg-accent > a:not(.btn) .c8y-icon {
  text-decoration: none;
}
.bg-accent-dark {
  background-color: var(--c8y-brand-accent-dark) !important;
}
a.bg-accent-dark:hover,
a.bg-accent-dark:focus {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)) var(--c8y-brand-accent-dark) !important;
}
.bg-accent-dark > a:not(.btn) {
  color: inherit;
  text-decoration: underline;
}
.bg-accent-dark > a:not(.btn) [class^='dlt-c8y-icon-'],
.bg-accent-dark > a:not(.btn) [class*=' dlt-c8y-icon-'],
.bg-accent-dark > a:not(.btn) .c8y-icon {
  text-decoration: none;
}
.bg-accent-light {
  background-color: var(--c8y-brand-accent-light) !important;
}
a.bg-accent-light:hover,
a.bg-accent-light:focus {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)) var(--c8y-brand-accent-light) !important;
}
.bg-accent-light > a:not(.btn) {
  color: inherit;
  text-decoration: underline;
}
.bg-accent-light > a:not(.btn) [class^='dlt-c8y-icon-'],
.bg-accent-light > a:not(.btn) [class*=' dlt-c8y-icon-'],
.bg-accent-light > a:not(.btn) .c8y-icon {
  text-decoration: none;
}
.bg-success {
  background-color: #41D796 !important;
}
a.bg-success:hover,
a.bg-success:focus {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)) #41D796 !important;
}
.bg-success > a:not(.btn) {
  color: inherit;
  text-decoration: underline;
}
.bg-success > a:not(.btn) [class^='dlt-c8y-icon-'],
.bg-success > a:not(.btn) [class*=' dlt-c8y-icon-'],
.bg-success > a:not(.btn) .c8y-icon {
  text-decoration: none;
}
.bg-success-light {
  background-color: var(--palette-status-success-light, var(--c8y-palette-status-success-light)) !important;
}
a.bg-success-light:hover,
a.bg-success-light:focus {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)) var(--palette-status-success-light, var(--c8y-palette-status-success-light)) !important;
}
.bg-success-light > a:not(.btn) {
  color: inherit;
  text-decoration: underline;
}
.bg-success-light > a:not(.btn) [class^='dlt-c8y-icon-'],
.bg-success-light > a:not(.btn) [class*=' dlt-c8y-icon-'],
.bg-success-light > a:not(.btn) .c8y-icon {
  text-decoration: none;
}
.bg-success-dark {
  background-color: var(--palette-status-success-dark, var(--c8y-palette-status-success-dark)) !important;
}
a.bg-success-dark:hover,
a.bg-success-dark:focus {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)) var(--palette-status-success-dark, var(--c8y-palette-status-success-dark)) !important;
}
.bg-success-dark > a:not(.btn) {
  color: inherit;
  text-decoration: underline;
}
.bg-success-dark > a:not(.btn) [class^='dlt-c8y-icon-'],
.bg-success-dark > a:not(.btn) [class*=' dlt-c8y-icon-'],
.bg-success-dark > a:not(.btn) .c8y-icon {
  text-decoration: none;
}
.bg-info {
  background-color: var(--palette-status-info, var(--c8y-palette-status-info)) !important;
}
a.bg-info:hover,
a.bg-info:focus {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)) var(--palette-status-info, var(--c8y-palette-status-info)) !important;
}
.bg-info > a:not(.btn) {
  color: inherit;
  text-decoration: underline;
}
.bg-info > a:not(.btn) [class^='dlt-c8y-icon-'],
.bg-info > a:not(.btn) [class*=' dlt-c8y-icon-'],
.bg-info > a:not(.btn) .c8y-icon {
  text-decoration: none;
}
.bg-info-dark {
  background-color: var(--palette-status-info-dark, var(--c8y-palette-status-info-dark)) !important;
}
a.bg-info-dark:hover,
a.bg-info-dark:focus {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)) var(--palette-status-info-dark, var(--c8y-palette-status-info-dark)) !important;
}
.bg-info-dark > a:not(.btn) {
  color: inherit;
  text-decoration: underline;
}
.bg-info-dark > a:not(.btn) [class^='dlt-c8y-icon-'],
.bg-info-dark > a:not(.btn) [class*=' dlt-c8y-icon-'],
.bg-info-dark > a:not(.btn) .c8y-icon {
  text-decoration: none;
}
.bg-info-light {
  background-color: var(--palette-status-info-light, var(--c8y-palette-status-info-light)) !important;
}
a.bg-info-light:hover,
a.bg-info-light:focus {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)) var(--palette-status-info-light, var(--c8y-palette-status-info-light)) !important;
}
.bg-info-light > a:not(.btn) {
  color: inherit;
  text-decoration: underline;
}
.bg-info-light > a:not(.btn) [class^='dlt-c8y-icon-'],
.bg-info-light > a:not(.btn) [class*=' dlt-c8y-icon-'],
.bg-info-light > a:not(.btn) .c8y-icon {
  text-decoration: none;
}
.bg-warning {
  background-color: var(--palette-status-warning, var(--c8y-palette-status-warning)) !important;
}
a.bg-warning:hover,
a.bg-warning:focus {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)) var(--palette-status-warning, var(--c8y-palette-status-warning)) !important;
}
.bg-warning > a:not(.btn) {
  color: inherit;
  text-decoration: underline;
}
.bg-warning > a:not(.btn) [class^='dlt-c8y-icon-'],
.bg-warning > a:not(.btn) [class*=' dlt-c8y-icon-'],
.bg-warning > a:not(.btn) .c8y-icon {
  text-decoration: none;
}
.bg-warning-light {
  background-color: var(--palette-status-warning-light, var(--c8y-palette-status-warning-light)) !important;
}
a.bg-warning-light:hover,
a.bg-warning-light:focus {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)) var(--palette-status-warning-light, var(--c8y-palette-status-warning-light)) !important;
}
.bg-warning-light > a:not(.btn) {
  color: inherit;
  text-decoration: underline;
}
.bg-warning-light > a:not(.btn) [class^='dlt-c8y-icon-'],
.bg-warning-light > a:not(.btn) [class*=' dlt-c8y-icon-'],
.bg-warning-light > a:not(.btn) .c8y-icon {
  text-decoration: none;
}
.bg-warning-lightest {
  background-color: var(--c8y-palette-status-warning-high) !important;
}
a.bg-warning-lightest:hover,
a.bg-warning-lightest:focus {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)) var(--c8y-palette-status-warning-high) !important;
}
.bg-warning-lightest > a:not(.btn) {
  color: inherit;
  text-decoration: underline;
}
.bg-warning-lightest > a:not(.btn) [class^='dlt-c8y-icon-'],
.bg-warning-lightest > a:not(.btn) [class*=' dlt-c8y-icon-'],
.bg-warning-lightest > a:not(.btn) .c8y-icon {
  text-decoration: none;
}
.bg-warning-dark {
  background-color: var(--palette-status-warning-dark, var(--c8y-palette-status-warning-dark)) !important;
}
a.bg-warning-dark:hover,
a.bg-warning-dark:focus {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)) var(--palette-status-warning-dark, var(--c8y-palette-status-warning-dark)) !important;
}
.bg-warning-dark > a:not(.btn) {
  color: inherit;
  text-decoration: underline;
}
.bg-warning-dark > a:not(.btn) [class^='dlt-c8y-icon-'],
.bg-warning-dark > a:not(.btn) [class*=' dlt-c8y-icon-'],
.bg-warning-dark > a:not(.btn) .c8y-icon {
  text-decoration: none;
}
.bg-danger {
  background-color: var(--palette-status-danger, var(--c8y-palette-status-danger)) !important;
}
a.bg-danger:hover,
a.bg-danger:focus {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)) var(--palette-status-danger, var(--c8y-palette-status-danger)) !important;
}
.bg-danger > a:not(.btn) {
  color: inherit;
  text-decoration: underline;
}
.bg-danger > a:not(.btn) [class^='dlt-c8y-icon-'],
.bg-danger > a:not(.btn) [class*=' dlt-c8y-icon-'],
.bg-danger > a:not(.btn) .c8y-icon {
  text-decoration: none;
}
.bg-danger-light {
  background-color: var(--palette-status-danger-light, var(--c8y-palette-status-danger-light)) !important;
}
a.bg-danger-light:hover,
a.bg-danger-light:focus {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)) var(--palette-status-danger-light, var(--c8y-palette-status-danger-light)) !important;
}
.bg-danger-light > a:not(.btn) {
  color: inherit;
  text-decoration: underline;
}
.bg-danger-light > a:not(.btn) [class^='dlt-c8y-icon-'],
.bg-danger-light > a:not(.btn) [class*=' dlt-c8y-icon-'],
.bg-danger-light > a:not(.btn) .c8y-icon {
  text-decoration: none;
}
.bg-danger-dark {
  background-color: var(--palette-status-danger-dark, var(--c8y-palette-status-danger-dark)) !important;
}
a.bg-danger-dark:hover,
a.bg-danger-dark:focus {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)) var(--palette-status-danger-dark, var(--c8y-palette-status-danger-dark)) !important;
}
.bg-danger-dark > a:not(.btn) {
  color: inherit;
  text-decoration: underline;
}
.bg-danger-dark > a:not(.btn) [class^='dlt-c8y-icon-'],
.bg-danger-dark > a:not(.btn) [class*=' dlt-c8y-icon-'],
.bg-danger-dark > a:not(.btn) .c8y-icon {
  text-decoration: none;
}
.bg-checkered {
  background-image: linear-gradient(45deg, var(--c8y-level-2) 25%, transparent 25%), linear-gradient(135deg, var(--c8y-level-2) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--c8y-level-2) 75%), linear-gradient(135deg, transparent 75%, var(--c8y-level-2) 75%);
  background-size: 25px 25px;
  background-position: 0 0, 12.5px 0, 12.5px -12.5px, 0 12.5px;
}
.bg-level-4 {
  background-color: var(--c8y-level-4) !important;
}
a.bg-level-4:hover,
a.bg-level-4:focus {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)) var(--c8y-level-4) !important;
}
.bg-level-4 > a:not(.btn) {
  color: inherit;
  text-decoration: underline;
}
.bg-level-4 > a:not(.btn) [class^='dlt-c8y-icon-'],
.bg-level-4 > a:not(.btn) [class*=' dlt-c8y-icon-'],
.bg-level-4 > a:not(.btn) .c8y-icon {
  text-decoration: none;
}
.bg-level-3 {
  background-color: var(--c8y-level-3) !important;
}
a.bg-level-3:hover,
a.bg-level-3:focus {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)) var(--c8y-level-3) !important;
}
.bg-level-3 > a:not(.btn) {
  color: inherit;
  text-decoration: underline;
}
.bg-level-3 > a:not(.btn) [class^='dlt-c8y-icon-'],
.bg-level-3 > a:not(.btn) [class*=' dlt-c8y-icon-'],
.bg-level-3 > a:not(.btn) .c8y-icon {
  text-decoration: none;
}
.bg-level-2 {
  background-color: var(--c8y-level-2) !important;
}
a.bg-level-2:hover,
a.bg-level-2:focus {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)) var(--c8y-level-2) !important;
}
.bg-level-2 > a:not(.btn) {
  color: inherit;
  text-decoration: underline;
}
.bg-level-2 > a:not(.btn) [class^='dlt-c8y-icon-'],
.bg-level-2 > a:not(.btn) [class*=' dlt-c8y-icon-'],
.bg-level-2 > a:not(.btn) .c8y-icon {
  text-decoration: none;
}
.bg-level-1 {
  background-color: var(--c8y-level-1) !important;
}
a.bg-level-1:hover,
a.bg-level-1:focus {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)) var(--c8y-level-1) !important;
}
.bg-level-1 > a:not(.btn) {
  color: inherit;
  text-decoration: underline;
}
.bg-level-1 > a:not(.btn) [class^='dlt-c8y-icon-'],
.bg-level-1 > a:not(.btn) [class*=' dlt-c8y-icon-'],
.bg-level-1 > a:not(.btn) .c8y-icon {
  text-decoration: none;
}
.bg-level-0 {
  background-color: var(--c8y-level-0) !important;
}
a.bg-level-0:hover,
a.bg-level-0:focus {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)) var(--c8y-level-0) !important;
}
.bg-level-0 > a:not(.btn) {
  color: inherit;
  text-decoration: underline;
}
.bg-level-0 > a:not(.btn) [class^='dlt-c8y-icon-'],
.bg-level-0 > a:not(.btn) [class*=' dlt-c8y-icon-'],
.bg-level-0 > a:not(.btn) .c8y-icon {
  text-decoration: none;
}
.bg-transparent {
  box-shadow: none;
  background-color: transparent !important;
}
a.bg-transparent:hover,
a.bg-transparent:focus {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)) transparent !important;
}
.bg-transparent > a:not(.btn) {
  color: inherit;
  text-decoration: underline;
}
.bg-transparent > a:not(.btn) [class^='dlt-c8y-icon-'],
.bg-transparent > a:not(.btn) [class*=' dlt-c8y-icon-'],
.bg-transparent > a:not(.btn) .c8y-icon {
  text-decoration: none;
}
.bg-gray-10 {
  background-color: var(--c8y-palette-gray-10) !important;
}
a.bg-gray-10:hover,
a.bg-gray-10:focus {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)) var(--c8y-palette-gray-10) !important;
}
.bg-gray-10 > a:not(.btn) {
  color: inherit;
  text-decoration: underline;
}
.bg-gray-10 > a:not(.btn) [class^='dlt-c8y-icon-'],
.bg-gray-10 > a:not(.btn) [class*=' dlt-c8y-icon-'],
.bg-gray-10 > a:not(.btn) .c8y-icon {
  text-decoration: none;
}
.bg-gray-20 {
  background-color: var(--c8y-palette-gray-20) !important;
}
a.bg-gray-20:hover,
a.bg-gray-20:focus {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)) var(--c8y-palette-gray-20) !important;
}
.bg-gray-20 > a:not(.btn) {
  color: inherit;
  text-decoration: underline;
}
.bg-gray-20 > a:not(.btn) [class^='dlt-c8y-icon-'],
.bg-gray-20 > a:not(.btn) [class*=' dlt-c8y-icon-'],
.bg-gray-20 > a:not(.btn) .c8y-icon {
  text-decoration: none;
}
.bg-gray-30 {
  background-color: var(--c8y-palette-gray-30) !important;
}
a.bg-gray-30:hover,
a.bg-gray-30:focus {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)) var(--c8y-palette-gray-30) !important;
}
.bg-gray-30 > a:not(.btn) {
  color: inherit;
  text-decoration: underline;
}
.bg-gray-30 > a:not(.btn) [class^='dlt-c8y-icon-'],
.bg-gray-30 > a:not(.btn) [class*=' dlt-c8y-icon-'],
.bg-gray-30 > a:not(.btn) .c8y-icon {
  text-decoration: none;
}
.bg-gray-40 {
  background-color: var(--c8y-palette-gray-40) !important;
}
a.bg-gray-40:hover,
a.bg-gray-40:focus {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)) var(--c8y-palette-gray-40) !important;
}
.bg-gray-40 > a:not(.btn) {
  color: inherit;
  text-decoration: underline;
}
.bg-gray-40 > a:not(.btn) [class^='dlt-c8y-icon-'],
.bg-gray-40 > a:not(.btn) [class*=' dlt-c8y-icon-'],
.bg-gray-40 > a:not(.btn) .c8y-icon {
  text-decoration: none;
}
.bg-gray-50 {
  background-color: var(--c8y-palette-gray-50) !important;
}
a.bg-gray-50:hover,
a.bg-gray-50:focus {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)) var(--c8y-palette-gray-50) !important;
}
.bg-gray-50 > a:not(.btn) {
  color: inherit;
  text-decoration: underline;
}
.bg-gray-50 > a:not(.btn) [class^='dlt-c8y-icon-'],
.bg-gray-50 > a:not(.btn) [class*=' dlt-c8y-icon-'],
.bg-gray-50 > a:not(.btn) .c8y-icon {
  text-decoration: none;
}
.bg-gray-60 {
  background-color: var(--c8y-palette-gray-60) !important;
}
a.bg-gray-60:hover,
a.bg-gray-60:focus {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)) var(--c8y-palette-gray-60) !important;
}
.bg-gray-60 > a:not(.btn) {
  color: inherit;
  text-decoration: underline;
}
.bg-gray-60 > a:not(.btn) [class^='dlt-c8y-icon-'],
.bg-gray-60 > a:not(.btn) [class*=' dlt-c8y-icon-'],
.bg-gray-60 > a:not(.btn) .c8y-icon {
  text-decoration: none;
}
.bg-gray-70 {
  background-color: var(--c8y-palette-gray-70) !important;
}
a.bg-gray-70:hover,
a.bg-gray-70:focus {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)) var(--c8y-palette-gray-70) !important;
}
.bg-gray-70 > a:not(.btn) {
  color: inherit;
  text-decoration: underline;
}
.bg-gray-70 > a:not(.btn) [class^='dlt-c8y-icon-'],
.bg-gray-70 > a:not(.btn) [class*=' dlt-c8y-icon-'],
.bg-gray-70 > a:not(.btn) .c8y-icon {
  text-decoration: none;
}
.bg-gray-80 {
  background-color: var(--c8y-palette-gray-80) !important;
}
a.bg-gray-80:hover,
a.bg-gray-80:focus {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)) var(--c8y-palette-gray-80) !important;
}
.bg-gray-80 > a:not(.btn) {
  color: inherit;
  text-decoration: underline;
}
.bg-gray-80 > a:not(.btn) [class^='dlt-c8y-icon-'],
.bg-gray-80 > a:not(.btn) [class*=' dlt-c8y-icon-'],
.bg-gray-80 > a:not(.btn) .c8y-icon {
  text-decoration: none;
}
.bg-gray-90 {
  background-color: var(--c8y-palette-gray-90) !important;
}
a.bg-gray-90:hover,
a.bg-gray-90:focus {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)) var(--c8y-palette-gray-90) !important;
}
.bg-gray-90 > a:not(.btn) {
  color: inherit;
  text-decoration: underline;
}
.bg-gray-90 > a:not(.btn) [class^='dlt-c8y-icon-'],
.bg-gray-90 > a:not(.btn) [class*=' dlt-c8y-icon-'],
.bg-gray-90 > a:not(.btn) .c8y-icon {
  text-decoration: none;
}
.bg-gray-100 {
  background-color: var(--c8y-palette-gray-100) !important;
}
a.bg-gray-100:hover,
a.bg-gray-100:focus {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)) var(--c8y-palette-gray-100) !important;
}
.bg-gray-100 > a:not(.btn) {
  color: inherit;
  text-decoration: underline;
}
.bg-gray-100 > a:not(.btn) [class^='dlt-c8y-icon-'],
.bg-gray-100 > a:not(.btn) [class*=' dlt-c8y-icon-'],
.bg-gray-100 > a:not(.btn) .c8y-icon {
  text-decoration: none;
}
.bg-inherit {
  background-color: inherit !important;
}
a.bg-inherit:hover,
a.bg-inherit:focus {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)) inherit !important;
}
.bg-inherit > a:not(.btn) {
  color: inherit;
  text-decoration: underline;
}
.bg-inherit > a:not(.btn) [class^='dlt-c8y-icon-'],
.bg-inherit > a:not(.btn) [class*=' dlt-c8y-icon-'],
.bg-inherit > a:not(.btn) .c8y-icon {
  text-decoration: none;
}
.bg-component {
  background-color: #132b45;
}
.d-contents {
  display: contents !important;
  background: inherit;
}
.d-flex {
  display: flex !important;
}
.d-col {
  display: flex !important;
  flex-direction: column !important;
}
.d-block {
  display: block !important;
}
.d-inline-block {
  display: inline-block !important;
}
.d-inline {
  display: inline !important;
}
.d-inline-flex {
  display: inline-flex !important;
}
.d-grid {
  display: grid !important;
}
.d-inherit {
  display: inherit !important;
}
/* #region */
@media (max-width: 767px) {
  .d-contents-xs {
    display: contents !important;
    background: inherit;
  }
  .d-flex-xs {
    display: flex !important;
  }
  .d-col-xs {
    display: flex !important;
    flex-direction: column !important;
  }
  .d-block-xs {
    display: block !important;
  }
  .d-inline-block-xs {
    display: inline-block !important;
  }
  .d-inline-xs {
    display: inline !important;
  }
  .d-inline-flex-xs {
    display: inline-flex !important;
  }
  .d-grid-xs {
    display: grid !important;
  }
  .d-inherit-xs {
    display: inherit !important;
  }
}
@media (min-width: 768px) {
  .d-contents-sm {
    display: contents !important;
    background: inherit;
  }
  .d-flex-sm {
    display: flex !important;
  }
  .d-col-sm {
    display: flex !important;
    flex-direction: column !important;
  }
  .d-block-sm {
    display: block !important;
  }
  .d-inline-block-sm {
    display: inline-block !important;
  }
  .d-inline-sm {
    display: inline !important;
  }
  .d-inline-flex-sm {
    display: inline-flex !important;
  }
  .d-grid-sm {
    display: grid !important;
  }
  .d-inherit-sm {
    display: inherit !important;
  }
}
@media (min-width: 992px) {
  .d-contents-md {
    display: contents !important;
    background: inherit;
  }
  .d-flex-md {
    display: flex !important;
  }
  .d-col-md {
    display: flex !important;
    flex-direction: column !important;
  }
  .d-block-md {
    display: block !important;
  }
  .d-inline-block-md {
    display: inline-block !important;
  }
  .d-inline-md {
    display: inline !important;
  }
  .d-inline-flex-md {
    display: inline-flex !important;
  }
  .d-grid-md {
    display: grid !important;
  }
  .d-inherit-md {
    display: inherit !important;
  }
}
@media (min-width: 1200px) {
  .d-contents-lg {
    display: contents !important;
    background: inherit;
  }
  .d-flex-lg {
    display: flex !important;
  }
  .d-col-lg {
    display: flex !important;
    flex-direction: column !important;
  }
  .d-block-lg {
    display: block !important;
  }
  .d-inline-block-lg {
    display: inline-block !important;
  }
  .d-inline-lg {
    display: inline !important;
  }
  .d-inline-flex-lg {
    display: inline-flex !important;
  }
  .d-grid-lg {
    display: grid !important;
  }
  .d-inherit-lg {
    display: inherit !important;
  }
}
/* #endregion */
.show:not(.dropdown) {
  display: block !important;
}
.hide,
.hidden,
[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak,
.ng-hide {
  display: none !important;
}
.invisible {
  visibility: hidden !important;
}
.text-hide {
  border: 0 !important;
  background-color: transparent !important;
  color: transparent !important;
  text-shadow: none !important;
  font: 0/0 a !important;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-xs-flex,
.visible-xs-grid,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-sm-flex,
.visible-sm-grid,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-md-flex,
.visible-md-grid,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block,
.visible-lg-flex,
.visible-lg-grid {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table !important;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-flex {
    display: flex !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-grid {
    display: grid !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table !important;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-flex {
    display: flex !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-grid {
    display: grid !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table !important;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-flex {
    display: flex !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-grid {
    display: grid !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table !important;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-flex {
    display: flex !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-grid {
    display: grid !important;
  }
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}
@media print {
  .visible-print {
    display: block !important;
  }
  table.visible-print {
    display: table !important;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}
.visible-print-block {
  display: none !important;
}
@media print {
  .visible-print-block {
    display: block !important;
  }
}
.visible-print-inline {
  display: none !important;
}
@media print {
  .visible-print-inline {
    display: inline !important;
  }
}
.visible-print-inline-block {
  display: none !important;
}
@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}
@media print {
  .hidden-print {
    display: none !important;
  }
}
.clearfix:before,
.clearfix:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.tight-grid:before,
.tight-grid:after,
.modal-footer:before,
.modal-footer:after,
.panel-body:before,
.panel-body:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after {
  display: table;
  content: ' ';
}
.clearfix:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.form-horizontal .form-group:after,
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.tight-grid:after,
.modal-footer:after,
.panel-body:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after {
  clear: both;
}
.center-block {
  display: block;
  margin-right: auto;
  margin-left: auto;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.top-right-controls {
  float: right !important;
}
.top-right-controls > * {
  display: inline-block;
  width: auto;
  vertical-align: middle;
}
.m-t-4 {
  margin-top: 4px !important;
}
.m-r-4 {
  margin-right: 4px !important;
}
.m-b-4 {
  margin-bottom: 4px !important;
}
.m-l-4 {
  margin-left: 4px !important;
}
.m-4 {
  margin: 4px !important;
}
@media (max-width: 767px) {
  .m-t-xs-4 {
    margin-top: 4px !important;
  }
  .m-r-xs-4 {
    margin-right: 4px !important;
  }
  .m-b-xs-4 {
    margin-bottom: 4px !important;
  }
  .m-l-xs-4 {
    margin-left: 4px !important;
  }
  .m-xs-4 {
    margin: 4px !important;
  }
}
@media (min-width: 768px) {
  .m-t-sm-4 {
    margin-top: 4px !important;
  }
  .m-r-sm-4 {
    margin-right: 4px !important;
  }
  .m-b-sm-4 {
    margin-bottom: 4px !important;
  }
  .m-l-sm-4 {
    margin-left: 4px !important;
  }
  .m-sm-4 {
    margin: 4px !important;
  }
}
@media (min-width: 992px) {
  .m-t-md-4 {
    margin-top: 4px !important;
  }
  .m-r-md-4 {
    margin-right: 4px !important;
  }
  .m-b-md-4 {
    margin-bottom: 4px !important;
  }
  .m-l-md-4 {
    margin-left: 4px !important;
  }
  .m-md-4 {
    margin: 4px !important;
  }
}
@media (min-width: 1200px) {
  .m-t-lg-4 {
    margin-top: 4px !important;
  }
  .m-r-lg-4 {
    margin-right: 4px !important;
  }
  .m-b-lg-4 {
    margin-bottom: 4px !important;
  }
  .m-l-lg-4 {
    margin-left: 4px !important;
  }
  .m-lg-4 {
    margin: 4px !important;
  }
}
.m-t-0 {
  margin-top: 0px !important;
}
.m-r-0 {
  margin-right: 0px !important;
}
.m-b-0 {
  margin-bottom: 0px !important;
}
.m-l-0 {
  margin-left: 0px !important;
}
.m-0 {
  margin: 0px !important;
}
@media (max-width: 767px) {
  .m-t-xs-0 {
    margin-top: 0px !important;
  }
  .m-r-xs-0 {
    margin-right: 0px !important;
  }
  .m-b-xs-0 {
    margin-bottom: 0px !important;
  }
  .m-l-xs-0 {
    margin-left: 0px !important;
  }
  .m-xs-0 {
    margin: 0px !important;
  }
}
@media (min-width: 768px) {
  .m-t-sm-0 {
    margin-top: 0px !important;
  }
  .m-r-sm-0 {
    margin-right: 0px !important;
  }
  .m-b-sm-0 {
    margin-bottom: 0px !important;
  }
  .m-l-sm-0 {
    margin-left: 0px !important;
  }
  .m-sm-0 {
    margin: 0px !important;
  }
}
@media (min-width: 992px) {
  .m-t-md-0 {
    margin-top: 0px !important;
  }
  .m-r-md-0 {
    margin-right: 0px !important;
  }
  .m-b-md-0 {
    margin-bottom: 0px !important;
  }
  .m-l-md-0 {
    margin-left: 0px !important;
  }
  .m-md-0 {
    margin: 0px !important;
  }
}
@media (min-width: 1200px) {
  .m-t-lg-0 {
    margin-top: 0px !important;
  }
  .m-r-lg-0 {
    margin-right: 0px !important;
  }
  .m-b-lg-0 {
    margin-bottom: 0px !important;
  }
  .m-l-lg-0 {
    margin-left: 0px !important;
  }
  .m-lg-0 {
    margin: 0px !important;
  }
}
.m-t-120 {
  margin-top: 120px !important;
}
.m-r-120 {
  margin-right: 120px !important;
}
.m-b-120 {
  margin-bottom: 120px !important;
}
.m-l-120 {
  margin-left: 120px !important;
}
.m-120 {
  margin: 120px !important;
}
@media (max-width: 767px) {
  .m-t-xs-120 {
    margin-top: 120px !important;
  }
  .m-r-xs-120 {
    margin-right: 120px !important;
  }
  .m-b-xs-120 {
    margin-bottom: 120px !important;
  }
  .m-l-xs-120 {
    margin-left: 120px !important;
  }
  .m-xs-120 {
    margin: 120px !important;
  }
}
@media (min-width: 768px) {
  .m-t-sm-120 {
    margin-top: 120px !important;
  }
  .m-r-sm-120 {
    margin-right: 120px !important;
  }
  .m-b-sm-120 {
    margin-bottom: 120px !important;
  }
  .m-l-sm-120 {
    margin-left: 120px !important;
  }
  .m-sm-120 {
    margin: 120px !important;
  }
}
@media (min-width: 992px) {
  .m-t-md-120 {
    margin-top: 120px !important;
  }
  .m-r-md-120 {
    margin-right: 120px !important;
  }
  .m-b-md-120 {
    margin-bottom: 120px !important;
  }
  .m-l-md-120 {
    margin-left: 120px !important;
  }
  .m-md-120 {
    margin: 120px !important;
  }
}
@media (min-width: 1200px) {
  .m-t-lg-120 {
    margin-top: 120px !important;
  }
  .m-r-lg-120 {
    margin-right: 120px !important;
  }
  .m-b-lg-120 {
    margin-bottom: 120px !important;
  }
  .m-l-lg-120 {
    margin-left: 120px !important;
  }
  .m-lg-120 {
    margin: 120px !important;
  }
}
.m-t-112 {
  margin-top: 112px !important;
}
.m-r-112 {
  margin-right: 112px !important;
}
.m-b-112 {
  margin-bottom: 112px !important;
}
.m-l-112 {
  margin-left: 112px !important;
}
.m-112 {
  margin: 112px !important;
}
@media (max-width: 767px) {
  .m-t-xs-112 {
    margin-top: 112px !important;
  }
  .m-r-xs-112 {
    margin-right: 112px !important;
  }
  .m-b-xs-112 {
    margin-bottom: 112px !important;
  }
  .m-l-xs-112 {
    margin-left: 112px !important;
  }
  .m-xs-112 {
    margin: 112px !important;
  }
}
@media (min-width: 768px) {
  .m-t-sm-112 {
    margin-top: 112px !important;
  }
  .m-r-sm-112 {
    margin-right: 112px !important;
  }
  .m-b-sm-112 {
    margin-bottom: 112px !important;
  }
  .m-l-sm-112 {
    margin-left: 112px !important;
  }
  .m-sm-112 {
    margin: 112px !important;
  }
}
@media (min-width: 992px) {
  .m-t-md-112 {
    margin-top: 112px !important;
  }
  .m-r-md-112 {
    margin-right: 112px !important;
  }
  .m-b-md-112 {
    margin-bottom: 112px !important;
  }
  .m-l-md-112 {
    margin-left: 112px !important;
  }
  .m-md-112 {
    margin: 112px !important;
  }
}
@media (min-width: 1200px) {
  .m-t-lg-112 {
    margin-top: 112px !important;
  }
  .m-r-lg-112 {
    margin-right: 112px !important;
  }
  .m-b-lg-112 {
    margin-bottom: 112px !important;
  }
  .m-l-lg-112 {
    margin-left: 112px !important;
  }
  .m-lg-112 {
    margin: 112px !important;
  }
}
.m-t-104 {
  margin-top: 104px !important;
}
.m-r-104 {
  margin-right: 104px !important;
}
.m-b-104 {
  margin-bottom: 104px !important;
}
.m-l-104 {
  margin-left: 104px !important;
}
.m-104 {
  margin: 104px !important;
}
@media (max-width: 767px) {
  .m-t-xs-104 {
    margin-top: 104px !important;
  }
  .m-r-xs-104 {
    margin-right: 104px !important;
  }
  .m-b-xs-104 {
    margin-bottom: 104px !important;
  }
  .m-l-xs-104 {
    margin-left: 104px !important;
  }
  .m-xs-104 {
    margin: 104px !important;
  }
}
@media (min-width: 768px) {
  .m-t-sm-104 {
    margin-top: 104px !important;
  }
  .m-r-sm-104 {
    margin-right: 104px !important;
  }
  .m-b-sm-104 {
    margin-bottom: 104px !important;
  }
  .m-l-sm-104 {
    margin-left: 104px !important;
  }
  .m-sm-104 {
    margin: 104px !important;
  }
}
@media (min-width: 992px) {
  .m-t-md-104 {
    margin-top: 104px !important;
  }
  .m-r-md-104 {
    margin-right: 104px !important;
  }
  .m-b-md-104 {
    margin-bottom: 104px !important;
  }
  .m-l-md-104 {
    margin-left: 104px !important;
  }
  .m-md-104 {
    margin: 104px !important;
  }
}
@media (min-width: 1200px) {
  .m-t-lg-104 {
    margin-top: 104px !important;
  }
  .m-r-lg-104 {
    margin-right: 104px !important;
  }
  .m-b-lg-104 {
    margin-bottom: 104px !important;
  }
  .m-l-lg-104 {
    margin-left: 104px !important;
  }
  .m-lg-104 {
    margin: 104px !important;
  }
}
.m-t-96 {
  margin-top: 96px !important;
}
.m-r-96 {
  margin-right: 96px !important;
}
.m-b-96 {
  margin-bottom: 96px !important;
}
.m-l-96 {
  margin-left: 96px !important;
}
.m-96 {
  margin: 96px !important;
}
@media (max-width: 767px) {
  .m-t-xs-96 {
    margin-top: 96px !important;
  }
  .m-r-xs-96 {
    margin-right: 96px !important;
  }
  .m-b-xs-96 {
    margin-bottom: 96px !important;
  }
  .m-l-xs-96 {
    margin-left: 96px !important;
  }
  .m-xs-96 {
    margin: 96px !important;
  }
}
@media (min-width: 768px) {
  .m-t-sm-96 {
    margin-top: 96px !important;
  }
  .m-r-sm-96 {
    margin-right: 96px !important;
  }
  .m-b-sm-96 {
    margin-bottom: 96px !important;
  }
  .m-l-sm-96 {
    margin-left: 96px !important;
  }
  .m-sm-96 {
    margin: 96px !important;
  }
}
@media (min-width: 992px) {
  .m-t-md-96 {
    margin-top: 96px !important;
  }
  .m-r-md-96 {
    margin-right: 96px !important;
  }
  .m-b-md-96 {
    margin-bottom: 96px !important;
  }
  .m-l-md-96 {
    margin-left: 96px !important;
  }
  .m-md-96 {
    margin: 96px !important;
  }
}
@media (min-width: 1200px) {
  .m-t-lg-96 {
    margin-top: 96px !important;
  }
  .m-r-lg-96 {
    margin-right: 96px !important;
  }
  .m-b-lg-96 {
    margin-bottom: 96px !important;
  }
  .m-l-lg-96 {
    margin-left: 96px !important;
  }
  .m-lg-96 {
    margin: 96px !important;
  }
}
.m-t-88 {
  margin-top: 88px !important;
}
.m-r-88 {
  margin-right: 88px !important;
}
.m-b-88 {
  margin-bottom: 88px !important;
}
.m-l-88 {
  margin-left: 88px !important;
}
.m-88 {
  margin: 88px !important;
}
@media (max-width: 767px) {
  .m-t-xs-88 {
    margin-top: 88px !important;
  }
  .m-r-xs-88 {
    margin-right: 88px !important;
  }
  .m-b-xs-88 {
    margin-bottom: 88px !important;
  }
  .m-l-xs-88 {
    margin-left: 88px !important;
  }
  .m-xs-88 {
    margin: 88px !important;
  }
}
@media (min-width: 768px) {
  .m-t-sm-88 {
    margin-top: 88px !important;
  }
  .m-r-sm-88 {
    margin-right: 88px !important;
  }
  .m-b-sm-88 {
    margin-bottom: 88px !important;
  }
  .m-l-sm-88 {
    margin-left: 88px !important;
  }
  .m-sm-88 {
    margin: 88px !important;
  }
}
@media (min-width: 992px) {
  .m-t-md-88 {
    margin-top: 88px !important;
  }
  .m-r-md-88 {
    margin-right: 88px !important;
  }
  .m-b-md-88 {
    margin-bottom: 88px !important;
  }
  .m-l-md-88 {
    margin-left: 88px !important;
  }
  .m-md-88 {
    margin: 88px !important;
  }
}
@media (min-width: 1200px) {
  .m-t-lg-88 {
    margin-top: 88px !important;
  }
  .m-r-lg-88 {
    margin-right: 88px !important;
  }
  .m-b-lg-88 {
    margin-bottom: 88px !important;
  }
  .m-l-lg-88 {
    margin-left: 88px !important;
  }
  .m-lg-88 {
    margin: 88px !important;
  }
}
.m-t-80 {
  margin-top: 80px !important;
}
.m-r-80 {
  margin-right: 80px !important;
}
.m-b-80 {
  margin-bottom: 80px !important;
}
.m-l-80 {
  margin-left: 80px !important;
}
.m-80 {
  margin: 80px !important;
}
@media (max-width: 767px) {
  .m-t-xs-80 {
    margin-top: 80px !important;
  }
  .m-r-xs-80 {
    margin-right: 80px !important;
  }
  .m-b-xs-80 {
    margin-bottom: 80px !important;
  }
  .m-l-xs-80 {
    margin-left: 80px !important;
  }
  .m-xs-80 {
    margin: 80px !important;
  }
}
@media (min-width: 768px) {
  .m-t-sm-80 {
    margin-top: 80px !important;
  }
  .m-r-sm-80 {
    margin-right: 80px !important;
  }
  .m-b-sm-80 {
    margin-bottom: 80px !important;
  }
  .m-l-sm-80 {
    margin-left: 80px !important;
  }
  .m-sm-80 {
    margin: 80px !important;
  }
}
@media (min-width: 992px) {
  .m-t-md-80 {
    margin-top: 80px !important;
  }
  .m-r-md-80 {
    margin-right: 80px !important;
  }
  .m-b-md-80 {
    margin-bottom: 80px !important;
  }
  .m-l-md-80 {
    margin-left: 80px !important;
  }
  .m-md-80 {
    margin: 80px !important;
  }
}
@media (min-width: 1200px) {
  .m-t-lg-80 {
    margin-top: 80px !important;
  }
  .m-r-lg-80 {
    margin-right: 80px !important;
  }
  .m-b-lg-80 {
    margin-bottom: 80px !important;
  }
  .m-l-lg-80 {
    margin-left: 80px !important;
  }
  .m-lg-80 {
    margin: 80px !important;
  }
}
.m-t-72 {
  margin-top: 72px !important;
}
.m-r-72 {
  margin-right: 72px !important;
}
.m-b-72 {
  margin-bottom: 72px !important;
}
.m-l-72 {
  margin-left: 72px !important;
}
.m-72 {
  margin: 72px !important;
}
@media (max-width: 767px) {
  .m-t-xs-72 {
    margin-top: 72px !important;
  }
  .m-r-xs-72 {
    margin-right: 72px !important;
  }
  .m-b-xs-72 {
    margin-bottom: 72px !important;
  }
  .m-l-xs-72 {
    margin-left: 72px !important;
  }
  .m-xs-72 {
    margin: 72px !important;
  }
}
@media (min-width: 768px) {
  .m-t-sm-72 {
    margin-top: 72px !important;
  }
  .m-r-sm-72 {
    margin-right: 72px !important;
  }
  .m-b-sm-72 {
    margin-bottom: 72px !important;
  }
  .m-l-sm-72 {
    margin-left: 72px !important;
  }
  .m-sm-72 {
    margin: 72px !important;
  }
}
@media (min-width: 992px) {
  .m-t-md-72 {
    margin-top: 72px !important;
  }
  .m-r-md-72 {
    margin-right: 72px !important;
  }
  .m-b-md-72 {
    margin-bottom: 72px !important;
  }
  .m-l-md-72 {
    margin-left: 72px !important;
  }
  .m-md-72 {
    margin: 72px !important;
  }
}
@media (min-width: 1200px) {
  .m-t-lg-72 {
    margin-top: 72px !important;
  }
  .m-r-lg-72 {
    margin-right: 72px !important;
  }
  .m-b-lg-72 {
    margin-bottom: 72px !important;
  }
  .m-l-lg-72 {
    margin-left: 72px !important;
  }
  .m-lg-72 {
    margin: 72px !important;
  }
}
.m-t-64 {
  margin-top: 64px !important;
}
.m-r-64 {
  margin-right: 64px !important;
}
.m-b-64 {
  margin-bottom: 64px !important;
}
.m-l-64 {
  margin-left: 64px !important;
}
.m-64 {
  margin: 64px !important;
}
@media (max-width: 767px) {
  .m-t-xs-64 {
    margin-top: 64px !important;
  }
  .m-r-xs-64 {
    margin-right: 64px !important;
  }
  .m-b-xs-64 {
    margin-bottom: 64px !important;
  }
  .m-l-xs-64 {
    margin-left: 64px !important;
  }
  .m-xs-64 {
    margin: 64px !important;
  }
}
@media (min-width: 768px) {
  .m-t-sm-64 {
    margin-top: 64px !important;
  }
  .m-r-sm-64 {
    margin-right: 64px !important;
  }
  .m-b-sm-64 {
    margin-bottom: 64px !important;
  }
  .m-l-sm-64 {
    margin-left: 64px !important;
  }
  .m-sm-64 {
    margin: 64px !important;
  }
}
@media (min-width: 992px) {
  .m-t-md-64 {
    margin-top: 64px !important;
  }
  .m-r-md-64 {
    margin-right: 64px !important;
  }
  .m-b-md-64 {
    margin-bottom: 64px !important;
  }
  .m-l-md-64 {
    margin-left: 64px !important;
  }
  .m-md-64 {
    margin: 64px !important;
  }
}
@media (min-width: 1200px) {
  .m-t-lg-64 {
    margin-top: 64px !important;
  }
  .m-r-lg-64 {
    margin-right: 64px !important;
  }
  .m-b-lg-64 {
    margin-bottom: 64px !important;
  }
  .m-l-lg-64 {
    margin-left: 64px !important;
  }
  .m-lg-64 {
    margin: 64px !important;
  }
}
.m-t-56 {
  margin-top: 56px !important;
}
.m-r-56 {
  margin-right: 56px !important;
}
.m-b-56 {
  margin-bottom: 56px !important;
}
.m-l-56 {
  margin-left: 56px !important;
}
.m-56 {
  margin: 56px !important;
}
@media (max-width: 767px) {
  .m-t-xs-56 {
    margin-top: 56px !important;
  }
  .m-r-xs-56 {
    margin-right: 56px !important;
  }
  .m-b-xs-56 {
    margin-bottom: 56px !important;
  }
  .m-l-xs-56 {
    margin-left: 56px !important;
  }
  .m-xs-56 {
    margin: 56px !important;
  }
}
@media (min-width: 768px) {
  .m-t-sm-56 {
    margin-top: 56px !important;
  }
  .m-r-sm-56 {
    margin-right: 56px !important;
  }
  .m-b-sm-56 {
    margin-bottom: 56px !important;
  }
  .m-l-sm-56 {
    margin-left: 56px !important;
  }
  .m-sm-56 {
    margin: 56px !important;
  }
}
@media (min-width: 992px) {
  .m-t-md-56 {
    margin-top: 56px !important;
  }
  .m-r-md-56 {
    margin-right: 56px !important;
  }
  .m-b-md-56 {
    margin-bottom: 56px !important;
  }
  .m-l-md-56 {
    margin-left: 56px !important;
  }
  .m-md-56 {
    margin: 56px !important;
  }
}
@media (min-width: 1200px) {
  .m-t-lg-56 {
    margin-top: 56px !important;
  }
  .m-r-lg-56 {
    margin-right: 56px !important;
  }
  .m-b-lg-56 {
    margin-bottom: 56px !important;
  }
  .m-l-lg-56 {
    margin-left: 56px !important;
  }
  .m-lg-56 {
    margin: 56px !important;
  }
}
.m-t-48 {
  margin-top: 48px !important;
}
.m-r-48 {
  margin-right: 48px !important;
}
.m-b-48 {
  margin-bottom: 48px !important;
}
.m-l-48 {
  margin-left: 48px !important;
}
.m-48 {
  margin: 48px !important;
}
@media (max-width: 767px) {
  .m-t-xs-48 {
    margin-top: 48px !important;
  }
  .m-r-xs-48 {
    margin-right: 48px !important;
  }
  .m-b-xs-48 {
    margin-bottom: 48px !important;
  }
  .m-l-xs-48 {
    margin-left: 48px !important;
  }
  .m-xs-48 {
    margin: 48px !important;
  }
}
@media (min-width: 768px) {
  .m-t-sm-48 {
    margin-top: 48px !important;
  }
  .m-r-sm-48 {
    margin-right: 48px !important;
  }
  .m-b-sm-48 {
    margin-bottom: 48px !important;
  }
  .m-l-sm-48 {
    margin-left: 48px !important;
  }
  .m-sm-48 {
    margin: 48px !important;
  }
}
@media (min-width: 992px) {
  .m-t-md-48 {
    margin-top: 48px !important;
  }
  .m-r-md-48 {
    margin-right: 48px !important;
  }
  .m-b-md-48 {
    margin-bottom: 48px !important;
  }
  .m-l-md-48 {
    margin-left: 48px !important;
  }
  .m-md-48 {
    margin: 48px !important;
  }
}
@media (min-width: 1200px) {
  .m-t-lg-48 {
    margin-top: 48px !important;
  }
  .m-r-lg-48 {
    margin-right: 48px !important;
  }
  .m-b-lg-48 {
    margin-bottom: 48px !important;
  }
  .m-l-lg-48 {
    margin-left: 48px !important;
  }
  .m-lg-48 {
    margin: 48px !important;
  }
}
.m-t-40 {
  margin-top: 40px !important;
}
.m-r-40 {
  margin-right: 40px !important;
}
.m-b-40 {
  margin-bottom: 40px !important;
}
.m-l-40 {
  margin-left: 40px !important;
}
.m-40 {
  margin: 40px !important;
}
@media (max-width: 767px) {
  .m-t-xs-40 {
    margin-top: 40px !important;
  }
  .m-r-xs-40 {
    margin-right: 40px !important;
  }
  .m-b-xs-40 {
    margin-bottom: 40px !important;
  }
  .m-l-xs-40 {
    margin-left: 40px !important;
  }
  .m-xs-40 {
    margin: 40px !important;
  }
}
@media (min-width: 768px) {
  .m-t-sm-40 {
    margin-top: 40px !important;
  }
  .m-r-sm-40 {
    margin-right: 40px !important;
  }
  .m-b-sm-40 {
    margin-bottom: 40px !important;
  }
  .m-l-sm-40 {
    margin-left: 40px !important;
  }
  .m-sm-40 {
    margin: 40px !important;
  }
}
@media (min-width: 992px) {
  .m-t-md-40 {
    margin-top: 40px !important;
  }
  .m-r-md-40 {
    margin-right: 40px !important;
  }
  .m-b-md-40 {
    margin-bottom: 40px !important;
  }
  .m-l-md-40 {
    margin-left: 40px !important;
  }
  .m-md-40 {
    margin: 40px !important;
  }
}
@media (min-width: 1200px) {
  .m-t-lg-40 {
    margin-top: 40px !important;
  }
  .m-r-lg-40 {
    margin-right: 40px !important;
  }
  .m-b-lg-40 {
    margin-bottom: 40px !important;
  }
  .m-l-lg-40 {
    margin-left: 40px !important;
  }
  .m-lg-40 {
    margin: 40px !important;
  }
}
.m-t-32 {
  margin-top: 32px !important;
}
.m-r-32 {
  margin-right: 32px !important;
}
.m-b-32 {
  margin-bottom: 32px !important;
}
.m-l-32 {
  margin-left: 32px !important;
}
.m-32 {
  margin: 32px !important;
}
@media (max-width: 767px) {
  .m-t-xs-32 {
    margin-top: 32px !important;
  }
  .m-r-xs-32 {
    margin-right: 32px !important;
  }
  .m-b-xs-32 {
    margin-bottom: 32px !important;
  }
  .m-l-xs-32 {
    margin-left: 32px !important;
  }
  .m-xs-32 {
    margin: 32px !important;
  }
}
@media (min-width: 768px) {
  .m-t-sm-32 {
    margin-top: 32px !important;
  }
  .m-r-sm-32 {
    margin-right: 32px !important;
  }
  .m-b-sm-32 {
    margin-bottom: 32px !important;
  }
  .m-l-sm-32 {
    margin-left: 32px !important;
  }
  .m-sm-32 {
    margin: 32px !important;
  }
}
@media (min-width: 992px) {
  .m-t-md-32 {
    margin-top: 32px !important;
  }
  .m-r-md-32 {
    margin-right: 32px !important;
  }
  .m-b-md-32 {
    margin-bottom: 32px !important;
  }
  .m-l-md-32 {
    margin-left: 32px !important;
  }
  .m-md-32 {
    margin: 32px !important;
  }
}
@media (min-width: 1200px) {
  .m-t-lg-32 {
    margin-top: 32px !important;
  }
  .m-r-lg-32 {
    margin-right: 32px !important;
  }
  .m-b-lg-32 {
    margin-bottom: 32px !important;
  }
  .m-l-lg-32 {
    margin-left: 32px !important;
  }
  .m-lg-32 {
    margin: 32px !important;
  }
}
.m-t-24 {
  margin-top: 24px !important;
}
.m-r-24 {
  margin-right: 24px !important;
}
.m-b-24 {
  margin-bottom: 24px !important;
}
.m-l-24 {
  margin-left: 24px !important;
}
.m-24 {
  margin: 24px !important;
}
@media (max-width: 767px) {
  .m-t-xs-24 {
    margin-top: 24px !important;
  }
  .m-r-xs-24 {
    margin-right: 24px !important;
  }
  .m-b-xs-24 {
    margin-bottom: 24px !important;
  }
  .m-l-xs-24 {
    margin-left: 24px !important;
  }
  .m-xs-24 {
    margin: 24px !important;
  }
}
@media (min-width: 768px) {
  .m-t-sm-24 {
    margin-top: 24px !important;
  }
  .m-r-sm-24 {
    margin-right: 24px !important;
  }
  .m-b-sm-24 {
    margin-bottom: 24px !important;
  }
  .m-l-sm-24 {
    margin-left: 24px !important;
  }
  .m-sm-24 {
    margin: 24px !important;
  }
}
@media (min-width: 992px) {
  .m-t-md-24 {
    margin-top: 24px !important;
  }
  .m-r-md-24 {
    margin-right: 24px !important;
  }
  .m-b-md-24 {
    margin-bottom: 24px !important;
  }
  .m-l-md-24 {
    margin-left: 24px !important;
  }
  .m-md-24 {
    margin: 24px !important;
  }
}
@media (min-width: 1200px) {
  .m-t-lg-24 {
    margin-top: 24px !important;
  }
  .m-r-lg-24 {
    margin-right: 24px !important;
  }
  .m-b-lg-24 {
    margin-bottom: 24px !important;
  }
  .m-l-lg-24 {
    margin-left: 24px !important;
  }
  .m-lg-24 {
    margin: 24px !important;
  }
}
.m-t-16 {
  margin-top: 16px !important;
}
.m-r-16 {
  margin-right: 16px !important;
}
.m-b-16 {
  margin-bottom: 16px !important;
}
.m-l-16 {
  margin-left: 16px !important;
}
.m-16 {
  margin: 16px !important;
}
@media (max-width: 767px) {
  .m-t-xs-16 {
    margin-top: 16px !important;
  }
  .m-r-xs-16 {
    margin-right: 16px !important;
  }
  .m-b-xs-16 {
    margin-bottom: 16px !important;
  }
  .m-l-xs-16 {
    margin-left: 16px !important;
  }
  .m-xs-16 {
    margin: 16px !important;
  }
}
@media (min-width: 768px) {
  .m-t-sm-16 {
    margin-top: 16px !important;
  }
  .m-r-sm-16 {
    margin-right: 16px !important;
  }
  .m-b-sm-16 {
    margin-bottom: 16px !important;
  }
  .m-l-sm-16 {
    margin-left: 16px !important;
  }
  .m-sm-16 {
    margin: 16px !important;
  }
}
@media (min-width: 992px) {
  .m-t-md-16 {
    margin-top: 16px !important;
  }
  .m-r-md-16 {
    margin-right: 16px !important;
  }
  .m-b-md-16 {
    margin-bottom: 16px !important;
  }
  .m-l-md-16 {
    margin-left: 16px !important;
  }
  .m-md-16 {
    margin: 16px !important;
  }
}
@media (min-width: 1200px) {
  .m-t-lg-16 {
    margin-top: 16px !important;
  }
  .m-r-lg-16 {
    margin-right: 16px !important;
  }
  .m-b-lg-16 {
    margin-bottom: 16px !important;
  }
  .m-l-lg-16 {
    margin-left: 16px !important;
  }
  .m-lg-16 {
    margin: 16px !important;
  }
}
.m-t-8 {
  margin-top: 8px !important;
}
.m-r-8 {
  margin-right: 8px !important;
}
.m-b-8 {
  margin-bottom: 8px !important;
}
.m-l-8 {
  margin-left: 8px !important;
}
.m-8 {
  margin: 8px !important;
}
@media (max-width: 767px) {
  .m-t-xs-8 {
    margin-top: 8px !important;
  }
  .m-r-xs-8 {
    margin-right: 8px !important;
  }
  .m-b-xs-8 {
    margin-bottom: 8px !important;
  }
  .m-l-xs-8 {
    margin-left: 8px !important;
  }
  .m-xs-8 {
    margin: 8px !important;
  }
}
@media (min-width: 768px) {
  .m-t-sm-8 {
    margin-top: 8px !important;
  }
  .m-r-sm-8 {
    margin-right: 8px !important;
  }
  .m-b-sm-8 {
    margin-bottom: 8px !important;
  }
  .m-l-sm-8 {
    margin-left: 8px !important;
  }
  .m-sm-8 {
    margin: 8px !important;
  }
}
@media (min-width: 992px) {
  .m-t-md-8 {
    margin-top: 8px !important;
  }
  .m-r-md-8 {
    margin-right: 8px !important;
  }
  .m-b-md-8 {
    margin-bottom: 8px !important;
  }
  .m-l-md-8 {
    margin-left: 8px !important;
  }
  .m-md-8 {
    margin: 8px !important;
  }
}
@media (min-width: 1200px) {
  .m-t-lg-8 {
    margin-top: 8px !important;
  }
  .m-r-lg-8 {
    margin-right: 8px !important;
  }
  .m-b-lg-8 {
    margin-bottom: 8px !important;
  }
  .m-l-lg-8 {
    margin-left: 8px !important;
  }
  .m-lg-8 {
    margin: 8px !important;
  }
}
.m-t-0 {
  margin-top: 0px !important;
}
.m-r-0 {
  margin-right: 0px !important;
}
.m-b-0 {
  margin-bottom: 0px !important;
}
.m-l-0 {
  margin-left: 0px !important;
}
.m-0 {
  margin: 0px !important;
}
@media (max-width: 767px) {
  .m-t-xs-0 {
    margin-top: 0px !important;
  }
  .m-r-xs-0 {
    margin-right: 0px !important;
  }
  .m-b-xs-0 {
    margin-bottom: 0px !important;
  }
  .m-l-xs-0 {
    margin-left: 0px !important;
  }
  .m-xs-0 {
    margin: 0px !important;
  }
}
@media (min-width: 768px) {
  .m-t-sm-0 {
    margin-top: 0px !important;
  }
  .m-r-sm-0 {
    margin-right: 0px !important;
  }
  .m-b-sm-0 {
    margin-bottom: 0px !important;
  }
  .m-l-sm-0 {
    margin-left: 0px !important;
  }
  .m-sm-0 {
    margin: 0px !important;
  }
}
@media (min-width: 992px) {
  .m-t-md-0 {
    margin-top: 0px !important;
  }
  .m-r-md-0 {
    margin-right: 0px !important;
  }
  .m-b-md-0 {
    margin-bottom: 0px !important;
  }
  .m-l-md-0 {
    margin-left: 0px !important;
  }
  .m-md-0 {
    margin: 0px !important;
  }
}
@media (min-width: 1200px) {
  .m-t-lg-0 {
    margin-top: 0px !important;
  }
  .m-r-lg-0 {
    margin-right: 0px !important;
  }
  .m-b-lg-0 {
    margin-bottom: 0px !important;
  }
  .m-l-lg-0 {
    margin-left: 0px !important;
  }
  .m-lg-0 {
    margin: 0px !important;
  }
}
/* example result:
 .m-t-8{
   margin-top: 8px
 }
*/
.p-t-4 {
  padding-top: 4px !important;
}
.p-r-4 {
  padding-right: 4px !important;
}
.p-b-4 {
  padding-bottom: 4px !important;
}
.p-l-4 {
  padding-left: 4px !important;
}
.p-4 {
  padding: 4px !important;
}
@media (max-width: 767px) {
  .p-t-xs-4 {
    padding-top: 4px !important;
  }
  .p-r-xs-4 {
    padding-right: 4px !important;
  }
  .p-b-xs-4 {
    padding-bottom: 4px !important;
  }
  .p-l-xs-4 {
    padding-left: 4px !important;
  }
  .p-xs-4 {
    padding: 4px !important;
  }
}
@media (min-width: 768px) {
  .p-t-sm-4 {
    padding-top: 4px !important;
  }
  .p-r-sm-4 {
    padding-right: 4px !important;
  }
  .p-b-sm-4 {
    padding-bottom: 4px !important;
  }
  .p-l-sm-4 {
    padding-left: 4px !important;
  }
  .p-sm-4 {
    padding: 4px !important;
  }
}
@media (min-width: 992px) {
  .p-t-md-4 {
    padding-top: 4px !important;
  }
  .p-r-md-4 {
    padding-right: 4px !important;
  }
  .p-b-md-4 {
    padding-bottom: 4px !important;
  }
  .p-l-md-4 {
    padding-left: 4px !important;
  }
  .p-md-4 {
    padding: 4px !important;
  }
}
@media (min-width: 1200px) {
  .p-t-lg-4 {
    padding-top: 4px !important;
  }
  .p-r-lg-4 {
    padding-right: 4px !important;
  }
  .p-b-lg-4 {
    padding-bottom: 4px !important;
  }
  .p-l-lg-4 {
    padding-left: 4px !important;
  }
  .p-lg-4 {
    padding: 4px !important;
  }
}
.p-t-0 {
  padding-top: 0px !important;
}
.p-r-0 {
  padding-right: 0px !important;
}
.p-b-0 {
  padding-bottom: 0px !important;
}
.p-l-0 {
  padding-left: 0px !important;
}
.p-0 {
  padding: 0px !important;
}
@media (max-width: 767px) {
  .p-t-xs-0 {
    padding-top: 0px !important;
  }
  .p-r-xs-0 {
    padding-right: 0px !important;
  }
  .p-b-xs-0 {
    padding-bottom: 0px !important;
  }
  .p-l-xs-0 {
    padding-left: 0px !important;
  }
  .p-xs-0 {
    padding: 0px !important;
  }
}
@media (min-width: 768px) {
  .p-t-sm-0 {
    padding-top: 0px !important;
  }
  .p-r-sm-0 {
    padding-right: 0px !important;
  }
  .p-b-sm-0 {
    padding-bottom: 0px !important;
  }
  .p-l-sm-0 {
    padding-left: 0px !important;
  }
  .p-sm-0 {
    padding: 0px !important;
  }
}
@media (min-width: 992px) {
  .p-t-md-0 {
    padding-top: 0px !important;
  }
  .p-r-md-0 {
    padding-right: 0px !important;
  }
  .p-b-md-0 {
    padding-bottom: 0px !important;
  }
  .p-l-md-0 {
    padding-left: 0px !important;
  }
  .p-md-0 {
    padding: 0px !important;
  }
}
@media (min-width: 1200px) {
  .p-t-lg-0 {
    padding-top: 0px !important;
  }
  .p-r-lg-0 {
    padding-right: 0px !important;
  }
  .p-b-lg-0 {
    padding-bottom: 0px !important;
  }
  .p-l-lg-0 {
    padding-left: 0px !important;
  }
  .p-lg-0 {
    padding: 0px !important;
  }
}
.p-t-120 {
  padding-top: 120px !important;
}
.p-r-120 {
  padding-right: 120px !important;
}
.p-b-120 {
  padding-bottom: 120px !important;
}
.p-l-120 {
  padding-left: 120px !important;
}
.p-120 {
  padding: 120px !important;
}
@media (max-width: 767px) {
  .p-t-xs-120 {
    padding-top: 120px !important;
  }
  .p-r-xs-120 {
    padding-right: 120px !important;
  }
  .p-b-xs-120 {
    padding-bottom: 120px !important;
  }
  .p-l-xs-120 {
    padding-left: 120px !important;
  }
  .p-xs-120 {
    padding: 120px !important;
  }
}
@media (min-width: 768px) {
  .p-t-sm-120 {
    padding-top: 120px !important;
  }
  .p-r-sm-120 {
    padding-right: 120px !important;
  }
  .p-b-sm-120 {
    padding-bottom: 120px !important;
  }
  .p-l-sm-120 {
    padding-left: 120px !important;
  }
  .p-sm-120 {
    padding: 120px !important;
  }
}
@media (min-width: 992px) {
  .p-t-md-120 {
    padding-top: 120px !important;
  }
  .p-r-md-120 {
    padding-right: 120px !important;
  }
  .p-b-md-120 {
    padding-bottom: 120px !important;
  }
  .p-l-md-120 {
    padding-left: 120px !important;
  }
  .p-md-120 {
    padding: 120px !important;
  }
}
@media (min-width: 1200px) {
  .p-t-lg-120 {
    padding-top: 120px !important;
  }
  .p-r-lg-120 {
    padding-right: 120px !important;
  }
  .p-b-lg-120 {
    padding-bottom: 120px !important;
  }
  .p-l-lg-120 {
    padding-left: 120px !important;
  }
  .p-lg-120 {
    padding: 120px !important;
  }
}
.p-t-112 {
  padding-top: 112px !important;
}
.p-r-112 {
  padding-right: 112px !important;
}
.p-b-112 {
  padding-bottom: 112px !important;
}
.p-l-112 {
  padding-left: 112px !important;
}
.p-112 {
  padding: 112px !important;
}
@media (max-width: 767px) {
  .p-t-xs-112 {
    padding-top: 112px !important;
  }
  .p-r-xs-112 {
    padding-right: 112px !important;
  }
  .p-b-xs-112 {
    padding-bottom: 112px !important;
  }
  .p-l-xs-112 {
    padding-left: 112px !important;
  }
  .p-xs-112 {
    padding: 112px !important;
  }
}
@media (min-width: 768px) {
  .p-t-sm-112 {
    padding-top: 112px !important;
  }
  .p-r-sm-112 {
    padding-right: 112px !important;
  }
  .p-b-sm-112 {
    padding-bottom: 112px !important;
  }
  .p-l-sm-112 {
    padding-left: 112px !important;
  }
  .p-sm-112 {
    padding: 112px !important;
  }
}
@media (min-width: 992px) {
  .p-t-md-112 {
    padding-top: 112px !important;
  }
  .p-r-md-112 {
    padding-right: 112px !important;
  }
  .p-b-md-112 {
    padding-bottom: 112px !important;
  }
  .p-l-md-112 {
    padding-left: 112px !important;
  }
  .p-md-112 {
    padding: 112px !important;
  }
}
@media (min-width: 1200px) {
  .p-t-lg-112 {
    padding-top: 112px !important;
  }
  .p-r-lg-112 {
    padding-right: 112px !important;
  }
  .p-b-lg-112 {
    padding-bottom: 112px !important;
  }
  .p-l-lg-112 {
    padding-left: 112px !important;
  }
  .p-lg-112 {
    padding: 112px !important;
  }
}
.p-t-104 {
  padding-top: 104px !important;
}
.p-r-104 {
  padding-right: 104px !important;
}
.p-b-104 {
  padding-bottom: 104px !important;
}
.p-l-104 {
  padding-left: 104px !important;
}
.p-104 {
  padding: 104px !important;
}
@media (max-width: 767px) {
  .p-t-xs-104 {
    padding-top: 104px !important;
  }
  .p-r-xs-104 {
    padding-right: 104px !important;
  }
  .p-b-xs-104 {
    padding-bottom: 104px !important;
  }
  .p-l-xs-104 {
    padding-left: 104px !important;
  }
  .p-xs-104 {
    padding: 104px !important;
  }
}
@media (min-width: 768px) {
  .p-t-sm-104 {
    padding-top: 104px !important;
  }
  .p-r-sm-104 {
    padding-right: 104px !important;
  }
  .p-b-sm-104 {
    padding-bottom: 104px !important;
  }
  .p-l-sm-104 {
    padding-left: 104px !important;
  }
  .p-sm-104 {
    padding: 104px !important;
  }
}
@media (min-width: 992px) {
  .p-t-md-104 {
    padding-top: 104px !important;
  }
  .p-r-md-104 {
    padding-right: 104px !important;
  }
  .p-b-md-104 {
    padding-bottom: 104px !important;
  }
  .p-l-md-104 {
    padding-left: 104px !important;
  }
  .p-md-104 {
    padding: 104px !important;
  }
}
@media (min-width: 1200px) {
  .p-t-lg-104 {
    padding-top: 104px !important;
  }
  .p-r-lg-104 {
    padding-right: 104px !important;
  }
  .p-b-lg-104 {
    padding-bottom: 104px !important;
  }
  .p-l-lg-104 {
    padding-left: 104px !important;
  }
  .p-lg-104 {
    padding: 104px !important;
  }
}
.p-t-96 {
  padding-top: 96px !important;
}
.p-r-96 {
  padding-right: 96px !important;
}
.p-b-96 {
  padding-bottom: 96px !important;
}
.p-l-96 {
  padding-left: 96px !important;
}
.p-96 {
  padding: 96px !important;
}
@media (max-width: 767px) {
  .p-t-xs-96 {
    padding-top: 96px !important;
  }
  .p-r-xs-96 {
    padding-right: 96px !important;
  }
  .p-b-xs-96 {
    padding-bottom: 96px !important;
  }
  .p-l-xs-96 {
    padding-left: 96px !important;
  }
  .p-xs-96 {
    padding: 96px !important;
  }
}
@media (min-width: 768px) {
  .p-t-sm-96 {
    padding-top: 96px !important;
  }
  .p-r-sm-96 {
    padding-right: 96px !important;
  }
  .p-b-sm-96 {
    padding-bottom: 96px !important;
  }
  .p-l-sm-96 {
    padding-left: 96px !important;
  }
  .p-sm-96 {
    padding: 96px !important;
  }
}
@media (min-width: 992px) {
  .p-t-md-96 {
    padding-top: 96px !important;
  }
  .p-r-md-96 {
    padding-right: 96px !important;
  }
  .p-b-md-96 {
    padding-bottom: 96px !important;
  }
  .p-l-md-96 {
    padding-left: 96px !important;
  }
  .p-md-96 {
    padding: 96px !important;
  }
}
@media (min-width: 1200px) {
  .p-t-lg-96 {
    padding-top: 96px !important;
  }
  .p-r-lg-96 {
    padding-right: 96px !important;
  }
  .p-b-lg-96 {
    padding-bottom: 96px !important;
  }
  .p-l-lg-96 {
    padding-left: 96px !important;
  }
  .p-lg-96 {
    padding: 96px !important;
  }
}
.p-t-88 {
  padding-top: 88px !important;
}
.p-r-88 {
  padding-right: 88px !important;
}
.p-b-88 {
  padding-bottom: 88px !important;
}
.p-l-88 {
  padding-left: 88px !important;
}
.p-88 {
  padding: 88px !important;
}
@media (max-width: 767px) {
  .p-t-xs-88 {
    padding-top: 88px !important;
  }
  .p-r-xs-88 {
    padding-right: 88px !important;
  }
  .p-b-xs-88 {
    padding-bottom: 88px !important;
  }
  .p-l-xs-88 {
    padding-left: 88px !important;
  }
  .p-xs-88 {
    padding: 88px !important;
  }
}
@media (min-width: 768px) {
  .p-t-sm-88 {
    padding-top: 88px !important;
  }
  .p-r-sm-88 {
    padding-right: 88px !important;
  }
  .p-b-sm-88 {
    padding-bottom: 88px !important;
  }
  .p-l-sm-88 {
    padding-left: 88px !important;
  }
  .p-sm-88 {
    padding: 88px !important;
  }
}
@media (min-width: 992px) {
  .p-t-md-88 {
    padding-top: 88px !important;
  }
  .p-r-md-88 {
    padding-right: 88px !important;
  }
  .p-b-md-88 {
    padding-bottom: 88px !important;
  }
  .p-l-md-88 {
    padding-left: 88px !important;
  }
  .p-md-88 {
    padding: 88px !important;
  }
}
@media (min-width: 1200px) {
  .p-t-lg-88 {
    padding-top: 88px !important;
  }
  .p-r-lg-88 {
    padding-right: 88px !important;
  }
  .p-b-lg-88 {
    padding-bottom: 88px !important;
  }
  .p-l-lg-88 {
    padding-left: 88px !important;
  }
  .p-lg-88 {
    padding: 88px !important;
  }
}
.p-t-80 {
  padding-top: 80px !important;
}
.p-r-80 {
  padding-right: 80px !important;
}
.p-b-80 {
  padding-bottom: 80px !important;
}
.p-l-80 {
  padding-left: 80px !important;
}
.p-80 {
  padding: 80px !important;
}
@media (max-width: 767px) {
  .p-t-xs-80 {
    padding-top: 80px !important;
  }
  .p-r-xs-80 {
    padding-right: 80px !important;
  }
  .p-b-xs-80 {
    padding-bottom: 80px !important;
  }
  .p-l-xs-80 {
    padding-left: 80px !important;
  }
  .p-xs-80 {
    padding: 80px !important;
  }
}
@media (min-width: 768px) {
  .p-t-sm-80 {
    padding-top: 80px !important;
  }
  .p-r-sm-80 {
    padding-right: 80px !important;
  }
  .p-b-sm-80 {
    padding-bottom: 80px !important;
  }
  .p-l-sm-80 {
    padding-left: 80px !important;
  }
  .p-sm-80 {
    padding: 80px !important;
  }
}
@media (min-width: 992px) {
  .p-t-md-80 {
    padding-top: 80px !important;
  }
  .p-r-md-80 {
    padding-right: 80px !important;
  }
  .p-b-md-80 {
    padding-bottom: 80px !important;
  }
  .p-l-md-80 {
    padding-left: 80px !important;
  }
  .p-md-80 {
    padding: 80px !important;
  }
}
@media (min-width: 1200px) {
  .p-t-lg-80 {
    padding-top: 80px !important;
  }
  .p-r-lg-80 {
    padding-right: 80px !important;
  }
  .p-b-lg-80 {
    padding-bottom: 80px !important;
  }
  .p-l-lg-80 {
    padding-left: 80px !important;
  }
  .p-lg-80 {
    padding: 80px !important;
  }
}
.p-t-72 {
  padding-top: 72px !important;
}
.p-r-72 {
  padding-right: 72px !important;
}
.p-b-72 {
  padding-bottom: 72px !important;
}
.p-l-72 {
  padding-left: 72px !important;
}
.p-72 {
  padding: 72px !important;
}
@media (max-width: 767px) {
  .p-t-xs-72 {
    padding-top: 72px !important;
  }
  .p-r-xs-72 {
    padding-right: 72px !important;
  }
  .p-b-xs-72 {
    padding-bottom: 72px !important;
  }
  .p-l-xs-72 {
    padding-left: 72px !important;
  }
  .p-xs-72 {
    padding: 72px !important;
  }
}
@media (min-width: 768px) {
  .p-t-sm-72 {
    padding-top: 72px !important;
  }
  .p-r-sm-72 {
    padding-right: 72px !important;
  }
  .p-b-sm-72 {
    padding-bottom: 72px !important;
  }
  .p-l-sm-72 {
    padding-left: 72px !important;
  }
  .p-sm-72 {
    padding: 72px !important;
  }
}
@media (min-width: 992px) {
  .p-t-md-72 {
    padding-top: 72px !important;
  }
  .p-r-md-72 {
    padding-right: 72px !important;
  }
  .p-b-md-72 {
    padding-bottom: 72px !important;
  }
  .p-l-md-72 {
    padding-left: 72px !important;
  }
  .p-md-72 {
    padding: 72px !important;
  }
}
@media (min-width: 1200px) {
  .p-t-lg-72 {
    padding-top: 72px !important;
  }
  .p-r-lg-72 {
    padding-right: 72px !important;
  }
  .p-b-lg-72 {
    padding-bottom: 72px !important;
  }
  .p-l-lg-72 {
    padding-left: 72px !important;
  }
  .p-lg-72 {
    padding: 72px !important;
  }
}
.p-t-64 {
  padding-top: 64px !important;
}
.p-r-64 {
  padding-right: 64px !important;
}
.p-b-64 {
  padding-bottom: 64px !important;
}
.p-l-64 {
  padding-left: 64px !important;
}
.p-64 {
  padding: 64px !important;
}
@media (max-width: 767px) {
  .p-t-xs-64 {
    padding-top: 64px !important;
  }
  .p-r-xs-64 {
    padding-right: 64px !important;
  }
  .p-b-xs-64 {
    padding-bottom: 64px !important;
  }
  .p-l-xs-64 {
    padding-left: 64px !important;
  }
  .p-xs-64 {
    padding: 64px !important;
  }
}
@media (min-width: 768px) {
  .p-t-sm-64 {
    padding-top: 64px !important;
  }
  .p-r-sm-64 {
    padding-right: 64px !important;
  }
  .p-b-sm-64 {
    padding-bottom: 64px !important;
  }
  .p-l-sm-64 {
    padding-left: 64px !important;
  }
  .p-sm-64 {
    padding: 64px !important;
  }
}
@media (min-width: 992px) {
  .p-t-md-64 {
    padding-top: 64px !important;
  }
  .p-r-md-64 {
    padding-right: 64px !important;
  }
  .p-b-md-64 {
    padding-bottom: 64px !important;
  }
  .p-l-md-64 {
    padding-left: 64px !important;
  }
  .p-md-64 {
    padding: 64px !important;
  }
}
@media (min-width: 1200px) {
  .p-t-lg-64 {
    padding-top: 64px !important;
  }
  .p-r-lg-64 {
    padding-right: 64px !important;
  }
  .p-b-lg-64 {
    padding-bottom: 64px !important;
  }
  .p-l-lg-64 {
    padding-left: 64px !important;
  }
  .p-lg-64 {
    padding: 64px !important;
  }
}
.p-t-56 {
  padding-top: 56px !important;
}
.p-r-56 {
  padding-right: 56px !important;
}
.p-b-56 {
  padding-bottom: 56px !important;
}
.p-l-56 {
  padding-left: 56px !important;
}
.p-56 {
  padding: 56px !important;
}
@media (max-width: 767px) {
  .p-t-xs-56 {
    padding-top: 56px !important;
  }
  .p-r-xs-56 {
    padding-right: 56px !important;
  }
  .p-b-xs-56 {
    padding-bottom: 56px !important;
  }
  .p-l-xs-56 {
    padding-left: 56px !important;
  }
  .p-xs-56 {
    padding: 56px !important;
  }
}
@media (min-width: 768px) {
  .p-t-sm-56 {
    padding-top: 56px !important;
  }
  .p-r-sm-56 {
    padding-right: 56px !important;
  }
  .p-b-sm-56 {
    padding-bottom: 56px !important;
  }
  .p-l-sm-56 {
    padding-left: 56px !important;
  }
  .p-sm-56 {
    padding: 56px !important;
  }
}
@media (min-width: 992px) {
  .p-t-md-56 {
    padding-top: 56px !important;
  }
  .p-r-md-56 {
    padding-right: 56px !important;
  }
  .p-b-md-56 {
    padding-bottom: 56px !important;
  }
  .p-l-md-56 {
    padding-left: 56px !important;
  }
  .p-md-56 {
    padding: 56px !important;
  }
}
@media (min-width: 1200px) {
  .p-t-lg-56 {
    padding-top: 56px !important;
  }
  .p-r-lg-56 {
    padding-right: 56px !important;
  }
  .p-b-lg-56 {
    padding-bottom: 56px !important;
  }
  .p-l-lg-56 {
    padding-left: 56px !important;
  }
  .p-lg-56 {
    padding: 56px !important;
  }
}
.p-t-48 {
  padding-top: 48px !important;
}
.p-r-48 {
  padding-right: 48px !important;
}
.p-b-48 {
  padding-bottom: 48px !important;
}
.p-l-48 {
  padding-left: 48px !important;
}
.p-48 {
  padding: 48px !important;
}
@media (max-width: 767px) {
  .p-t-xs-48 {
    padding-top: 48px !important;
  }
  .p-r-xs-48 {
    padding-right: 48px !important;
  }
  .p-b-xs-48 {
    padding-bottom: 48px !important;
  }
  .p-l-xs-48 {
    padding-left: 48px !important;
  }
  .p-xs-48 {
    padding: 48px !important;
  }
}
@media (min-width: 768px) {
  .p-t-sm-48 {
    padding-top: 48px !important;
  }
  .p-r-sm-48 {
    padding-right: 48px !important;
  }
  .p-b-sm-48 {
    padding-bottom: 48px !important;
  }
  .p-l-sm-48 {
    padding-left: 48px !important;
  }
  .p-sm-48 {
    padding: 48px !important;
  }
}
@media (min-width: 992px) {
  .p-t-md-48 {
    padding-top: 48px !important;
  }
  .p-r-md-48 {
    padding-right: 48px !important;
  }
  .p-b-md-48 {
    padding-bottom: 48px !important;
  }
  .p-l-md-48 {
    padding-left: 48px !important;
  }
  .p-md-48 {
    padding: 48px !important;
  }
}
@media (min-width: 1200px) {
  .p-t-lg-48 {
    padding-top: 48px !important;
  }
  .p-r-lg-48 {
    padding-right: 48px !important;
  }
  .p-b-lg-48 {
    padding-bottom: 48px !important;
  }
  .p-l-lg-48 {
    padding-left: 48px !important;
  }
  .p-lg-48 {
    padding: 48px !important;
  }
}
.p-t-40 {
  padding-top: 40px !important;
}
.p-r-40 {
  padding-right: 40px !important;
}
.p-b-40 {
  padding-bottom: 40px !important;
}
.p-l-40 {
  padding-left: 40px !important;
}
.p-40 {
  padding: 40px !important;
}
@media (max-width: 767px) {
  .p-t-xs-40 {
    padding-top: 40px !important;
  }
  .p-r-xs-40 {
    padding-right: 40px !important;
  }
  .p-b-xs-40 {
    padding-bottom: 40px !important;
  }
  .p-l-xs-40 {
    padding-left: 40px !important;
  }
  .p-xs-40 {
    padding: 40px !important;
  }
}
@media (min-width: 768px) {
  .p-t-sm-40 {
    padding-top: 40px !important;
  }
  .p-r-sm-40 {
    padding-right: 40px !important;
  }
  .p-b-sm-40 {
    padding-bottom: 40px !important;
  }
  .p-l-sm-40 {
    padding-left: 40px !important;
  }
  .p-sm-40 {
    padding: 40px !important;
  }
}
@media (min-width: 992px) {
  .p-t-md-40 {
    padding-top: 40px !important;
  }
  .p-r-md-40 {
    padding-right: 40px !important;
  }
  .p-b-md-40 {
    padding-bottom: 40px !important;
  }
  .p-l-md-40 {
    padding-left: 40px !important;
  }
  .p-md-40 {
    padding: 40px !important;
  }
}
@media (min-width: 1200px) {
  .p-t-lg-40 {
    padding-top: 40px !important;
  }
  .p-r-lg-40 {
    padding-right: 40px !important;
  }
  .p-b-lg-40 {
    padding-bottom: 40px !important;
  }
  .p-l-lg-40 {
    padding-left: 40px !important;
  }
  .p-lg-40 {
    padding: 40px !important;
  }
}
.p-t-32 {
  padding-top: 32px !important;
}
.p-r-32 {
  padding-right: 32px !important;
}
.p-b-32 {
  padding-bottom: 32px !important;
}
.p-l-32 {
  padding-left: 32px !important;
}
.p-32 {
  padding: 32px !important;
}
@media (max-width: 767px) {
  .p-t-xs-32 {
    padding-top: 32px !important;
  }
  .p-r-xs-32 {
    padding-right: 32px !important;
  }
  .p-b-xs-32 {
    padding-bottom: 32px !important;
  }
  .p-l-xs-32 {
    padding-left: 32px !important;
  }
  .p-xs-32 {
    padding: 32px !important;
  }
}
@media (min-width: 768px) {
  .p-t-sm-32 {
    padding-top: 32px !important;
  }
  .p-r-sm-32 {
    padding-right: 32px !important;
  }
  .p-b-sm-32 {
    padding-bottom: 32px !important;
  }
  .p-l-sm-32 {
    padding-left: 32px !important;
  }
  .p-sm-32 {
    padding: 32px !important;
  }
}
@media (min-width: 992px) {
  .p-t-md-32 {
    padding-top: 32px !important;
  }
  .p-r-md-32 {
    padding-right: 32px !important;
  }
  .p-b-md-32 {
    padding-bottom: 32px !important;
  }
  .p-l-md-32 {
    padding-left: 32px !important;
  }
  .p-md-32 {
    padding: 32px !important;
  }
}
@media (min-width: 1200px) {
  .p-t-lg-32 {
    padding-top: 32px !important;
  }
  .p-r-lg-32 {
    padding-right: 32px !important;
  }
  .p-b-lg-32 {
    padding-bottom: 32px !important;
  }
  .p-l-lg-32 {
    padding-left: 32px !important;
  }
  .p-lg-32 {
    padding: 32px !important;
  }
}
.p-t-24 {
  padding-top: 24px !important;
}
.p-r-24 {
  padding-right: 24px !important;
}
.p-b-24 {
  padding-bottom: 24px !important;
}
.p-l-24 {
  padding-left: 24px !important;
}
.p-24 {
  padding: 24px !important;
}
@media (max-width: 767px) {
  .p-t-xs-24 {
    padding-top: 24px !important;
  }
  .p-r-xs-24 {
    padding-right: 24px !important;
  }
  .p-b-xs-24 {
    padding-bottom: 24px !important;
  }
  .p-l-xs-24 {
    padding-left: 24px !important;
  }
  .p-xs-24 {
    padding: 24px !important;
  }
}
@media (min-width: 768px) {
  .p-t-sm-24 {
    padding-top: 24px !important;
  }
  .p-r-sm-24 {
    padding-right: 24px !important;
  }
  .p-b-sm-24 {
    padding-bottom: 24px !important;
  }
  .p-l-sm-24 {
    padding-left: 24px !important;
  }
  .p-sm-24 {
    padding: 24px !important;
  }
}
@media (min-width: 992px) {
  .p-t-md-24 {
    padding-top: 24px !important;
  }
  .p-r-md-24 {
    padding-right: 24px !important;
  }
  .p-b-md-24 {
    padding-bottom: 24px !important;
  }
  .p-l-md-24 {
    padding-left: 24px !important;
  }
  .p-md-24 {
    padding: 24px !important;
  }
}
@media (min-width: 1200px) {
  .p-t-lg-24 {
    padding-top: 24px !important;
  }
  .p-r-lg-24 {
    padding-right: 24px !important;
  }
  .p-b-lg-24 {
    padding-bottom: 24px !important;
  }
  .p-l-lg-24 {
    padding-left: 24px !important;
  }
  .p-lg-24 {
    padding: 24px !important;
  }
}
.p-t-16 {
  padding-top: 16px !important;
}
.p-r-16 {
  padding-right: 16px !important;
}
.p-b-16 {
  padding-bottom: 16px !important;
}
.p-l-16 {
  padding-left: 16px !important;
}
.p-16 {
  padding: 16px !important;
}
@media (max-width: 767px) {
  .p-t-xs-16 {
    padding-top: 16px !important;
  }
  .p-r-xs-16 {
    padding-right: 16px !important;
  }
  .p-b-xs-16 {
    padding-bottom: 16px !important;
  }
  .p-l-xs-16 {
    padding-left: 16px !important;
  }
  .p-xs-16 {
    padding: 16px !important;
  }
}
@media (min-width: 768px) {
  .p-t-sm-16 {
    padding-top: 16px !important;
  }
  .p-r-sm-16 {
    padding-right: 16px !important;
  }
  .p-b-sm-16 {
    padding-bottom: 16px !important;
  }
  .p-l-sm-16 {
    padding-left: 16px !important;
  }
  .p-sm-16 {
    padding: 16px !important;
  }
}
@media (min-width: 992px) {
  .p-t-md-16 {
    padding-top: 16px !important;
  }
  .p-r-md-16 {
    padding-right: 16px !important;
  }
  .p-b-md-16 {
    padding-bottom: 16px !important;
  }
  .p-l-md-16 {
    padding-left: 16px !important;
  }
  .p-md-16 {
    padding: 16px !important;
  }
}
@media (min-width: 1200px) {
  .p-t-lg-16 {
    padding-top: 16px !important;
  }
  .p-r-lg-16 {
    padding-right: 16px !important;
  }
  .p-b-lg-16 {
    padding-bottom: 16px !important;
  }
  .p-l-lg-16 {
    padding-left: 16px !important;
  }
  .p-lg-16 {
    padding: 16px !important;
  }
}
.p-t-8 {
  padding-top: 8px !important;
}
.p-r-8 {
  padding-right: 8px !important;
}
.p-b-8 {
  padding-bottom: 8px !important;
}
.p-l-8 {
  padding-left: 8px !important;
}
.p-8 {
  padding: 8px !important;
}
@media (max-width: 767px) {
  .p-t-xs-8 {
    padding-top: 8px !important;
  }
  .p-r-xs-8 {
    padding-right: 8px !important;
  }
  .p-b-xs-8 {
    padding-bottom: 8px !important;
  }
  .p-l-xs-8 {
    padding-left: 8px !important;
  }
  .p-xs-8 {
    padding: 8px !important;
  }
}
@media (min-width: 768px) {
  .p-t-sm-8 {
    padding-top: 8px !important;
  }
  .p-r-sm-8 {
    padding-right: 8px !important;
  }
  .p-b-sm-8 {
    padding-bottom: 8px !important;
  }
  .p-l-sm-8 {
    padding-left: 8px !important;
  }
  .p-sm-8 {
    padding: 8px !important;
  }
}
@media (min-width: 992px) {
  .p-t-md-8 {
    padding-top: 8px !important;
  }
  .p-r-md-8 {
    padding-right: 8px !important;
  }
  .p-b-md-8 {
    padding-bottom: 8px !important;
  }
  .p-l-md-8 {
    padding-left: 8px !important;
  }
  .p-md-8 {
    padding: 8px !important;
  }
}
@media (min-width: 1200px) {
  .p-t-lg-8 {
    padding-top: 8px !important;
  }
  .p-r-lg-8 {
    padding-right: 8px !important;
  }
  .p-b-lg-8 {
    padding-bottom: 8px !important;
  }
  .p-l-lg-8 {
    padding-left: 8px !important;
  }
  .p-lg-8 {
    padding: 8px !important;
  }
}
.p-t-0 {
  padding-top: 0px !important;
}
.p-r-0 {
  padding-right: 0px !important;
}
.p-b-0 {
  padding-bottom: 0px !important;
}
.p-l-0 {
  padding-left: 0px !important;
}
.p-0 {
  padding: 0px !important;
}
@media (max-width: 767px) {
  .p-t-xs-0 {
    padding-top: 0px !important;
  }
  .p-r-xs-0 {
    padding-right: 0px !important;
  }
  .p-b-xs-0 {
    padding-bottom: 0px !important;
  }
  .p-l-xs-0 {
    padding-left: 0px !important;
  }
  .p-xs-0 {
    padding: 0px !important;
  }
}
@media (min-width: 768px) {
  .p-t-sm-0 {
    padding-top: 0px !important;
  }
  .p-r-sm-0 {
    padding-right: 0px !important;
  }
  .p-b-sm-0 {
    padding-bottom: 0px !important;
  }
  .p-l-sm-0 {
    padding-left: 0px !important;
  }
  .p-sm-0 {
    padding: 0px !important;
  }
}
@media (min-width: 992px) {
  .p-t-md-0 {
    padding-top: 0px !important;
  }
  .p-r-md-0 {
    padding-right: 0px !important;
  }
  .p-b-md-0 {
    padding-bottom: 0px !important;
  }
  .p-l-md-0 {
    padding-left: 0px !important;
  }
  .p-md-0 {
    padding: 0px !important;
  }
}
@media (min-width: 1200px) {
  .p-t-lg-0 {
    padding-top: 0px !important;
  }
  .p-r-lg-0 {
    padding-right: 0px !important;
  }
  .p-b-lg-0 {
    padding-bottom: 0px !important;
  }
  .p-l-lg-0 {
    padding-left: 0px !important;
  }
  .p-lg-0 {
    padding: 0px !important;
  }
}
/* example result:
 .p-t-8{
   padding-top: 8px
 }
*/
.m-auto {
  margin: auto !important;
}
.m-t-auto {
  margin-top: auto !important;
}
.m-r-auto {
  margin-right: auto !important;
}
.m-b-auto {
  margin-bottom: auto !important;
}
.m-l-auto {
  margin-left: auto !important;
}
.w-auto {
  width: auto !important;
}
.h-auto {
  height: auto !important;
}
@media (max-width: 767px) {
  .m-auto-xs {
    margin: auto !important;
  }
  .m-t-auto-xs {
    margin-top: auto !important;
  }
  .m-r-auto-xs {
    margin-right: auto !important;
  }
  .m-b-auto-xs {
    margin-bottom: auto !important;
  }
  .m-l-auto-xs {
    margin-left: auto !important;
  }
  .w-auto-xs {
    width: auto !important;
  }
  .h-auto-xs {
    height: auto !important;
  }
}
@media (min-width: 768px) {
  .m-auto-sm {
    margin: auto !important;
  }
  .m-t-auto-sm {
    margin-top: auto !important;
  }
  .m-r-auto-sm {
    margin-right: auto !important;
  }
  .m-b-auto-sm {
    margin-bottom: auto !important;
  }
  .m-l-auto-sm {
    margin-left: auto !important;
  }
  .w-auto-sm {
    width: auto !important;
  }
  .h-auto-sm {
    height: auto !important;
  }
}
@media (min-width: 992px) {
  .m-auto-md {
    margin: auto !important;
  }
  .m-t-auto-md {
    margin-top: auto !important;
  }
  .m-r-auto-md {
    margin-right: auto !important;
  }
  .m-b-auto-md {
    margin-bottom: auto !important;
  }
  .m-l-auto-md {
    margin-left: auto !important;
  }
  .w-auto-md {
    width: auto !important;
  }
  .h-auto-md {
    height: auto !important;
  }
}
@media (min-width: 1200px) {
  .m-auto-lg {
    margin: auto !important;
  }
  .m-t-auto-lg {
    margin-top: auto !important;
  }
  .m-r-auto-lg {
    margin-right: auto !important;
  }
  .m-b-auto-lg {
    margin-bottom: auto !important;
  }
  .m-l-auto-lg {
    margin-left: auto !important;
  }
  .w-auto-lg {
    width: auto !important;
  }
  .h-auto-lg {
    height: auto !important;
  }
}
.flex-wrap {
  flex-wrap: wrap !important;
}
.flex-nowrap {
  flex-wrap: nowrap !important;
}
.j-c-start {
  justify-content: flex-start !important;
}
.j-c-center {
  justify-content: center !important;
}
.j-c-end {
  justify-content: flex-end !important;
}
.j-c-around {
  justify-content: space-around !important;
}
.j-c-between {
  justify-content: space-between !important;
}
.j-c-evenly {
  justify-content: space-evenly !important;
}
.a-i-start {
  align-items: flex-start !important;
}
.a-i-center {
  align-items: center !important;
}
.a-i-end {
  align-items: flex-end !important;
}
.a-i-stretch {
  align-items: stretch !important;
}
.a-i-baseline {
  align-items: baseline !important;
}
@media (max-width: 767px) {
  .flex-wrap-xs {
    flex-wrap: wrap !important;
  }
  .flex-nowrap-xs {
    flex-wrap: nowrap !important;
  }
  .j-c-start-xs {
    justify-content: flex-start !important;
  }
  .j-c-center-xs {
    justify-content: center !important;
  }
  .j-c-end-xs {
    justify-content: flex-end !important;
  }
  .j-c-around-xs {
    justify-content: space-around !important;
  }
  .j-c-between-xs {
    justify-content: space-between !important;
  }
  .j-c-evenly-xs {
    justify-content: space-evenly !important;
  }
  .a-i-start-xs {
    align-items: flex-start !important;
  }
  .a-i-center-xs {
    align-items: center !important;
  }
  .a-i-end-xs {
    align-items: flex-end !important;
  }
  .a-i-stretch-xs {
    align-items: stretch !important;
  }
}
@media (min-width: 768px) {
  .flex-wrap-sm {
    flex-wrap: wrap !important;
  }
  .flex-nowrap-sm {
    flex-wrap: nowrap !important;
  }
  .j-c-start-sm {
    justify-content: flex-start !important;
  }
  .j-c-center-sm {
    justify-content: center !important;
  }
  .j-c-end-sm {
    justify-content: flex-end !important;
  }
  .j-c-around-sm {
    justify-content: space-around !important;
  }
  .j-c-between-sm {
    justify-content: space-between !important;
  }
  .j-c-evenly-sm {
    justify-content: space-evenly !important;
  }
  .a-i-start-sm {
    align-items: flex-start !important;
  }
  .a-i-center-sm {
    align-items: center !important;
  }
  .a-i-end-sm {
    align-items: flex-end !important;
  }
  .a-i-stretch-sm {
    align-items: stretch !important;
  }
}
@media (min-width: 992px) {
  .flex-wrap-md {
    flex-wrap: wrap !important;
  }
  .flex-nowrap-md {
    flex-wrap: nowrap !important;
  }
  .j-c-start-md {
    justify-content: flex-start !important;
  }
  .j-c-center-md {
    justify-content: center !important;
  }
  .j-c-end-md {
    justify-content: flex-end !important;
  }
  .j-c-around-md {
    justify-content: space-around !important;
  }
  .j-c-between-md {
    justify-content: space-between !important;
  }
  .j-c-evenly-md {
    justify-content: space-evenly !important;
  }
  .a-i-start-md {
    align-items: flex-start !important;
  }
  .a-i-center-md {
    align-items: center !important;
  }
  .a-i-end-md {
    align-items: flex-end !important;
  }
  .a-i-stretch-md {
    align-items: stretch !important;
  }
}
@media (min-width: 1200px) {
  .flex-wrap-lg {
    flex-wrap: wrap !important;
  }
  .flex-nowrap-lg {
    flex-wrap: nowrap !important;
  }
  .j-c-start-lg {
    justify-content: flex-start !important;
  }
  .j-c-center-lg {
    justify-content: center !important;
  }
  .j-c-end-lg {
    justify-content: flex-end !important;
  }
  .j-c-around-lg {
    justify-content: space-around !important;
  }
  .j-c-between-lg {
    justify-content: space-between !important;
  }
  .j-c-evenly-lg {
    justify-content: space-evenly !important;
  }
  .a-i-start-lg {
    align-items: flex-start !important;
  }
  .a-i-center-lg {
    align-items: center !important;
  }
  .a-i-end-lg {
    align-items: flex-end !important;
  }
  .a-i-stretch-lg {
    align-items: stretch !important;
  }
}
/* SIZING */
.flex-auto {
  flex: 1 1 1% !important;
}
.flex-shrink {
  flex-shrink: 1 !important;
}
.flex-no-shrink {
  flex-shrink: 0 !important;
}
.flex-grow {
  flex-grow: 1 !important;
}
.flex-no-grow {
  flex-grow: 0 !important;
}
@media (max-width: 767px) {
  .flex-auto-xs {
    flex: 1 1 1% !important;
  }
  .flex-shrink-xs {
    flex-shrink: 1 !important;
  }
  .flex-grow-xs {
    flex-grow: 1 !important;
  }
}
@media (min-width: 768px) {
  .flex-auto-sm {
    flex: 1 1 1% !important;
  }
  .flex-shrink-sm {
    flex-shrink: 1 !important;
  }
  .flex-grow-sm {
    flex-grow: 1 !important;
  }
}
@media (min-width: 992px) {
  .flex-auto-md {
    flex: 1 1 1% !important;
  }
  .flex-shrink-md {
    flex-shrink: 1 !important;
  }
  .flex-grow-md {
    flex-grow: 1 !important;
  }
}
@media (min-width: 1200px) {
  .flex-auto-lg {
    flex: 1 1 1% !important;
  }
  .flex-shrink-lg {
    flex-shrink: 1 !important;
  }
  .flex-grow-lg {
    flex-grow: 1 !important;
  }
}
/* ALIGNMENT */
.a-s-start {
  align-self: flex-start !important;
}
.a-s-center {
  align-self: center !important;
}
.a-s-end {
  align-self: flex-end !important;
}
.a-s-stretch {
  align-self: stretch !important;
}
@media (max-width: 767px) {
  .a-s-start-xs {
    align-self: flex-start !important;
  }
  .a-s-center-xs {
    align-self: center !important;
  }
  .a-s-end-xs {
    align-self: flex-end !important;
  }
  .a-s-stretch-xs {
    align-self: stretch !important;
  }
}
@media (min-width: 768px) {
  .a-s-start-sm {
    align-self: flex-start !important;
  }
  .a-s-center-sm {
    align-self: center !important;
  }
  .a-s-end-sm {
    align-self: flex-end !important;
  }
  .a-s-stretch-sm {
    align-self: stretch !important;
  }
}
@media (min-width: 992px) {
  .a-s-start-md {
    align-self: flex-start !important;
  }
  .a-s-center-md {
    align-self: center !important;
  }
  .a-s-end-md {
    align-self: flex-end !important;
  }
  .a-s-stretch-md {
    align-self: stretch !important;
  }
}
@media (min-width: 1200px) {
  .a-s-start-lg {
    align-self: flex-start !important;
  }
  .a-s-center-lg {
    align-self: center !important;
  }
  .a-s-end-lg {
    align-self: flex-end !important;
  }
  .a-s-stretch-lg {
    align-self: stretch !important;
  }
}
.p-relative {
  position: relative !important;
}
.p-absolute {
  position: absolute !important;
}
.p-static {
  position: static !important;
}
.p-sticky {
  position: sticky !important;
}
@media (max-width: 767px) {
  .p-relative-xs {
    position: relative !important;
  }
  .p-absolute-xs {
    position: absolute !important;
  }
  .p-static-xs {
    position: static !important;
  }
  .p-sticky-xs {
    position: sticky !important;
  }
}
@media (min-width: 768px) {
  .p-relative-sm {
    position: relative !important;
  }
  .p-absolute-sm {
    position: absolute !important;
  }
  .p-static-sm {
    position: static !important;
  }
  .p-sticky-sm {
    position: sticky !important;
  }
}
@media (min-width: 992px) {
  .p-relative-md {
    position: relative !important;
  }
  .p-absolute-md {
    position: absolute !important;
  }
  .p-static-md {
    position: static !important;
  }
  .p-sticky-md {
    position: sticky !important;
  }
}
@media (min-width: 1200px) {
  .p-relative-lg {
    position: relative !important;
  }
  .p-absolute-lg {
    position: absolute !important;
  }
  .p-static-lg {
    position: static !important;
  }
  .p-sticky-lg {
    position: sticky !important;
  }
}
.overflow-visible {
  overflow: visible !important;
}
.overflow-hidden {
  overflow: hidden !important;
}
.overflow-auto {
  overflow: auto !important;
}
@media (max-width: 767px) {
  .overflow-visible-xs {
    overflow: visible !important;
  }
  .overflow-hidden-xs {
    overflow: hidden !important;
  }
  .overflow-auto-xs {
    overflow: auto !important;
  }
}
@media (min-width: 768px) {
  .overflow-visible-sm {
    overflow: visible !important;
  }
  .overflow-hidden-sm {
    overflow: hidden !important;
  }
  .overflow-auto-sm {
    overflow: auto !important;
  }
}
@media (min-width: 992px) {
  .overflow-visible-md {
    overflow: visible !important;
  }
  .overflow-hidden-md {
    overflow: hidden !important;
  }
  .overflow-auto-md {
    overflow: auto !important;
  }
}
@media (min-width: 1200px) {
  .overflow-visible-lg {
    overflow: visible !important;
  }
  .overflow-hidden-lg {
    overflow: hidden !important;
  }
  .overflow-auto-lg {
    overflow: auto !important;
  }
}
.separator-top {
  box-shadow: inset 0 1px 0 transparent !important;
}
.separator-top-bottom {
  box-shadow: inset 0 1px 0 transparent, inset 0 -1px 0 transparent !important;
}
.separator-bottom {
  min-height: 1px;
  box-shadow: inset 0 -1px 0 transparent !important;
}
@media (max-width: 767px) {
  .separator-top-xs {
    box-shadow: inset 0 1px 0 transparent !important;
  }
  .separator-top-bottom-xs {
    box-shadow: inset 0 1px 0 transparent, inset 0 -1px 0 transparent !important;
  }
  .separator-bottom-xs {
    box-shadow: inset 0 -1px 0 transparent !important;
  }
}
@media (min-width: 768px) {
  .separator-top-sm {
    box-shadow: inset 0 1px 0 transparent !important;
  }
  .separator-top-bottom-sm {
    box-shadow: inset 0 1px 0 transparent, inset 0 -1px 0 transparent !important;
  }
  .separator-bottom-sm {
    box-shadow: inset 0 -1px 0 transparent !important;
  }
}
@media (min-width: 992px) {
  .separator-top-md {
    box-shadow: inset 0 1px 0 transparent !important;
  }
  .separator-top-bottom-md {
    box-shadow: inset 0 1px 0 transparent, inset 0 -1px 0 transparent !important;
  }
  .separator-bottom-md {
    box-shadow: inset 0 -1px 0 transparent !important;
  }
}
@media (min-width: 1200px) {
  .separator-top-lg {
    box-shadow: inset 0 1px 0 transparent !important;
  }
  .separator-top-bottom-lg {
    box-shadow: inset 0 1px 0 transparent, inset 0 -1px 0 transparent !important;
  }
  .separator-bottom-lg {
    box-shadow: inset 0 -1px 0 transparent !important;
  }
}
.border-all {
  border: 1px solid transparent !important;
  border-radius: calc(var(--c8y-unit-base) * 0.5) !important;
}
.border-top {
  border-top: 1px solid transparent !important;
}
.border-bottom {
  border-bottom: 1px solid transparent !important;
}
.border-left {
  border-left: 1px solid transparent !important;
}
.border-right {
  border-right: 1px solid transparent !important;
}
.border-all {
  border: 1px solid transparent !important;
  border-radius: calc(var(--c8y-unit-base) * 0.5) !important;
}
@media (max-width: 767px) {
  .border-all-xs {
    border: 1px solid transparent !important;
    border-radius: calc(var(--c8y-unit-base) * 0.5) !important;
  }
  .border-top-xs {
    border-top: 1px solid transparent !important;
  }
  .border-bottom-xs {
    border-bottom: 1px solid transparent !important;
  }
  .border-left-xs {
    border-left: 1px solid transparent !important;
  }
  .border-right-xs {
    border-right: 1px solid transparent !important;
  }
  .border-all-xs {
    border: 1px solid transparent !important;
    border-radius: calc(var(--c8y-unit-base) * 0.5) !important;
  }
}
@media (min-width: 768px) {
  .border-all-sm {
    border: 1px solid transparent !important;
    border-radius: calc(var(--c8y-unit-base) * 0.5) !important;
  }
  .border-top-sm {
    border-top: 1px solid transparent !important;
  }
  .border-bottom-sm {
    border-bottom: 1px solid transparent !important;
  }
  .border-left-sm {
    border-left: 1px solid transparent !important;
  }
  .border-right-sm {
    border-right: 1px solid transparent !important;
  }
  .border-all-sm {
    border: 1px solid transparent !important;
    border-radius: calc(var(--c8y-unit-base) * 0.5) !important;
  }
}
@media (min-width: 992px) {
  .border-all-md {
    border: 1px solid transparent !important;
    border-radius: calc(var(--c8y-unit-base) * 0.5) !important;
  }
  .border-top-md {
    border-top: 1px solid transparent !important;
  }
  .border-bottom-md {
    border-bottom: 1px solid transparent !important;
  }
  .border-left-md {
    border-left: 1px solid transparent !important;
  }
  .border-right-md {
    border-right: 1px solid transparent !important;
  }
  .border-all-md {
    border: 1px solid transparent !important;
    border-radius: calc(var(--c8y-unit-base) * 0.5) !important;
  }
}
@media (min-width: 1200px) {
  .border-all-lg {
    border: 1px solid transparent !important;
    border-radius: calc(var(--c8y-unit-base) * 0.5) !important;
  }
  .border-top-lg {
    border-top: 1px solid transparent !important;
  }
  .border-bottom-lg {
    border-bottom: 1px solid transparent !important;
  }
  .border-left-lg {
    border-left: 1px solid transparent !important;
  }
  .border-right-lg {
    border-right: 1px solid transparent !important;
  }
  .border-all-lg {
    border: 1px solid transparent !important;
    border-radius: calc(var(--c8y-unit-base) * 0.5) !important;
  }
}
.borderless {
  border-color: transparent !important;
  box-shadow: none !important;
}
.elevation-sm {
  box-shadow: var(--c8y-elevation-sm);
}
.elevation-sm--border {
  box-shadow: var(--c8y-elevation-sm);
  box-shadow: var(--c8y-elevation-sm), var(--c8y-elevation-border);
}
.elevation-md {
  box-shadow: var(--c8y-elevation-md-bottom);
}
.elevation-md--top {
  box-shadow: var(--c8y-elevation-md-bottom);
  box-shadow: var(--c8y-elevation-md-top);
}
.elevation-md--right {
  box-shadow: var(--c8y-elevation-md-bottom);
  box-shadow: var(--c8y-elevation-md-right);
}
.elevation-md--left {
  box-shadow: var(--c8y-elevation-md-bottom);
  box-shadow: var(--c8y-elevation-md-left);
}
.elevation-lg {
  box-shadow: var(--c8y-elevation-lg);
}
.elevation-hover {
  box-shadow: var(--c8y-elevation-hover);
}
.elevation-none {
  box-shadow: none!important;
}
.c8y-icon-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.c8y-icon-badge > [class^='dlt-c8y-icon-'],
.c8y-icon-badge > [class*=' dlt-c8y-icon-'],
.c8y-icon-badge > .c8y-icon {
  align-self: baseline;
  font-size: 20px;
}
.c8y-icon-badge .badge {
  align-self: flex-start;
  transform: translateX(-8px);
}
.c8y-list__item .c8y-icon-badge {
  margin: -6px 0;
}
.icon-flex {
  display: inline-flex;
  align-items: flex-start;
  line-height: var(--c8y-line-height-base);
}
.icon-flex > [class^='dlt-c8y-icon-'],
.icon-flex > [class*=' dlt-c8y-icon-'],
.icon-flex > .c8y-icon {
  margin-right: 4px;
}
.icon-12 {
  font-size: 12px !important;
}
.icon-14 {
  font-size: 14px !important;
}
.icon-16 {
  font-size: 16px !important;
}
.icon-20 {
  font-size: 20px !important;
}
.icon-24 {
  font-size: 24px !important;
}
.icon-28 {
  font-size: 28px;
}
.icon-32 {
  font-size: 32px !important;
}
.icon-36 {
  font-size: 36px !important;
}
.icon-40 {
  font-size: 40px !important;
}
.icon-44 {
  font-size: 44px;
}
.icon-48 {
  font-size: 48px !important;
}
.icon-52 {
  font-size: 52px;
}
.icon-56 {
  font-size: 56px;
}
.icon-60 {
  font-size: 60px;
}
.icon-64 {
  font-size: 64px;
}
.c8y-cq-350 {
  container-type: inline-size;
  container-name: c8y-cq-350;
}
@container c8y-cq-350 (max-width: 350px) {
  .c8y-list--timeline__item .d-flex {
    flex-direction: column !important;
  }
  .c8y-list--timeline__item [class^='col-'],
  .c8y-list--timeline__item [class*=' col-'] {
    float: none;
    width: 100% !important;
  }
  .c8y-list--timeline__item [class^='col-']:before,
  .c8y-list--timeline__item [class*=' col-']:before {
    display: block;
    content: attr(data-label) !important;
    font-size: var(--c8y-font-size-xs);
    text-transform: uppercase;
    color: #8a9596;
  }
  .hidden-cq {
    display: none !important;
  }
}
.c8y-cq-440 {
  container-type: inline-size;
  container-name: c8y-cq-440;
}
@container c8y-cq-440 (max-width: 440px) {
  .c8y-list--timeline__item .d-flex {
    flex-direction: column !important;
  }
  .c8y-list--timeline__item [class^='col-'],
  .c8y-list--timeline__item [class*=' col-'] {
    float: none;
    width: 100% !important;
  }
  .c8y-list--timeline__item [class^='col-']:before,
  .c8y-list--timeline__item [class*=' col-']:before {
    display: block;
    content: attr(data-label) !important;
    font-size: var(--c8y-font-size-xs);
    text-transform: uppercase;
    color: #8a9596;
  }
  .hidden-cq {
    display: none !important;
  }
}
.c8y-cq-500 {
  container-type: inline-size;
  container-name: c8y-cq-500;
}
@container c8y-cq-500 (max-width: 500px) {
  .c8y-list--timeline__item .d-flex {
    flex-direction: column !important;
  }
  .c8y-list--timeline__item [class^='col-'],
  .c8y-list--timeline__item [class*=' col-'] {
    float: none;
    width: 100% !important;
  }
  .c8y-list--timeline__item [class^='col-']:before,
  .c8y-list--timeline__item [class*=' col-']:before {
    display: block;
    content: attr(data-label) !important;
    font-size: var(--c8y-font-size-xs);
    text-transform: uppercase;
    color: #8a9596;
  }
  .hidden-cq {
    display: none !important;
  }
}
.max-width-unset {
  max-width: unset !important;
}
.max-width-inherit {
  max-width: inherit !important;
}
.max-width-100 {
  max-width: 100% !important;
}
.max-width-fit {
  max-width: fit-content !important;
}
.min-width-unset {
  min-width: unset !important;
}
.min-width-100 {
  min-width: 100% !important;
}
.min-width-0 {
  min-width: 0;
}
.min-width-fit {
  min-width: fit-content !important;
}
.min-height-unset,
.no-min-height {
  min-height: unset !important;
}
.min-height-fit {
  min-height: fit-content !important;
}
.fit-min-h,
.min-height-100 {
  min-height: 100% !important;
}
.min-height-0 {
  min-height: 0;
}
.fit-w {
  width: 100% !important;
}
.fit-h {
  height: 100% !important;
}
.fit-h-20 {
  height: 20px !important;
}
.sticky-header-top-0 {
  position: sticky !important;
  top: 0 !important;
}
.sticky-right {
  position: sticky!important;
  right: 0;
}
.transition-bg {
  transition: background 0.25s ease;
}
/* List density
* display density utilities
* display density low = padding 8px
* display density low = padding 0
* use one or the other by adding either .dd-low or .dd-high on a parent wrapper
*/
.use-display-density {
  padding: var(--c8y-unit-base) 0;
  transition: padding 0.25s ease;
}
.card .use-display-density,
.modal .use-display-density {
  padding: 0;
}
.dd-high .use-display-density {
  padding: 0;
}
.dd-low .use-display-density[ng-reflect-collapsed='false'] {
  padding-bottom: 0;
}
.dd-low .use-display-density[ng-reflect-collapsed='false'] .collapse {
  margin-top: 1rem;
}
[ng-click],
.pointer {
  cursor: pointer !important;
}
[ng-click].no-cursor,
.pointer.no-cursor,
[ng-click] .no-cursor,
.pointer .no-cursor {
  cursor: auto !important;
}
.no-pointer {
  pointer-events: none !important;
}
.pointer-all {
  pointer-events: all !important;
}
[ng-transclude].ng-scope {
  display: contents;
}
/* COLORS */
/* BUTTON */
/* HEADER */
/* NAVIGATOR */
/* TYPOGRAPHY */
/* BUTTONS */
/* MODAL */
/* COMPONENTS */
/* FORM */
/* CARD */
/* TABLE */
/* TOOLBAR */
/* DROPDOWN */
/* ACTION BAR */
/* ALARM */
/* BADGE */
/* ALERT */
/* POPOVERS */
/* TEXT */
:root {
  --tl-orange: #FDA428;
  --tl-badge-text-green: #41D796;
  --tl-badge-text-red: #F24040;
  --color-darken: #0f2237;
  --bg-color: #132b45;
  --color-complementary: #05d5f5;
  --color-complementary-fade-30: rgba(5, 213, 245, 0.3);
  --filter-white-to-blue-complementary: invert(82%) sepia(46%) saturate(4916%) hue-rotate(139deg) brightness(98%) contrast(97%);
  --filter-white-to-tl-blue: invert(20%) sepia(11%) saturate(7250%) hue-rotate(140deg) brightness(97%) contrast(99%);
  --filter-black-to-white: invert(100%) sepia(1%) saturate(2%) hue-rotate(69deg) brightness(103%) contrast(100%);
  --filter-white-to-green: invert(45%) sepia(76%) saturate(392%) hue-rotate(102deg) brightness(97%) contrast(93%);
  --filter-black-to-green: invert(45%) sepia(76%) saturate(392%) hue-rotate(102deg) brightness(97%) contrast(93%);
  --filter-black-to-red: invert(51%) sepia(97%) saturate(3777%) hue-rotate(332deg) brightness(91%) contrast(110%);
}
:root,
.c8y-system-theme,
.c8y-light-theme {
  --c8y-root-component-color-default: white;
  --c8y-root-component-color-actions-hover: #05d5f5;
  --c8y-component-color-link-hover: #05d5f5;
  --c8y-component-scrollbar-thumb-default: #57656F;
  --c8y-dropdown-background-default: #141414;
  --c8y-form-control-icon-color: #05d5f5;
  --c8y-form-control-background-default: transparent;
  --c8y-alert-status-info: #3b83ff;
  --c8y-alert-status-success: #41D796;
  --c8y-alert-status-danger: #F24040;
  --c8y-btn-primary-background-default: #05d5f5;
  --c8y-btn-primary-border-color-default: #05d5f5;
  --c8y-btn-primary-color-hover: #05d5f5;
  --c8y-btn-primary-border-color-hover: #05d5f5;
  --c8y-btn-default-color-default: #05d7f5;
  --c8y-btn-default-border-color-default: #05d7f5;
  --c8y-btn-default-color-hover: #05d7f5;
  --c8y-btn-default-border-color-hover: #05d7f5;
  --c8y-btn-primary-color-hover: #05d7f5;
  --c8y-btn-primary-border-color-hover: #05d7f5;
  --c8y-nav-tabs-background-default: #132b45;
  --c8y-nav-tabs-color-default: white;
  --c8y-nav-tabs-border-color-active: #05d5f5;
  --c8y-nav-tabs-border-color-default: transparent;
  --c8y-nav-tabs-border-width-active: 4px;
  --c8y-nav-tabs-background-active: #132b45;
  --c8y-form-control-border-color-default: white;
  --c8y-main-header-background-active: #05d5f5;
  --c8y-right-drawer-background-active: #05d5f5;
  --c8y-level-0: #132b45;
  --c8y-switch-background-active: #05d5f5;
  --c8y-tooltip-background-default: #141617;
  --c8y-right-drawer-text-color-default: white !important;
  --c8y-right-drawer-border-selected: #05d5f5;
  --c8y-form-control-font-family: 'roboto';
  --c8y-form-label-font-weight: normal;
  --c8y-font-weight-headings: normal;
  --c8y-form-control-background-focus: white;
  --c8y-btn-primary-border-color-active: #05d5f5;
  --c8y-font-family-base: 'roboto';
  --palette-status-danger: #F24040;
}
/* SVG Manipulation */
svg {
  pointer-events: unset !important;
}
.nounderline .mat-form-field-subscript-wrapper,
.nounderline .mat-form-field-underline {
  display: none;
}
.inline-radio label {
  margin: 0 1em;
}
.inline-radio c8y-field-radio {
  display: flex;
}
.shrink-form .form-group {
  margin-bottom: unset;
}
.shrink-form--10 .form-group {
  margin-bottom: -10px;
}
.shrink-form .mat-form-field-infix,
.shrink-form .mat-form-field-wrapper {
  padding: 0;
  border-top: 0;
}
.flex-1 {
  flex: 1;
}
.tl-pull-right {
  display: flex;
  justify-content: end;
}
input {
  color: black;
}
.header-bar {
  padding-bottom: 5px;
  box-shadow: unset !important;
}
.modal-loading {
  top: 45%;
  margin: 0 auto;
}
.alerts .alert {
  margin: 0px -10px 0px auto !important;
}
.alerts .alert strong {
  font-weight: normal;
}
.text-spaced-01 {
  letter-spacing: 0.1em;
}
.formModal {
  padding: 20px;
}
/* Css for potential upload component that fit in c8data-grid */
.toollive-drop-area .drop-zone .file-placeholder .hint-placeholder p {
  display: none !important;
}
.drop-zone.drop-zone-sm .file-placeholder .hint-placeholder,
.drop-area-sm .drop-zone .file-placeholder .hint-placeholder {
  position: relative;
  padding: 10px 10px 10px 0px;
  text-align: center;
}
.toollive-drop-area .drop-zone .file-placeholder .hint-placeholder [class^="dlt-c8y-icon-"] {
  font-size: unset;
  left: unset;
}
.toollive-drop-area .drop-zone .file-placeholder.drag-over,
.drop-zone .file-placeholder:hover {
  border-color: unset;
}
.toollive-drop-area .drop-zone .file-placeholder .hint-placeholder .dlt-c8y-icon-upload {
  color: red;
  left: 0;
}
.toollive-drop-area .drop-zone .file-placeholder .hint-placeholder [class^="dlt-c8y-icon-warning"] {
  color: red;
}
/* Css for potential upload component that fit in c8data-grid */
/* Delete pagination counter and displayable elements */
.documents-history .counter {
  display: none !important;
}
.documents-history .form-group.form-inline {
  display: none !important;
}
/* Delete pagination counter and displayable elements */
.invisible-drop-area {
  cursor: pointer;
}
.invisible-drop-area .file-placeholder {
  display: none !important;
}
.invisible-drop-area input {
  width: 0px;
}
.color-purple {
  color: #a67bfc;
}
.color-dark-purple {
  color: #8144e2;
}
.color-green {
  color: #10e56b;
}
.color-light-green {
  color: #9bff5c;
}
.color-red {
  color: #F24040;
}
.color-warning {
  color: #FDA428;
}
.badge-purple {
  color: #a67bfc;
  background-color: rgba(129, 68, 226, 0.3);
}
.clickable-lines table tr {
  cursor: pointer !important;
}
.horizontal-label .form-group label {
  display: inline !important;
}
.alerts > c8y-alert-outlet:not(:empty) {
  height: unset !important;
}
.tags-container span {
  border-radius: 20px;
  background-color: #141414;
  padding: 2px 4px 2px 7px;
  margin: 3px;
}
.tags-container span:after {
  font-family: 'dlt-c8y-icons' !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  content: "\e977";
  margin: 5px;
  cursor: pointer;
}
.inCardEmpty {
  text-align: center !important;
  margin-top: 5em;
}
.inCardEmpty .c8y-icon {
  font-size: 90px !important;
}
.inCardEmpty h1 {
  text-align: center;
  margin: 10px !important;
}
.inCardEmpty .dlt-c8y-icon-plus {
  font-size: unset !important;
}
.popover {
  max-width: unset;
}
.warning-msg {
  color: #132b45;
  background-color: #FDA428;
}
.warning-msg button {
  color: #132b45;
}
.map-timeline-wrapper {
  overflow-y: hidden;
  overflow-x: auto;
}
button img.icon {
  height: 20px;
  filter: invert(1);
}
.opacity-1 {
  opacity: 1 !important;
}
.flex-2 {
  flex: 2;
}
.separator {
  box-shadow: inset 0 -1px 0 black;
}
.text-warning-light {
  color: #fdc000 !important;
}
.disable-transition * {
  transition: none !important;
}
tl-custom-buttons-container {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  margin-bottom: -4px;
}
tl-custom-buttons-container > * {
  margin-left: 10px;
  margin-right: 10px;
  height: 40px;
  display: flex;
  align-items: center;
}
login-button {
  margin-right: 0px !important;
}
c8y-app-switcher {
  display: none;
}
c8y-search-outlet {
  display: none;
}
c8y-legal-notices-outlet {
  display: none;
}
c8y-ui-settings div:has(.c8y-switch-multistate):not(.separator-top) {
  display: none;
}
.init-load:has(~ div > c8y-header-bar) {
  display: none;
}
tl-columns-selector {
  justify-content: flex-end;
}
c8y-bootstrap > div:not(.head-open) .app-view {
  width: unset;
}
.columns-selector {
  margin-right: 30px;
  margin-bottom: 15px;
  position: absolute;
  right: -3px;
  top: 16px;
  z-index: 100;
}
@media (max-width: 767px) {
  tl-custom-buttons-container {
    order: 3;
  }
}
@media (max-width: 390px) {
  .header-bar {
    padding-right: unset;
  }
}
@media (max-width: 436px) {
  c8y-bootstrap > div:not(.head-open) shopping-bag-button,
  c8y-bootstrap > div:not(.head-open) notification-panel {
    display: none;
  }
}
c8y-cookie-banner {
  display: none;
}
:root .c8y-light-theme,
:root .c8y-dark-theme {
  --font-family-base: roboto;
  --c8y-form-label-font-weight: 500;
}
*::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
*::-webkit-scrollbar-track {
  background: transparent;
}
*::-webkit-scrollbar-track:not(textarea) {
  background: var(--c8y-component-scrollbar-track, var(--c8y-root-component-scrollbar-track));
}
*::-webkit-scrollbar-thumb {
  width: 4px;
  border-radius: 1px;
  background: var(--c8y-component-scrollbar-thumb-default, var(--c8y-root-component-scrollbar-thumb-default));
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
*:hover::-webkit-scrollbar-thumb {
  background: var(--c8y-component-scrollbar-thumb-hover, var(--c8y-root-component-scrollbar-thumb-hover));
}
.dlt-c8y-icon-by-contract-tab {
  background-color: white;
  mask: url('by-contract-outline.svg') no-repeat center;
  vertical-align: unset !important;
}
.active .dlt-c8y-icon-by-contract-tab,
a:hover .dlt-c8y-icon-by-contract-tab {
  background-color: #05d5f5;
  mask: url('by-contract-outline.svg') no-repeat center;
  vertical-align: unset !important;
}
.dlt-c8y-icon-by-tool-tab {
  background-color: white;
  mask: url('engine-stand-outline.svg') no-repeat center;
  vertical-align: unset !important;
}
.active .dlt-c8y-icon-by-tool-tab,
a:hover .dlt-c8y-icon-by-tool-tab {
  background-color: #05d5f5;
  mask: url('engine-stand-outline.svg') no-repeat center;
  vertical-align: unset !important;
}
.dlt-c8y-icon-config-tab {
  background-color: white;
  mask: url('settings-outline.svg') no-repeat center;
  vertical-align: unset !important;
}
@media screen and (min-width: 1200px) {
  .dlt-c8y-icon-config-tab {
    margin-right: unset !important;
  }
}
.active .dlt-c8y-icon-config-tab,
a:hover .dlt-c8y-icon-config-tab {
  background-color: #05d5f5;
  mask: url('settings-outline.svg') no-repeat center;
  vertical-align: unset !important;
}
.dlt-c8y-icon-kpi-tab {
  background-color: white;
  mask: url('kpis-outline.svg') no-repeat center;
  vertical-align: unset !important;
}
.active .dlt-c8y-icon-kpi-tab,
a:hover .dlt-c8y-icon-kpi-tab {
  background-color: #05d5f5;
  mask: url('kpis-outline.svg') no-repeat center;
  vertical-align: unset !important;
}
.dlt-c8y-icon-visibility-tab {
  background-color: white;
  mask: url('view-outline.svg') no-repeat center;
  vertical-align: unset !important;
}
.active .dlt-c8y-icon-visibility-tab,
a:hover .dlt-c8y-icon-visibility-tab {
  background-color: #05d5f5;
  mask: url('view-outline.svg') no-repeat center;
  vertical-align: unset !important;
}
.dlt-c8y-icon-msb-tab {
  background-color: white;
  mask: url('msb-outline.svg') no-repeat center;
  vertical-align: unset !important;
}
.active .dlt-c8y-icon-msb-tab,
a:hover .dlt-c8y-icon-msb-tab {
  background-color: #05d5f5;
  mask: url('msb-outline.svg') no-repeat center;
  vertical-align: unset !important;
}
.dlt-c8y-icon-pdp-tab {
  background-color: white;
  mask: url('pdp-outline.svg') no-repeat center;
  vertical-align: unset !important;
}
.active .dlt-c8y-icon-pdp-tab,
a:hover .dlt-c8y-icon-pdp-tab {
  background-color: #05d5f5;
  mask: url('pdp-outline.svg') no-repeat center;
  vertical-align: unset !important;
}
.dlt-c8y-icon-request-list-tab {
  background-color: white;
  mask: url('list-outline.svg') no-repeat center;
  vertical-align: unset !important;
}
.active .dlt-c8y-icon-request-list-tab,
a:hover .dlt-c8y-icon-request-list-tab {
  background-color: #05d5f5;
  mask: url('list-outline.svg') no-repeat center;
  vertical-align: unset !important;
}
.dlt-c8y-icon-details-tab {
  background-color: white;
  mask: url('details-outline.svg') no-repeat center;
  vertical-align: unset !important;
}
.active .dlt-c8y-icon-details-tab,
a:hover .dlt-c8y-icon-details-tab {
  background-color: #05d5f5;
  mask: url('details-outline.svg') no-repeat center;
  vertical-align: unset !important;
}
.dlt-c8y-icon-documents-tab {
  background-color: white;
  mask: url('folder-outline.svg') no-repeat center;
  vertical-align: unset !important;
}
.active .dlt-c8y-icon-documents-tab,
a:hover .dlt-c8y-icon-documents-tab {
  background-color: #05d5f5;
  mask: url('folder-outline.svg') no-repeat center;
  vertical-align: unset !important;
}
.dlt-c8y-icon-infos-tab {
  background-color: white;
  mask: url('infos-outline.svg') no-repeat center;
  vertical-align: unset !important;
}
.active .dlt-c8y-icon-infos-tab,
a:hover .dlt-c8y-icon-infos-tab {
  background-color: #05d5f5;
  mask: url('infos-outline.svg') no-repeat center;
  vertical-align: unset !important;
}
.dlt-c8y-icon-global-map-tab {
  background-color: white;
  mask: url('global-map-outline.svg') no-repeat center;
  vertical-align: unset !important;
}
.active .dlt-c8y-icon-global-map-tab,
a:hover .dlt-c8y-icon-global-map-tab {
  background-color: #05d5f5;
  mask: url('global-map-outline.svg') no-repeat center;
  vertical-align: unset !important;
}
.dlt-c8y-icon-tracker-tab {
  background-color: white;
  mask: url('wifi-outline.svg') no-repeat center;
  vertical-align: unset !important;
}
.active .dlt-c8y-icon-tracker-tab,
a:hover .dlt-c8y-icon-tracker-tab {
  background-color: #05d5f5;
  mask: url('wifi-outline.svg') no-repeat center;
  vertical-align: unset !important;
}
.dlt-c8y-icon-certificate::before {
  color: white;
  font-size: 24px !important;
}
.active .dlt-c8y-icon-certificate::before,
a:hover .dlt-c8y-icon-certificate::before {
  color: #05d5f5;
  font-size: 24px !important;
}
.dlt-c8y-icon-data-tab {
  background-color: white;
  mask: url('data-outline.svg') no-repeat center;
  vertical-align: unset !important;
}
.active .dlt-c8y-icon-data-tab,
a:hover .dlt-c8y-icon-data-tab {
  background-color: #05d5f5;
  mask: url('data-outline.svg') no-repeat center;
  vertical-align: unset !important;
}
.dlt-c8y-icon-event-tab {
  background-color: white;
  mask: url('alerts-outline.svg') no-repeat center;
  vertical-align: unset !important;
}
.active .dlt-c8y-icon-event-tab,
a:hover .dlt-c8y-icon-event-tab {
  background-color: #05d5f5;
  mask: url('alerts-outline.svg') no-repeat center;
  vertical-align: unset !important;
}
.dlt-c8y-icon-maintenance-log-tab {
  background-color: white;
  mask: url('certification-outline.svg') no-repeat center;
  vertical-align: unset !important;
}
.active .dlt-c8y-icon-maintenance-log-tab,
a:hover .dlt-c8y-icon-maintenance-log-tab {
  background-color: #05d5f5;
  mask: url('certification-outline.svg') no-repeat center;
  vertical-align: unset !important;
}
.dlt-c8y-icon-warning,
.dlt-c8y-icon-website-bug {
  font-size: 24px !important;
  color: white !important;
}
.dlt-c8y-icon-hierarchy {
  font-size: 24px !important;
  color: white !important;
}
.toollive-btn,
.toollive-primary-btn,
.toollive-secondary-btn,
.toollive-danger-btn,
.toollive-warning-btn,
.toollive-success-btn,
.toollive-text-btn,
.toollive-primary-btn-with-tooltip,
c8y-new-password .button-default,
formly-field c8y-array-type .btn-default,
formly-field c8y-array-type .btn-default:focus {
  border-radius: 6px;
  padding: 7px 10px;
  size: 16px;
  border: unset;
  white-space: nowrap;
}
.toollive-primary-btn,
.toollive-primary-btn-with-tooltip,
c8y-new-password .button-default,
formly-field c8y-array-type .btn-default,
formly-field c8y-array-type .btn-default:focus {
  background-color: #05d7f5;
  color: #132c45;
}
.toollive-primary-btn.btn-disable,
.toollive-primary-btn[disabled=""] {
  background-color: #0e5769;
  pointer-events: none;
}
.toollive-primary-btn:hover,
formly-field c8y-array-type .btn-default:hover {
  background-color: #73f5fe;
}
.toollive-secondary-btn {
  background-color: transparent;
  color: #05d7f5;
  border: 1px solid #05d7f5;
}
.toollive-secondary-btn.btn-disable,
.toollive-secondary-btn[disabled=""] {
  color: #8a9596;
  border-color: #8a9596;
  pointer-events: none;
}
.toollive-secondary-btn:hover {
  color: #132c45;
  background-color: #05d7f5;
}
.toollive-danger-btn {
  background-color: #F24040;
  color: white;
}
.toollive-danger-btn.btn-disable {
  background-color: #a81f1f9e;
  color: #ffffff61;
  pointer-events: none;
}
.toollive-danger-btn:hover {
  color: white;
  background-color: #f06060;
}
.toollive-warning-btn {
  background-color: #FDA428;
  color: white;
}
.toollive-warning-btn:hover {
  color: white;
  background-color: #ffb34a;
}
.toollive-success-btn {
  background-color: #41D796;
  color: white;
}
.toollive-success-btn:hover {
  color: white;
  background-color: #57d9a0;
}
.toollive-text-btn {
  color: white;
  cursor: pointer;
  background-color: unset;
  text-decoration: underline;
}
.toollive-text-btn.btn-disable {
  opacity: 0.5;
  pointer-events: none;
}
.toollive-text-btn:hover {
  background-color: #0f2237;
}
.toollive-text-btn.undecorated {
  text-decoration: none;
}
.toollive-text-btn-tt.btn-disable {
  pointer-events: unset;
}
.close-btn {
  justify-content: space-between;
}
.close-btn .icon {
  width: 15px;
  height: 15px;
  margin-right: 5px;
  filter: invert(65%) sepia(97%) saturate(1251%) hue-rotate(143deg) brightness(93%) contrast(109%);
}
.close-btn:hover .icon {
  filter: invert(12%) sepia(13%) saturate(3927%) hue-rotate(174deg) brightness(98%) contrast(91%);
}
.btn-multiline {
  white-space: normal;
}
.toollive-outline-btn {
  background-color: transparent;
  border-radius: 10px;
  border: #05d5f5 1px solid;
  padding: 3px 10px;
  color: #05d5f5;
  font-size: 12px;
}
.toollive-outline-btn:hover {
  outline: #05d5f5 1px solid;
}
.toollive-icon-btn {
  background: unset;
  border: unset;
  border-radius: 10px;
  transition: 200ms background-color;
}
.toollive-icon-btn:hover {
  background-color: #0f2237;
}
.clipboard-copy-btn {
  cursor: pointer;
  display: flex;
  align-items: center;
  padding: 4px;
  border-radius: 10px;
  transition: background-color ease-in 80ms;
}
.clipboard-copy-btn:hover {
  background-color: #0f2237;
}
.clipboard-copy-btn i {
  color: white !important;
}
.advanced-filter-button {
  width: 20px;
}
.advanced-filter-button img {
  height: 20px;
  width: 20px;
  filter: invert(1);
}
.advanced-filter-button span {
  left: -9px;
  position: relative;
  top: -8px;
  background-color: #05d7f5;
  border-radius: 10px;
  padding: 1px 4px;
  font-weight: bold;
  font-size: 12px;
  color: white;
}
.reset-filters-button img {
  height: 20px;
  width: 20px;
}
.detail-field-toggler {
  transform: translateY(-8px);
  max-height: 100px;
  overflow: auto;
  cursor: default;
  gap: 3px;
}
.detail-field-toggler .detail-lbl {
  background-color: #05d5f5;
  color: #132c45;
  border-radius: 10px;
  padding: 2px 5px;
  width: fit-content;
  cursor: pointer;
}
.detail-field-toggler .detail-lbl.is-greyed {
  background-color: #8a9596;
  color: #2c3637;
}
.btn-link-with-tooltip[disabled]:hover,
fieldset[disabled] .btn-link-with-tooltip:hover,
.btn-link-with-tooltip[disabled]:focus,
fieldset[disabled] .btn-link-with-tooltip:focus {
  pointer-events: auto;
}
.toollive-primary-btn-with-tooltip.btn-disable,
.toollive-primary-btn-with-tooltip[disabled=""] {
  background-color: #0e5769;
  pointer-events: auto;
  cursor: not-allowed;
}
/* Css according toollive styleguide (https://zeroheight.com/3a7c50fba/p/064a30-toollive-styleguide-2022)*/
.toollive-custom-icon {
  width: 23px;
  height: 21px;
  vertical-align: bottom;
}
/* Css according toollive styleguide (https://zeroheight.com/3a7c50fba/p/064a30-toollive-styleguide-2022)*/
.modal-background .modal-content {
  background-color: #141617;
}
.modal-md {
  width: 600px;
}
.modal-lg {
  width: 800px;
}
.modal-centered {
  position: relative;
  top: 50%;
  transform: translateY(-50%) !important;
  margin: 0px auto !important;
}
.modal-container {
  padding: 10px 20px;
  background-color: #141617;
}
.modal-container .icon-container {
  display: flex;
  justify-content: center;
  width: 100%;
}
.modal-container .icon-container .icon {
  height: 50px;
  width: 50px;
  filter: invert(1);
}
.modal-container .italic {
  font-style: italic;
}
.modal-container .root-cause {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: white;
}
.modal-container .buttons-actions {
  display: flex;
  justify-content: center;
  width: 100%;
}
.modal-container .buttons-actions .cancel-button {
  width: 100px;
}
.modal-container .buttons-actions .confirm-button {
  width: 100px;
}
.txt-card-title {
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
.card {
  border-radius: 10px;
}
.item-count-card {
  margin: 0 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  max-width: 290px;
  padding: 8px;
  height: 72px;
  cursor: pointer;
}
.item-count-card span:first-child {
  margin-right: 8px;
  font-size: 32px;
  font-weight: bold;
}
.item-count-card span:last-of-type {
  font-size: 16px;
}
.tile {
  height: 60px;
  width: 180px;
  background-color: #05d7f5;
  border-radius: 7px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0px 10px;
  padding: 5px 10px;
  cursor: pointer;
}
.tile .name {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}
.tile:hover {
  background-color: #73f5fe;
}
.tile.disable {
  opacity: 0.5;
  pointer-events: none;
}
.card-title {
  font-size: 12px;
  min-height: 48px;
  padding: 16px;
}
.card-title > span {
  text-transform: uppercase;
}
.marker-popup-dark .leaflet-popup-content-wrapper,
.marker-popup-dark .leaflet-popup-tip {
  background: #141414 !important;
  border-radius: 5px !important;
  padding: 5px;
}
.marker-popup-dark .leaflet-popup-content-wrapper a,
.marker-popup-dark .leaflet-popup-tip a {
  color: #05d5f5;
}
.marker-popup-dark .leaflet-popup-close-button {
  display: none;
}
.marker-popup-dark .leaflet-popup-content {
  margin: 0px !important;
}
.marker-popup-dark .leaflet-popup-content P {
  margin: 0px;
  font-family: 'roboto';
}
.marker-popup-dark .tag {
  border-radius: 10px;
  text-transform: uppercase;
  padding: 3px 8px 3px 8px;
  width: fit-content;
  letter-spacing: 0.5px;
  text-align: center;
  max-width: 125px;
}
.marker-popup-dark .map-dot {
  border-radius: 25px;
  height: 15px;
  width: 15px;
}
.marker-popup-dark .map-dot.bg-color-red {
  background-color: #F24040;
}
.marker-popup-dark .map-dot.bg-color-orange {
  background-color: #FDA428;
}
.marker-popup-dark .map-dot.bg-color-purple {
  background-color: #8144E2;
}
.marker-popup-dark .map-dot.bg-color-yellow {
  background-color: #FFDD4B;
}
.leaflet-control-layers {
  background-color: #fff;
}
.leaflet-control-scale-line,
.leaflet-control-attribution {
  color: #333;
}
.leaflet-bar {
  border: 2px solid rgba(0, 0, 0, 0.2);
}
.leaflet-bar a {
  background-color: #fff;
  color: #000;
}
.leaflet-bar a:hover {
  color: #000;
}
.leaflet-control-layers-list label {
  color: unset;
}
.filter-off-icon {
  height: 20px;
  width: 20px;
  filter: invert(1);
  margin-right: 5px;
}
.accuracy-icon-small {
  height: 20px;
  width: 20px;
  filter: invert(1);
  margin-right: 5px;
  margin-top: 15px;
}
.accuracy-icon-large {
  height: 50px;
  width: 50px;
  filter: invert(1);
  margin-right: 5px;
}
input[type=range] {
  width: 75%;
  height: 8px;
  border-radius: 4px;
  margin-top: 21px;
}
.tl-accuracy-slider {
  display: flex;
  vertical-align: middle;
  height: 50px;
}
.accuracy-slider-marginleft5 {
  margin-left: 5px;
}
.tl-dropdown-container {
  display: flex;
  align-items: center;
}
.leaflet-control-resetview a,
.leaflet-control-centerlastpos a {
  cursor: pointer;
}
.leaflet-control-resetview a .leaflet-control-resetview-icon,
.leaflet-control-centerlastpos a .leaflet-control-resetview-icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin: 7px;
  background-color: black;
  mask-image: url('redo-solid.svg');
  mask-repeat: no-repeat;
  mask-position: center;
}
.leaflet-control-resetview a .leaflet-control-centerlastpos-icon,
.leaflet-control-centerlastpos a .leaflet-control-centerlastpos-icon {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin: 0px;
  background-color: black;
  mask-image: url('points-outline.svg');
  mask-repeat: no-repeat;
  mask-position: center;
}
.tl-badge {
  border-radius: 10px;
  padding: 2px 6px;
  width: fit-content;
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
}
.tl-badge.badge-blue {
  color: white;
  background-color: #05d5f5;
}
.tl-badge.badge-blue.transparent {
  background-color: transparent !important;
  border: 1px solid #05d5f5;
}
.tl-badge.badge-red {
  color: #F24040;
  background-color: #400F0F;
}
.tl-badge.badge-light-red {
  color: white;
  background-color: #F24040;
}
.tl-badge.badge-dark-red {
  color: white;
  background-color: #7E2553;
}
.tl-badge.badge-green {
  color: #41D796;
  background-color: #0F3625;
}
.tl-badge.badge-green.transparent {
  color: #41D796;
  background-color: transparent !important;
  border: 1px solid #41D796;
}
.tl-badge.badge-light-green {
  color: white;
  background-color: #088D29;
}
.tl-badge.badge-orange {
  color: #FDA428;
  background-color: #402909;
}
.tl-badge.badge-orange.transparent {
  background-color: transparent !important;
  border: 1px solid #FDA428;
}
.tl-badge.badge-light-orange {
  color: white;
  background-color: #d77f03;
}
.tl-badge.badge-purple {
  color: #8144E2;
  background-color: #251245;
}
.tl-badge.badge-dark-purple {
  color: white;
  background-color: #9f2c77;
}
.tl-badge.badge-dark-orange {
  color: white;
  background-color: #983821;
}
.tl-badge.badge-yellow {
  color: #FFDD4B;
  background-color: #38300E;
}
.tl-badge.badge-grey {
  color: #bccadb;
  background-color: #2c3637;
}
.tl-badge.badge-white {
  color: black;
  background-color: white;
}
.tl-badge.badge-white.transparent {
  color: white;
  background-color: transparent !important;
  border: 1px solid white;
}
.tl-big-badge {
  font-size: 1.5em;
}
.popover {
  background-color: black;
}
.popover * {
  border: none;
}
.popover.right .arrow::after {
  border-right-color: black !important;
}
.popover.left .arrow::after {
  border-left-color: black !important;
}
.popover.top .arrow::after {
  border-top-color: black !important;
}
.popover.bottom .arrow::after {
  border-bottom-color: black !important;
}
.tl-checkbox {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.tl-checkbox input {
  margin-right: 8px !important;
  margin-top: 0px;
  height: 16px;
  width: 16px;
}
/* styles for a scrolling table, with no scrolling titles! */
.grid-action-header {
  padding: 24px;
  display: flex;
  align-items: center;
}
.grid-action-header .title-container {
  display: flex;
  align-items: center;
}
.grid-action-header .title-container .title {
  text-transform: uppercase;
  font-size: calc(var(--font-size-base, 14px) * 1.25);
  letter-spacing: 1px;
}
.grid-action-header .title-container .custom-badge {
  color: #05d5f5;
  background-color: #0e5769;
  margin: 0px 0px 0px 8px;
}
.grid-action-header .tracked-filter-container {
  padding-left: 30px;
}
.grid-action-header .grid-actions {
  display: flex;
  justify-content: flex-end;
  flex: 1;
}
.grid-action-header .grid-actions .btn-more-data {
  margin-right: 10px;
}
.grid-action-header .grid-actions .btn-more-data .more-data-icon {
  height: 30px;
  width: 30px;
  margin-right: 5px;
  filter: invert(1);
}
c8y-data-grid .dropdown-toggle:has(> .dlt-c8y-icon-ellipsis-v),
c8y-data-grid .dropdown-toggle:has(> .toggle-icon) {
  padding: 8px;
  border-radius: 10px;
  transition: background-color ease-in 80ms;
  opacity: 1 !important;
}
c8y-data-grid .dropdown-toggle:hover:has(> .dlt-c8y-icon-ellipsis-v),
c8y-data-grid .dropdown-toggle:hover:has(> .toggle-icon) {
  background-color: #0f2237;
}
c8y-data-grid .dropdown-toggle:not(:hover):not(.disabled):has(> .dlt-c8y-icon-ellipsis-v) {
  opacity: 1 !important;
}
c8y-data-grid .dropdown-toggle.disabled {
  pointer-events: none;
  opacity: 0.3 !important;
}
@media (max-width: 991px) {
  .tools-grid {
    max-width: 94vw;
  }
  .grid-actions {
    flex-direction: column;
    align-items: flex-end;
  }
  .grid-actions button {
    margin-right: 0 !important;
  }
  .grid-actions tl-column-selector {
    margin-right: 0 !important;
  }
  .table.table-data-grid tbody tr {
    grid-template-columns: minmax(0, 0px) repeat(auto-fit, minmax(152px, 100%)) minmax(0, 44px);
  }
  .table.table-data-grid tbody tr::before {
    background-color: #0f2237;
    height: 108%;
    width: 100%;
    content: '';
    position: absolute;
    margin-top: 5px;
    border-radius: 10px;
  }
  .table.table-data-grid tbody tr > td::before {
    color: white;
  }
}
.grid-cell {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.large-tooltip .tooltip-inner {
  width: 350px;
  max-width: unset;
  padding: 10px;
}
.tooltip-title {
  font-size: 16px;
  text-align: start;
}
.tooltip-content {
  margin-top: 5px;
  text-align: start;
}
::ng-deep .bs-datepicker-head {
  background-color: #05d5f5 !important;
}
::ng-deep .bs-datepicker-head .previous,
::ng-deep .bs-datepicker-head .next {
  color: white !important;
}
::ng-deep .bs-datepicker-head button:hover {
  color: white;
}
::ng-deep .bs-datepicker-body {
  border-bottom: 1px solid #05d5f5;
  border-right: 1px solid #05d5f5;
  border-left: 1px solid #05d5f5;
}
::ng-deep .bs-datepicker-body table td.week span {
  color: #05d5f5 !important;
}
::ng-deep .bs-datepicker-body table td .selected {
  background-color: #05d5f5 !important;
}
select option {
  font-family: "Roboto", Helvetica, Arial, sans-serif !important;
}
.tl-light-input {
  border: 0px;
  border-bottom: 1px solid rgba(255, 243, 243, 0.747);
  padding: 0px 5px 3px 0px;
  background-color: transparent;
  color: white;
  transition: border-bottom 100ms ease-in;
}
.tl-light-input:focus {
  outline: none;
  border-bottom: 1px solid #05d5f5;
  caret-color: #05d5f5;
}
.tl-light-input:read-only {
  pointer-events: none;
}
:host ::ng-deep label.c8y-checkbox input[type="checkbox"]:checked + span::after,
:host ::ng-deep label.c8y-radio input[type="checkbox"]:checked + span::after {
  content: unset;
  color: unset;
  height: unset;
  width: unset;
  border-left: unset;
  border-bottom: unset;
  transform: unset;
  left: unset;
  top: unset;
  display: unset;
  position: unset;
}
:host ::ng-deep label.c8y-checkbox input[type="checkbox"],
:host ::ng-deep label.c8y-radio input[type="checkbox"],
:host ::ng-deep label.c8y-checkbox input[type="radio"],
:host ::ng-deep label.c8y-radio input[type="radio"],
:host ::ng-deep label.slider input[type="range"] {
  position: unset;
  top: unset;
  left: unset;
  z-index: unset;
  margin: unset;
  opacity: unset;
}
:host ::ng-deep input[type="radio"],
:host ::ng-deep input[type="checkbox"] {
  margin: unset;
  margin-top: unset;
  font-size: unset;
  line-height: unset;
  accent-color: #05d5f5;
}
:host ::ng-deep label.c8y-checkbox input[type="checkbox"] + span,
:host ::ng-deep label.c8y-radio input[type="checkbox"] + span,
:host ::ng-deep label.c8y-checkbox input[type="radio"] + span,
:host ::ng-deep label.c8y-radio input[type="radio"] + span {
  display: unset;
  margin: unset;
  flex-shrink: unset;
  width: unset;
  height: unset;
  box-shadow: unset;
  border-radius: unset;
  background-color: unset;
  transition: unset;
  position: unset;
}
:host ::ng-deep label.c8y-checkbox input + span,
:host ::ng-deep label.c8y-radio input + span {
  position: unset;
  display: unset;
  z-index: unset;
}
:host ::ng-deep label.c8y-checkbox span {
  color: white !important;
}
.tl-file-chooser .input {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}
.tl-file-chooser .input + label {
  display: flex;
  justify-content: center;
  align-items: center;
  width: fit-content;
  padding: 10px;
  border: white 2px dashed;
  border-radius: 5px;
  cursor: pointer;
  min-width: 150px;
}
.tl-file-chooser .input + label .icon {
  margin-right: 5px;
  height: 20px;
  width: 20px;
}
.tl-file-chooser .input + label .icon.icon-white {
  filter: invert(1);
}
.tl-file-chooser .input + label:hover {
  background-color: #0f2237;
}
.tl-round-input {
  background-color: white !important;
  border-radius: 7px !important;
  color: black !important;
}
.tl-round-label {
  font-weight: bold;
}
.tl-details summary::-webkit-details-marker {
  display: none;
}
.tl-details summary {
  display: block;
}
.tl-details summary {
  position: relative;
  padding-left: 1.2em;
  cursor: pointer;
}
.tl-details summary::before {
  content: "";
  position: absolute;
  border: solid #05d5f5;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
  top: 6px;
  left: 0;
  transition: 100ms transform;
  transform: rotate(-45deg);
}
.tl-details[open] summary::before {
  transform: rotateZ(45deg);
  left: 2px;
}
c8y-data-grid {
  /* Target the table internal column chooser */
}
c8y-data-grid th {
  color: white;
}
c8y-data-grid th .open .btn-header {
  background-color: white !important;
  color: #05d5f5;
}
c8y-data-grid th .open .btn-header .btn-sort {
  background-color: unset !important;
  box-shadow: unset !important;
}
c8y-data-grid th .open .btn-header .btn-sort:hover {
  color: #05d5f5;
}
c8y-data-grid th .btn-sort:hover {
  color: white;
}
c8y-data-grid th.filtered .btn-header {
  color: #05d5f5 !important;
}
c8y-data-grid th .btn-header:focus {
  outline: unset;
}
c8y-data-grid th .dropdown-menu {
  background-color: unset;
}
c8y-data-grid th .dropdown-menu .data-grid__dropdown {
  width: unset !important;
  border-radius: 5%;
}
c8y-data-grid tr .active > td {
  background-color: unset;
}
c8y-data-grid .pagination > .pagination-prev > a,
c8y-data-grid .pagination > .pagination-next > a {
  font-size: 0;
}
c8y-data-grid .pagination > .pagination-prev > a:before,
c8y-data-grid .pagination > .pagination-next > a:before {
  position: unset;
  font-size: initial;
}
c8y-data-grid .pagination > .pagination-page {
  padding-top: 2px;
}
c8y-data-grid .pagination > li:first-child > a,
c8y-data-grid .pagination > li:first-child > span {
  text-indent: unset;
}
c8y-data-grid .pagination > li:last-child > a,
c8y-data-grid .pagination > li:last-child > span {
  text-indent: unset;
}
c8y-data-grid .table-data-grid-footer .pagination {
  height: unset !important;
}
c8y-data-grid.unactive-click tbody tr.active td {
  background-color: unset !important;
}
c8y-data-grid .table-data-grid-header-bulk-actions {
  display: none;
}
c8y-data-grid .table-data-grid-header .btnbar .data-grid__dropdown {
  position: absolute !important;
}
c8y-data-grid .table-data-grid-header .btnbar .data-grid__dropdown label {
  color: white !important;
  align-items: center;
}
c8y-data-grid .table-data-grid-header .btnbar .btnbar-btn {
  color: white;
}
c8y-data-grid .table-data-grid-header button.btnbar-btn.btn-link[data-cy='data-grid--reload-btn'] {
  display: none;
}
c8y-data-grid .table-data-grid-header button i {
  font-size: large;
}
c8y-data-grid .table-data-grid-header .input-group-search {
  display: none !important;
}
c8y-data-grid .table.table-data-grid.table-hover tr.selected-line,
c8y-data-grid .table.table-data-grid.table-hover tr.selected-line td {
  background: rgba(255, 255, 255, 0.2) !important;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  color: #05d5f5 !important;
  background-color: unset;
  border-color: unset;
}
.pagination-prev > a::before,
.pagination-next > a::before {
  font-size: 1em;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  border-color: unset;
}
.pagination > li > a,
.pagination > li > span {
  padding: 2px 4px;
  border: none !important;
  color: white !important;
}
.pagination-prev > a,
.pagination-next > a {
  width: unset;
}
.left-side-pagination-table .table-data-grid-footer {
  justify-content: unset;
}
.left-side-pagination-table .table-data-grid-footer div {
  display: none;
}
.left-side-pagination-table .table-data-grid-footer div:last-child {
  display: block;
  text-align: left !important;
}
th:not(.grid-custom-sorter) div {
  min-width: unset !important;
}
.table .table-data-grid thead tr > th {
  padding: 0 10px 0 0;
}
.grid-custom-sorter .btn-sort {
  opacity: 0;
  margin-top: 1px;
  margin-right: unset !important;
}
.grid-custom-sorter .btn-header {
  display: block;
}
.grid-custom-sorter .btn-header > i {
  position: absolute;
  right: 25px;
}
.grid-custom-sorter:hover .btn-sort {
  opacity: 1;
}
.grid-custom-sorter:hover c8y-cell-renderer span {
  padding-right: 16px;
}
.grid-custom-sorter .open c8y-cell-renderer span {
  padding-right: 16px;
}
.grid-custom-sorter c8y-cell-renderer {
  float: left;
  width: 100%;
}
.grid-custom-sorter c8y-cell-renderer > div {
  display: flex;
  justify-content: space-between;
}
.grid-custom-sorter c8y-cell-renderer > div span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.grid-custom-sorter c8y-cell-renderer .dropdown {
  flex-grow: unset !important;
  max-width: unset !important;
}
.grid-custom-sorter c8y-cell-renderer .dropdown .dropdown-menu {
  padding: 10px;
}
.grid-custom-sorter > button {
  display: none !important;
}
.hidden-actions {
  opacity: 0 !important;
}
.hidden-actions button {
  font-size: 1.5em;
  line-height: 1em;
  margin-left: 8px !important;
}
.hidden-actions button img.icon:hover {
  filter: brightness(0) saturate(100%) invert(61%) sepia(78%) saturate(1878%) hue-rotate(143deg) brightness(105%) contrast(96%);
}
.hidden-actions img.icon {
  height: 20px;
  width: 25px;
  filter: invert(1);
  vertical-align: bottom;
}
.data-grid-actions-dropdown-menu {
  margin-right: -12px;
  background-color: #141414 !important;
}
.data-grid-actions-dropdown-menu * {
  background-color: #141414 !important;
}
.grid-actions-cell,
.grid-actions-cell c8y-cell-renderer {
  justify-content: end;
  overflow: unset !important;
}
.grid-middle-cell,
.grid-middle-cell c8y-cell-renderer {
  display: flex !important;
  align-items: center;
}
.data-grid__dropdown {
  max-width: unset !important;
  position: unset !important;
  width: unset !important;
  min-width: 270px;
}
.data-grid__dropdown c8y-filtering-form-renderer {
  background-color: transparent !important;
  border-radius: 5%;
}
.table-data-grid-scroll {
  border-radius: 10px;
}
.no-header-grid .table-data-grid-header {
  display: none;
}
.no-header-grid .table-data-grid-header + .table.table-data-grid thead > tr > th {
  top: 0;
  align-items: center;
}
.actions-grid .table.table-data-grid > tbody td.cdk-cell > c8y-cell-renderer {
  display: unset;
  z-index: unset !important;
}
.actions-grid .table tbody tr td:last-child:hover {
  z-index: 1000000;
}
.actions-grid .table-data-grid-scroll {
  min-height: 300px;
}
.actions-grid .settings .c8y-dropdown + .dropdown-menu > li a:not(.btn),
.actions-grid .settings .c8y-dropdown + .dropdown-menu > li button:not(.btn),
.actions-grid .settings .c8y-dropdown[aria-expanded="true"]:not(.btn)::before {
  background-color: #141414;
}
.actions-grid tr:hover .hidden-actions {
  opacity: 1 !important;
}
.no-resize-grid .resize-handle {
  display: none;
}
.heading-table .table.table-data-grid thead tr > th {
  background-color: #0f2237;
}
.heading-table .table.table-data-grid thead tr > th > div {
  text-align: center !important;
}
.heading-table-left .table.table-data-grid thead tr > th {
  background-color: #0f2237;
}
.heading-table-left .table.table-data-grid thead tr > th > div {
  text-align: left !important;
}
.bottom-bordered-lines tbody td {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.no-hover-data-grid .table.table-data-grid.table-hover tr:hover,
.no-hover-data-grid .table.table-data-grid.table-hover tr:hover td {
  background: unset !important;
}
.light-hover-data-grid .table.table-data-grid.table-hover tr:hover,
.light-hover-data-grid .table.table-data-grid.table-hover tr:focus-within td,
.light-hover-data-grid .table.table-data-grid.table-hover tr:hover td {
  background: rgba(255, 255, 255, 0.2) !important;
}
@media (max-width: 991px) {
  .light-hover-data-grid .table.table-data-grid.table-hover tr:hover,
  .light-hover-data-grid .table.table-data-grid.table-hover tr:focus-within td,
  .light-hover-data-grid .table.table-data-grid.table-hover tr:hover td {
    background: unset !important;
  }
}
.thin-header-data-grid .table.table-data-grid > thead:first-child > tr:first-child > th .btn-header:not(.resize-handle):not(.dropdown) {
  padding-bottom: 8px;
  padding-right: 0;
}
.thin-header-data-grid [class^="dlt-c8y-icon-"]::before,
.thin-header-data-grid [class*=" dlt-c8y-icon-"]::before,
.thin-header-data-grid .dlt-c8y-icon::before {
  font-size: unset;
}
@media (max-width: 991px) {
  .mobile-table tbody tr {
    display: flex !important;
  }
  .mobile-table tbody tr:hover td::before {
    color: #2c3637 !important;
  }
  .mobile-table .table.table-data-grid tbody > tr.selected-line > td::before {
    color: #2c3637 !important;
  }
}
.data-grid-padding {
  padding-bottom: 20px;
}
.space-between-footer-item .table-data-grid-footer > * {
  text-align: center !important;
}
.centered-footer-item .table-data-grid-footer {
  min-height: 64px;
}
.centered-footer-item .table-data-grid-footer > * {
  text-align: center !important;
  width: 20%;
}
.centered-footer-item .table-data-grid-footer > * pagination {
  height: unset;
}
.centered-footer-item .table-data-grid-footer > *:not(:has(div)) {
  width: 0%;
}
.centered-footer-item .table-data-grid-footer > *:has(pagination:not(.hidden)) {
  width: 20%;
}
.nav-tabs a {
  align-items: center;
  padding: unset;
}
.nav-tabs .active > a {
  font-weight: 900 !important;
  color: #05d5f5;
  box-shadow: inset 0 calc(var(--c8y-nav-tabs-border-width-active) * -1) 0 0 var(--c8y-nav-tabs-border-color-active) !important;
}
.nav-tabs a:hover {
  outline: unset !important;
  color: #05d5f5 !important;
}
.nav-tabs .c8y-icon {
  height: 30px !important;
  width: 30px !important;
  margin-right: 5px !important;
  margin-bottom: 0px !important;
  margin-left: 0px !important;
  opacity: 0.6;
}
.nav-tabs .c8y-icon::before {
  font-size: 24px !important;
}
.mobile-tabs .c8y-select-wrapper select {
  background-color: #132b45;
}
.dropdown .dropdown-toggle {
  outline: unset !important;
  font-size: 14px;
  align-items: center;
}
bs-dropdown-container .show {
  display: unset;
}
bs-dropdown-container .open * {
  opacity: 1;
}
bs-dropdown-container .open .btn-sort:hover {
  color: #05d5f5 !important;
}
bs-dropdown-container .open .btn-sort i {
  vertical-align: middle;
}
formly-field .form-select option {
  color: black !important;
}
.content-column {
  display: flex !important;
  flex-direction: column;
}
.dropdown-padding-10 {
  padding: 10px;
}
select,
select.form-control {
  color: white;
}
.btn-clean {
  padding: 0;
}
.btn-clean:focus {
  outline: unset !important;
  text-decoration: none;
  color: #05d5f5;
}
.btn-clean:hover {
  color: #05d5f5 !important;
  text-decoration: none;
  color: #05d5f5;
}
.btn-clean:hover img {
  filter: brightness(0) saturate(100%) invert(61%) sepia(78%) saturate(1878%) hue-rotate(143deg) brightness(105%) contrast(96%) !important;
}
.btn-group .btn-default {
  background-color: transparent;
  border-color: #05d5f5;
  color: #05d5f5;
}
.btn-group .btn-default:hover {
  box-shadow: inset 0 0 0 1px #05d5f5;
}
.btn-group .btn-primary {
  background-color: #05d5f5;
  box-shadow: inset 0 0 0 1px var(#05d5f5);
  color: white;
}
.btn-group .btn-primary:active {
  box-shadow: unset;
}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-top-left-radius: 6px !important;
  border-bottom-left-radius: 6px !important;
}
.btn-group > .btn:last-child:not(:first-child):not(.dropdown-toggle) {
  border-top-right-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
}
.btn-group:focus {
  outline: unset;
}
.btn.btn-icon:hover {
  outline: unset !important;
}
.btn-sort:focus {
  outline: unset !important;
}
.text-primary {
  color: #05d5f5 !important;
}
.btn-link a:focus {
  outline: unset !important;
}
.btn-link:focus {
  outline: unset !important;
}
.btn-success {
  color: white;
  background-color: #41D796;
  border-color: #41D796;
}
.navigatorContent {
  background-color: transparent;
}
.navigatorContent:before {
  height: 0px;
  content: unset;
}
.navigatorContent img {
  width: 24px;
  height: 24px;
  filter: invert();
}
.navigatorContent .link {
  padding-left: 18px;
  outline: unset !important;
}
.navigatorContent .link.active {
  background-color: #132b45;
}
.navigatorContent .link:hover {
  background: rgba(0, 0, 0, 0.4);
  color: unset;
}
.navigatorContent .children .link {
  padding-left: 32px !important;
}
.navigatorContent c8y-navigator-icon {
  padding: unset !important;
}
.c8y-right-drawer {
  background-color: #132b45;
}
.c8y-right-drawer.__header {
  background-color: unset !important;
}
.c8y-right-drawer.__header .label {
  color: white;
}
.c8y-right-drawer .c8y-right-drawer__item {
  background-color: unset !important;
}
.navigator {
  background-image: url('menu-background.webp');
  background-position: 60%;
}
.navigator .title::after {
  box-shadow: unset !important;
}
.navigatorContent::-webkit-scrollbar-thumb {
  background: var(--navigator-scrollbar-thumb, rgba(0, 0, 0, 0.3));
}
.navigatorContent > c8y-navigator-node:has(#navigator_node_about_us) {
  position: fixed;
  bottom: 0;
  width: 240px;
  display: block !important;
}
.navigatorContent > c8y-navigator-node:has(#navigator_node_about_us) c8y-navigator-icon {
  display: none;
}
.navigatorContent > c8y-navigator-node:has(#navigator_node_about_us) .link {
  padding-left: unset !important;
}
.navigatorContent > c8y-navigator-node:has(#navigator_node_about_us) .root-link {
  display: flex;
  justify-content: center !important;
}
.navigatorContent > c8y-navigator-node:has(release-note-navigator) {
  position: fixed;
  bottom: 40px;
  width: 240px;
  display: block !important;
}
c8y-app-icon,
.header-bar .c8y-app-icon,
nav header span {
  display: none !important;
}
.tenant-brand {
  height: 110px;
}
.navigatorContent > c8y-navigator-node:last-child {
  bottom: 0;
  position: fixed;
  width: 240px;
}
c8y-navigator-bottom {
  display: none;
}
.nav-tabs > li > a [class^="dlt-c8y-icon-"] {
  width: unset;
  margin-right: unset;
  vertical-align: bottom;
}
.nav-tabs > li > a [class^="dlt-c8y-icon-"]::before {
  font-size: 1.5em !important;
}
.navigator-slot-top {
  background-image: url('menu-icon.webp');
  background-size: contain;
  background-repeat: no-repeat;
  background-origin: content-box;
  border-bottom: 0px !important;
  margin-bottom: 30px !important;
  box-shadow: unset !important;
}
.user-dot {
  background-color: #8adbd5;
}
.simple-dashboard-child .card.card-dashboard > .card-inner-scroll {
  height: 100% !important;
  padding: 0 16px;
}
.simple-dashboard-child .cdk-drag-disabled .cdk-drag-handle {
  display: none !important;
}
.flex-dashboard-child .card-inner-scroll {
  display: flex !important;
  align-items: center;
  justify-content: space-around;
}
c8y-dashboard-child-title .card-title > span {
  color: white !important;
}
.dashboard-child-title-no-opacity div {
  opacity: unset !important;
}
.dashboard-child-title-full-width {
  width: 100% !important;
  max-width: unset !important;
}
select.form-control {
  color: white;
}
select.form-control:focus {
  color: black !important;
}
label.c8y-radio {
  color: white;
}
.c8y-checkbox button {
  display: none;
}
.form-control {
  color: white;
}
.form-control:focus {
  color: black;
}
.c8y-switch {
  color: white;
}
.input-group-addon {
  color: white;
}
.c8y-empty-state h1::after {
  color: #05d5f5;
}
.c8y-empty-state p {
  margin-top: 10px;
}
c8y-widget-config .modal-body {
  background-color: #141414 !important;
}
c8y-widget-config .modal-body .card > div {
  background-color: #132b45 !important;
}
c8y-ui-settings .form-group label {
  color: white !important;
}
c8y-user-edit input:not(:active) {
  color: white !important;
}
c8y-user-details-drawer small {
  display: none !important;
}
c8y-credentials .c8y-checkbox {
  color: white !important;
}
c8y-credentials c8y-password-input:focus-within .input-group-btn {
  color: #05d5f5;
}
c8y-credentials .btn-primary,
c8y-recover-password .btn-primary {
  background-color: #05d5f5 !important;
}
c8y-credentials .btn-primary:hover,
c8y-recover-password .btn-primary:hover {
  border-color: #058192;
  color: #058192;
}
.c8y-list__item__collapse--container {
  background-image: none;
  background-color: #193759;
}
@media (min-width: 992px) {
  .c8y-list__item__collapse--container {
    padding: var(--c8y-component-padding, var(--c8y-root-component-padding));
  }
}
.c8y-list__item__collapse--container {
  background-color: unset;
}
.leaflet-marker-icon {
  cursor: pointer;
}
.marker-cluster-small {
  background-color: rgba(218, 94, 94, 0.6);
  border-radius: 50%;
  padding: 0.5em;
}
.marker-cluster-small div {
  background-color: rgba(226, 36, 36, 0.6);
  height: 100%;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.marker-cluster-medium {
  background-color: rgba(241, 211, 87, 0.6);
  border-radius: 50%;
  padding: 0.5em;
}
.marker-cluster-medium div {
  background-color: rgba(240, 194, 12, 0.6);
  height: 100%;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.marker-cluster-large {
  background-color: rgba(253, 156, 115, 0.6);
  border-radius: 50%;
  padding: 0.5em;
}
.marker-cluster-large div {
  background-color: rgba(241, 128, 23, 0.6);
  height: 100%;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.marker-cluster-info {
  background-color: #05d5f5;
  border-radius: 50%;
  padding: 0.5em;
}
.marker-cluster-info div {
  background-color: #0e5769;
  height: 100%;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.map-arrow-icon {
  width: 14px;
  height: 14px;
}
.map-arrow-icon > div {
  margin-left: -1px;
  margin-top: -5px;
  transform-origin: center center;
  font: 15px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
}
.leaflet-control-layers-base label div span {
  color: black;
}
.leaflet-right .leaflet-control:not(.leaflet-control-attribution) {
  flex-direction: column;
}
.leaflet-touch .leaflet-right .leaflet-bar a {
  background-image: url('spritesheet.png') !important;
  background-image: linear-gradient(transparent, transparent), url('spritesheet.png') !important;
}
.leaflet-control-layers-list {
  color: black;
}
.leaflet-left .leaflet-control {
  margin-left: 10px;
}
.leaflet-bottom .leaflet-control {
  margin-bottom: 10px;
}
.leaflet-top .leaflet-control {
  margin-top: 10px;
}
@font-face {
  font-family: "CodePro";
  src: local("CodePro"), url('Fontfabric_Code-Pro-LC.woff2') format("truetype");
}
@font-face {
  font-family: roboto;
  src: local("Roboto"), url('Roboto-Regular.woff2') format("truetype");
}
@font-face {
  font-family: RobotoLight;
  src: local("RobotoLight"), url('Roboto-Light.ttf') format("truetype");
}
/* LOGOS */
.favicon-webpack-loader {
  background: url("favicon.ico");
}
.mainlogo {
  background-image: url('menu-icon.webp');
}
.navigator .title .tenant-brand {
  background-image: url('menu-icon.webp');
}


/*# sourceMappingURL=styles.css.map*/