npm - @inspark/inspark-components - Versions diffs - 19.0.49 → 19.0.51 - Mend

@inspark/inspark-components 19.0.49 → 19.0.51

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (500) hide show

package/src/scss/theme-blue.scss ADDED Viewed

@@ -0,0 +1,622 @@
+@use "@inspark/components-web/src/variables" as *;
+@use "@inspark/components-web/src/mixins" as *;
+@import "./settings/loader.settings";
+//@import "~@angular/material/prebuilt-themes/deeppurple-amber.css";
+// Theme "Blue"
+// Set a variable containing current brand
+$theme-name: 'theme-blue';
+// SETTINGS
+//@import "settings/loader.settings";
+// Reset theme-specific variables
+/*
+Colors
+*/
+/*
+Brand colors
+*/
+/**
+ * Primary
+ */
+$ids-theme-primary: #78F4FF;
+// todo(turchaninov): отрефакторить названия переменных
+/**
+ * Secondary
+ */
+$ids-theme-secondary: #20AAFF;
+/*
+Status colors
+*/
+$ids-theme-status-active: $ids-theme-primary;
+$ids-theme-status-highlight: $ids-theme-primary;
+$ids-theme-status-success: #31AC51;
+$ids-theme-status-warning: #EE9946;
+$ids-theme-status-error: #F95C5D;
+$ids-theme-status-pending: $color-blue;
+$ids-theme-status-critical: $ids-theme-status-error;
+$ids-theme-status-disabled: #848484;
+$ids-theme-status-falsevalue: #85B3CB;
+/*
+Functional colors
+*/
+$component-active-color: $color-base-white;
+$component-active-bg: $ids-theme-primary;
+$component-active-box-shadow: inset 0 0 0 1px transparent;
+$state-success-bg: $ids-theme-status-success;
+$state-success-text: $color-base-white;
+$state-warning-bg: $ids-theme-status-warning;
+$state-warning-text: $color-base-white;
+$state-error-bg: $ids-theme-status-error;
+$state-error-text: $color-base-white;
+$state-pending-bg: $ids-theme-status-pending;
+$state-pending-text: $color-base-white;
+$state-critical-bg: $ids-theme-status-critical;
+$state-critical-text: $color-base-white;
+$state-falsevalue-bg: $ids-theme-status-falsevalue;
+$state-falsevalue-text: $text-muted;
+///* ========================================================================
+//   #GLOBAL
+//   ======================================================================== */
+// Body
+//
+// Settings for the `<body>` element.
+$body-bg: var(--ids-theme-body-bg);
+$body-color: $color-base-white;
+// Scroll customization
+$webkit-scrollbar-track-bg: transparent;
+$webkit-scrollbar-thumb-bg: #050E34;
+$webkit-scrollbar-corner-bg: var(--colorBgLevel4);
+//
+// Typography
+//
+//== Typography
+//
+//## Font, line-height, and color for body text, headings, and more.
+//$text-color: $color-base-white;
+$text-color-gray: $color-gray-40;
+$paragraph-color: $text-color;
+//** By default, this inherits from the `<body>`.
+$headings-color: $color-gray-90;
+$headings-small-color: $color-base-black;
+$text-muted: $color-gray-80;
+$abbr-border-color: $color-gray-80;
+$blockquote-small-color: $color-gray-80;
+$blockquote-border-color: $color-gray-80;
+$hr-border-color: rgba($color-base-black, 0.1);
+$kbd-box-shadow: inset 0 -0.1rem 0 rgba($color-base-black, 0.25);
+//** Global color for active items (e.g., navs or dropdowns).
+$component-active-color: $color-base-white;
+//** Global background color for active items (e.g., navs or dropdowns).
+$component-active-bg: $ids-theme-primary;
+// Tables
+//
+// Customizes the `.table` component with basic values, each used across all table variations.
+$table-bg: transparent;
+$table-th-color: $color-gray-90;
+$table-bg-accent: rgba($color-base-black, 0.05);
+$table-bg-hover: rgba($color-base-black, 0.075);
+$table-bg-active: $table-bg-hover;
+$table-head-bg: $color-gray-10;
+$table-head-color: $color-gray-90;
+$table-border-color: $color-gray-20;
+$table-bg-primary: var(--ids-theme-primary, $ids-theme-primary);
+$table-th-bg: rgba($color-base-black, 0.2);
+// Buttons
+$btn-disabled-border-color: transparent;
+$btn-disabled-background: $color-gray-5;
+$btn-disabled-color: rgba($color-base-white, 0.8);
+$btn-default-background: #162969;
+$btn-default-background--hover: darken($btn-default-background, 20%);
+$btn-default-background--pressed: darken($btn-default-background, 40%);
+$btn-default-color: $text-color;
+$btn-shadow: none;
+$btn-bare-color--visited: $color-gray-90;
+$btn-bare-color--hover: $color-blue-dark-800;
+$btn-bare-color--pressed: var(--ids-theme-secondary, $ids-theme-secondary);
+$btn-primary-color: $color-base-black;
+$btn-primary-border-color: transparent;
+$btn-primary-background: $ids-theme-primary;
+$btn-primary-background--hover: lighten($btn-primary-background, 20%);
+$btn-primary-background--pressed: lighten($btn-primary-background, 40%);
+$btn-primary-background--disabled: $btn-disabled-background;
+$btn-primary-color--disabled: rgba($color-base-black, 0.8);
+$btn-secondary-color: $color-base-black;
+$btn-secondary-border-color: transparent;
+$btn-secondary-background: $ids-theme-secondary;
+$btn-secondary-background--hover: lighten($btn-secondary-background, 20%);
+$btn-secondary-background--pressed: lighten($btn-secondary-background, 40%);
+$btn-tertiary-color: $color-base-black;
+$btn-tertiary-border-color: transparent;
+$btn-tertiary-background: $color-gray-40;
+$btn-tertiary-background--hover: darken($btn-tertiary-background, 20%);
+$btn-tertiary-background--pressed: darken($btn-tertiary-background, 40%);
+$btn-menu-toggle: $color-gray-90;
+$btn-destroy-border-color: $ids-theme-status-error;
+$btn-destroy-background: $ids-theme-status-error;
+$btn-destroy-color: $color-base-white;
+$btn-rounded-border-radius: $global-radius-rounded;
+$btn-datepicker-current-color: $ids-theme-primary;
+$btn-datepicker-current-background: none;
+$btn-datepicker-selected-color: $color-base-white;
+$btn-datepicker-selected-color--hover: $color-base-white;
+$btn-datepicker-selected-color-current: $color-base-white;
+$btn-datepicker-selected-color-current--hover: $color-base-white;
+// Checkbox
+$checkbox-border-color: $color-gray-10;
+// Switch
+$checkbox-swith-color-off: $color-gray-20;
+//== Menu
+$main-menu-item-li-bg: #091F65;
+$menu-ddl-menu-bg: linear-gradient(90deg, #0D176A 0%, #0F237A 100%);
+$main-menu-item-a-color-hover: $color-base-white;
+$main-menu-submenu-item-bg: #091F65;
+$main-menu-item-title-color: $color-base-white;
+//== Dropdowns
+//
+//## Dropdown menu container and contents.
+//** Background for the dropdown menu.
+$dropdown-bg: #05113b;
+//** Dropdown menu `border-color`.
+$dropdown-border: rgba(0, 0, 0, 0.5);
+$dropdown-focused-box-shadow: $component-active-box-shadow;
+//** Dropdown menu `border-color` **for IE8**.
+$dropdown-fallback-border: $color-gray-35;
+//** Divider color for between dropdown items.
+$dropdown-divider-bg: #e5e5e5;
+//** Dropdown link text color.
+$dropdown-link-color: $color-base-white;
+//** Hover color for dropdown links.
+$dropdown-link-hover-color: $color-base-white;
+//** Hover background for dropdown links.
+$dropdown-link-hover-bg: rgba(#050f34, 0.8);
+//** Active dropdown menu item text color.
+$dropdown-link-active-color: $color-base-black;
+//** Active dropdown menu item background color.
+$dropdown-link-active-bg: rgba($component-active-bg, 0.4);
+//** Disabled dropdown menu item background color.
+$dropdown-link-disabled-color: $color-gray-80;
+$dropdown-link-disabled-bg: $color-gray-35;
+//** Text color for headers within dropdown menus.
+$dropdown-header-color: $color-gray-10;
+//** Deprecated `$dropdown-caret-color` as of v3.1.0
+$dropdown-caret-color: $color-base-white;
+// Main content
+$main-content-bg: radial-gradient(50% 50% at 50% 50%, #01165A 0%, #010C2E 100%);
+$main-section-bg: radial-gradient(50% 50% at 50% 50%, #01165A 0%, #010C2E 100%);
+// Navbar
+// Basics of a navbar
+$navbar-default-color: $color-base-black;
+$navbar-default-bg: #0F7A65;
+$navbar-default-border: darken($navbar-default-bg, 6.5%);
+// Navbar links
+$navbar-default-link-color: $ids-theme-primary;
+$navbar-default-link-hover-color: $ids-theme-secondary;
+$navbar-default-link-hover-bg: transparent;
+$navbar-default-link-active-color: $ids-theme-primary;
+$navbar-default-link-active-bg: darken($navbar-default-bg, 6.5%);
+$navbar-default-link-disabled-color: $color-gray-40;
+$navbar-default-link-disabled-bg: transparent;
+// Navbar brand label
+$navbar-default-brand-color: $navbar-default-link-color;
+$navbar-default-brand-hover-color: darken($navbar-default-brand-color, 10%);
+$navbar-default-brand-hover-bg: transparent;
+// Navbar toggle
+//$navbar-default-toggle-hover-bg:           #ddd;
+$navbar-default-toggle-hover-color: $ids-theme-primary;
+$navbar-default-toggle-icon-bar-bg: #888;
+$navbar-default-toggle-border-color: #ddd;
+$navbar-default-toggle-color: $color-base-black;
+// Modal
+//** Background color of modal content area
+$modal-content-bg: var(--colorBgLevel2);
+//** Modal content border color
+$modal-content-border-color: rgba($color-gray-10, 0.2);
+//** Modal content border color **for IE8**
+$modal-content-fallback-border-color: #ddd;
+//** Modal backdrop background color
+$modal-backdrop-bg: $color-base-black;
+//** Modal backdrop opacity
+$modal-backdrop-opacity: 0.5;
+//** Modal header border color
+$modal-header-border-color: $color-gray-40;
+//** Modal footer border color
+$modal-footer-border-color: $modal-header-border-color;
+//== Footer
+$footer-bg: $color-base-white;
+//== Tabs
+$nav-tabs-border-color: $color-gray-40;
+$nav-tabs-link-hover-border-color: $color-gray-80;
+$nav-tabs-active-link-hover-bg: $body-bg;
+$nav-tabs-active-link-hover-color: $body-color;
+$nav-tabs-active-link-hover-border-color: $ids-theme-primary;
+$nav-tabs-justified-link-border-color: $color-gray-40;
+$nav-tabs-justified-active-link-border-color: $body-bg;
+$nav-tabs-tab-pane-active-background: $color-gray-5;
+//== Pills
+$nav-pills-active-link-hover-bg: $component-active-bg;
+$nav-pills-active-link-hover-color: $component-active-color;
+// Spinner
+$spinner-loader-color: $color-gray-40;
+// Login
+$login-form-bg: #0F7A65;
+// NVD3 Charts
+$nvd3-box-shadow: $component-active-box-shadow;
+$nvd3-border-radius: $global-radius;
+$nvd3-font-family: $font-family-base;
+$nvd3-font-size-base: $font-size-base;
+$nvd3-text-color: $text-color;
+$nvd3-text-color-fill: $nvd3-text-color;
+$nvd3-text-color-stroke: $nvd3-text-color;
+$nvd3-background-fill: $body-bg;
+$nvd3-background-fill-opacity: 0;
+$nvd3-nv-brush-resize-fill: $color-gray-5;
+$nvd3-nv-brush-resize-stroke: $color-gray-40;
+$nvd3-nv-brush-background-stroke: $color-base-black;
+$nvd3-nv-brush-background-fill: $color-base-white;
+$nvd3-axis-path-stroke: $color-base-black;
+$nvd3-axis-line: rgba($color-gray-10, 0.6);
+// NVD3 Controls
+$nvd3-controls-fill: $color-base-black;
+// NVD3 Transitions
+$nvd3-transition-duration-default: 250ms;
+$nvd3-transition-duration-short: 50ms;
+$nvd3-transition-function-default: linear;
+$nvd3-transition-delay-default: 200ms;
+$nvd3-transition-default: $nvd3-transition-duration-default $nvd3-transition-function-default;
+// Bars
+$nvd3-bars-react-hover: $ids-theme-primary;
+// Boxplot
+$nvd3-boxplot-median-stroke: $color-base-black;
+// Bullet
+$nvd3-bullet-marker-stroke: $color-base-black;
+$nvd3-bullet-marker-triangle-stroke: $nvd3-bullet-marker-stroke;
+$nvd3-bullet-marker-triangle-fill: $color-base-white;
+$nvd3-bullet-marker-line-stroke: $nvd3-bullet-marker-stroke;
+$nvd3-bullet-tick-line-stroke: $color-gray-40;
+$nvd3-bullet-range-s0-fill: $color-gray-5;
+$nvd3-bullet-range-s1-fill: $color-gray-10;
+$nvd3-bullet-range-s2-fill: $color-gray-20;
+$nvd3-bullet-subtitle-fill: $color-gray-10;
+$nvd3-bullet-range-fill: $color-gray-5;
+// Candlestick Bar
+$nvd3-candlestickbar-tick-positive-rect-stroke: $ids-theme-status-success;
+$nvd3-candlestickbar-tick-positive-rect-fill: $nvd3-candlestickbar-tick-positive-rect-stroke;
+$nvd3-candlestickbar-tick-negative-rect-stroke: $ids-theme-status-error;
+$nvd3-candlestickbar-tick-negative-rect-fill: $nvd3-candlestickbar-tick-negative-rect-stroke;
+$nvd3-candlestickbar-ticks-line-stroke: $color-gray-40;
+// Force Directed Graph
+$nvd3-force-node-stroke: $color-base-white;
+$nvd3-force-link-stroke: $color-gray-20;
+// Lines
+$nvd3-lines-groups-line-fill: none;
+$nvd3-lines-groups-area-stroke: none;
+$nvd3-lines-point-paths-stroke: $color-gray-10;
+$nvd3-lines-point-paths-fill: $color-gray-5;
+// OHLC
+$nvd3-ohlcbar-tick-positive-stroke: $ids-theme-status-success;
+$nvd3-ohlcbar-tick-negative-stroke: $ids-theme-status-error;
+// Parallel Coordinates
+$nvd3-background-path-fill: none;
+$nvd3-background-path-stroke: $color-gray-5;
+$nvd3-foreground-path-fill: none;
+$nvd3-parallelcoordinates-brush-extent-fill: $color-base-white;
+$nvd3-parallelcoordinates-brush-extent-stroke: $color-gray-40;
+$nvd3-missingvaluesline-line-fill: none;
+$nvd3-missingvaluesline-line-stroke: $color-base-black;
+// Pie
+$nvd3-pie-title-font-size: $inuit-font-size-h3;
+$nvd3-pie-title-fill: $ids-theme-primary;
+$nvd3-pie-slice-text-stroke: $color-base-black;
+$nvd3-pie-path: $color-base-white;
+// Sparkline
+$nvd3-sparkline-path-fill: none;
+$nvd3-sparklineplus-hovervalue-stroke: $color-gray-80;
+$nvd3-sparklineplus-yvalue-stroke: lighten($ids-theme-status-error, 20%);
+$nvd3-sparklineplus-maxvalue-stroke: $ids-theme-status-success;
+$nvd3-sparklineplus-maxvalue-fill: $ids-theme-status-success;
+$nvd3-sparklineplus-minvalue-stroke: $ids-theme-status-error;
+$nvd3-sparklineplus-minvalue-fill: $ids-theme-status-error;
+$nvd3-sparklineplus-currentvalue-font-size: $inuit-font-size-large;
+// NVD3 Tooltip
+$nvd3-tooltip-zindex: $zindex-tooltip;
+$nvd3-tooltip-font-size: $inuit-font-size-small;
+$nvd3-tooltip-background: $body-bg;
+$nvd3-tooltip-border: $text-color;
+$nvd3-tooltip-color: $text-color;
+$nvd3-tooltip-x-y-tooltip-padding: $unit-small;
+$nvd3-tooltip-xy-tooltip-background: $nvd3-tooltip-background;
+$nvd3-tooltip-h3-background: $body-bg;
+$nvd3-tooltip-h3-color: $text-color;
+$nvd3-tooltip-h3-border-bottom-color: $nvd3-tooltip-h3-background;
+$nvd3-tooltip-table-percent: $color-gray-35;
+$nvd3-tooltip-table-legend-color-guide-border: $color-gray-40;
+$nvd3-guideline-stroke: $color-gray-40;
+$nvd3-color-1: #007A4B;
+$nvd3-color-2: #3477DB;
+$nvd3-color-3: #D252B2;
+$nvd3-color-4: #708090;
+$nvd3-color-5: #AF851A;
+$nvd3-color-6: #BB671C;
+$nvd3-color-7: #E00000;
+$nvd3-color-8: #005031;
+$nvd3-color-9: #34415E;
+$nvd3-color-10: #58007E;
+$nvd3-color-11: #2E343B;
+// Logout
+$logout-link-color: $dropdown-link-color;
+// PrimeNG tables
+// $pm-table-padding-vertical: $unit-tiny;
+// $pm-table-padding-horizontal: $unit-small;
+$pm-table-head-background: rgba($color-base-white, 0.1);
+$pm-table-head-border: rgba($color-base-black, 0.5);
+// PrimeNG treetables
+$pm-treetable-head-background: rgba($color-base-white, 0.1);
+$pm-treetable-head-border: rgba($color-base-black, 0.5);
+// PrimeNG multiselect
+$pm-multiselect-panel-background: $color-gray-90;
+//$theme-light-class: ".theme-light";
+// NGX-Bootstrap datepicker
+$bs-datepicker-main-bg: $color-gray-90;
+$bs-datepicker-custom-range-bg: $color-gray-80;
+$bs-datepicker-main-box-shadow: $component-active-box-shadow;
+$bs-datepicker-font-color-01: $body-color;
+$bs-datepicker-font-color-02: rgba($body-color, 0.8);
+$bs-datepicker-font-color-03: $body-color;
+$bs-datepicker-font-color-hover: $color-base-black;
+$bs-datepicker-font-color-secondary: rgba($body-color, 0.5);
+$bs-datepicker-font-color-is-other-month: rgba($body-color, 0.25);
+$bs-datepicker-font-color-selected: rgba($body-color, 0.5);
+//$bs-datepicker-font-color-disabled: rgba($color-base-black, 0.25);
+$bs-datepicker-border-color: $dropdown-border;
+$bs-datepicker-highlighted-color: $color-base-white;
+$bs-datepicker-highlighted-background: rgba($color-gray-80, 0.5);
+$bs-datepicker-btn-bg: #152969;
+$bs-datepicker-btn-bg-hover: #0b1535;
+$bs-datepicker-btn-bg2: #9aaec1;
+$bs-datepicker-btn-bg2-hover: #54708b;
+$bs-datepicker-disabled-background: rgba(221, 221, 221, 0.3);
+$bs-datepicker-disabled-color: rgba($color-base-white, 0.6);
+$bs-datepicker-selected-background: $ids-theme-primary;
+$bs-datepicker-selected-color: $color-base-black;
+// Datatime Picker
+$owl-dt-timer-input-border: 1px solid rgba($color-base-black, .1);
+$owl-dt-container-bg: $color-gray-35;
+$owl-theme-color: $ids-theme-primary;
+$owl-dt-calendar-cell-selected-color: rgba($color-base-white, .85);
+// Map
+$map-tooolbar-bg: $color-gray-90;
+.#{$theme-name} {
+  --selected-element-background: rgba(0, 0, 0, .1);
+  --element-background: #01165A;
+  --main-background: var(--ids-theme-panel-body-dashboard-bg);
+  --input-background: var(--ids-theme-panel-bg);
+  --input-border: 1px solid #888;
+  --body-background: radial-gradient(50% 50% at 50% 50%, #01165A 0%, #010C2E 100%);
+  --card-background: var(--ids-theme-panel-bg);
+  --card-background-selected: rgba(0, 0, 0, 0.2);
+  --contrast-text-color: #fff;
+  --muffled-text-color: #b3b3b3;
+  --text-color: #fff;
+  @import "./settings/loader.settings";
+  //@import "./patchPrimeng/loader.components.primeng";
+  @import "patchPrimeng/loader.components.primeng.theme-blue";
+  .c-main-menu__sub-menu-item-a {
+    color: $color-base-white;
+    &:focus,
+    &:hover,
+    &:active,
+    &:hover:focus {
+      color: var(--ids-theme-secondary);
+    }
+  }
+  .dashboard-item,
+  .c-panel_lighter,
+  .report-data {
+    border-top: 1px solid;
+    border-image: linear-gradient(90deg, #113791 0%, #050F38 100%) 1 / 2px 0px 0px;
+  }
+  .c-login__form {
+    background: rgba(17, 55, 145, 0.75);
+    .c-label,
+    .c-input,
+    .c-dropdown-menu__content,
+    fieldset legend,
+    .c-checkbox {
+      color: #fff;
+    }
+    .c-dropdown-menu__listitem > .c-dropdown-menu__content {
+      color: #fff;
+    }
+    a {
+      color: #fff;
+    }
+    .u-text_muted {
+      color: #fff !important;
+      opacity: 0.7;
+    }
+    .c-checkbox__input {
+      + .c-checkbox__icon {
+        &::before,
+        &::after {
+          border: 2px solid $color-base-white;
+        }
+        &::after {
+          background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDI0IDI0Ij4KPCEtLUdlbmVyYXRvcjogU2tldGNoIDQ1LjIgKDQzNTE0KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaC0tPgogIDx0aXRsZT4KICAgIEljb24vY2hlY2tib3hfb24KICA8L3RpdGxlPgogIDxkZXNjPgogICAgQ3JlYXRlZCB3aXRoIFNrZXRjaC4KICA8L2Rlc2M+CiAgPGRlZnM+CiAgICA8cGF0aCBpZD0iY2hlY2tib3hfb24tYSIgZD0iTTIsMy45OTA3OTUxNCBDMiwyLjg5MTMwOTM0IDIuODk4MjEyMzgsMiAzLjk5MDc5NTE0LDIgTDIwLjAwOTIwNDksMiBDMjEuMTA4NjkwNywyIDIyLDIuODk4MjEyMzggMjIsMy45OTA3OTUxNCBMMjIsMjAuMDA5MjA0OSBDMjIsMjEuMTA4NjkwNyAyMS4xMDE3ODc2LDIyIDIwLjAwOTIwNDksMjIgTDMuOTkwNzk1MTQsMjIgQzIuODkxMzA5MzQsMjIgMiwyMS4xMDE3ODc2IDIsMjAuMDA5MjA0OSBMMiwzLjk5MDc5NTE0IFogTTkuMzAyNzcxMjYsMTcuOTI0NzczMyBMMTguODA4LDcuNDY5MTk2MzYgTDE3LjE5MjkzMjIsNiBMOS4yMjg1MjUzLDE0Ljc2MTg5NTcgTDYuNTQzNDQyMzEsMTIuMDc2ODEyOCBMNSwxMy42MjExMjg1IEw5LjMwMjc3MTI2LDE3LjkyNDc3MzMgWiIvPgogIDwvZGVmcz4KICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIj4KICAgIDxyZWN0IHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgeD0iMiIgeT0iMiIvPgogICAgPG1hc2sgaWQ9ImNoZWNrYm94X29uLWIiIGZpbGw9IiNmZmYiPgogICAgICA8dXNlIHhsaW5rOmhyZWY9IiNjaGVja2JveF9vbi1hIi8+CiAgICA8L21hc2s+CiAgICA8Zy8+CiAgICA8ZyBmaWxsPSIjNzhGNEZGIiBtYXNrPSJ1cmwoI2NoZWNrYm94X29uLWIpIj4KICAgICAgPHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB4PSIwIiB5PSIwIi8+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4K');
+          border: none;
+        }
+      }
+    }
+  }
+  .c-footer {
+    background: rgba(#152969, 0.75);
+    h1, h2, h3, h4, h5, h6, a, p {
+      color: #fff;
+    }
+  }
+  .c-checkbox_switch .c-checkbox__input:checked+.c-checkbox__icon::before {
+    //background: rgba(var(--ids-theme-primary-rgb), 0.5);
+    //border: 2px solid #fff;
+  }
+  .p-checkbox .p-checkbox-box .p-checkbox-icon.pi-check::after {
+    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDI0IDI0Ij4KPCEtLUdlbmVyYXRvcjogU2tldGNoIDQ1LjIgKDQzNTE0KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaC0tPgogIDx0aXRsZT4KICAgIEljb24vY2hlY2tib3hfb24KICA8L3RpdGxlPgogIDxkZXNjPgogICAgQ3JlYXRlZCB3aXRoIFNrZXRjaC4KICA8L2Rlc2M+CiAgPGRlZnM+CiAgICA8cGF0aCBpZD0iY2hlY2tib3hfb24tYSIgZD0iTTIsMy45OTA3OTUxNCBDMiwyLjg5MTMwOTM0IDIuODk4MjEyMzgsMiAzLjk5MDc5NTE0LDIgTDIwLjAwOTIwNDksMiBDMjEuMTA4NjkwNywyIDIyLDIuODk4MjEyMzggMjIsMy45OTA3OTUxNCBMMjIsMjAuMDA5MjA0OSBDMjIsMjEuMTA4NjkwNyAyMS4xMDE3ODc2LDIyIDIwLjAwOTIwNDksMjIgTDMuOTkwNzk1MTQsMjIgQzIuODkxMzA5MzQsMjIgMiwyMS4xMDE3ODc2IDIsMjAuMDA5MjA0OSBMMiwzLjk5MDc5NTE0IFogTTkuMzAyNzcxMjYsMTcuOTI0NzczMyBMMTguODA4LDcuNDY5MTk2MzYgTDE3LjE5MjkzMjIsNiBMOS4yMjg1MjUzLDE0Ljc2MTg5NTcgTDYuNTQzNDQyMzEsMTIuMDc2ODEyOCBMNSwxMy42MjExMjg1IEw5LjMwMjc3MTI2LDE3LjkyNDc3MzMgWiIvPgogIDwvZGVmcz4KICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIj4KICAgIDxyZWN0IHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgeD0iMiIgeT0iMiIvPgogICAgPG1hc2sgaWQ9ImNoZWNrYm94X29uLWIiIGZpbGw9IiNmZmYiPgogICAgICA8dXNlIHhsaW5rOmhyZWY9IiNjaGVja2JveF9vbi1hIi8+CiAgICA8L21hc2s+CiAgICA8Zy8+CiAgICA8ZyBmaWxsPSIjNzhGNEZGIiBtYXNrPSJ1cmwoI2NoZWNrYm94X29uLWIpIj4KICAgICAgPHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB4PSIwIiB5PSIwIi8+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4K');
+    border: none;
+  }
+  .p-checkbox .p-checkbox-box .p-checkbox-icon.pi-minus::after {
+    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDI0IDI0Ij4gIDxkZWZzPiAgICA8cGF0aCBpZD0iY2hlY2tib3hfaW5kZXRlcm1pbmF0ZS1jb3B5Mi1hIiBkPSJNMiwyLjgzMzMzMzMzIEMyLDIuMzczMDk2MDQgMi4zNzMwOTYwNCwyIDIuODMzMzMzMzMsMiBMMjEuMTY2NjY2NywyIEMyMS42MjY5MDQsMiAyMiwyLjM3MzA5NjA0IDIyLDIuODMzMzMzMzMgTDIyLDIxLjE2NjY2NjcgQzIyLDIxLjYyNjkwNCAyMS42MjY5MDQsMjIgMjEuMTY2NjY2NywyMiBMMi44MzMzMzMzMywyMiBDMi4zNzMwOTYwNCwyMiAyLDIxLjYyNjkwNCAyLDIxLjE2NjY2NjcgTDIsMi44MzMzMzMzMyBaIE0xNiwxMyBDMTYuNTUyMjg0NywxMyAxNywxMi41NTIyODQ3IDE3LDEyIEMxNywxMS40NDc3MTUzIDE2LjU1MjI4NDcsMTEgMTYsMTEgTDgsMTEgQzcuNDQ3NzE1MjUsMTEgNywxMS40NDc3MTUzIDcsMTIgQzcsMTIuNTUyMjg0NyA3LjQ0NzcxNTI1LDEzIDgsMTMgTDE2LDEzIFoiLz4gIDwvZGVmcz4gIDx1c2UgZmlsbD0iIzc4RjRGRiIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgeGxpbms6aHJlZj0iI2NoZWNrYm94X2luZGV0ZXJtaW5hdGUtY29weTItYSIvPjwvc3ZnPg==');
+    opacity: 1;
+  }
+  .c-particles {
+    display: none;
+  }
+  .c-star-icon {
+    color: #fff;
+  }
+  .c-star-icon_selected {
+    color: #fff899;
+  }
+}
+// styles for elements whitch are neighbor to body
+.#{$theme-name} + {
+  // SEM-1329 @import "../../../../../src/app/AngularJS/common/charts-nvd3/tooltip/components.tooltip.themes";
+}