* {
--icon-check-green: url('#assets/images/hive-images/small-icons/CheckGreen.svg');
--icon-commissioning: url('#assets/images/hive-images/small-icons/Commissioning.svg');
--icon-caution: url('#assets/images/hive-images/small-icons/Caution.svg');
--icon-high-priority: url('#assets/images/hive-images/small-icons/HighPriority.svg');
/* Math */
--icon-property: url('#assets/images/hive-images/small-icons//math/p-symbol.svg');
/* Quanta */
--icon-quanta-fluid: url('#assets/images/hive-images/small-icons/connection_node_icons/liquid.svg');
--icon-quanta-thermal: url('#assets/images/hive-images/small-icons/connection_node_icons/Conduction.svg');
--icon-quanta-mechanical: url('#assets/images/hive-images/small-icons/connection_node_icons/Mechanical.svg');
--icon-quanta-fuel: url('#assets/images/hive-images/small-icons/connection_node_icons/Fuels.svg');
--icon-quanta-control: url('#assets/images/hive-images/small-icons/connection_node_icons/controls.svg');
--icon-quanta-data: url('#assets/images/hive-images/small-icons/connection_node_icons/Data.svg');
/* Quanta Color */
--icon-quanta-fluid-color: url('#assets/images/quanta_icons/FluidColor.svg');
--icon-quanta-thermal-color: url('#assets/images/quanta_icons/ThermalColor.svg');
--icon-quanta-mechanical-color: url('#assets/images/quanta_icons/MechanicalColor.svg');
--icon-quanta-fuel-color: url('#assets/images/quanta_icons/FuelColor.svg');
--icon-quanta-control-color: url('#assets/images/quanta_icons/ControlColor.svg');
--icon-quanta-data-color: url('#assets/images/quanta_icons/DataColor.svg');
/* Actor Type Color */
--icon-actor-branch-color: url('#assets/images/actor_icons/BranchColor.svg');
--icon-actor-consumer-color: url('#assets/images/actor_icons/ConsumerColor.svg');
--icon-actor-mixer-color: url('#assets/images/actor_icons/MixerColor.svg');
--icon-actor-path-color: url('#assets/images/actor_icons/PathColor.svg');
--icon-actor-producer-color: url('#assets/images/actor_icons/ProducerColor.svg');
--icon-actor-router-color: url('#assets/images/actor_icons/RouterColor.svg');
--icon-actor-store-color: url('#assets/images/actor_icons/StoreColor.svg');
--icon-actor-transformer-color: url('#assets/images/actor_icons/TransformerColor.svg');
--icon-actor-transport-color: url('#assets/images/actor_icons/TransportColor.svg');
--icon-actor-separator-color: url('#assets/images/actor_icons/SeparatorColor.svg');
--glyph-auto-layout: url(assets/images/bs-glyph-auto-layout_9f45fdffb31584e06e3f.svg);
/* Actor Type Images (B&W) */
--icon-actor-producer: url('#assets/images/actor_icons/producer.svg');
--icon-actor-consumer: url('#assets/images/actor_icons/consumer.svg');
--icon-actor-store: url('#assets/images/actor_icons/store.svg');
--icon-actor-router: url('#assets/images/actor_icons/router.svg');
--icon-actor-mixer: url('#assets/images/actor_icons/mixer.svg');
--icon-actor-separator: url('#assets/images/actor_icons/separator.svg');
--icon-actor-transport: url('#assets/images/actor_icons/transport.svg');
--icon-actor-transformer: url('#assets/images/actor_icons/transformer.svg');
--icon-actor-branch: url('#assets/images/actor_icons/branch.svg');
--icon-actor-path: url('#assets/images/actor_icons/path.svg');
/* Quanta Type Images (B&W) */
--icon-quanta-fluid-bw: url('#assets/images/actor_icons/fluid.svg');
--icon-quanta-thermal-bw: url('#assets/images/actor_icons/thermal.svg');
--icon-quanta-mechanical-bw: url('#assets/images/actor_icons/mechanical.svg');
--icon-quanta-fuel-bw: url('#assets/images/actor_icons/fuel.svg');
--icon-quanta-control-bw: url('#assets/images/actor_icons/control.svg');
--icon-quanta-data-bw: url('#assets/images/actor_icons/data.svg');
}
* {
/* OG CSS: box-shadow: inset 0.5px 6px 8px 0 rgba(18, 18, 19, 0.35), inset -0.5px -6px 8px 0 rgba(255, 255, 255, 0.51);
DEPRECATED: These values don't match up with original and may be obsolete based on new designs anyway. We need to figure out
correct values for use cases. */
--shadow-b: inset 0.0222rem 0.268rem 0.357rem 0 rgba(18, 18, 19, 0.35), inset -0.0222rem -0.268rem 0.357rem 0 rgba(255, 255, 255, 0.51);
/* box-shadow style for HUD and floorPicker buttons in BS/AS */
--shadow-b-HUD: 1px 1px 5px 1px rgba(0, 0, 0, 0.15);
/* Panel inner edge shadow.
OG CSS: box-shadow: inset 0.5px 4px 8px 0 rgba(18, 18, 19, 0.32), inset -0.5px -4px 8px 0 rgba(255, 255, 255, 0.18); */
/* --shadow-panel: inset 0.0313rem 0.25rem 0.5rem 0 rgba(18, 18, 19, 0.32), inset -0.0313rem -0.25rem 0.5rem 0 rgba(255, 255, 255, 0.18); */
/* OG CSS: box-shadow: inset 0.5px 6px 8px 0 rgba(18, 18, 19, 0.35), inset -0.5px -6px 8px 0 rgba(255, 255, 255, 0.62);*/
--shadow-panel: inset 0.0313rem 0.375rem 0.5rem 0 rgba(18, 18, 19, 0.35), inset -0.0313rem -0.375rem 0.5rem 0 rgba(255, 255, 255, 0.62);
/* The indentation lighting effect for panels which includes the header and panel content/client area only. */
--shadow-panel-scoop: inset 0.0313rem 0.25rem 0.5rem 0 rgba(18, 18, 19, 0.32), inset -0.0313rem -0.25rem 0.5rem 0 rgba(255, 255, 255, 0.18);
/* Header and expander 3D edge profile.
OG CSS: box-shadow: inset -0.1px 2px 1.5px 0 rgba(255, 255, 255, 0.2), inset 0 0 0.3px 0 rgba(82, 82, 82, 0.2), inset 0.1px -2px 1.5px 0 rgba(0, 0, 0, 0.2) */
--shadow-header-profile: inset -0.00625rem 0.125rem 0.0938rem 0 rgba(255, 255, 255, 0.2), inset 0 0 0.0187rem 0 rgba(82, 82, 82, 0.2), inset 0.00625rem -0.125rem 0.0938rem 0 rgba(0, 0, 0, 0.2);
/* Top-level drawer and accordion container inner shadow. OG CSS: box-shadow inset 0.5px 6px 8px 0 rgba(18, 18, 19, 0.35), inset -0.5px -6px 8px 0 rgba(255, 255, 255, 0.62); */
--shadow-drawer-primary: inset 0.0313rem 0.375rem 0.5rem 0 rgba(18, 18, 19, 0.35), inset -0.0313rem -0.375rem 0.5rem 0 rgba(255, 255, 255, 0.62);
/* Nested drawer and drawer content area inner shadow. OG CSS: box-shadow: inset 0 0 6px 0 rgba(18, 18, 19, 0.36); */
--shadow-drawer-secondary: inset 0 0 0.375rem 0 rgba(18, 18, 19, 0.36);
/* Side panel header drop shadow. OG CSS: box-shadow: -6px 0 8px 0 rgba(42, 41, 41, 0.5); */
--shadow-panel-header: -0.375rem 0 0.5rem 0 rgba(42, 41, 41, 0.5);
/* Panel drop shadow. OG CSS: box-shadow: 0 1px 25px 0 rgba(0, 0, 0, 0.3); */
--shadow-panel-drop: 0 0.0625rem 1.56rem 0 rgba(0, 0, 0, 0.3);
}
/* Copyright 2012 Google Inc. All Rights Reserved. */
.google-visualization-tooltip-action:hover {
background-color: #eeeeee;
}
.google-visualization-tooltip {
border: solid 1px #bdbdbd;
border-radius: 2px;
background-color: white;
position: absolute;
box-shadow: 0px 2px 2px 0px rgba(204, 204, 204, 0.6);
font-size: 12px;
padding: 0px;
-moz-box-shadow: 0px 2px 2px 0px rgba(204, 204, 204, 0.6);
-webkit-box-shadow: 0px 2px 2px 0px rgba(204, 204, 204, 0.6);
}
.google-visualization-tooltip-action-list {
list-style-type: none;
margin: 0;
padding: 0.5em 0em 0.5em 0em;
cursor: hand;
}
.google-visualization-tooltip-action {
margin: 0;
cursor: pointer;
padding: 0.5em 2em 0.5em 1em;
}
.google-visualization-tooltip-action:hover {
background-color: #eeeeee;
}
.google-visualization-tooltip-item-list {
list-style-type: none;
margin: 1em 0 1em 0;
padding: 0em;
}
.google-visualization-tooltip-item {
margin: 0.65em 0em 0.65em 0em;
padding: 0em 2em 0em 1em;
}
.google-visualization-tooltip-item-list .google-visualization-tooltip-item:first-child {
margin: 1em 0em 1em 0em;
}
.google-visualization-tooltip-separator {
margin: 0;
padding: 0;
height: 1px;
background-color: #dddddd;
}
.google-visualization-tooltip-square {
display: inline-block;
/* IE does not support inline-block fall back to float left */
float: left\9;
clear: none;
width: 0.5em;
height: 0.5em;
margin: 0.16em 0.7em 0em 0em;
border-bottom: solid 0.1em white;
}
/* javascript/gviz/devel/jsapi/static/util/css/toolbar.css */
.google-visualization-toolbar {
font-size: 100%;
}
.google-visualization-toolbar .google-visualization-toolbar-export-igoogle {
margin-right: 0.1em;
}
.google-visualization-toolbar .google-visualization-toolbar-export-data {
margin-right: 0.1em;
}
.google-visualization-toolbar .google-visualization-toolbar-html-code {
margin-right: 0.1em;
}
.google-visualization-toolbar-html-code-explanation {
font-weight: bold;
}
.google-visualization-toolbar-ok-button {
padding: 2px;
}
.google-visualization-toolbar-triangle {
position: absolute;
right: 0px;
top: 0px;
}
.google-visualization-toolbar-caption-table {
width: 100%;
padding: 0;
margin: 0;
border: 0;
border-collapse: collapse;
}
.google-visualization-toolbar-small-dialog {
width: 500px;
}
.google-visualization-toolbar-big-dialog {
width: 800px;
}
.google-visualization-toolbar-small-dialog,
.google-visualization-toolbar-big-dialog {
position: absolute;
background-color: #c1d9ff;
border: 1px solid #3a5774;
padding: 8px;
}
.google-visualization-toolbar-small-dialog-bg,
.google-visualization-toolbar-big-dialog-bg {
background-color: #ddd;
position: absolute;
top: 0;
left: 0;
}
.google-visualization-toolbar-small-dialog-title,
.google-visualization-toolbar-big-dialog-title {
background-color: #e0edfe;
color: #000;
cursor: pointer;
padding: 8px;
position: relative;
font-size: 12pt;
font-weight: bold;
vertical-align: middle;
}
.google-visualization-toolbar-small-dialog-content,
.google-visualization-toolbar-big-dialog-content {
background-color: #fff;
padding: 4px;
font-weight: normal;
overflow: auto;
}
.google-visualization-toolbar-small-dialog-title-close,
.google-visualization-toolbar-big-dialog-title-close {
background: transparent url(assets/images/close_box_8481f4203ad5287863d0.gif) no-repeat scroll center;
height: 15px;
position: absolute;
right: 10px;
top: 8px;
width: 15px;
}
.google-visualization-toolbar-small-dialog-content iframe,
.google-visualization-toolbar-big-dialog-content iframe {
width: 500px;
height: 700px;
border: 1px solid black;
}
/* javascript/closure/css/common.css */
/*
* Copyright 2009 The Closure Library Authors. All Rights Reserved.
*
* Use of this source code is governed by the Apache License, Version 2.0.
* See the COPYING file for details.
*/
/*
* Cross-browser implementation of the "display: inline-block" CSS property.
* See http://www.w3.org/TR/CSS21/visuren.html#propdef-display for details.
* Tested on IE 6 & 7, FF 1.5 & 2.0, Safari 2 & 3, Webkit, and Opera 9.
*
* @author attila@google.com (Attila Bodis)
*/
/*
* Default rule; only Safari, Webkit, and Opera handle it without hacks.
*/
.goog-inline-block {
position: relative;
display: -moz-inline-box;
/* Ignored by FF3 and later. */
display: inline-block;
}
/*
* Pre-IE7 IE hack. On IE, "display: inline-block" only gives the element
* layout, but doesn't give it inline behavior. Subsequently setting display
* to inline does the trick.
*/
* html .goog-inline-block {
display: inline;
}
/*
* IE7-only hack. On IE, "display: inline-block" only gives the element
* layout, but doesn't give it inline behavior. Subsequently setting display
* to inline does the trick.
*/
*:first-child + html .goog-inline-block {
display: inline;
}
/* javascript/closure/css/menu.css */
/*
* Copyright 2009 The Closure Library Authors. All Rights Reserved.
*
* Use of this source code is governed by the Apache License, Version 2.0.
* See the COPYING file for details.
*/
/*
* Standard styling for menus created by goog.ui.MenuRenderer.
*
* @author attila@google.com (Attila Bodis)
*/
.goog-menu {
background: #fff;
border-color: #ccc #666 #666 #ccc;
border-style: solid;
border-width: 1px;
cursor: default;
font: normal 13px Arial, sans-serif;
margin: 0;
outline: none;
padding: 4px 0;
position: absolute;
z-index: 20000;
/* Arbitrary, but some apps depend on it... */
}
/* javascript/closure/css/menubutton.css */
/*
* Copyright 2009 The Closure Library Authors. All Rights Reserved.
*
* Use of this source code is governed by the Apache License, Version 2.0.
* See the COPYING file for details.
*/
/*
* Standard styling for buttons created by goog.ui.MenuButtonRenderer.
*
* @author attila@google.com (Attila Bodis)
*/
/* State: resting. */
.goog-menu-button {
/* Client apps may override the URL at which they serve the image. */
background: #ddd url('//ssl.gstatic.com/editor/button-bg.png') repeat-x top left;
border: 0;
color: #000;
cursor: pointer;
list-style: none;
margin: 2px;
outline: none;
padding: 0;
text-decoration: none;
vertical-align: middle;
}
/* Pseudo-rounded corners. */
.goog-menu-button-outer-box,
.goog-menu-button-inner-box {
border-style: solid;
border-color: #aaa;
vertical-align: top;
}
.goog-menu-button-outer-box {
margin: 0;
border-width: 1px 0;
padding: 0;
}
.goog-menu-button-inner-box {
margin: 0 -1px;
border-width: 0 1px;
padding: 3px 4px;
}
/* Pre-IE7 IE hack; ignored by IE7 and all non-IE browsers. */
* html .goog-menu-button-inner-box {
/* IE6 needs to have the box shifted to make the borders line up. */
left: -1px;
}
/* Pre-IE7 BiDi fixes. */
* html .goog-menu-button-rtl .goog-menu-button-outer-box {
/* @noflip */
left: -1px;
/* @noflip */
right: auto;
}
* html .goog-menu-button-rtl .goog-menu-button-inner-box {
/* @noflip */
right: auto;
}
/* IE7-only hack; ignored by all other browsers. */
*:first-child + html .goog-menu-button-inner-box {
/* IE7 needs to have the box shifted to make the borders line up. */
left: -1px;
}
/* IE7 BiDi fix. */
*:first-child + html .goog-menu-button-rtl .goog-menu-button-inner-box {
/* @noflip */
left: 1px;
/* @noflip */
right: auto;
}
/* Safari-only hacks. */
::root .goog-menu-button,
::root .goog-menu-button-outer-box,
::root .goog-menu-button-inner-box {
/* Required to make pseudo-rounded corners work on Safari. */
line-height: 0;
}
::root .goog-menu-button-caption,
::root .goog-menu-button-dropdown {
/* Required to make pseudo-rounded corners work on Safari. */
line-height: normal;
}
/* State: disabled. */
.goog-menu-button-disabled {
background-image: none !important;
opacity: 0.3;
-moz-opacity: 0.3;
filter: alpha(opacity=30);
}
.goog-menu-button-disabled .goog-menu-button-outer-box,
.goog-menu-button-disabled .goog-menu-button-inner-box,
.goog-menu-button-disabled .goog-menu-button-caption,
.goog-menu-button-disabled .goog-menu-button-dropdown {
color: #333 !important;
border-color: #999 !important;
}
/* Pre-IE7 IE hack; ignored by IE7 and all non-IE browsers. */
* html .goog-menu-button-disabled {
margin: 2px 1px !important;
padding: 0 1px !important;
}
/* IE7-only hack; ignored by all other browsers. */
*:first-child + html .goog-menu-button-disabled {
margin: 2px 1px !important;
padding: 0 1px !important;
}
/* State: hover. */
.goog-menu-button-hover .goog-menu-button-outer-box,
.goog-menu-button-hover .goog-menu-button-inner-box {
border-color: #9cf #69e #69e #7af !important;
/* Hover border wins. */
}
/* State: active, open. */
.goog-menu-button-active,
.goog-menu-button-open {
background-color: #bbb;
background-position: bottom left;
}
/* State: focused. */
.goog-menu-button-focused .goog-menu-button-outer-box,
.goog-menu-button-focused .goog-menu-button-inner-box {
border-color: orange;
}
/* Caption style. */
.goog-menu-button-caption {
padding: 0 4px 0 0;
vertical-align: top;
}
/* Dropdown arrow style. */
.goog-menu-button-dropdown {
height: 15px;
width: 7px;
/* Client apps may override the URL at which they serve the sprite. */
background: url('//ssl.gstatic.com/editor/editortoolbar.png') no-repeat -388px 0;
vertical-align: top;
}
/* Pill (collapsed border) styles. */
/* TODO(gboyer): Remove specific menu button styles and have any button support being a menu button. */
.goog-menu-button-collapse-right,
.goog-menu-button-collapse-right .goog-menu-button-outer-box,
.goog-menu-button-collapse-right .goog-menu-button-inner-box {
margin-right: 0;
}
.goog-menu-button-collapse-left,
.goog-menu-button-collapse-left .goog-menu-button-outer-box,
.goog-menu-button-collapse-left .goog-menu-button-inner-box {
margin-left: 0;
}
.goog-menu-button-collapse-left .goog-menu-button-inner-box {
border-left: 1px solid #fff;
}
.goog-menu-button-collapse-left.goog-menu-button-checked .goog-menu-button-inner-box {
border-left: 1px solid #ddd;
}
/* javascript/closure/css/menuitem.css */
/*
* Copyright 2009 The Closure Library Authors. All Rights Reserved.
*
* Use of this source code is governed by the Apache License, Version 2.0.
* See the COPYING file for details.
*/
/*
* Standard styling for menus created by goog.ui.MenuItemRenderer.
*
* @author attila@google.com (Attila Bodis)
*/
/**
* State: resting.
*
* NOTE(mleibman,chrishenry):
* The RTL support in Closure is provided via two mechanisms -- "rtl" CSS
* classes and BiDi flipping done by the CSS compiler. Closure supports RTL
* with or without the use of the CSS compiler. In order for them not
* to conflict with each other, the "rtl" CSS classes need to have the @noflip
* annotation. The non-rtl counterparts should ideally have them as well, but,
* since .goog-menuitem existed without .goog-menuitem-rtl for so long before
* being added, there is a risk of people having templates where they are not
* rendering the .goog-menuitem-rtl class when in RTL and instead rely solely
* on the BiDi flipping by the CSS compiler. That's why we're not adding the
* @noflip to .goog-menuitem.
*/
.goog-menuitem {
color: #000;
font: normal 13px Arial, sans-serif;
list-style: none;
margin: 0;
/* 28px on the left for icon or checkbox; 7em on the right for shortcut. */
padding: 4px 7em 4px 28px;
white-space: nowrap;
}
/* BiDi override for the resting state. */
/* @noflip */
.goog-menuitem.goog-menuitem-rtl {
/* Flip left/right padding for BiDi. */
padding-left: 7em;
padding-right: 28px;
}
/* If a menu doesn't have checkable items or items with icons, remove padding. */
.goog-menu-nocheckbox .goog-menuitem,
.goog-menu-noicon .goog-menuitem {
padding-left: 12px;
}
/*
* If a menu doesn't have items with shortcuts, leave just enough room for
* submenu arrows, if they are rendered.
*/
.goog-menu-noaccel .goog-menuitem {
padding-right: 20px;
}
.goog-menuitem-content {
color: #000;
font: normal 13px Arial, sans-serif;
}
/* State: disabled. */
.goog-menuitem-disabled .goog-menuitem-accel,
.goog-menuitem-disabled .goog-menuitem-content {
color: #ccc !important;
}
.goog-menuitem-disabled .goog-menuitem-icon {
opacity: 0.3;
-moz-opacity: 0.3;
filter: alpha(opacity=30);
}
/* State: hover. */
.goog-menuitem-highlight,
.goog-menuitem-hover {
background-color: #d6e9f8;
/* Use an explicit top and bottom border so that the selection is visible
* in high contrast mode. */
border-color: #d6e9f8;
border-style: dotted;
border-width: 1px 0;
padding-bottom: 3px;
padding-top: 3px;
}
/* State: selected/checked. */
.goog-menuitem-checkbox,
.goog-menuitem-icon {
background-repeat: no-repeat;
height: 16px;
left: 6px;
position: absolute;
right: auto;
vertical-align: middle;
width: 16px;
}
/* BiDi override for the selected/checked state. */
/* @noflip */
.goog-menuitem-rtl .goog-menuitem-checkbox,
.goog-menuitem-rtl .goog-menuitem-icon {
/* Flip left/right positioning. */
left: auto;
right: 6px;
}
.goog-option-selected .goog-menuitem-checkbox,
.goog-option-selected .goog-menuitem-icon {
/* Client apps may override the URL at which they serve the sprite. */
background: url('//ssl.gstatic.com/editor/editortoolbar.png') no-repeat -512px 0;
}
/* Keyboard shortcut ("accelerator") style. */
.goog-menuitem-accel {
color: #999;
/* Keyboard shortcuts are untranslated; always left-to-right. */
/* @noflip */
direction: ltr;
left: auto;
padding: 0 6px;
position: absolute;
right: 0;
text-align: right;
}
/* BiDi override for shortcut style. */
/* @noflip */
.goog-menuitem-rtl .goog-menuitem-accel {
/* Flip left/right positioning and text alignment. */
left: 0;
right: auto;
text-align: left;
}
/* Mnemonic styles. */
.goog-menuitem-mnemonic-hint {
text-decoration: underline;
}
.goog-menuitem-mnemonic-separator {
color: #999;
font-size: 12px;
padding-left: 4px;
}
.loading-indicator {
height: 80px;
width: 80px;
/* background: url( '../images/loading.gif' ); */
background-repeat: no-repeat;
background-position: center center;
}
.loading-indicator-overlay {
background-color: #FFFFFF;
opacity: 0.6;
filter: alpha(opacity = 60);
}
body {
font-family: "AvenirNext", sans-serif;
font-size: 14px;
margin: 0;
padding: 0;
overflow: hidden !important;
-webkit-font-smoothing: antialiased;
}
h4 {
margin: 5px 10px;
}
/* flowchart js stylist*/
.controls {
float: left;
}
.close {
float: right;
opacity: 1;
}
#toolbox ul {
float: left;
padding: 0;
margin: 0;
list-style-type: none;
}
#toolbox ul li {
float: left;
width: 85px;
text-align: center;
padding: 10px 5px;
font-size: 12px;
font-weight: bold;
color: #4A4A4A;
}
#toolbox ul li p {
margin: 5px 0 0 0;
height: 20px;
}
#toolbox ul li span {
position: absolute;
margin-left: 10px;
}
/* ------------ EXIT LIST -------------- */
.exit-table table {
margin: 0;
}
.exit-table button {
margin-bottom: 5px;
width: 100px;
font-weight: bold;
}
.exit-table .up-down button {
width: 40px;
margin: 0 10px 5px;
}
#list-status-exit tr.active {
background-color: #5de8e8;
}
#viewport {
float: right;
width: auto;
height: auto;
overflow: auto;
box-shadow: 0px 0px 15px #757575;
position: absolute;
background-color: #ffffff;
}
.label-flow {
margin: 0;
padding: 0;
font-size: 12px;
width: 68px;
display: none;
color: #454545;
text-align: center;
border: none;
}
.table-properties {
width: 100%;
border-collapse: collapse;
background-color: rgba(0, 0, 0, 0.2);
}
.table-properties tr.desc {
height: 75px;
}
.table-properties tr td {
vertical-align: top;
border: 1px solid #757575;
padding: 2px;
}
.table-properties .label {
width: 30%;
padding: 5px;
}
.table-properties .value input {
width: 98%;
}
.table-properties .value textarea {
width: 98%;
height: 85px;
resize: none;
}
.table-variable {
width: 100%;
border-collapse: collapse;
}
.table-variable th {
vertical-align: top;
border: 1px solid #757575;
padding: 2px;
background-color: rgba(0, 0, 0, 0.2);
}
.table-variable td {
vertical-align: top;
border: 1px solid #757575;
padding: 2px;
background-color: rgba(255, 255, 255, 0.2);
}
.table-variable th.var-name {
width: 30%;
}
.table-variable th.var-type {
width: 30%;
}
.table-variable #var-name,
#var-type,
#var-value {
width: 98%;
margin-top: 1px;
}
.ui-menu {
width: 400px;
font-size: 12px;
}
.ui-menu li {
margin-left: 20px;
}
.checkerboard {
background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(0.25, #555), color-stop(0.25, transparent), to(transparent)), -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, #555), color-stop(0.25, transparent), to(transparent)), -webkit-gradient(linear, 0 0, 100% 100%, color-stop(0.75, transparent), color-stop(0.75, #555)), -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.75, transparent), color-stop(0.75, #555));
background-image: -webkit-linear-gradient(45deg, #555 25%, transparent 25%, transparent), -webkit-linear-gradient(-45deg, #555 25%, transparent 25%, transparent), -webkit-linear-gradient(45deg, transparent 75%, #555 75%), -webkit-linear-gradient(-45deg, transparent 75%, #555 75%);
background-image: -moz-linear-gradient(45deg, #555 25%, transparent 25%, transparent), -moz-linear-gradient(-45deg, #555 25%, transparent 25%, transparent), -moz-linear-gradient(45deg, transparent 75%, #555 75%), -moz-linear-gradient(-45deg, transparent 75%, #555 75%);
background-image: -ms-linear-gradient(45deg, #555 25%, transparent 25%, transparent), -ms-linear-gradient(-45deg, #555 25%, transparent 25%, transparent), -ms-linear-gradient(45deg, transparent 75%, #555 75%), -ms-linear-gradient(-45deg, transparent 75%, #555 75%);
background-image: -o-linear-gradient(45deg, #555 25%, transparent 25%, transparent), -o-linear-gradient(-45deg, #555 25%, transparent 25%, transparent), -o-linear-gradient(45deg, transparent 75%, #555 75%), -o-linear-gradient(-45deg, transparent 75%, #555 75%);
background-image: linear-gradient(45deg, #555 25%, transparent 25%, transparent), linear-gradient(-45deg, #555 25%, transparent 25%, transparent), linear-gradient(45deg, transparent 75%, #555 75%), linear-gradient(-45deg, transparent 75%, #555 75%);
background-size: 4px 4px;
}
.mt-14 {
margin-top: 14px !important;
}
/* things we always want */
body {
font-family: 'Helvetica Neue', 'Nimbus Sans L', Arial, sans-serif;
overscroll-behavior-x: none;
/* Prevent 'bouncing' behavior when overs-scrolling, particularly useful for preventing back swipes in Chromium on the Hive*/
}
/* allow hw-accelerated scrolling on platforms that support it */
body.webkitOverflowScrolling {
-webkit-overflow-scrolling: touch;
}
/* for apps */
.enyo-document-fit {
margin: 0;
height: 100%;
/* note: giving html overflow: auto is odd and was only ever done to avoid duplication
however, android 4.04 sometimes does not hide nodes when their display is set to none
if document is overflow auto.
*/
position: relative;
}
.enyo-body-fit {
margin: 0;
height: 100%;
/* helps prevent ios page scroll */
overflow: auto;
position: relative;
}
.enyo-no-touch-action {
-ms-touch-action: none;
}
.enyo-untouchable {
pointer-events: none;
}
.enyo-untouchable > * {
pointer-events: auto;
}
/* user selection */
.enyo-unselectable {
cursor: default;
-ms-user-select: none;
-webkit-user-select: none;
-moz-user-select: -moz-none;
user-select: none;
}
.enyo-selectable {
cursor: auto;
-ms-user-select: element;
-webkit-user-select: text;
-moz-user-select: text;
user-select: text;
}
.enyo-selectable::selection,
.enyo-selectable ::selection {
background: #3297FD;
color: #FFF;
}
/* layout */
body .enyo-fit {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
}
.enyo-clip {
overflow: hidden;
}
.enyo-border-box {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/* compositing */
.enyo-composite {
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
}
.enyo-inline {
display: inline-block;
}
.enyo-positioned {
position: relative;
}
.enyo-fill {
position: relative;
width: 100%;
height: 100%;
}
* {
--quanta-class-fluid-color: #918DAB;
--quanta-class-thermal-color: #C28C94;
--quanta-class-mechanical-color: #BC9663;
--quanta-class-fuel-color: #BBAB5F;
--quanta-class-control-color: #82A46A;
--quanta-class-data-color: #76A19E;
--quanta-class-none-color: #999999;
--fluidColor: #686485;
--thermalColor: #85545b;
--mechanicalColor: #916d40;
--fuelColor: #a6924b;
--controlColor: #627e4e;
--dataColor: #5c8582;
--physicsConstantsColor: #A6924B;
--computedPropertyColor: #6694be;
--list-item-light-odd: #f2f2f2;
--list-item-light-even: #e6e6e6;
--list-item-selected: #f0e5ce;
--quanta-class-white-color: #ffffff;
--color-purple-1: #9596b3;
--color-green-4: #7d9d75;
--color-dusty-rose: #b2848b;
--color-dark-beige: #ab8f6a;
--color-dark-mustard: #a69764;
--color-slate-green: #6f8c69;
--color-steel-blue: #58759e;
--color-grey-blue: #6c9cc9;
--color-mushroom-grey: #9c9999;
--color-property-grey: #949191;
--dark-grey-13: #565656;
--gunmetal: #555656;
--list-item-border: #747474;
--item-light-selected: #f0e9d9;
}
/* 3D drawing tools */
/* Quanta Color */
/* Actor Type Color */
/* App Landing Page */
.behavior-entry {
height: 1.72rem;
width: 100px;
}
.behavior-entry .drag-handel {
display: inline;
float: left;
width: 1.25rem;
height: 100%;
background-image: url(assets/images/sidebar-li_bfd990a84f1d4daea0ae.png);
background-repeat: no-repeat;
background-position: center;
}
.behavior-entry .input-area {
display: inline-flex;
align-items: center;
}
.behavior-entry .label {
width: 4.63rem;
line-height: 1.72rem;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.behavior-entry .input-group {
display: flex;
align-items: center;
align-content: center;
padding-left: 0.313rem;
}
.behavior-entry .input-group__full-width {
width: 4.47rem;
padding-left: 0.313rem;
}
.behavior-entry .input {
width: 4.47rem;
height: 0.938rem;
}
.behavior-entry .input__half {
width: 2.06rem;
height: 0.938rem;
}
.behavior-entry .input-toggle {
width: 2.41rem;
height: 1.03rem;
text-align: center;
}
.behavior-entry .input-column {
display: flex;
flex-direction: column;
align-items: center;
align-content: center;
}
.behavior-entry .colon {
height: 0.938rem;
margin: 0 0.0625rem;
margin-bottom: 0.531rem;
}
.behavior-entry .value-column {
margin: auto;
text-align: center;
}
.behavior-entry .input-label {
font-size: 0.375rem;
line-height: 0.531rem;
}
.behavior-entry .full-width {
width: 200px!important;
}
.behavior-editor {
text-align: center;
background-color: #a0a2a7;
}
.behavior-editor .or-one {
background-color: #ebf1f5;
}
.behavior-editor .or-many {
background-color: #eef0e6;
border-left: solid 0.656rem #9ba85e;
position: relative;
}
.behavior-editor .or-many .label {
width: 4rem;
}
.behavior-editor .or-three {
background-color: #eddede;
border-left: solid 0.656rem #a85e5e;
position: relative;
}
.behavior-editor .or-three .label {
width: 3.41rem;
}
.behavior-editor .or-four {
background-color: #f5f5d6;
border-left: solid 0.656rem #cccc33;
position: relative;
}
.behavior-editor .or-four .label {
width: 3.41rem;
}
.behavior-editor .list {
border-left: solid 0.656rem #5e7ca8;
}
.behavior-editor .group {
background-color: #eef0e6;
}
.behavior-editor .border-bottom {
border-bottom: solid black 0.1px;
}
.behavior-editor .border-left {
border-left: solid black 0.1px;
}
.behavior-editor .insert-transform {
transition: padding 0.15s;
transition-timing-function: linear;
}
.behavior-editor .insert-above {
padding-top: 1.72rem;
}
.behavior-editor .insert-below {
padding-bottom: 1.72rem;
}
.drag-avatar {
width: 12.5rem;
background-color: #ebf1f5;
border: solid 1px black;
}
.drag-avatar .entry .label {
width: 4.06rem;
}
.property-selector {
height: 14.1rem;
}
.property-selector .selector-wrapper {
position: relative;
z-index: 0;
}
.property-selector .new-property .container {
height: 3.13rem;
padding: 0 0.531rem;
display: flex;
align-items: center;
background-color: #e9e9e9;
border-top: solid 3px #5d7ca7;
}
.property-selector .new-property .property-wrapper {
width: 100%;
background-color: #ffffff;
border: solid 1px black;
}
.property-selector .selector {
width: 60%;
}
.property-selector .selector .hive-picker-button {
width: 100%;
min-width: 0px;
}
.property-selector .drag-me {
font-size: 0.469rem;
margin: 0 0 0.313rem 0.531rem;
}
.behavior-selector {
position: relative;
}
.behavior-selector .name {
height: 1.16rem;
line-height: 1.16rem;
padding-left: 0.531rem;
border-bottom: 1px solid #4B6796;
margin: 0;
}
.behavior-selector .selected {
background-color: #c7cff2;
}
.and-boolean,
.or-boolean {
background-color: #fff;
padding: 1px 6px;
margin-top: -0.313rem;
border-radius: 8px;
color: #697d9b;
margin-left: -9px;
-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
transform: rotate(270deg);
-o-transform: rotate(270deg);
-webkit-text-stroke-width: 1px;
font-style: initial;
font-size: 0.438rem;
display: inline-block;
position: absolute;
left: 0;
top: 50%;
min-width: 34px;
}
.or-boolean {
margin-left: -11px;
min-width: 24px;
color: #929b69;
top: 50%;
margin-top: 0px;
cursor: pointer;
-webkit-transform: translateY(-50%) rotate(270deg);
-moz-transform: translateY(-50%) rotate(270deg);
transform: translateY(-50%) rotate(270deg);
-o-transform: translateY(-50%) rotate(270deg);
}
.boolean-no-display {
display: none;
}
.form-commission .leftPanel .ModelEditor {
background-color: #8e8c8c;
}
.form-commission .leftPanel .ModelEditor .removeDrawerMargin {
margin: 0rem 0rem;
}
.form-commission .leftPanel .ModelEditor .centerFooter {
justify-content: center;
}
.form-commission .leftPanel .ModelEditor .drawer-repeater .selected .wrapper {
background-color: #d1daff;
}
.form-commission .leftPanel .SensorList {
background-color: #474747;
}
.form-commission .leftPanel .SensorList .itemWrapper {
background-color: #8e8c8c;
margin-left: 0.313rem;
overflow: scroll;
}
.form-commission .leftPanel .SensorList .item-repeater {
padding-right: 5px;
}
.form-commission .rightPanel {
background-color: #464646;
}
.form-commission .rightPanel .incentives .full-width {
width: 100%;
margin: 0.156rem 0;
}
.form-commission .rightPanel .incentives .half-width {
width: 50%;
margin: 0.156rem 0;
}
.form-commission .rightPanel .incentives .column {
float: left;
}
.form-commission .rightPanel .incentives .inline-column {
display: inline;
padding: 0 0.313rem 0 0;
}
.form-commission .rightPanel .incentives .text-align__center {
text-align: center;
text-transform: capitalize;
}
.form-commission .rightPanel .incentives .center {
display: table;
margin: 0 auto;
}
.form-commission .rightPanel .incentives .flex {
display: flex;
align-items: center;
}
.form-commission .rightPanel .incentives .flex.center {
justify-content: center;
}
.form-commission .rightPanel .incentives .flex.bottom-spacer {
margin-bottom: 0.313rem;
}
.form-commission .rightPanel .incentives .divider {
display: block;
height: 1px;
margin: 0.625rem 0.938rem;
border-top: 2px solid #0a0a0a;
}
.form-commission .rightPanel .incentives .section-spacer {
margin-top: 0.938rem;
}
.form-commission .rightPanel .incentives .validate-image {
height: 1.56rem;
width: 1.56rem;
margin: 0 0.313rem 0 0.938rem;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.form-commission .rightPanel .incentives .validate-image.status-validation {
background-image: url(assets/images/Commissioning_eda4340ef933d41a12e6.svg);
animation: spin 1s infinite linear;
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.form-commission .rightPanel .incentives .validate-image.status-good {
background-image: url(assets/images/CheckGreen_e903102bfe9dbc06ec97.svg);
}
.form-commission .rightPanel .incentives .logo {
max-width: 90%;
margin: 0 0.625rem;
}
.form-commission .rightPanel .incentives .incentive-group {
margin: 0.625rem 0 0 4.69rem;
}
.form-commission .rightPanel .incentives .incentive-group .dollar-image {
height: 1.56rem;
width: 1.56rem;
margin: 0.313rem 0.313rem 0 0;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
background-image: url(assets/images/DollarGreen_fc3dcc2e579d92b07243.svg);
}
.form-commission .rightPanel .incentives .incentive-group .incentive-value {
margin: 0.313rem 0 0 0;
}
.form-commission .rightPanel .incentives .pad-rigt {
margin-right: 1rem;
}
.form-commission .rightPanel .startCycleButton {
display: flex;
justify-content: center;
margin: 0.313rem 0.625rem 0.625rem 0.625rem;
}
.form-commission .rightPanel .centerChart {
display: flex;
text-align: center;
justify-content: center;
padding: 0.938rem;
width: 350px;
height: 175px;
}
#application_mainView_BuilderPanel_routerPages_Commission_middle_SVG_Main {
z-index: -1;
}
.graph-dashboard .left > div {
overflow-y: scroll;
width: 277px;
background-color: #808080;
}
.graph-dashboard .left .background-color {
height: 100% !important;
background-color: #808080;
}
.graph-dashboard .left .fit-drawer {
height: 100%;
min-height: 100%;
margin-top: 2.7%;
width: inherit !important;
margin-right: 0.313rem;
}
.graph-dashboard .left .variable-sub-repeater .repeater {
background-color: white;
}
.graph-dashboard .left .variable-sub-repeater .repeater.event-drawer {
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15);
overflow: unset !important;
border-bottom-left-radius: 19px;
height: fit-content;
margin-left: 15%;
background-color: unset;
background: unset;
}
.graph-dashboard .left .variable-sub-repeater.selected {
margin: 0 0 -0.656rem 0;
background-color: unset;
}
.graph-dashboard .left .variable-sub-repeater.showing {
height: 0px !important;
overflow: hidden;
}
.graph-dashboard .left .variable-sub-repeater.showing .position-top {
top: -0.469rem;
width: 100%;
position: absolute;
}
.graph-dashboard .left .variable-repeater {
padding: 0 0 0 0.156rem;
overflow: visible;
}
.graph-dashboard .left .variable-repeater .position-top {
transition: 1.3s;
-webkit-transition: 1.3s;
-moz-transition: 1.3s;
top: -0.469rem;
position: absolute;
}
.graph-dashboard .left .variable-repeater .enyo-data-repeater-container .selected {
background-color: unset !important;
}
.graph-dashboard .left .variable-list-item {
mix-blend-mode: hard-light;
border-radius: 20px;
box-shadow: inset -0.1px 1px 1px 0 rgba(0, 0, 0, 0.7), inset 0.1px -1px 1px 0 rgba(255, 255, 255, 0.4);
background-color: #666;
min-height: 1.75rem;
width: 265px;
margin-left: 0.563rem;
border-top-left-radius: 18.5px;
border-bottom-left-radius: 18.5px;
}
.graph-dashboard .left .variable-list-item .variable-container {
width: 100%;
}
.graph-dashboard .left .variable-list-item.background-color {
background-color: #666;
}
.graph-dashboard .left .variable-list-item.dark {
background-color: #d8d8dc;
background-color: rgba(216, 216, 220, 0.6);
}
.graph-dashboard .left .variable-list-item.light {
background-color: #ffffff;
}
.graph-dashboard .left .variable-list-item.detail {
height: 3.19rem;
max-height: 3.19rem;
border-bottom-left-radius: 18.5px;
}
.graph-dashboard .left .variable-list-item.variable-border {
mix-blend-mode: hard-light;
border-radius: 20px;
box-shadow: inset -0.1px 1px 1px 0 rgba(0, 0, 0, 0.7), inset 0.1px -1px 1px 0 rgba(255, 255, 255, 0.4);
background-color: #666;
}
.graph-dashboard .left .variable-list-item.variable-color {
background-color: #d8d8dc !important;
}
.graph-dashboard .left .variable-list-item.event .name-wrapper .editable-text .text {
margin: unset;
}
.graph-dashboard .left .variable-list-item .name-wrapper {
padding-left: 1.56rem;
height: 100%;
display: block;
bottom: 0px;
text-align: right;
}
.graph-dashboard .left .variable-list-item .name-wrapper .editable-text {
justify-content: right;
align-items: center;
display: flex;
overflow: hidden;
height: 100%;
padding-right: 1.09rem;
text-align: right;
}
.graph-dashboard .left .variable-list-item .name-wrapper .editable-text .text {
font-size: 0.859rem;
font-weight: bold;
font-stretch: 85%;
font-style: normal;
font-variation-settings: normal;
line-height: normal;
letter-spacing: normal;
color: #cdcdcd;
text-transform: capitalize;
margin-right: 1.56rem;
}
.graph-dashboard .left .variable-list-item .name-wrapper.event {
width: 154px !important;
margin-right: 0.469rem;
}
.graph-dashboard .left .variable-list-item .name-wrapper.event .left-text {
text-align: right;
margin-left: auto;
text-transform: capitalize;
}
.graph-dashboard .left .variable-list-item .readout-wrapper {
height: 1.28rem;
border-radius: 50%;
width: 1.28rem;
z-index: 2;
position: absolute;
margin: auto;
bottom: 0px;
top: 0px;
text-align: center;
right: 0px;
padding-bottom: 0.0313rem;
}
.graph-dashboard .left .variable-list-item .readout-wrapper.large {
height: 1.44rem;
width: 1.44rem;
min-width: 1.44rem;
min-height: 1.44rem;
margin-left: 0.156rem;
}
.graph-dashboard .left .variable-list-item .readout-wrapper .large {
height: 1.44rem;
width: 1.44rem;
min-width: 1.44rem;
min-height: 1.44rem;
margin-left: 0.156rem;
}
.graph-dashboard .left .variable-list-item .readout-wrapper.events {
height: 35px;
width: 35px;
border-radius: 50%;
overflow: visible;
display: inline-grid;
align-items: center;
align-content: center;
}
.graph-dashboard .left .variable-list-item .readout-wrapper.events.background {
position: absolute;
right: 0px;
opacity: 0;
z-index: 1;
}
.graph-dashboard .left .variable-list-item .readout-wrapper.events.background.background-glow {
opacity: unset;
background: #4c8faf !important;
height: 20px;
width: 20px;
z-index: 1;
margin-right: 0.156rem;
filter: blur(0.188rem);
transition: all 0.5s ease-in-out;
}
.graph-dashboard .left .variable-list-item .readout-wrapper.events.background {
position: absolute;
right: 0px;
opacity: 0;
z-index: 1;
}
.graph-dashboard .left .variable-list-item .readout-wrapper.events.background.background-glow {
opacity: unset;
background: #4c8faf !important;
z-index: 1;
filter: blur(0.188rem);
transition: all 0.5s ease-in-out;
}
.graph-dashboard .left .variable-list-item .readout-wrapper.background {
position: absolute;
right: 0px;
opacity: 0;
z-index: 1;
}
.graph-dashboard .left .variable-list-item .readout-wrapper.background.background-glow {
opacity: unset;
background: #4c8faf !important;
z-index: 1;
filter: blur(0.188rem);
transition: all 0.5s ease-in-out;
}
.graph-dashboard .left .variable-list-item .readout-wrapper-standard {
height: 26px;
width: 26px;
border-radius: 50%;
}
.graph-dashboard .left .variable-list-item .variable .value {
color: #ffffff;
font-size: 0.531rem;
color: rgba(255, 255, 255, 0.79);
}
.graph-dashboard .left .variable-list-item .variable .unit {
color: #ffffff;
}
.graph-dashboard .left .variable-list-item .small-text.editable-text {
overflow: hidden;
justify-content: right;
margin-right: 0.938rem;
}
.graph-dashboard .left .variable-list-item .small-text.editable-text .text {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-size: 0.531rem;
}
.graph-dashboard .left .variable-list-item .small-text.editable-text .text.center {
text-align: center;
width: 100%;
height: 100%;
}
.graph-dashboard .left .variable-list-item .small-text.editable-text .text-field {
height: 75% !important;
max-height: 1.56rem;
max-width: 100%;
text-align: right;
}
.graph-dashboard .left .variable-list-item .small-text.editable-text.center {
width: 100%;
height: 100%;
}
.graph-dashboard .left .sub-variable-list-item {
height: 1.09rem;
}
.graph-dashboard .left .sub-variable-list-item .readout-wrapper {
height: 1.41rem;
width: 1.41rem;
}
.graph-dashboard .left .sub-variable-list-standard {
border: unset !important;
height: 23.5px;
min-height: 23.5px;
max-height: 23.5px;
margin: unset;
border-radius: unset;
box-shadow: unset;
width: 100%;
}
.graph-dashboard .left .sub-variable-list-standard.light {
background-color: #ffffff !important;
}
.graph-dashboard .left .sub-variable-list-standard.detail {
height: 48px;
max-height: 48px;
border-bottom-left-radius: 18.5px;
}
.graph-dashboard .left .sub-variable-list-standard.dark {
background-color: #e6e6e8 !important;
}
.graph-dashboard .left .sub-variable-list-standard.largeDetail {
height: 2.78rem;
}
.graph-dashboard .left .sub-variable-list-standard .largeDetail {
height: 2.78rem;
}
.graph-dashboard .left .sub-variable-list-standard .readout-wrapper.background {
position: absolute;
right: 0px;
opacity: 0;
z-index: 1;
}
.graph-dashboard .left .sub-variable-list-standard .readout-wrapper.background.background-glow {
opacity: unset;
background: #4c8faf !important;
height: 20px;
width: 20px;
z-index: 1;
margin-right: 0.156rem;
filter: blur(0.188rem);
transition: all 0.5s ease-in-out;
}
.graph-dashboard .left.large {
height: 1.22rem;
min-height: 1.22rem;
}
.graph-dashboard .left.largeDetail {
height: 2.78rem;
}
.graph-dashboard .left .sub-variable-round {
border-bottom-left-radius: 0.625rem;
height: 61px;
min-height: 61px;
max-height: 61px;
}
.graph-dashboard .left .background-color-white {
background-color: white;
height: 0.0625rem;
min-height: 0.0313rem;
max-height: 0.0625rem;
}
.graph-dashboard .left .background-color-white.start {
margin: unset;
margin-left: 15%;
}
.graph-dashboard .left .background-color-white.large {
height: 0.0469rem;
min-height: 0.0313rem;
max-height: 0.0625rem;
}
.graph-dashboard .left .background-color-white .large {
height: 0.0469rem;
min-height: 0.0313rem;
max-height: 0.0625rem;
}
.graph-dashboard .left .padd-left {
padding-left: 0.625rem;
}
.graph-dashboard .left .padd-right {
padding-right: 0.625rem;
}
.graph-dashboard .left .padd-align-right {
text-align: right;
}
.graph-dashboard .left .margin-left {
text-align: right;
width: fit-content !important;
margin-left: auto;
display: inline-block;
margin-right: 0.313rem;
}
.graph-dashboard .left .scroll-x {
overflow-x: auto;
}
.graph-dashboard .left .scroll-y {
overflow-y: auto;
}
.graph-dashboard .left .events-background-margin {
margin: unset;
margin-left: 15%;
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15);
}
.graph-dashboard .left .events-background-margin.start {
max-height: 5px;
height: 5px;
background-color: #ffffff;
}
.graph-dashboard .left .events-background-margin.hide {
opacity: 0;
}
.graph-dashboard .left .events-background-margin.event {
height: 30px;
background-color: #d4d4d9;
}
.graph-dashboard .left .events-background-margin.start-events {
background-color: #ffffff;
height: 24px;
min-height: 24px;
max-height: 24px;
}
.graph-dashboard .middle {
width: 100%;
background-color: #f7f7f7;
overflow: hidden;
box-shadow: -6px 0 8px 0 rgba(42, 41, 41, 0.08);
}
.graph-dashboard .middle .cursor {
position: absolute;
width: 0.0313rem;
height: 100%;
background: #000;
top: 0px;
}
.graph-dashboard .middle .graph.tracker-graph-setup {
min-height: 290px;
height: 290px;
margin-top: -10px;
}
.graph-dashboard .middle .graph.line-graph-setup {
height: 210px !important;
min-height: 3.13rem;
}
.graph-dashboard .middle .tracker .graph-tracker {
overflow: hidden;
text-align: center;
display: inline-grid;
width: 100%;
height: 362px;
}
.graph-dashboard .middle .tracker .graph-tracker .echarts {
height: 362px;
width: 100% !important;
}
.graph-dashboard .middle .tracker .prediction-tracker {
margin-top: -0.459rem !important;
margin-bottom: -3.91rem;
}
.graph-dashboard .middle .tracker .prediction-tracker.large {
margin-top: -0.609rem !important;
min-height: 290px;
height: 290px;
overflow: hidden;
}
.graph-dashboard .middle .hideDrawer {
height: 0rem !important;
}
.graph-dashboard .middle .hideDrawer.remove {
opacity: 0;
}
.graph-dashboard .scrollbar--hide {
scrollbar-width: none;
/* Firefox */
-ms-overflow-style: none;
/* IE 10+ */
}
.graph-dashboard .scrollbar--hide .enyo-scroller::-webkit-scrollbar {
display: none;
width: 0px;
background: transparent;
}
.graph-dashboard .scrollbar--hide ::-webkit-scrollbar {
display: none;
width: 0px;
/* Remove scrollbar space */
background: transparent;
/* Optional: just make scrollbar invisible */
}
.graph-dashboard .scrollbar--hide::-webkit-scrollbar {
width: 0px;
background: transparent;
/* Chrome/Safari/Webkit */
}
.graph-dashboard .fill-color {
margin-right: 0.313rem !important;
height: 31px !important;
}
.graph-dashboard .first .circle {
width: 14px;
height: 14px;
position: absolute;
top: 6px;
left: 8px;
border: solid 1px #000;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
.graph-dashboard .last {
width: 30px;
background-color: #545454;
color: #FFF;
font-weight: bold;
text-transform: uppercase;
text-align: center;
font-size: 11px;
}
.graph-dashboard:last-child .last {
border-bottom: 1px solid #0E0E0E;
}
.graph-wrapper .middle .background-color-middle {
background-color: #8e8c8c;
}
.graph-wrapper .middle .time-selection-wrapper .data-zoom-lines {
margin: 0.156rem 0;
}
.graph-wrapper .middle .time-selection-wrapper .button-align {
display: flex;
margin: auto !important;
}
.graph-wrapper .middle .time-selection-wrapper .button-align.time-picker {
width: unset;
}
.graph-wrapper .middle .scroller {
overflow: hidden;
overflow-y: hidden;
height: fit-content;
}
.graph-wrapper .middle .scroller .template-repeater {
overflow: hidden;
overflow-y: hidden;
height: fit-content;
width: 100% !important;
}
.graph-wrapper .middle .scroller .template-repeater.foreground-repeater {
z-index: 1;
position: absolute !important;
}
.graph-wrapper .middle .scroller .template-repeater .drawer-decorator {
background-color: #ededed;
width: 100% !important;
height: fit-content;
}
.graph-wrapper .middle .scroller .template-repeater .drawer-decorator .manual-layout-title {
text-align: center;
margin-right: 0.313rem;
width: 100% !important;
}
.graph-wrapper .middle .scroller .template-repeater .drawer-decorator .manual-layout {
margin: 0 !important;
background-color: #ededed;
width: 100% !important;
}
.graph-wrapper .middle .scroller .template-repeater .drawer-decorator .side-bar-wrapper {
width: 100% !important;
height: 100%;
}
.graph-wrapper .middle .scroller .template-repeater .drawer-decorator .side-bar-container {
height: 210px !important;
min-height: 3.13rem;
width: 100% !important;
height: 100% !important;
}
.graph-wrapper .middle .scroller .template-repeater .drawer-decorator .drawer-item {
width: 100% !important;
position: relative;
text-align: center;
}
.graph-wrapper .middle .scroller .template-repeater .drawer-decorator .drawer-item.graph {
height: 210px !important;
min-height: 3.13rem;
}
.graph-wrapper .middle .scroller .template-repeater .drawer-decorator .drawer-item.tracker {
height: 274px !important;
}
.graph-wrapper .middle .cursor-wrapper.main-container {
position: absolute !important;
width: 100%;
margin-left: 200px;
overflow: hidden;
}
.graph-wrapper .middle .cursor-wrapper.top {
top: 0px;
height: 100%;
}
.graph-wrapper .middle .cursor-wrapper.x-axis {
height: inherit;
}
.graph-wrapper .middle .cursor-wrapper .cursor {
position: absolute;
width: 0.0313rem;
height: 100%;
background: #000;
}
.graph-wrapper .middle .cursor-main {
margin-left: 280px;
left: 95px;
position: absolute;
width: 0.0313rem;
height: 100%;
background: #000;
top: 0px;
z-index: 100;
}
.graph-wrapper .middle .x-axis-bar {
min-height: 2.19rem;
}
.graph-wrapper .middle .data-zoom-bar {
min-height: 4.56rem;
}
.graph-wrapper .middle .x-axis-container .left-spacer {
width: 200px;
min-width: 200px;
max-width: 200px;
display: inline-flex;
}
.graph-wrapper .middle .x-axis-container .left-spacer .text-align {
display: inline-block;
margin: auto;
}
.graph-wrapper .middle .x-axis-container .x-axis-wrapper {
position: relative;
width: 100%;
height: 1.56rem;
}
.graph-wrapper .middle .drop-shadow {
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.34);
}
.graph-wrapper .middle .set-points-container {
margin-right: 17%;
display: inline-flex;
align-items: center;
}
.graph-wrapper .middle .cursor-line-x-axis {
margin-left: 200px;
width: 0.0313rem;
height: 100%;
background: #000;
top: 0px;
}
.graph-wrapper .middle .global-timeline-wrapper {
height: 2.5rem !important;
display: inline-flex;
background-image: linear-gradient(to bottom, #4a4a4a, #474747 53%, #3a3a3a);
width: 100%;
}
.graph-wrapper .middle .global-timeline-wrapper.x-axis {
background-image: unset;
background-color: #fff;
}
.graph-wrapper .middle .global-timeline-wrapper .now-botton {
margin-left: 1.56rem !important;
align-self: center;
max-width: 1.88rem !important;
min-width: 1.88rem !important;
height: 1.88rem !important;
padding: 0rem 0rem !important;
border-color: rgba(15, 15, 15, 0.5);
}
.graph-wrapper .middle .global-timeline-wrapper .datazoom-gradient {
width: 100%;
background-image: linear-gradient(to bottom, #414141, rgba(122, 122, 122, 0.5) 39%, rgba(122, 122, 122, 0.5) 64%, #414141);
height: 100%;
align-self: center;
justify-content: center;
border: solid 0.5px #6f6f6f;
z-index: 1;
position: absolute;
}
.graph-wrapper .middle .global-timeline-wrapper .datazoom {
height: 100% !important;
margin-top: auto;
margin-bottom: auto;
z-index: 1;
width: 100%;
position: absolute;
}
.graph-wrapper .middle .global-timeline-wrapper .datazoom.zoom {
margin-top: auto;
margin-bottom: auto;
height: 100% !important;
width: 100%;
z-index: 3;
position: absolute;
}
.graph-wrapper .middle .global-timeline-wrapper .datazoom.lines {
height: 100% !important;
margin-top: auto;
margin-bottom: auto;
width: 100%;
z-index: 2;
position: absolute;
}
.graph-wrapper .middle .global-timeline-wrapper .graph-container {
position: relative;
width: 100%;
height: 90%;
margin-top: auto;
margin-bottom: auto;
}
.graph-wrapper .middle .background-graph-container {
margin-left: 200px;
background-color: #8e8c8c;
}
.graph-wrapper .middle .background-graph-container .background-lines {
height: 100%;
}
.graph-wrapper .middle.color {
background-color: #8e8c8c;
}
.graph-wrapper .middle .button-container {
max-height: 274px;
width: 200px;
min-width: 200px;
max-width: 200px;
height: 100%;
display: inline-flex;
}
.graph-wrapper .middle .repeater-graph-panel .drawer-decorator .manual-layout-title {
text-align: center;
margin-right: 0.313rem;
width: 100% !important;
}
.graph-wrapper .middle .repeater-graph-panel .drawer-decorator .drawer-item.graph {
height: 210px !important;
min-height: 3.13rem;
}
.graph-wrapper .middle .repeater-graph-panel .drawer-decorator .drawer-item.tracker {
height: 274px !important;
}
.graph-wrapper .middle .analytics-button {
margin-left: 0.938rem !important;
align-self: center;
max-width: 1.88rem !important;
min-width: 1.88rem !important;
padding: 0rem 0rem !important;
}
.graph-wrapper .enyo-data-repeater-container > div {
transition: top 0.5s cubic-bezier(0.22, 1, 0.36, 1), left 0.5s cubic-bezier(0.22, 1, 0.36, 1);
}
.graph-wrapper .enyo-data-repeater-container .selected {
background-color: #d1daff;
}
.graph-wrapper .enyo-data-repeater-container .selected .wrapper {
background-color: #d1daff;
}
.graph-wrapper .enyo-data-repeater-container .selected .wrapper .text-item--default {
background-color: #909298;
}
.graph-wrapper .enyo-data-repeater-container .selected .wrapper .text-item {
background-color: #909298;
}
.graph-wrapper .enyo-data-repeater-container .selected .list-item-variable {
background-color: #d1daff;
}
.graph-wrapper .graph-wrapper .left .variable-list .template-repeater {
overflow: scroll;
overflow-x: hidden;
width: 100% !important;
}
.graph-wrapper .graph-wrapper .left .variable-list .template-repeater .list-item-variable .selected {
background-color: #d1daff;
}
.graph-wrapper .graph-wrapper .left .variable-list .drawer-repeater {
overflow: scroll;
overflow-x: hidden;
width: 100% !important;
}
.graph-wrapper .graph-wrapper .left .variable-list .drawer-repeater .selected .variable-wrapper {
background-color: #d1daff;
}
.graph-wrapper .graph-wrapper .left .variable-list .list-item-variable .selected {
background-color: #d1daff;
}
.graph-wrapper .graph-wrapper .left .variable-list .variable-wrapper {
height: 1.88rem;
text-align: center;
box-shadow: -6px 0 8px 0 rgba(42, 41, 41, 0.5);
display: block;
}
.graph-wrapper .graph-wrapper .left .variable-list .variable-wrapper.selected {
background-color: #d1daff;
}
.graph-wrapper .graph-wrapper .left .variable-list .variable-wrapper .variable-drag-handle {
height: 100% !important;
margin-left: 0.156rem;
display: inline;
float: left;
margin-bottom: auto !important;
width: 1.25rem;
background-image: url(assets/images/sidebar-li_bfd990a84f1d4daea0ae.png);
background-repeat: no-repeat;
background-position: center;
}
.graph-wrapper .graph-wrapper .left .variable-list .variable-wrapper .unit2 {
display: inline-flex;
float: left;
width: 0.625rem;
height: 100%;
color: white;
margin-top: 0.469rem;
margin-bottom: auto;
font-size: 0.563rem !important;
margin-right: 0.313rem;
}
.graph-wrapper .graph-wrapper .left .variable-list .variable-wrapper .unit2.superscript {
font-size: 0.5em !important;
}
.graph-wrapper .graph-wrapper .left .variable-list .variable-wrapper .value2 {
display: inline;
float: left;
margin-top: 0.938rem;
text-align: center;
height: 100%;
color: white;
vertical-align: middle;
width: 100%;
font-size: 0.563rem !important;
}
.graph-wrapper .graph-wrapper .left .variable-list .variable-wrapper-wrapper2 {
width: 1.69rem;
height: 100%;
display: inline-block;
background-color: #5e6279;
display: inline-flex;
}
.graph-wrapper .graph-wrapper .left .variable-list .variable-wrapper.text-small .value2 {
font-size: 0.531rem;
}
.graph-wrapper .graph-wrapper .left .variable-list .variable-wrapper.text-small .unit2 {
font-size: 0.531rem;
}
.graph-wrapper .graph-wrapper .left .variable-list .variable-wrapper.text-expand .value2 {
font-size: 1.4vw;
}
.graph-wrapper .graph-wrapper .left .variable-list .variable-wrapper.text-expand .unit2 {
font-size: 1.4vw;
}
.graph-wrapper .graph-wrapper .left .variable-list .variable-wrapper.text-expand .unit2.superscript {
font-size: 0.75vw;
}
.graph-wrapper .graph-wrapper .left .variable-list .variable-wrapper .even-item-light {
background-color: #fff;
}
.graph-wrapper .graph-wrapper .left .variable-list .variable-wrapper .odd-item-light {
background-color: #d0d2d9;
}
.graph-wrapper .graph-wrapper .left .variable-list .left-base {
background-color: #8e8c8c;
overflow: scroll;
overflow-y: hidden;
overflow-x: hidden;
}
.graph-wrapper .graph-wrapper .left .variable-list .left-base .background-light-grey {
background-color: #595959;
}
.graph-wrapper .graph-wrapper .left .variable-list .left-base .background-runtime {
background-color: #14182b;
}
.graph-wrapper .graph-wrapper .left .variable-list .left-base .manual-layout-title {
text-align: center;
}
.graph-wrapper .graph-wrapper .left .variable-list .left-base .manual-layout-title .manual-layout {
margin: 0 !important;
background-color: #ededed;
}
.graph-wrapper .search-box {
width: 95%;
margin-left: auto!important;
margin-right: auto !important;
height: 1.59rem !important;
margin-top: 0.281rem !important;
margin-bottom: 0.281rem !important;
}
.graph-wrapper .views-button {
margin-left: 30% !important;
width: 5.31rem;
margin-top: 0.469rem;
margin-bottom: 0.469rem;
}
.graph-wrapper .datazoom {
height: 100% !important;
margin-top: auto;
margin-bottom: auto;
z-index: 1;
width: 100%;
position: absolute;
}
.graph-wrapper .datazoom.zoom {
margin-top: auto;
margin-bottom: auto;
height: 100% !important;
width: 100%;
z-index: 3;
position: absolute;
}
.graph-wrapper .datazoom.lines {
height: 100% !important;
margin-top: auto;
margin-bottom: auto;
width: 100%;
z-index: 2;
position: absolute;
}
.graph-wrapper .datazoom.xAxis {
height: 100% !important;
margin-top: auto;
margin-bottom: auto;
width: 100%;
z-index: unset;
position: absolute;
}
.graph-wrapper .image-item {
height: 3.13rem;
}
.graph-wrapper .image-item .wrapper {
height: 100%;
width: 100%;
border-radius: 5%;
}
.graph-wrapper .image-item .wrapper:hover {
cursor: pointer;
}
.graph-wrapper .image-item .wrapper.selected {
background-color: #d1daff;
}
.graph-wrapper .middle-runtime .set-points {
margin-right: 1.25rem;
font-size: 0.906rem;
}
.graph-wrapper .middle-runtime .button-container {
max-height: 274px;
width: 200px;
min-width: 200px;
max-width: 200px;
height: 100%;
display: inline-flex;
}
.graph-wrapper .middle-runtime .runtime-button {
margin-left: 0.938rem !important;
align-self: center;
max-width: 1.88rem !important;
min-width: 1.88rem !important;
height: 1.88rem !important;
padding: 0rem 0rem !important;
}
.graph-wrapper .datazoom-bar {
height: 2.5rem !important;
display: inline-flex;
background-image: linear-gradient(to bottom, #4a4a4a, #474747 53%, #3a3a3a);
width: 100%;
}
.graph-wrapper .datazoom-bar.xAxis {
background-image: unset;
background-color: #fff;
}
.graph-wrapper .text-variable {
position: absolute;
height: 100% !important;
margin-left: 0.219rem;
left: 1.47rem;
margin-top: 0.531rem;
align-items: center;
}
.graph-wrapper .variable-list-Item .repeaterLabel {
height: 1.88rem;
width: 100%;
display: flex;
margin-bottom: 1px;
}
.graph-wrapper .variable-list-Item .split {
background-color: #eff1f9;
display: flex;
align-items: center;
-webkit-clip-path: polygon(90% 0, 100% 50%, 90% 100%, 0% 100%, 0 50%, 0% 0%);
clip-path: polygon(90% 0, 100% 50%, 90% 100%, 0% 100%, 0 50%, 0% 0%);
background: #eef1f9;
padding: 0 1.25rem 0 0.625rem;
}
.graph-wrapper .variable-list-Item .split .repeaterText {
margin-left: 0.313rem;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.graph-wrapper .variable-list-Item .split2 {
display: flex;
align-items: center;
}
.graph-wrapper .variable-list-Item .split2 .repeaterCircle {
width: 1.56rem;
height: 1.56rem;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.graph-wrapper .variable-list-Item .main {
margin-right: 0.0625rem;
}
.graph-wrapper .variable-list-Item .status-good {
background-image: url(assets/images/CheckGreen_e903102bfe9dbc06ec97.svg);
}
.graph-wrapper .variable-list-Item .status-check {
background-image: url(assets/images/Caution_4d4585f98932a906715d.svg);
}
.graph-wrapper .variable-list-Item .status-fix {
background-image: url(assets/images/HighPriority_141417ae796bd2a18fab.svg);
}
.graph-wrapper-default .wrapper.selected,
.graph-wrapper-default .wrapper:hover {
background-color: #d1daff;
}
.graph-wrapper-default .odd-item-light-runtime {
background-color: #d0d2d9;
}
.graph-wrapper-default .even-item-light {
background-color: #fff;
}
.graph-wrapper .odd-item-light {
background-color: #ebeff8;
}
.graph-wrapper .even-item-light {
background-color: #fff;
}
.graph-wrapper .variable {
text-align: center;
}
.graph-wrapper .variable-wrapper2 {
width: 1.69rem;
height: 100%;
display: inline-block;
background-color: #5e6279;
display: inline-flex;
}
.graph-wrapper .variable-wrapper2 .value2 {
display: inline;
float: left;
margin-top: 0.5rem;
text-align: center;
height: 100%;
vertical-align: middle;
width: 100%;
font-size: 0.563rem !important;
}
.graph-wrapper .variable-wrapper2 .unit2 {
display: inline;
float: left;
height: 100%;
color: white;
}
.graph-wrapper .variable-wrapper2 .unit2--superscript {
font-size: 0.6em;
}
.graph-wrapper .variable.text-small .value2 {
font-size: 0.531rem;
}
.graph-wrapper .variable.text-small .unit2 {
font-size: 0.531rem;
}
.graph-wrapper .variable.text-expand .value2 {
font-size: 1.4vw;
}
.graph-wrapper .variable.text-expand .unit2 {
font-size: 1.4vw;
}
.graph-wrapper .variable.text-expand .unit2--superscript {
font-size: 0.75vw;
}
.hive-badge {
display: flex;
align-items: center;
justify-content: center;
min-height: 0.969rem;
min-width: 0.969rem;
border-radius: 50%;
}
.hive-badge.light {
margin-left: 0.156rem;
min-height: 0.906rem;
min-width: 0.906rem;
text-transform: initial !important;
font-variation-settings: "wght" 600, "wdth" 100;
}
.hive-badge.large {
min-height: 33px;
min-width: 33px;
margin-left: 0rem;
font-size: 1.03rem;
}
.hive-badge.dark {
color: #6a6a6a;
}
.red-badge {
background-color: #8d3333;
}
.red-badge.light {
background-color: #8d3333;
}
.red-badge.dark {
background-color: #aa4040;
}
.yellow-badge {
background-color: #b6ac3b;
}
.yellow-badge.light {
background-color: #bba421;
}
.green-badge {
background-color: #417505;
}
.green-badge.light {
background-color: #799e4e;
}
.green-badge.dark {
background-color: #a6bf89;
}
.gray-badge {
background-color: #a3a3a3;
}
.user-badge {
min-height: calc(var(--hit-scale-factor) * 2rem);
min-width: calc(var(--hit-scale-factor) * 2rem);
background-color: #afc99c;
}
.user-3d-badge {
border-radius: 50%;
box-shadow: unset !important;
border: unset !important;
background-position: unset !important;
display: inline-flex;
align-items: center;
justify-content: center;
padding: unset;
cursor: pointer;
}
.user-3d-badge.grey {
background-image: linear-gradient(to top, #d3cece 100%, #f2f2f2 0%);
}
.user-3d-badge.grey.outer {
width: calc(var(--hit-scale-factor) * 38px);
height: calc(var(--hit-scale-factor) * 38px);
}
.user-3d-badge.grey.outer .color-ring {
height: calc(var(--hit-scale-factor) * 35px);
width: calc(var(--hit-scale-factor) * 35px);
background-color: #799e4e;
border: unset !important;
}
.user-3d-badge.grey.outer .color-ring .inner {
height: calc(var(--hit-scale-factor) * 31px);
width: calc(var(--hit-scale-factor) * 31px);
padding: unset;
}
.user-3d-badge.grey.outer .color-ring .inner .user-badge {
min-height: calc(var(--hit-scale-factor) * 29px);
min-width: calc(var(--hit-scale-factor) * 29px);
font-size: calc(var(--hit-scale-factor) * 0.781rem);
}
.user-3d-badge.grey.inner {
height: 3.13rem;
width: 3.13rem;
}
.user-3d-badge.small.grey.inner {
height: 2.81rem;
width: 2.81rem;
}
.user-3d-badge.small .user-badge {
min-height: 2.5rem;
min-width: 2.5rem;
}
.user-3d-badge.color-ring {
height: calc(var(--hit-scale-factor) * 3.13rem);
width: calc(var(--hit-scale-factor) * 3.13rem);
}
.user-3d-badge .user-badge {
box-shadow: inset 0 1px 5px 0 rgba(0, 0, 0, 0.3), inset 0 -1px 5px 0 rgba(255, 255, 255, 0.36);
min-height: 2.81rem;
min-width: 2.81rem;
font-size: 1.17rem;
font-variation-settings: "wght" 600, "wdth" 100;
}
.organization-badge {
height: calc(var(--hit-scale-factor) * 26.2px);
width: calc(var(--hit-scale-factor) * 26.2px);
min-width: calc(var(--hit-scale-factor) * 26.2px) !important;
display: inline-flex;
justify-content: center;
align-items: center;
border-radius: 3px;
background-image: linear-gradient(to top, #ccc 100%, #f2f2f2 0%);
}
.organization-badge .hive-badge {
background-color: #bd96b7;
border-radius: unset;
min-height: calc(var(--hit-scale-factor) * 17px);
min-width: calc(var(--hit-scale-factor) * 17px);
width: calc(var(--hit-scale-factor) * 22px);
height: calc(var(--hit-scale-factor) * 22px);
text-align: center;
box-shadow: calc(var(--hit-scale-factor) * 1px) calc(var(--hit-scale-factor) * 1px) calc(var(--hit-scale-factor) * 12px) 0 rgba(40, 28, 15, 0.05), inset 0 -1px 3px 0 rgba(255, 255, 255, 0.36), inset 0 1px 3px 0 rgba(0, 0, 0, 0.3);
}
.organization-badge .user-badge {
background-color: #cba9cb;
height: 2.19rem;
width: 2.19rem;
border-radius: 6px;
color: black;
min-width: 2.19rem !important;
}
.largeRed-badge {
min-height: 1.28rem;
min-width: 1.28rem;
background-color: #8d3333;
}
.button-function {
cursor: pointer;
}
.badge-image {
object-fit: cover;
width: 100%;
height: 100%;
object-position: center;
}
.booleanBuilder .roundAllCorners {
border-radius: 0.313rem 0.313rem;
}
.booleanBuilder .base-distribution-widget.query .input-container .value-input {
width: auto !important;
}
.booleanGroupItem {
display: flex;
flex-direction: row;
align-items: center;
}
.booleanGroupItem .booleanOperatorContainer {
display: flex;
flex-direction: row;
align-items: center;
align-self: stretch;
padding: 1.56rem 0;
background: #2c2c2c;
}
.booleanGroupItem .booleanOperatorContainer .booleanOperator {
width: 1.09rem;
background: #a8a8a8;
font-family: 'AvenirNext';
font-variation-settings: "wght" 700, "wdth" 75;
font-size: 0.5rem;
color: #2c2c2c;
transform: rotate(270deg);
-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-o-transform: rotate(270deg);
text-transform: uppercase;
border-radius: 0.313rem;
padding: 0 0.438rem;
margin: 0rem -0.375rem 0rem -0.375rem;
text-align: center;
}
.booleanGroupItem .booleanOperatorContainer .operatorBorder {
border: 1px dotted #a8a8a8;
border-right: 1px #a8a8a8;
height: 100%;
width: 0.625rem;
margin-left: -0.625rem;
}
.ghost {
opacity: 0.5;
}
/*************************************************************************
BASE BREADCRUMB
*************************************************************************/
.breadcrumb {
height: 1.27rem !important;
width: 6.19rem;
background: #a2a6b2;
display: flex;
justify-content: center;
align-items: center;
outline: none;
}
.breadcrumb:hover .inset-shadow,
.breadcrumb:active .inset-shadow {
box-shadow: inset 0 2px 3px 0 rgba(255, 255, 255, 0.5), inset 0 1px 1px 0 rgba(82, 82, 82, 0.5), inset 1px -1px 1px 0 rgba(0, 0, 0, 0.5);
border-radius: 1px;
}
.breadcrumb.selected {
background: #7d808a;
}
.breadcrumb.selected .darken {
opacity: 0.1;
}
.breadcrumb.selected .inset-shadow {
box-shadow: inset 0 2px 2px 0 rgba(255, 255, 255, 0.5), inset 0 1px 1px 0 rgba(82, 82, 82, 0.5), inset 0 -2px 2px 0 rgba(0, 0, 0, 0.5);
}
.breadcrumb.selected .text {
color: #ffffff;
}
.breadcrumb .text {
color: #ffffff;
height: inherit !important;
width: 100%;
margin: auto;
display: grid;
place-items: center;
}
.breadcrumb .overlay {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.breadcrumb .darken {
opacity: 0;
z-index: -1;
}
.breadcrumb-border {
border: unset;
border-top: solid 0.0313rem #595859;
border-bottom: solid 0.0313rem #595859;
border-left: solid 0.0313rem #595859;
border-right: solid 0.0313rem #595859;
padding: unset;
}
.bcSelected {
background: #7d808a;
}
.breadcrumb-center {
display: flex;
justify-content: center;
align-items: center;
}
/*************************************************************************
BREADCRUMB - START, MIDDLE, END
*************************************************************************/
.breadcrumb-start {
margin: 0px -0.391rem 0px 0px !important;
-webkit-clip-path: polygon(90% 0, 99% 50%, 90% 100%, 0% 100%, 0 50%, 0% 0%);
clip-path: polygon(90% 0, 99% 50%, 90% 100%, 0% 100%, 0 50%, 0% 0%);
border-radius: 0.0625rem;
}
.breadcrumb-middle {
margin: 0px -0.391rem 0px -0.188rem !important;
-webkit-clip-path: polygon(90% 0, 99% 50%, 90% 100%, 0% 99%, 9% 50%, 0% 0%);
clip-path: polygon(90% 0, 99% 50%, 90% 100%, 0% 99%, 9% 50%, 0% 0%) border-box;
border-radius: 0.0625rem;
}
.breadcrumb-end {
margin: 0px 0px 0px -0.188rem !important;
-webkit-clip-path: polygon(100% 0, 100% 50%, 100% 100%, 0% 100%, 9% 50%, 0% 0%);
clip-path: polygon(100% 0, 100% 50%, 100% 100%, 0% 100%, 9% 50%, 0% 0%);
border-radius: 0.0625rem;
}
.breadcrumb-end .text {
padding-left: 0.4%;
}
.breadcrumb-deploy {
background: #78b144 !important;
}
.breadcrumb-deploy .text {
color: #ffffff;
}
/*************************************************************************
SUBBREADCRUMB - START, MIDDLE, END
*************************************************************************/
.subBreadcrumb-start {
margin: 0px -0.391rem 0px 0px !important;
-webkit-clip-path: polygon(90% 0, 99% 50%, 90% 100%, 0% 100%, 0 50%, 0% 0%);
clip-path: polygon(90% 0, 99% 50%, 90% 100%, 0% 100%, 0 50%, 0% 0%);
border-radius: 0.0625rem;
}
.subBreadcrumb-middle {
margin: 0px -0.391rem 0px -0.188rem !important;
-webkit-clip-path: polygon(90% 0, 99% 50%, 90% 100%, 0% 99%, 9% 50%, 0% 0%);
clip-path: polygon(90% 0, 99% 50%, 90% 100%, 0% 99%, 9% 50%, 0% 0%) border-box;
border-radius: 0.0625rem;
}
.subBreadcrumb-end {
margin: 0px 0px 0px -0.188rem !important;
-webkit-clip-path: polygon(100% 0, 100% 50%, 100% 100%, 0% 100%, 9% 50%, 0% 0%);
clip-path: polygon(100% 0, 100% 50%, 100% 100%, 0% 100%, 9% 50%, 0% 0%);
border-radius: 0.0625rem;
}
/*************************************************************************
ARROW
*************************************************************************/
.chop {
position: absolute;
top: 1.56rem;
z-index: 1000;
border-top: none;
border-right: 0.469rem solid transparent;
border-bottom: 0.5rem solid #a3a3a3;
border-left: 0.469rem solid transparent;
}
.SubHeadingRight {
position: absolute;
display: inline-flex;
}
/*************************************************************************
GAUGE
*************************************************************************/
.gauge {
width: 0%;
height: 100%;
position: absolute;
display: flex;
overflow: visible;
justify-content: left;
bottom: 0px;
z-index: -1;
background-blend-mode: soft-light;
-webkit-transition: width 1s;
transition: width 1s;
}
.gauge .first-breadcrumb-color {
background: #d6e4f3;
}
.gauge .final-breadcrumb-colo {
background: #5f7b9a;
}
.guage__body {
width: 100%;
}
.guage__head {
width: 30px;
position: relative;
visibility: hidden;
margin-right: -30px;
right: 0;
-webkit-clip-path: circle(50% at 0 50%);
clip-path: circle(50% at 0 50%);
}
.breadcrumb.selected .guage__head {
visibility: visible;
}
.hive-card.solution-card {
height: 9.06rem;
padding: 0.781rem;
border-radius: 0.313rem;
background: #d5d5d5 !important;
box-shadow: inset -0.1px 2px 1.5px 0 rgba(255, 255, 255, 0.2), inset -0.3px 0.8px 0.5px 0 rgba(82, 82, 82, 0.2), inset 0.1px -2px 1.5px 0 rgba(0, 0, 0, 0.2);
}
.hive-card.solution-card .info-text {
padding: 0.625rem 0;
}
.hive-card.solution-card .description {
padding: 0.313rem 0.313rem 0.313rem 0;
}
.hive-card.solution-card img {
height: 5.94rem;
width: 5.94rem;
margin-bottom: 8px;
}
.hive-card.solution-banner {
position: relative;
width: 100%;
}
.hive-card.solution-banner > img {
width: 100%;
border-radius: 0.313rem;
}
.hive-card.solution-banner .cart-btn {
position: absolute;
bottom: 0;
right: 0;
transform: translateY(-50%);
margin: 0.781rem;
}
.hive-card.equipment-card {
width: 12.5rem;
height: 12.5rem;
box-sizing: border-box;
}
.hive-card.equipment-card .body {
position: relative;
height: 10.9rem;
width: 10.9rem;
border-radius: 16px;
background: #e9e9e9;
flex-shrink: 0;
background: #ffff;
}
.hive-card.equipment-card .body img {
height: 9.38rem;
width: 9.38rem;
}
.hive-card.equipment-card.add-card img {
height: 2.58rem;
width: 2.58rem;
border-radius: 50%;
background-color: #f29f00;
}
.hive-card.equipment-card.add-card img:hover {
cursor: pointer;
}
.hive-card.equipment-card .title {
text-align: center;
margin-top: 0.313rem;
padding: 0.313rem 0 0 0;
overflow: visible;
}
.hive-card.equipment-card .indicator {
position: absolute;
height: 2.44rem;
width: 2.44rem;
}
.hive-card.equipment-card .indicator.group {
top: 0;
left: 0;
background-image: url(assets/images/Grouped_2e233dadf4556be49ebc.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 1.56rem 1.56rem;
}
.hive-card.equipment-card .indicator.lock {
bottom: -0.938rem;
right: -0.938rem;
background-image: url(assets/images/lock_eea3c9f120947f2dfba3.png);
background-repeat: no-repeat;
background-position: center;
background-size: 3.75rem 3.75rem;
}
.hive-card.equipment-card .indicator.chart {
display: grid;
height: 2.5rem;
width: 2.5rem;
position: absolute;
bottom: -0.688rem;
left: 9.38rem;
}
.hive-card.equipment-card .indicator.chart .align-items {
grid-column: 1;
grid-row: 1;
height: inherit;
width: inherit !important;
}
.hive-card.equipment-card .indicator.chart .align-items .chart-wrapper {
-webkit-tap-highlight-color: transparent;
user-select: none;
height: inherit;
width: inherit;
}
.hive-card.equipment-card .indicator.chart .align-items.doughnut-text {
display: inline-flex;
border-radius: 50%;
background: #ffffff;
width: 80% !important;
height: 80%;
margin: auto;
}
.hive-card.equipment-card .indicator.chart .align-items.doughnut-text .text-style {
display: flex;
margin: auto;
width: fit-content;
color: #7e95c6;
font-size: 0.625rem;
}
.hive-card.equipment-card.selected .body {
box-shadow: 0 0 0.469rem 0 rgba(255, 165, 0, 0.8);
}
.margin-right-card {
margin-right: 0.938rem;
}
.chart-component.energy-savings .graph-container .text-dashboard-color.unit {
margin-right: 0.25rem;
}
.chart-component.energy-savings .text-dashboard-color.unit {
margin-right: 0.406rem;
}
.chart-component .graph-container {
height: 100%;
display: grid;
position: relative;
width: 100%;
margin-top: auto;
margin-bottom: auto;
}
.chart-component .graph-container .align-items {
grid-column: 1;
grid-row: 1;
margin-top: auto;
margin-bottom: auto;
height: 100%;
width: 100%;
}
.chart-component .graph-container .text-dashboard {
display: inline-grid;
}
.chart-component .graph-container .text-dashboard.sub-text {
display: inline-grid;
}
.chart-component .graph-container .text-dashboard.sub-text .text-container.large-text-alignment {
padding-bottom: 10px;
}
.chart-component .graph-container .text-dashboard.sub-text .text-container.small-text-alignment {
padding-top: 17%;
}
.chart-component .graph-container .text-dashboard .text-container {
display: inline-flex;
margin: auto;
grid-column: 1;
grid-row: 1;
height: fit-content;
width: fit-content;
}
.chart-component .graph-container .text-dashboard .text-container .text-major {
color: #365597;
font-size: 2.19rem;
margin-top: auto;
}
.chart-component .graph-container .text-dashboard .text-container .text-minor {
color: #365597;
font-size: 1.64rem;
margin-top: auto;
margin-bottom: 0.125rem;
margin-right: 0.0938rem;
}
.chart-component .graph-container .text-dashboard .text-container .text-minor.minor-align {
display: inline-grid;
align-self: baseline;
margin-top: -0.563rem;
}
.chart-component .graph-container .text-dashboard .text-grid {
display: inline-grid;
margin: unset;
padding: unset;
}
.chart-component .graph-container .text-dashboard .text-minor-sub {
font-size: 0.656rem;
color: #8f9cbd;
text-transform: uppercase;
}
.chart-component .graph-container .text-dashboard-color {
margin: auto;
font-family: HelveticaNeue-CondensedBlack;
}
.chart-component .graph-container .text-dashboard-color.unit {
color: #4b4b4b;
font-size: 18px;
margin-top: 0.25rem;
margin-right: 0.125rem;
display: inline-grid;
}
.chart-component .graph-container .graphic-container {
display: inline-flex;
position: absolute;
width: fit-content;
height: 85%;
margin-top: auto;
margin-bottom: auto;
height: fit-content;
}
/********************** Base Checkbox **************************/
.pl-checkbox-container {
display: flex;
align-items: center;
}
.pl-checkbox-container .pl-checkbox-wrapper[checked] .pl-checkbox-check {
background-size: contain;
background-repeat: no-repeat;
height: 0.813rem;
width: 0.813rem;
margin-left: 0.125rem;
margin-top: 0.156rem;
background-image: url(assets/images/blueCheck_b3fd2fec21715d4cbc76.svg);
}
.pl-checkbox-container .pl-checkbox-wrapper {
display: block;
background: unset;
position: relative;
height: 1.06rem;
width: 1.06rem;
border-radius: 3px;
box-shadow: inset 2px 2px 3px 0 rgba(0, 0, 0, 0.45), inset 0 -1px 3px 0 rgba(255, 255, 255, 0.37);
}
.pl-checkbox-container .pl-checkbox-wrapper .pl-checkbox-box {
background-size: contain;
background-repeat: no-repeat;
height: 1.06rem;
width: 1.06rem;
position: absolute;
}
.pl-checkbox-container .pl-checkbox-wrapper .pl-checkbox-check {
position: absolute;
height: unset;
width: unset;
background: unset;
}
.pl-checkbox-container .pl-checkbox-title {
font-size: 0.563rem;
margin-left: 0.375rem;
position: relative;
font-family: AvenirNext;
font-variation-settings: "wght" 650, "wdth" 100;
color: #aeadb1;
cursor: pointer;
}
.checkbox-light .pl-checkbox-wrapper,
.light .pl-checkbox-wrapper {
box-shadow: inset 2px 2px 3px 0 rgba(0, 0, 0, 0.45), inset 0 -1px 3px 0 rgba(255, 255, 255, 0.37);
background-blend-mode: hard-light;
background-image: linear-gradient(to bottom, #c6c6c6, #c6c6c6);
}
.checkbox-light .pl-checkbox-title,
.light .pl-checkbox-title {
color: #5d7ca7;
}
/********************** Image Checkbox **************************/
.imagecheckbox {
margin-bottom: 1.19rem;
}
.imagecheckbox .pl-checkbox-wrapper {
width: 1.75rem;
height: 1.75rem;
border: none;
box-shadow: none;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
.imagecheckbox .pl-checkbox-wrapper[checked] .pl-checkbox-check {
background-image: none !important;
}
.imagecheckbox .pl-checkbox-wrapper[checked] + .pl-checkbox-title {
color: #f29f00;
}
.imagecheckbox .pl-checkbox-title {
font-family: AvenirNext;
font-size: 0.813rem;
font-variation-settings: "wght" 650, "wdth" 110;
color: #5d7ca7;
}
/********************** Irrigation Checkbox **************************/
.hvac .pl-checkbox-wrapper {
background-image: url(assets/images/HVAC_99c5b59b97ad55335f74.svg);
}
.hvac .pl-checkbox-wrapper[checked] {
background-image: url(assets/images/HVACActive_501d2aae7722e88b69b2.svg);
}
/********************** Irrigation Checkbox **************************/
.lighting .pl-checkbox-wrapper {
background-image: url(assets/images/Lighting_736a17eb0924c80bb8a5.svg);
}
.lighting .pl-checkbox-wrapper[checked] {
background-image: url(assets/images/LightingActive_f9c4c10fe72b608a49f6.svg);
}
/********************** Irrigation Checkbox **************************/
.irrigation .pl-checkbox-wrapper {
background-image: url(assets/images/Irrigation_b010e582e4cc37bb46c3.svg);
}
.irrigation .pl-checkbox-wrapper[checked] {
background-image: url(assets/images/IrrigationActive_d15f92e3959814e43aa3.svg);
}
/********************** Irrigation Checkbox **************************/
.commercial .pl-checkbox-wrapper {
background-image: url(assets/images/Commercial_b3d6185eedabd0344864.svg);
}
.commercial .pl-checkbox-wrapper[checked] {
background-image: url(assets/images/CommercialActive_bef6b1f120df385d4c6b.svg);
}
/********************** Irrigation Checkbox **************************/
.residential .pl-checkbox-wrapper {
background-image: url(assets/images/Residential_b62957c5b92acbf1c3a4.svg);
}
.residential .pl-checkbox-wrapper[checked] {
background-image: url(assets/images/ResidentialActive_2393d64abadc43113bd6.svg);
}
/********************** Irrigation Checkbox **************************/
.industrial .pl-checkbox-wrapper {
background-image: url(assets/images/Industrial_77ada8c357e89bca1bac.svg);
}
.industrial .pl-checkbox-wrapper[checked] {
background-image: url(assets/images/IndustrialActive_f624b831245cf6eee9ea.svg);
}
.chevron {
position: absolute;
z-index: 200;
border-bottom: 0.813rem solid transparent;
border-right: 1rem solid #4c4c4c;
border-top: 0.813rem solid transparent;
filter: drop-shadow(-0.125rem 0 0.25rem rgba(42, 41, 41, 0.5));
top: 0;
right: 0;
transform: translateY(-50%);
}
.chevron.hide {
display: none;
}
.pl-basebutton {
display: flex;
align-items: center;
justify-content: center;
border-radius: 2px;
background: rgba(0, 0, 0, 0);
background-size: auto;
padding: 0 0.375rem;
margin: 0px 0.125rem;
background-color: #565656;
border: solid 1px #373737;
box-shadow: inset -0.1px 2px 1px 0 rgba(255, 255, 255, 0.15), inset 0 0 0.3px 0 rgba(82, 82, 82, 0.2), inset 0.1px -2px 1px 0 rgba(0, 0, 0, 0.2);
font-family: 'AvenirNext';
font-variation-settings: "wght" 700, "wdth" 75;
font-size: 0.906rem;
text-align: center;
}
.pl-basebutton.active,
.pl-basebutton.pressed {
box-shadow: inset 0 2px 1px 0 rgba(0, 0, 0, 0.2), inset 0 -2px 1.5px 0 rgba(255, 255, 255, 0.24), inset 0 0 5px 0 rgba(0, 0, 0, 0.2);
background-blend-mode: multiply;
background-image: linear-gradient(to bottom, #e2e2e2, #e2e2e2);
}
.pl-basebutton.light {
background-color: #d8d8d8;
border: solid 1px #808080;
box-shadow: inset -0.1px 2px 1px 0 rgba(255, 255, 255, 0.15), inset 0 0 0.3px 0 rgba(82, 82, 82, 0.2), inset 0.1px -2px 1px 0 rgba(0, 0, 0, 0.2);
}
.pl-basebutton.light.active,
.pl-basebutton.light.pressed {
box-shadow: inset -0.1px 2px 1px 0 rgba(0, 0, 0, 0.2), inset -0.1px -2px 1.5px 0 rgba(255, 255, 255, 0.15), inset 0 0 6px 0 rgba(0, 0, 0, 0.3);
background-blend-mode: multiply;
background-image: linear-gradient(to bottom, #f3f3f3, #f3f3f3);
}
.bs-editormodebutton {
border-radius: 50px;
background-color: #393838;
color: #f2f2f2;
float: left;
min-height: 2em!important;
height: 2em!important;
width: 120px;
font-variation-settings: revert;
font-family: AvenirNext;
font-size: large;
}
.bs-editormodebutton.active,
.bs-editormodebutton.pressed {
border-color: #f29f00;
}
.bs-mode-selector {
background-color: #393838;
display: flex;
align-items: center;
padding: 2px;
border-radius: 20px;
box-shadow: inset -0.1px 1px 1px 0 rgba(0, 0, 0, 0.51), inset 0.1px -1px 1px 0 hsla(0, 0%, 100%, 0.2);
}
.pl-baseiconbutton {
width: 2.31rem !important;
height: 2.31rem !important;
opacity: 1;
display: grid;
grid-template-rows: auto 95% auto;
grid-template-columns: auto 95% auto;
}
.pl-baseiconbutton .pl-baseicon {
grid-column-start: 2;
grid-column-end: 2;
grid-row-start: 2;
grid-row-end: 2;
height: 2.31rem;
width: 2.31rem;
background-size: 1.72rem;
background-position: center;
justify-self: center;
align-self: center;
vertical-align: middle;
}
.pl-baseiconbutton.large1 .pl-baseicon {
background-size: 1.72rem !important;
}
.pl-baseiconbutton.math1 {
height: 2.03rem;
width: 2.03rem;
padding: 0px 0px;
margin: unset !important;
}
.pl-baseiconbutton.popup1 {
height: 2.13rem !important;
width: 2.09rem !important;
margin: unset !important;
}
.pl-baseiconbutton.popup1 .pl-baseicon {
background-size: 1.5rem;
height: 1.97rem;
width: 2.03rem;
}
.pl-baseiconbutton.icon1 {
height: 1.56rem;
width: 1.56rem;
padding: 0px 0px;
}
.pl-baseiconbutton.display-settings .pl-baseicon {
background-image: url(assets/images/displaySettings_7d03401194eadf775fb7.svg);
}
.pl-baseiconbutton.show-walls .pl-baseicon {
background-image: url(assets/images/showWalls_edb6a5147391a42eec2f.svg);
}
.pl-baseiconbutton.hide-walls .pl-baseicon {
background-image: url(assets/images/hideWalls_8ad6f2e308a069dd44ba.svg);
}
.pl-baseiconbutton.dimension .pl-baseicon {
background-image: url(assets/images/measure_8561af542a56ac62969b.svg);
background-size: 100%;
}
.pl-baseiconbutton.pan-tool .pl-baseicon {
background-image: url(assets/images/pan-tool_16650190017045bab164.svg);
background-size: 100%;
}
.pl-baseiconbutton.select-floor-image .pl-baseicon {
background-image: url(assets/images/select-floorplan_2eb9ffb2227e4686a93d.svg);
background-size: 100%;
}
.pl-baseiconbutton.spread .pl-baseicon {
background-image: url(assets/images/pan-tool_16650190017045bab164.svg);
background-size: 100%;
position: fixed;
}
.context-popup {
height: 300px;
width: 400px;
}
.pl-baseiconbutton.none-distribution1 .pl-baseicon {
background-image: url(assets/images/none_366fa88205195eca531a.svg);
}
.pl-baseiconbutton.range-distribution1 .pl-baseicon {
background-image: url(assets/images/range_7758dcfa4725ef76b59c.svg);
}
.pl-baseiconbutton.std-distribution1 .pl-baseicon {
background-image: url(assets/images/Std_Distribution_1d624d1ef342b7dd5578.svg);
}
.pl-baseiconbutton.clipped-distribution1 .pl-baseicon {
background-image: url(assets/images/Clipped_distribution_28f4055f6e5583ccabcc.svg);
}
.pl-baseiconbutton.bathtub-distribution1 .pl-baseicon {
background-image: url(assets/images/Bathtub_distribution_e4136eda3b7640bede9a.svg);
}
.pl-baseiconbutton.distribution-popup-button1 {
width: 2.19rem;
height: 2.19rem;
}
.pl-baseiconbutton.distribution-popup-button1 .pl-baseicon {
background-size: 1.88rem;
background-repeat: no-repeat;
background-position: center;
}
.pl-baseiconbutton.dark-less-equal1 .pl-baseicon {
background-image: url(assets/images/dark-less-equal_ecfcc7018d7031320472.svg);
}
.pl-baseiconbutton.dark-unequal1 .pl-baseicon {
background-image: url(assets/images/dark-unequal_cac5e27408c67ee75e55.svg);
}
.pl-baseiconbutton.dark-less1 .pl-baseicon {
background-image: url(assets/images/dark-less_2aa3abee0360d2ec950b.svg);
}
.pl-baseiconbutton.dark-greater-equal1 .pl-baseicon {
background-image: url(assets/images/dark-greater-equal_799e1c866425201e9510.svg);
}
.pl-baseiconbutton.dark-NA1 .pl-baseicon {
background-image: url(assets/images/dark-NA_b41f8f5a8c07c8b2682e.svg);
}
.pl-baseiconbutton.dark-contains1 .pl-baseicon {
background-image: url(assets/images/dark-contains_de7b3da516d457db093e.svg);
}
.pl-baseiconbutton.dark-inner1 .pl-baseicon {
background-image: url(assets/images/dark-inner_53917d05d3f78fe68906.svg);
}
.pl-baseiconbutton.dark-greater1 .pl-baseicon {
background-image: url(assets/images/dark-greater_536e913055f424f2d61c.svg);
}
.pl-baseiconbutton.dark-regex1 .pl-baseicon {
background-image: url(assets/images/dark-regex_35364b839aae50cc639e.svg);
}
.pl-baseiconbutton.dark-in1 .pl-baseicon {
background-image: url(assets/images/dark-in_8603a18018634ecb580d.svg);
}
.pl-baseiconbutton.dark-not-in1 .pl-baseicon {
background-image: url(assets/images/dark-not-in_72ab8fb9ba7a4db72933.svg);
}
.pl-baseiconbutton.dark-equal1 .pl-baseicon {
background-image: url(assets/images/dark-equal_1cce8d619b3ada4b32f1.svg);
}
.pl-baseiconbutton.dark-outer1 .pl-baseicon {
background-image: url(assets/images/dark-outer_216648a4127098a8d431.svg);
}
.none-distribution {
background-image: url(assets/images/none_366fa88205195eca531a.svg);
}
.range-distribution {
background-image: url(assets/images/range_7758dcfa4725ef76b59c.svg);
}
.std-distribution {
background-image: url(assets/images/Std_Distribution_1d624d1ef342b7dd5578.svg);
}
.clipped-distribution {
background-image: url(assets/images/Clipped_distribution_28f4055f6e5583ccabcc.svg);
}
.bathtub-distribution {
background-image: url(assets/images/Bathtub_distribution_e4136eda3b7640bede9a.svg);
}
.dark-less-equal {
background-image: url(assets/images/dark-less-equal_ecfcc7018d7031320472.svg);
}
.dark-unequal {
background-image: url(assets/images/dark-unequal_cac5e27408c67ee75e55.svg);
}
.dark-less {
background-image: url(assets/images/dark-less_2aa3abee0360d2ec950b.svg);
}
.dark-greater-equal {
background-image: url(assets/images/dark-greater-equal_799e1c866425201e9510.svg);
}
.dark-NA {
background-image: url(assets/images/dark-NA_b41f8f5a8c07c8b2682e.svg);
}
.dark-contains {
background-image: url(assets/images/dark-contains_de7b3da516d457db093e.svg);
}
.dark-inner {
background-image: url(assets/images/dark-inner_53917d05d3f78fe68906.svg);
}
.dark-greater {
background-image: url(assets/images/dark-greater_536e913055f424f2d61c.svg);
}
.dark-regex {
background-image: url(assets/images/dark-regex_35364b839aae50cc639e.svg);
}
.dark-in {
background-image: url(assets/images/dark-in_8603a18018634ecb580d.svg);
}
.dark-not-in {
background-image: url(assets/images/dark-not-in_72ab8fb9ba7a4db72933.svg);
}
.dark-equal {
background-image: url(assets/images/dark-equal_1cce8d619b3ada4b32f1.svg);
}
.dark-outer {
background-image: url(assets/images/dark-outer_216648a4127098a8d431.svg);
}
.pl-baseiconbutton.connector1 .pl-baseicon {
background-image: url(assets/images/back_412b05b5143db7675089.svg);
}
.pl-baseiconbutton.circle1 .pl-baseicon {
background-image: url(assets/images/circle_47b63a17c269a7e388e4.svg);
}
.pl-baseiconbutton.connection1 .pl-baseicon {
background-image: url(assets/images/connector_bacb43ab9e45251aaf79.svg);
}
.pl-baseiconbutton.text1 .pl-baseicon {
background-image: url(assets/images/text_25d448e834894b4a361e.svg);
}
.pl-baseiconbutton.rectangle1 .pl-baseicon {
background-image: url(assets/images/square_54268298719cd9732014.svg);
}
.pl-baseiconbutton.door .pl-baseicon {
background-image: url(assets/images/add-door_4ce9fb78a4c924932d19.svg);
background-size: 100%;
}
.pl-baseiconbutton.window .pl-baseicon {
background-image: url(assets/images/add-window_6409b8443bbaa73d8cf1.svg);
background-size: 100%;
}
.pl-baseiconbutton.snap .pl-baseicon {
background-image: url(assets/images/magnet_734ad7d3ad611e2d1337.svg);
}
.pl-baseiconbutton.polygon1 .pl-baseicon {
background-image: url(assets/images/PolygonTool_4adeda81818a6561227f.svg);
}
.pl-baseiconbutton.polyline1 .pl-baseicon {
background-image: url(assets/images/path_5c6e4f8a0342c248be4d.svg);
}
.pl-baseiconbutton.thickness .pl-baseicon {
background-image: url(assets/images/Thickness_070449a49e4b6541b43e.svg);
}
.pl-baseiconbutton.pencil .pl-baseicon {
background-image: url(assets/images/pencil_255a9f347a16d1700afb.svg);
background-size: 1.56rem;
}
.pl-baseiconbutton.brush .pl-baseicon {
background-image: url(assets/images/Brush_793ab066a3cbb4925da4.svg);
}
.pl-baseiconbutton.insert_vertex .pl-baseicon {
background-image: url(assets/images/add-vertex_b051a2504799defb0060.svg);
background-size: 100%;
}
.pl-baseiconbutton.zone-3d-rect .pl-baseicon {
background-image: url(assets/images/3d-rectangle_576c1ec4e445f87a6b3c.svg);
background-size: 100%;
}
.popup-button .pl-baseiconbutton.zone-3d-rect .pl-baseicon {
background-image: url(assets/images/3d-rectangle_576c1ec4e445f87a6b3c.svg), url(assets/images/expanding-arrow_58fec737890ae298c004.svg);
background-position-y: 0px, -2px;
}
.pl-baseiconbutton.zone-3d-polygon .pl-baseicon {
background-image: url(assets/images/3d-polygon_ee74992ec1635f861d6e.svg);
background-size: 100%;
}
.popup-button .pl-baseiconbutton.zone-3d-polygon .pl-baseicon {
background-image: url(assets/images/3d-polygon_ee74992ec1635f861d6e.svg), url(assets/images/expanding-arrow_58fec737890ae298c004.svg);
background-position-y: 0px, -2px;
}
.pl-baseiconbutton.zone-3d-curve .pl-baseicon {
background-image: url(assets/images/3d-curve_1465d5f93aa10dfa33aa.svg);
background-size: 100%;
}
.popup-button .pl-baseiconbutton.zone-3d-curve .pl-baseicon {
background-image: url(assets/images/3d-curve_1465d5f93aa10dfa33aa.svg), url(assets/images/expanding-arrow_58fec737890ae298c004.svg);
background-position-y: 0px, -2px;
}
.pl-baseiconbutton.door-void .pl-baseicon {
background-image: url(assets/images/door-void_ddfa13660e3cc7463633.svg);
background-size: 100%;
}
.popup-button .pl-baseiconbutton.door-void .pl-baseicon {
background-image: url(assets/images/door-void_ddfa13660e3cc7463633.svg), url(assets/images/expanding-arrow_58fec737890ae298c004.svg);
background-position-y: 0px, -2px;
}
.pl-baseiconbutton.door-folding .pl-baseicon {
background-image: url(assets/images/folding-door_1545780292fe952f788e.svg);
background-size: 100%;
}
.popup-button .pl-baseiconbutton.door-folding .pl-baseicon {
background-image: url(assets/images/folding-door_1545780292fe952f788e.svg), url(assets/images/expanding-arrow_58fec737890ae298c004.svg);
background-position-y: 0px, -2px;
}
.pl-baseiconbutton.door-revolving .pl-baseicon {
background-image: url(assets/images/revolving-door_091fbb6fd6d21c4bbe78.svg);
background-size: 100%;
}
.popup-button .pl-baseiconbutton.door-revolving .pl-baseicon {
background-image: url(assets/images/revolving-door_091fbb6fd6d21c4bbe78.svg), url(assets/images/expanding-arrow_58fec737890ae298c004.svg);
background-position-y: 0px, -2px;
}
.pl-baseiconbutton.door-rolling .pl-baseicon {
background-image: url(assets/images/rolling-door_3722f88198e7e83cc672.svg);
background-size: 100%;
}
.popup-button .pl-baseiconbutton.door-rolling .pl-baseicon {
background-image: url(assets/images/rolling-door_3722f88198e7e83cc672.svg), url(assets/images/expanding-arrow_58fec737890ae298c004.svg);
background-position-y: 0px, -2px;
}
.pl-baseiconbutton.door-sliding .pl-baseicon {
background-image: url(assets/images/sliding-door_433016e786f4cf79134b.svg);
background-size: 100%;
}
.popup-button .pl-baseiconbutton.door-sliding .pl-baseicon {
background-image: url(assets/images/sliding-door_433016e786f4cf79134b.svg), url(assets/images/expanding-arrow_58fec737890ae298c004.svg);
background-position-y: 0px, -2px;
}
.pl-baseiconbutton.door-swinging .pl-baseicon {
background-image: url(assets/images/swinging-door_2dcda4a6fe1f38751243.svg);
background-size: 100%;
}
.popup-button .pl-baseiconbutton.door-swinging .pl-baseicon {
background-image: url(assets/images/swinging-door_2dcda4a6fe1f38751243.svg), url(assets/images/expanding-arrow_58fec737890ae298c004.svg);
background-position-y: 0px, -2px;
}
.pl-baseiconbutton.door-tilting .pl-baseicon {
background-image: url(assets/images/tilting-door_239f9dea2ed79bd6d2eb.svg);
background-size: 100%;
}
.popup-button .pl-baseiconbutton.door-tilting .pl-baseicon {
background-image: url(assets/images/tilting-door_239f9dea2ed79bd6d2eb.svg), url(assets/images/expanding-arrow_58fec737890ae298c004.svg);
background-position-y: 0px, -2px;
}
.pl-baseiconbutton.wall-basic .pl-baseicon {
background-image: url(assets/images/basic-wall_913a02484b193158de46.svg);
background-size: 100%;
}
.popup-button .pl-baseiconbutton.wall-basic .pl-baseicon {
background-image: url(assets/images/basic-wall_913a02484b193158de46.svg), url(assets/images/expanding-arrow_58fec737890ae298c004.svg);
background-position-y: 0px, -2px;
}
.pl-baseiconbutton.wall-columns .pl-baseicon {
background-image: url(assets/images/column_f5454c30f481e95870d9.svg);
background-size: 100%;
}
.popup-button .pl-baseiconbutton.wall-columns .pl-baseicon {
background-image: url(assets/images/column_f5454c30f481e95870d9.svg), url(assets/images/expanding-arrow_58fec737890ae298c004.svg);
background-position-y: 0px, -2px;
}
.pl-baseiconbutton.wall-slab .pl-baseicon {
background-image: url(assets/images/slab_02b1901427f4b83ca584.svg);
background-size: 100%;
}
.popup-button .pl-baseiconbutton.wall-slab .pl-baseicon {
background-image: url(assets/images/slab_02b1901427f4b83ca584.svg), url(assets/images/expanding-arrow_58fec737890ae298c004.svg);
background-position-y: 0px, -2px;
}
.pl-baseiconbutton.wall-standard .pl-baseicon {
background-image: url(assets/images/standard-wall_cbb22b1dc9d0115fd26b.svg);
background-size: 100%;
}
.popup-button .pl-baseiconbutton.wall-standard .pl-baseicon {
background-image: url(assets/images/standard-wall_cbb22b1dc9d0115fd26b.svg), url(assets/images/expanding-arrow_58fec737890ae298c004.svg);
background-position-y: 0px, -2px;
}
.pl-baseiconbutton.wall-stone .pl-baseicon {
background-image: url(assets/images/stone-wall_63eba45051d074eb47e5.svg);
background-size: 100%;
}
.popup-button .pl-baseiconbutton.wall-stone .pl-baseicon {
background-image: url(assets/images/stone-wall_63eba45051d074eb47e5.svg), url(assets/images/expanding-arrow_58fec737890ae298c004.svg);
background-position-y: 0px, -2px;
}
.pl-baseiconbutton.wall-railing .pl-baseicon {
background-image: url(assets/images/railing_afe1378d2c0d9185808d.svg);
background-size: 100%;
}
.popup-button .pl-baseiconbutton.wall-railing .pl-baseicon {
background-image: url(assets/images/railing_afe1378d2c0d9185808d.svg), url(assets/images/expanding-arrow_58fec737890ae298c004.svg);
background-position-y: 0px, -2px;
}
.pl-baseiconbutton.roof-barrel .pl-baseicon {
background-image: url(assets/images/barrel-roof_9d6b08c8205d4c6e620f.svg);
background-size: 100%;
}
.popup-button .pl-baseiconbutton.roof-barrel .pl-baseicon {
background-image: url(assets/images/barrel-roof_9d6b08c8205d4c6e620f.svg), url(assets/images/expanding-arrow_58fec737890ae298c004.svg);
background-position-y: 0px, -2px;
}
.pl-baseiconbutton.roof-butterfly .pl-baseicon {
background-image: url(assets/images/butterfly_4f352340b2cb096212d9.svg);
background-size: 100%;
}
.popup-button .pl-baseiconbutton.roof-butterfly .pl-baseicon {
background-image: url(assets/images/butterfly_4f352340b2cb096212d9.svg), url(assets/images/expanding-arrow_58fec737890ae298c004.svg);
background-position-y: 0px, -2px;
}
.pl-baseiconbutton.roof-dome .pl-baseicon {
background-image: url(assets/images/dome_c0cced6b96a7fe2f1586.svg);
background-size: 100%;
}
.popup-button .pl-baseiconbutton.roof-dome .pl-baseicon {
background-image: url(assets/images/dome_c0cced6b96a7fe2f1586.svg), url(assets/images/expanding-arrow_58fec737890ae298c004.svg);
background-position-y: 0px, -2px;
}
.pl-baseiconbutton.roof-flat .pl-baseicon {
background-image: url(assets/images/flat_996aab001a6f78b6e15c.svg);
background-size: 100%;
}
.popup-button .pl-baseiconbutton.roof-flat .pl-baseicon {
background-image: url(assets/images/flat_996aab001a6f78b6e15c.svg), url(assets/images/expanding-arrow_58fec737890ae298c004.svg);
background-position-y: 0px, -2px;
}
.pl-baseiconbutton.roof-gable .pl-baseicon {
background-image: url(assets/images/gable_cefae89b939981ef0d99.svg);
background-size: 100%;
}
.popup-button .pl-baseiconbutton.roof-gable .pl-baseicon {
background-image: url(assets/images/gable_cefae89b939981ef0d99.svg), url(assets/images/expanding-arrow_58fec737890ae298c004.svg);
background-position-y: 0px, -2px;
}
.pl-baseiconbutton.roof-gambrel .pl-baseicon {
background-image: url(assets/images/gambrel_cda37db676efd15116fa.svg);
background-size: 100%;
}
.popup-button .pl-baseiconbutton.roof-gambrel .pl-baseicon {
background-image: url(assets/images/gambrel_cda37db676efd15116fa.svg), url(assets/images/expanding-arrow_58fec737890ae298c004.svg);
background-position-y: 0px, -2px;
}
.pl-baseiconbutton.roof-hip .pl-baseicon {
background-image: url(assets/images/hip_a5e5516fed3a986281c8.svg);
background-size: 100%;
}
.popup-button .pl-baseiconbutton.roof-hip .pl-baseicon {
background-image: url(assets/images/hip_a5e5516fed3a986281c8.svg), url(assets/images/expanding-arrow_58fec737890ae298c004.svg);
background-position-y: 0px, -2px;
}
.pl-baseiconbutton.roof-hipped-gable .pl-baseicon {
background-image: url(assets/images/hipped-gable_a180b9edbbbedc9dc3e7.svg);
background-size: 100%;
}
.popup-button .pl-baseiconbutton.roof-hipped-gable .pl-baseicon {
background-image: url(assets/images/hipped-gable_a180b9edbbbedc9dc3e7.svg), url(assets/images/expanding-arrow_58fec737890ae298c004.svg);
background-position-y: 0px, -2px;
}
.pl-baseiconbutton.roof-mansard .pl-baseicon {
background-image: url(assets/images/mansard_d0142225b208710143d6.svg);
background-size: 100%;
}
.popup-button .pl-baseiconbutton.roof-mansard .pl-baseicon {
background-image: url(assets/images/mansard_d0142225b208710143d6.svg), url(assets/images/expanding-arrow_58fec737890ae298c004.svg);
background-position-y: 0px, -2px;
}
.pl-baseiconbutton.roof-pavilion .pl-baseicon {
background-image: url(assets/images/pavilion_d797720e62381abdc8c5.svg);
background-size: 100%;
}
.popup-button .pl-baseiconbutton.roof-pavilion .pl-baseicon {
background-image: url(assets/images/pavilion_d797720e62381abdc8c5.svg), url(assets/images/expanding-arrow_58fec737890ae298c004.svg);
background-position-y: 0px, -2px;
}
.pl-baseiconbutton.roof-rainbow .pl-baseicon {
background-image: url(assets/images/rainbow_05a8aa7b7383e5b47175.svg);
background-size: 100%;
}
.popup-button .pl-baseiconbutton.roof-rainbow .pl-baseicon {
background-image: url(assets/images/rainbow_05a8aa7b7383e5b47175.svg), url(assets/images/expanding-arrow_58fec737890ae298c004.svg);
background-position-y: 0px, -2px;
}
.pl-baseiconbutton.roof-wrap-around .pl-baseicon {
background-image: url(assets/images/wrap-around_dee8332a5ce96e5d362e.svg);
background-size: 100%;
}
.popup-button .pl-baseiconbutton.roof-wrap-around .pl-baseicon {
background-image: url(assets/images/wrap-around_dee8332a5ce96e5d362e.svg), url(assets/images/expanding-arrow_58fec737890ae298c004.svg);
background-position-y: 0px, -2px;
}
.pl-baseiconbutton.stairs-with-landings .pl-baseicon {
background-image: url(assets/images/with-landings_e6b0a998b416505bf1e8.svg);
background-size: 100%;
}
.popup-button .pl-baseiconbutton.stairs-with-landings .pl-baseicon {
background-image: url(assets/images/with-landings_e6b0a998b416505bf1e8.svg), url(assets/images/expanding-arrow_58fec737890ae298c004.svg);
background-position-y: 0px, -2px;
}
.pl-baseiconbutton.stairs-with-winders .pl-baseicon {
background-image: url(assets/images/with-winders_cbc93622f05f043f2263.svg);
background-size: 100%;
}
.popup-button .pl-baseiconbutton.stairs-with-winders .pl-baseicon {
background-image: url(assets/images/with-winders_cbc93622f05f043f2263.svg), url(assets/images/expanding-arrow_58fec737890ae298c004.svg);
background-position-y: 0px, -2px;
}
.pl-baseiconbutton.stairs-ramp .pl-baseicon {
background-image: url(assets/images/ramp_ce212cd4806b585157c6.svg);
background-size: 100%;
}
.popup-button .pl-baseiconbutton.stairs-ramp .pl-baseicon {
background-image: url(assets/images/ramp_ce212cd4806b585157c6.svg), url(assets/images/expanding-arrow_58fec737890ae298c004.svg);
background-position-y: 0px, -2px;
}
.pl-baseiconbutton.runQuery {
background-image: url(assets/images/button-play-toolbar-round-default_6baa17c7d5a919165c82.svg);
border: none;
box-shadow: none;
transform: none;
}
.pl-baseiconbutton.runQuery:hover {
cursor: pointer;
}
.pl-baseiconbutton.runQuery:active {
background-blend-mode: normal;
background-image: url(assets/images/button-play-toolbar-round-pressed_16ab40659af9bf15790d.svg);
}
.pl-baseiconbutton.mergeQuery .pl-baseicon {
background-image: url(assets/images/merge_32013c4a5294e68d48a8.svg);
}
.pl-baseiconbutton.cleanUpQuery .pl-baseicon {
background-image: url(assets/images/clean-up_c4695e11446bbc05f789.svg);
}
.pl-baseiconbutton.historyQuery .pl-baseicon {
background-image: url(assets/images/history_725f89539ee2f274cee7.svg);
}
.pl-baseiconbutton.mask-polygon1 .pl-baseicon {
background-image: url(assets/images/mask-polygon_f4dfda1df9f23ada8804.svg);
}
.pl-baseiconbutton.mask-rectangle1 .pl-baseicon {
background-image: url(assets/images/mask-square_e90c9453ae3640d7bda1.svg);
}
.pl-baseiconbutton.mask-circle1 .pl-baseicon {
background-image: url(assets/images/mask-circle_8e79c68b10b7d5ba44b2.svg);
}
.pl-baseiconbutton.rotate1 .pl-baseicon {
background-image: url(assets/images/refresh5_3a6dc88526db226f29ea.svg);
}
.pl-baseiconbutton.flip1 .pl-baseicon {
background-image: url(assets/images/flip_c275cc74b7cd59c08a24.svg);
}
.pl-baseiconbutton.movedown1 .pl-baseicon {
background-image: url(assets/images/copy-down_76a8126e037e887b0251.svg);
}
.pl-baseiconbutton.moveup1 .pl-baseicon {
background-image: url(assets/images/copy-up_e55a15b97322f05d04f1.svg);
}
.pl-baseiconbutton.group1 .pl-baseicon {
background-image: url(assets/images/group-mask_c9a68136dd6142154888.svg);
}
.pl-baseiconbutton.ungroup1 .pl-baseicon {
background-image: url(assets/images/ungroup_670c6df9e73cdb4b666c.svg);
}
.pl-baseiconbutton.align-hleft .pl-baseicon {
background-image: url(assets/images/align-horizontal-left_98da8c92dfc3bb2d7b57.svg);
}
.pl-baseiconbutton.align-hcenter .pl-baseicon {
background-image: url(assets/images/align-horizontal-center_f9e9a95bdbf7015a2db8.svg);
}
.pl-baseiconbutton.align-hright .pl-baseicon {
background-image: url(assets/images/align-horizontal-right_1e19ea69a36982fee13b.svg);
}
.pl-baseiconbutton.align-vbottom .pl-baseicon {
background-image: url(assets/images/align-vertical-bottom_4bbc21b0bf79e50c7467.svg);
}
.pl-baseiconbutton.align-vmiddle .pl-baseicon {
background-image: url(assets/images/align-vertical-middle_8a27789652fae03d9a6d.svg);
}
.pl-baseiconbutton.align-vtop .pl-baseicon {
background-image: url(assets/images/align-vertical-top_5c514b8889931cfe3f36.svg);
}
.pl-baseiconbutton.addition1 .pl-baseicon {
background-image: url(assets/images/addition_034c0781d70b49e0c62d.svg);
}
.pl-baseiconbutton.case-statement1 .pl-baseicon {
background-image: url(assets/images/Case_statement_d7fe3fa05bbf9003bd3d.svg);
}
.pl-baseiconbutton.complex-numbers1 .pl-baseicon {
background-image: url(assets/images/complex_numbers_e5c604f9f23f8b8d8d25.svg);
}
.pl-baseiconbutton.cos1 .pl-baseicon {
background-image: url(assets/images/cos_7452a61a764c1b1d841d.svg);
}
.pl-baseiconbutton.division1 .pl-baseicon {
background-image: url(assets/images/divide_6b2cde718cece1e9f176.svg);
}
.pl-baseiconbutton.equal1 .pl-baseicon {
background-image: url(assets/images/equal_bedda4b892320d9156ba.svg);
}
.pl-baseiconbutton.natural-number1 .pl-baseicon {
background-image: url(assets/images/natural_number_1fb3a65aad13def52760.svg);
}
.pl-baseiconbutton.force1 .pl-baseicon {
background-image: url(assets/images/force_df53786051d17ab058de.svg);
}
.pl-baseiconbutton.gravitational-constant1 .pl-baseicon {
background-image: url(assets/images/gravitational_constant_91d3631ef29cc4becbcc.svg);
}
.pl-baseiconbutton.greater-equal1 .pl-baseicon {
background-image: url(assets/images/greater-equal_c8751ec8d06e2dba9d18.svg);
}
.pl-baseiconbutton.greater-than1 .pl-baseicon {
background-image: url(assets/images/greater_7748d7862cdec549698c.svg);
}
.pl-baseiconbutton.hysteresis1 .pl-baseicon {
background-image: url(assets/images/Hysteresis_47f33200e984e9b5f88c.svg);
}
.pl-baseiconbutton.h-symbol1 .pl-baseicon {
background-image: url(assets/images/h_symbol_b5374f7cbb2d967adc48.svg);
}
.pl-baseiconbutton.if1 .pl-baseicon {
background-image: url(assets/images/if_8db9da1a98d63de42e7b.svg);
}
.pl-baseiconbutton.imaginary1 .pl-baseicon {
background-image: url(assets/images/imaginary_f9267255b2e6cdac71ef.svg);
}
.pl-baseiconbutton.inner1 .pl-baseicon {
background-image: url(assets/images/Inner_0efc7f3d522e09fbf7df.svg);
}
.pl-baseiconbutton.k-symbol1 .pl-baseicon {
background-image: url(assets/images/k_symbol_47f2359c1214cd172701.svg);
}
.pl-baseiconbutton.log1 .pl-baseicon {
background-image: url(assets/images/log_6f0276881c7c37fb8e71.svg);
}
.pl-baseiconbutton.log-base-a1 .pl-baseicon {
background-image: url(assets/images/log-base-a_1c5bf3b19935661658eb.svg);
}
.pl-baseiconbutton.less-equal1 .pl-baseicon {
background-image: url(assets/images/less-equal_8a043177957d02192dc1.svg);
}
.pl-baseiconbutton.less-than1 .pl-baseicon {
background-image: url(assets/images/less_f0ecc242de97938421c7.svg);
}
.pl-baseiconbutton.mean1 .pl-baseicon {
background-image: url(assets/images/mean_30ccf03780761beaad5c.svg);
}
.pl-baseiconbutton.multiplication1 .pl-baseicon {
background-image: url(assets/images/multiply_50b167feec52fe7a7535.svg);
}
.pl-baseiconbutton.na1 .pl-baseicon {
background-image: url(assets/images/NA_4dfdeefdb707ce95adec.svg);
}
.pl-baseiconbutton.natural-log1 .pl-baseicon {
background-image: url(assets/images/natural-log_7a48f0c55c9bffa85201.svg);
}
.pl-baseiconbutton.outter1 .pl-baseicon {
background-image: url(assets/images/Outter_bd45c5c30895f4806aef.svg);
}
.pl-baseiconbutton.pi1 .pl-baseicon {
background-image: url(assets/images/pi_062afc81127be4f2703b.svg);
}
.pl-baseiconbutton.rationals1 .pl-baseicon {
background-image: url(assets/images/rationals_c3fff11e71aa85226a03.svg);
}
.pl-baseiconbutton.real1 .pl-baseicon {
background-image: url(assets/images/real_15264e0a1c2f51bb865d.svg);
}
.pl-baseiconbutton.root-n1 .pl-baseicon {
background-image: url(assets/images/root-n_1705829c5260cdfb887f.svg);
}
.pl-baseiconbutton.sin1 .pl-baseicon {
background-image: url(assets/images/sin_60911e64004aceac66e5.svg);
}
.pl-baseiconbutton.square-root1 .pl-baseicon {
background-image: url(assets/images/square-root_29987d6a1022641f3a9a.svg);
}
.pl-baseiconbutton.squared1 .pl-baseicon {
background-image: url(assets/images/squared_6455247f342c22b98714.svg);
}
.pl-baseiconbutton.subtraction1 .pl-baseicon {
background-image: url(assets/images/subtract_4a632cf39738ec4159ca.svg);
}
.pl-baseiconbutton.superscript1 .pl-baseicon {
background-image: url(assets/images/superscript_6952ed56d68ef7eb80a2.svg);
}
.pl-baseiconbutton.sum1 .pl-baseicon {
background-image: url(assets/images/sum_23654326304196a137da.svg);
}
.pl-baseiconbutton.tan1 .pl-baseicon {
background-image: url(assets/images/tan_d830d804198b0644c0c9.svg);
}
.pl-baseiconbutton.unequal1 .pl-baseicon {
background-image: url(assets/images/unequal_c9eb585472001bc953d5.svg);
}
.pl-baseiconbutton.x-sub1 .pl-baseicon {
background-image: url(assets/images/Xsub_dd4dfc5b2f244e4b71d9.svg);
}
.pl-baseiconbutton.import .pl-baseicon {
background-image: url(assets/images/import_5fb1e4b3d49c69fdb6ab.svg);
}
.pl-baseiconbutton.export .pl-baseicon {
background-image: url(assets/images/export_a3532d02740f884a35d7.svg);
}
.pl-baseiconbutton.info .pl-baseicon {
background-image: url(assets/images/info_50faaa05f1fe8142b433.svg);
}
.pl-baseiconbutton.magic-wand .pl-baseicon {
background-image: url(assets/images/magic-wand_4c75741f87cc0176f90d.svg);
background-size: 100%;
}
.pl-baseiconbutton.magic-wand-curve .pl-baseicon {
background-image: url(assets/images/magic-wand-curve_dcfb1cc7d95099ac086f.svg);
background-size: 100%;
}
.pl-baseiconbutton.magic-wand-stamp .pl-baseicon {
background-image: url(assets/images/magic-wand-stamp_a46470efca0173dbfb1a.svg);
background-size: 100%;
}
.pl-baseiconbutton.magic-wand-line .pl-baseicon {
background-image: url(assets/images/magic-wand-line_df9569389c133c738b08.svg);
background-size: 100%;
}
.pl-baseiconbutton.magic-wand-line .popup-button {
background-image: url(assets/images/magic-wand_4c75741f87cc0176f90d.svg);
background-size: 100%;
}
.pl-baseiconbutton.magic-wand-polygon .pl-baseicon {
background-image: url(assets/images/magic-wand-polygon_ec93d562d2a4a1a535d3.svg);
background-size: 100%;
}
.pl-baseiconbutton.magic-wand-square .pl-baseicon {
background-image: url(assets/images/magic-wand-square_a9cea97f93c75a5aac05.svg);
background-size: 100%;
}
.pl-baseiconbutton.cut-space .pl-baseicon {
background-image: url(assets/images/cut-space_b5150a26fb964369a2e5.svg), url(assets/images/expanding-arrow_58fec737890ae298c004.svg);
background-size: 100%;
background-position-y: 0px, -2px;
}
.pl-baseiconbutton.copy-up1 .pl-baseicon {
background-image: url(assets/images/copy-up_e55a15b97322f05d04f1.svg);
background-size: 100%;
}
.pl-baseiconbutton.copy-down1 .pl-baseicon {
background-image: url(assets/images/copy-down_76a8126e037e887b0251.svg);
background-size: 100%;
}
.pl-baseiconbutton.delete1 .pl-baseicon {
background-image: url(assets/images/delete_08c628eeabf71967ca83.svg);
background-size: 100%;
}
.pl-baseiconbutton.floor-void .pl-baseicon {
background-image: url(assets/images/floor-void_aa9cf97cadb7a70cfaa4.svg);
background-size: 100%;
}
.pl-baseiconbutton.trash .pl-baseicon {
background-image: url(assets/images/trash_563b8c313f059e184592.svg);
background-size: 100%;
}
.pl-baseiconbutton.move1 .pl-baseicon {
background-image: url(assets/images/move_b507a2fe9bb21ee3dcad.svg);
}
.pl-baseiconbutton.resize1 .pl-baseicon {
background-image: url(assets/images/resize_7e00c64fb1419dd446c1.svg);
}
.pl-baseiconbutton.grouped1 .pl-baseicon {
background-image: url(assets/images/icon-group_5f5dd523231745213c0e.svg);
}
.pl-baseiconbutton.add-instance1 .pl-baseicon {
background-image: url(assets/images/copy-right_a9603c3d8f6529bab1c8.svg);
}
.pl-baseiconbutton.add-instance-21 .pl-baseicon {
background-image: url(assets/images/add-instance_3bf52732fd9cbbf60c73.svg);
}
.pl-baseiconbutton.view-window1 .pl-baseicon {
background-image: url(assets/images/duplicate2_d5aa064a2e6e7e28bb99.svg);
}
.pl-baseiconbutton.zone-group1 .pl-baseicon {
background-image: url(assets/images/ZoneGrouping_cd8276e9e329b94a8df8.svg);
}
.pl-baseiconbutton.wall-extrusion-raise1 .pl-baseicon {
background-image: url(assets/images/wall_extrusion_raise_f2d6a909901fb4ea5aff.svg);
}
.pl-baseiconbutton.wall-extrusion-lower1 .pl-baseicon {
background-image: url(assets/images/wall_extrusion_lower_eabeee28b1807f8e5075.svg);
}
.pl-baseiconbutton.property-button1 {
width: 1.81rem;
height: 1.75rem;
background-size: 1.81rem;
margin-top: auto !important;
margin-bottom: auto !important;
}
.pl-baseiconbutton.property-button1 .pl-baseicon {
background-image: url(assets/images/p-symbol_50b0698017cc2274bcce.svg);
}
.pl-baseiconbutton.property-button1.behavior-bt-color1 {
background-color: #5d7ca7;
border: solid 2px #36465b;
}
.pl-baseiconbutton.property-button1.computed-bt-color1 {
background-color: #6694be;
border: solid 2px #3b5267;
}
.pl-baseiconbutton.property-button1.property-bt-color1 {
background-color: #949191;
border: solid 2px #525050;
}
.round-grabber {
position: fixed;
height: inherit;
}
.round-grabber.hide-round-grabber {
padding-left: unset;
margin-left: -0.0938rem;
transition: all 0.3s ease-in-out;
}
.round-grabber.hide-round-grabber .tools-container {
border-radius: 0;
transition: all 0.3s ease-in-out;
width: 1.56rem;
}
.round-grabber.hide-round-grabber .tools-container .tool-icon {
visibility: hidden;
opacity: 0;
transition: visibility 0.3s ease 0.15s, opacity 0.3s linear;
transition-delay: 0.15s;
}
.round-grabber.display-round-grabber {
margin-left: -3.75rem;
transition: all 0.3s ease-in-out;
overflow: visible;
}
.round-grabber.display-round-grabber.adjust-right {
margin-left: -16.6rem;
}
.round-grabber.display-round-grabber .tools-container {
box-shadow: -6px 3px 8px 0 rgba(31, 31, 31, 0.75);
border-radius: 30px;
transition: all 0.3s ease-in-out;
}
.round-grabber.display-round-grabber .tools-container .tool-icon {
visibility: visible;
opacity: 1;
transition: visibility 0.3s, opacity 0.3s linear;
transition-delay: 0.15s;
}
.round-grabber .tools-container {
width: 3.34rem;
height: inherit;
display: inline-grid;
grid-template-columns: 17px 40px;
}
.round-grabber .tools-container .toolbar-image {
background-size: contain;
height: inherit;
width: 60%;
}
.round-grabber .tools-container .round-dragger-dots {
display: inline-grid;
grid-template-columns: 0.469rem 0.299rem 0.226rem;
grid-column: 1/3;
align-items: center;
margin-top: unset;
margin-left: 0.0313rem;
}
.round-grabber .tools-container .tool-icon {
grid-column: 2/4;
display: inline-block;
}
.round-grabber.round-grabber-relative {
padding-left: unset;
position: unset;
}
.round-grabber.round-grabber-relative.hide-round-grabber {
margin-left: unset;
}
.pl-baseiconbutton.favorite1 .pl-baseicon {
background-image: url(assets/images/bookmark_83ad2c35247ce2d4f140.svg);
}
.pl-baseiconbutton.alpha1 .pl-baseicon {
background-image: url(assets/images/text_25d448e834894b4a361e.svg);
}
.pl-baseiconbutton.date1 .pl-baseicon {
background-image: url(assets/images/Date_3649980d307639b0818a.svg);
}
.pl-baseiconbutton.error1 .pl-baseicon {
background-image: url(assets/images/exclamation_ea3bd3ad1107815b6257.svg);
}
.pl-baseiconbutton.pencil1 .pl-baseicon {
background-image: url(assets/images/pencil_255a9f347a16d1700afb.svg);
}
.pl-baseiconbutton.tag1 .pl-baseicon {
background-image: url(assets/images/tag_f644e64d9f238c23153b.svg);
}
.pl-baseiconbutton.clock1 .pl-baseicon {
background-image: url(assets/images/clock_26eb89cf04dcde737bc1.svg);
}
.pl-baseiconbutton.building1 .pl-baseicon {
background-image: url(assets/images/building_b5435df2a22a7893cf71.svg);
}
.pl-baseiconbutton.now1 .pl-baseicon {
background-image: url(assets/images/now_d53d5fdaef9a3135bca6.svg);
}
.pl-baseiconbutton.plus1 .pl-baseicon {
background-image: url(assets/images/v-2-glyph-add_44f611bff7f51e9a0746.svg);
}
.pl-baseiconbutton.folder-custom .pl-baseicon {
background-image: url(assets/images/folder_custom_1d090ec9e4c628abbc05.svg);
}
.pl-baseiconbutton.folder-internal .pl-baseicon {
background-image: url(assets/images/folder_internal_169bb61b8e573c3e5180.svg);
}
.pl-baseiconbutton.folder-public .pl-baseicon {
background-image: url(assets/images/folder_public_5df64801c793143c63c9.svg);
}
.pl-baseiconbutton.advanced-filter .pl-baseicon {
background-image: url(assets/images/advanced_filter_88eabb0f5da8261f26dc.svg);
}
.pl-baseiconbutton.public-filter .pl-baseicon {
background-image: url(assets/images/public_filter_8562feaaf34330ef8fd1.svg);
}
.pl-baseiconbutton.private-filter .pl-baseicon {
background-image: url(assets/images/private_filter_7f53834d7c19da35af24.svg);
}
.pl-baseiconbutton.select1 .pl-baseicon {
background-image: url(assets/images/select_7e17bb25a866a00f0a8f.svg);
background-size: 100%;
}
.pl-basenormalbutton.hive-button-back {
border: none;
box-shadow: none;
line-height: 1.38rem;
width: 4.06rem !important;
padding-left: 1.09rem;
padding-right: 0.469rem;
color: #aeadb1 !important;
background-color: unset !important;
background-size: contain !important;
background: url(assets/images/bt-navigation-back_fadda3e7a8dce67ccba2.png) no-repeat;
font-family: 'AvenirNext';
font-variation-settings: "wght" 700, "wdth" 75;
font-size: 0.906rem;
}
.pl-basenormalbutton.hive-button-back.wide {
font-size: 1rem;
font-weight: 800;
font-stretch: condensed;
position: relative;
line-height: 1.94rem;
letter-spacing: normal;
text-align: center;
mix-blend-mode: hard-light;
background-size: contain !important;
width: 6.69rem !important;
height: 1.94rem !important;
min-height: 1.94rem !important;
margin: auto;
margin-left: 1.25rem;
font-variation-settings: "wght" 700, "wdth" 85;
cursor: pointer;
}
.pl-basenormalbutton.hive-button-back.wide.active,
.pl-basenormalbutton.hive-button-back.wide.pressed {
background-size: contain !important;
}
.pl-basenormalbutton.hive-button-back.active,
.pl-basenormalbutton.hive-button-back.pressed {
background: url(assets/images/bt-navigation-back_fadda3e7a8dce67ccba2.png) no-repeat;
}
.pl-basenormalbutton {
width: auto !important;
min-width: 5.94rem;
height: 2.31rem !important;
min-height: 2.31rem !important;
}
.pl-basenormalbutton.pl-normal-button-dark {
color: #d5d5d5;
}
.pl-basenormalbutton.pl-normal-button-light {
color: #5a5960;
background: #d5d5d5;
border: solid 1px #a7a7a7;
}
.pl-basenormalbutton.pl-normal-button-orange {
color: #ffffff;
background-color: #f29f00 !important;
border: solid 1px #a7a7a7 !important;
}
.pl-basenormalbutton.pl-normal-button-green {
color: #d9d9d9;
background-color: #799e4e !important;
border: solid 1px #a7a7a7 !important;
}
.pl-basenormalbutton.pl-normal-button-red {
color: #d9d9d9;
background-color: #e27c6f !important;
border: solid 1px black !important;
}
.pl-basenormalbutton .pl-normal-button-yellow {
color: #d9d9d9;
background-color: #bba421 !important;
border: solid 1px black !important;
}
.pl-basenormalbutton.pl-normal-button-lightgreen {
color: #d9d9d9;
background-color: #bbdfc1 !important;
border: solid 1px #808080 !important;
}
.pl-basenormalbutton.pl-normal-button-lightred {
color: #d9d9d9;
background-color: #dfbbbb !important;
border: solid 1px black !important;
}
.pl-basenormalbutton.pl-normal-button-lightyellow {
color: #d9d9d9;
background-color: #bba421 !important;
border: solid 1px black !important;
}
.pl-basenormalbutton.pl-custom-logout {
width: 136px;
height: 48px !important;
padding: 16px 14px 16px 16px;
border-radius: 8px;
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.2);
background-color: rgba(255, 255, 255, 0.95);
border: none;
}
.pl-basenormalbutton.pl-custom-logout .logoutIcon {
margin-right: 0.625rem;
width: 1.25rem;
height: 1.25rem;
}
.pl-basenormalbutton.pl-custom-logout .logout-padding {
padding-right: 16px;
}
.pl-basebutton.repeater-button {
display: flex;
align-items: center;
justify-content: space-between;
width: 4.06rem !important;
min-width: 0rem !important;
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
padding: 0 0.469rem 0 0.156rem;
}
.pl-basebutton.repeater-button.runtime {
height: 1.28rem !important;
min-height: 1.28rem !important;
text-transform: initial !important;
font-size: 0.5rem;
}
.pl-basebutton.repeater-button.runtime.Body-Text {
font-size: 0.5rem;
font-variation-settings: "wght" 600, "wdth" 100;
}
.pl-basebutton.repeater-button.runtime .Body-Text {
font-size: 0.5rem;
font-variation-settings: "wght" 600, "wdth" 100;
}
.pl-basebutton.repeater-button.runtime .text-color {
color: #d9d9d9 !important;
}
.pl-basebutton.repeater-button.runtime.green-badge {
background-color: #799e4e;
}
.pl-basebutton.repeater-button.runtime.yellow-badge {
background-color: #bba421;
}
.pl-basebutton.repeater-button.runtime.red-badge {
background-color: #8d3333;
}
.pl-basenormalbutton.pl-button-oval {
border: unset;
border-radius: 36px;
box-shadow: unset;
display: inline-flex;
height: 1.72rem !important;
width: 3.75rem !important;
min-height: 2.34rem !important;
min-width: 3.44rem;
}
.pl-basenormalbutton.pl-button-oval.narrow-oval {
width: 2.63rem;
min-width: 2.63rem;
}
.pl-basenormalbutton.pl-button-oval.center-text {
line-height: 100%;
margin: auto;
}
.pl-basenormalbutton.pl-button-oval.orange {
background-color: #f29f00;
}
.pl-basenormalbutton.pl-button-oval.red {
background-color: #e75531;
}
.pl-basenormalbutton.pl-button-oval.white {
background-color: #fafafb;
}
.pl-basenormalbutton.pl-button-oval.button-shadow {
box-shadow: inset -0.1px 1.3px 1px 0 rgba(0, 0, 0, 0.2), inset 0.1px -1px 1px 0 rgba(255, 255, 255, 0.75), inset 0 0 8px 0 rgba(89, 89, 89, 0.1);
border-style: solid;
border-width: 1px;
transform: rotate(-180deg);
border: unset;
}
.pl-basenormalbutton.pl-button-oval.button-shadow .text {
transform: rotate(-180deg);
}
.pl-basenormalbutton.pl-button-oval.red-text {
background-color: #e75531;
}
.pl-basenormalbutton.pl-button-oval .image-wrapper {
background-color: #fff;
border-radius: 50%;
position: absolute;
left: 2.5rem;
height: 1.56rem;
width: 1.56rem;
}
.pl-basenormalbutton.pl-button-oval.large .text-font {
font-size: 1.02rem;
}
.pl-basenormalbutton.pl-button-oval.rocket-icon .icon-image {
background-image: url('#assets/images/hive-images/small-icons/PLDesktop/pl-icon-rocket.svg');
width: 1.56rem;
height: 1.56rem;
background-size: contain;
}
.pl-tab-button {
color: #ffffff;
height: 1.56rem;
background: linear-gradient(to bottom, #5174A5, #5174A5);
border-radius: 0;
border-color: black;
border-style: solid;
border-width: 0 0.0781rem 0.0781rem 0;
}
.pl-tab-button.pressed,
.pl-tab-button.active {
color: #3c3a46;
background: #e9e9e9;
border-width: 0 0.0781rem 0 0;
box-shadow: none;
}
.vertical-tab-panel {
height: inherit;
}
.vertical-tab-panel.dark-theme {
background-color: #2c2c2c;
}
.vertical-tab-panel.dark-theme .tab-button {
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.5);
background-color: #444a53;
}
.vertical-tab-panel.dark-theme .vertical-tab-label {
background-color: #2c2c2c;
}
.vertical-tab-panel.dark-theme .active .hive-button::before {
background-image: url(assets/images/orange_vertical_9eb7cdf8afb158e1b142.svg);
background-color: #434a54;
background-repeat: no-repeat;
}
.vertical-tab-panel.dark-theme .active .hive-button {
margin-left: -0.313rem;
background-color: #f29f00 !important;
}
.vertical-tab-panel.dark-theme .active .hive-button .button-content {
color: #3a3a3a;
}
.vertical-tab-panel.dark-theme .button-content {
color: #a8a8a8;
}
.vertical-tab-panel.dark-theme .tab-title .button-content {
color: rgba(168, 168, 168, 0.55);
}
.vertical-tab-panel.dark-theme .last-tab .hive-button::before {
background-color: #2c2c2c;
}
.vertical-tab-panel .vertical-tab-label {
position: absolute;
height: 100% !important;
}
.vertical-tab-panel .tab-buttons {
width: 44px;
height: fit-content;
float: left;
overflow: hidden;
}
.vertical-tab-panel .tab-buttons .tab-alignment-wrapper {
display: inline-grid;
width: inherit;
height: fit-content;
min-height: 100%;
}
.vertical-tab-panel .tab-buttons .hive-button::before {
content: "";
background: url(assets/images/grey_vertical_d9cc9a350aa6ef79278a.svg) 50% 100% no-repeat;
background-repeat: no-repeat;
display: block;
position: absolute;
bottom: 0;
right: 0px;
z-index: 0;
height: 44px;
width: 44px;
transform: scaleX(1);
}
.vertical-tab-panel .tab-buttons .tab-behind-active .hive-button::before {
background-color: #f29f00;
}
.vertical-tab-panel .tab-buttons .hive-button {
background-color: #434a54 !important;
background-size: cover;
background-repeat: no-repeat;
margin-left: -0.313rem;
padding: unset;
box-shadow: unset;
}
.vertical-tab-panel .tab-buttons .tab-button {
height: 9.75rem !important;
padding: 0 1.25rem;
min-width: inherit;
overflow: hidden;
z-index: 2;
}
.vertical-tab-panel .tab-buttons .button-content {
height: 100%;
transform: rotate(180deg);
writing-mode: vertical-lr;
text-orientation: mixed;
text-align: center;
vertical-align: middle;
margin: auto;
overflow: hidden;
text-overflow: ellipsis;
text-transform: uppercase;
z-index: 2;
}
.vertical-tab-panel .tab-buttons .button-content.button-size-small {
font-size: 0.625rem;
padding-bottom: 25px;
}
.vertical-tab-panel .tab-buttons .tab-title {
bottom: 0px;
position: absolute;
width: inherit;
min-width: inherit;
height: fit-content !important;
padding: 0.625rem 0rem;
z-index: 2;
}
.vertical-tab-panel .tab-buttons .tab-title .button-content {
color: rgba(168, 168, 168, 0.55);
height: fit-content;
}
.vertical-tab-panel-fill {
height: inherit;
position: relative;
display: flex;
}
.vertical-tab-panel-fill.dark-theme {
background-color: #2c2c2c;
}
.vertical-tab-panel-fill.dark-theme .tab-button {
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.5);
background-color: #444a53;
}
.vertical-tab-panel-fill.dark-theme .vertical-tab-label {
background-color: #2c2c2c;
}
.vertical-tab-panel-fill.dark-theme .active .hive-button::before {
background-image: url(assets/images/orange_vertical_9eb7cdf8afb158e1b142.svg);
background-color: #434a54;
background-repeat: no-repeat;
}
.vertical-tab-panel-fill.dark-theme .active .hive-button {
margin-left: -0.313rem;
background-color: #f29f00 !important;
}
.vertical-tab-panel-fill.dark-theme .active .hive-button .button-content {
color: #3a3a3a;
}
.vertical-tab-panel-fill.dark-theme .button-content {
color: #a8a8a8;
}
.vertical-tab-panel-fill.dark-theme .tab-title .button-content {
color: rgba(168, 168, 168, 0.55);
}
.vertical-tab-panel-fill.dark-theme .last-tab .hive-button::before {
background-color: #2c2c2c;
}
.vertical-tab-panel-fill .vertical-tab-label {
position: absolute;
height: 100% !important;
}
.vertical-tab-panel-fill .tab-buttons {
width: 44px;
height: fit-content;
float: left;
overflow: hidden;
}
.vertical-tab-panel-fill .tab-buttons .tab-alignment-wrapper {
display: inline-grid;
width: inherit;
height: fit-content;
min-height: 100%;
}
.vertical-tab-panel-fill .tab-buttons .hive-button::before {
content: "";
background: url(assets/images/grey_vertical_d9cc9a350aa6ef79278a.svg) 50% 100% no-repeat;
background-repeat: no-repeat;
display: block;
position: absolute;
bottom: 0;
right: 0px;
z-index: 0;
height: 44px;
width: 44px;
transform: scaleX(1);
}
.vertical-tab-panel-fill .tab-buttons .tab-behind-active .hive-button::before {
background-color: #f29f00;
}
.vertical-tab-panel-fill .tab-buttons .hive-button {
background-color: #434a54 !important;
background-size: cover;
background-repeat: no-repeat;
margin-left: -0.313rem;
padding: unset;
box-shadow: unset;
}
.vertical-tab-panel-fill .tab-buttons .tab-button {
height: 9.75rem !important;
padding: 0 1.25rem;
min-width: inherit;
overflow: hidden;
z-index: 2;
}
.vertical-tab-panel-fill .tab-buttons .button-content {
height: 100%;
transform: rotate(180deg);
writing-mode: vertical-lr;
text-orientation: mixed;
text-align: center;
vertical-align: middle;
margin: auto;
overflow: hidden;
text-overflow: ellipsis;
text-transform: uppercase;
z-index: 2;
}
.vertical-tab-panel-fill .tab-buttons .button-content.button-size-small {
font-size: 0.625rem;
padding-bottom: 25px;
}
.vertical-tab-panel-fill .tab-buttons .tab-title {
bottom: 0px;
position: absolute;
width: inherit;
min-width: inherit;
height: fit-content !important;
padding: 0.625rem 0rem;
z-index: 2;
}
.vertical-tab-panel-fill .tab-buttons .tab-title .button-content {
color: rgba(168, 168, 168, 0.55);
height: fit-content;
}
.vertical-tab-panel-fill .tab-buttons {
overflow: hidden;
display: flex;
flex-direction: column;
width: 51px;
background: unset #434a54;
}
.vertical-tab-panel-fill .tab-buttons .tab-button {
position: relative;
overflow: hidden;
height: unset !important;
flex: 1;
}
.vertical-tab-panel-fill .tab-buttons .hive-button {
height: unset inherit !important;
display: flex;
}
.vertical-tab-panel-fill .vertical-tab {
width: 100%;
height: 100%;
display: flex;
background: #434a54;
overflow: hidden;
margin-top: -3px;
}
.horizontal-tab-panel {
height: inherit;
display: flex;
flex-direction: row;
width: 100%;
}
.horizontal-tab-panel.dark-theme {
background-color: #2c2c2c;
}
.horizontal-tab-panel.dark-theme .tab-button {
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.5);
background-color: #444a53;
}
.horizontal-tab-panel.dark-theme .vertical-tab-label {
background-color: #2c2c2c;
}
.horizontal-tab-panel.dark-theme .active .hive-button::before {
background-image: url(assets/images/orange_vertical_9eb7cdf8afb158e1b142.svg);
background-color: #434a54;
background-repeat: no-repeat;
}
.horizontal-tab-panel.dark-theme .active .hive-button {
margin-left: -0.313rem;
background-color: #f29f00 !important;
}
.horizontal-tab-panel.dark-theme .active .hive-button .button-content {
color: #3a3a3a;
}
.horizontal-tab-panel.dark-theme .button-content {
color: #a8a8a8;
}
.horizontal-tab-panel.dark-theme .tab-title .button-content {
color: rgba(168, 168, 168, 0.55);
}
.horizontal-tab-panel.dark-theme .last-tab .hive-button::before {
background-color: #2c2c2c;
}
.horizontal-tab-panel .vertical-tab-label {
position: absolute;
height: 100% !important;
}
.horizontal-tab-panel .tab-buttons {
width: 44px;
height: fit-content;
float: left;
overflow: hidden;
}
.horizontal-tab-panel .tab-buttons .tab-alignment-wrapper {
display: inline-grid;
width: inherit;
height: fit-content;
min-height: 100%;
}
.horizontal-tab-panel .tab-buttons .hive-button::before {
content: "";
background: url(assets/images/grey_vertical_d9cc9a350aa6ef79278a.svg) 50% 100% no-repeat;
background-repeat: no-repeat;
display: block;
position: absolute;
bottom: 0;
right: 0px;
z-index: 0;
height: 44px;
width: 44px;
transform: scaleX(1);
}
.horizontal-tab-panel .tab-buttons .tab-behind-active .hive-button::before {
background-color: #f29f00;
}
.horizontal-tab-panel .tab-buttons .hive-button {
background-color: #434a54 !important;
background-size: cover;
background-repeat: no-repeat;
margin-left: -0.313rem;
padding: unset;
box-shadow: unset;
}
.horizontal-tab-panel .tab-buttons .tab-button {
height: 9.75rem !important;
padding: 0 1.25rem;
min-width: inherit;
overflow: hidden;
z-index: 2;
}
.horizontal-tab-panel .tab-buttons .button-content {
height: 100%;
transform: rotate(180deg);
writing-mode: vertical-lr;
text-orientation: mixed;
text-align: center;
vertical-align: middle;
margin: auto;
overflow: hidden;
text-overflow: ellipsis;
text-transform: uppercase;
z-index: 2;
}
.horizontal-tab-panel .tab-buttons .button-content.button-size-small {
font-size: 0.625rem;
padding-bottom: 25px;
}
.horizontal-tab-panel .tab-buttons .tab-title {
bottom: 0px;
position: absolute;
width: inherit;
min-width: inherit;
height: fit-content !important;
padding: 0.625rem 0rem;
z-index: 2;
}
.horizontal-tab-panel .tab-buttons .tab-title .button-content {
color: rgba(168, 168, 168, 0.55);
height: fit-content;
}
.horizontal-tab-panel.dark-theme {
background-color: #2c2c2c;
}
.horizontal-tab-panel.dark-theme .tab-button {
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.5);
background-color: #444a53;
}
.horizontal-tab-panel.dark-theme .vertical-tab-label {
background-color: #2c2c2c;
}
.horizontal-tab-panel.dark-theme .active .hive-button::before {
background-image: url(assets/images/orange_vertical_9eb7cdf8afb158e1b142.svg);
background-color: #434a54;
background-repeat: no-repeat;
}
.horizontal-tab-panel.dark-theme .active .hive-button {
margin-left: -0.313rem;
background-color: #f29f00 !important;
}
.horizontal-tab-panel.dark-theme .active .hive-button .button-content {
color: #3a3a3a;
}
.horizontal-tab-panel.dark-theme .button-content {
color: #a8a8a8;
}
.horizontal-tab-panel.dark-theme .tab-title .button-content {
color: rgba(168, 168, 168, 0.55);
}
.horizontal-tab-panel.dark-theme .last-tab .hive-button::before {
background-color: #2c2c2c;
}
.horizontal-tab-panel.dark-theme .horizontal-tab-label {
background-color: unset;
flex: 1;
}
.horizontal-tab-panel.dark-theme .active .hive-button {
margin-left: -0.313rem;
}
.horizontal-tab-panel .horizontal-tab-label {
position: absolute;
height: 100% !important;
z-index: 1;
}
.horizontal-tab-panel .tab-buttons {
flex: 1;
display: flex;
flex-direction: row;
}
.horizontal-tab-panel .tab-buttons .hive-button {
background-image: unset;
background-size: 100% 100%;
}
.horizontal-tab-panel .tab-buttons .button-content {
flex: 1;
transform: none;
writing-mode: unset;
text-orientation: unset;
}
.horizontal-tab-panel-fill {
height: inherit;
position: relative;
display: flex;
flex-direction: row;
flex: 1;
}
.horizontal-tab-panel-fill.dark-theme {
background-color: #2c2c2c;
}
.horizontal-tab-panel-fill.dark-theme .tab-button {
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.5);
background-color: #444a53;
}
.horizontal-tab-panel-fill.dark-theme .vertical-tab-label {
background-color: #2c2c2c;
}
.horizontal-tab-panel-fill.dark-theme .active .hive-button::before {
background-image: url(assets/images/orange_vertical_9eb7cdf8afb158e1b142.svg);
background-color: #434a54;
background-repeat: no-repeat;
}
.horizontal-tab-panel-fill.dark-theme .active .hive-button {
margin-left: -0.313rem;
background-color: #f29f00 !important;
}
.horizontal-tab-panel-fill.dark-theme .active .hive-button .button-content {
color: #3a3a3a;
}
.horizontal-tab-panel-fill.dark-theme .button-content {
color: #a8a8a8;
}
.horizontal-tab-panel-fill.dark-theme .tab-title .button-content {
color: rgba(168, 168, 168, 0.55);
}
.horizontal-tab-panel-fill.dark-theme .last-tab .hive-button::before {
background-color: #2c2c2c;
}
.horizontal-tab-panel-fill .vertical-tab-label {
position: absolute;
height: 100% !important;
}
.horizontal-tab-panel-fill .tab-buttons {
width: 44px;
height: fit-content;
float: left;
overflow: hidden;
}
.horizontal-tab-panel-fill .tab-buttons .tab-alignment-wrapper {
display: inline-grid;
width: inherit;
height: fit-content;
min-height: 100%;
}
.horizontal-tab-panel-fill .tab-buttons .hive-button::before {
content: "";
background: url(assets/images/grey_vertical_d9cc9a350aa6ef79278a.svg) 50% 100% no-repeat;
background-repeat: no-repeat;
display: block;
position: absolute;
bottom: 0;
right: 0px;
z-index: 0;
height: 44px;
width: 44px;
transform: scaleX(1);
}
.horizontal-tab-panel-fill .tab-buttons .tab-behind-active .hive-button::before {
background-color: #f29f00;
}
.horizontal-tab-panel-fill .tab-buttons .hive-button {
background-color: #434a54 !important;
background-size: cover;
background-repeat: no-repeat;
margin-left: -0.313rem;
padding: unset;
box-shadow: unset;
}
.horizontal-tab-panel-fill .tab-buttons .tab-button {
height: 9.75rem !important;
padding: 0 1.25rem;
min-width: inherit;
overflow: hidden;
z-index: 2;
}
.horizontal-tab-panel-fill .tab-buttons .button-content {
height: 100%;
transform: rotate(180deg);
writing-mode: vertical-lr;
text-orientation: mixed;
text-align: center;
vertical-align: middle;
margin: auto;
overflow: hidden;
text-overflow: ellipsis;
text-transform: uppercase;
z-index: 2;
}
.horizontal-tab-panel-fill .tab-buttons .button-content.button-size-small {
font-size: 0.625rem;
padding-bottom: 25px;
}
.horizontal-tab-panel-fill .tab-buttons .tab-title {
bottom: 0px;
position: absolute;
width: inherit;
min-width: inherit;
height: fit-content !important;
padding: 0.625rem 0rem;
z-index: 2;
}
.horizontal-tab-panel-fill .tab-buttons .tab-title .button-content {
color: rgba(168, 168, 168, 0.55);
height: fit-content;
}
.horizontal-tab-panel-fill .tab-buttons {
overflow: hidden;
display: flex;
flex-direction: column;
width: 51px;
background: unset #434a54;
}
.horizontal-tab-panel-fill .tab-buttons .tab-button {
position: relative;
overflow: hidden;
height: unset !important;
flex: 1;
}
.horizontal-tab-panel-fill .tab-buttons .hive-button {
height: unset inherit !important;
display: flex;
}
.horizontal-tab-panel-fill .vertical-tab {
width: 100%;
height: 100%;
display: flex;
background: #434a54;
overflow: hidden;
margin-top: -3px;
}
.horizontal-tab-panel-fill .tab-buttons {
flex: 1;
overflow: hidden;
display: flex;
flex-direction: row;
width: unset inherit;
background: unset #434a54;
}
.horizontal-tab-panel-fill .tab-buttons .button-content {
flex: 1;
width: 100%;
transform: none;
writing-mode: unset;
text-orientation: unset;
display: flex;
justify-content: center;
align-items: center;
background-color: unset;
}
.horizontal-tab-panel-fill .tab-buttons .tab-button {
position: relative;
flex: 1;
overflow: hidden;
background-image: unset;
width: unset !important;
}
.horizontal-tab-panel-fill .tab-buttons .hive-button {
position: relative;
width: unset inherit;
margin: 0;
padding: 0;
background: unset none;
z-index: 1;
}
.horizontal-tab-panel-fill .tab-buttons .hive-button::before {
content: "";
background: url(assets/images/grey_horizontal_54d262d7c28efb8781e0.svg) 100% 50% no-repeat;
display: block;
position: absolute;
top: 4px;
right: -3px;
z-index: 1;
height: 100%;
width: 41px;
transform: scaleY(1.4);
}
.horizontal-tab-panel-fill .tab-buttons .active .tab-button::before {
background-color: unset;
}
.horizontal-tab-panel-fill .tab-buttons .active .button-content::before {
background-color: #f29f00;
}
.horizontal-tab-panel-fill .tab-buttons .active .hive-button {
margin-left: 0;
}
.horizontal-tab-panel-fill .tab-buttons .active .hive-button::before {
background-image: url(assets/images/orange_horizontal_1827aa01a492de2711fd.svg);
background-color: #434a54;
}
.horizontal-tab-panel-fill .horizontal-tab {
display: flex;
flex: 1;
width: 100%;
height: 100%;
background: #434a54;
overflow: hidden;
}
.horizontal-tab-panel-fill .tab-behind-active {
background: #f29f00;
}
.horizontal-tab-panel-fill .last-tab::after {
content: "";
display: block;
position: absolute;
top: 0px;
right: 0px;
height: 100%;
width: 35px;
background-color: #2c2c2c;
}
.pl-togglepanels {
padding: 0.0938rem;
border-radius: 5px;
box-shadow: inset -0.1px 1px 1px 0 rgba(0, 0, 0, 0.7), inset 0.1px -1px 1px 0 rgba(255, 255, 255, 0.4);
background-color: #484747;
}
.pl-togglepanels .pl-togglebutton {
background: transparent;
border-radius: 4px;
text-align: center;
color: #a8a8a8;
font-family: 'AvenirNext';
font-variation-settings: "wght" 700, "wdth" 75;
font-size: 0.906rem;
text-transform: uppercase;
font-variation-settings: "wght" 700, "wdth" 100;
font-size: 0.969rem;
border: unset;
width: 100%;
height: 1.31rem;
transform: rotate(-360deg);
padding: unset;
margin: unset;
width: 5.94rem;
margin: auto;
}
.pl-togglepanels .pl-togglebutton.active {
border: solid 2px #f29f00;
color: #f29f00;
padding: unset;
margin: unset;
height: 1.63rem;
border-radius: 5px;
}
.BasicRadioGroup {
display: flex;
}
.BasicRadioGroup .onyx-radiobutton {
text-shadow: none;
background: none;
width: 5.94rem;
height: 1.88rem;
padding: 0.219rem 0 0.281rem 0;
font-family: 'AvenirNext';
font-variation-settings: "wght" 700, "wdth" 75;
font-size: 0.906rem;
text-align: center;
}
.BasicRadioGroup .onyx-radiobutton:first-child {
border-radius: 1.56rem 0rem 0rem 1.56rem;
}
.BasicRadioGroup .onyx-radiobutton:last-child {
border-radius: 0rem 1.56rem 1.56rem 0rem;
}
.BasicRadioGroup .onyx-radiobutton:not(:first-child):not(:last-child) {
border-right: none;
border-left: none;
}
.DarkMode .onyx-radiobutton {
color: #d9d9d9;
background-color: #565656;
border: solid 1px black;
box-shadow: inset 0.1px -2px 1px 0 rgba(0, 0, 0, 0.2), inset 0 0 0.3px 0 rgba(82, 82, 82, 0.2), inset -0.1px 2px 1px 0 rgba(255, 255, 255, 0.2);
}
.DarkMode .active {
box-shadow: inset 0 2px 1px 0 rgba(0, 0, 0, 0.2), inset 0 -2px 1.5px 0 rgba(255, 255, 255, 0.24), inset 0 0 5px 0 rgba(0, 0, 0, 0.2);
background-blend-mode: multiply;
background-image: linear-gradient(to bottom, #e2e2e2, #e2e2e2);
}
.LightMode .onyx-radiobutton {
color: #5A5960;
background-color: #d5d5d5;
border: solid 1px #a7a7a7;
box-shadow: inset -0.1px 2px 1px 0 rgba(255, 255, 255, 0.2), inset -0.3px 0.8px 0.5px 0 rgba(82, 82, 82, 0.2), inset 0.1px -2px 1px 0 rgba(0, 0, 0, 0.2);
}
.LightMode .onyx-radiobutton:first-child {
border-right: solid 1px #5a5960;
}
.LightMode .onyx-radiobutton:not(:first-child):not(:last-child) {
border-right: solid 1px #5a5960;
}
.LightMode .onyx-radiobutton:last-child {
border-left: none;
}
.LightMode .active {
box-shadow: inset 0 2px 1px 0 rgba(0, 0, 0, 0.2), inset 0 -2px 1.5px 0 rgba(255, 255, 255, 0.24), inset 0 0 5px 0 rgba(0, 0, 0, 0.2);
background-blend-mode: multiply;
background-image: linear-gradient(to bottom, #e2e2e2, #e2e2e2);
}
.CustomRadioGroup2 .onyx-radiobutton {
border: solid 0.0469rem #A7A7A7;
}
.CustomRadioGroup2 .active {
color: #ffffff;
}
.CustomRadioGroup2 .active.red {
background-color: #ab6a69 !important;
}
.CustomRadioGroup2 .active.green {
background-color: #84ad76 !important;
}
.CustomRadioGroup2 .active.gray {
background: #7f96b3;
}
.pl-basesmallbutton {
width: 3.75rem;
height: 2.31rem !important;
border-radius: 6px, 6px !important;
border: solid 1px #808080;
}
.pl-basesmallbutton.pl-small-button-dark {
color: #d5d5d5;
}
.pl-basesmallbutton.pl-small-button-light {
color: #393838;
background: #d5d5d5;
}
.pl-basesmallbutton.pl-small-button-orange {
color: #ffffff;
background-color: #f29f00 !important;
border: solid 1px black !important;
}
.pl-basesmallbutton.pl-small-button-green {
color: #d9d9d9;
background-color: #799e4e !important;
border: solid 1px black !important;
}
.pl-basesmallbutton.pl-small-button-red {
color: #d9d9d9;
background-color: #e27c6f !important;
border: solid 1px black !important;
}
.pl-basesmallbutton.pl-small-button-yellow {
color: #d9d9d9;
background-color: #bba421 !important;
border: solid 1px black !important;
}
.collapsible {
opacity: 100;
display: flex;
margin: unset;
}
.collapsible .client {
opacity: 100;
}
.collapsible .popupDecorator {
position: relative;
opacity: 100;
}
.collapsible .popupDecorator .button {
opacity: 100;
}
.collapsible .popupDecorator .button .circle {
position: absolute;
height: 1.25rem;
width: 0.25rem;
height: 0.25rem;
background-color: #e9e9e9;
border-radius: 50%;
right: 0.313rem;
top: 0.25rem;
}
.collapsible .popupDecorator .popup {
opacity: 100;
}
.pl-basefield {
min-height: 1.83rem;
position: relative;
border-radius: 2px;
border: solid 1px #d4d4d4;
background-blend-mode: multiply;
background-image: linear-gradient(to bottom, #f0f1f3, #f0f1f3);
color: black;
width: 100%;
font-family: 'AvenirNext';
font-variation-settings: "wght" 500, "wdth" 100;
font-size: 0.781rem;
box-shadow: inset -0.1px 1.3px 1px 0 rgba(0, 0, 0, 0.2), inset 0.1px -1.3px 1px 0 rgba(255, 255, 255, 0.75), inset 0 0.3px 8px 0 rgba(89, 89, 89, 0.1);
border-style: solid;
border-width: 1px;
border-image-source: linear-gradient(to bottom, #b7b7b7, #f3f3f3);
border-image-slice: 1;
background-origin: border-box;
}
.pl-basefield.pl-basefield:focus {
background-blend-mode: multiply;
background-image: linear-gradient(to bottom, white, white);
border: solid 1px #f29f00;
}
.pl-basefield::placeholder {
color: #aeadb1;
font-family: 'AvenirNext';
font-variation-settings: "wght" 500, "wdth" 100;
font-size: 0.781rem;
font-style: italic;
font-style: normal;
}
.pl-basefield.with-suffix {
width: 60%;
margin-right: 0.3em;
}
.field-decorator {
width: auto;
padding: 0.719rem 0.547rem;
}
.pl-input-decorator {
height: unset;
background: unset;
padding-top: 0.313rem;
}
.pl-input-decorator .input-container {
width: 4.19rem;
padding-top: 0.156rem;
}
.pl-input-decorator .input-container .symbol-alignment {
margin-left: 0.375rem !important;
font-size: 0.563rem !important;
}
.pl-input-decorator .value-input {
padding: 0px;
height: 75%;
}
.pl-input-decorator.range-input-decorator .input-container {
width: 4.38rem;
padding-left: 0.375rem;
padding-right: 0.438rem;
}
.pl-input-decorator.range-input-decorator .input-container .bold-input {
width: 2.78rem !important;
}
.pl-input-decorator.range-input-decorator .input-container .value-input .text-color {
width: 1.19rem;
}
.pl-input-decorator.min-max-input-decorator {
display: inline-flex;
}
.pl-input-decorator.min-max-input-decorator .edge-margin {
width: 0.625rem;
}
.pl-input-decorator.min-max-input-decorator .edge-margin.small {
width: 0.313rem;
}
.pl-input-decorator.min-max-input-decorator .input-container .Body-TextLight {
margin-left: 0.0938rem !important;
}
.pl-input-decorator.min-max-input-decorator .input-container .bold-input {
width: 3.38rem !important;
}
.pl-input-decorator.std-distribution-input-decorator {
display: inline-flex;
}
.pl-input-decorator.std-distribution-input-decorator .edge-margin {
width: 0.313rem;
}
.pl-input-decorator.std-distribution-input-decorator .input-container {
width: 3.13rem;
}
.pl-input-decorator.std-distribution-input-decorator .input-container.small {
margin-left: 0.313rem;
}
.pl-input-decorator.std-distribution-input-decorator .input-container:not(.small) .value-input .text-color {
width: 1.56rem;
}
.pl-input-decorator.std-distribution-input-decorator .input-container .value-input {
width: 3.13rem;
}
.pl-input-decorator.std-distribution-input-decorator .line-seperator {
width: 0.219rem;
height: 2.03rem;
margin: 0.313rem 0.344rem 1.25rem;
margin-right: 0.0313rem;
box-shadow: inset 0.5px -1px 1px 0 rgba(0, 0, 0, 0.73), inset 0.5px 1px 2px 0 rgba(255, 255, 255, 0.4), inset 0 0 1px 0 #424141;
background-color: #5c5c5c;
}
.pl-coordinate .header {
display: flex;
}
.pl-coordinate .OutputLabel {
display: flex;
align-items: center;
}
.pl-coordinate .CoordinateOutput-padding {
margin: 0 0.313rem 0 0;
}
.pl-InlineCoordinate {
display: inline-flex;
align-items: center;
}
.pl-InlineCoordinate .CoordinateOutput-padding {
margin: 0 0.313rem;
}
.pl-qualityinput {
position: relative;
}
.pl-qualityinput .bg-check {
position: absolute;
background-size: 100%!important;
height: 1.02rem;
top: 0.938rem;
right: 0.313rem;
transform: translateY(-50%);
width: 1.02rem;
}
.pl-qualityinput .EstimateAccurate {
z-index: 100;
}
.pl-qualityinput .est-acc {
width: 113% !important;
}
.pl-qualityinput .estimate {
background: url(assets/images/u-value-estimate_cd2ab0c1174766bcb90b.png) 0 0 no-repeat;
}
.pl-qualityinput .accurate {
background: url(assets/images/u-value-accurate_17d7fdab3bab469b1c6d.png) 0 0 no-repeat;
}
.pl-basefield.pl-lightmode {
box-shadow: inset 0.1px 1px 1px 0 rgba(0, 0, 0, 0.2), inset -0.1px 1px 1px 0 rgba(255, 255, 255, 0.75), inset 0 0 8px 0 rgba(89, 89, 89, 0.1);
}
.pl-basefield.pl-lightmode.square {
min-width: 50px !important;
width: 50px !important;
text-align: center;
}
.pl-basefield.pl-darkmode {
box-shadow: inset 0.3px 2px 1px 0 rgba(0, 0, 0, 0.2), inset -0.3px 3px 1px -0.3px rgba(255, 255, 255, 0.75), inset 0 0 8px 0 rgba(73, 73, 73, 0.53);
}
.pl-basefield .short {
min-width: 2.22rem;
max-width: 4.09rem;
}
.pl-basefield.tall {
min-height: 2.5rem !important;
}
.pl-basefield .square {
width: 50px !important;
height: 45px !important;
text-align: center;
}
.pl-basefield .output {
font-family: 'AvenirNext';
font-variation-settings: "wght" 500, "wdth" 100;
font-size: 0.719rem;
font-variation-settings: "wght" 700, "wdth" 100;
color: #5d7ca7;
background-color: #e5e9ed;
}
.pl-basefield .nested {
height: 1.38rem !important;
}
.pl-basefield .list-item {
color: #949494;
height: 0.781rem !important;
min-width: 2.19rem;
max-width: 3.28rem;
margin: auto !important;
margin-left: 0.469rem !important;
border-radius: 2.5px;
border: solid 1px #747474 !important;
background-blend-mode: multiply;
background: #e3e3e3;
box-shadow: inset 0 1px 1.5px 0 rgba(0, 0, 0, 0.05), inset 0 -2px 1.5px 0 rgba(255, 255, 255, 0.24), inset 0 0 5px 0 rgba(0, 0, 0, 0.2);
font-family: 'AvenirNext';
font-variation-settings: "wght" 500, "wdth" 100;
font-size: 0.719rem;
font-variation-settings: "wght" 700, "wdth" 100;
}
.pl-basefield .list-item::placeholder {
font-family: 'AvenirNext';
font-size: 0.719rem;
font-variation-settings: "wght" 500, "wdth" 100;
color: #949494;
}
.pl-richtext,
.pl-textarea {
min-height: 0%;
height: 1.56rem;
min-width: 7.44rem;
border-radius: 2px;
border: solid 2px #d4d4d4;
background-blend-mode: multiply;
background-image: linear-gradient(to bottom, #f0f1f3, #f0f1f3);
line-height: 1.41rem;
font-family: 'AvenirNext';
font-variation-settings: "wght" 500, "wdth" 100;
font-size: 0.781rem;
}
.pl-richtext .mark-down-editor,
.pl-textarea .mark-down-editor {
min-width: 7.44rem;
height: 2.22rem;
border: solid 1px #c3c0c0;
padding: 0.313rem;
box-shadow: inset 0.1px -1px 1px 0 rgba(202, 201, 201, 0.2), inset -0.1px 1px 1px 0 rgba(255, 255, 255, 0.75), inset 0 0 8px 0 rgba(89, 89, 89, 0.1), inset 0 0 2px 0 rgba(191, 191, 191, 0.4);
border-radius: 3px;
background-color: #f0f1f3;
font-family: 'AvenirNext';
font-variation-settings: "wght" 500, "wdth" 100;
font-size: 0.719rem;
font-variation-settings: "wght" 700, "wdth" 100;
}
.pl-richtext .mark-down-editor::placeholder,
.pl-textarea .mark-down-editor::placeholder {
font-family: 'AvenirNext';
font-size: 0.719rem;
font-variation-settings: "wght" 500, "wdth" 100;
color: #949494;
}
.pl-richtext::placeholder,
.pl-textarea::placeholder {
color: #908f95;
font-family: 'AvenirNext';
font-variation-settings: "wght" 500, "wdth" 100;
font-size: 0.781rem;
font-style: italic;
}
.pl-richtext:focus,
.pl-textarea:focus {
background-blend-mode: multiply;
background-image: linear-gradient(to bottom, white, white);
outline: none;
border: solid 2px #f29f00;
border-radius: 2px;
}
.pl-baseiconbutton.crosshair .pl-baseicon {
background-image: url(assets/images/crosshair_651f30695c5149861304.svg);
}
.pl-baseiconbutton.x-axis .pl-baseicon {
background-image: url(assets/images/x-axis_f246b6713b980b26de8b.svg);
}
.pl-baseiconbutton.y-axis .pl-baseicon {
background-image: url(assets/images/y-axis_438dc719f69de5a57347.svg);
}
.pl-baseiconbutton.grayscale .pl-baseicon {
background-image: url("assets/images/color%20toggle_f974f96f0c5a06cdf958.svg");
}
.pl-baseiconbutton.add-dimension .pl-baseicon {
background-image: url(assets/images/plus_14e49c2d1fb3b860667c.svg);
}
.pl-baseiconbutton.add-series .pl-baseicon {
background-image: url(assets/images/Add-green_e866da56ff9c99438e88.svg);
}
.pl-baseiconbutton.add-point .pl-baseicon {
background-image: url(assets/images/plus_14e49c2d1fb3b860667c.svg);
}
.pl-baseiconbutton.delete-point .pl-baseicon {
background-image: url(assets/images/delete_08c628eeabf71967ca83.svg);
}
.hive-sub-panel .body {
height: 9.66rem;
padding: 1.48rem 1.56rem;
box-sizing: border-box;
overflow-y: scroll;
}
.hive-sub-panel .body > *:not(:first-child) {
margin-top: 1.74rem;
}
.hive-sub-panel.light {
background-color: #f3f3f3;
}
.hive-sub-panel.dark {
background-color: #4a4a4a;
}
.hive-swipe-delete .delete-wrapper {
width: 3.34rem;
height: inherit;
position: absolute;
left: 100%;
background: #e27c6f;
vertical-align: middle;
}
.hive-swipe-delete .delete-wrapper .delete-btn {
margin-left: auto;
height: 100% !important;
background-size: 0.969rem;
margin-right: 8px;
}
.hive-tic-tac {
min-height: 1.29rem;
min-width: 4.78rem;
border-radius: 12.5px;
}
.hive-tic-tac[size="big"] {
min-height: 1.29rem;
min-width: 4.78rem;
}
.hive-tic-tac.orange {
background-color: #f29f00;
}
.drawer-container .drawer-heading {
height: 30px;
border-radius: 18px;
background-color: #5d7ca7;
}
.drawer-container .drawer-heading .hive-drawer-title {
font-family: OpenSans-bold;
font-size: 16px;
height: 12px;
font-weight: bold;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
color: #ffffff;
margin-left: 6px;
line-height: 30px;
}
.drawer-container .drawer-heading .Triangle-5 {
width: 6.3px;
height: 11.6px;
transform: rotate(90deg);
background-color: #050505;
}
.drawer-container .drawer-heading .Oval-7 {
width: 20px;
height: 20px;
border-radius: 18px;
background-image: linear-gradient(40deg, #48648a, #6a8dbe);
margin-top: 5px !important;
margin-left: 7px;
}
.drawer-container .drawer-heading .arrow-down {
width: 0;
height: 0;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-top: 7px solid #8ea3c1;
margin-left: 10px;
transform: rotate(-90deg);
position: absolute;
margin: 6px 0px 0px 4px;
}
.drawer-container .drawer-heading .arrow-right {
width: 0;
height: 0;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-top: 7px solid #8ea3c1;
transform: rotate(179deg);
position: absolute;
margin: 6px 0px 0px 3px;
}
.drawer-container .checkbox-style {
float: right;
margin-top: -25px;
z-index: 9999;
position: relative;
}
.drawer-container .drawer-scroll {
overflow: auto !important;
height: 100%;
max-height: -webkit-fill-available;
}
.drawer-container .p-1 {
padding: 0.313rem 0.313rem 0 0.313rem;
}
.p-0 .drawer-content {
padding: 0!important;
}
.hive-drawer-title {
position: relative;
background-color: #5d7ca7;
box-shadow: inset -0.1px 2px 1.5px 0 rgba(255, 255, 255, 0.2), inset -0.3px 0.8px 0.5px 0 rgba(82, 82, 82, 0.2), inset 0.1px -2px 1.5px 0 rgba(0, 0, 0, 0.2);
padding-left: 0.234rem;
}
.hive-drawer-title .turner-circle {
width: 1.63rem;
height: 1.63rem;
box-shadow: inset 0.1px -1px 15px 0 rgba(36, 36, 36, 0.67), inset -0.1px 1px 27px 0 rgba(255, 255, 255, 0.4), inset 0 35px 4px 0 rgba(36, 36, 36, 0.59);
border-radius: 50%;
flex-shrink: 0;
}
.hive-drawer-title .turner-circle .turner {
margin: 0;
height: 1.07rem;
width: 1.07rem;
border-radius: 50%;
}
.hive-drawer-title .turner-circle .turner .arrow {
background: unset;
background-image: url(assets/images/turnerTriangle_bb2ea101923252721b43.svg);
transform: rotate(0deg);
background-size: 1.25rem;
height: 1.28rem;
width: 1.25rem;
}
.hive-drawer-title.open .arrow {
transform: rotate(0deg);
}
.hive-drawer-title.open .turner-circle .turner .arrow {
transform: rotate(90deg) !important;
}
.hive-drawer-title.text-title .flex--space-between {
width: 100%;
justify-content: space-between;
}
.hive-drawer-title.text-title .title {
padding-left: 0.313rem;
text-transform: uppercase;
font-size: 0.906rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.hive-drawer-title.text-title .button {
height: 1.88rem;
margin-right: 0.313rem;
}
.hive-drawer-title.text-title .button-disabled {
filter: invert(53%) sepia(45%) saturate(18%) hue-rotate(330deg) brightness(85%) contrast(71%);
}
.hive-drawer-title.tagged.text-title {
width: 100%;
display: inline-flex;
}
.hive-drawer-title.tagged.text-title .header-wrapper {
grid-template-areas: 'title tag';
grid-auto-columns: 80% auto;
display: grid;
width: inherit;
padding-right: 0.313rem;
}
.hive-drawer-title.tagged.text-title .header-wrapper .text {
grid-area: title;
}
.hive-drawer-title.tagged.text-title .header-wrapper .tag-wrapper {
border: 0.188rem solid #fff;
border-radius: 7.9px;
grid-area: tag;
height: 0.828rem;
opacity: 0.7;
width: 1.41rem;
margin-right: 0.313rem;
}
.hive-drawer-title.tagged.text-title .header-wrapper .tag-wrapper .tag-text {
text-align: center;
font-variation-settings: 'wght' 620, 'wdth' 110;
}
.hive-drawer-title.tagged.text-title .header-wrapper .tag-wrapper.no-display {
display: none;
}
.hive-drawer-title.tagged .turner-circle {
min-width: 36px;
}
.hive-drawer-title.event {
background-color: #ffffff;
max-width: 185px;
padding-right: 4px;
}
.hive-drawer-title.event .turner {
background: linear-gradient(to top, #828282, #979797);
}
.hive-drawer-title.event.open .turner-circle {
margin: unset;
width: 13px;
height: 13px;
background: unset;
box-shadow: unset;
border-radius: unset;
margin-left: 0.125rem;
}
.hive-drawer-title.event.open .turner-circle .turner .arrow {
background-image: url(assets/images/turner-closed-light_7a6cf058b82dd3982a2c.svg);
transform: rotate(0deg);
background-repeat: no-repeat;
background-size: cover;
width: 11px;
height: 11px;
}
.hive-drawer-title.event.selected .turner-circle .turner .arrow {
transform: rotate(90deg);
}
.hive-drawer-title.runtime {
background-color: #565555;
}
.hive-drawer-title.runtime .turner {
background: linear-gradient(to top, #828282, #979797);
}
.hive-drawer-title.variable-drawer-title {
margin-top: 0.469rem;
min-width: 13px;
height: 13px;
max-height: 13px;
min-height: 13px;
overflow: visible;
border-radius: 18.5px;
border: solid 1px #979797;
}
.hive-drawer-title.variable-drawer-title .variable-list-item .name-wrapper {
padding-left: 0.469rem;
}
.hive-drawer-title.variable-drawer-title .align-right {
text-align: right;
}
.hive-drawer-title.variable-drawer-title.open {
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
}
.hive-drawer-title.variable-drawer-title.sub-drawer-title {
margin-left: 17.5%;
margin-top: 0.203rem;
padding: unset;
position: absolute;
width: 149px;
right: 11px;
}
.hive-drawer-title.variable-drawer-title.arrow {
transform: rotate(0deg);
}
.hive-drawer-title.variable-drawer-title .turner-circle {
margin: unset;
width: 13px;
height: 13px;
background: unset;
box-shadow: unset;
border-radius: unset;
}
.hive-drawer-title.variable-drawer-title .turner {
background: unset;
height: 100%;
margin: unset;
margin-left: -1px;
max-width: 13px;
min-width: 13px;
border-radius: unset;
}
.hive-drawer-title.variable-drawer-title .name-wrapper {
overflow: hidden;
width: 100% !important;
text-align: right;
width: fit-content !important;
margin-left: auto;
display: inline-block;
display: inline-flex;
margin-right: 0.938rem;
}
.hive-drawer-title.variable-drawer-title .events-setting {
overflow: unset;
width: 8.97rem !important;
margin-top: 0rem;
margin-left: 0rem;
height: 18px;
border-radius: 18.5px;
border: solid 1px #8d8c8b;
background-color: #ffffff;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
}
.hive-drawer-title.variable-drawer-title .events-gear {
background-image: url(assets/images/gear_bfa8ad4e9dcd69516a12.svg);
position: absolute;
background-position: center;
background-size: 1.03rem;
background-repeat: no-repeat;
height: 0.844rem;
width: 0.844rem;
min-width: 0.844rem;
min-height: 0.844rem;
}
.hive-drawer-title.variable-drawer-title .events-gear.collapse {
margin-top: -0.906rem;
}
.hive-drawer-title.variable-drawer-title .events-gear-circle {
max-width: 0.844rem;
max-height: 0.844rem;
height: 0.844rem;
width: 0.844rem;
min-width: 0.844rem;
position: absolute;
background-color: #658fda;
border-radius: 50%;
display: inline-block;
margin-top: 0rem;
margin-left: 0rem;
}
.hive-drawer-title.variable-drawer-title .events-gear-circle.collapse {
margin-top: -0.844rem;
}
.hive-drawer-title.variable-drawer-title .variable .value {
color: rgba(255, 255, 255, 0.79);
}
.hive-drawer-title.variable-drawer-title .variable .unit {
color: rgba(255, 255, 255, 0.79);
}
.hive-drawer-title.variable-drawer-title .editable-text {
overflow: hidden;
}
.hive-drawer-title.variable-drawer-title .editable-text .text {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-size: 12px;
}
.hive-drawer-title.variable-drawer-title .editable-text .text.center {
text-align: center;
width: 100%;
height: 100%;
}
.hive-drawer-title.variable-drawer-title .editable-text .text-field {
height: 75% !important;
max-height: 1.56rem;
max-width: 100%;
text-align: right;
}
.hive-drawer-title.variable-drawer-title .editable-text.center {
width: 100%;
text-align: center;
height: 100%;
}
.hive-drawer-title.variable-drawer-title .editable-text.small-text {
font-size: 0.563rem;
}
.hive-drawer-title.variable-drawer-title.small-text.editable-text {
overflow: hidden;
}
.hive-drawer-title.variable-drawer-title.small-text.editable-text .text {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-size: 0.563rem;
}
.hive-drawer-title.variable-drawer-title.small-text.editable-text .text.center {
text-align: center;
width: 100%;
}
.hive-drawer-title.variable-drawer-title.small-text.editable-text .text-field {
height: 75% !important;
max-height: 1.56rem;
max-width: 100%;
text-align: right;
}
.hive-drawer-title.variable-drawer-title.small-text.editable-text.center {
width: 100%;
text-align: center;
height: 100%;
}
.hive-drawer-title.variable-drawer-title.small-text.editable-text.small-text {
font-size: 0.563rem;
}
.hive-drawer-title.variable-drawer-title-event .editable-text {
overflow: hidden;
}
.hive-drawer-title.variable-drawer-title-event .editable-text .text {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-size: 10px;
}
.hive-drawer-title.variable-drawer-title-event .editable-text .text.center {
text-align: center;
width: 100%;
}
.hive-drawer-title.variable-drawer-title-event .editable-text .text-field {
height: 75% !important;
max-height: 1.56rem;
max-width: 100%;
text-align: right;
}
.hive-drawer-title.variable-drawer-title-event .editable-text.center {
width: 100%;
text-align: center;
}
.hive-drawer-title.variable-drawer-title-event .editable-text.small-text {
font-size: 0.563rem;
}
.hive-drawer-title.variable-drawer-title-event.editable-text {
overflow: hidden;
}
.hive-drawer-title.variable-drawer-title-event.editable-text .text {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-size: 0.531rem;
}
.hive-drawer-title.variable-drawer-title-event.editable-text .text.center {
text-align: center;
width: 100%;
}
.hive-drawer-title.variable-drawer-title-event.editable-text .text-field {
height: 75% !important;
max-height: 1.56rem;
max-width: 100%;
text-align: right;
}
.hive-drawer-title.variable-drawer-title-event.editable-text.center {
width: 100%;
text-align: center;
}
.hive-drawer-title.variable-drawer-title-event.editable-text.small-text {
font-size: 0.563rem;
}
.hive-drawer-title.dark-theme {
background-color: #5c5c5c;
}
.hive-drawer-title.dark-theme .turner {
box-shadow: inset -0.1px 1px 1px 0 rgba(0, 0, 0, 0.51), inset 0.1px -1px 1px 0 rgba(255, 255, 255, 0.12);
background-color: #393838;
}
.hive-drawer-title.advanced-drawer-title {
width: 100%;
display: inline-table;
background-color: unset;
box-shadow: unset;
padding: unset;
}
.hive-drawer-title.advanced-drawer-title .chart-width {
height: 96px;
width: 96px;
}
.hive-drawer-title.advanced-drawer-title.validate .advanced-container {
height: 7.06rem;
background-color: #383838;
}
.hive-drawer-title.advanced-drawer-title.validate .advanced-container .statusButtons {
height: 100%;
display: inline-flex;
flex-direction: column;
justify-content: center;
grid-gap: 0.625rem;
}
.hive-drawer-title.advanced-drawer-title.validate .advanced-container .graph-container {
padding-left: 0.938rem;
}
.hive-drawer-title.advanced-drawer-title.commissioning .chart-width {
height: 100px;
width: 100px;
}
.hive-drawer-title.advanced-drawer-title.commissioning .advanced-container {
height: 7.06rem;
}
.hive-drawer-title.advanced-drawer-title.commissioning .advanced-container .statusButtons {
grid-gap: 0rem;
}
.hive-drawer-title.advanced-drawer-title.commissioning .advanced-container .graph-container {
padding-left: 0.313rem;
}
.hive-drawer-title.advanced-drawer-title.commissioning .advanced-container .graph-container .align-items {
height: 100px;
width: 100px;
}
.hive-drawer-title.advanced-drawer-title.commissioning .advanced-container .inner-circle {
height: 62px;
width: 62px;
}
.hive-drawer-title.advanced-drawer-title.commissioning .advanced-container .chart-container .advanced.chart {
height: 100px;
width: 100px;
}
.hive-drawer-title.advanced-drawer-title.commissioning .advanced-container .chart {
height: 100px;
width: 100px;
}
.hive-drawer-title.advanced-drawer-title.analytics .advanced-container {
height: 9.56rem;
}
.hive-drawer-title.advanced-drawer-title .advanced-container {
background-color: #595959;
align-items: center;
width: 100%;
box-shadow: unset;
display: inline-grid !important;
}
.hive-drawer-title.advanced-drawer-title .advanced-container .chart-container {
width: 55%;
height: 100%;
}
.hive-drawer-title.advanced-drawer-title .advanced-container .chart-container .advanced.chart {
height: 96px;
width: 96px;
margin: auto;
}
.hive-drawer-title.advanced-drawer-title .advanced-container .outer-circle {
border-radius: 60%;
mix-blend-mode: hard-light;
box-shadow: inset -0.1px 1px 4px 0 rgba(0, 0, 0, 0.88), inset -1px -1px 7px 0 rgba(238, 238, 238, 0.67);
background-color: #666;
}
.hive-drawer-title.advanced-drawer-title .advanced-container .inner-circle {
align-content: center;
align-items: center;
background-color: #383838;
border-radius: 60%;
display: inline-flex;
height: 58px;
justify-content: center;
width: 58px;
margin: auto;
grid-column: 1;
grid-row: 1;
margin-left: 19px;
z-index: 500;
}
.hive-drawer-title.advanced-drawer-title .advanced-container .graph-container {
display: grid;
height: 5.69rem;
width: 100%;
}
.hive-drawer-title.advanced-drawer-title .advanced-container .graph-container .align-items {
grid-column: 1;
grid-row: 1;
margin-top: auto;
margin-bottom: auto;
height: 96px;
width: 96px;
display: inline-flex;
justify-content: center;
}
.hive-drawer-title.advanced-drawer-title .advanced-container .graph-container .text-analytics {
display: inline-flex;
font-size: 1.09rem;
font-variation-settings: 'wght' 800, 'wdth' 110;
justify-content: flex-end;
}
.hive-drawer-title.advanced-drawer-title .advanced-container .graph-container .text-analytics.small {
font-size: 0.594rem;
align-content: flex-start;
align-items: flex-start;
height: 1rem;
}
.hive-drawer-title.advanced-drawer-title .advanced-container .graph-container .text-analytics-color {
color: #799e4e;
}
.hive-drawer-title.advanced-drawer-title .advanced-container .chart {
height: 96px;
width: 96px;
z-index: 500;
}
.hive-drawer-title.advanced-drawer-title .advanced-container .statusButtons {
position: absolute;
right: 0;
}
.hive-drawer-title.advanced-drawer-title .advanced-container .repeater-button {
font-size: 0.5rem;
height: 1.72rem !important;
min-height: 1.72rem !important;
text-transform: none !important;
width: 5rem !important;
}
.hive-drawer-title.detail-text-title {
width: fit-content;
background: unset;
box-shadow: unset;
display: flex;
width: 100%;
}
.hive-drawer-title.detail-text-title .turner-circle {
box-shadow: unset;
border-radius: unset;
order: 2;
}
.hive-drawer-title.detail-text-title.text-title .flex--space-between {
order: 1;
padding-right: 0.625rem;
margin-left: auto;
}
.hive-drawer-title.detail-text-title.text-title .title {
text-transform: unset;
margin-left: auto;
}
.hive-drawer-title.detail-text-title.text-title .title .Body-Widget {
color: #5d7ca7;
}
.hive-drawer-title.detail-text-title .turner-circle .turner {
transform: rotate(0deg) !important;
}
.hive-drawer-title.detail-text-title .turner-circle .turner .arrow {
transform: rotate(90deg);
background-image: url(assets/images/bluedropdown_3a80ae59faefb3955363.svg);
background-size: 1.09rem;
background-repeat: no-repeat;
height: 0.772rem;
width: 1.25rem;
}
.hive-drawer-title.detail-text-title.open .turner-circle .turner .arrow {
transform: rotate(0deg) !important;
}
.hive-drawer-title.quantum-architect-drawer {
height: 2.41rem;
min-height: 2.41rem;
}
.hive-drawer-title.quantum-architect-drawer.dark-theme {
box-shadow: --shadow-drawer;
background-color: #565555;
}
.hive-drawer-title.quantum-architect-drawer.dark-theme .turner-circle {
background-color: #565555;
}
.hive-drawer-title.quantum-architect-drawer.dark-theme.round-drawer .turner-circle .arrow {
background-size: 21px;
}
.hive-drawer-title.quantum-architect-drawer.Side {
height: 2.41rem;
}
.hive-drawer-title.quantum-architect-drawer.Side.small-blue .turner-circle {
height: 1.09rem;
width: 1.09rem;
box-shadow: inset 0.1px -1px 10px 0 #194e9894, inset -0.1px 1px 10px 0 rgba(255, 255, 255, 0.4), inset 0 1px 9px 0 #5977a1;
margin-left: 0.156rem;
}
.hive-drawer-title.quantum-architect-drawer.Side .turner-circle .turner {
background-size: 19px;
height: 19px;
width: 19px;
}
.hive-drawer-title.quantum-architect-drawer.Side .turner-circle .turner .arrow {
background-size: 18px;
height: 22px;
width: 21px;
}
.hive-drawer-title.quantum-architect-drawer.blue-theme {
background-color: #5d7ca7;
}
.hive-drawer-title.quantum-architect-drawer.blue-theme.round-drawer .turner-circle {
box-shadow: inset 0.1px -1px 10px 0 #194e98, inset -0.1px 1px 10px 0 rgba(255, 255, 255, 0.4), inset 0 1px 9px 0 #5977a1;
background-color: #5d7ca7;
}
.hive-drawer-title.quantum-architect-drawer.blue-theme.round-drawer .turner-circle .turner {
background-color: #5776a2;
box-shadow: 0 2px 4px 0 #55749f, inset -0.1px 1px 1px 0 #20416f, inset 0.1px -1px 1px 0 rgba(255, 255, 255, 0.12);
}
.hive-drawer-title.quantum-architect-drawer.blue-theme .turner-circle {
background-color: #5d7ca7;
box-shadow: inset 0.1px -1px 10px 0 #3a5c89ed, inset -0.1px 1px 10px 0 hsla(0, 0%, 100%, 0.4), inset 0 1px 9px 0 #537ab0;
height: 27px;
width: 27px;
}
.hive-drawer-title.quantum-architect-drawer.blue-theme .turner-circle .turner {
background-color: #5776a2;
box-shadow: 0 2px 4px 0 #55749f, inset -0.1px 1px 1px 0 #20416f, inset 0.1px -1px 1px 0 hsla(0, 0%, 100%, 0.12);
height: 18px;
width: 17px;
}
.hive-drawer-title.quantum-architect-drawer.blue-theme .turner-circle .turner .arrow {
background-image: url(assets/images/turnerTriangleBlue2_3f2e23718ddb8e7fd97c.svg);
}
.hive-drawer-title.quantum-architect-drawer.orange-theme {
background-color: #f29f00;
}
.hive-drawer-title.quantum-architect-drawer.orange-theme .turner-circle {
box-shadow: inset 0.1px -1px 10px 0 #ba7b02, inset -0.1px 1px 10px 0 rgba(255, 255, 255, 0.4), inset 0 1px 9px 0 #f5a50c;
background-color: #f29f00;
}
.hive-drawer-title.quantum-architect-drawer.orange-theme .turner-circle .turner {
box-shadow: 0 2px 4px 0 #de9c1d, inset -0.1px 1px 1px 0 #8e6619, inset 0.1px -1px 1px 0 rgba(255, 255, 255, 0.25);
background-color: #da8f02;
}
.hive-drawer-title.quantum-architect-drawer.orange-theme .turner-circle .turner .arrow {
background-image: url(assets/images/turnerTriangleOrange_9d08e92bfbe47944c006.svg);
}
.hive-drawer-title.quantum-architect-drawer.round-drawer {
border-radius: 20px;
height: 1.34rem;
margin: 0.156rem 0;
padding: 0rem;
}
.hive-drawer-title.quantum-architect-drawer.round-drawer.text-title .title {
padding-left: 0.625rem;
}
.hive-drawer-title.quantum-architect-drawer.round-drawer .turner-circle {
width: 1.63rem;
height: 1.63rem;
}
.hive-drawer-title.quantum-architect-drawer.round-drawer .turner-circle .turner {
height: 1.07rem;
width: 1.07rem;
}
.hive-drawer-title.quantum-architect-drawer.round-drawer .turner-circle .turner .arrow {
background-position: bottom;
background-size: 1.25rem;
height: 1.25rem;
width: 1.25rem;
}
.hive-drawer-title.draggable-drawer {
height: 1.88rem;
}
.hive-drawer-title.draggable-drawer .dots-grabber-icon .dragger-dots {
height: 1.41rem;
margin: auto;
margin-top: 0.313rem;
margin-left: -0.0625rem;
}
.hive-drawer-title.draggable-drawer .dots-grabber-icon .dragger-dots.transition-display .dragger-dot.last-dot {
display: none;
}
.hive-drawer-title.draggable-drawer .dots-grabber-icon .dragger-dots .dragger-dot.second-last-dot {
display: none;
}
.hive-drawer-title.draggable-drawer .round-grabber {
position: unset;
}
.hive-drawer-title.draggable-drawer .round-grabber.hide-round-grabber {
width: 1.56rem;
margin-left: -0.5rem;
}
.hive-drawer-title.draggable-drawer .turner-circle {
margin-left: 0.156rem;
}
.hive-drawer-title.draggable-drawer .graph-tools {
width: 4.69rem;
height: 1.88rem;
max-height: 1.88rem;
justify-content: center;
display: inline-block;
position: absolute;
right: 0rem;
margin-right: -0.781rem;
}
.hive-drawer-title.draggable-drawer .graph-tools.expand {
margin-right: -2.53rem;
}
.hive-drawer-title.draggable-drawer .graph-tools .select-button {
width: 1.09rem;
height: 1.09rem;
background-color: unset;
}
.hive-drawer-title.draggable-drawer .graph-tools .circle-wrapper {
height: 1.88rem;
width: 1.88rem;
display: inline-grid;
justify-content: center;
align-items: center;
justify-items: center;
}
.hive-drawer-title.draggable-drawer .graph-tools .expand-button {
height: 1.56rem;
}
.hive-drawer-title.draggable-drawer .graph-tools .expand-wrapper {
display: inline-flex;
height: 1.88rem;
width: 1.88rem;
align-content: center;
justify-content: center;
align-items: center;
}
.hive-drawer-title.draggable-drawer .dogs-grabber-icon .dragger-dots {
height: 1.16rem;
}
.round-drawer.hive-drawer {
width: 100%;
}
.hive-drawer.no-margin {
margin: 0rem;
}
.drawerTitle .align-icons-left {
margin-left: 5rem;
align-items: center;
margin-right: 0rem;
width: 90%;
display: inline-flex;
margin-left: auto;
margin-right: 0.313rem;
width: fit-content;
height: 100%;
}
.drawerTitle .align-icons-left .icon-container {
height: 100%;
align-items: center;
justify-content: center;
text-align: center;
display: flex;
flex-wrap: wrap;
align-content: center;
}
.drawerTitle .align-icons-left .select-button {
height: 80% !important;
display: inline-flex;
margin-top: auto;
margin-bottom: auto;
align-items: center;
justify-content: center;
}
.drawerTitle .align-icons-left .select-button.selected {
height: 80% !important;
width: auto;
background-color: unset;
}
.drawerTitle .align-icons-left .expand-button {
height: 100% !important;
display: inline-block;
margin: unset;
padding: unset;
margin-top: auto;
margin-bottom: auto;
width: auto;
}
.drawerTitle .headerWrapper {
display: flex;
align-items: center;
background-color: #5d7ca7;
box-shadow: inset -0.1px 2px 1.5px 0 rgba(255, 255, 255, 0.2), inset -0.3px 0.8px 0.5px 0 rgba(82, 82, 82, 0.2), inset 0.1px -2px 1.5px 0 rgba(0, 0, 0, 0.2);
margin-top: 0.313rem;
}
.drawerTitle .headerWrapper .turner-margin {
margin-left: 0.313rem;
}
.drawerTitle .headerWrapper .rounded-drawer .title {
padding-left: 0.469rem;
}
.drawerTitle .headerWrapper .title {
padding-left: 0.313rem;
}
.drawerTitle .headerWrapper.dark-theme .turner-widget .oval.color {
background: linear-gradient(to top, #828282, #979797);
}
.drawerTitle .headerWrapper.dark-theme .turner-widget .arrow.image {
border-left: 0.5rem solid #6a6a6a;
}
.drawerTitle.selected .arrow {
transform: rotate(90deg);
margin-left: 1% !important;
margin-top: 0.156rem !important;
}
.drawerTitle .chart {
height: 4.28rem !important;
width: 3.97rem !important;
}
.drawerTitle .statusButtons {
position: absolute;
right: 0;
}
.drawerTitle.align-table {
width: 50%;
margin-left: 0.313rem;
}
.drawerTitle .round-drawer .drawerTitle .headerWrapper .turner-margin {
margin-left: 0.156rem !important;
}
.drawerTitle .round-drawer.turner-margin {
margin-left: unset !important;
}
.drawerTitle.small-turner.selected .arrow {
margin-top: 0.0969rem !important;
}
.drawerTitle.small-turner .oval {
height: 0.563rem;
width: 0.563rem;
min-height: 0.563rem;
max-height: 0.563rem;
}
.drawerTitle.small-turner .oval.color {
background: linear-gradient(to top, #828282, #979797);
}
.drawerTitle.small-turner .arrow.image {
margin-left: 6%;
border-top: 0.234rem solid transparent;
border-bottom: 0.234rem solid transparent;
border-left: 0.313rem solid #6a6a6a !important;
}
.Main .headerWrapper {
height: 1.31rem;
border-radius: 22px;
}
.Main.round-drawer .turner-margin {
margin-left: 0.156rem !important;
}
.blue-theme .oval.color {
background: linear-gradient(to top, #828282, #979797);
}
.blue-theme.Main .headerWrapper {
height: 1.31rem;
border-radius: 22px;
}
.dark-theme .headerWrapper {
background-color: #565555;
}
.dark-theme .turner-widget .oval.color {
background: linear-gradient(to top, #828282, #979797);
}
.dark-theme .turner-widget .arrow.image {
border-left: 0.5rem solid #6a6a6a;
}
.runtime-theme .oval.color {
background: linear-gradient(to top, #828282, #979797);
}
.runtime-theme .arrow.image {
border-left: 0.5rem solid #6a6a6a;
}
.runtime-theme .headerWrapper {
background-color: #565555;
}
.runtime-theme .headerWrapper .turner-margin {
margin-left: 0.313rem;
}
.runtime-theme .headerWrapper .oval.color {
background: linear-gradient(to top, #828282, #979797);
}
.runtime-theme .headerWrapper .arrow.image {
border-left: 0.5rem solid #6a6a6a;
}
.orange-theme .headerWrapper {
background-color: #f29f00;
height: 1.31rem;
border-radius: 22px;
}
.orange-theme .headerWrapper .oval.color {
background: linear-gradient(to right, #a46000 20%, #ed8b00 82%);
}
.orange-theme .headerWrapper .arrow.image {
border-left: 0.5rem solid #efa53d;
}
.resolved-drawer .hive-badge {
background-color: #417505 !important;
}
.Side .headerWrapper {
height: 1.25rem;
margin-top: unset;
}
.Side-Gray {
background-color: #595959;
}
.Side-Gray .headerWrapper {
height: 1.75rem;
padding-left: 0.313rem;
background-color: #595959;
}
.SideSub .headerWrapper {
height: 0.75rem;
margin-left: 8px;
border-radius: 22px;
}
.SideSub .headerWrapper .title {
padding-left: 0.781rem;
}
.Side-Runtime {
background-color: #37374c;
}
.Side-Runtime .headerWrapper {
height: 1.75rem;
background-color: #37374c;
margin-top: 0rem;
box-shadow: 'inset 0.1px -2px 1.5px 0 rgba(0, 0, 0, 0.2), inset -0.2px 0.8px 0.5px 0 rgba(82, 82, 82, 0.2), inset -0.1px 2px 1.5px 0 rgba(255, 255, 255, 0.2)';
}
.Side-Runtime .headerWrapper .title {
align-items: center;
justify-content: center;
padding-left: 0.938rem;
}
.side-dark {
background-color: #595959;
}
.side-dark .headerWrapper {
height: 1.75rem;
background-color: #595959;
margin-top: 0rem;
}
.side-dark .headerWrapper .title {
align-items: center;
justify-content: center;
padding-left: 0.938rem;
}
.advanced-controls {
background-color: #595959;
}
.advanced-controls .headerWrapper {
height: 1.75rem;
background-color: #595959;
margin-top: 0rem;
}
.advanced-controls .headerWrapper .title {
align-items: center;
justify-content: center;
padding-left: 0.938rem;
}
.analytics-graph-drawer {
text-transform: initial !important;
height: 0.813rem !important;
}
.analytics-graph-drawer .headerWrapper {
height: 0.813rem !important;
box-shadow: inset 0.1px -2px 1.5px 0 rgba(0, 0, 0, 0.2), inset -0.2px 0.8px 0.5px 0 rgba(82, 82, 82, 0.2), inset -0.1px 2px 1.5px 0 rgba(255, 255, 255, 0.2);
background-color: #595959;
margin-top: 0rem;
}
.analytics-graph-drawer .headerWrapper .title {
align-items: center;
justify-content: center;
padding-left: 0.938rem;
text-transform: uppercase;
font-size: 0.563rem;
}
.analytics-graph-drawer .headerWrapper .title .Body-Widget {
font-size: 0.531rem;
}
.analytics-graph-drawer .headerWrapper .dots {
width: 0.844rem;
height: 100%;
background-size: contain;
margin-left: -0.156rem;
opacity: 0.75;
}
.advanced-commission-popup {
text-transform: initial !important;
background-color: #595959;
}
.advanced-commission-popup .headerWrapper {
height: 1.75rem;
background-color: #595959;
margin-top: 0rem;
}
.advanced-commission-popup .headerWrapper .title {
align-items: center;
justify-content: center;
padding-left: 0.938rem;
}
.advanced-commission-popup .headerWrapper.selected .arrow.image {
margin-left: unset !important;
}
.advanced-runtime-drawer {
text-transform: initial !important;
background-color: #14182b;
}
.advanced-runtime-drawer .headerWrapper {
height: 1.75rem;
background-color: #14182b;
margin-top: 0rem;
box-shadow: inset -0.1px 2px 1.5px 0 rgba(255, 255, 255, 0.2), inset -0.3px 0.8px 0.5px 0 rgba(82, 82, 82, 0.2), inset 0.1px -2px 1.5px 0 rgba(0, 0, 0, 0.2);
border: solid 1.5px #242738;
}
.advanced-runtime-drawer .headerWrapper .title {
align-items: center;
justify-content: center;
padding-left: 0.938rem;
}
.drawer {
margin: 0rem 0.313rem;
}
.drawer--no-margin {
margin: 0rem;
overflow: scroll !important;
}
.drawer--no-margin-maxheight {
margin: 0rem;
overflow: scroll !important;
}
.DrawerDecorator {
width: 100%;
height: 100%;
}
.editable-text {
height: 1.56rem;
display: flex;
align-items: center;
overflow: hidden;
}
.editable-text .text {
position: relative;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.editable-text .text.center {
text-align: center;
width: 100%;
}
.editable-text .text.small {
font-size: 12px;
}
.editable-text .text.extra-small {
font-size: 0.531rem;
}
.editable-text .text-field {
height: 100%;
max-width: 100%;
text-align: right;
}
.editable-text.center {
width: 100%;
text-align: center;
}
.editable-text.small-text {
font-size: 0.563rem;
}
.hive-Toolbar-main-panels .hive-panels-sample-sliding-panels > * {
width: 320px;
background-color: #EAEAEA !important;
-moz-box-shadow: -4px 0 4px rgba(0, 0, 0, 0.3) !important;
-webkit-box-shadow: -4px 0 4px rgba(0, 0, 0, 0.3) !important;
box-shadow: -4px 0 4px rgba(0, 0, 0, 0.3) !important;
}
.hive-Toolbar-main-panels .hive-panels-sample-sliding-panels > * .onyx-grabber {
height: 21px !important;
margin-top: -4px !important;
}
.hive-Toolbar-main-panels .hive-panels-sample-sliding-panels > * .mt-5 {
margin-top: -5px !important;
}
.hive-Toolbar-main-panels .onyx-more-toolbar {
overflow: visible;
position: relative;
z-index: 10;
height: 40px;
}
.hive-Toolbar-main-panels .enyo-arranger {
position: relative !important;
overflow: unset !important;
}
.hive-Toolbar-main-panels .hive-bt-collapsing {
top: 0px;
left: 10px;
background-position: center center;
z-index: 100;
}
.hive-Toolbar-main-panels .hive-rightTools {
margin-left: 10% !important;
}
.hive-Toolbar-main-panels .hive-toolbar-Connection {
margin-left: 20% !important;
}
.hive-Toolbar-main-panels .hive-toolbar-IconButton {
margin-top: -5px !important;
}
.hive-Toolbar-main-panels .onyx-more-toolbar .onyx-more-menu > * {
margin: 5px !important;
}
.pl-FlexBoxLayout {
display: flex;
position: relative;
}
.pl-FlexBoxLayout > * {
min-width: 0;
min-height: 0;
overflow: hidden;
}
.pl-FlexBoxLayout.flex-direction--row {
flex-direction: row;
}
.pl-FlexBoxLayout.flex-direction--column {
flex-direction: column;
}
.hive-tool-glyph-button-sized {
width: 34px !important;
padding: 0px !important;
margin: 0px !important;
}
.hive-tool-glyph-button:hover {
filter: drop-shadow(0px 0px 3px #279FF7);
}
.glyph-button:hover {
filter: drop-shadow(0px 0px 3px #279FF7);
}
.glyph-button:focus {
filter: drop-shadow(0px 0px 3px #279FF7);
}
.hive-tool-glyph-button-sized {
width: 80px !important;
padding: 0px !important;
margin: 0px !important;
height: 40px !important;
background-color: #555656;
border-radius: 0px;
}
.hive-tool-glyph-button {
background-image: url(assets/images/v-2-glyph-add_44f611bff7f51e9a0746.svg);
}
.hive-tool-glyph-button.icon-size {
background-position: 1px 0px !important;
background-size: 33px !important;
}
.hive-tool-glyph-button-add {
background-image: url(assets/images/v-2-glyph-add_44f611bff7f51e9a0746.svg);
}
.hive-tool-glyph-button-add.icon-size {
background-position: 3px 5px !important;
background-size: 22px !important;
}
.hive-tool-glyph-button-undo {
background-image: url(assets/images/refresh4_35ffdd1553d39e71c6d2.svg);
}
.hive-tool-glyph-button-setting {
background-image: url(assets/images/Settings_5b4c68315507f2f71ae4.svg);
}
.hive-tool-glyph-button-setting.icon-size {
background-position: 3px 5px !important;
background-size: 22px !important;
}
.hive-tool-glyph-button-help {
background-image: url(assets/images/question_dce38ee086148e711911.svg);
}
.hive-tool-glyph-button-qortex {
background-image: url(assets/images/qortex_48c7bb1a6630d9f7b2dc.svg);
}
.hive-tool-glyph-button-unlocked {
background-image: url(assets/images/unlock_5a6207d6e08406266770.svg);
}
.hive-tool-glyph-button-uploadover {
background-image: url(assets/images/upload2_2b63593ccef1502f2c0e.svg);
background-repeat: no-repeat;
}
.hive-tool-glyph-button-uploadunder {
background-image: url(assets/images/download2_05cd9eb4a337d89a42ab.svg);
background-repeat: no-repeat;
}
.hive-tool-button-upload {
background-image: url(assets/images/upload_b456de06327012c27f48.svg);
}
.hive-tool-glyph-button-new {
background-image: url(assets/images/new_68c8624c441c748e7b7f.svg);
width: 25px;
}
.hive-tool-glyph-button-location {
background-image: url(assets/images/location_636d89f6602c6eea8a6a.svg);
width: 32px;
height: 32px;
}
.hive-tool-glyph-button-currentLocation {
background-image: url(assets/images/MyLocation_f35174d99359f64223e0.svg);
width: 32px;
height: 32px;
}
.hive-tool-glyph-button-currentLocation.icon-size {
background-position: 3px 5px !important;
background-size: 22px !important;
}
.hive-tool-glyph-button-checked {
background-image: url(assets/images/setup-title-check_86397167fcc30c92ccb6.png);
width: 25px;
height: 25px;
}
.hive-tool-glyph-button-checked.icon-size {
background-size: 22px !important;
}
.hive-glyph-new {
margin-top: 7px;
}
.hive-glyph-btn {
position: relative;
}
.hive-glyph-btn:before {
content: "";
background: url(assets/images/lock_eea3c9f120947f2dfba3.png);
background-repeat: no-repeat;
position: absolute;
margin: auto;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.hive-glyph-btn.hive-glyph-btn-lock {
height: 25px;
width: 25px;
}
.hive-glyph-btn.hive-glyph-btn-lock:before {
top: -4px;
width: 28px;
height: 28px;
background-position: -435px -90px;
}
.hive-glyph-btn.hive-glyph-btn-lock:focus:before {
background-position: -465px -90px;
}
.onyx-popup-decorator .hive-tool-glyph-button-setting {
margin: 0 !important;
}
/************** BASE GLYPH **************/
.glyph-icon {
height: 2.5rem !important;
width: 2.5rem;
background-size: cover;
background-position: center;
vertical-align: unset;
display: flex;
margin: 0rem 0.156rem;
}
.glyph-icon.disabled {
cursor: default;
}
.glyph-icon.disabled:hover {
filter: none;
}
.glyph-icon:hover {
filter: drop-shadow(0px 0px 3px #f19d21);
}
.glyph-icon:focus {
filter: drop-shadow(0px 0px 3px #f19d21);
}
/************** ADD **************/
.grabber-icon {
background-image: url(assets/images/grabber_2438721201a05a2b14e9.svg);
background-size: 1rem;
}
.grabber-icon.glyph-icon:hover {
filter: none !important;
}
.grabber-icon.glyph-icon:focus {
filter: none !important;
}
.grabber-icon.runtime {
background-image: none;
min-height: 1.28rem !important;
min-width: 1.28rem;
}
.grabber-icon.runtime .hamburger-line {
width: 0.228rem;
height: 1.17rem;
border-radius: 0.0938rem;
background-image: linear-gradient(to left, #4b4a4a 50%, #706f6f);
}
.grabber-icon.runtime .vertical-line {
height: 0.125rem;
width: 1.09rem;
border-radius: 0.0938rem;
background-image: linear-gradient(to bottom, #cccccc 0%, #6d6d6d 100%);
}
.pl-glyph.single-column-grabber {
height: 1.25rem;
width: 0.268rem;
background: url(assets/images/dot-grabber-single-column_772d0db1f81380786cc3.svg) no-repeat;
background-size: contain;
background-position: center;
}
/********** DOTS GRABBER **********/
.dots-grabber-icon {
height: initial;
width: inherit;
margin-top: 8px;
}
.dots-grabber-icon .transparent-dots {
width: 0.938rem;
height: 1.41rem;
display: flex;
top: 0.125rem;
flex-direction: column;
gap: 0.25rem;
}
.dots-grabber-icon .transparent-dots .transparent-dot {
width: 0.313rem;
border-radius: 50%;
mix-blend-mode: hard-light;
box-shadow: inset 1px 1px 0.5px 0 rgba(1, 1, 1, 0.5), inset -0.5px -0.5px 0.5px 0 #777;
}
.dots-grabber-icon .dragger-dots {
display: inline-grid;
position: relative;
grid-row: 2/2;
grid-column: 2/3;
height: 1.78rem;
margin-right: 3px !important;
min-width: fit-content;
}
.dots-grabber-icon .dragger-dots.no-display .dragger-dot {
/* Firefox < 16 */
/* Safari, Chrome and Opera > 12.1 */
/* Internet Explorer */
/* Opera < 12.1 */
}
.dots-grabber-icon .dragger-dots.no-display .dragger-dot.last-dot {
visibility: hidden;
opacity: 0;
transition: visibility 0s 0.3s, opacity 0.3s linear;
display: none;
}
@keyframes fadeout {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@-moz-keyframes fadeout {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@-webkit-keyframes fadeout {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@-ms-keyframes fadeout {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@-o-keyframes fadeout {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
.dots-grabber-icon .dragger-dots.no-display.first {
transition: all 0.3s ease-in-out;
margin: auto;
height: 1.38rem;
}
.dots-grabber-icon .dragger-dots.transition-display .dragger-dot {
/* Firefox < 16 */
/* Safari, Chrome and Opera > 12.1 */
/* Internet Explorer */
/* Opera < 12.1 */
}
.dots-grabber-icon .dragger-dots.transition-display .dragger-dot.last-dot {
-webkit-animation: fadein 0.3s;
/* Safari, Chrome and Opera > 12.1 */
-moz-animation: fadein 0.3s;
/* Firefox < 16 */
-ms-animation: fadein 0.3s;
/* Internet Explorer */
-o-animation: fadein 0.3s;
/* Opera < 12.1 */
animation: fadein 0.3s;
display: initial;
}
@keyframes fadein {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@-moz-keyframes fadein {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@-webkit-keyframes fadein {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@-ms-keyframes fadein {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@-o-keyframes fadein {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.dots-grabber-icon .dragger-dots.transition-display.first {
transition: all 0.3s ease-in-out;
}
.dots-grabber-icon .dragger-dots .dragger-dot {
background: url(assets/images/oval-dragger_93bcf9714adaf91cba61.png) no-repeat;
background-size: 0.299rem;
height: 0.299rem;
width: 0.299rem;
}
.dots-grabber-icon .dragger-dots.second {
grid-column: 4/4;
}
/************** TOOL **************/
.tool-icon {
background: url(assets/images/tool_1a787778d52b099996f1.svg) no-repeat;
height: 2.56rem !important;
left: 0.156rem;
position: absolute;
top: 0.156rem;
width: 2.56rem !important;
}
/************** ADD **************/
.add-icon {
background-image: url(assets/images/v-2-glyph-add_44f611bff7f51e9a0746.svg);
background-size: 2.19rem;
}
/************** DELETE **************/
.delete-icon {
background-image: url(assets/images/delete_08c628eeabf71967ca83.svg);
background-size: 2.19rem;
}
/************** UNDO **************/
.undo {
background-image: url(assets/images/undo_58ea0f549e4bd472afc5.svg);
background-size: 1.69rem;
}
/************** SETTINGS **************/
.network-status-icon {
margin: 0rem !important;
border-radius: 50%;
}
.network-status-icon.online {
background-color: #1aa700;
}
.network-status-icon.offline {
background-color: #a70000;
}
.network-status-icon.active {
background-position: 0px 0px !important;
}
/************** SETTINGS **************/
.setting-icon {
background-image: url(assets/images/Settings_5b4c68315507f2f71ae4.svg);
margin: 0rem !important;
background-size: 1.69rem;
}
.setting-icon.pressed {
background-position: 50% !important;
}
.setting-icon.active {
background-position: 50% !important;
}
/************** CARET UP/DOWN **************/
.caret-up-down-icon {
background-image: url(assets/images/CaretUpDown_a100c2c5d04201262c0a.svg);
margin: 0rem !important;
background-size: 1.69rem;
background-position: center !important;
}
/************** HELP **************/
.help {
background-image: url(assets/images/question_dce38ee086148e711911.svg);
background-size: 1.63rem;
}
.help-new {
background-image: url(assets/images/question-new_627dbc3ad777f21b16fd.svg);
background-size: 2.25rem;
}
/************** UNLOCKED **************/
.locked {
background-image: url(assets/images/lock_321fdf29c206f8b09095.svg);
background-size: 1.16rem;
margin: 0px !important;
}
.locked.active {
background-position: 0px 0px !important;
}
/************** UNLOCKED **************/
.unlocked {
background-image: url(assets/images/unlock_5a6207d6e08406266770.svg);
background-size: 1.25rem;
margin: 0px !important;
}
.unlocked.active {
background-position: 0px 0px !important;
}
.unlocked.glyph-icon {
width: 1.56rem;
}
.lock-popup {
background-color: #f3f3f3;
border: none;
}
.lock-popup .title {
font-family: AvenirNext;
font-size: 0.799rem;
font-weight: bold;
}
/************** UPLOADOVER **************/
.uploadover {
background-image: url(assets/images/upload2_2b63593ccef1502f2c0e.svg);
background-size: 2.56rem;
height: 2.19rem !important;
width: 2.19rem;
}
/************** UPLOADUNDER **************/
.uploadunder {
background-image: url(assets/images/download2_05cd9eb4a337d89a42ab.svg);
background-size: 2.56rem;
height: 2.19rem !important;
width: 2.19rem;
}
/************** UPLOAD **************/
.upload {
background-image: url(assets/images/upload_b456de06327012c27f48.svg);
background-size: 2.56rem;
width: 2.19rem;
}
/************** DOWNLOAD **************/
.download {
background-image: url(assets/images/upload_b456de06327012c27f48.svg);
background-size: 2.56rem;
transform: rotate(180deg);
}
/************** NEW **************/
.new {
background-image: url(assets/images/new_68c8624c441c748e7b7f.svg);
background-size: 1.5rem;
}
.new-floor-transform-as {
transform: scaleX(0.94);
}
/************** LOCATION **************/
.location {
background-image: url(assets/images/location_636d89f6602c6eea8a6a.svg);
background-size: 2.5rem;
}
/************** CURRENT LOCATION **************/
.currentLocation {
background-image: url(assets/images/MyLocation_f35174d99359f64223e0.svg);
background-size: 1.81rem;
height: 1.88rem !important;
width: 1.88rem;
}
/************** CHECKED **************/
.checked {
background-image: url(assets/images/setup-title-check_86397167fcc30c92ccb6.png);
}
.blue-check {
background-image: url(assets/images/blueCheck_b3fd2fec21715d4cbc76.svg);
}
.minus-zoom {
background-image: url(assets/images/minusZoom_d38c35fb2ea989251897.svg);
}
.plus-zoom {
background-image: url(assets/images/plusZoom_b0be1c9d6ffd01f80bfe.svg);
}
/*************** EXIT/CANCEL/DELETE ***************/
.exit {
background-image: url(assets/images/X_79f65db6c7c299129405.svg);
}
.delete-symbol {
background-image: url(assets/images/delete_symbol_f7dd590529acdf1e7c48.svg);
}
/************** CONNECTION NODES **************/
.group-repeater {
height: 100%;
width: 100%;
}
.group-repeater .grid-wrapper {
height: 100%;
width: 100%;
display: grid;
}
.group-repeater .pin-item {
height: 100%;
width: 100%;
}
.group-repeater .equipment-item {
height: 100%;
width: 100%;
}
.group-repeater .equipment-item .wrapper {
height: 100%;
width: 100%;
display: flex;
overflow: hidden;
}
.group-repeater .equipment-item .grid-wrapper {
height: 100%;
width: 100%;
display: inline-grid;
}
.group-repeater .equipment-item .text-wrapper {
height: 100%;
width: 100%;
}
.group-repeater .equipment-item .text-wrapper .text {
text-transform: capitalize;
}
.group-repeater .equipment-item .readout-top {
display: none;
}
.group-repeater .equipment-item .triangle {
display: none;
}
.group-repeater .equipment-item .commission-button {
display: none;
}
.group-repeater .equipment-item .commission-popup {
position: absolute;
display: none;
}
.group-repeater .tab-item {
height: 100%;
width: 100%;
z-index: 101;
}
.group-repeater .tab-item .wrapper {
height: 100%;
width: 100%;
display: flex;
position: relative;
overflow: visible;
}
.group-repeater .tab-item .background {
box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.5);
background: rgba(0, 0, 0, 0.91) !important;
opacity: 0.47;
z-index: 100;
}
.group-repeater .tab-item .image {
display: inline;
position: absolute;
z-index: 101;
}
.group-repeater .drag-shadow {
background: black;
opacity: 0.1;
z-index: -1;
border-radius: 0 0 15px 15px;
box-shadow: 1px 0 1px 1px rgba(0, 0, 0, 0.3);
}
.group-repeater .drag-shadow--warning {
background: repeating-linear-gradient(45deg, red, red 10px, black 10px, black 20px);
}
.group-repeater--vertical .grid-wrapper {
grid-auto-flow: row;
grid-template-columns: 100%;
grid-template-rows: repeat(48, auto);
}
.group-repeater--vertical .pin-item {
height: 30px;
}
.group-repeater--vertical .pin-item .wrapper {
width: 100%;
display: inline;
position: relative;
}
.group-repeater--vertical .pin-item .index {
height: 30px;
width: 30px;
display: inline;
position: absolute;
background-color: #575757;
color: #d8dbe4;
line-height: 30px;
text-align: center;
}
.group-repeater--vertical .equipment-item {
margin-left: 30px;
outline: 1px solid black;
z-index: 100;
}
.group-repeater--vertical .equipment-item .wrapper {
flex-direction: row;
align-items: flex-start;
vertical-align: middle;
position: relative;
}
.group-repeater--vertical .equipment-item .grid-wrapper {
width: 25%;
align-self: flex-start;
grid-auto-flow: row;
grid-template-columns: 100%;
grid-template-rows: repeat(4, auto);
}
.group-repeater--vertical .equipment-item .text-wrapper {
position: absolute;
align-self: center;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
box-sizing: border-box;
border-top: 1px solid rgba(0, 0, 0, 0.2);
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.group-repeater--vertical .equipment-item .text-wrapper .text {
align-self: flex-start;
width: auto;
max-width: 50%;
margin-left: 30%;
}
.group-repeater--vertical .equipment-item .list-wrapper {
visibility: hidden;
}
.group-repeater--vertical .tab-item .wrapper {
display: flex;
flex-direction: column;
justify-content: center;
}
.group-repeater--vertical .tab-item .background {
width: 100%;
height: 85%;
align-self: center;
border-radius: 0 15px 15px 0;
}
.group-repeater--vertical .tab-item .image {
height: 0.938rem;
width: 0.938rem;
align-self: flex-end;
padding-right: 8%;
}
.group-repeater--vertical .spacer {
height: 10px;
background-color: #575757;
}
.group-repeater--vertical .odd-item {
background-color: #eff1f7;
}
.group-repeater--vertical .even-item {
background-color: #f6f6f6;
}
.group-repeater--vertical--commission .scroller {
width: 100%;
height: 100%;
}
.group-repeater--vertical--commission .grid-wrapper {
width: 85%;
grid-auto-flow: row;
grid-template-columns: 100%;
grid-template-rows: repeat(48, auto);
}
.group-repeater--vertical--commission .pin-item {
height: 30px;
}
.group-repeater--vertical--commission .pin-item .wrapper {
width: 100%;
display: inline;
position: relative;
}
.group-repeater--vertical--commission .pin-item .index {
height: 30px;
width: 30px;
display: inline;
position: absolute;
background-color: #575757;
color: #d8dbe4;
line-height: 30px;
text-align: center;
}
.group-repeater--vertical--commission .equipment-item {
width: 251px;
position: relative;
}
.group-repeater--vertical--commission .equipment-item .readout-top {
position: absolute;
display: inline;
right: 0;
top: 50%;
transform: translateY(-36%);
}
.group-repeater--vertical--commission .equipment-item .readout-top .variable-wrapper .value {
color: white!important;
}
.group-repeater--vertical--commission .equipment-item .readout-top .variable-wrapper .unit--superscript {
color: white!important;
}
.group-repeater--vertical--commission .equipment-item .triangle {
position: absolute;
display: inline;
top: 0;
right: -15px;
border-style: solid;
}
.group-repeater--vertical--commission .equipment-item .commission-popup {
z-index: 300;
position: absolute;
display: inline;
top: 50%;
right: 0;
}
.group-repeater--vertical--commission .equipment-item .commission-button {
z-index: 300;
position: absolute;
display: inline;
right: -15px;
transform: translate(75%, -50%);
}
.group-repeater--horizontal .grid-wrapper {
grid-auto-flow: column;
grid-template-rows: 100%;
grid-template-columns: repeat(48, auto);
}
.group-repeater--horizontal .pin-item .index {
display: none;
}
.group-repeater--horizontal .pin-item .text-wrapper {
display: none;
}
.group-repeater--horizontal .equipment-item {
z-index: 100;
}
.group-repeater--horizontal .equipment-item .wrapper {
position: relative;
flex-direction: row;
vertical-align: middle;
}
.group-repeater--horizontal .equipment-item .grid-wrapper {
height: 25%;
min-height: 3.13rem;
max-height: 4.69rem;
z-index: 102;
grid-auto-flow: column;
grid-template-rows: 100%;
grid-template-columns: repeat(2, auto);
gap: 5px;
}
.group-repeater--horizontal .equipment-item .text-wrapper {
display: inline;
position: absolute;
z-index: 101;
height: 75%;
width: 100%;
box-sizing: border-box;
border: 1px solid black;
display: flex;
justify-content: center;
transition: height 1s;
}
.group-repeater--horizontal .equipment-item .text-wrapper .text {
display: inline-block;
width: 0;
white-space: nowrap;
text-align: center;
transform-origin: center center;
transform: rotate(-90deg);
}
.group-repeater--horizontal .equipment-item .text-wrapper .floor-name {
opacity: 0.5;
font-size: 0.75vw;
transform: translateX(-2.25vw) rotate(-90deg);
}
.group-repeater--horizontal .equipment-item .text-wrapper .floor-name.single-wire {
transform: translateX(-0.9vw) rotate(-90deg);
}
.group-repeater--horizontal .equipment-item .text-wrapper .zone-name {
opacity: 0.5;
font-size: 0.75vw;
transform: translateX(-1.25vw) rotate(-90deg);
}
.group-repeater--horizontal .equipment-item .text-wrapper .zone-name.single-wire {
transform: translateX(-0.1vw) rotate(-90deg);
}
.group-repeater--horizontal .equipment-item .text-wrapper .equipment-name {
font-size: 0.85vw;
transform: translateX(1.7vw) rotate(-90deg);
}
.group-repeater--horizontal .equipment-item .text-wrapper .equipment-name.single-wire {
transform: translateX(0.7vw) rotate(-90deg);
}
.group-repeater--horizontal .equipment-item .list-wrapper {
position: absolute;
z-index: 100;
height: 100%;
width: 100%;
display: flex;
justify-content: center;
box-sizing: border-box;
border: 1px solid black;
}
.group-repeater--horizontal .equipment-item .list-wrapper .flex-wrapper {
display: flex;
justify-content: center;
height: 25%;
transition: height 1s;
}
.group-repeater--horizontal .equipment-item .list-wrapper .flex-wrapper .selector-wrapper {
position: absolute;
opacity: 0;
height: 45%;
width: 100%;
box-sizing: border-box;
transition: margin 1s, opacity 0.25s cubic-bezier(0.96, 0.06, 0, 1.03);
}
.group-repeater--horizontal .equipment-item .list-wrapper .flex-wrapper .selector-wrapper .list {
height: 100%;
width: 100%;
}
.group-repeater--horizontal .equipment-item .list-wrapper .flex-wrapper .selector-wrapper .list--item {
display: inline-block;
width: 100%;
text-align: center;
vertical-align: middle;
margin: 0.5em 0 0.5em 0;
}
.group-repeater--horizontal .equipment-item .list-wrapper .flex-wrapper .readout-bottom {
position: absolute;
z-index: 100;
transition: opacity 0.25s cubic-bezier(0.96, 0.06, 0, 1.03);
}
.group-repeater--horizontal .equipment-item .list-wrapper .flex-wrapper .wire-type {
position: absolute;
width: 100%;
text-align: center;
font-size: 1vw;
white-space: nowrap;
}
.group-repeater--horizontal .equipment-item .list-wrapper .flex-wrapper .wire-type.shrink-text {
font-size: 0.75vw;
}
.group-repeater--horizontal .equipment-item .list-wrapper .readout-bottom {
height: 14%;
}
.group-repeater--horizontal .equipment-item__selected .text-wrapper {
height: 40%;
}
.group-repeater--horizontal .equipment-item__selected .text-wrapper .text {
display: none;
}
.group-repeater--horizontal .equipment-item__selected .flex-wrapper {
height: 60% !important;
}
.group-repeater--horizontal .equipment-item__selected .flex-wrapper .selector-wrapper {
z-index: 100 !important;
opacity: 1 !important;
margin: 0 0 0 0 !important;
}
.group-repeater--horizontal .equipment-item__selected .flex-wrapper .readout-bottom {
z-index: 99 !important;
opacity: 0 !important;
}
.group-repeater--horizontal .tab-item .wrapper {
display: flex;
flex-direction: row;
justify-content: center;
}
.group-repeater--horizontal .tab-item .background {
height: 100%;
width: 85%;
align-self: center;
}
.group-repeater--horizontal .tab-item .image {
height: auto;
width: 50%;
}
.group-repeater--horizontal .spacer {
width: 20px;
}
.group-repeater--top .equipment-item {
border-radius: 0 0 15px 15px;
}
.group-repeater--top .equipment-item .wrapper {
align-items: flex-start;
}
.group-repeater--top .equipment-item .grid-wrapper {
align-self: flex-start;
}
.group-repeater--top .equipment-item .text-wrapper,
.group-repeater--top .equipment-item .list-wrapper {
border-radius: 0 0 15px 15px;
}
.group-repeater--top .equipment-item .text-wrapper {
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
}
.group-repeater--top .equipment-item .text-wrapper .text {
align-self: flex-end;
text-align: left;
direction: ltr;
}
.group-repeater--top .equipment-item .list-wrapper {
background-image: linear-gradient(to bottom, #606060, #4d4d4d);
}
.group-repeater--top .equipment-item .list-wrapper .flex-wrapper {
align-self: flex-end;
}
.group-repeater--top .equipment-item .list-wrapper .flex-wrapper .selector-wrapper {
align-self: flex-start;
margin: -200% 0 0 0;
border-bottom: 2px solid #a1a1a1;
}
.group-repeater--top .equipment-item .list-wrapper .flex-wrapper .readout-bottom {
align-self: flex-start;
margin-top: 0.2vw;
}
.group-repeater--top .equipment-item .list-wrapper .flex-wrapper .wire-type {
align-self: flex-end;
margin: -2% 0 0 0;
}
.group-repeater--top .tab-item .background {
border-radius: 0 0 500px 500px;
}
.group-repeater--top .tab-item .image {
align-self: flex-end;
padding-bottom: 13%;
}
.group-repeater--bottom .equipment-item {
border-radius: 15px 15px 0 0;
}
.group-repeater--bottom .equipment-item .wrapper {
align-items: flex-end;
}
.group-repeater--bottom .equipment-item .grid-wrapper {
align-self: flex-end;
}
.group-repeater--bottom .equipment-item .text-wrapper,
.group-repeater--bottom .equipment-item .list-wrapper {
border-radius: 15px 15px 0 0;
}
.group-repeater--bottom .equipment-item .text-wrapper {
box-shadow: 0 -2px 4px 0 rgba(0, 0, 0, 0.5);
}
.group-repeater--bottom .equipment-item .text-wrapper .text {
align-self: flex-start;
text-align: right;
direction: rtl;
}
.group-repeater--bottom .equipment-item .list-wrapper {
background-image: linear-gradient(to top, #606060, #4d4d4d);
}
.group-repeater--bottom .equipment-item .list-wrapper .flex-wrapper {
align-self: flex-start;
}
.group-repeater--bottom .equipment-item .list-wrapper .flex-wrapper .selector-wrapper {
align-self: flex-end;
margin: 200% 0 0 0;
border-top: 2px solid #a1a1a1;
}
.group-repeater--bottom .equipment-item .list-wrapper .flex-wrapper .readout-bottom {
align-self: flex-end;
margin-top: -0.4vw;
}
.group-repeater--bottom .equipment-item .list-wrapper .flex-wrapper .wire-type {
align-self: flex-start;
margin: 2% 0 0 0;
}
.group-repeater--bottom .tab-item .background {
border-radius: 500px 500px 0 0;
}
.group-repeater--bottom .tab-item .image {
align-self: flex-start;
padding-top: 13%;
}
.group-repeater--bottom .drag-shadow {
border-radius: 15px 15px 0 0;
}
.scrollbar--hide .enyo-scroller::-webkit-scrollbar {
display: none;
}
.equipment-drag-avatar {
transition: transform 0.4s;
}
.rotate90-left {
transform: rotate(-90deg);
}
.rotate180 {
transform: rotate(-180deg);
}
.rotate180 .text {
transform: rotate(-180deg);
}
.rotate180 .variable-wrapper {
transform: rotate(-180deg);
}
.rotate180 .image {
transform: rotate(-180deg);
padding-bottom: 18%;
padding-top: 18%;
}
.rotate180 .wire-type {
transform: rotate(-180deg);
}
.hierarchical-list {
--line-width: 0.234rem;
position: relative;
}
.hierarchical-list .list-item {
padding: 0.313rem 0;
z-index: 1;
overflow: visible;
}
.hierarchical-list .list-repeater {
height: 100px;
width: 100%;
}
.hierarchical-list .repeater-list-item {
padding: 0.156rem 0;
z-index: 1;
}
.hierarchical-list .drawer-item {
margin-top: 0.313rem;
z-index: 1;
}
.hierarchical-list .drawer-item .turner-widget {
margin-left: 0rem !important;
}
.hierarchical-list .drawer-item .oval {
z-index: 1;
}
.hierarchical-list .drawer-item.position-top {
position: relative;
z-index: 1;
}
.hierarchical-list .line {
position: absolute;
display: inline;
top: 0px;
left: 0.469rem;
z-index: 0;
background: #5d7ca7;
}
.hierarchical-list .line__vertical {
width: var(--line-width);
transition: height 1s;
}
.hierarchical-list .line__horizontal {
height: var(--line-width);
}
.hierarchical-list .p-1 {
padding: 0px;
}
.hierarchical-list .variable-input .hive-field-short {
width: 90px!important;
}
.hierarchical-list.align-items .hive-picker-button {
width: 100%;
min-width: 0px;
}
.hierarchical-list .hive-field-short {
width: 2.94rem !important;
}
.hierarchical-list .enyo-data-list.rendered .page {
display: inline!important;
}
.hierarchical-list .enyo-data-list .page {
position: relative!important;
}
.hierarchical-list .enyo-fit.enyo-scroller {
overflow: hidden!important;
}
.blue-progress-bar {
height: 100%;
border-radius: 3px;
background: Blue url(assets/images/gradient_7cfbc55cc4063581de83.png) repeat-x;
background-size: auto 100%;
}
.green-progress-bar {
height: 100%;
border-radius: 3px;
background: Green url(assets/images/gradient_7cfbc55cc4063581de83.png) repeat-x;
background-size: auto 100%;
}
.hue-slider {
background: #fff !important;
/* Old browsers */
background: -moz-linear-gradient(left, #ff0000 0%, #ffff00 16.66666667%, #00ff00 33.33%, #00fffe 50%, #0000ff 66.66666667%, #fe00ff 83.33333333%, #ff0000 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ff0000), color-stop(16.66666667%, #ffff00), color-stop(33.33%, #00ff00), color-stop(50%, #00fffe), color-stop(66.66666667%, #0000ff), color-stop(83.33333333%, #fe00ff), color-stop(100%, #ff0000)) !important;
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #ff0000 0%, #ffff00 16.66666667%, #00ff00 33.33%, #00fffe 50%, #0000ff 66.66666667%, #fe00ff 83.33333333%, #ff0000 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #ff0000 0%, #ffff00 16.66666667%, #00ff00 33.33%, #00fffe 50%, #0000ff 66.66666667%, #fe00ff 83.33333333%, #ff0000 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(left, #ff0000 0%, #ffff00 16.66666667%, #00ff00 33.33%, #00fffe 50%, #0000ff 66.66666667%, #fe00ff 83.33333333%, #ff0000 100%);
/* IE10+ */
background: linear-gradient(to right, #ff0000 0%, #ffff00 16.66666667%, #00ff00 33.33%, #00fffe 50%, #0000ff 66.66666667%, #fe00ff 83.33333333%, #ff0000 100%);
/* W3C */
border-radius: 8px;
border: 2px solid #b9b8b8;
}
.hue-slider .onyx-progress-bar-bar {
background: transparent url(assets/images/gradient_7cfbc55cc4063581de83.png) repeat-x !important;
}
.saturation-slider {
background-color: #ff0000;
/* Old browsers */
background-image: -moz-linear-gradient(left, #7f7f7f 0%, rgba(127, 127, 127, 0.5) 50%, rgba(127, 127, 127, 0) 100%);
/* FF3.6+ */
background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, #7f807f), color-stop(50%, rgba(127, 127, 127, 0.5)), color-stop(100%, rgba(127, 127, 127, 0)));
/* Chrome,Safari4+ */
background-image: -webkit-linear-gradient(left, #7f7f7f 0%, rgba(127, 127, 127, 0.5) 50%, rgba(127, 127, 127, 0) 100%);
/* Chrome10+,Safari5.1+ */
background-image: -o-linear-gradient(left, #7f7f7f 0%, rgba(127, 127, 127, 0.5) 50%, rgba(127, 127, 127, 0) 100%);
/* Opera 11.10+ */
background-image: -ms-linear-gradient(left, #7f7f7f 0%, rgba(127, 127, 127, 0.5) 50%, rgba(127, 127, 127, 0) 100%);
/* IE10+ */
background-image: linear-gradient(to right, #7f7f7f 0%, rgba(127, 127, 127, 0.5) 50%, rgba(127, 127, 127, 0) 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7f807f', endColorstr='#007f7f7f', GradientType=1);
/* IE6-8 */
border-radius: 8px;
border: 2px solid #b9b8b8;
}
.saturation-slider .onyx-progress-bar-bar {
background: transparent url(assets/images/gradient_7cfbc55cc4063581de83.png) repeat-x !important;
}
.lightness-slider {
background: #ff0000;
/* Old browsers */
background-image: -moz-linear-gradient(left, #000000 0%, rgba(0, 0, 0, 0.5) 25%, rgba(128, 128, 128, 0) 50%, rgba(255, 255, 255, 0.5) 75%, #ffffff 100%);
/* FF3.6+ */
background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, #000000), color-stop(25%, rgba(0, 0, 0, 0.5)), color-stop(50%, rgba(128, 128, 128, 0)), color-stop(75%, rgba(255, 255, 255, 0.5)), color-stop(100%, #ffffff));
/* Chrome,Safari4+ */
background-image: -webkit-linear-gradient(left, #000000 0%, rgba(0, 0, 0, 0.5) 25%, rgba(128, 128, 128, 0) 50%, rgba(255, 255, 255, 0.5) 75%, #ffffff 100%);
/* Chrome10+,Safari5.1+ */
background-image: -o-linear-gradient(left, #000000 0%, rgba(0, 0, 0, 0.5) 25%, rgba(128, 128, 128, 0) 50%, rgba(255, 255, 255, 0.5) 75%, #ffffff 100%);
/* Opera 11.10+ */
background-image: -ms-linear-gradient(left, #000000 0%, rgba(0, 0, 0, 0.5) 25%, rgba(128, 128, 128, 0) 50%, rgba(255, 255, 255, 0.5) 75%, #ffffff 100%);
/* IE10+ */
background-image: linear-gradient(to right, #000000 0%, rgba(0, 0, 0, 0.5) 25%, rgba(128, 128, 128, 0) 50%, rgba(255, 255, 255, 0.5) 75%, #ffffff 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#ffffff', GradientType=1);
/* IE6-8 */
border-radius: 8px;
border: 2px solid #b9b8b8;
}
.lightness-slider .onyx-progress-bar-bar {
background: transparent url(assets/images/gradient_7cfbc55cc4063581de83.png) repeat-x !important;
}
.color-box {
height: 32px;
margin: 10px;
background-color: white;
margin: 7% 0 0 0 !important;
}
.color-box-grid {
width: 155%;
margin-left: -5%;
margin-top: 3%;
}
.hive-dual-color-picker {
background: #646464;
height: fit-content;
width: fit-content;
padding: 0.625rem;
border-radius: 5px;
}
.hive-dual-color-picker .chevron {
height: 0.406rem !important;
left: 50% !important;
transform: rotate(-90deg);
margin-left: -16px;
top: 100% !important;
margin-top: -16px;
border-right: 30px solid #474747;
border-color: #646464;
}
.hive-dual-color-picker .onyx-slider {
height: 0.469rem !important;
margin: 0.125rem;
margin-top: 0.313rem;
border: 1.4px solid #b9b8b8;
}
.hive-dual-color-picker .onyx-slider-knob {
background-size: unset;
width: 0.75rem;
height: 0.75rem;
margin-top: -0.656rem;
margin-bottom: 26px !important;
box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.5);
border: solid 0.5px #737475;
background-image: radial-gradient(circle at 27% 31%, #bcbcbc, #909090 61%);
border-radius: 50%;
margin-left: -8px;
background-position: unset !important;
}
.hive-dual-color-picker .hive-color-picker {
margin-top: -0.438rem;
}
.hive-dual-color-picker .color-box {
height: 1.63rem;
margin: unset;
padding-bottom: 0.0406rem;
}
.hive-dual-color-picker .hue-slider {
background: #fff !important;
/* Old browsers */
background-image: linear-gradient(to right, #e9554c, #a9d44d, #a9d44d, #4e5fe7) !important;
}
.hive-dual-color-picker .hue-slider .onyx-progress-bar-bar {
background: transparent url(assets/images/gradient_7cfbc55cc4063581de83.png) repeat-x !important;
}
.hive-dual-color-picker .color-box-grid {
display: grid;
grid-template-columns: auto auto auto auto auto auto;
width: fit-content;
height: fit-content;
align-content: center;
justify-content: center;
align-items: center;
margin: auto !important;
padding: unset !important;
border: unset !important;
}
.hive-dual-color-picker .color-box-grid .color-box-column-width {
display: grid;
align-content: center;
justify-content: center;
align-items: center;
margin: auto !important;
justify-self: center;
}
.hive-dual-color-picker .color-box-grid .default-color-box-wrapper {
margin: auto !important;
padding: unset !important;
border: unset;
display: flex;
align-content: center;
}
.hive-dual-color-picker .color-box-grid .default-color-box {
height: 18.5px !important;
width: 28px !important;
margin: 1px;
justify-self: center;
}
.hive-dual-color-picker .default-color-box {
height: 20px;
width: 27px;
border-radius: 0px;
border: none;
border-radius: unset !important;
}
.hive-dual-color-picker .color-picked-container {
width: fit-content;
margin: auto;
height: 2.06rem;
margin-top: 0.25rem;
display: grid;
grid-template-columns: 2.09rem 2.5rem 2.09rem;
}
.hive-dual-color-picker .color-picked-container .raised-ridge {
width: fit-content;
height: fit-content;
padding: 0.0447rem 0.0894rem 0.134rem;
display: inline-flex;
position: relative;
}
.hive-dual-color-picker .color-picked-container .raised-ridge.selected {
padding: 0.0447rem 0.0894rem 0.134rem;
border-radius: 9px;
box-shadow: inset 0.1px -1px 1px 0 rgba(0, 0, 0, 0.51), inset -0.1px 1px 1px 0 rgba(255, 255, 255, 0.12);
background-color: #565353;
}
.hive-dual-color-picker .color-picked-container .raised-ridge.selected .color-box {
mix-blend-mode: hard-light;
box-shadow: inset -0.1px 1px 1px 0 rgba(0, 0, 0, 0.7), inset 0.1px -1px 1px 0 rgba(255, 255, 255, 0.4);
background-color: #777676;
padding-bottom: unset;
}
.hive-dual-color-picker .color-picked-container .raised-ridge.selected .color-box .outline {
border: solid 0.5px #6f6f6f;
}
.hive-dual-color-picker .color-picked-container .raised-ridge.selected .color-box .color-box-style {
box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.5);
}
.hive-dual-color-picker .color-picked-container .raised-ridge .color-box {
height: 2.03rem;
width: 2.09rem;
display: inline-flex;
border-radius: 6px;
padding: unset;
padding-right: 0.5px;
background-color: #666666;
mix-blend-mode: hard-light;
box-shadow: inset -0.1px 1px 1px 0 rgba(0, 0, 0, 0.7), inset 0.1px -1px 1px 0 rgba(255, 255, 255, 0.4);
}
.hive-dual-color-picker .color-picked-container .raised-ridge .color-box.outline-box {
padding-left: 0rem;
}
.hive-dual-color-picker .color-picked-container .raised-ridge .color-box .color-box-style {
width: 1.56rem;
height: 1.53rem;
padding: unset;
margin: auto !important;
border-radius: 4.5px;
box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.5);
}
.hive-dual-color-picker .color-picked-container .raised-ridge .color-box .outline {
border: solid 0.5px #888787;
display: inline-flex;
}
.hive-dual-color-picker .color-picked-container .raised-ridge .color-box .outline .outline-center {
height: 1.2em;
width: 1rem;
margin: auto;
border-radius: 3px;
background-color: #666666;
border: solid 0.5px #888787;
}
.hive-dual-color-picker .color-picked-container .raised-ridge .onyx-groupbox {
margin: auto !important;
}
.hive-dual-color-picker .max-spacer {
height: 0.313rem !important;
}
.hive-color-picker .color-picked-container {
width: 7.5rem;
vertical-align: top;
margin: auto;
display: flex;
overflow: visible;
height: 1.84rem;
margin-top: 0.25rem;
}
.hive-color-picker .color-picked-container .color-box {
height: 1.72rem;
width: 1.72rem;
margin: auto !important;
display: inline-flex;
position: relative;
border-radius: 6px;
padding: unset;
padding-right: 0.5px;
background-color: #666666;
mix-blend-mode: hard-light;
box-shadow: inset -0.1px 1px 1px 0 rgba(0, 0, 0, 0.7), inset 0.1px -1px 1px 0 rgba(255, 255, 255, 0.4);
}
.hive-color-picker .color-picked-container .color-box.outline-box {
padding-left: 0.0313rem;
}
.hive-color-picker .color-picked-container .color-box.selected {
mix-blend-mode: hard-light;
box-shadow: inset -0.1px 1px 1px 0 rgba(0, 0, 0, 0.7), inset 0.1px -1px 1px 0 rgba(255, 255, 255, 0.4);
}
.hive-color-picker .color-picked-container .color-box.selected .outline {
border: solid 0.5px #6f6f6f;
}
.hive-color-picker .color-picked-container .color-box.selected .color-box-style {
box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.5);
}
.hive-color-picker .color-picked-container .color-box .color-box-style {
width: 1.25rem;
height: 1.22rem;
padding: unset;
margin: auto !important;
border-radius: 4.5px;
box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.5);
}
.hive-color-picker .color-picked-container .color-box .outline {
border: solid 0.5px #888787;
padding-top: 0.4px;
display: inline-flex;
width: 1.19rem;
height: 1.16rem;
}
.hive-color-picker .color-picked-container .color-box .outline .outline-center {
width: 0.813rem;
height: 0.813rem;
margin: auto;
display: inline-flex;
border-radius: 3px;
background-color: #666666;
border: solid 0.5px #888787;
}
.hive-inline-svg svg {
height: 100%;
width: 100%;
}
/*******************************************
SETTING UP PAGE
*******************************************/
.page {
display: flex;
flex-direction: row;
flex: 1;
overflow: hidden;
}
.left {
z-index: 0;
}
/*******************************************
RESPONSIVE MIDDLE COLUMN
*******************************************/
.middle {
flex: 2;
z-index: 1;
}
.right {
z-index: 2;
}
/*******************************************
RIGHT COLUMN THAT IS 200PX WIDE
*******************************************/
.right-200 {
/* 200PX IS WIDTH */
flex: 0 0 200px;
transition: margin 0.3s ease;
}
.rightClose-200 {
margin-right: -200px;
}
.rightOpen-200 {
margin-right: 0px;
}
/*******************************************
RIGHT COLUMN THAT IS 294PX WIDE
*******************************************/
.right-294 {
/* 294PX IS WIDTH */
flex: 0 0 294px;
transition: margin 0.3s ease;
}
.rightClose-294 {
margin-right: -294px;
}
.rightOpen-294 {
margin-right: 0px;
}
/*******************************************
RIGHT COLUMN THAT IS 320PX WIDE
*******************************************/
.right-320 {
/* 200PX IS WIDTH */
flex: 0 0 320px;
transition: margin 0.3s ease;
}
.rightClose-320 {
margin-right: -320px;
}
.rightOpen-320 {
margin-right: 0px;
}
/*******************************************
RIGHT COLUMN THAT IS 400PX WIDE
*******************************************/
.right-400 {
/* 400PX IS WIDTH */
flex: 0 0 400px;
transition: margin 0.3s ease;
}
.rightClose-400 {
margin-right: -400px !important;
}
.rightOpen-400 {
margin-right: 0px !important;
}
.rightOpen-half-400 {
margin-right: -200px !important;
}
/*******************************************
RIGHT COLUMN THAT IS 460PX WIDE
(NEW Right Drawers for Quantum Architect)
*******************************************/
.right-460 {
/* 400PX IS WIDTH */
flex: 0 0 460px;
transition: margin 0.3s ease;
}
.rightClose-460 {
margin-right: -460px !important;
}
.rightOpen-460 {
margin-right: 0px !important;
}
.rightOpen-half-460 {
margin-right: -225px !important;
}
/*******************************************
RIGHT COLUMN THAT IS 500PX WIDE
*******************************************/
.right-500 {
/* 500PX IS WIDTH */
flex: 0 0 500px;
transition: margin 0.3s ease;
}
.rightClose-500 {
margin-right: -500px !important;
}
.rightOpen-500 {
margin-right: 0px !important;
}
.rightOpen-half-500 {
margin-right: -300px !important;
}
/*******************************************
RIGHT COLUMN THAT IS 600PX WIDE
*******************************************/
.right-600 {
/* 500PX IS WIDTH */
flex: 0 0 600px;
transition: margin 0.3s ease;
}
.rightClose-600 {
margin-right: -600px !important;
}
.rightOpen-600 {
margin-right: 0px !important;
}
.rightOpen-half-600 {
margin-right: -300px !important;
}
.rightOpen-400-600 {
margin-right: -200px !important;
}
/*******************************************
RIGHT COLUMN THAT IS 645PX WIDE
*******************************************/
.right-645 {
/* 500PX IS WIDTH */
flex: 0 0 600px;
transition: margin 0.3s ease;
}
.rightClose-645 {
margin-right: -600px !important;
}
.rightOpen-645 {
margin-right: 0px !important;
}
.rightOpen-half-645 {
margin-right: -300px !important;
}
/*******************************************
RIGHT COLUMN THAT IS 700PX WIDE
*******************************************/
.right-700 {
/* 500PX IS WIDTH */
flex: 0 0 700px;
transition: margin 0.3s ease;
}
.rightClose-700 {
margin-right: -700px !important;
}
.rightOpen-700 {
margin-right: 0px !important;
}
.rightOpen-half-700 {
margin-right: -400px !important;
}
/*******************************************
RIGHT COLUMN THAT IS 550PX WIDE
*******************************************/
.right-550 {
/* 500PX IS WIDTH */
flex: 0 0 550px;
transition: margin 0.3s ease;
}
.rightClose-500 {
margin-right: -500px !important;
}
.rightOpen-500 {
margin-right: 0px !important;
}
.rightOpen-half-500 {
margin-right: -300px !important;
}
/*******************************************
RIGHT COLUMN THAT IS 900PX WIDE
*******************************************/
.right-900 {
/* 900PX IS WIDTH */
flex: 0 0 900px;
transition: margin 0.3s ease;
}
.rightClose-900 {
margin-right: -900px !important;
}
.rightOpen-900 {
margin-right: 0px !important;
}
.rightOpen-half-900 {
margin-right: -500px !important;
}
/*******************************************
SUB RIGHT COLUMN THAT IS 200PX WIDE
*******************************************/
.sub-right-200 {
/* 200PX IS WIDTH */
width: 200px !important;
}
.sub-right-225 {
/* 200PX IS WIDTH */
width: 225px !important;
}
.sub-right-250 {
/* 250PX IS WIDTH */
width: 250px !important;
}
.sub-right-294 {
/* 294PX IS WIDTH */
width: 294px !important;
}
.sub-right-300 {
/* 300PX IS WIDTH */
width: 300px !important;
}
.sub-right-400 {
/* 200PX IS WIDTH */
width: 400px !important;
}
.sub-right-460 {
/* 200PX IS WIDTH */
width: 460px !important;
}
.sub-right-500 {
/* 300PX IS WIDTH */
width: 500px !important;
}
/*******************************************
SLIDEABLE COLUMN WIDTHS
*******************************************/
.slideable {
position: absolute;
left: auto;
right: 0;
}
.list-item {
overflow-x: hidden;
overflow-y: hidden;
position: relative;
}
.list-item .wrapper {
display: flex;
align-items: center;
height: 100%;
width: 100%;
}
.list-item .input {
width: 75%;
border-radius: 3px;
border-top: 2px solid #7291a8;
border-left: 1px solid #7291a8;
border-right: 2px solid #7291a8;
border-bottom: 2px solid #7291a8;
}
.list-item.border-bottom {
border-bottom: solid 1px #3c3a46;
}
.text-item {
height: 1.56rem;
background-color: #ebeff8;
}
.text-item--tall {
height: 1.56rem;
}
.text-item--short {
height: 1.56rem;
}
.text-item .drag-handel {
display: inline;
float: left;
width: 1.25rem;
height: 100%;
background-image: url(assets/images/sidebar-grabber_bfd990a84f1d4daea0ae.png);
background-repeat: no-repeat;
background-position: center;
}
.text-item .editable-text {
flex-grow: 1;
padding-left: 0.313rem;
}
.text-item .image {
display: inline;
float: left;
height: 0.938rem;
width: 0.938rem;
margin: 0 0.219rem;
}
.text-item .delete-btn {
width: 3.34rem;
height: inherit;
position: absolute;
left: 100%;
background: red;
color: white;
font-size: 0.719rem;
line-height: 1.56rem;
text-align: center;
vertical-align: middle;
}
.text-item--default .wrapper.selected,
.text-item--default .wrapper:hover {
background-color: #d1daff;
}
.text-item--default .odd-item {
background-color: #ebeff8;
}
.text-item--default .even-item {
background-color: #fff;
}
.text-item--drawer-title {
background: linear-gradient(hsl(0, 1%, 80%) 0%, hsl(0, 1%, 90%) 5%, hsl(0, 2%, 80%) 95%, hsl(0, 1%, 70%) 100%);
}
.text-item--drawer-title .drag-handel {
width: 1.59rem;
background-size: 0.938rem;
}
.text-item--drawer-title .drag-handel:hover {
cursor: pointer;
}
.text-item--drawer-title.selected .drag-handel {
transform: rotate(90deg);
}
.text-item.selected--blue .wrapper.selected,
.text-item.selected--blue .wrapper:hover {
background-color: #d1daff;
}
.text-item--raise-selected .wrapper.selected {
position: absolute;
width: 102%;
z-index: 102;
-moz-box-shadow: 0px 0 4px rgba(0, 0, 0, 0.6);
-webkit-box-shadow: 0px 0 4px rgba(0, 0, 0, 0.6);
box-shadow: 0px 0 4px rgba(0, 0, 0, 0.6);
}
.text-item--raise-selected-dark .wrapper.selected {
background-color: #565555;
color: white;
}
.text-item--group-item .wrapper {
width: 85%;
}
.text-item--group-item .wrapper.selected {
background-color: inherit;
}
.text-item--group-item .readout {
width: 15%;
height: 1.56rem;
display: inline;
position: absolute;
left: 85%;
top: 0;
background-color: #b8b8b8;
color: white;
font-size: 0.625rem;
line-height: 1.56rem;
text-align: center;
vertical-align: center;
}
.zone-list-item .zone-color {
position: absolute;
width: 0.625rem;
height: 0.625rem;
border-radius: 50%;
right: 0.938rem;
top: 50%;
transform: translateY(-50%);
border: 1px solid black;
}
.image-item {
height: 3.13rem;
overflow: visible;
}
.image-item .wrapper {
height: 100%;
width: 100%;
border-radius: 5%;
justify-content: center;
}
.image-item .wrapper:hover {
cursor: pointer;
}
.image-item .wrapper.selected {
background-color: #d1daff;
}
.image-item .image {
width: 1.63rem;
height: 1.63rem;
display: block;
margin: 0px auto;
}
.image-item .text {
padding-top: 0.234rem;
}
.image-item .input {
min-height: auto;
min-width: auto;
height: 0.781rem !important;
font-size: 0.406rem;
}
.image-item--medium {
height: 3.47rem;
}
.image-item--medium .wrapper {
justify-content: center;
}
.image-item--medium .image {
width: 3.3rem;
height: 2.09rem;
}
.image-item--large {
height: 5.31rem;
overflow: visible;
}
.image-item--large .wrapper {
margin: 0.625rem 0 0 0;
justify-content: center;
}
.image-item--large .image {
max-width: 3.72rem;
max-height: 3.72rem;
height: auto;
}
.vertically-center {
position: relative;
top: 50%;
transform: translateY(-50%);
text-align: center;
}
.center-block {
position: relative;
float: left;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.center-inline {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.repeaterLabel {
height: 1.88rem;
width: 100%;
display: flex;
margin-bottom: 1px;
}
.repeaterLabel .split {
width: 100%;
display: flex;
align-items: center;
-webkit-clip-path: polygon(90% 0, 100% 50%, 90% 100%, 0% 100%, 0 50%, 0% 0%);
clip-path: polygon(90% 0, 100% 50%, 90% 100%, 0% 100%, 0 50%, 0% 0%);
background: #eef1f9;
padding: 0 1.25rem 0 0.625rem;
}
.repeaterLabel .split .image {
height: 1rem;
width: 1rem;
}
.repeaterLabel .split .repeaterText {
margin-left: 0.313rem;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.repeaterLabel .split .reading {
margin-left: auto;
}
.repeaterLabel .split2 {
display: flex;
align-items: center;
}
.repeaterLabel .split2 .repeaterCircle {
width: 1.56rem;
height: 1.56rem;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.repeaterLabel .split2 .status-commissioning {
background-image: url(assets/images/Commissioning_eda4340ef933d41a12e6.svg);
animation: spin_a 1s infinite linear;
}
@keyframes spin_a {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.repeaterLabel .split2 .status-good {
background-image: url(assets/images/CheckGreen_e903102bfe9dbc06ec97.svg);
}
.repeaterLabel .split2 .status-check {
background-image: url(assets/images/Caution_4d4585f98932a906715d.svg);
}
.repeaterLabel .split2 .status-fix {
background-image: url(assets/images/HighPriority_141417ae796bd2a18fab.svg);
}
.repeaterLabel.background--even .split {
background-color: #eff1f9;
}
.repeaterLabel.background--odd .split {
background-color: #ffffff;
}
.repeaterLabel.selected .split,
.repeaterLabel:hover .split {
background-color: #d1daff;
}
.status-list-item .wrapper:hover {
background-color: #d1daff;
}
.status-list-item.selected .wrapper,
.status-list-item:hover .wrapper {
background-color: #d1daff;
}
.status-list-item .odd-item {
background-color: #ebeff8;
}
.status-list-item .even-item {
background-color: #fff;
}
.status-list-item .status-circle {
position: absolute;
width: 0.938rem;
height: 0.938rem;
right: 0.406rem;
top: 50%;
transform: translateY(-50%);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.status-list-item .status-circle.status-commissioning {
background-image: url(assets/images/Commissioning_eda4340ef933d41a12e6.svg);
animation: spin_b 1s infinite linear;
}
@keyframes spin_b {
from {
transform: translateY(-50%) rotate(0deg);
}
to {
transform: translateY(-50%) rotate(360deg);
}
}
.status-list-item .status-circle.status-good {
background-image: url(assets/images/CheckGreen_e903102bfe9dbc06ec97.svg);
}
.status-list-item .status-circle.status-check {
background-image: url(assets/images/Caution_4d4585f98932a906715d.svg);
}
.status-list-item .status-circle.status-fix {
background-image: url(assets/images/HighPriority_141417ae796bd2a18fab.svg);
}
.controlListCenter {
display: inline-flex;
align-items: center;
width: 100%;
height: 100%;
}
.text-space {
margin-left: 0.313rem;
}
.pinContainer {
width: 1.72rem;
height: 100%;
background-color: rgba(0, 0, 0, 0.28);
display: flex;
justify-content: center;
align-items: center;
margin-left: auto;
}
.table-row {
white-space: pre;
color: #9f9ea2 !important;
}
.hive-list-item {
width: 100%;
height: 1.56rem;
position: relative;
box-sizing: border-box;
}
.hive-list-item::before {
content: '';
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 5;
pointer-events: none;
box-shadow: inset 0 -0.0447rem 0.0447rem rgba(0, 0, 0, 0.35), inset 0.0447rem 0.0447rem 0.0447rem #ffffff;
mix-blend-mode: multiply;
}
.hive-list-item.text-list-item {
padding: 0 0.406rem 0 0.672rem;
overflow: hidden;
}
.hive-list-item.text-list-item > div:first-child {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.hive-list-item.connector-list-item .connector-icon {
height: 1.25rem;
width: 1.56rem;
margin: 0 0 0 0.25rem;
}
.hive-list-item.connector-list-item .editable-text {
margin: 0 0.25rem 0 0.431rem;
}
.hive-list-item.allowed-quanta-list-item {
height: 2.34rem;
}
.hive-list-item.allowed-quanta-list-item > div:first-child {
line-height: 1.56rem;
}
.hive-list-item.allowed-quanta-list-item > * {
margin: 0 0.469rem !important;
}
.hive-list-item.property-equation-editor {
height: 8.13rem !important;
width: 100%;
background-color: #f2f2f2;
}
.hive-list-item.property-equation-editor > :first-child {
width: 7.81rem;
padding: 0.313rem;
box-sizing: border-box;
background-color: #949191;
}
.hive-list-item.property-equation-editor .behavior-tag {
position: absolute;
top: 2.5rem;
width: 3.75rem;
height: 0.759rem;
border-radius: 0.402rem;
text-align: center;
line-height: 0.759rem;
background-color: rgba(242, 242, 242, 0.8);
}
.hive-list-item.property-equation-editor .property-name {
width: 100%;
}
.hive-list-item.property-equation-editor .property-name > :first-child {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.hive-list-item.property-equation-editor .property-name > :last-child {
width: 0.625rem;
text-align: right;
}
.hive-list-item.property-equation-editor .property-sym {
color: #ffffff;
}
.hive-list-item.property-equation-editor.behavior {
background-color: #5d7ca7;
}
.hive-list-item.property-equation-editor.behavior > :first-child {
background-color: #5d7ca7;
}
.hive-list-item.property-equation-editor.physics {
background-color: var(--physicsConstantsColor);
}
.hive-list-item.property-equation-editor.physics > :first-child {
background-color: var(--physicsConstantsColor);
}
.hive-list-item.property-equation-editor.standard {
background-color: #5d7ca7;
}
.hive-list-item.property-equation-editor.standard > :first-child {
background-color: #5d7ca7;
}
.hive-list-item.property-equation-editor.computed {
background-color: var(--computedPropertyColor);
}
.hive-list-item.property-equation-editor.computed > :first-child {
background-color: var(--computedPropertyColor);
}
.hive-list-item.property-equation-editor.computed .behavior-tag {
display: none;
}
.hive-list-item.property-equation-editor.property {
background-color: #949191;
}
.hive-list-item.property-base {
height: 3.75rem;
background-color: #555656;
}
.hive-list-item.property-base .property-container {
grid-template-areas: 'margin' 'symbol' 'name';
grid-template-rows: 0rem auto 1rem;
display: inline-grid;
grid-template-columns: 79%;
}
.hive-list-item.property-base.property-inspector {
box-shadow: inset -0.1px 2px 1.5px 0 rgba(255, 255, 255, 0.2), inset 0 0 0.3px 0 rgba(82, 82, 82, 0.2), inset 0.1px -2px 1.5px 0 rgba(0, 0, 0, 0.2);
overflow: unset;
}
.hive-list-item.property-base.property-inspector .property-container {
grid-template-rows: 0.844rem auto 1rem;
}
.hive-list-item.property-base.property-inspector .property-container .property-sym {
justify-content: flex-start;
color: #ffffff;
}
.hive-list-item.property-base.property-inspector .property-container .property-name {
justify-content: flex-start;
}
.hive-list-item.property-base.property-selector {
background-color: #bdbdbd;
}
.hive-list-item.property-base.property-selector .property-container {
width: 3rem;
grid-template-columns: unset;
}
.hive-list-item.property-base.property-selector .property-container .property-sym {
justify-content: center;
font-variation-settings: 'wght' 700, 'wdth' 100;
font-size: 1.138rem;
}
.hive-list-item.property-base.property-selector .property-container .property-name {
justify-content: center;
font-variation-settings: 'wght' 700, 'wdth' 100;
color: #353438;
font-size: 0.553rem;
}
.hive-list-item.property-base::before {
box-shadow: inset -0.1px 2px 1.5px 0 rgba(255, 255, 255, 0.2), inset 0 0 0.3px 0 rgba(82, 82, 82, 0.2), inset 0.1px -2px 1.5px 0 rgba(0, 0, 0, 0.2);
}
.hive-list-item.property-base > :first-child {
width: 7.5rem;
box-sizing: border-box;
}
.hive-list-item.property-base.behavior > :first-child {
background-color: #5d7ca7;
}
.hive-list-item.property-base.physics {
background-color: var(--physicsConstantsColor);
}
.hive-list-item.property-base.physics > :first-child {
background-color: var(--physicsConstantsColor);
}
.hive-list-item.property-base.standard > :first-child {
background-color: #5d7ca7;
}
.hive-list-item.property-base.computed > :first-child {
background-color: var(--computedPropertyColor);
}
.hive-list-item.property-base.property > :first-child {
background-color: #949191;
}
.hive-list-item.property-base.property > :first-child.physics {
background-color: var(--physicsConstantsColor);
}
.hive-list-item.property-base .property-sym {
grid-area: symbol;
display: inline-flex;
align-items: center;
justify-content: flex-start;
font-variation-settings: 'wght' 400, 'wdth' 100;
font-size: 0.938rem;
text-transform: none;
text-overflow: ellipsis;
overflow: hidden;
width: 100%;
height: unset;
}
.hive-list-item.property-base .property-sym.editable-text .text {
text-transform: none;
}
.hive-list-item.property-base .property-name {
grid-area: name;
height: fit-content;
display: inline-flex;
align-items: center;
justify-content: flex-start;
font-variation-settings: 'wght' 400, 'wdth' 100;
font-size: 0.453rem;
width: 100%;
text-align: center;
text-transform: uppercase;
color: #525252;
}
.hive-list-item.property-base .property-link {
padding: 0.469rem;
grid-gap: 0.375rem;
box-sizing: border-box;
}
.hive-list-item.property-base .property-link .link-box {
width: 2.5rem;
height: 1.38rem;
border-radius: 5px;
line-height: 1.38rem;
text-align: center;
}
.hive-list-item.property-base .property-link .behavior-text {
color: #5d7ca7;
}
.hive-list-item.property-base .property-link .physics-text {
color: var(--physicsConstantsColor);
}
.hive-list-item.property-base .property-link .computed-text {
color: var(--computedPropertyColor);
}
.hive-list-item.property-base .property-link .quanta-text {
color: #ad9c00;
}
.hive-list-item.property-base .property-link.behavior .link-box {
background-color: #5d7ca7;
}
.hive-list-item.property-base .property-link.behavior .computed-text {
display: none;
visibility: hidden;
}
.hive-list-item.property-base .property-link.behavior .physics-text {
display: none;
visibility: hidden;
}
.hive-list-item.property-base .property-link.behavior .standard-text {
display: none;
visibility: hidden;
}
.hive-list-item.property-base .property-link.physics .link-box {
background-color: var(--physicsConstantsColor);
}
.hive-list-item.property-base .property-link.physics .computed-text {
display: none;
visibility: hidden;
}
.hive-list-item.property-base .property-link.physics .standard-text {
display: none;
visibility: hidden;
}
.hive-list-item.property-base .property-link.physics .behavior-text {
display: none;
visibility: hidden;
}
.hive-list-item.property-base .property-link.standard .link-box {
background-color: #5d7ca7;
}
.hive-list-item.property-base .property-link.standard .computed-text {
display: none;
visibility: hidden;
}
.hive-list-item.property-base .property-link.standard .physics-text {
display: none;
visibility: hidden;
}
.hive-list-item.property-base .property-link.standard .behavior-text {
display: none;
visibility: hidden;
}
.hive-list-item.property-base .property-link.computed .link-box {
background-color: var(--computedPropertyColor);
}
.hive-list-item.property-base .property-link.computed .standard-text {
display: none;
visibility: hidden;
}
.hive-list-item.property-base .property-link.computed .physics-text {
display: none;
visibility: hidden;
}
.hive-list-item.property-base .property-link.computed .behavior-text {
display: none;
visibility: hidden;
}
.hive-list-item.block-text-list-item.no-text-transform .block-container .block-name {
text-transform: none;
}
.hive-list-item.block-text-list-item.no-text-transform .text-name .text {
text-transform: none;
}
.hive-list-item.block-text-list-item .block-container {
width: 2.19rem;
height: inherit;
background-color: #9c9999;
display: inline-flex;
justify-content: center;
align-items: center;
border-bottom: solid 1px #7e7e7e !important;
}
.hive-list-item.block-text-list-item .block-container .block-name {
color: white;
text-transform: capitalize;
}
.hive-list-item.block-text-list-item .text-name {
width: 100%;
flex: 1;
display: flex;
padding-left: 0.313rem;
border-bottom: solid 1px #7e7e7e !important;
}
.hive-list-item.manufacturer-model-list-item {
height: 1.72rem;
background-blend-mode: multiply;
}
.hive-list-item.manufacturer-model-list-item .input-wrapper {
display: inline-flex;
}
.hive-list-item.manufacturer-model-list-item .input-wrapper .input-value {
text-align: right;
}
.hive-list-item.manufacturer-model-list-item .name-margin.editable-text .text {
padding-left: 0.938rem;
}
.hive-list-item.manufacturer-model-list-item .fill-width {
width: 100%;
}
.hive-list-item.base-property-list-item {
display: grid;
grid-template-columns: 1.91rem auto;
grid-template-rows: auto;
grid-template-areas: 'symbol text';
}
.hive-list-item.base-property-list-item.display-property-image .symbol-image {
background-image: url(assets/images/p-symbol_50b0698017cc2274bcce.svg);
background-size: 1.28rem;
background-repeat: no-repeat;
}
.hive-list-item.base-property-list-item.behavior-property .symbol-wrapper.color {
background-color: #58759e;
}
.hive-list-item.base-property-list-item.computed-property .symbol-wrapper.color {
background-color: #6c9cc9;
}
.hive-list-item.base-property-list-item.property .symbol-wrapper.color {
background-color: #9c9999;
}
.hive-list-item.base-property-list-item .symbol-wrapper {
height: 100%;
grid-area: symbol;
padding: 0 0.156rem;
}
.hive-list-item.base-property-list-item .symbol-wrapper.color {
background-color: #9c9999;
}
.hive-list-item.base-property-list-item .symbol-wrapper .property-sym {
height: 100%;
background-position: center;
width: 100%;
line-height: 1.53rem;
text-align-last: center;
text-transform: none;
}
.hive-list-item.base-property-list-item .symbol-wrapper .property-sym.editable-text .text {
text-transform: none;
}
.hive-list-item.base-property-list-item .symbol-wrapper .property-sym.editable-text .hivefield-short {
min-width: 100%;
}
.hive-list-item.base-property-list-item .text-wrapper {
grid-area: text;
display: inline-flex;
}
.hive-list-item.table-list-item .data-repeater-table .enyo-data-repeater-container {
display: inline-flex !important;
height: 100%;
}
.hive-list-item.table-row-list-item .flex-row-table .enyo-data-repeater-container {
display: flex !important;
flex-direction: row;
height: 100%;
}
.hive-list-item .text-overflow-ellipsis {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
display: inline-block;
}
.hive-list-item .wrapper {
display: flex;
align-items: center;
height: 100%;
width: 100%;
}
.hive-list-item.quantum-architect-list-item .standard-font-size.editable-text .text {
font-size: 0.531rem;
}
.hive-list-item.quantum-architect-list-item .standard-text-margin {
margin: 0 0 0 0.563rem;
}
.user-notes-repeater {
height: 100%;
}
.hive-math-editor {
height: 100%;
width: 100%;
padding-left: 1.56rem;
padding-right: 1.56rem;
}
.hive-math-editor .mq-editable-field {
border: none !important;
box-shadow: none !important;
overflow: auto !important;
outline: none !important;
height: 100%;
text-align: start;
}
.hive-variable-editor {
display: grid;
grid-template-columns: minmax(15.6rem, 4fr) minmax(15.6rem, 1fr);
}
.hive-variable-editor > div {
padding: 0.625rem;
overflow-y: scroll;
}
.hive-variable-editor .hierarchical-list .list-repeater {
height: 100% !important;
}
.hive-variable-editor .hierarchical-list .line {
z-index: -1;
}
.hive-variable-editor .title-item {
padding: 0 0 0 0.781rem;
}
.hive-variable-editor .title-item div:nth-child(1) {
width: 3.91rem;
margin: 0 0 0 0.781rem;
text-align: center;
}
.hive-variable-editor .title-item div:nth-child(2) {
width: 4.69rem;
text-align: center;
}
.hive-variable-editor .title-item div:nth-child(3) {
width: 6.25rem;
margin: 0 0 0 0.781rem;
text-align: center;
}
.hive-variable-editor .hive-list-item .name {
min-width: 3.13rem;
max-width: 7.81rem;
text-align: center;
}
.hive-variable-editor .hive-list-item input {
width: 4.69rem;
min-width: 4.69rem;
margin: 0 0 0 0.469rem;
}
.hive-variable-editor .hive-list-item .checkbox {
margin: 0 0 0 0.781rem;
}
.hive-variable-editor .hive-list-item .range {
margin: 0.469rem 0;
}
.hive-variable-editor .hive-list-item .range .Text {
margin: 0 0 0 0.781rem;
}
.hive-variable-editor .hive-list-item.repeater-list-item {
padding: 0rem;
margin: 0.391rem 0 0.781rem 0.781rem;
}
.hive-variable-editor .hive-list-item.variable .onyx-popup-decorator button {
width: 6.25rem;
margin: 0 0 0 0.781rem;
}
.hive-variable-editor .hive-list-item.variable > div:nth-child(2) {
width: 23.4rem;
margin: 0.313rem 0 0 3.59rem;
}
.hive-math-toolbar .icon {
margin: 0 !important;
border-radius: 0.0625rem 0.0625rem 0 0;
}
.Hive-MenuBar-header {
background-size: contain;
color: #ffffff;
white-space: nowrap;
height: 40px;
position: relative;
background: -webkit-linear-gradient(#4c4c4c, #4b4b4b, #464646, #3f3f3f, #3a3a3a);
background: -o-linear-gradient(#4c4c4c, #4b4b4b, #464646, #3f3f3f, #3a3a3a);
background: -moz-linear-gradient(#4c4c4c, #4b4b4b, #464646, #3f3f3f, #3a3a3a);
background: linear-gradient(#4c4c4c, #4b4b4b, #464646, #3f3f3f), #3a3a3a;
}
.Hive-MenuBar-header .hive-menuBar-header-left {
position: absolute;
top: 20%;
left: 2%;
z-index: 999;
}
.Hive-MenuBar-header .hive-menuBar-header-right {
position: absolute;
top: 22%;
right: 1%;
z-index: 999;
}
.Hive-MenuBar-header .radio-tab {
text-align: center;
display: inline-block;
margin: 0 auto;
position: absolute !important;
left: 0;
right: 0;
top: 7px;
}
.Hive-MenuBar-header .hive-tool-glyph-button-setting,
.Hive-MenuBar-header .hive-tool-glyph-button-help,
.Hive-MenuBar-header .hive-glyph-btn-lock,
.Hive-MenuBar-header .hive-tool-glyph-button-unlocked {
margin: 0 10px 0 20px !important;
}
.Hive-MenuBar-header .hive-lockbutton {
margin-top: 3px !important;
}
.Hive-MenuBar-header .hive-glyph-btn-lock {
height: 25px;
width: 25px;
}
.Hive-MenuBar-header .hive-glyph-btn-lock:before {
top: -4px;
width: 28px;
height: 28px;
background-position: -435px -90px !important;
}
.Hive-MenuBar-header .hive-glyph-btn-lock.active:before,
.Hive-MenuBar-header .hive-glyph-btn-lock.pressed:before,
.Hive-MenuBar-header .hive-glyph-btn-lock:active:hover:before {
background-position: -465px -90px !important;
}
.hive-setting-tool {
width: 144px;
height: 100px;
}
.hive-setting-tool.onyx-contextual-popup.vertical::after {
left: 43% !important;
}
.hive-setting-tool .onyx-contextual-popup-title {
display: none !important;
}
.hive-setting-tool .onyx-contextual-popup-scroller {
padding: 5px !important;
}
.hive-setting-tool .enyo-touch-scroller {
padding: 5px 5px 0 5px;
color: #ffffff;
}
.hive-setting-tool .enyo-touch-scroller .title {
margin-bottom: 10px;
text-align: center;
font-weight: bold;
}
.hive-setting-tool .enyo-touch-scroller .checkgroup-box .checkbox-style2 {
padding-left: 25px;
display: block;
margin: 5px 0 10px 0;
white-space: nowrap;
height: 18px;
width: 20px;
background: url(assets/images/checkbox-style2_8b6888add196072e207c.png) 0px -20px no-repeat !important;
}
.hive-setting-tool .enyo-touch-scroller .checkgroup-box .checkbox-style2[checked] {
background-position: 0px -2px !important;
}
.hive-setting-tool .enyo-touch-scroller .checkgroup-box.multiple .checkbox-style2 {
display: inline-block;
}
.hive-setting-tool .enyo-touch-scroller .checkgroup-box.multiple > div {
margin: 6px 0 10px 0;
}
.popup-locked.onyx-contextual-popup.vertical.left::after {
left: 100%;
margin-left: -25px !important;
}
.popup-locked {
font-size: 12px;
line-height: 16px;
padding: 10px 20px;
height: 70px;
}
.popup-locked .onyx-contextual-popup-title {
padding: 5px 5px 0px !important;
}
.popup-locked .onyx-contextual-popup-scroller {
padding: 10px 0;
}
.popup-locked input {
width: 200px;
}
.popup-locked input {
border: solid 1px #666;
line-height: 16px;
vertical-align: baseline;
padding: 4px 5px;
font-size: 12px;
}
.MenuBar2 .section {
flex: 1;
display: flex;
align-items: center;
margin: 0rem;
}
.MenuBar2 .header-left {
justify-content: flex-start;
}
.MenuBar2 .header-middle {
justify-content: center;
}
.MenuBar2 .header-right {
justify-content: flex-end;
}
.modal-popup {
display: grid;
grid-template-columns: 2% 8% 80% 8% 2%;
grid-template-rows: 25% 25% 25% 25%;
width: 21rem;
height: 11.5rem;
border-radius: 11.9px;
-webkit-backdrop-filter: blur(119.4px);
backdrop-filter: blur(119.4px);
background-color: rgba(59, 59, 59, 0.53);
}
.modal-popup .client {
opacity: 100%;
display: grid;
grid-template-columns: 2% 8% 80% 8% 2%;
grid-template-rows: 25% 25% 25% 25%;
width: 21rem;
height: 11.5rem;
}
.modal-popup .client .create {
grid-row-start: 3;
grid-column-start: 3;
width: 50%;
height: 1.88rem !important;
align-self: end;
justify-self: center;
color: orange;
}
.modal-popup .client .equipment-name {
grid-row-start: 2;
grid-column-start: 3;
align-self: center;
justify-self: center;
width: 80%;
}
.modal-popup .title {
grid-column-start: 3;
align-self: center;
justify-self: center;
}
.modal-popup .exit {
grid-column-start: 4;
align-self: center;
}
.modal-popup .blocking-panel {
position: absolute;
grid-row-start: 1;
grid-column-start: 2;
z-index: -1;
}
.modal-popup.warning-popup {
display: grid;
grid-template-columns: 10% auto 10%;
grid-template-rows: 2.19rem 50% auto 10%;
grid-template-areas: ". . x" ". text ." ". buttons ." ". . .";
width: 23.8rem;
height: 12.3rem;
}
.modal-popup.warning-popup .exit {
grid-area: x;
height: 0.969rem !important;
background-size: 0.938rem;
width: 100%;
margin: unset;
}
.modal-popup.warning-popup .warning-text-group {
display: grid;
grid-template-columns: 35% auto;
grid-area: text;
grid-template-areas: "icon message";
margin-top: 0.281rem;
}
.modal-popup.warning-popup .warning-text-group .caution-icon {
background-image: url(assets/images/caution_bright_fa412e67403bd61a4414.svg);
background-size: 3.13rem;
background-repeat: no-repeat;
grid-area: icon;
background-position: top;
width: 100%;
}
.modal-popup.warning-popup .warning-text-group .text-group {
text-align: center;
padding-top: 0.313rem;
padding-right: 2.81rem;
}
.modal-popup.warning-popup .warning-text-group .text-align {
text-align: left;
}
.modal-popup.warning-popup .warning-text-group .warning {
font-size: 0.938rem;
}
.modal-popup.warning-popup .warning-text-group .subtext {
display: inline-flex;
width: 100%;
margin-top: 0.313rem;
line-height: 1.6;
font-size: 0.741rem;
}
.modal-popup.warning-popup .warning-btn-group {
display: inline-flex;
align-items: center;
flex-direction: row;
justify-content: center;
grid-area: buttons;
}
.modal-popup.warning-popup .warning-btn-group .warning-btn {
width: 7.97rem;
height: 1.88rem !important;
}
.modal-popup.warning-popup .warning-btn-group .warning-btn.left-btn {
margin-right: auto;
}
.modal-popup.warning-popup .warning-btn-group .warning-btn.right-btn {
margin-left: auto;
}
.modal-popup.warning-popup .warning-btn-group .warning-btn.center-btn {
margin: auto;
}
.modal-popup.dark-modal {
background-color: rgba(59, 59, 59, 0.53);
}
.modal-popup.light-modal {
box-shadow: 2px 3px 30px 0 rgba(0, 0, 0, 0.52);
background-color: rgba(233, 233, 233, 0.89);
}
.hive-more-toolbar {
position: relative;
height: calc(var(--hit-scale-factor) * 2.81rem);
display: flex;
align-items: center;
border: none;
padding: 0 0.188rem;
}
.hive-more-toolbar .onyx-toolbar-inline {
display: flex;
flex-grow: 1;
justify-content: center;
align-items: center;
}
.hive-more-toolbar.runtime .onyx-toolbar-inline {
height: 100%;
padding-top: 0.125rem;
padding-bottom: 0.125rem;
}
.autonomy-studio-topnav {
overflow: visible !important;
}
.autonomy-studio-topnav .hive-more-toolbar {
height: auto;
}
.autonomy-studio-topnav .autonomy-studio-nav-bar {
padding: 0.21em 0;
}
.autonomy-studio-subnav .hive-more-toolbar {
position: relative;
background-color: #2d2c2c;
}
.autonomy-studio-subnav .hive-more-toolbar::after {
box-shadow: inset -0.1px 2px 4px 0 rgba(0, 0, 0, 0.8), inset 0.1px -2px 4px 0 rgba(255, 255, 255, 0.35);
content: '';
position: absolute;
inset: 0;
z-index: 5;
pointer-events: none;
}
.hive-Navigation-popover .notification-bezel-main {
padding: 10px;
height: 160px !important;
width: 240px !important;
top: 20%;
left: 0;
right: 0;
margin: 0 auto;
border-radius: 10px;
background: rgba(0, 0, 0, 0.3);
background-size: auto 100%;
text-align: center;
color: white;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
font-family: OpenSans;
}
.hive-Navigation-popover .hive-popover-container {
padding: 10px;
top: 370px !important;
}
.hive-Navigation-popover .notification-bezel-message {
font-family: OpenSans-bold;
color: #ffffff;
font-size: 15px !important;
font-weight: bold !important;
padding: 0px !important;
float: none !important;
display: block !important;
text-align: -webkit-center !important;
text-shadow: none !important;
}
.hive-Navigation-popover .notification-bezel-icon {
float: none !important ;
background-size: 100% 100% !important;
width: 100px !important;
height: 65px !important;
display: block !important;
margin: 8px auto !important;
}
.notification-messagebar-bar .notification-messagebar-message {
font-family: OpenSans;
}
.hive-badges {
margin-top: 0.313rem !important;
}
.hive-badges .hive-badges-container {
margin-left: 6%;
margin-top: 4px !important;
}
.hive-notification-badged-badge .notification-pagecurl-messagebar {
height: 90px ;
}
.hive-notification-badged-badge .hive-navigation-badges .notification-pagecurl-curl {
position: relative !important;
background: none !important;
height: 0px !important;
width: 0px !important;
top: 0px !important;
right: 0px !important;
}
.hive-notification-badged-badge .hive-navigation-badges .notification-pagecurl-curl .notification-pagecurl-curl-count {
font-family: OpenSans-bold;
right: -13px;
top: auto;
font-size: 14px;
background: #8f3333;
opacity: 0.8;
position: absolute;
box-shadow: none;
text-shadow: none;
text-align: center;
display: table;
padding: 0.2em 0.6em 0.2em 0.6em;
border-radius: 50%;
vertical-align: middle;
line-height: normal;
height: auto;
}
.hive-panel-header.panel.left-align {
justify-content: flex-start;
}
.hive-panel-header.panel-side.left-align {
justify-content: flex-start;
}
.hive-panel-header.tagged {
justify-content: space-between;
padding: unset;
grid-template-areas: "title gap tag";
grid-auto-columns: 47.5% auto 12%;
display: grid;
}
.hive-panel-header.tagged .header-text {
grid-area: title;
display: inline-flex;
justify-content: center;
text-transform: capitalize;
}
.hive-panel-header.tagged .tag-wrapper {
opacity: 0.7;
border-radius: 4.5px;
border: solid 2px #ffffff;
width: 1.41rem;
height: 0.844rem;
grid-area: tag;
margin-top: auto;
margin-bottom: auto;
}
.hive-panel-header.tagged .tag-wrapper .tag-text {
text-align: center;
font-size: 0.531rem;
font-variation-settings: "wght" 620, "wdth" 110;
}
.hive-panel-header.tagged .tag-wrapper .no-display {
display: none;
}
.hive-panel-header.grey {
background-color: #8e8e8e;
background-image: unset;
}
.hive-panel-header.transparent {
background: none !important;
}
.hive-panel-header.runtime {
background-image: linear-gradient(to bottom, #4a4a4a, #474747 56%, #3a3a3a);
}
.hive-panel-header.blue {
background-color: #526c91 !important;
background-image: unset;
}
.pl-picker-arrow {
--border-radius: 10px;
--arrow-border-radius: 10px;
display: flex;
flex-direction: column;
align-items: center;
justify-items: center;
background-color: #646464 !important;
margin-top: 0.469rem !important;
border-radius: var(--border-radius) !important;
min-width: 4.53rem;
text-align: center;
}
.pl-picker-arrow .client-container {
width: 100%;
}
.pl-picker-arrow .enyo-thumb {
width: 0px;
z-index: -1000;
}
.pl-picker-arrow .onyx-menu-item {
border-bottom: unset;
background-image: url(assets/images/divider_cb03dbdb6988bdb442cb.svg);
background-repeat: no-repeat;
background-size: 0.781rem;
background-position-x: center;
background-position-y: bottom;
}
.pl-picker-arrow .onyx-menu-item:active:hover {
background-color: #393838;
}
.pl-picker-arrow .onyx-menu-item.active {
background-color: #393838;
}
.pl-picker-arrow .arrow {
width: 100% !important;
height: 1.13rem !important;
border: unset;
background-color: #646464;
box-shadow: unset;
margin: unset !important;
}
.pl-picker-arrow .arrow.pressed {
background-color: #8f8f8f;
}
.pl-picker-arrow .arrow.pressed .pl-baseicon {
background-image: url(assets/images/arrow-selected_ec8aae8d1585c835f7e2.svg);
}
.pl-picker-arrow .arrow .pl-baseicon {
background-image: url(assets/images/arrow-unselected_f3005d4be1904d98217e.svg);
height: 0.469rem;
background-size: 0.313rem;
width: 100%;
}
.pl-picker-arrow .top-arrow {
width: 100% !important;
height: 1.13rem !important;
border: unset;
background-color: #646464;
box-shadow: unset;
margin: unset !important;
border-top-left-radius: var(--arrow-border-radius);
border-top-right-radius: var(--arrow-border-radius);
}
.pl-picker-arrow .top-arrow.pressed {
background-color: #8f8f8f;
}
.pl-picker-arrow .top-arrow.pressed .pl-baseicon {
background-image: url(assets/images/arrow-selected_ec8aae8d1585c835f7e2.svg);
}
.pl-picker-arrow .top-arrow .pl-baseicon {
background-image: url(assets/images/arrow-unselected_f3005d4be1904d98217e.svg);
height: 0.469rem;
background-size: 0.313rem;
width: 100%;
}
.pl-picker-arrow .bottom-arrow {
width: 100% !important;
height: 1.13rem !important;
border: unset;
background-color: #646464;
box-shadow: unset;
margin: unset !important;
border-bottom-left-radius: var(--arrow-border-radius);
border-bottom-right-radius: var(--arrow-border-radius);
}
.pl-picker-arrow .bottom-arrow.pressed {
background-color: #8f8f8f;
}
.pl-picker-arrow .bottom-arrow.pressed .pl-baseicon {
background-image: url(assets/images/arrow-selected_ec8aae8d1585c835f7e2.svg);
}
.pl-picker-arrow .bottom-arrow .pl-baseicon {
background-image: url(assets/images/arrow-unselected_f3005d4be1904d98217e.svg);
height: 0.469rem;
background-size: 0.313rem;
width: 100%;
}
.pl-picker-arrow .bottom-arrow .pl-baseicon {
transform: rotate(180deg);
}
.base-picker.onyx-picker .onyx-menu-item.selected,
.base-picker .onyx-picker .onyx-menu-item.active,
.base-picker .onyx-picker .onyx-menu-item:active:hover {
background-image: linear-gradient(#3D3E3E, #3D3E3E);
box-shadow: inset 0px 2px 3px rgba(0, 0, 0, 0.2) !important;
border-bottom: rgba(255, 255, 255, 0.5) 1px solid !important;
}
.base-picker .onyx-menu-item {
display: block;
padding: 8px !important;
border-top: none !important;
border-bottom: none !important;
font-family: OpenSans-bold;
line-height: 11px !important;
font-size: 12px;
font-weight: bold;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
color: #d5d5d5;
}
.base-picker .onyx-menu-item.selected {
background-blend-mode: soft-light;
background-image: linear-gradient(#505151, #505151);
background-color: #505151;
box-shadow: inset -0.1px 1.5px 1.5px 0 #ffffff, inset -0.3px 0.8px 0.5px 0 rgba(82, 82, 82, 0.5), inset 0.1px -1.5px 1.5px 0 rgba(0, 0, 0, 0.5) !important;
}
.light-picker .onyx-menu-item {
font-family: OpenSans-bold;
line-height: 11px !important;
font-size: 12px;
font-weight: bold;
font-style: normal;
font-stretch: normal;
letter-spacing: normal;
text-align: center;
color: #3c3a46;
}
.light-picker .onyx-menu-item.selected {
background-blend-mode: soft-light;
background-image: linear-gradient(#d5d5d5, #d5d5d5);
background-color: #d5d5d5 !important;
box-shadow: inset -0.1px 1.5px 1.5px 0 #ffffff, inset -0.3px 0.8px 0.5px 0 rgba(82, 82, 82, 0.5), inset 0.1px -1.5px 1.5px 0 rgba(0, 0, 0, 0.5) !important;
}
.light-picker.onyx-picker {
color: #D4D4D4 !important;
background-color: #D4D4D4 !important;
}
.hive-tool-picker {
min-width: 62px;
background-color: #505151;
margin: 0px !important;
padding: 0px !important;
height: 32px !important;
color: white;
border-radius: 3px;
box-shadow: inset -0.1px 2px 1.5px 0 rgba(255, 255, 255, 0.2), inset -0.3px 0.8px 0.5px 0 rgba(82, 82, 82, 0.2), inset 0.1px -2px 1.5px 0 rgba(0, 0, 0, 0.2);
border: solid 1px #2d2c2c;
}
.hive-tool-picker.onyx-button > img {
padding: 3px 4px 3px !important;
}
.hive-tool-picker .picker-icon {
height: 9px;
width: 10px;
}
.hive-tool-picker .hive-tool-picker-select-value {
font-family: OpenSans-bold !important;
font-size: 12px;
font-weight: bold;
font-style: normal;
font-stretch: normal;
letter-spacing: normal;
text-align: right;
color: #d5d5d5;
}
.hive-tool-picker-light {
margin: 0px !important;
padding: 0px !important;
height: 32px !important;
background-color: #d5d5d5;
border-radius: 3px;
box-shadow: inset -0.1px 2px 1.5px 0 rgba(255, 255, 255, 0.2), inset -0.3px 0.8px 0.5px 0 rgba(82, 82, 82, 0.2), inset 0.1px -2px 1.5px 0 rgba(0, 0, 0, 0.2);
border: solid 1px #a7a7a7;
}
.hive-tool-picker-light.onyx-button > img {
padding: 3px 4px 3px !important;
}
.hive-tool-picker-light .hive-tool-picker-select-value {
font-family: OpenSans-bold !important;
line-height: 7px !important;
font-size: 12px;
font-weight: bold;
font-style: normal;
font-stretch: normal;
letter-spacing: normal;
text-align: right;
color: #3c3a46;
}
.hive-tool-picker-light .onyx-picker-decorator .onyx-button {
border: 1px solid #797474 !important;
box-shadow: 0px 0px 1px 0px #8d8d !important;
}
.user-picker {
height: 30px;
width: 96% !important;
padding: 2px 10px !important;
border: solid 0.5px #7d7474;
text-align: left;
line-height: 0px !important;
font-weight: bold;
border-bottom: 2px solid #948888;
background-size: 12px !important;
border-radius: 20px;
}
.user-picker .picker-icon {
vertical-align: -webkit-baseline-middle;
padding-left: 5px;
padding-top: 3px;
}
.user-picker .Hive-UserName-container {
font-family: 'BarlowCondensed-Bold';
font-size: 14px;
vertical-align: -webkit-baseline-middle;
font-stretch: condensed;
color: #3c3a46 !important;
}
.Hive-userPicker-picker {
font-size: 14px;
font-weight: bold;
font-style: normal;
font-stretch: condensed;
line-height: normal;
letter-spacing: normal;
text-align: center;
}
.Hive-userPicker-picker .onyx-menu-item {
font-family: BarlowCondensed-Bold;
font-size: 14px !important;
}
.Hive-userPicker-picker.onyx-picker {
color: #3c3a46;
background-color: #d4d4d4;
}
.user-icon {
position: absolute;
left: 3px;
top: 5px;
height: 24px;
width: 24px;
line-height: 14px;
display: table-cell;
text-align: center;
border-radius: 50%;
background: #81AA79;
color: white;
vertical-align: middle;
font-size: 13px;
}
.ml-4 {
margin-left: 4px;
}
.picker-icon {
height: 8px;
width: 10px;
}
.picker-inner-icon {
margin: auto;
width: 24px;
height: 24px;
}
.hive-picker-icon-align {
background-image: url(assets/images/align-horizontal-left_98da8c92dfc3bb2d7b57.svg);
}
.hive-picker-icon-align.icon-size {
background-size: 1.41rem !important;
background-position: center !important;
}
.hive-tool-icon-bg {
background-color: #5f5d5d;
}
.hive-tool-button-behavior-menu {
font-family: OpenSans-bold;
height: auto;
min-width: 3.13rem;
border-radius: 4px;
background-color: #D4D4D4;
box-shadow: 0 6px 10px rgba(0, 0, 0, 0.2);
border: 1px solid rgba(0, 0, 0, 0.2);
}
.hive-tool-button-behavior-menu .icon-list {
padding: 0 60px 3px 11px !important;
}
.hive-tool-button-behavior-menu .onyx-contextual-popup-title {
display: none !important;
}
.hive-tool-button-behavior-menu .onyx-contextual-popup-scroller {
padding: 5px !important;
}
.hive-tool-button-behavior-menu .row + .row {
margin-top: 10px;
}
.hive-tool-button-behavior-menu .row > div {
margin: 0 8px !important;
}
.hive-tool-button-behavior-menu .onyx-contextual-popup-action-buttons {
display: none !important;
width: 100%;
text-align: center;
}
.hive-tool-button-behavior-menu.onyx-contextual-popup.vertical::after {
border-bottom: none !important;
}
.hive-tool-button-behavior-menu.onyx-contextual-popup.vertical::after {
left: 35% !important;
border-top: 10px solid #d6d2d2 !important;
}
.hive-tool-button-behavior-menu.onyx-contextual-popup.vertical.above::after {
top: 100%;
border-top: 10px solid #d6d2d2 !important;
border-bottom: none;
border-left: 10px solid transparent !important;
border-right: 10px solid transparent !important;
}
.hive-tool-button-behavior-menu.onyx-contextual-popup.right.low::after {
top: 100%;
margin-top: -55px;
border-left: 10px solid #d6d2d2 !important;
}
.hive-tool-button-behavior-menu.onyx-contextual-popup.right::after {
left: 100%;
margin-right: 20px;
border-left: 10px solid #d6d2d2 !important;
}
.hive-tool-button-behavior-menu.hive-tool-button-behavior-menu .onyx-contextual-popup-scroller {
padding: 0px !important;
}
.hive-tool-button-behavior-menu.onyx-contextual-popup {
padding: 0px;
}
.hive-picker-icon-inner {
background-image: url(assets/images/PickersInner_0dd7a30bcdb1e6756e99.svg);
background-repeat: no-repeat;
padding-left: 48%;
padding-bottom: 2%;
padding-top: 7px !important;
background-position: 6px 9px;
}
.hive-picker-icon-inner.icon-size {
background-position: 4px 6px !important;
background-size: 24px !important;
}
.hive-picker-icon-equal {
background-image: url(assets/images/PickersEquals_9687ff86a1a2a8390e03.svg);
background-repeat: no-repeat;
padding-left: 48%;
padding-bottom: 2%;
padding-top: 7px !important;
background-position: 8px 13px;
}
.hive-picker-icon-equal.icon-size {
background-position: 4px 8px !important;
background-size: 24px !important;
}
.hive-picker-icon-gequal {
background-image: url(assets/images/PickersGreater_a243eb3425ef459e5aa2.svg);
background-repeat: no-repeat;
padding-left: 48%;
padding-bottom: 2%;
padding-top: 7px !important;
background-position: 8px 13px;
}
.hive-picker-icon-gequal.icon-size {
background-position: 4px 7px !important;
background-size: 24px !important;
}
.hive-picker-icon-hysteresis {
background-image: url(assets/images/PickersHysteresis_4e60c90c0730f3f8887d.svg);
background-repeat: no-repeat;
padding-left: 48%;
padding-bottom: 2%;
padding-top: 7px !important;
background-position: 6px 9px;
}
.hive-picker-icon-hysteresis.icon-size {
background-position: 4px 5px !important;
background-size: 24px !important;
}
.hive-picker-icon-lequal {
background-image: url(assets/images/PickersLess_c405594bbfe142804588.svg);
background-repeat: no-repeat;
padding-left: 48%;
padding-bottom: 2%;
padding-top: 7px !important;
background-position: 8px 12px;
}
.hive-picker-icon-lequal.icon-size {
background-position: 4px 7px !important;
background-size: 24px !important;
}
.hive-picker-icon-outer {
background-image: url(assets/images/PickersOuter_287ee64f549e4abb0ea8.svg);
background-repeat: no-repeat;
padding-left: 48%;
padding-bottom: 2%;
padding-top: 7px !important;
background-position: 6px 8px;
}
.hive-picker-icon-outer.icon-size {
background-position: 4px 5px !important;
background-size: 24px !important;
}
.hive-picker-icon-default {
background-image: url(assets/images/PickerGear_0c2cce8568f6feec0416.svg);
background-repeat: no-repeat;
padding-left: 48%;
padding-bottom: 2%;
padding-top: 7px !important;
background-position: 1px 2px;
}
.hive-picker-icon-default.icon-size {
background-position: 0px -1px !important;
background-size: 32px !important;
}
.icon-list {
color: #3c3a46;
}
.icon-list.selected {
border-top: 1px solid rgba(0, 0, 0, 0.1);
background-image: linear-gradient(#EBEBEB, #EBEBEB);
border-radius: 0px;
box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.7) !important;
border-bottom: 1px solid #c1b8b8;
}
.icon-list-item {
border-bottom: 1px solid #0E0E0E;
padding: 18px;
font-size: 18px;
font-weight: bold;
}
.hive-tool-button-align-menu.onyx-contextual-popup.vertical::after {
position: absolute;
left: 44% !important;
border-bottom: none !important;
}
.vetical-webkit-middle {
vertical-align: -webkit-baseline-middle;
}
.onyx-picker {
color: #f2f2f2;
background: #555656;
}
.base-picker .onyx-menu-item:not(.selected):hover,
.light-picker .onyx-menu-item:not(.selected):hover,
.Hive-userPicker-picker .onyx-menu-item:not(.selected):hover,
.hive-tool-button-behavior-menu .onyx-menu-item:not(.selected):hover,
.hive-tool-button-align-menu .onyx-menu-item:not(.selected):hover {
background-color: #9d9d9c !important;
}
.light-picker.onyx-picker .onyx-menu-item.selected,
.Hive-userPicker-picker.onyx-picker .onyx-menu-item.selected,
.light-picker .onyx-picker .onyx-menu-item.active,
.Hive-userPicker-picker .onyx-picker .onyx-menu-item.active,
.light-picker .onyx-picker .onyx-menu-item:active:hover,
.Hive-userPicker-picker .onyx-picker .onyx-menu-item:active:hover {
background-image: linear-gradient(#EBEBEB, #EBEBEB);
box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.5) !important;
}
.light-picker .onyx-menu-item,
.Hive-userPicker-picker .onyx-menu-item {
display: block;
padding: 8px !important;
border-top: none !important;
border-bottom: none !important;
}
.connector-tool {
height: 122px;
border: none;
}
.connector-tool:after {
border-top: 10px solid #636363 !important;
}
.connector-tool .onyx-contextual-popup-title {
display: none !important;
}
.connector-tool .onyx-contextual-popup-scroller {
padding: 5px !important;
}
.connector-tool table tr td {
width: 50px;
height: 30px;
font-size: 11px;
font-weight: bold;
text-align: center;
vertical-align: middle;
padding-bottom: 8px;
}
.connector-tool table tr td > * {
padding: 0 !important;
height: 37px !important;
}
.connector-tool table tr:first-child td {
height: 25px;
padding-bottom: 0px;
}
.connector-tool .connector-hover {
width: 35px;
height: 35px !important;
}
.connector-tool .connector-hover:hover {
background-color: #9d9d9c !important;
border-radius: 5px;
}
.connector-tool .connector-pressed {
margin-left: 5px !important;
width: 35px;
height: 35px !important;
border-radius: 5px;
background-color: #343535;
box-shadow: inset 0 2px 2px 0 rgba(0, 0, 0, 0.2), inset 0 1px 1px 0 rgba(0, 0, 0, 0.2), inset 0 -1px 3px 0 rgba(255, 255, 255, 0.6) !important;
}
.connector-tool .hydrolic-container .connector-hover {
margin-left: 10px !important;
}
.connector-tool .hydrolic-container .connector-pressed {
margin-left: 10px !important;
}
.connector-tool .conduct-container .connector-hover {
margin-left: 8px !important;
}
.connector-tool .conduct-container .connector-pressed {
margin-left: 7px !important;
}
.connector-tool .air-container .connector-hover,
.connector-tool .water-container .connector-hover,
.connector-tool .electric-container .connector-hover {
margin-left: 5px !important;
}
.connector-tool .onyx-icon {
margin-top: 3px !important;
}
.bt-hydronic-left {
height: 28px !important;
width: 28px !important;
background: url(assets/images/connectors_4f7bd2b655261cd57291.png) 1px 2px no-repeat, 0 0;
}
.bt-hydronic-right {
height: 28px !important;
width: 28px !important;
background: url(assets/images/connectors_4f7bd2b655261cd57291.png) 1px -28px no-repeat, 0 0;
}
.bt-air-left {
height: 28px !important;
width: 28px !important;
background: url(assets/images/connectors_4f7bd2b655261cd57291.png) -40px 2px no-repeat, 0 0;
}
.bt-air-right {
height: 28px !important;
width: 28px !important;
background: url(assets/images/connectors_4f7bd2b655261cd57291.png) -40px -28px no-repeat, 0 0;
}
.bt-conduct-left {
height: 28px !important;
width: 28px !important;
background: url(assets/images/connectors_4f7bd2b655261cd57291.png) -83px 2px no-repeat, 0 0;
}
.bt-conduct-right {
height: 28px !important;
width: 28px !important;
background: url(assets/images/connectors_4f7bd2b655261cd57291.png) -83px -28px no-repeat, 0 0;
}
.bt-water-left {
height: 28px !important;
width: 28px !important;
background: url(assets/images/connectors_4f7bd2b655261cd57291.png) -127px 2px no-repeat, 0 0;
}
.bt-water-right {
height: 28px !important;
width: 28px !important;
background: url(assets/images/connectors_4f7bd2b655261cd57291.png) -127px -28px no-repeat, 0 0;
}
.bt-electric-left {
height: 28px !important;
width: 28px !important;
background: url(assets/images/connectors_4f7bd2b655261cd57291.png) -169px 2px no-repeat, 0 0;
}
.bt-electric-right {
height: 28px !important;
width: 28px !important;
background: url(assets/images/connectors_4f7bd2b655261cd57291.png) -169px -28px no-repeat, 0 0;
}
.ml-28 {
margin-left: 15em;
}
.mar-bot-1 {
margin-bottom: 1px !important;
}
.connector-tool.vertical::after {
left: 46% !important;
}
.align-container {
width: 35px !important;
height: 35px !important;
}
.align-container:hover {
background-color: #9d9d9c !important;
border-radius: 5px;
}
.align-container .onyx-icon {
margin-left: 2px;
margin-top: 2px;
}
.hive-align-picker .row + .row {
margin-top: 12px !important;
}
.align-pressed {
width: 35px !important;
height: 35px !important;
background-color: #343535;
border-radius: 5px;
box-shadow: inset 0 2px 2px 0 rgba(0, 0, 0, 0.2), inset 0 1px 1px 0 rgba(0, 0, 0, 0.2), inset 0 -1px 3px 0 rgba(255, 255, 255, 0.6) !important;
}
.align-pressed .onyx-icon {
margin-left: 2px;
margin-top: 2px;
}
/************************ PICKER BUTTON **********************/
.hive-picker-button {
display: flex;
align-items: center;
height: 2.19rem;
min-width: 5.16rem;
border-radius: 3px;
box-shadow: inset -0.1px 2px 1.5px 0 rgba(255, 255, 255, 0.2), inset -0.3px 0.8px 0.5px 0 rgba(82, 82, 82, 0.2), inset 0.1px -1px 1.5px 0 rgba(0, 0, 0, 0.2);
outline: none;
padding: 0rem;
}
.hive-picker-button .picker-badge {
margin-left: 5px;
font-size: 0.844rem;
}
.hive-picker-button .title {
float: left;
padding-left: 0.406rem;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.hive-picker-button .arrow {
width: 0.781rem;
height: 0.781rem;
margin-left: auto;
border-radius: 50%;
float: right;
justify-content: flex-end;
background-repeat: no-repeat;
padding: 0 0.469rem;
margin-top: 0.156rem;
}
.hive-picker-button.full-width {
width: 100%;
}
.hive-picker-button.active,
.hive-picker-button.pressed {
outline: none;
}
.hive-picker-button.light {
background-color: #d5d5d5;
box-shadow: inset 0.1px -2px 1.5px 0 rgba(0, 0, 0, 0.2), inset 0 0 0.3px 0 rgba(82, 82, 82, 0.2), inset -0.1px 2px 1.5px 0 rgba(255, 255, 255, 0.2);
border: solid 2px #a7a7a7;
/* QC change for AHR- needs to be looked over again */
border: unset;
background-color: #f7f6f6;
border-radius: 2px;
box-shadow: inset -0.1px 1.3px 1px 0 rgba(0, 0, 0, 0.2), inset 0.1px -1px 1px 0 rgba(255, 255, 255, 0.75), inset 0 0 8px 0 rgba(89, 89, 89, 0.1);
border-width: 1px;
border-image-source: linear-gradient(to bottom, #575757, #a9a9a9);
border-image-slice: 1;
border-radius: 3px;
}
.hive-picker-button.light.symbol-badge .title-color {
color: #5a5960;
}
.hive-picker-button.light .arrow {
background: url(assets/images/pickerTriangle_d904a1aa77a8cc37742d.svg) no-repeat center;
background-size: 0.719rem 2em;
mix-blend-mode: hard-light;
/* QC change for AHR- needs to be looked over again */
filter: invert(33%) sepia(6%) saturate(497%) hue-rotate(209deg) brightness(95%) contrast(84%);
}
.hive-picker-button.light.pill {
border-radius: 1.56rem;
}
.hive-picker-button.light.white {
border: unset;
border-radius: 2px;
box-shadow: inset -0.1px 1.3px 1px 0 rgba(0, 0, 0, 0.2), inset 0.1px -1.3px 1px 0 rgba(255, 255, 255, 0.75), inset 0 0.3px 8px 0 rgba(89, 89, 89, 0.1);
border-style: solid;
border-width: 1px;
border-image-source: linear-gradient(to bottom, #b7b7b7, #f3f3f3);
border-image-slice: 1;
background-image: linear-gradient(to bottom, #f0f1f3, #f0f1f3), linear-gradient(to bottom, #b7b7b7, #f3f3f3);
background-origin: border-box;
background-clip: content-box, border-box;
background-color: unset;
}
.hive-picker-button.light.white .arrow {
background: url(assets/images/pickerTriangleLight_251031139a6c4bef35f8.svg) no-repeat center;
}
.hive-picker-button.light.white .title-color {
font-variation-settings: "wght" 500, "wdth" 100;
color: #908f95;
font-style: italic;
font-size: 13px;
}
.hive-picker-button.light.field {
border-radius: 2px;
border: none;
box-shadow: -0.25px 2px 1px rgba(0, 0, 0, 0.2) inset, 0.25px 2px 21px rgba(255, 255, 255, 0.75) inset, 0px 1px 4px rgba(73, 73, 73, 0.53) inset;
background-color: #f0f1f3;
}
.hive-picker-button.light.field .Body-Widget-Standard {
font-size: 0.719rem;
}
.hive-picker-button.light .title-color {
color: #68676e;
}
.hive-picker-button.dark {
background-color: #595859;
border: solid 0.5px #3a3a3a;
}
.hive-picker-button.dark .arrow {
background: url(assets/images/dark-triangle_ac10efe93a6cea4eb038.svg) no-repeat center;
background-size: 1.09rem 1.09rem;
}
.hive-picker-button.transparent {
height: 1.44rem;
background-color: transparent;
border: solid 1.5px transparent;
}
.hive-picker-button.transparent .arrow {
background: url(assets/images/dark-triangle_ac10efe93a6cea4eb038.svg) no-repeat center;
background-size: 0.469rem 0.469rem;
}
.hive-picker-button.transparent.picker-button {
box-shadow: none;
}
.hive-picker-button.user {
border-radius: 50px;
}
.hive-picker-button.active-badge {
min-width: 6.88rem;
}
.hive-picker-button.active-badge .title {
padding-left: 0.313rem;
}
.hive-picker-button.symbol-badge.active-badge {
min-width: 6.88rem;
}
.hive-picker-button.symbol-badge.active-badge .title {
padding-left: 0.313rem;
padding-left: 0.625rem;
text-align: left;
font-variation-settings: "wght" 500, "wdth" 100;
font-size: 1rem;
}
.hive-picker-button.symbol-badge .symbol-image {
background-image: url(assets/images/producer_17fda4301a6442170122.svg);
background-repeat: no-repeat;
height: 1.72rem;
width: 1.72rem;
background-size: contain;
margin-left: 0.531rem;
background-position: center;
display: inline-block;
vertical-align: middle;
filter: invert(35%) sepia(6%) saturate(464%) hue-rotate(209deg) brightness(92%) contrast(86%);
}
.hive-picker-button.symbol-badge .title-color {
color: #68676e;
}
.hive-picker-button.symbol-badge .arrow {
padding: 0 0.313rem;
margin-top: 0.156rem;
}
.hive-picker-button.small {
height: 1.88rem;
}
/************************ PICKER **********************/
.hive-picker {
padding: 0 0;
border-radius: 3px;
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.5);
}
.hive-picker .onyx-menu-item {
border-top: none;
padding: 0.313rem;
height: 2.5rem;
display: grid;
align-content: center;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.hive-picker.symbol-badge.light .onyx-menu-item {
height: 2.19rem;
font-variation-settings: "wght" 500, "wdth" 100;
font-size: 0.75rem;
color: #5a5960;
}
.hive-picker.symbol-badge .onyx-menu-item {
color: #68676e;
padding-left: 0.625rem;
font-size: 0.844rem;
}
.hive-picker.light {
border: solid 1.5px #a7a7a7;
background-color: #f7f6f6 !important;
}
.hive-picker.light .onyx-menu-item.selected {
background-color: #E7E7E7;
}
.hive-picker.light.white {
background-color: #f0f1f3 !important;
}
.hive-picker.light.field {
background-color: #F0F1F1 !important;
}
.hive-picker.light.field .onyx-menu-item {
height: 1.56rem !important;
}
.hive-picker.dark {
background-color: #505151 !important;
border: solid 0.5px #3b3b3b;
}
.hive-picker.dark .onyx-menu-item.selected {
background-color: #3B3C3C;
}
.multi-picker.picker-popup {
z-index: 201;
border-radius: 10px;
position: fixed;
}
.multi-picker.picker-container {
border-radius: 3px !important;
border: 1px solid rgba(0, 0, 0, 0.2);
background: #c3c3c3;
background-color: #D4D4D4 !important;
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.5) !important;
}
.multi-picker .list-item {
padding-top: 0.0625rem;
padding-bottom: 0.0625rem;
text-align: center;
height: 100%;
align-self: center;
align-items: center;
margin-top: auto;
margin-bottom: auto;
}
.multi-picker.hive-picker {
border-radius: unset;
box-shadow: unset;
min-width: 5.16rem;
padding: 0rem;
max-width: inherit;
background-color: unset !important;
border: unset;
}
.multi-picker .selected {
background-color: #E7E7E7;
}
.multi-picker.light .picker-container {
background: #d5d5d5 !important;
border: 1px solid #a7a7a7;
}
.multi-picker.light .picker-container .selected {
background-color: #E7E7E7;
}
.multi-picker.light .onyx-picker {
color: #3c3a46 !important;
}
.multi-picker.light .text-color {
color: #3c3a46 !important;
}
.multi-picker.dark .picker-container {
background-color: #505151 !important;
border: solid 0.5px #3b3b3b;
}
.multi-picker.dark .picker-container .selected {
background-color: #3B3C3C;
}
.multi-picker.dark .picker-container .list-item:hover {
background-color: #9d9d9c !important;
}
.multi-picker.dark .onyx-picker {
color: #D9D9D9 !important;
}
.multi-picker.dark .text-color {
color: #D9D9D9 !important;
}
.hive-popover-align-menu {
width: 156px !important;
height: 124.1px !important;
border-radius: 6px !important;
background: #676767 !important;
}
.hive-popover-align-menu .onyx-contextual-popup-title {
padding: 5px 10px 0px ;
}
.hive-popover-align-menu.onyx-contextual-popup.vertical::after {
border-bottom: 10px solid #676767;
}
.hive-VerticalPopover-align-menu {
width: auto;
height: 209px;
border-radius: 6px;
background: #676767;
}
.hive-VerticalPopover-align-menu .onyx-contextual-popup-title {
padding: 5px 10px 0px ;
}
.hive-VerticalPopover-align-menu.onyx-contextual-popup.left::after {
border-right: 10px solid #676767;
}
.popup {
/**** ANALYSIS DRAWER ****/
/**** REGISTER BILL AND MATERIALS POPUP ****/
/**** REPORT DRAWER ****/
/**** MANUAL DRAWER ****/
/**** DRAWERS ****/
/**** TEXT ****/
/**** CHEVRON POPUP ****/
/**** ENTIRE POPUP ****/
}
.popup .zone-image {
position: absolute;
width: 1.88rem !important;
height: 1.88rem !important;
border-radius: 50%;
top: 20%;
transform: translateY(-50%);
border: 1px solid black;
}
.popup.all-popup {
overflow: visible !important;
border-radius: 10px;
position: fixed;
}
.popup.analytics {
max-height: 25.2rem;
border-radius: 10px;
}
.popup.analytics .scroller {
overflow: visible;
width: 21.9rem;
max-height: inherit;
border-radius: 10px;
}
.popup.analytics .scroller .overview {
display: grid;
margin-bottom: 0.313rem;
margin-top: 0.938rem;
}
.popup.analytics .scroller .overview .left-column {
width: 40%;
}
.popup.analytics .scroller .overview .right-column {
width: 60%;
height: 100%;
margin-top: -0.313rem;
}
.popup.analytics .scroller .overview .graph-wrapper {
width: 100% !important;
position: relative;
display: inline-grid;
align-self: center !important;
align-content: center !important;
margin: unset;
background: unset;
}
.popup.analytics .scroller .overview .graph-wrapper .detail-chart {
height: 100%;
width: 100%;
position: relative;
text-align: center;
display: inline-grid;
justify-content: center !important;
}
.popup.analytics .scroller .overview .SensorAttributes .attributes-column-1 {
width: fit-content;
color: #5d7ca7;
margin-left: 0 !important;
}
.popup.analytics .scroller .overview .SensorAttributes .attributes-column-2 {
width: 80%;
}
.popup.analytics .scroller .analysis-analytics .certainty-circle {
text-align: center;
margin-top: 0.625rem;
display: list-item !important;
}
.popup.analytics .scroller .analysis-analytics .certainty-circle .circle {
width: 2.81rem !important;
height: 2.81rem !important;
border-radius: 50%;
text-align: center;
}
.popup.analytics .scroller .analysis-analytics .certainty-circle .circle.red {
background: #801515;
}
.popup.analytics .scroller .analysis-analytics .certainty-circle .circle.green {
background: #78b144;
}
.popup.analytics .scroller .analysis-analytics .certainty-circle .circle.yellow {
background: #bba421;
}
.popup.analytics .scroller .analysis-analytics .certainty-circle .align-circle {
margin-right: 1.25rem !important;
margin-left: 1.25rem !important;
}
.popup.analytics .scroller .analysis-analytics .certainty-circle .circle-number {
margin-top: 0.156rem;
position: relative;
font-family: 'OpenSans-Bold';
font-size: 0.938rem;
color: #f5f7f6;
top: 0.313rem;
}
.popup.analytics .scroller .analysis-analytics .certainty-circle .circle-words {
margin-top: 0.156rem;
font-family: 'OpenSans-Bold';
font-size: 0.375rem;
color: #f5f7f6;
text-align: center;
}
.popup.analytics .scroller .analysis-analytics .metrics-columns {
padding: 0.313rem;
display: inline-flex;
height: fit-content !important;
width: 100%;
margin-bottom: 0.313rem;
padding-bottom: 0.313rem;
padding-top: 0.313rem;
}
.popup.analytics .scroller .analysis-analytics .metrics-columns .column-sizing {
width: 30%;
}
.popup.analytics .scroller .analysis-analytics .metrics-columns .column-sizing .text-alignment {
height: 1.56rem !important;
white-space: unset;
text-align: center;
width: 100%;
}
.popup.analytics .scroller .analysis-analytics .metrics-columns .column-sizing .text-alignment .blue-text {
align-items: center;
display: inline-flex;
width: fit-content;
margin-right: 0.313rem;
color: #5d7ca7;
}
.popup.analytics .scroller .analysis-analytics .metrics-columns .column-sizing .text-alignment .white-text {
align-items: center;
display: inline-flex;
}
.popup.analytics .scroller .analysis-analytics .metrics-columns .column-spacer {
width: 4.5%;
}
.popup.register {
left: 0.313rem !important;
bottom: 63.8047px !important;
}
.popup.register .drawer-wrapper {
justify-content: center;
border-radius: 12px;
background-color: #444444;
display: block;
}
.popup.register .drawer-wrapper .projects {
display: inline-block;
margin-left: 0.313rem;
margin-top: 0.625rem;
margin-bottom: 0.625rem;
margin-right: 0.313rem;
}
.popup.register .drawer-wrapper .projects .info-wrapper {
display: flex;
text-align: left;
justify-content: left;
height: 2.19rem !important;
margin: 0.313rem;
padding-left: 20%;
}
.popup.register .drawer-wrapper .projects .info-wrapper .info-header {
display: inline-flex;
align-self: left;
}
.popup.register .drawer-wrapper .projects .info-wrapper .info {
margin-left: 0.5rem !important;
display: inline-flex;
align-self: center;
}
.popup.register .drawer-wrapper .register-info {
text-align: left;
justify-content: center;
align-self: center;
height: 0.938rem;
display: flex;
margin: 0.625rem;
}
.popup.register .drawer-wrapper .register-info .first-column {
display: inline-flex;
align-self: left;
align-self: center;
}
.popup.register .drawer-wrapper .register-info .second-column {
margin-left: 0.5rem !important;
display: inline-flex;
align-self: center;
}
.popup.register .drawer-wrapper .submit {
text-align: center;
justify-content: center;
height: 2.19rem;
display: flex;
}
.popup.register .drawer-wrapper .submit .submit-button {
width: 4.69rem !important;
align-self: center;
}
.popup.register .chevron-bill-material {
margin-top: 116% !important;
}
.popup.commission .scroller {
width: 15.6rem;
border-radius: 10px;
}
.popup.commission .scroller .drawer-container {
background-color: #444444;
height: 8;
margin-top: 0rem;
margin-left: 0rem;
}
.popup.commission .scroller .drawer-container .certainty-circle {
text-align: center;
display: list-item !important;
margin: 0.938rem 0.625rem;
}
.popup.commission .scroller .drawer-container .certainty-circle .circle-red {
width: 2.81rem !important;
height: 2.81rem !important;
border-radius: 50%;
text-align: center;
background: #801515;
}
.popup.commission .scroller .drawer-container .certainty-circle .circle-yellow {
width: 2.81rem !important;
height: 2.81rem !important;
border-radius: 50%;
text-align: center;
background: #bba421;
}
.popup.commission .scroller .drawer-container .certainty-circle .circle-red {
width: 2.81rem !important;
height: 2.81rem !important;
border-radius: 50%;
text-align: center;
background: #801515;
}
.popup.commission .scroller .drawer-container .certainty-circle .circle-number {
margin-top: 0.156rem;
position: relative;
font-family: 'OpenSans-Bold';
font-size: 0.938rem;
color: #f5f7f6;
top: 0.313rem;
}
.popup.commission .scroller .drawer-container .certainty-circle .circle-words {
margin-top: 0.156rem;
font-family: 'OpenSans-Bold';
font-size: 0.375rem;
color: #f5f7f6;
text-align: center;
}
.popup.commission .scroller .drawer-container .validated-text-wrapper {
height: 2.81rem;
margin-left: 0.469rem;
display: inline-flex;
flex-direction: column;
justify-content: center;
}
.popup.commission .scroller .drawer-container .validated-text-wrapper .validation {
font-size: 0.719rem;
}
.popup.commission .scroller .drawer-container .validated-text-wrapper .validation-signature {
text-align: center;
width: fit-content;
display: inline-flex;
align-content: flex-start;
}
.popup .drawer-title-com {
background-color: #595959;
padding-left: 0.156rem !important;
text-transform: initial !important;
}
.popup .equipmentImageContainer {
height: 95px;
border-radius: 12px;
}
.popup .equipmentImage {
width: 50%;
margin-top: 1.25rem !important;
}
.popup .SensorAttributes {
display: flex;
padding: 0.313rem 0rem 0.313rem 0rem;
}
.popup .SensorAttributes .basic-text {
text-transform: capitalize;
}
.popup .SensorAttributes .EquipmentProperty {
width: auto;
margin: auto;
}
.popup .SensorAttributes .volume {
width: 75% !important;
}
.popup .SensorAttributes .last-check {
width: 80% !important;
}
.popup .EquipmentPropertyValue {
width: auto;
margin: 0.313rem;
}
.popup .info {
width: 65%;
margin-left: 0.938rem;
}
.popup .manual-mode-title {
padding-left: 0.156rem;
text-transform: initial !important;
background-size: contain !important;
}
.popup .advanced-caution {
background-color: #fcc30d;
}
.popup .advanced-caution.headerWrapper {
background: url(assets/images/CautionLatest_95bc468b553c8034d010.svg) !important;
background-size: 100% !important;
background-position-y: center !important;
background-position-x: center !important;
}
.popup .advanced-caution.headerWrapper .title {
color: #5c5c5c;
}
.popup .manual-mode {
background-color: #3a3222;
height: 8;
margin-top: 0rem;
margin-left: 0rem;
}
.popup .notes {
margin-left: 0.469rem;
margin-top: 0.781rem;
margin-bottom: 0.625rem;
}
.popup .to-status {
text-align: center;
}
.popup .to-status .equipment-blue {
margin-left: 0.313rem;
margin-right: 0.313rem;
border-radius: 5px, 5px;
text-transform: capitalize;
}
.popup .manual-notes {
margin-left: 0.781rem;
margin-top: 0.313rem;
margin-bottom: 0.781rem;
}
.popup .manual-notes .note-container {
width: 100%;
margin: 0px -7px 0px -7px;
}
.popup .components-manual {
margin-left: 0rem !important;
margin-top: 0.469rem !important;
text-align: center !important;
}
.popup .white-text-valid {
font-family: 'OpenSans-Bold' !important;
font-size: 0.563rem;
}
.popup .graph-title {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
display: list-item !important;
}
.popup .blue-text-equipment {
margin-left: 0.313rem;
margin-right: 0.313rem;
border-radius: 5px, 5px;
}
.popup .graph {
margin-top: 0.469rem;
margin-bottom: 1.25rem;
margin-left: 1.56rem;
}
.popup .graph-wrapper {
margin-bottom: 1.25rem;
}
.popup .analysis.log {
height: 6.25rem !important;
overflow-anchor: none !important;
}
.popup .analysis.log.analytics {
height: fit-content !important;
}
.popup .analysis.log.analytics .table-repeater .height-control {
height: fit-content !important;
}
.popup .log-drawer {
overflow-anchor: none !important;
}
.popup .drawer-decorator {
background-color: #595959;
margin-left: 0rem !important;
}
.popup .drawer-container {
background-color: #444444;
height: 8;
margin-top: 0rem;
margin-left: 0rem;
}
.popup .drawer-container.analytics {
max-height: 8.75rem;
overflow: scroll !important;
}
.popup .titleBlue {
display: flex;
align-items: center;
justify-content: center;
background: #b8cef5;
border-radius: 22px;
height: 1.19rem;
margin: 0 0 0.625rem 0;
padding: 0.469rem 0 0 0;
}
.popup .chevron {
position: absolute;
height: 0.156rem;
top: 1.41rem;
left: -16px;
width: 1px;
clip-path: polygon(100% 0, 0 50%, 100% 100%);
}
.popup .chevron.middle-align {
left: 50% !important;
margin-left: -0.5rem;
}
.popup .center-row {
margin-top: 0.469rem;
display: flex;
justify-content: center;
}
.popup .text-blue {
margin-left: 0.313rem !important;
margin-right: 0.313rem !important;
}
.popup .drop-shadow {
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
}
.popup .chevron-bill-material {
transform: rotate(-90deg) !important;
left: 42.5% !important;
height: unset !important;
}
.popup .svg-sizing {
width: 46.9rem !important;
}
.popup .image-graph {
height: 32px;
margin: 10px;
}
.popup .image-graph .fill {
background-image: url(assets/images/Fill_06315ec27c668b383c39.svg);
}
.popup .image-graph .no-fill {
background-image: url(assets/images/NoFill_7dd5e1c4877cf1f435bf.svg);
}
.popup .image-graph .stroke {
background-image: url(assets/images/Stroke_78351b607b0584c74cee.svg);
}
.popup .image-graph .no-stroke {
background-image: url(assets/images/NoStroke_aee9fcafd1154b51a3f7.svg);
}
.popup.basic-popup .chevron {
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
border-right: 16px solid #646464;
left: -13px;
top: 6.16rem;
}
.popup.basic-popup .chevron.align-vertical {
left: 50%;
margin-left: -0.469rem;
}
.popup.basic-popup .drop-shadow {
box-shadow: -4px 0 8px 0 rgba(0, 0, 0, 0.5);
}
.popup.basic-popup .basic-container {
width: 8.41rem;
background-color: #646464;
border-radius: 6px;
padding: 0.438rem;
}
.popup.basic-popup .basic-container .button-alignment .basic-button-base {
background-size: 1.5rem;
background-repeat: no-repeat;
width: 2.09rem;
height: 2.16rem;
background-color: #555656;
border-radius: 2px;
border: solid 1px #424242;
background-position: center;
box-shadow: inset -0.1px 2px 1.5px 0 rgba(255, 255, 255, 0.2), inset 0 0 0.3px 0 rgba(82, 82, 82, 0.2), inset 0.1px -2px 1.5px 0 rgba(0, 0, 0, 0.2);
}
.popup.basic-popup .basic-container .button-alignment .basic-label {
line-height: 2.06rem;
color: #D9D9D9;
margin-left: 0.313rem;
font-size: 0.594rem;
text-transform: capitalize;
font-variation-settings: 'wght' 600, 'wdth' 100;
}
.popup.property-popup .chevron {
transform: rotate(-90deg);
top: 7.28rem;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
}
.popup.property-popup .basic-container {
width: 8.44rem;
height: 6.56rem;
display: inline-grid;
}
.popup.property-popup .basic-container .button-alignment {
align-self: center;
}
.popup.property-popup .basic-container .button-alignment .basic-label {
line-height: 2.28rem;
font-size: 0.594rem;
}
.popup.connection-node-popup .connection-node {
position: relative;
}
.popup.connection-node-popup .connection-node.out,
.popup.connection-node-popup .connection-node.dbl {
right: 1px;
}
.popup.connection-node-popup .connection-node svg {
--quanta-class-color: inherit;
width: 30px;
height: 30px;
overflow: visible;
}
.popup.connection-node-popup .connection-node svg circle {
visibility: hidden;
}
.popup.connection-node-popup .connection-node svg .cnRing {
fill: var(--quanta-class-color);
stroke-width: 0.3;
stroke: #333;
}
.popup.connection-node-popup .connection-node svg .cnFilter {
filter: url(#connectionNodeDrawerNodeFilter);
opacity: var(--node-filter-opacity);
}
.popup.connection-node-popup .chevron {
transform: rotate(-90deg);
top: 11.6rem;
left: 50%;
margin-left: -8.6px;
border-top: 8.5px solid transparent;
border-bottom: 8.5px solid transparent;
border-right: 17px solid #646464;
}
.popup.connection-node-popup .basic-container {
width: fit-content;
display: inline-grid;
}
.popup.connection-node-popup .basic-container .button-alignment {
align-self: center;
text-align: right;
display: inline-flex;
height: 1.5rem;
margin-top: 0.156rem !important;
margin-bottom: 0.156rem !important;
}
.popup.connection-node-popup .basic-container .button-alignment .basic-label {
line-height: 1.72rem;
font-size: 0.5rem;
width: 2.97rem;
margin-right: 0.219rem;
margin-left: unset;
}
.popup.thickness-popup .chevron {
transform: rotate(-90deg);
top: 10.2rem;
left: 50%;
margin-left: -8.6px;
border-top: 8.5px solid transparent;
border-bottom: 8.5px solid transparent;
border-right: 17px solid #646464;
}
.popup.thickness-popup .basic-container {
width: fit-content;
display: inline-grid;
}
.popup.thickness-popup .basic-container .line-thickness-item {
display: inline-flex;
align-items: center;
}
.popup.thickness-popup .basic-container .button-alignment {
align-self: center;
display: inline-flex;
height: 0.938rem;
}
.popup.thickness-popup .basic-container .button-alignment .basic-label {
line-height: 1.72rem;
font-size: 0.5rem;
width: 1.41rem;
margin-right: 0.219rem;
margin-left: unset;
}
.popup.thickness-popup .basic-container .button-alignment .block {
width: 7.19rem;
background: black;
}
.popup.align-popup .chevron {
transform: rotate(-90deg);
top: 5.31rem;
left: 50%;
margin-left: -8.5px;
border-top: 8.5px solid transparent;
border-bottom: 8.5px solid transparent;
border-right: 17px solid #646464;
}
.popup.align-popup .basic-container {
width: fit-content;
display: inline-grid;
box-shadow: unset;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-template-rows: 1fr 1fr;
gap: 0.156rem;
}
.popup.collapsible-popup .chevron {
transform: rotate(-90deg);
top: 4.06rem;
left: 50%;
margin-left: -8.5px;
border-top: 8.5px solid transparent;
border-bottom: 8.5px solid transparent;
border-right: 17px solid #646464;
}
.popup.collapsible-popup .basic-container {
width: fit-content;
display: inline-grid;
}
.popup.collapsible-popup .basic-container .basic-label {
margin-bottom: 0.313rem;
text-align: center;
}
.popup.collapsible-popup .basic-container .container {
opacity: 100%;
}
.popup.collapsible-popup .basic-container .container .pl-baseiconbutton {
width: unset;
}
.popup.color-select-popup .chevron {
transform: rotate(-90deg);
top: 95%;
left: 50%;
margin-left: -8.5px;
border-top: 8.5px solid transparent;
border-bottom: 8.5px solid transparent;
border-right: 17px solid #646464;
}
.popup.color-select-popup .basic-container {
width: fit-content;
display: inline-grid;
top: -0.625rem;
}
.popup.color-select-popup .basic-container .onyx-contextual-popup-title {
display: none !important;
}
.popup.color-select-popup .basic-container .onyx-contextual-popup-scroller {
padding: 5px !important;
}
.popup.color-select-popup .basic-container .enyo-touch-scroller {
height: 270px;
}
.popup.color-select-popup .basic-container .onyx-contextual-popup-scroller {
padding: 0px;
}
.popup.color-select-popup .basic-container .enyo-touch-strategy-container {
display: block !important;
}
.popup.color-select-popup .basic-container .default-color-box {
height: 15px;
margin: 2px;
}
.popup.color-select-popup .basic-container .onyx-slider {
margin: 8px 12px 15px 12px;
}
.popup.color-select-popup .basic-container .color-progress-bar {
height: 7px;
}
.popup.color-select-popup .chevron {
transform: rotate(-90deg);
top: 95%;
left: 50%;
margin-left: -8.5px;
border-top: 8.5px solid transparent;
border-bottom: 8.5px solid transparent;
border-right: 17px solid #646464;
}
.popup.color-select-popup .basic-container {
width: fit-content;
display: inline-grid;
top: -0.625rem;
}
.popup.right-align.basic-popup .chevron {
top: 50%;
}
.popup .basic-alignment {
margin: unset !important;
padding: unset !important;
align-items: center;
display: inline-flex;
margin: 0.125rem !important;
}
.popup .basic-container-popup {
width: 8.53rem;
height: fit-content;
border-radius: 6px;
padding-left: 0.375rem;
padding-top: 0.625rem;
padding-bottom: 0.625rem;
display: inline-grid;
}
.popup.light .basic-container {
box-shadow: -4px 0 8px 0 rgba(0, 0, 0, 0.5);
background-color: #bdbdbd;
}
.popup.query-popup {
height: fit-content;
}
.popup.query-popup .basic-container {
width: 8.53rem;
height: fit-content;
border-radius: 6px;
padding-left: 0.375rem;
padding-top: 0.625rem;
padding-bottom: 0.625rem;
display: inline-grid;
}
.popup.query-popup .basic-container .button-alignment {
width: 100%;
margin: unset !important;
padding: unset !important;
align-items: center;
display: inline-flex;
margin: 0.125rem !important;
margin: 0.156rem 0rem 0.156rem 0.313rem !important;
}
.popup.query-popup .basic-container .button-alignment .basic-label {
margin-left: 0.391rem;
color: #626262;
text-transform: uppercase;
}
.popup.query-popup .chevron {
border-right: 13px solid #bdbdbd;
}
.popup.distribution-popup {
margin-left: 0.313rem;
}
.popup.distribution-popup .basic-container {
width: 8.53rem;
height: fit-content;
border-radius: 6px;
padding-left: 0.375rem;
padding-top: 0.625rem;
padding-bottom: 0.625rem;
display: inline-grid;
}
.popup.distribution-popup .basic-container .button-alignment {
margin: unset !important;
padding: unset !important;
align-items: center;
display: inline-flex;
margin: 0.125rem !important;
}
.popup.math-popup .chevron {
transform: rotate(-90deg);
top: 6.56rem;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
}
.popup.math-popup .basic-container {
width: fit-content;
padding-bottom: 0.625rem;
padding-left: 0.813rem;
padding-right: 0.813rem;
padding-top: 0.156rem;
}
.popup.math-popup .basic-container .button-alignment {
text-align: center;
}
.popup.math-popup .basic-container .button-alignment.float-left {
float: left;
}
.popup.math-popup .basic-container .button-alignment .basic-label {
line-height: 0.875rem;
color: #d9d9d9;
font-size: 0.469rem;
text-transform: uppercase;
font-variation-settings: 'wght' 500, 'wdth' 100;
text-align: center;
margin: unset;
}
.popup.math-popup .basic-container .button-alignment.hive-bt-size-small {
background-size: 0.938rem !important;
max-height: 1.25rem;
max-width: 1.73rem;
width: 1.73rem !important;
min-width: 1.73rem;
min-height: 1.73rem;
border-radius: 2px;
}
.popup.math-popup .basic-container .button-alignment .icon {
height: 2.03rem !important;
width: 2.03rem !important;
padding: 0px 0px;
margin: unset !important;
}
.popup.math-popup .basic-container .single-column {
max-width: 2.66rem;
width: 2.66rem !important;
}
.popup.math-popup .basic-container .single-column .button-alignment {
max-width: 2.66rem;
width: 2.66rem !important;
}
.popup.math-popup .basic-container .double-column {
width: 4.69rem !important;
max-width: 4.69rem;
}
.popup.math-popup .basic-container .double-column .button-alignment {
width: 4.69rem !important;
max-width: 4.69rem;
}
.popup.math-popup .column-spacer {
width: 0.188rem !important;
}
.popup.math-popup .column-spacer.large {
width: 1.06rem !important;
}
.popup.math-popup.primitive-popup .column-spacer {
width: 0.469rem !important;
}
.popup.math-popup.constants-popup .basic-container .button-alignment {
overflow: visible;
}
.popup.math-popup.constants-popup .basic-container .button-alignment.float-left {
display: grid;
grid-template-areas: 'margin button';
grid-template-columns: 0.313rem auto;
margin-left: 0.313rem;
}
.popup.math-popup.constants-popup .basic-container .button-alignment .icon {
grid-area: button;
}
.popup.units-popup {
margin-left: unset !important;
margin-top: unset !important;
}
.popup.units-popup .basic-container {
background-color: #646464;
padding: 0.188rem;
width: 12.5rem;
max-height: 18.8rem;
overflow-y: scroll;
}
.popup.units-popup .basic-container .round-drawer-edges {
border-radius: 3px;
overflow: hidden;
}
.popup.units-popup .basic-container .hive-drawer-title.text-title .title {
font-size: 0.688rem;
}
.popup.floating-tooltip .basic-container {
background-color: #646464;
padding: 0.188rem;
width: 8.13rem;
max-height: 18.8rem;
overflow-y: scroll;
}
.popup.floating-tooltip .basic-container .round-drawer-edges {
border-radius: 3px;
overflow: hidden;
}
.popup.floating-tooltip.floating-tooltip-basic .basic-container {
padding: 0.688rem 1.16rem 1.41rem 1.16rem;
width: 6.88rem;
max-height: 18.8rem;
}
.popup.floating-tooltip.floating-tooltip-basic .basic-container .round-drawer-edges {
border-radius: 3px;
overflow: hidden;
}
.popup.floating-tooltip .tooltip-title {
text-transform: uppercase;
text-align: center;
padding-bottom: 0.438rem;
}
.popup.floating-tooltip .base-text {
font-size: 0.594rem;
}
.popup.floating-tooltip.text-info {
width: 100%;
}
.popup.floating-tooltip.text-info .text-alignment {
width: 100%;
flex-direction: column;
display: inline-flex;
height: 2.19rem;
justify-content: center;
}
.popup.floating-tooltip.text-info .text-alignment .base-label {
align-content: center;
display: inline-flex;
align-items: center;
line-height: 0.594rem;
height: 0.781rem;
}
.popup.floating-tooltip.text-info .text-alignment .base-subtext {
font-size: 0.469rem;
font-style: italic;
font-variation-settings: 'wght' 400, 'wdth' 100;
height: 0.469rem;
}
.hive-distribution-popup {
margin: unset !important;
padding: unset !important;
border-radius: 3px;
}
.hive-distribution-popup.light {
background-color: #d5d5d5;
}
.hive-distribution-popup .popup.all-popup {
position: relative;
}
.explorer-filter-popup {
max-height: 2.5rem;
height: 2.5rem !important;
width: 2.63rem !important;
margin: 0.125rem !important;
padding: unset !important;
border-radius: 3px;
}
.explorer-filter-popup .popup.all-popup {
position: relative;
}
.hive-popup {
min-width: 6.25rem;
min-height: 6.25rem;
background-color: #444444;
border-radius: 10px;
filter: drop-shadow(-4px 0px 2px rgba(0, 0, 0, 0.3));
}
.hive-popup .chevron {
position: absolute;
top: auto;
right: auto;
left: auto;
bottom: auto;
z-index: -1;
filter: none;
}
.hive-popup .chevron.top {
border-top: 15px solid transparent;
border-right: 12px solid transparent;
border-bottom: 15px solid #444444;
border-left: 12px solid transparent;
top: 0%;
left: 50%;
transform: translate(-50%, -100%);
}
.hive-popup .chevron.right {
border-top: 12px solid transparent;
border-right: 15px solid transparent;
border-bottom: 12px solid transparent;
border-left: 15px solid #444444;
top: 50%;
left: 100%;
transform: translateY(-50%);
}
.hive-popup .chevron.bottom {
border-top: 15px solid #444444;
border-right: 12px solid transparent;
border-bottom: 15px solid transparent;
border-left: 12px solid transparent;
top: 100%;
left: 50%;
transform: translateX(-50%);
}
.hive-popup .chevron.left {
border-top: 12px solid transparent;
border-right: 15px solid #444444;
border-bottom: 12px solid transparent;
border-left: 15px solid transparent;
top: 50%;
left: 0%;
transform: translate(-100%, -50%);
}
.hive-popup.success .image {
height: 4.69rem;
width: 4.69rem;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
background-image: url(assets/images/submit_success_7d09e2338694a68ab91b.gif);
}
.deploy-popup {
background-color: rgba(0, 0, 0, 0.3);
border-radius: 10px;
}
.deploy-popup.loading .image {
height: 938rem;
width: 43.8rem;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
background-image: url(assets/images/loadinghex_22e480b07fa8fa0f009e.gif);
}
.connection-node-svg-button {
background-size: 1.25rem;
background-position: center;
}
.hive-property {
text-align: center;
}
.hive-property-wrapper {
display: inline-block;
}
.hive-property-wrapper .value {
display: inline;
float: left;
}
.hive-property-wrapper .unit {
display: inline;
float: left;
}
.hive-property-wrapper .unit--superscript {
font-size: 0.6em;
}
.hive-property.text-small .value {
font-size: 0.438rem;
}
.hive-property.text-small .unit {
font-size: 0.438rem;
}
.hive-property.text-expand .value {
font-size: 1.4vw;
}
.hive-property.text-expand .unit {
font-size: 1.4vw;
}
.hive-property.text-expand .unit--superscript {
font-size: 0.75vw;
}
.hive-grid-repeater {
overflow-y: scroll;
}
.hive-grid-repeater .enyo-data-repeater-container {
height: auto;
box-sizing: border-box;
display: grid !important;
align-items: center;
justify-items: center;
}
.hive-grid-repeater .enyo-data-repeater-container > div {
transition: top 0.5s cubic-bezier(0.22, 1, 0.36, 1), left 0.5s cubic-bezier(0.22, 1, 0.36, 1);
}
.hive-grid-repeater .selected img {
filter: drop-shadow(0 0 3px #f19d21);
}
.hive-grid-repeater.single-column .enyo-data-repeater-container {
grid-template-columns: 100%;
}
.hive-grid-repeater.double-column .enyo-data-repeater-container {
padding: 0.781rem;
grid-template-columns: 1fr 1fr;
row-gap: 0.625rem;
column-gap: 0.313rem;
}
.hive-grid-repeater.triple-column .enyo-data-repeater-container {
padding: 0.781rem;
grid-template-columns: 1fr 1fr 1fr;
row-gap: 0.625rem;
column-gap: 0.313rem;
}
.hive-grid-repeater.flex-column .enyo-data-repeater-container {
padding: 0.781rem;
grid-template-columns: repeat(auto-fill, minmax(12.5rem, 1fr));
row-gap: 0.625rem;
column-gap: 0.313rem;
}
.hive-grid-repeater.single-row .enyo-data-repeater-container {
grid-template-rows: 100%;
grid-auto-flow: column;
width: max-content;
overflow-y: hidden;
overflow-x: scroll;
}
.hive-grid-repeater.default .enyo-data-repeater-container > div,
.hive-grid-repeater.default .enyo-data-repeater-container tr {
background-color: #e6e6e6;
}
.hive-grid-repeater.default .enyo-data-repeater-container > div:nth-child(odd),
.hive-grid-repeater.default .enyo-data-repeater-container tr:nth-child(odd) {
background-color: #f2f2f2;
}
.hive-grid-repeater.default .enyo-data-repeater-container > div.selected,
.hive-grid-repeater.default .enyo-data-repeater-container tr.selected {
background-color: #f0e5ce;
}
.hive-grid-repeater.table-list .enyo-data-repeater-container > div,
.hive-grid-repeater.table-list .enyo-data-repeater-container tr {
background-color: #eaecee;
}
.hive-grid-repeater.table-list .enyo-data-repeater-container > div:nth-child(odd),
.hive-grid-repeater.table-list .enyo-data-repeater-container tr:nth-child(odd) {
background-color: #f0f1f3;
}
.hive-grid-repeater.table-list .enyo-data-repeater-container > div.selected,
.hive-grid-repeater.table-list .enyo-data-repeater-container tr.selected {
background-color: #e4e9ef;
}
.hive-grid-repeater.remove-style .enyo-data-repeater-container > div,
.hive-grid-repeater.remove-style .enyo-data-repeater-container tr {
background-color: unset;
}
.hive-grid-repeater.remove-style .enyo-data-repeater-container > div:nth-child(odd),
.hive-grid-repeater.remove-style .enyo-data-repeater-container tr:nth-child(odd) {
background-color: unset;
}
.hive-grid-repeater.remove-style .enyo-data-repeater-container > div.selected,
.hive-grid-repeater.remove-style .enyo-data-repeater-container tr.selected {
background-color: unset;
}
.hive-repeater-add-button {
width: 21px;
height: 21px;
margin-left: 0.7rem;
padding: 0.112rem;
margin-top: -10.5px;
background-color: #799e4e;
border-radius: 50%;
position: absolute;
background-image: url(assets/images/plus_14e49c2d1fb3b860667c.svg);
background-size: 0.469rem;
background-repeat: no-repeat;
background-position: center;
}
.hive-base-repeater .enyo-data-repeater-container.repeater-line-draw.padding-top {
padding-top: 1.56rem;
}
.hive-base-repeater .enyo-data-repeater-container.repeater-line-draw.padding-bottom::before {
height: 100%;
margin-bottom: unset;
margin-left: var(--indent-margin);
margin-right: auto;
content: "";
background: #979797;
position: absolute;
display: block;
}
.hive-base-repeater .enyo-data-repeater-container.repeater-line-draw.padding-bottom::after {
width: 0.813rem;
height: 0.0938rem;
margin-top: var(--line-margin);
left: 0;
margin-left: var(--indent-margin);
margin-right: auto;
content: "";
background: #979797;
position: absolute;
display: block;
}
.hive-base-repeater .enyo-data-repeater-container.repeater-line-draw::before {
width: 0.0938rem;
height: 87%;
height: var(--line-height);
top: 0px;
left: 0px;
margin-left: var(--indent-margin);
margin-right: auto;
content: "";
background: #979797;
position: absolute;
display: block;
}
.hive-base-repeater .enyo-data-repeater-container.repeater-line-draw .hive-list-item {
margin-left: 9.38rem;
}
.hive-base-repeater .enyo-data-repeater-container.repeater-line-draw .hive-list-item::after {
width: 0.719rem;
height: 0.0938rem;
top: 50%;
margin-left: -0.719rem;
content: "";
background: #979797;
position: absolute;
display: block;
}
.hive-base-repeater .enyo-data-repeater-container.repeater-line-draw .left-default-margin {
margin-left: var(--indent-margin);
margin-right: auto;
}
.hive-base-repeater .enyo-data-repeater-container.repeater-line-draw .line-content-style {
content: "";
background: #979797;
position: absolute;
display: block;
}
.hive-base-repeater .enyo-data-repeater-container.padding-bottom {
padding-bottom: 1.5rem;
}
.hive-drawer-repeater .container {
display: flex;
flex-direction: column;
}
.hive-drawer-repeater .container > * {
flex-grow: 0;
transition: flex-grow 300ms;
transition-timing-function: linear;
}
.hive-drawer-repeater .hive-drawer > :first-child {
overflow-y: scroll;
}
.hive-drawer-repeater .hive-grid-repeater {
overflow-y: visible;
}
.hive-drawer-repeater .selected {
flex-grow: 1;
}
.hive-drawer-repeater .selected.hive-drawer-decorator {
min-height: 0;
display: flex;
flex-direction: column;
}
.hive-drawer-repeater .selected.hive-drawer {
overflow-y: scroll !important;
}
.hive-table-repeater {
overflow-y: scroll;
}
.hive-table-repeater.default .enyo-data-repeater-container > div,
.hive-table-repeater.default .enyo-data-repeater-container tr {
background-color: #e6e6e6;
}
.hive-table-repeater.default .enyo-data-repeater-container > div:nth-child(odd),
.hive-table-repeater.default .enyo-data-repeater-container tr:nth-child(odd) {
background-color: #f2f2f2;
}
.hive-table-repeater.default .enyo-data-repeater-container > div.selected,
.hive-table-repeater.default .enyo-data-repeater-container tr.selected {
background-color: #f0e5ce;
}
.hive-table-repeater.table-list .enyo-data-repeater-container > div,
.hive-table-repeater.table-list .enyo-data-repeater-container tr {
background-color: #eaecee;
}
.hive-table-repeater.table-list .enyo-data-repeater-container > div:nth-child(odd),
.hive-table-repeater.table-list .enyo-data-repeater-container tr:nth-child(odd) {
background-color: #f0f1f3;
}
.hive-table-repeater.table-list .enyo-data-repeater-container > div.selected,
.hive-table-repeater.table-list .enyo-data-repeater-container tr.selected {
background-color: #e4e9ef;
}
.hive-table-repeater.remove-style .enyo-data-repeater-container > div,
.hive-table-repeater.remove-style .enyo-data-repeater-container tr {
background-color: unset;
}
.hive-table-repeater.remove-style .enyo-data-repeater-container > div:nth-child(odd),
.hive-table-repeater.remove-style .enyo-data-repeater-container tr:nth-child(odd) {
background-color: unset;
}
.hive-table-repeater.remove-style .enyo-data-repeater-container > div.selected,
.hive-table-repeater.remove-style .enyo-data-repeater-container tr.selected {
background-color: unset;
}
.hive-repeater-odd-even-item-style > div,
.hive-repeater-odd-even-item-style tr {
background-color: #e6e6e6;
}
.hive-repeater-odd-even-item-style > div:nth-child(odd),
.hive-repeater-odd-even-item-style tr:nth-child(odd) {
background-color: #f2f2f2;
}
.hive-repeater-odd-even-item-style > div.selected,
.hive-repeater-odd-even-item-style tr.selected {
background-color: #f0e5ce;
}
.hive-repeater-table-odd-even-item-style > div,
.hive-repeater-table-odd-even-item-style tr {
background-color: #eaecee;
}
.hive-repeater-table-odd-even-item-style > div:nth-child(odd),
.hive-repeater-table-odd-even-item-style tr:nth-child(odd) {
background-color: #f0f1f3;
}
.hive-repeater-table-odd-even-item-style > div.selected,
.hive-repeater-table-odd-even-item-style tr.selected {
background-color: #e4e9ef;
}
.hive-repeater-table-odd-even-item-remove-style > div,
.hive-repeater-table-odd-even-item-remove-style tr {
background-color: unset;
}
.hive-repeater-table-odd-even-item-remove-style > div:nth-child(odd),
.hive-repeater-table-odd-even-item-remove-style tr:nth-child(odd) {
background-color: unset;
}
.hive-repeater-table-odd-even-item-remove-style > div.selected,
.hive-repeater-table-odd-even-item-remove-style tr.selected {
background-color: unset;
}
.hide-before::before {
display: none !important;
}
.hierarchical-repeater {
background-color: #464646;
}
.hierarchical-repeater--dark .repeater {
background-color: #8e8c8c;
}
.hierarchical-repeater--darker .repeater {
background-color: #909298;
}
.hierarchical-repeater.runtime .repeater {
background: #8e8c8c;
}
.hierarchical-repeater.runtime .text-item--drawer-title {
color: #ffffff;
background: #575757 !important;
box-shadow: inset -0.00313rem 0.0625rem 0.0469rem 0 rgba(255, 255, 255, 0.2), inset -0.00937rem 0.025rem 0.0156rem 0 rgba(82, 82, 82, 0.2), inset 0.00313rem -0.0625rem 0.0469rem 0 rgba(0, 0, 0, 0.2);
border-top: solid 0.0469rem #3a3a3a;
border-bottom: solid 0.0469rem #3a3a3a;
}
.hierarchical-repeater.runtime .text-item--drawer-title.selected .drag-handel .oval {
transform: rotate(0deg);
}
.hierarchical-repeater.runtime .text-item--drawer-title .turner-widget {
flex-shrink: 0;
}
.hierarchical-repeater.runtime .text-item--drawer-title .turner-widget.dark-theme .arrow {
margin-left: 0.219rem;
}
.hierarchical-repeater.runtime .text-item--default .odd-item {
background-color: #eff1f9;
}
.hierarchical-repeater.runtime .text-item--default .odd-item.selected {
background-color: #d1daff;
}
.hierarchical-repeater .repeater.show-buffer .buffer {
display: block;
}
.hierarchical-repeater .enyo-data-list .page > * {
transition: top 250ms;
}
.hierarchical-repeater .text-item--default .odd-item {
background-color: #eff1f9;
}
.hierarchical-repeater .text-item--default .odd-item.selected,
.hierarchical-repeater .text-item--default .odd-item:hover {
background-color: #d1daff;
}
.hierarchical-repeater .enyo-data-list .active {
overflow: visible;
}
.hierarchical-repeater .enyo-data-list .buffer {
display: none;
}
.hierarchical-repeater .show-buffer .enyo-data-list .buffer {
display: block;
}
.hierarchical-repeater--dark .repeater {
background-color: #ececec;
}
.hierarchical-repeater--dark .text-item--drawer-title {
color: #ffffff;
background: #575757 !important;
box-shadow: inset -0.00313rem 0.0625rem 0.0469rem 0 rgba(255, 255, 255, 0.2), inset -0.00937rem 0.025rem 0.0156rem 0 rgba(82, 82, 82, 0.2), inset 0.00313rem -0.0625rem 0.0469rem 0 rgba(0, 0, 0, 0.2);
border-top: solid 0.0469rem #3a3a3a;
border-bottom: solid 0.0469rem #3a3a3a;
}
.dark-repeater .repeater {
background-color: #ececec;
}
.equipment-bottom {
background: red;
}
.vertically-center {
position: relative;
top: 50%;
transform: translateY(-50%);
}
.center-block {
position: relative;
float: left;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.center-inline {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.drawer-sizing {
width: 80%;
margin: 0.469rem 0.313rem 0.625rem 1.56rem;
}
.centered-text {
width: 80%;
text-align: center;
margin: 3.13rem 0.313rem 0.625rem 1.56rem;
}
.FloorScrollerContainer {
background: #FAFAFA;
padding: 0.313rem 0.0938rem;
margin: 0 0.156rem;
box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.2);
height: 132px;
width: 40px;
border: 1px solid hsla(0, 0%, 6%, 0.2);
border-radius: 0.469rem;
z-index: 1;
}
.FloorScrollerContainer .arrow {
position: absolute;
z-index: 1;
top: 110px;
width: 0;
height: 0;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
}
.FloorScrollerContainer .arrow.leftArrow {
right: 3px;
border-right: 7px solid orange;
}
.FloorScrollerContainer .arrow.rightArrow {
left: 3px;
border-left: 7px solid orange;
}
.MainFloorScroller {
background-color: #FAFAFA;
border-radius: 5px;
color: #000;
height: 120px;
/*min-width: 310px; /* this gets updated programatically at run-time, based on user changes to indiviual columns */
}
.MainFloorScroller .enyo-vthumb {
display: none !important;
}
.floorScrollerItem {
line-height: 40px;
text-align: center;
height: 40px;
border-right: solid 1px grey;
border-left: solid 1px grey;
}
.side-panel .header-padding {
padding-bottom: 0.125rem;
padding-left: 0.156rem;
}
.side-panel .import {
width: 1rem !important;
}
.side-panel .top-spacing {
padding-top: 0.625rem;
}
.side-panel .expand-advanced {
padding-top: 1.25rem;
}
.side-panel .stimulus-padding {
padding-top: 0.938rem;
}
.side-panel .picker-align {
margin-right: 0.625rem;
}
.side-panel .heading {
height: 0.844rem;
font-size: 0.844rem;
display: inline-flex;
align-items: flex-end;
}
.side-panel .input-wrapper {
width: 5.31rem;
}
.side-panel .input-unit {
display: inline-flex;
margin-bottom: 0.844rem;
margin-left: 0.234rem;
margin-top: auto;
text-align: center;
}
.side-panel .input-unit .sub-text {
display: inline-flex;
align-items: center;
}
.side-panel .input-size {
min-width: unset;
width: 5.31rem;
}
.side-panel .input-size.large {
width: 12.5rem;
}
.side-panel .unit-text {
padding-bottom: 0.344rem;
}
.side-panel .start-padding {
padding-right: 1.13rem;
}
.side-panel .end-padding {
padding-right: 0.5rem;
}
.side-panel .text-re-center {
padding-bottom: 1.16rem;
}
.side-panel .unit-picker {
width: 5rem;
margin-top: 0.375rem;
}
.side-panel .unit-spacing {
margin-left: 0.625rem;
}
.side-panel .picker-size.small {
width: 12.5rem;
}
.side-panel .inputs-container {
display: inline-flex;
width: 100%;
}
.side-panel .item-spacing {
margin-top: 0.625rem;
}
.side-panel .title {
padding-bottom: 0.234rem;
}
.side-panel .normal-text.Body-Widget {
font-size: 0.719rem;
}
.side-panel .sub-text {
height: 1.09rem;
display: inline-flex;
align-items: flex-end;
}
.side-panel .sub-text-font {
font-variation-settings: "wght" 500, "wdth" 110;
line-height: 0.906rem;
}
.side-panel .sub-text-align {
padding-left: 0.625rem;
}
.side-panel .second-right-panel {
z-index: 10;
}
.slider-inner {
font-family: OpenSans-bold;
display: inline-block;
background: url(assets/images/unit_5ce1485db014e784e8b2.png) no-repeat;
padding-top: 10px;
color: #646464;
font-weight: bold;
}
.hive-slider-outer .onyx-progress-bar {
background-color: #5973bc !important;
margin: -1px 0;
height: 12px;
}
.hive-slider-outer .onyx-progress-bar-bar {
background-color: #b8b8b8 !important;
margin: -1px 0;
height: 14px;
}
.hive-range-slider-label {
font-family: OpenSans-bold;
color: #4b6695 !important;
font-size: 17px;
font-weight: bold;
}
.hive-slider-inner .onyx-progress-bar {
margin: -1px 0;
height: 12px;
}
.hive-slider-inner .onyx-progress-bar-bar {
background-color: #d88579 !important;
margin: -1px 0;
height: 14px;
}
.hive-range-title {
padding-bottom: 3%;
}
.hive-slider-inner .onyx-slider .onyx-slider-knob,
.hive-slider-outer .onyx-slider .onyx-slider-knob {
margin: -25px -20px !important;
}
.slider-empty-scale {
display: inline-block;
text-align: left;
background: url(assets/images/unit_5ce1485db014e784e8b2.png) top center no-repeat;
padding-top: 25px;
color: #646464;
font-weight: bold;
text-align: center;
}
.base-slider-control .onyx-slider {
height: 12px;
margin: 8px ;
}
.base-slider-control .onyx-slider .onyx-progress-bar-bar {
margin: -2px -20px !important;
}
.base-slider .onyx-slider,
.hive-slider-lable .onyx-slider {
height: 12px;
margin: 8px 38px !important;
}
.base-slider .onyx-slider .onyx-progress-bar-bar,
.hive-slider-lable .onyx-slider .onyx-progress-bar-bar {
margin: -2px -20px !important;
}
.hive-scale-wrapper {
margin: 8px 19px !important;
}
.hive-slider {
/************************ BASE SLIDER **********************/
/************************ CURVED SLIDER **********************/
/************************ RANGE SLIDER INNER **********************/
/************************ RANGE SLIDER OUTER **********************/
/************************ SLIDER VALUES **********************/
}
.hive-slider .slider {
background-image: linear-gradient(to bottom, #8c8c8c, #e2e2e2);
height: 0.469rem;
border-radius: 0.625rem;
}
.hive-slider .slider.onyx-slider {
height: 0.469rem;
margin: 0.313rem 0.938rem;
}
.hive-slider .slider .onyx-progress-bar {
border: solid 1px #c83030;
}
.hive-slider .slider .onyx-progress-bar-bar {
background: none;
}
.hive-slider .slider .onyx-slider-knob {
margin: -1rem -0.813rem;
height: 1.56rem;
width: 1.56rem;
z-index: 1 !important;
}
.hive-slider .slider .onyx-slider-knob.pressed,
.hive-slider .slider .onyx-slider-knob.active,
.hive-slider .slider .onyx-slider-knob.hover {
background-position: 0 0;
}
.hive-slider .slider .onyx-range-slider-knob {
top: -0.594rem;
}
.hive-slider .slider.slider-at-max .onyx-slider-knob {
margin-left: 0.781rem;
}
.hive-slider .slider.slider-at-min .onyx-slider-knob {
margin-right: 0.781rem;
}
.hive-slider .slider2 {
background-image: linear-gradient(to bottom, #8c8c8c, #e2e2e2);
height: 0.469rem;
border-radius: 0.625rem;
margin: 0.313rem 0.938rem;
}
.hive-slider .slider2 .onyx-slider {
height: 0.469rem;
margin: unset;
}
.hive-slider .slider2 .onyx-progress-bar {
border: solid 1px #b02727;
}
.hive-slider .slider2 .onyx-progress-bar-bar {
background: none;
}
.hive-slider .slider2 .onyx-slider-knob {
margin: -1rem -0.813rem;
height: 1.56rem;
width: 1.56rem;
z-index: 1 !important;
}
.hive-slider .slider2 .onyx-slider-knob.pressed,
.hive-slider .slider2 .onyx-slider-knob.active,
.hive-slider .slider2 .onyx-slider-knob.hover {
background-position: 0 0;
}
.hive-slider .slider2 .onyx-range-slider-knob {
top: -0.594rem;
}
.hive-slider .curved-slider {
/************************ CURVED SLIDER **********************/
}
.hive-slider .curved-slider.first .slider-component-container .slider-component-container {
position: relative;
padding-right: 7px;
}
.hive-slider .curved-slider.first .slider-component-container .component-container {
padding-left: 0px;
}
.hive-slider .curved-slider.first .slider-component-container .header-margin {
margin-top: 12px;
}
.hive-slider .curved-slider.first .slider-component-container .gradient-container {
position: absolute;
height: 140px;
width: 185px;
overflow: hidden;
border-top-right-radius: 50%;
border-top-left-radius: 50%;
}
.hive-slider .curved-slider.first .slider-component-container .curved-slider-line {
background-image: linear-gradient(#e9e9e9, #e9e9e9), radial-gradient(circle at bottom left, #e9e9e9, #e9e9e9, #e9e9e9, #e9e9e9, #e9e9e9);
border-radius: 150px 150px 0 0;
border: double 4px transparent;
border-width: 0.0938rem;
border-style: solid;
border-bottom: 0;
background-origin: border-box;
background-clip: content-box, border-box;
}
.hive-slider .curved-slider.first .slider-component-container .lower-curve {
width: 130px;
height: 98px;
margin: auto;
margin-top: 43px;
position: relative;
bottom: 0;
border-top-right-radius: 50%;
border-top-left-radius: 50%;
}
.hive-slider .curved-slider.second .slider-component-container .slider-component-container {
width: 185px;
margin-top: 50px;
margin-left: auto;
position: relative;
}
.hive-slider .curved-slider.second .slider-component-container .header-margin {
margin-top: 12px;
}
.hive-slider .curved-slider.second .slider-component-container .gradient-container {
position: absolute;
height: 140px;
width: 185px;
overflow: hidden;
border-top-right-radius: 50%;
border-top-left-radius: 50%;
}
.hive-slider .curved-slider.second .slider-component-container .curved-slider-line {
background-image: linear-gradient(#e9e9e9, #e9e9e9), radial-gradient(circle at bottom left, #e9e9e9, #e9e9e9, #e9e9e9, #e9e9e9, #e9e9e9);
border-radius: 150px 150px 0 0;
border: double 4px transparent;
border-width: 0.0938rem;
border-style: solid;
border-bottom: 0;
background-origin: border-box;
background-clip: content-box, border-box;
}
.hive-slider .curved-slider.second .slider-component-container .lower-curve {
width: 130px;
height: 98px;
margin: auto;
margin-top: 43px;
position: relative;
bottom: 0;
border-top-right-radius: 50%;
border-top-left-radius: 50%;
}
.hive-slider .curved-slider .slider-component-container .slider-component-container {
width: 185px;
margin-top: 50px;
margin-left: auto;
position: relative;
}
.hive-slider .curved-slider .slider-component-container.double-slider {
height: 40px;
width: 129px;
z-index: 4;
margin: auto;
margin-top: 15px;
}
.hive-slider .curved-slider .slider-component-container.double-slider.slider-component-container {
height: 40px;
width: 132px;
z-index: 4;
margin: auto;
margin-top: 15px;
margin-left: 12.5%;
}
.hive-slider .curved-slider .slider-component-container.double-slider .component-container {
width: 100%;
height: 22.5px;
margin: auto;
padding: unset;
margin-top: -25px;
padding-top: 8px;
overflow: visible;
}
.hive-slider .curved-slider .slider-component-container.double-slider .curved-slider-solid-line {
width: 120px;
height: 120px;
border-top-left-radius: 50%;
border-top-right-radius: 50%;
border: 3.5px solid #202846;
margin: auto;
padding: unset;
}
.hive-slider .curved-slider .slider-component-container.double-slider .slider-oval {
top: unset;
left: unset;
width: 7px;
height: 7px;
margin-left: 47.5%;
top: -57px;
}
.hive-slider .curved-slider .slider-component-container.double-slider .slider-oval-start {
left: -24px;
margin-top: -66px;
}
.hive-slider .curved-slider .slider-component-container.double-slider .slider-oval-end {
left: 24px;
margin-top: -7px;
top: -58px;
}
.hive-slider .curved-slider .slider-component-container .header-margin {
margin-top: 12px;
}
.hive-slider .curved-slider .slider-component-container .gradient-container {
position: absolute;
height: 140px;
width: 185px;
overflow: hidden;
border-top-right-radius: 50%;
border-top-left-radius: 50%;
}
.hive-slider .curved-slider .slider-component-container .gradient-background {
height: 205px;
width: 175px;
margin: auto;
background-image: conic-gradient(from 0.84turn, rgba(34, 40, 72, 0), rgba(62, 55, 140, 0.58) 0.03turn, rgba(128, 48, 89, 0.58) 0.27turn, rgba(34, 40, 72, 0) 0.32turn, rgba(34, 40, 72, 0));
}
.hive-slider .curved-slider .slider-component-container .component-container {
overflow: hidden;
height: 44px;
width: 169px;
margin-top: 0rem;
background: unset;
border: unset;
padding-top: 17px;
}
.hive-slider .curved-slider .slider-component-container .component-container .solid-line-container {
width: 165px;
height: 120px;
border-top-left-radius: 50%;
border-top-right-radius: 50%;
border: 2px solid #202846;
margin: unset;
padding: unset;
}
.hive-slider .curved-slider .slider-component-container .curved-slider-line {
background-image: linear-gradient(#e9e9e9, #e9e9e9), radial-gradient(circle at bottom left, #e9e9e9, #e9e9e9, #e9e9e9, #e9e9e9, #e9e9e9);
border-radius: 150px 150px 0 0;
border: double 4px transparent;
border-width: 0.0938rem;
border-style: solid;
border-bottom: 0;
background-origin: border-box;
background-clip: content-box, border-box;
}
.hive-slider .curved-slider .slider-component-container .curved-slider-solid-line {
width: 195px;
height: 195px;
border-top-left-radius: 50%;
border-top-right-radius: 50%;
border: 2px solid #202846;
margin: unset;
padding: unset;
margin-left: -15px;
}
.hive-slider .curved-slider .slider-component-container .lower-curve {
width: 130px;
height: 98px;
margin: auto;
margin-top: 43px;
position: relative;
bottom: 0;
border-top-right-radius: 50%;
border-top-left-radius: 50%;
}
.hive-slider .curved-slider .slider-component-container .slider-oval {
position: relative;
border-radius: 150px 150px 150px 150px;
width: 10px;
height: 10px;
background: #ced0d8;
color: #ced0d8;
border-color: #ced0d8;
box-shadow: 0 0 4px 0 #a196f2;
margin-top: -101.5px;
margin-left: 80.5px;
top: -101px;
z-index: 4;
}
.hive-slider .innerSlider .onyx-progress-bar-bar {
background-image: linear-gradient(to bottom, #c47f70, #f2aa9c);
}
.hive-slider .outerSlider .onyx-progress-bar {
background-image: linear-gradient(to bottom, #6675c3, #95a4f3);
}
.hive-slider .outerSlider .onyx-progress-bar-bar {
background-image: linear-gradient(to bottom, #8c8c8c, #e2e2e2);
}
.hive-slider .values {
position: relative;
height: 1.25rem;
margin: 0.313rem 0.938rem;
}
.hive-slider .values .unit-group {
position: absolute;
display: inline-flex;
align-items: center;
justify-content: center;
transform: translateX(-50%);
}
.hive-slider .values .unit-group .vl {
position: absolute;
width: 0.0625rem;
background-color: #787878;
top: -0.0938rem;
height: 0.25rem;
z-index: 0;
}
.hive-slider .values .unit-group .unit {
margin-top: 0.156rem;
text-align: center;
font-family: 'AvenirNext';
font-variation-settings: "wght" 500, "wdth" 100;
font-size: 0.719rem;
font-variation-settings: "wght" 700, "wdth" 100;
color: #949494;
}
.hive-slider .values .unit-group:nth-child(odd) {
display: none;
}
.hive-slider .values .unit-group:first-child {
transform: translateX(0px);
}
.hive-slider .values .unit-group:last-child {
transform: translateX(-2px);
}
.hive-slider.runtime .slider {
border: unset;
background: unset;
margin-bottom: 0rem;
height: 0.844rem;
border-radius: 0.422rem;
background-image: linear-gradient(to top, #ededed, #b5b5b5);
margin-left: 0rem;
}
.hive-slider.runtime .onyx-slider-knob {
height: 1.22rem;
width: 1.22rem;
border-radius: 50%;
box-shadow: 0 0 0.156rem 0 rgba(0, 0, 0, 0.54);
border: solid 0.0156rem #979797;
background-image: radial-gradient(circle at 50% 50%, #ffffff, rgba(255, 255, 255, 0.04) 71%), linear-gradient(to bottom, #d5d5d5, #d5d5d5);
top: 0px;
transform: translate(-50%, -15%);
margin: 0px;
position: absolute;
}
.hive-slider.runtime.inner-slider .onyx-progress-bar-bar {
background: rgba(81, 116, 165, 0.51);
}
.hive-slider.runtime.outer-slider .onyx-progress-bar {
background: linear-gradient(to top, #ededed, #b5b5b5), rgba(81, 116, 165, 0.51);
background-blend-mode: darken;
}
.hive-slider.runtime.outer-slider .onyx-progress-bar-bar {
background: linear-gradient(to top, #ededed, #b5b5b5);
}
.hive-slider.runtime .values {
margin: 0rem 1.44rem 0rem 0.688rem;
}
.hive-slider.runtime .values .unit-group .vl {
width: 0.133rem;
max-width: 0.133rem;
min-width: 0.133rem;
background-color: #d8d8d8;
top: 0rem;
height: 0.547rem;
z-index: 0;
display: inline-table;
}
.hive-slider.runtime .values .unit-group .unit {
margin-top: 0.547rem;
text-align: center;
white-space: nowrap;
font-family: 'AvenirNext';
font-variation-settings: "wght" 500, "wdth" 100;
font-size: 0.719rem;
font-size: calc(var(--hit-scale-factor) * 0.844rem);
font-variation-settings: "wght" 650, "wdth" 80;
color: #949494;
}
.hive-slider.settings-runtime .values {
margin: 0.313rem 1rem;
z-index: 0;
margin: 0.313rem 0.0625rem;
}
.hive-slider.settings-runtime .values .unit-group .vl {
width: 0.0969rem;
top: -0.625rem;
height: 0.688rem;
background-color: #d8d8d8;
}
.hive-slider.settings-runtime .values .unit-group .unit {
margin-top: 0.188rem;
}
.hive-slider.settings-runtime .slider {
z-index: 1;
}
.hive-slider.settings-runtime .onyx-slider-knob {
background: unset;
top: -0.0313rem;
box-shadow: rgba(0, 0, 0, 0.54) 0px 0px 5px 0px;
border: 0.5px solid #979797;
background-image: radial-gradient(circle at 50% 50%, #ffffff, rgba(255, 255, 255, 0.04) 70%), linear-gradient(#d8d8d8, #d8d8d8);
border-radius: 50%;
height: 1rem;
width: 1rem;
}
.hive-slider.settings-runtime .onyx-slider {
z-index: 1;
height: 0.875rem;
background-image: linear-gradient(to top, #ededed, #b5b5b5);
border: unset;
margin: 0.313rem 0rem;
}
.hive-slider.property-slider .onyx-slider-knob {
width: 1.31rem;
height: 1.31rem;
box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.5);
border-radius: 50%;
border: solid 0.5px #737475;
background-image: radial-gradient(circle at 27% 31%, #929292, #767676 61%);
}
.hive-slider.property-slider .onyx-progress-bar {
height: 0.438rem;
border-radius: 0.219rem;
box-shadow: inset -0.1px 1px 1px 0 rgba(0, 0, 0, 0.51), inset 0.1px -1px 1px 0 rgba(255, 255, 255, 0.2);
background-image: none;
background-color: #393838;
}
.hive-slider.property-slider .onyx-progress-bar .onyx-progress-bar-bar {
border-radius: inherit;
}
.hive-slider.property-slider .values .unit-group .vl {
opacity: 0.6;
background-color: #e9e9e9;
}
.hive-slider.property-slider .values .unit-group .unit {
opacity: 0.35;
color: #fff;
}
.light .hive-slider.property-slider .onyx-slider-knob {
border: solid 0.5px #d2d2d2;
background-image: radial-gradient(circle at 27% 31%, #fff, #d3d3d3 61%);
}
.light .hive-slider.property-slider .onyx-progress-bar {
background-color: #ececec;
box-shadow: inset -0.1px 1px 1px 0 rgba(0, 0, 0, 0.17), inset 0.1px -1px 1px 0 rgba(255, 255, 255, 0.2);
}
.light .hive-slider.property-slider .values .unit-group .vl {
background-color: #5a5960;
}
.light .hive-slider.property-slider .values .unit-group .unit {
color: #353438;
}
.curved-slider {
/************************ CURVED SLIDER **********************/
}
.curved-slider.first .slider-component-container .slider-component-container {
position: relative;
padding-right: 7px;
}
.curved-slider.first .slider-component-container .component-container {
padding-left: 0px;
}
.curved-slider.first .slider-component-container .header-margin {
margin-top: 12px;
}
.curved-slider.first .slider-component-container .gradient-container {
position: absolute;
height: 140px;
width: 185px;
overflow: hidden;
border-top-right-radius: 50%;
border-top-left-radius: 50%;
}
.curved-slider.first .slider-component-container .curved-slider-line {
background-image: linear-gradient(#e9e9e9, #e9e9e9), radial-gradient(circle at bottom left, #e9e9e9, #e9e9e9, #e9e9e9, #e9e9e9, #e9e9e9);
border-radius: 150px 150px 0 0;
border: double 4px transparent;
border-width: 0.0938rem;
border-style: solid;
border-bottom: 0;
background-origin: border-box;
background-clip: content-box, border-box;
}
.curved-slider.first .slider-component-container .lower-curve {
width: 130px;
height: 98px;
margin: auto;
margin-top: 43px;
position: relative;
bottom: 0;
border-top-right-radius: 50%;
border-top-left-radius: 50%;
}
.curved-slider.second .slider-component-container .slider-component-container {
width: 185px;
margin-top: 50px;
margin-left: auto;
position: relative;
}
.curved-slider.second .slider-component-container .header-margin {
margin-top: 12px;
}
.curved-slider.second .slider-component-container .gradient-container {
position: absolute;
height: 140px;
width: 185px;
overflow: hidden;
border-top-right-radius: 50%;
border-top-left-radius: 50%;
}
.curved-slider.second .slider-component-container .curved-slider-line {
background-image: linear-gradient(#e9e9e9, #e9e9e9), radial-gradient(circle at bottom left, #e9e9e9, #e9e9e9, #e9e9e9, #e9e9e9, #e9e9e9);
border-radius: 150px 150px 0 0;
border: double 4px transparent;
border-width: 0.0938rem;
border-style: solid;
border-bottom: 0;
background-origin: border-box;
background-clip: content-box, border-box;
}
.curved-slider.second .slider-component-container .lower-curve {
width: 130px;
height: 98px;
margin: auto;
margin-top: 43px;
position: relative;
bottom: 0;
border-top-right-radius: 50%;
border-top-left-radius: 50%;
}
.curved-slider .slider-component-container .slider-component-container {
width: 185px;
margin-top: 50px;
margin-left: auto;
position: relative;
}
.curved-slider .slider-component-container.double-slider {
height: 40px;
width: 129px;
z-index: 4;
margin: auto;
margin-top: 15px;
}
.curved-slider .slider-component-container.double-slider.slider-component-container {
height: 40px;
width: 129px;
z-index: 4;
margin: auto;
margin-top: 15px;
}
.curved-slider .slider-component-container.double-slider .component-container {
width: 100%;
height: 22.5px;
margin: auto;
padding: unset;
margin-top: -25px;
padding-top: 8px;
overflow: visible;
}
.curved-slider .slider-component-container.double-slider .curved-slider-solid-line {
width: 120px;
height: 120px;
border-top-left-radius: 50%;
border-top-right-radius: 50%;
border: 3.5px solid #202846;
margin: auto;
padding: unset;
}
.curved-slider .slider-component-container.double-slider .slider-oval {
top: unset;
left: unset;
width: 7px;
height: 7px;
margin-left: 47.5%;
top: -57px;
}
.curved-slider .slider-component-container.double-slider .slider-oval-start {
left: -24px;
margin-top: 38px;
}
.curved-slider .slider-component-container.double-slider .slider-oval-end {
left: 24px;
margin-top: -7px;
top: -58px;
}
.curved-slider .slider-component-container .header-margin {
margin-top: 12px;
}
.curved-slider .slider-component-container .gradient-container {
position: absolute;
height: 140px;
width: 185px;
overflow: hidden;
border-top-right-radius: 50%;
border-top-left-radius: 50%;
}
.curved-slider .slider-component-container .gradient-background {
height: 205px;
width: 175px;
margin: auto;
background-image: conic-gradient(from 0.84turn, rgba(34, 40, 72, 0), rgba(62, 55, 140, 0.58) 0.03turn, rgba(128, 48, 89, 0.58) 0.27turn, rgba(34, 40, 72, 0) 0.32turn, rgba(34, 40, 72, 0));
}
.curved-slider .slider-component-container .component-container {
overflow: hidden;
height: 44px;
width: 169px;
margin-top: 0rem;
background: unset;
border: unset;
padding-top: 17px;
}
.curved-slider .slider-component-container .component-container .solid-line-container {
width: 165px;
height: 120px;
border-top-left-radius: 50%;
border-top-right-radius: 50%;
border: 2px solid #202846;
margin: unset;
padding: unset;
}
.curved-slider .slider-component-container .curved-slider-line {
background-image: linear-gradient(#e9e9e9, #e9e9e9), radial-gradient(circle at bottom left, #e9e9e9, #e9e9e9, #e9e9e9, #e9e9e9, #e9e9e9);
border-radius: 150px 150px 0 0;
border: double 4px transparent;
border-width: 0.0938rem;
border-style: solid;
border-bottom: 0;
background-origin: border-box;
background-clip: content-box, border-box;
}
.curved-slider .slider-component-container .curved-slider-solid-line {
width: 195px;
height: 195px;
border-top-left-radius: 50%;
border-top-right-radius: 50%;
border: 2px solid #202846;
margin: unset;
padding: unset;
margin-left: -15px;
}
.curved-slider .slider-component-container .lower-curve {
width: 130px;
height: 98px;
margin: auto;
margin-top: 43px;
position: relative;
bottom: 0;
border-top-right-radius: 50%;
border-top-left-radius: 50%;
}
.curved-slider .slider-component-container .slider-oval {
position: relative;
border-radius: 150px 150px 150px 150px;
width: 10px;
height: 10px;
background: #ced0d8;
color: #ced0d8;
border-color: #ced0d8;
box-shadow: 0 0 4px 0 #a196f2;
margin-top: -101.5px;
margin-left: 80.5px;
top: -101px;
z-index: 4;
}
.curved-slider .values {
width: 114px;
height: 100%;
margin: auto;
margin-left: 8px;
margin-top: -19px;
position: absolute;
display: inline-flex;
}
.curved-slider .values .unit-group {
position: relative;
bottom: 0px;
margin-top: auto;
width: 30px;
}
.curved-slider .values .unit {
font-size: 0.281rem !important;
position: relative;
}
.slider-knob-lg-inner {
width: 0.984rem;
height: 0.984rem;
border-radius: 50%;
transform: rotate(90deg);
background-image: linear-gradient(to right, #696969, #767676);
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.slider-knob-lg--outer {
width: 1.47rem !important;
height: 1.47rem !important;
margin-top: 0.447rem;
margin-bottom: 0.447rem;
padding: 0 0rem 0 0;
border-radius: 50%;
transform: rotate(90deg);
box-shadow: 0 -2px 1px 0 rgba(0, 0, 0, 0.5);
background-image: linear-gradient(to right, #888, #545454);
}
.table-list-item.cell-container {
width: 100%;
height: 100%;
/* text colors */
}
.table-list-item.cell-container .lock {
background-image: url(assets/images/BlueLock_711d87a56104c50398cc.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 0.75rem;
width: 1.09rem;
height: 1.09rem;
display: block;
justify-content: flex-end;
grid-area: lock;
}
.table-list-item.cell-container .Header2 {
text-transform: capitalize;
font-size: 0.719rem;
}
.table-list-item.cell-container.cell-border-dark {
border-right: solid 1px #747474;
box-sizing: border-box;
}
.table-list-item.cell-container.dark-grey-text .cell-text {
color: #949494;
}
.table-list-item.cell-container.blue-text .cell-text {
color: #5d7ca7;
}
.table-list-item.cell-container.white-text .cell-text {
color: #ffffff;
height: inherit;
margin: auto;
justify-content: center;
}
.table-list-item.header-title.cell-container .cell-text {
margin: auto;
justify-content: center;
}
.table-list-item.header-sub-title.cell-container {
box-shadow: inset -0.1px 2px 1.5px 0 rgba(255, 255, 255, 0.2), inset -0.3px 0.8px 0.5px 0 rgba(82, 82, 82, 0.2), inset 0.1px -2px 1.5px 0 rgba(0, 0, 0, 0.2);
border-left-color: rgba(216, 216, 216, 0.2);
border-left-style: solid;
border-left-width: 1px;
background-color: #444a53;
}
.table-list-item.row-title.cell-container {
display: grid;
grid-template-columns: auto 1.88rem;
grid-template-areas: "text lock";
border-left: unset;
min-width: 13rem;
width: inherit;
}
.table-list-item.row-title.cell-container .cell-text {
grid-area: text;
margin-right: auto;
margin-left: 0.469rem;
padding-right: 0.469rem;
}
.table-list-item.row-cell.cell-container {
background-image: unset !important;
background-color: unset !important;
}
.table-list-item.row-cell.cell-container .cell-text {
justify-content: start;
margin-left: 0.75rem;
margin-right: auto;
margin-left: 0.469rem;
padding-right: 0.469rem;
}
.table-list-item .align-text-right {
margin-left: auto;
margin-right: 0.344rem;
}
.table-list-item .align-text-left {
margin-right: auto;
margin-left: 0.469rem;
padding-right: 0.469rem;
}
.table-list-item .align-text-center {
margin: auto;
justify-content: center;
}
.table-list-item.table-header {
height: 1.53rem;
background-image: unset;
box-shadow: inset -0.1px 2px 1.5px 0 rgba(255, 255, 255, 0.2), inset -0.3px 0.8px 0.5px 0 rgba(82, 82, 82, 0.2), inset 0.1px -2px 1.5px 0 rgba(0, 0, 0, 0.2);
}
.table-list-item.table-header .grid-title {
grid-area: title;
border-left: unset;
}
.table-list-item.table-header .grid-cells {
grid-area: cells;
height: 100%;
display: inline-table;
}
.table-list-item.table-header .grid-cells .enyo-data-repeater-container {
display: inline-flex !important;
height: 100%;
}
.table-list-item.table-header-centered {
height: 1.25rem;
background-image: unset;
display: grid;
grid-template-areas: "title cells";
grid-template-columns: 9.22rem auto;
box-shadow: inset -0.1px 2px 1.5px 0 rgba(255, 255, 255, 0.2), inset -0.3px 0.8px 0.5px 0 rgba(82, 82, 82, 0.2), inset 0.1px -2px 1.5px 0 rgba(0, 0, 0, 0.2);
}
.table-list-item.table-header-centered .grid-title {
grid-area: title;
border-left: unset;
justify-items: center;
}
.table-list-item.table-header-centered .grid-cells {
grid-area: cells;
height: 100%;
display: inline-table;
}
.table-list-item.table-header-centered .grid-cells .enyo-data-repeater-container {
display: inline-flex !important;
height: 100%;
}
.table-list-item.dark-blue {
background-color: #444a53;
}
.table-list-item.dark-blue.header-sub-title.cell-container {
background-color: #444a53;
}
.border-blue-analytics {
display: inline-grid;
align-items: center;
width: 100%;
align-self: center;
text-align: center;
height: 1.34rem !important;
align-content: center;
border-top-color: #112c50;
border-top-style: solid;
border-top-width: 1px;
border-right-color: #112c50;
border-right-style: solid;
border-right-width: 1px;
border-bottom-color: #112c49;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: #112c50;
border-left-style: solid;
border-left-width: 1px;
border-image-source: initial;
border-image-slice: initial;
border-image-width: initial;
border-image-outset: initial;
border-image-repeat: initial;
box-sizing: border-box;
}
.table .column-40 {
display: inline-flex;
width: 40%;
}
.table .column-22 {
width: 22%;
}
.table .column-14 {
width: 14%;
}
.table .column-10 {
width: 10%;
}
.table .column-32 {
margin-top: 0.25rem;
width: 32%;
display: inline-flex;
}
.table .column-30 {
width: 30%;
}
.table .column-18 {
margin-top: 0.8em;
width: 18%;
display: inline-flex;
}
.table-repeater {
/*** ALL ***/
/*** HISTORY STYLE *****/
/****ZONES***/
height: 1.34rem !important;
/****HARDWARE***/
/****ENVIRONMENTAL***/
/****TEMPERATURES***/
/* above style should be deprecated and refactored */
/* New Clean Style */
}
.table-repeater.base-table-repeater .page-overflow {
height: fit-content !important;
}
.table-repeater .header-style {
overflow: hidden !important;
height: 1.34rem;
font-size: 0.656rem;
font-weight: bold;
color: #ffffff;
background-color: #4b6998;
}
.table-repeater .height-control {
height: 120px !important;
overflow: scroll;
}
.table-repeater .height-control.max-height {
height: fit-content !important;
}
.table-repeater .content-overflow {
overflow: hidden !important;
white-space: nowrap !important;
text-overflow: ellipsis !important;
height: fit-content !important;
}
.table-repeater .align-table-contents {
margin-top: auto;
margin-bottom: auto;
}
.table-repeater .column-style {
text-align: center;
box-sizing: border-box;
outline: solid 1.5px #5d7da7;
font-family: OpenSans-SemiBoldItalic;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
padding-top: 3px;
padding-left: 0.156rem;
align-items: center;
}
.table-repeater .column-style .analytics-style {
border-top-color: #5d7da7;
border-top-style: solid;
border-top-width: 0px;
border-right-color: #5d7da7;
border-right-style: solid;
border-right-width: 0px;
border-bottom-color: #5d7da7;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: #5d7da7;
border-left-style: solid;
border-left-width: 1px;
border-image-source: initial;
border-image-slice: initial;
border-image-width: initial;
border-image-outset: initial;
border-image-repeat: initial;
box-sizing: border-box;
}
.table-repeater .table-zones {
height: 1.34rem;
margin-top: 0rem !important;
font-size: 0.625rem;
width: 100%;
text-align: center;
font-weight: bold;
}
.table-repeater .center-zones {
margin-top: 0.25rem !important;
}
.table-repeater .table-hardware {
height: 1.34rem;
margin-top: 0rem !important;
margin-bottom: 0rem !important;
font-size: 0.625rem;
width: 100%;
text-align: center;
font-weight: bold;
}
.table-repeater .hardware-text {
font-family: OpenSans;
padding-left: 0.313rem;
}
.table-repeater .image-column {
height: 85%;
width: 3.13rem;
text-align: center;
display: inline-flex;
overflow: hidden;
justify-content: center !important;
align-items: center;
margin-left: 0.313rem;
}
.table-repeater .border-style {
height: 1.34rem;
align-items: center;
align-content: center;
display: inline-flex;
padding-top: 0rem !important;
margin-top: 0rem !important;
}
.table-repeater .table-row-cell {
align-self: center;
border-bottom: 1px solid #000;
border-left-style: solid;
border-left-width: 1px;
justify-content: center;
overflow: hidden;
display: inline-flex;
font-family: AvenirNext;
}
.table-repeater .table-row-cell.table-first-cell {
padding-left: 0rem !important;
justify-content: flex-start;
text-align: left !important;
justify-content: start;
}
.table-repeater .table-row-cell.table-last-cell {
border-right: 1px solid #000;
}
.table-repeater .table-row-cell.border-adjust {
padding-bottom: 1px;
padding-right: 1px;
}
.table-repeater .table-left-border {
border-left-color: black;
}
.table-repeater .table-environmental {
height: 1.34rem;
margin-top: 0rem !important;
font-size: 0.625rem;
width: 100%;
text-align: center;
font-weight: bold;
}
.table-repeater .table-temperatures {
height: 1.34rem;
margin-top: 0rem !important;
font-size: 0.625rem;
width: 100%;
text-align: center;
font-weight: bold;
}
.table-repeater .oval-text {
display: flex;
align-items: center;
justify-content: center;
}
.table-repeater .oval-green {
align-self: center;
border-radius: 50%;
width: 0.938rem;
height: 0.938rem;
min-width: 0.938rem;
min-height: 0.938rem;
border: solid 1px #a3a3a3;
background-color: #417505;
display: flex;
align-items: center;
justify-content: center;
}
.table-repeater .slash {
align-self: center;
font-family: AvenirNext;
margin-left: 0.313rem !important;
margin-right: 0.313rem !important;
}
.table-repeater .oval-grey {
align-self: center;
border-radius: 50%;
width: 0.938rem;
height: 0.938rem;
min-width: 0.938rem;
min-height: 0.938rem;
border: solid 1px #a3a3a3;
background-color: #a3a3a3;
display: flex;
align-items: center;
justify-content: center;
}
.hive-table-sample {
font-family: OpenSans-bold;
font-size: 14px;
}
.hive-table-sample .table {
width: 100%;
height: 90%;
border-collapse: collapse;
}
.hive-table-sample table {
border-spacing: 0px;
border-collapse: collapse;
}
.hive-table-sample .tableHeader td {
height: 24px;
background-color: #4b6998;
font-size: 13px;
font-weight: bold;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
color: #ffffff;
text-transform: uppercase;
}
.hive-table-sample tr:not(.tableHeader):not(.selected):hover td {
background-color: #d1d9f9;
}
.hive-table-sample tr {
height: 25px !important;
background-color: #ffffff;
}
.hive-table-sample tr:nth-child(odd) {
background-color: #dfe5ff;
}
.hive-table-sample td {
display: table-cell;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
border: solid 1.5px #5d7da7;
padding: 0px 10px;
font-weight: bold;
min-height: 0px!important;
font-size: 12px;
color: #3c3a46;
}
.hive-issue-contents.selected {
background-color: #888a8e !important;
color: white !important;
}
.hive-issue-contents.selected .hive-table-align-tableCell {
color: white;
}
.hive-display-flex {
display: flex!important;
}
.hive-table-align-tableCell {
display: inline-block;
vertical-align: top;
}
.hive-table-mr-half {
margin-right: 0.156rem !important;
}
.hive-table-svg-root {
height: 15px;
width: 30px;
float: left;
}
.hive-Table {
top: 33px !important;
padding: 0 20px;
}
.hive-Table-default {
top: 235px !important;
padding: 0 20px;
}
.hive-default-mt {
margin-top: 3.44rem !important;
}
.hive-default-image-mt {
margin-top: 6.88rem !important;
}
.hive-Table-default-image {
top: 426px !important;
margin-bottom: 3.75rem !important;
padding: 0 20px;
}
.hive-TabGroup {
background: linear-gradient(to bottom, #4a4a4a, #474747 56%, #3a3a3a);
}
.tab-group.folder {
text-shadow: unset;
font-size: 0.625rem;
border: unset;
border-radius: unset;
box-shadow: unset;
position: relative;
filter: drop-shadow(-3px 0 5px rgba(0, 0, 0, 0.4));
}
.tab-group.folder.active {
background-image: url(assets/images/horizontalTabWhiteSlanted_eae1ff87cf664f37e0eb.svg);
color: #3c3a46;
filter: drop-shadow(-3px 0 5px rgba(0, 0, 0, 0.2));
}
.tab-group.first-tab.folder.active {
background-image: url(assets/images/horizontalTabWhite_4fd15d37ed3c68dcbf25.svg);
}
.tab-group.grey-tab {
background-size: contain;
width: 10.3rem;
background-repeat: no-repeat;
height: 2.28rem;
background-color: unset;
}
.tab-group .grey-tab {
background-image: url(assets/images/horizontalTabGrey_91dedf5461900f738910.svg);
}
.tab-group .close-tab {
background-image: url(assets/images/closeTab_486b8836550d92314ef3.svg);
}
.tab-group .add-tab {
background-image: url(assets/images/Plus-white_dfdecf6128e16209983e.svg);
}
.TabPanel {
height: 100%;
background: #f3f3f3;
}
.TabPanelDecorator {
height: 100%;
}
.TabView {
background: #ffffff;
}
.TabView .level {
position: absolute;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
perspective: 800px;
}
.TabView .svg {
height: 100%;
width: 100%;
background: #ccd4eb;
transform: scale(0.7, 2) rotateX(75deg);
}
.TabView .floor-icon {
width: 6.25rem;
height: 1.06rem;
border-radius: 10.5px;
background-color: rgba(174, 177, 187, 0.37);
font-family: 'AvenirNext';
font-variation-settings: "wght" 500, "wdth" 100;
font-size: 0.719rem;
font-variation-settings: "wght" 700, "wdth" 100;
color: #ffffff;
text-align: center;
padding: 5px 0 6px 0;
position: absolute;
margin: auto;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.TabView .active .svg {
-moz-box-shadow: 0px 40px 50px -15px #a2a6b2;
-webkit-box-shadow: 0px 40px 50px -15px #a2a6b2;
box-shadow: 0px 40px 50px -15px #a2a6b2;
}
.TabView.overflow {
overflow: auto;
}
.hive-three {
position: absolute;
top: 0;
left: 0;
pointer-events: none;
}
.toggle-OnOff.onyx-toggle-button {
background: #84ad76 !important;
color: #ffffff;
border-radius: 20px;
}
.toggle-OnOff.onyx-toggle-button.off {
background-image: linear-gradient(to bottom, #888989, #333434) !important;
}
.toggle-OnOff.onyx-toggle-button .onyx-toggle-button-knob {
margin-top: -1px;
margin-left: -2px;
margin-right: -2px;
border-radius: 20px;
width: 26px;
height: 26px;
}
.hive-toolbar {
height: 2.81rem;
padding: 0 0.375rem 0 0.375rem;
display: flex;
align-items: center;
justify-content: center;
border: none;
z-index: 10;
position: relative;
}
.hive-toolbar--sub {
background: #a3a3a3;
justify-content: normal;
}
.hive-toolbar--sub .sub-background {
background: #595859;
border-radius: 0.0938rem;
}
.hive-toolbar--header {
height: 2.5rem;
padding: 0;
box-shadow: none;
}
.hive-toolbar--dark {
background-color: #555656;
}
.hive-toolbar--footer {
justify-content: normal;
padding: 0rem 0.375rem !important;
}
/* ToolButton.less */
.hive-tool-button-height,
.hive-tool-button-sized {
height: 1.56rem !important;
}
.hive-tool-button-sized {
width: 1.56rem !important;
padding: 0px !important;
margin: 0px !important;
}
.hive-tool-button-sub-sized {
height: 28px !important;
width: 28px !important;
}
.hive-tool-button-select {
background-image: url(assets/images/select_7e17bb25a866a00f0a8f.svg);
}
.hive-tool-button-connector {
background-image: url(assets/images/connector_bacb43ab9e45251aaf79.svg);
}
.hive-tool-button-back {
background-image: url(assets/images/back_412b05b5143db7675089.svg);
}
.hive-tool-button-text {
background-image: url(assets/images/text_25d448e834894b4a361e.svg);
}
.hive-tool-button-AddInstance {
background-image: url(assets/images/duplicate2_d5aa064a2e6e7e28bb99.svg);
}
.hive-tool-button-rotateleft {
background-image: url(assets/images/refresh2_9353ea7d8bf1add0a625.svg);
}
.hive-tool-button-flip {
background-image: url(assets/images/flip_c275cc74b7cd59c08a24.svg);
}
.hive-tool-button-group {
background-image: url(assets/images/Grouped_2e233dadf4556be49ebc.svg);
background-position: 4px 4px !important;
background-size: 22px !important;
}
.hive-tool-button-delete {
background-image: url(assets/images/delete_08c628eeabf71967ca83.svg);
}
.hive-tool-button-move {
background-image: url(assets/images/move_b507a2fe9bb21ee3dcad.svg);
}
.hive-tool-button-align {
background-image: url(assets/images/align-horizontal-left_98da8c92dfc3bb2d7b57.svg);
}
.hive-tool-button-align-hleft {
background-image: url(assets/images/align-horizontal-left_98da8c92dfc3bb2d7b57.svg);
}
.hive-tool-button-align-hcenter {
background-image: url(assets/images/align-horizontal-center_f9e9a95bdbf7015a2db8.svg);
}
.hive-tool-button-align-hright {
background-image: url(assets/images/align-horizontal-right_1e19ea69a36982fee13b.svg);
}
.hive-tool-button-align-vbottom {
background-image: url(assets/images/align-vertical-bottom_4bbc21b0bf79e50c7467.svg);
}
.hive-tool-button-align-vmiddle {
background-image: url(assets/images/align-vertical-middle_8a27789652fae03d9a6d.svg);
}
.hive-tool-button-align-vtop {
background-image: url(assets/images/align-vertical-top_5c514b8889931cfe3f36.svg);
}
.hive-tool-button-align-menu {
height: 90px;
background: -webkit-linear-gradient(#3c3c3c, #505050, #5b5b5b, #686868, #7b7b7b);
background: -o-linear-gradient(#3c3c3c, #505050, #5b5b5b, #686868, #7b7b7b);
background: -moz-linear-gradient(#3c3c3c, #505050, #5b5b5b, #686868, #7b7b7b);
background: linear-gradient(#3c3c3c, #505050, #5b5b5b, #686868), #7b7b7b;
border: none;
}
.hive-tool-button-align-menu:after {
left: 44% !important;
border-top: 10px solid #7b7b7b !important;
}
.hive-tool-button-align-menu .onyx-contextual-popup-title {
display: none !important;
}
.hive-tool-button-align-menu .onyx-contextual-popup-scroller {
padding: 5px !important;
}
.hive-tool-button-align-menu .row + .row {
margin-top: 20px;
}
.hive-tool-button-align-menu .row > div {
margin: 0 10px !important;
}
.hive-tool-button-zoom {
margin: 0px !important;
padding: 0px !important;
height: 31px !important;
}
.hive-tool-button-polyline {
background-image: url(assets/images/path_5c6e4f8a0342c248be4d.svg);
}
.hive-tool-button-rectangle {
background-image: url(assets/images/square_54268298719cd9732014.svg);
}
.hive-tool-button-copy-up {
background-image: url(assets/images/copy-up_e55a15b97322f05d04f1.svg);
}
.hive-tool-button-copy-down {
background-image: url(assets/images/copy-down_76a8126e037e887b0251.svg);
}
.hive-tool-button-upload {
background-image: url(assets/images/upload_b456de06327012c27f48.svg);
}
.hive-tool-button-color {
width: 17px;
height: 17px;
border: solid 1px black;
margin: 0px;
}
.hive-tool-button-color-picker-popup {
width: 300px;
height: 470px;
}
.hive-tool-button-color-picker-popup .onyx-contextual-popup-title {
display: none !important;
}
.hive-tool-button-color-picker-popup .onyx-contextual-popup-scroller {
padding: 5px !important;
}
.hive-tool-button-color-picker-popup .enyo-touch-scroller {
height: 470px;
}
.hive-tool-button-color-picker-popup .onyx-contextual-popup-scroller {
padding: 0px;
}
.hive-tool-button-color-picker-popup .enyo-touch-strategy-container {
display: block !important;
}
.hive-tool-button-color-picker-popup .default-color-box {
height: 15px;
margin: 2px;
}
.hive-tool-button-color-picker-popup .onyx-slider {
margin: 8px 12px 15px 12px;
}
.hive-tool-button-color-picker-popup .color-progress-bar {
height: 7px;
}
.hive-tool-button-color-picker-popup .onyx-slider-knob {
width: 30px;
height: 30px;
background: url(assets/images/color-slider-handle_8d8dcce0e050b62bd007.png) 0px 0px no-repeat;
margin: -17px -15px;
}
.hive-tool-button-color-picker-popup .onyx-slider-knob.active,
.hive-tool-button-color-picker-popup .onyx-slider-knob.pressed,
.hive-tool-button-color-picker-popup .onyx-slider-knob:active:hover {
background-position: 0 -30px;
}
.hive-tool-button-thickness {
background-image: url(assets/images/Thickness_070449a49e4b6541b43e.svg) !important;
background-position: center !important;
background-size: 1.09rem;
background-repeat: no-repeat;
}
.hive-tool-button-thickness.active,
.hive-tool-button-thickness.press {
background-position: center !important;
}
.hive-style-tool-result-container {
width: 70%;
}
.hive-tools-button-background {
width: 1.56rem !important;
padding: 0px !important;
margin: 0px !important;
}
.hive-tools-button-background .onyx-button {
background: -300px 2px no-repeat, linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0 !important;
}
.hive-tools-button-background-light {
width: 1.56rem !important;
padding: 0px !important;
margin: 0px !important;
}
.hive-tools-button-background-light .onyx-button {
background: #d5d5d5 !important;
}
.hive-tools-button-thickness {
width: 1.56rem !important;
padding: 0px !important;
margin: 0px !important;
}
.hive-tools-button-thickness.onyx-button {
background: -300px 2px no-repeat, linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0 !important;
}
.hive-style-tool-result {
padding: 8px;
font-size: 15px;
font-weight: bold;
}
.bt-toolbar-color-content {
width: 13px;
height: 13px;
border: 3px solid #000;
position: absolute;
transform: translate(-50%, -50%);
}
.color-picker-popup {
width: 360px !important;
height: 270px;
}
.color-picker-popup .onyx-contextual-popup-title {
display: none !important;
}
.color-picker-popup .onyx-contextual-popup-scroller {
padding: 5px !important;
}
.color-picker-popup .enyo-touch-scroller {
height: 270px;
}
.color-picker-popup .onyx-contextual-popup-scroller {
padding: 0px;
}
.color-picker-popup .enyo-touch-strategy-container {
display: block !important;
}
.color-picker-popup .default-color-box {
height: 15px;
margin: 2px;
}
.color-picker-popup .onyx-slider {
margin: 8px 12px 15px 12px;
}
.color-picker-popup .color-progress-bar {
height: 7px;
}
.color-picker-popup.light {
background: #d5d5d5 !important;
}
.color-picker-popup .onyx-slider-knob {
width: 30px;
height: 30px;
background: url(assets/images/color-slider-handle_8d8dcce0e050b62bd007.png) 0px 0px no-repeat;
margin: -17px -15px;
}
.color-picker-popup .onyx-slider-knob.active,
.color-picker-popup .onyx-slider-knob.pressed,
.color-picker-popup .onyx-slider-knob:active:hover {
background-position: 0 -30px;
}
.hive-color-picker-popup {
width: 250px;
height: 320px;
}
.hive-color-picker-popup.light {
background: #d5d5d5 !important;
}
.hive-color-picker-popup.light.onyx-contextual-popup.vertical::after {
border-bottom: 10px solid #d5d5d5;
}
.hive-color-picker-popup .onyx-contextual-popup-title {
display: none !important;
}
.hive-color-picker-popup .onyx-contextual-popup-scroller {
padding: 1% !important;
}
.hive-color-picker-popup .onyx-contextual-popup-scroller {
padding: 0px;
}
.hive-color-picker-popup .enyo-touch-strategy-container {
display: block !important;
}
.hive-color-picker-popup .default-color-box {
height: 15px;
margin: 2px;
}
.hive-color-picker-popup .onyx-slider {
margin: 12px 12px -10px 10px;
height: 12px !important;
}
.hive-color-picker-popup .color-progress-bar {
height: 7px;
}
.hive-color-picker-popup .onyx-slider-knob {
width: 33px;
height: 30px;
background: url(assets/images/color-hive-slider-handle_6699a436189fa60e2da8.png) 0px 0px no-repeat;
margin: none !important;
background-size: 126% 273%;
margin-top: -27px;
margin-bottom: 26px !important;
}
.hive-color-picker-popup .onyx-slider-knob.active,
.hive-color-picker-popup .onyx-slider-knob.pressed,
.hive-color-picker-popup .onyx-slider-knob:active:hover {
background-position: 0 -41px;
}
.hive-color-picker-popup.onyx-contextual-popup.vertical::after {
left: 46% !important;
}
.hive-tool-button-color-fill {
width: 17px;
height: 17px;
margin: 0px;
}
.hive-tool-button-color-fill.color-button {
border-style: solid;
border-width: 2px;
width: 0.938rem;
height: 0.938rem;
}
.hive-tool-button-color-fill-light {
width: 1.56rem !important;
height: 1.56rem !important;
margin: 0px;
}
.hive-tool-button-sized-light {
width: 2.5rem !important;
height: 2.5rem !important;
padding: 0px;
}
/*** TURNER WIDGETS ***/
.turner-widget {
flex-shrink: 0;
}
.turner-widget .oval {
display: flex;
align-items: center;
justify-content: center;
min-width: 0.938rem;
max-width: 0.938rem;
height: 0.938rem;
border-radius: 50%;
}
.turner-widget .oval.color {
background: linear-gradient(141deg, #48648a 20%, #6a8dbe 78%);
}
.turner-widget .arrow {
min-width: unset;
min-height: unset;
border-radius: unset;
transform: rotate(0deg);
}
.turner-widget .arrow.image {
margin-left: 0.156rem;
/** Once a standard arrow svg is created,
replace these three lines with,
background-image: svg-src ; **/
border-top: 0.375rem solid transparent;
border-bottom: 0.375rem solid transparent;
border-left: 0.5rem solid #8EA3C1;
}
.turner-widget.blue-theme .oval.color {
background: linear-gradient(to top, #828282, #979797);
}
.turner-widget.blue-theme .arrow.image {
border-left: 0.5rem solid #8EA3C1;
}
.turner-widget.dark-theme .arrow {
margin-right: 0.125rem;
}
.turner-widget.dark-theme .oval.color {
background: linear-gradient(to top, #828282, #979797);
}
.turner-widget.dark-theme .arrow.image {
border-left: 0.5rem solid #6a6a6a;
}
.turner-widget.orange-theme .oval.color {
background: linear-gradient(to right, #a46000 20%, #ed8b00 82%);
}
.turner-widget.orange-theme .arrow.image {
border-left: 0.5rem solid #efa53d;
}
.turner-widget.drag-handel {
display: inline-flex !important;
}
.turner-widget.drag-handel .oval {
margin: auto;
}
.turner-widget.drag-handel .arrow {
height: unset;
width: unset;
top: unset;
margin-top: unset;
transform: rotate(0deg);
}
.turner-widget.drag-handel.selected .oval {
transform: rotate(90deg);
}
.turner-widget.slidebar-turner-widget {
display: inline-flex !important;
width: 1.59rem;
}
.turner-widget.slidebar-turner-widget .oval {
margin: auto;
}
.turner-widget.slidebar-turner-widget .arrow {
min-width: unset;
min-height: unset;
border-radius: unset;
height: unset;
width: unset;
top: unset;
margin-top: unset;
transform: rotate(0deg);
}
.variable {
text-align: center;
}
.variable-wrapper {
display: inline-block;
}
.variable-wrapper .value {
display: inline;
float: left;
}
.variable-wrapper .unit {
display: inline;
float: left;
}
.variable-wrapper .unit--superscript {
font-size: 0.6em;
}
.variable.text-small .value {
font-size: 0.438rem;
}
.variable.text-small .unit {
font-size: 0.438rem;
}
.variable.text-expand .value {
font-size: 1.4vw;
}
.variable.text-expand .unit {
font-size: 1.4vw;
}
.variable.text-expand .unit--superscript {
font-size: 0.75vw;
}
.search-widget {
padding: 0;
border: solid 1px #000000;
border-radius: 3px;
background: #ffffff !important;
}
.search-widget > input {
max-width: 145px;
font-family: 'AvenirNext';
font-variation-settings: "wght" 500, "wdth" 100;
font-size: 0.719rem;
font-variation-settings: "wght" 700, "wdth" 100;
color: #3c3a46 !important;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 5px;
height: 12px;
line-height: 12px;
letter-spacing: normal;
margin-top: 6px;
}
.search-widget > input ::placeholder {
font-family: 'AvenirNext';
font-size: 0.719rem;
font-variation-settings: "wght" 500, "wdth" 100;
color: #949494;
}
.search-widget .search-icon {
height: 29px;
width: 29px;
float: left;
border-radius: 2.5px;
}
.search-widget .search-icon > img {
padding: 6px 9px;
width: 23px;
height: 24px;
margin: -4px 0px 0px -4px !important;
}
.search-widget-runtime {
padding: 0;
margin: 0.156rem !important;
border: solid 1px #000000;
width: 95% !important;
border-radius: 0.156rem;
background: #ffffff !important;
margin: 0.188rem !important;
font-size: 0.563rem;
font-size: 0.438rem;
max-height: 1.84rem;
font-family: 'AvenirNext';
font-variation-settings: "wght" 500, "wdth" 100;
font-size: 0.719rem;
font-size: 0.656rem;
color: #949494;
}
.search-widget-runtime > input {
max-width: 145px;
font-size: 0.563rem;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 5px;
height: 12px;
line-height: 12px;
letter-spacing: normal;
height: 100%;
margin-top: auto;
margin-bottom: auto;
font-family: 'AvenirNext';
font-variation-settings: "wght" 500, "wdth" 100;
font-size: 0.719rem;
font-variation-settings: "wght" 700, "wdth" 100;
color: #3c3a46 !important;
}
.search-widget-runtime ::placeholder {
font-family: 'AvenirNext';
font-variation-settings: "wght" 500, "wdth" 100;
font-size: 0.719rem;
font-size: 0.656rem;
color: #949494;
}
.search-widget-runtime .search-icon {
width: 20%;
height: 94%;
float: left;
border-radius: 2.5px;
display: inline-flex;
max-height: 1.56rem;
min-height: 1.56rem;
max-width: 1.56rem;
min-width: 1.56rem;
background: unset !important;
border: unset !important;
}
.search-widget-runtime .search-icon > img {
width: 50%;
height: 50%;
margin: auto !important;
padding: unset !important;
}
.search-widget-box .radio-button-group {
justify-content: space-between;
}
.search-widget-box .search-widget input {
padding: 10px !important;
}
.search-widget-box .search-widget .search-icon {
border: solid 1.5px #979797;
background: #d5d5d5;
}
.search-widget-box .search-widget .search-icon > img {
padding: 23% 25%;
}
.search-widget-box .field-decorator {
padding: unset;
padding-top: 0.313rem;
}
.search-widget-box .hive-tool-button-favorite.icon-size {
background-size: 16px !important;
background-position: 8px 7px !important;
}
.search-widget-box .hive-tool-button-alpha.icon-size {
background-size: 32px !important;
background-position: 0px 0px !important;
}
.search-widget-box .hive-tool-button-date.icon-size {
background-size: 20px !important;
background-position: 6px 5px !important;
}
.search-widget-box .hive-tool-button-error.icon-size {
background-size: 36px !important;
background-position: -2px -2px !important;
}
.search-widget-box .hive-search-toolbar .onyx-input-decorator .onyx-input {
color: #aaa6a6;
max-width: 100px !important;
}
.search-widget-box .hive-search-toolbar {
width: 217px;
height: 94.5px !important;
background-color: #575757;
border: solid 1px #000000;
padding: 3px 3px 3px 1px;
}
.search-widget-box .hive-search-toolbar > .search-widget {
width: 100% !important;
margin: 0;
}
.search-widget-box .hive-search-toolbar .hive-tool-button-background.onyx-button {
width: 37px !important;
height: 37px !important;
margin-right: 15px !important;
border-radius: 2px;
border: solid 1.5px #a7a7a7;
box-shadow: inset -0.1px 2px 1.5px 0 rgba(255, 255, 255, 0.2), inset -0.3px 0.8px 0.5px 0 rgba(82, 82, 82, 0.2), inset 0.1px -2px 1.5px 0 rgba(0, 0, 0, 0.2);
border: solid 0.8px #3b3b3b;
}
.search-widget-box .hive-search-toolbar .hive-BasicRadioGroup {
padding: 0 0 0.219rem;
}
.search-widget-box .hive-search-toolbar .hive-BasicRadioGroup .radio-tab {
padding-left: 2%;
}
.search-widget-box .search-widget {
width: 94%;
background: #eaeaea;
padding: 0px;
}
.button-style-wrapper {
position: absolute;
left: 7.19rem;
top: 0.25rem;
height: 30px;
width: 150px;
padding-left: 18px;
-webkit-border-radius: 0 5px 5px 0;
-moz-border-radius: 0 5px 5px 0;
border-radius: 0 5px 5px 0;
}
.button-style-wrapper button {
font-family: OpenSans-bold;
height: 26px;
padding: 2px 3.5px !important;
font-size: 12px;
line-height: 20px;
font-weight: bold;
color: #FFF;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.button-style-wrapper button.hive-bt-estimate {
background: -webkit-linear-gradient(#b08a44, #89612a, #785322, #8e6623);
background: -o-linear-gradient(#b08a44, #89612a, #785322, #8e6623);
background: -moz-linear-gradient(#b08a44, #89612a, #785322, #8e6623);
background: linear-gradient(#b08a44, #89612a, #785322, #8e6623);
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.button-style-wrapper button.hive-bt-accurate {
background: -webkit-linear-gradient(#87a97c, #508942, #417c3b, #51884c);
background: -o-linear-gradient(#87a97c, #508942, #417c3b, #51884c);
background: -moz-linear-gradient(#87a97c, #508942, #417c3b, #51884c);
background: linear-gradient(#87a97c, #508942, #417c3b, #51884c);
border-top-left-radius: 0;
border-bottom-left-radius: 0;
width: 50%;
}
.button-style-wrapper .est-acc {
background: url(assets/images/bg-setup-type_dc6f4c091d60bbf70378.png) no-repeat;
height: 31px !important;
font-size: 12px;
line-height: 25px !important;
color: #f2f2f2;
padding: 1.8% 8% 2% 9%;
border: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
width: 130%;
}
.button-style-wrapper .est-acc-wrapper {
margin-left: 6%;
width: 88%;
box-shadow: -4px 6px 6px 1px rgba(0, 0, 0, 0.5);
margin-top: -1px;
}
.hive-WiringLabel {
font-family: OpenSans-bold;
height: 28px;
width: 202px;
display: inline-block;
color: #000;
font-weight: bold;
font-size: 12px;
line-height: 28px;
white-space: nowrap;
z-index: 1000;
}
.hive-WiringLabel .label {
width: 180px;
height: 52px;
border-style: solid;
border-left-style: none;
border-radius: 0px 15px 15px 0px;
border-width: 3px;
border-color: #000;
overflow: hidden;
}
.hive-WiringLabel .text {
padding-left: 60px;
display: block;
text-align: center;
line-height: 52px;
white-space: nowrap;
}
.hive-WiringLabel .text .zone-name {
line-height: 38px;
padding-left: 25px;
text-align: start;
}
.hive-WiringLabel .text .sensor-name {
line-height: 1px;
padding-left: 25px;
text-align: start;
}
.hive-WiringLabel .wire-container {
position: absolute;
top: 0px;
left: 0px;
width: 50px;
}
.hive-WiringLabel .wire-container .wire-flag-drag {
height: 22px;
width: 50px;
border-radius: 0px 10px 10px 0px;
background-color: #61615C;
background-size: 15px 15px;
background-position: 30px center ;
opacity: 0.9;
background-repeat: no-repeat;
}
.hive-WiringLabel .label-up {
border-style: solid;
border-top-style: none;
border-radius: 0px 0px 15px 15px;
border-width: 3px;
border-color: #000;
overflow: hidden;
margin-top: -8%;
text-align: center;
transition: all 500ms;
transform-origin: top;
}
.hive-WiringLabel .label-up .label-text-placed {
height: 65%;
writing-mode: vertical-rl;
text-align: right;
margin: 0 auto;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.hive-WiringLabel .selector-el {
text-align: center;
margin: 0 auto;
height: 25px;
font-weight: bold;
color: white;
}
.hive-WiringLabel .selector-el:hover {
border-style: solid;
border-width: 1px;
}
.hive-WiringLabel .wire-flag {
height: 40px;
width: 22px;
border-radius: 0px 0px 10px 10px;
justify-self: center;
margin-top: -50%;
background-color: #61615C;
background-repeat: no-repeat;
opacity: 0.9;
background-position: center 20px;
background-size: 15px 15px;
transform-origin: top;
transition: all 500ms;
box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2);
}
.hive-WiringLabel .wire-flag-down {
height: 40px;
width: 100%;
border-radius: 10px 10px 0px 0px;
background-color: #61615C;
opacity: 0.9;
justify-self: center;
margin-bottom: -50%;
background-position: center 3px;
background-size: 15px 15px;
background-repeat: no-repeat;
transform-origin: bottom;
box-shadow: 0px -2px 3px rgba(0, 0, 0, 0.2);
transition: all 500ms;
}
/* File Popup */
.hive-file-popup {
position: absolute;
color: #000;
font-weight: bold;
cursor: pointer;
}
.Up {
transform: rotate(90deg);
}
.base-distribution-widget {
display: inline-flex;
background-color: #393838;
border-radius: 5px;
width: fit-content;
}
.base-distribution-widget.property {
height: 3.13rem;
}
.base-distribution-widget.query {
height: 3.5rem;
}
.base-distribution-widget.query .hive-distribution-popup {
height: 2.81rem !important;
max-height: 2.81rem;
width: 2.94rem !important;
border-radius: 3px;
}
.base-distribution-widget.query .input-container {
width: 100%;
padding-bottom: 0.234rem;
display: block;
}
.base-distribution-widget.query .input-container .value-input {
padding: unset;
margin: unset;
width: 7.5rem;
}
.base-distribution-widget.query .input-container .value-input .onyx-input-decorator {
padding: unset;
}
.base-distribution-widget.query .input-container .value-input .symbol-alignment {
display: none;
}
.base-distribution-widget.query .flex-spacer1 {
width: 0rem;
}
.base-distribution-widget.query .icon1 {
width: 0rem;
}
.base-distribution-widget .distribution-button-base {
display: inline-flex;
width: 3.44rem;
}
.property-details-widget {
align-items: center;
display: inline-flex;
padding: 0.234rem;
box-sizing: border-box;
}
.property-details-widget .Body-TextLight {
font-size: 0.5rem;
text-transform: uppercase;
margin-left: 0.375rem;
}
.property-details-widget .unit-picker-container {
padding-top: 0.156rem;
width: 3.44rem;
}
.property-details-widget .unit-picker-container .unit-selector .hive-picker-button {
width: 2.81rem;
min-width: 2.81rem;
height: 1.56rem;
box-shadow: unset;
background-color: transparent !important;
border: unset !important;
}
.property-details-widget .unit-picker-container .unit-selector .hive-picker-button .title {
color: #e5e5e5;
font-variation-settings: "wght" 500, "wdth" 100;
overflow: hidden;
width: 1.5rem;
text-transform: capitalize;
font-size: 0.531rem;
}
.property-details-widget .unit-picker-container .unit-selector .hive-picker-button .arrow {
margin-left: 0rem;
background: url(assets/images/list-pointer-arrow_83b1ee8cd3aa55dbeb2d.svg) no-repeat center;
background-size: 0.531rem 0.531rem;
width: 0.531rem;
height: 0.531rem;
}
.property-details-widget .unit-picker-container .unit-selector .Body-TextLight {
margin-left: 0.313rem;
font-variation-settings: "wght" 400, "wdth" 100;
font-size: 0.438rem;
}
.property-details-widget .unit-picker-container .Body-TextLight {
margin-top: -0.281rem;
font-size: 0.428rem;
text-transform: uppercase;
margin-left: 0.313rem;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.property-details-widget .distribution-spacer {
max-width: 0.313rem;
}
.property-details-widget .distribution-controls {
border-radius: 0px 5px 5px 0px;
}
.property-details-widget .distribution-controls .maintain-width {
width: fit-content !important;
display: inline-flex;
max-width: unset;
}
.property-details-widget .checkbox-container {
display: inline-grid;
height: 100%;
margin-left: 0.469rem;
}
.property-details-widget .checkbox-container .checkboxGroup {
margin-left: 0.156rem;
padding-top: 0rem;
height: 100%;
padding: unset;
display: inline-flex;
width: 4.06rem;
position: relative;
}
.property-details-widget .checkbox-container .single-checkbox {
margin-left: 0.469rem;
height: 50%;
}
.distribution-widget {
height: inherit;
align-items: center;
display: inline-flex;
box-sizing: border-box;
display: block;
}
.distribution-widget .Body-TextLight {
display: block;
font-size: 0.5rem;
text-transform: uppercase;
margin-left: 0.125rem;
color: #5a5960;
font-variation-settings: "wght" 800, "wdth" 90;
}
.distribution-widget .unit-picker-container {
padding-top: 0.156rem;
width: 3.44rem;
}
.distribution-widget .unit-picker-container .unit-selector .hive-picker-button {
width: 2.81rem;
min-width: 2.81rem;
height: 1.56rem;
box-shadow: unset;
background-color: transparent !important;
border: unset !important;
}
.distribution-widget .unit-picker-container .unit-selector .hive-picker-button .title {
color: #e5e5e5;
font-variation-settings: "wght" 500, "wdth" 100;
overflow: hidden;
width: 1.25rem;
text-transform: capitalize;
font-size: 0.531rem;
}
.distribution-widget .unit-picker-container .unit-selector .hive-picker-button .arrow {
margin-left: 0rem;
background: url(assets/images/list-pointer-arrow_83b1ee8cd3aa55dbeb2d.svg) no-repeat center;
background-size: 0.531rem 0.531rem;
width: 0.531rem;
height: 0.531rem;
}
.distribution-widget .unit-picker-container .unit-selector .Body-TextLight {
margin-left: 0.313rem;
font-variation-settings: "wght" 400, "wdth" 100;
font-size: 0.438rem;
}
.distribution-widget .unit-picker-container .Body-TextLight {
margin-top: -0.281rem;
font-size: 0.428rem;
text-transform: uppercase;
margin-left: 0.313rem;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.distribution-widget .distribution-spacer {
max-width: 0.313rem;
}
.distribution-widget .distribution-controls {
border-radius: 0px 5px 5px 0px;
height: 100%;
width: 100%;
}
.distribution-widget .distribution-controls .maintain-width {
width: fit-content !important;
display: inline-flex;
max-width: unset;
}
.distribution-widget .checkbox-container {
display: inline-grid;
height: 100%;
margin-left: 0.469rem;
}
.distribution-widget .checkbox-container .checkboxGroup {
margin-left: 0.156rem;
padding-top: 0rem;
height: 100%;
padding: unset;
display: inline-flex;
width: 4.06rem;
position: relative;
}
.distribution-widget .checkbox-container .single-checkbox {
margin-left: 0.469rem;
height: 50%;
}
.property-value-widget {
margin-top: auto !important;
margin-bottom: auto !important;
padding-right: 1.45rem;
}
.property-value-widget .value-box {
height: 2.81rem;
border-radius: 3px;
}
.property-value-widget .value-box .value-input-container {
margin-left: 0.25rem;
display: inline-flex;
align-content: center;
align-items: center;
justify-content: center;
}
.property-value-widget .value-box .value-input {
width: 3.13rem;
height: 1.83rem;
text-align: end;
background-image: linear-gradient(to bottom, #f3f3f3, #f3f3f3);
border-radius: 3px;
}
.property-value-widget .value-box .enyo-input {
width: 4.22rem;
height: 1.56rem;
text-align: end;
}
.property-value-widget.light-value-widget .value-box {
background-color: rgba(188, 188, 188, 0.85);
box-shadow: inset 0.1px -1px 10px 0 rgba(0, 0, 0, 0.24), inset -0.1px 1px 10px 0 rgba(255, 255, 255, 0.86), inset 0 1px 9px 0 rgba(97, 97, 97, 0.24);
}
.property-value-widget.light-value-widget .value-box .unit-picker-container .text-color {
color: #6f6f6f;
color: #5a5960;
font-variation-settings: "wght" 700, "wdth" 100;
}
.property-value-widget.light-value-widget .value-box .unit-picker-container .unit-selector .hive-picker-button .title {
color: #6f6f6f;
color: #252526;
font-variation-settings: "wght" 600, "wdth" 100;
}
.property-value-widget.light-value-widget .text-color {
color: #6f6f6f;
color: #5a5960;
font-variation-settings: "wght" 700, "wdth" 100;
}
.property-value-widget.dark-value-widget .value-box {
box-shadow: inset 0.1px -1px 10px 0 rgba(0, 0, 0, 0.43), inset -0.1px 1px 10px 0 rgba(255, 255, 255, 0.4), inset 0 1px 9px 0 rgba(66, 65, 65, 0.69);
background-color: #5c5c5c;
}
.property-value-widget.dark-value-widget .value-box .unit-picker-container .text-color {
color: #aeaeae;
}
.property-value-widget.dark-value-widget .text-color {
color: #aeaeae;
}
.field-decorator .pl-search {
text-align: start;
padding: calc(var(--hit-scale-factor) * 0.313rem) 0;
border: solid 2px black;
height: calc(var(--hit-scale-factor) * 1.09rem);
}
.field-decorator .pl-search img {
background-size: contain;
background-repeat: no-repeat;
height: calc(var(--hit-scale-factor) * 0.906rem);
margin: 0 calc(var(--hit-scale-factor) * 0.406rem) 0 calc(var(--hit-scale-factor) * 0.5rem);
}
.field-decorator .pl-search input {
all: unset;
font-family: 'AvenirNext';
font-variation-settings: "wght" 550, "wdth" 100;
font-size: calc(var(--hit-scale-factor) * 0.625rem);
}
.field-decorator .pl-search input::placeholder {
font-family: 'AvenirNext';
font-variation-settings: "wght" 500, "wdth" 100;
font-size: calc(var(--hit-scale-factor) * 0.625rem);
color: #908f95;
font-style: italic;
}
.FVSearchField .ImageBox {
background-color: #d5d5d5;
border-radius: 2px;
border: solid 1.5px #979797;
margin-right: 0.25rem;
margin-left: 0rem;
}
.SearchWidgetDecorator {
padding: 0.563rem;
}
.SearchWidget2 {
background-color: #575757;
padding: 0.281rem 0.438rem;
border-top: solid 1.5px #000000;
border-bottom: solid 1.5px #000000;
}
.SearchWidget2 .SearchWidget-Icons {
display: flex;
justify-content: space-between;
margin-bottom: 0.281rem;
}
.EstimateAccurate2 {
display: inline-flex;
}
.EstimateAccurate2 .popup2 {
display: flex;
height: 35px;
position: absolute;
padding: 5px;
background: #5b5b5b;
border-radius: 0;
border: 0;
-webkit-clip-path: polygon(100% 0%, 100% 50%, 100% 100%, 15% 100%, 0% 50%, 15% 0);
clip-path: polygon(100% 0%, 100% 50%, 100% 100%, 15% 100%, 0% 50%, 15% 0);
}
.EstimateAccurate2 .popup2 .popup-button {
height: 100%;
padding: 0px 4px;
border-top: 1px solid #3B3B3B;
border-bottom: 1px solid #3B3B3B;
box-shadow: inset -0.1px 2px 0.5px 0 rgba(255, 255, 255, 0.2), inset -0.3px 0.8px 0.5px 0 rgba(82, 82, 82, 0.2), inset 0.1px -2px 1.5px 0 rgba(0, 0, 0, 0.2);
font-family: 'OpenSans-Bold';
font-size: 16px;
text-align: center;
color: #ffffff;
}
.EstimateAccurate2 .popup2 .popup-button.estimate {
margin-left: 27px;
background: #b89763;
border-left: 1px solid #3B3B3B;
border-right: 0;
border-radius: 3px 0 0 3px;
}
.EstimateAccurate2 .popup2 .popup-button.accurate {
background: #84ad76;
border-right: 1px solid #3B3B3B;
border-left: 0;
border-radius: 0 3px 3px 0;
}
.EstimateAccurate2 .popup2 .popup-button.pressed {
box-shadow: inset -0.1px 2px 0.5px 0 rgba(0, 0, 0, 0.2), inset -0.3px 0.8px 0.5px 0 rgba(82, 82, 82, 0.2), inset 0.1px -2px 1.5px 0 rgba(255, 255, 255, 0.2);
}
.EstimateAccurate2 .tick {
background-size: 25px 25px;
background-position: center;
background-repeat: no-repeat;
width: 45px;
margin-left: -45px;
}
.EstimateAccurate2 .tick.EstimateTick {
background-image: url(assets/images/u-value-estimate_cd2ab0c1174766bcb90b.png);
}
.EstimateAccurate2 .tick.AccurateTick {
background-image: url(assets/images/u-value-accurate_17d7fdab3bab469b1c6d.png);
}
.SensorValue {
display: flex;
color: #ffffff;
}
.SensorValue .sensor-value {
font-size: 2.88rem;
}
.SensorValue .sensor-units {
font-size: 0.875rem;
}
.RepeaterSensorValue {
display: flex;
color: #3c3a46;
}
.RepeaterSensorValue .repeater-sensor-value {
font-size: 0.656rem;
}
.RepeaterSensorValue .repeater-sensor-units {
font-size: 0.469rem;
}
.cursor-alias {
cursor: alias;
}
.cursor-all-scroll {
cursor: all-scroll;
}
.cursor-auto {
cursor: auto;
}
.cursor-cell {
cursor: cell;
}
.cursor-context-menu {
cursor: context-menu;
}
.cursor-col-resize {
cursor: col-resize;
}
.cursor-copy {
cursor: copy;
}
.cursor-crosshair {
cursor: crosshair;
}
.cursor-default {
cursor: default;
}
.cursor-e-resize {
cursor: e-resize;
}
.cursor-ew-resize {
cursor: ew-resize;
}
.cursor-grab {
cursor: grab;
}
.cursor-grabbing {
cursor: grabbing;
}
.cursor-help {
cursor: help;
}
.cursor-move {
cursor: move;
}
.cursor-n-resize {
cursor: n-resize;
}
.cursor-ne-resize {
cursor: ne-resize;
}
.cursor-nesw-resize {
cursor: nesw-resize;
}
.cursor-ns-resize {
cursor: ns-resize;
}
.cursor-nw-resize {
cursor: nw-resize;
}
.cursor-nwse-resize {
cursor: nwse-resize;
}
.cursor-no-drop {
cursor: no-drop;
}
.cursor-none {
cursor: none;
}
.cursor-not-allowed {
cursor: not-allowed;
}
.cursor-pointer {
cursor: pointer;
}
.cursor-progress {
cursor: progress;
}
.cursor-row-resize {
cursor: row-resize;
}
.cursor-s-resize {
cursor: s-resize;
}
.cursor-se-resize {
cursor: se-resize;
}
.cursor-sw-resize {
cursor: sw-resize;
}
.cursor-text {
cursor: text;
}
.cursor-w-resize {
cursor: w-resize;
}
.cursor-wait {
cursor: wait;
}
.cursor-zoom-in {
cursor: zoom-in;
}
.cursor-zoom-out {
cursor: zoom-out;
}
.cursor-pencil {
cursor: url(assets/images/lead-pencil_518fa4edf11ab07472e1.svg) 3 22, crosshair;
}
.carousel-dashboard {
background-color: #333333;
padding: 0;
margin: 0;
}
.carousel-dashboard .three-div {
background: rgba(128, 0, 255, 0.2);
color: #d7f;
font-family: Arial, Helvetica, Sans-serif;
padding: 0.5em;
opacity: 1;
border: 1px solid rgba(255, 255, 255, 0.6);
cursor: pointer;
text-align: center;
}
.carousel-dashboard .fdiv {
position: relative;
cursor: pointer;
text-align: center;
opacity: 1;
}
.carousel-dashboard .three-div:hover {
background: #8000ff;
border: 1px solid #ffffff;
}
.carousel-dashboard .wrapper {
position: relative;
border: 0.1em solid #30316e;
font-size: 48px;
}
.carousel-dashboard .title {
position: absolute;
right: -1em;
bottom: -1em;
padding: 0.3em;
font-size: 48px;
border-radius: 1em;
background: #30316e;
opacity: 0.8;
color: #fff;
}
.carousel-dashboard .graph {
position: absolute;
bottom: -4em;
left: -4em;
opacity: 1;
background: none;
}
.carousel-dashboard .badge {
position: absolute;
top: -1em;
right: -1em;
font-size: 48px;
padding: 0em;
min-width: 1.5em;
min-height: 1.5em;
line-height: 1.5em;
border-radius: 50%;
background: #8f3333;
color: #fff;
font-family: OpenSans-Bold;
}
.enyo-scrim.enyo-scrim-transparent {
display: none;
}
.enyo-scrim.enyo-scrim-translucent {
opacity: 0.45;
background-color: #9c9a9a;
pointer-events: auto;
}
.enyo-scroller::-webkit-scrollbar {
display: none;
width: 0px;
background: transparent;
}
::-webkit-scrollbar {
display: none;
width: 0px;
/* Remove scrollbar space */
background: transparent;
/* Optional: just make scrollbar invisible */
}
.form-equipment .hive-tool-picker-light .hive-tool-picker-select-value {
line-height: 16px !important;
}
.form-equipment .hive-tool-picker-light.onyx-button > img {
padding: 1px 6px 3px !important;
}
.form-equipment .heading-title {
text-align: center;
font-size: 14px;
}
.form-equipment .box {
padding: 10px;
}
.form-equipment .box-name,
.form-equipment .type-name {
padding-bottom: 5px;
}
.form-equipment .row + .row {
padding-top: 20px;
}
.form-equipment .footer {
overflow: visible;
}
.form-equipment .footer .bt-move {
margin-left: 50px !important;
}
.form-equipment .footer .bt-connector2,
.form-equipment .footer .bt-line-thickness,
.form-equipment .footer .bt-group,
.form-equipment .footer .bt-look {
margin-left: 30px !important;
}
.form-equipment .hive-tool-picker-text.onyx-button > img {
float: right !important;
margin-top: 8px;
}
.form-equipment .equipment-picker .hive-tool-picker-text > img {
float: right !important;
margin: 8px -10px 0 0 !important;
}
.form-equipment .animation-picker .hive-tool-picker-text.onyx-button > img {
float: right !important;
margin-top: 8px;
}
.form-equipment .widget {
width: 200px;
color: #8f8d8d;
font-size: 12px;
font-weight: bold;
}
.form-equipment .widget .animation-type {
margin: 0px 10px;
padding: 30px 0 40px 0;
border-bottom: solid 2px #8f8d8d;
background: url(assets/images/bg-component-animation-type_1188a01def43d9b3242d.png) 5px 66px no-repeat;
}
.form-equipment .widget .animation-type button {
background-size: 8px 5px;
}
.form-equipment .widget .animation-type .child {
padding-left: 10px;
}
.form-equipment .widget .animation-type .child button {
margin-left: 5px !important;
background-size: 8px 5px;
}
.form-equipment .widget .animation-type .onyx-button {
padding: 0px !important;
height: 27px !important;
}
.form-equipment .widget .show {
height: 200px;
background: -webkit-linear-gradient(#ecb7ae, #d8bcc5, #c2c1de);
background: -o-linear-gradient(#ecb7ae, #d8bcc5, #c2c1de);
background: -moz-linear-gradient(#ecb7ae, #d8bcc5, #c2c1de);
background: linear-gradient(#ecb7ae, #d8bcc5, #c2c1de);
border: solid 1px #000;
margin: 30px 20px;
}
.form-equipment .main-content {
background: url(assets/images/bg-equipment_3b216751b01eeaf77e0e.png) 0 0 repeat;
}
.form-equipment .editor {
width: 300px;
color: #8f8d8d;
font-size: 12px;
font-weight: bold;
}
.form-equipment .editor .child {
padding: 30px 0 0 40px;
background: url(assets/images/bg-component-advanced_07fb7d7a205f71294ece.png) 17px -82px no-repeat;
}
.form-equipment .editor .child > div + div {
margin-top: 13px;
}
.form-equipment .editor .child > div > * + * {
margin-left: 10px;
}
.form-equipment .editor button.equipment-type {
width: 170px !important;
background: url(assets/images/picker_e69a499c3849345e7f53.png) 155px 10px no-repeat, -webkit-linear-gradient(#fcfbfb, #f2f2f2, #ececed) 0 0 !important;
background: url(assets/images/picker_e69a499c3849345e7f53.png) 155px 10px no-repeat, -o-linear-gradient(#fcfbfb, #f2f2f2, #ececed) 0 0 !important;
background: url(assets/images/picker_e69a499c3849345e7f53.png) 155px 10px no-repeat, -moz-linear-gradient(#fcfbfb, #f2f2f2, #ececed) 0 0 !important;
background: url(assets/images/picker_e69a499c3849345e7f53.png) 155px 10px no-repeat, linear-gradient(#fcfbfb, #f2f2f2, #ececed) 0 0 !important;
background: url(assets/images/picker_e69a499c3849345e7f53.png) 155px 10px no-repeat, -webkit-linear-gradient(#fcfbfb, #f2f2f2, #ececed) 0 0 !important;
background: url(assets/images/picker_e69a499c3849345e7f53.png) 155px 10px no-repeat, -o-linear-gradient(#fcfbfb, #f2f2f2, #ececed) 0 0 !important;
background: url(assets/images/picker_e69a499c3849345e7f53.png) 155px 10px no-repeat, -moz-linear-gradient(#fcfbfb, #f2f2f2, #ececed) 0 0 !important;
background: url(assets/images/picker_e69a499c3849345e7f53.png) 155px 10px no-repeat, linear-gradient(#fcfbfb, #f2f2f2, #ececed) 0 0 !important;
background-size: 8px 5px;
}
.form-equipment .editor button.child-type {
width: 110px !important;
padding: 2px 10px !important;
background: url(assets/images/picker_e69a499c3849345e7f53.png) 95px 10px no-repeat, -webkit-linear-gradient(#fcfbfb, #f2f2f2, #ececed) 0 0 !important;
background: url(assets/images/picker_e69a499c3849345e7f53.png) 95px 10px no-repeat, -o-linear-gradient(#fcfbfb, #f2f2f2, #ececed) 0 0 !important;
background: url(assets/images/picker_e69a499c3849345e7f53.png) 95px 10px no-repeat, -moz-linear-gradient(#fcfbfb, #f2f2f2, #ececed) 0 0 !important;
background: url(assets/images/picker_e69a499c3849345e7f53.png) 95px 10px no-repeat, linear-gradient(#fcfbfb, #f2f2f2, #ececed) 0 0 !important;
background: url(assets/images/picker_e69a499c3849345e7f53.png) 95px 10px no-repeat, -webkit-linear-gradient(#fcfbfb, #f2f2f2, #ececed) 0 0 !important;
background: url(assets/images/picker_e69a499c3849345e7f53.png) 95px 10px no-repeat, -o-linear-gradient(#fcfbfb, #f2f2f2, #ececed) 0 0 !important;
background: url(assets/images/picker_e69a499c3849345e7f53.png) 95px 10px no-repeat, -moz-linear-gradient(#fcfbfb, #f2f2f2, #ececed) 0 0 !important;
background: url(assets/images/picker_e69a499c3849345e7f53.png) 95px 10px no-repeat, linear-gradient(#fcfbfb, #f2f2f2, #ececed) 0 0 !important;
background-size: 8px 5px;
}
.form-equipment .editor input {
width: 100px;
}
.form-equipment .editor .equipment-picker .hive-tool-picker-text {
width: 109px !important;
}
.form-equipment .line-tool-picker .hive-tool-button-sized {
height: 35px !important;
margin-top: 2px !important;
}
.form-equipment .stroke-color-picker {
margin-top: 2px !important;
height: 32px !important;
}
.form-equipment .tool-button-alignment {
margin-top: 0px !important;
}
.form-equipment .color-fill-content {
margin-top: -1px !important;
margin-left: 5px !important;
}
.form-equipment .color-fill-content.align-color-fill {
margin-top: 2px !important;
margin-left: 0.156rem !important;
height: 32px !important;
}
.form-equipment .color-fill-content.align-color-fill .background {
box-shadow: unset !important;
}
.Eula-Panel {
background: #fff;
font-family: 'AvenirNext';
}
.Eula-Panel .subheading {
font-weight: bold;
font-size: 1.88rem;
text-align: center;
}
.Eula-Panel .eula-panel {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
justify-content: flex-start;
background-color: #444a53;
}
.Eula-Panel .container {
padding: 5%;
width: 75%;
background-color: #fff;
margin: 0 auto 150px;
box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.75);
border-radius: 0 0 15px 15px;
display: flex;
flex-direction: column;
align-items: center;
}
@media only screen and (max-width: 600px) {
.Eula-Panel .container {
padding: 5% 5% 30% 5%;
width: 95%;
}
}
.Eula-Panel .container a:link {
color: #4990D0;
text-decoration: underline;
}
.Eula-Panel .container b,
.Eula-Panel .container strong {
color: #515151;
}
.Eula-Panel .container .eula-text {
border-style: none;
text-align: left;
}
.Eula-Panel .container li {
list-style: disc;
}
.Eula-Panel .container ul {
padding-left: 2.13rem;
}
.Eula-Panel .container h1,
.Eula-Panel .container h2,
.Eula-Panel .container h3,
.Eula-Panel .container h4,
.Eula-Panel .container h5,
.Eula-Panel .container h6 {
color: #25292e;
}
.Eula-Panel .container h2 {
font-family: 'AvenirNext';
font-variation-settings: "wght" 600, "wdth" 100;
}
.Eula-Panel .container h3 {
font-family: 'AvenirNext';
font-variation-settings: "wght" 600, "wdth" 100;
}
.Eula-Panel .container b {
color: #515151;
font-family: 'AvenirNext';
font-variation-settings: "wght" 600, "wdth" 100;
}
.Eula-Panel .container p {
color: #3c3a46;
line-height: 115%;
text-align: left;
page-break-inside: auto;
orphans: 2;
widows: 2;
margin-bottom: 0.1in;
border: none;
padding: 0in;
direction: ltr;
background: transparent;
page-break-before: auto;
page-break-after: auto;
}
.Eula-Panel .container button {
margin: 0.938rem auto auto auto;
}
.Eula-Panel .eula-scroller {
margin-bottom: 0.75in;
height: 100vh;
}
.eventviewer-top {
font-family: OpenSans-bold;
font-size: 14px;
width: 100%;
height: 100%;
}
.eventviewer-item {
display: flex;
align-items: center;
justify-content: space-between;
height: 1.31rem;
border: 1px solid black;
margin: -1px 0 0 -1px;
font-size: 0.625rem;
color: #3c3a46;
font-family: 'OpenSans-Bold';
}
.eventviewer-item img {
width: 15px;
height: 15px !important;
margin-left: 6px;
margin-right: 6px;
vertical-align: middle;
}
.eventviewer-item:hover {
background-color: #d1d9f9 !important;
}
.eventviewer-item.selected {
background-color: #d1daff !important;
color: #3c3a46 !important;
}
.eventviewer-item.selected::after {
border-top: 12px solid transparent;
border-bottom: 12px solid transparent;
border-right: 15px solid #474747;
content: '';
z-index: 200;
}
.eventviewer-item .resolved {
text-decoration: line-through;
}
.eventviewer-item:nth-child(even) {
background-color: #eff1f9;
}
.eventviewer-item:nth-child(odd) {
background-color: #ffffff;
}
.form-fileviewer .left-panel {
background: #474747;
}
.form-fileviewer .order-buttons {
margin-left: 5px;
width: 28px;
}
.form-fileviewer .beige-background {
background-color: #ececec;
}
.form-fileviewer .right-panel.box-shadow {
box-shadow: -6px 0 8px 0 rgba(0, 0, 0, 0.5);
}
.form-fileviewer .right-panel .align-status-selector {
display: flex;
align-items: center;
padding: 0.75rem 0.938rem;
}
.form-fileviewer .right-panel .align-status-selector .status-title {
margin-right: 0.938rem;
}
.form-fileviewer .right-panel .event-detail-view {
background-color: #454545;
float: right;
height: 100%;
border-left: 0.281rem solid #454545;
border-right: 0.281rem solid #454545;
width: 60%;
box-shadow: -6px 0 8px 0 rgba(0, 0, 0, 0.5);
z-index: 1;
}
.form-fileviewer .right-panel .event-detail-view .comment-note-icon {
display: inline-flex;
align-items: center;
}
.form-fileviewer .right-panel .event-detail-view .note-icon {
align-items: center;
background-color: #ab6a69;
font-size: 0.547rem !important;
justify-content: center;
width: 1.56rem !important;
height: 1.56rem !important;
text-align: -webkit-center;
position: relative!important;
border-radius: 50%;
color: #fff;
flex-shrink: 0;
}
.form-fileviewer .right-panel .event-detail-view .note-icon-green {
background: #84AD76 !important;
border-radius: 50%;
color: #fff;
position: relative!important;
text-align: -webkit-center;
}
.form-fileviewer .right-panel .event-detail-view .user-selector {
width: 100%;
grid-template-columns: 1fr 2fr 1fr;
display: grid;
padding: 0.75rem 0.938rem;
}
.form-fileviewer .right-panel .event-detail-view .user-selector .align-user-selector {
align-items: center;
justify-content: center;
align-content: center;
display: grid;
}
.form-fileviewer .right-panel .event-detail-view .user-selector .user-assign {
min-height: 100%;
width: 4.06rem;
font-size: 0.813rem;
margin: auto;
}
.form-fileviewer .right-panel .event-detail-view .user-selector .event-heading {
font-size: 0.813rem;
}
.form-fileviewer .right-panel .event-detail-view .sub-text {
margin: 0.719rem 0.938rem;
height: 0.844rem;
}
.form-fileviewer .right-panel .event-detail-view .blue-seperator {
width: 100%;
display: inline-flex;
background-color: #5d7ca7;
height: 0.375rem;
margin: 0.5rem 0rem;
}
.form-fileviewer .right-panel .event-detail-view .issue-notes .note-font-detail {
font-size: 0.719rem;
padding-right: 0.313rem;
}
.form-fileviewer .right-panel .event-detail-view .issue-notes .note-font-detail.note-date {
padding-top: 0.125rem;
font-variation-settings: "wght" 500, "wdth" 100;
}
.form-fileviewer .right-panel .event-detail-view .issue-notes .note-font-detail.note-grey {
color: #908f95;
}
.form-fileviewer .right-panel .event-detail-view .issue-notes .note-font-detail.note-name {
font-size: 0.563rem;
}
.form-fileviewer .right-panel .event-detail-view .issue-notes .note-name-container {
display: inline-grid;
margin-left: 0.375rem;
}
.form-fileviewer .right-panel .event-detail-view .date-container {
min-width: 110px;
margin-right: 8px;
}
.form-fileviewer .right-panel .event-detail-view .notes-row {
display: inline-flex;
margin: 0.313rem;
font-size: 11px;
width: 100%;
justify-content: space-between;
align-items: center;
height: 2.19rem;
}
.form-fileviewer .right-panel .event-detail-view .notes-row .onyx-icon {
width: 1.56rem !important;
height: 1.56rem !important;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.form-fileviewer .right-panel .event-detail-view .add-note-container {
display: flex;
flex-direction: column-reverse;
justify-content: flex-start;
height: 5rem;
}
.form-fileviewer .right-panel .event-detail-view .add-note-container .note-input {
margin-left: 0.313rem;
}
.form-fileviewer .right-panel .status-detail {
width: 40%;
float: right;
height: 100%;
background-color: #464646;
border-left: 0.219rem solid #464646;
}
.form-fileviewer .right-panel .status-detail .energy-performance-chart .chart-padding {
height: 100%;
width: 100%;
}
.form-fileviewer .right-panel .status-detail .energy-performance-chart .picker-padding {
padding-top: 0.656rem;
padding-bottom: 1.72rem;
}
.form-fileviewer .menu-bar {
overflow-x: hidden;
overflow-y: auto;
}
.form-fileviewer .menu-bar .title {
font-stretch: condensed;
font-size: 14px;
overflow: hidden;
background: #6B6968 url(assets/images/sidebar_a9bc1918d921b1d8eb81.svg) 1px 1.5px no-repeat;
background: url(assets/images/sidebar_a9bc1918d921b1d8eb81.svg) 1px 1.5px no-repeat, -webkit-linear-gradient(hsl(0, 1%, 80%) 0%, hsl(0, 1%, 90%) 5%, hsl(0, 2%, 80%) 95%, hsl(0, 1%, 70%) 100%) 0 0;
background: url(assets/images/sidebar_a9bc1918d921b1d8eb81.svg) 1px 1.5px no-repeat, -o-linear-gradient(hsl(0, 1%, 80%) 0%, hsl(0, 1%, 90%) 5%, hsl(0, 2%, 80%) 95%, hsl(0, 1%, 70%) 100%) 0 0;
background: url(assets/images/sidebar_a9bc1918d921b1d8eb81.svg) 1px 1.5px no-repeat, -moz-linear-gradient(hsl(0, 1%, 80%) 0%, hsl(0, 1%, 90%) 5%, hsl(0, 2%, 80%) 95%, hsl(0, 1%, 70%) 100%) 0 0;
background: url(assets/images/sidebar_a9bc1918d921b1d8eb81.svg) 1px 1.5px no-repeat, linear-gradient(hsl(0, 1%, 80%) 0%, hsl(0, 1%, 90%) 5%, hsl(0, 2%, 80%) 95%, hsl(0, 1%, 70%) 100%) 0 0;
background: #6B6968 url(assets/images/sidebar_a9bc1918d921b1d8eb81.svg) 1px 1.5px no-repeat;
background: url(assets/images/sidebar_a9bc1918d921b1d8eb81.svg) 1px 1.5px no-repeat, -webkit-linear-gradient(hsl(0, 1%, 80%) 0%, hsl(0, 1%, 90%) 5%, hsl(0, 2%, 80%) 95%, hsl(0, 1%, 70%) 100%) 0 0;
background: url(assets/images/sidebar_a9bc1918d921b1d8eb81.svg) 1px 1.5px no-repeat, -o-linear-gradient(hsl(0, 1%, 80%) 0%, hsl(0, 1%, 90%) 5%, hsl(0, 2%, 80%) 95%, hsl(0, 1%, 70%) 100%) 0 0;
background: url(assets/images/sidebar_a9bc1918d921b1d8eb81.svg) 1px 1.5px no-repeat, -moz-linear-gradient(hsl(0, 1%, 80%) 0%, hsl(0, 1%, 90%) 5%, hsl(0, 2%, 80%) 95%, hsl(0, 1%, 70%) 100%) 0 0;
background: url(assets/images/sidebar_a9bc1918d921b1d8eb81.svg) 1px 1.5px no-repeat, linear-gradient(hsl(0, 1%, 80%) 0%, hsl(0, 1%, 90%) 5%, hsl(0, 2%, 80%) 95%, hsl(0, 1%, 70%) 100%) 0 0;
}
.form-fileviewer .menu-bar .title .input span {
white-space: nowrap;
}
.form-fileviewer .menu-bar .title .input input {
width: 160px;
}
.form-fileviewer .menu-bar .title .input .remove {
right: 10px;
}
.form-fileviewer .menu-bar .title.selected {
background: #6B6968 url(assets/images/sidebar-close_fb67d76740987f596e70.svg) 1px 1.5px no-repeat;
background: url(assets/images/sidebar-close_fb67d76740987f596e70.svg) 1px 1.5px no-repeat, -webkit-linear-gradient(hsl(0, 1%, 80%) 0%, hsl(0, 1%, 90%) 5%, hsl(0, 2%, 80%) 95%, hsl(0, 1%, 70%) 100%) 0 0;
background: url(assets/images/sidebar-close_fb67d76740987f596e70.svg) 1px 1.5px no-repeat, -o-linear-gradient(hsl(0, 1%, 80%) 0%, hsl(0, 1%, 90%) 5%, hsl(0, 2%, 80%) 95%, hsl(0, 1%, 70%) 100%) 0 0;
background: url(assets/images/sidebar-close_fb67d76740987f596e70.svg) 1px 1.5px no-repeat, -moz-linear-gradient(hsl(0, 1%, 80%) 0%, hsl(0, 1%, 90%) 5%, hsl(0, 2%, 80%) 95%, hsl(0, 1%, 70%) 100%) 0 0;
background: url(assets/images/sidebar-close_fb67d76740987f596e70.svg) 1px 1.5px no-repeat, linear-gradient(hsl(0, 1%, 80%) 0%, hsl(0, 1%, 90%) 5%, hsl(0, 2%, 80%) 95%, hsl(0, 1%, 70%) 100%) 0 0;
background: #6B6968 url(assets/images/sidebar-close_fb67d76740987f596e70.svg) 1px 1.5px no-repeat;
background: url(assets/images/sidebar-close_fb67d76740987f596e70.svg) 1px 1.5px no-repeat, -webkit-linear-gradient(hsl(0, 1%, 80%) 0%, hsl(0, 1%, 90%) 5%, hsl(0, 2%, 80%) 95%, hsl(0, 1%, 70%) 100%) 0 0;
background: url(assets/images/sidebar-close_fb67d76740987f596e70.svg) 1px 1.5px no-repeat, -o-linear-gradient(hsl(0, 1%, 80%) 0%, hsl(0, 1%, 90%) 5%, hsl(0, 2%, 80%) 95%, hsl(0, 1%, 70%) 100%) 0 0;
background: url(assets/images/sidebar-close_fb67d76740987f596e70.svg) 1px 1.5px no-repeat, -moz-linear-gradient(hsl(0, 1%, 80%) 0%, hsl(0, 1%, 90%) 5%, hsl(0, 2%, 80%) 95%, hsl(0, 1%, 70%) 100%) 0 0;
background: url(assets/images/sidebar-close_fb67d76740987f596e70.svg) 1px 1.5px no-repeat, linear-gradient(hsl(0, 1%, 80%) 0%, hsl(0, 1%, 90%) 5%, hsl(0, 2%, 80%) 95%, hsl(0, 1%, 70%) 100%) 0 0;
}
.form-fileviewer .menu-bar ul li {
position: relative;
overflow: hidden;
}
.form-fileviewer .menu-bar ul li .input span {
white-space: nowrap;
}
.form-fileviewer .menu-bar ul li .input input {
width: 160px;
}
.form-fileviewer .menu-bar ul li .input .remove {
right: 15px;
}
.form-fileviewer .bt-new {
margin-left: 20px !important;
}
.form-fileviewer .form-fileviewer-popup {
position: absolute;
width: 0;
height: 0;
z-index: 100;
background-size: 100% 100%;
-webkit-transform-origin: center center;
-moz-transform-origin: center center;
transform-origin: center center;
}
.form-fileviewer .widget {
width: 200px;
}
.form-fileviewer .widget > .hive-search-toolbar .onyx-toolbar-inline > *,
.form-fileviewer .widget .enyo-fittable-columns-layout.onyx-toolbar-inline > * {
display: inline-block;
vertical-align: middle;
margin: 4px 2px 5px;
box-sizing: border-box;
}
.form-fileviewer .panel {
background: #FFF;
}
.form-fileviewer .content {
position: relative;
padding: 3.75rem;
overflow: auto;
}
.form-fileviewer .content .google-map-title {
font-family: 'OpenSans-Bold';
font-size: 0.688rem;
color: #3c3a46;
margin-bottom: 0.563rem;
}
.form-fileviewer .content .list {
position: relative;
text-align: center;
}
.form-fileviewer .content .list .selected .site .image {
-moz-box-shadow: 0px 0px 20px 2px rgba(92, 143, 224, .9);
-webkit-box-shadow: 0px 0px 20px 2px rgba(92, 143, 224, .9);
box-shadow: 0px 0px 20px 2px rgba(92, 143, 224, .9);
}
.form-fileviewer .content .list .site {
float: left;
display: inline-block;
min-width: 21.9rem;
min-height: 14.1rem;
font-weight: bold;
text-align: center;
}
.form-fileviewer .content .list .site .image {
width: 0.938rem;
margin: auto;
margin-bottom: 5px;
position: relative;
-moz-box-shadow: 0px 0px 20px 2px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 0px 0px 20px 2px rgba(0, 0, 0, 0.15);
box-shadow: 0px 0px 20px 2px rgba(0, 0, 0, 0.15);
}
.form-fileviewer .content .list .site .image img {
width: 0.313rem;
height: 0.313rem;
}
.form-fileviewer .content .list .site .error-count {
position: absolute;
top: -10px;
right: -10px;
}
.form-fileviewer .content .new-project {
background-color: rgba(233, 233, 233, 0.8);
border-radius: 16px;
border: none;
background-image: url('#assets/images/BuildingStudio/add-new-project.svg');
background-repeat: no-repeat;
background-position: center;
min-width: 20.3rem;
min-height: 14.1rem;
margin-left: 3.75rem;
}
.form-fileviewer .google-map {
border: solid 2px #676767;
}
.form-fileviewer .google-map > .enyo-google-map-map {
border: solid 4px #000;
}
.form-fileviewer .picture-popup {
position: absolute;
box-shadow: 0px 0px 20px 2px rgba(0, 0, 255, 0.5);
}
.form-fileviewer .picture-popup .svg-root {
height: 100%;
}
.form-fileviewer .picture-popup .popup-image {
width: 82%;
border: 2px solid #000000;
margin-bottom: 2px;
height: 100%;
-moz-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.25);
-webkit-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.25);
box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.25);
}
.form-fileviewer .picture-popup .popup-name {
display: block;
font-weight: bold;
text-align: center;
text-transform: uppercase;
}
.form-fileviewer .picture-popup .error-count {
position: absolute;
top: -10px;
right: -3%;
}
.form-fileviewer .picture-popup .popup-title {
text-align: center;
margin-top: 5px;
}
.form-fileviewer .analytics-panel {
width: 410px;
position: absolute;
right: 0;
left: auto;
border-left: solid 1px black;
background-color: #ffffff;
}
.th,
.event-table td,
.notes-table td {
padding: 0.0938rem !important;
text-align: center;
font-size: 12px;
font-family: inherit;
}
.event-table td {
text-align: left;
font-size: 11px;
border: solid 1px #4B6796;
}
.notes-table td {
text-align: left;
font-size: 11px;
}
.historyTable-content .last-child {
width: 78px!important;
}
.historyTable-header {
font-size: 12px;
color: #354c73;
font-family: -webkit-body;
}
.energy-select {
width: 130px !important;
height: 25px!important;
padding: 2px 10px !important;
border: solid 1px #999899;
font-size: 12px;
text-align: left;
line-height: 20px;
font-weight: bold;
background-size: 8px 5px;
margin: 0px 2.19rem;
background: url(assets/images/picker_e69a499c3849345e7f53.png) 117px 9px no-repeat, -webkit-linear-gradient(#fcfbfb, #f2f2f2, #ececed) 0 0 !important;
background: url(assets/images/picker_e69a499c3849345e7f53.png) 117px 9px no-repeat, -o-linear-gradient(#fcfbfb, #f2f2f2, #ececed) 0 0 !important;
background: url(assets/images/picker_e69a499c3849345e7f53.png) 117px 9px no-repeat, -moz-linear-gradient(#fcfbfb, #f2f2f2, #ececed) 0 0 !important;
background: url(assets/images/picker_e69a499c3849345e7f53.png) 117px 9px no-repeat, linear-gradient(#fcfbfb, #f2f2f2, #ececed) 0 0 !important;
}
.badge,
.event-mark,
.issue-mark {
height: 20px!important;
width: 20px;
margin-right: 3px;
display: table-cell;
text-align: center;
vertical-align: middle;
border-radius: 50%;
background: #b52e2e;
color: white;
border: 2px solid white;
}
.compressor-title {
background: #4c4c4c;
background-size: 30px;
background-blend-mode: hard-light;
font-size: 15px;
line-height: 25px;
color: #FFF;
font-weight: bold;
padding: 2px 0px 2px 30px;
cursor: pointer;
position: relative;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
border-radius: 0px !important;
}
.compressor-title.unactive {
background-image: url(assets/images/sidebar_a9bc1918d921b1d8eb81.svg);
}
.status-tab {
padding: 1px 0 2px 0;
font-weight: bold;
font-size: 11px;
line-height: 18px;
width: 60px;
text-align: center;
width: 33%;
}
.status-tab span {
-webkit-logical-height: 15px;
}
.comment-drawer-event {
margin-bottom: 0.313rem !important;
}
.event-detail-empty {
height: 100%;
}
.event-status-picker {
display: inline-flex;
justify-content: center;
}
.event-status-picker .rb {
width: 90px;
}
.p-1 {
padding: 0.313rem;
}
.user-select {
height: 30px;
width: 130px !important;
padding: 2px 10px !important;
border: solid 1px #4B6796;
font-size: 12px;
text-align: left;
line-height: 20px;
font-weight: bold;
background: url(assets/images/picker_e69a499c3849345e7f53.png) 117px 13px no-repeat, -webkit-linear-gradient(#fcfbfb, #f2f2f2, #ececed) 0 0 !important;
/* background: url(@repo/assets/images/sprites/default/picker.png) 117px 9px no-repeat, linear-gradient(#fcfbfb, #f2f2f2, #ececed) 0 0 !important; */
background-size: 8px 5px;
border-radius: 20px;
}
.mt-half {
margin-top: 0.156rem !important;
}
.status-sidebar {
min-width: 370px;
}
.event-deffered,
.event-resolved {
color: #6d6868;
font-style: italic;
}
.event-resolved {
text-decoration: line-through;
}
.event-open {
color: red;
font-weight: bold;
}
.status-tab .active {
border-top: solid 1px #5d77a0 !important;
border-bottom: solid 1px #5d77a0 !important;
background: -webkit-linear-gradient(#58739e, #7b94b2, #99acc1, #859bb7, #5d77a0) !important;
background: -o-linear-gradient(#58739e, #7b94b2, #99acc1, #859bb7, #5d77a0) !important;
background: -moz-linear-gradient(#58739e, #7b94b2, #99acc1, #859bb7, #5d77a0) !important;
background: linear-gradient(#58739e, #7b94b2, #99acc1, #859bb7), #5d77a0 !important;
-moz-box-shadow: none!important;
-webkit-box-shadow: none!important;
box-shadow: none!important;
}
.color-light-red {
background-color: #e48d8d !important;
color: white;
}
.ml-one-half {
margin-left: 0.781rem !important;
}
.vetical-baseline {
vertical-align: -webkit-baseline-middle !important;
}
.event-number {
font-size: 14px;
margin-left: 0.938rem;
vertical-align: -webkit-baseline-middle !important;
}
.event-mark {
background: #5d77a0 !important;
display: inline-block;
margin-top: 10px;
font-size: 16px;
font-weight: bold;
height: 22px!important;
width: 22px;
font-style: normal;
}
.event-bar {
border-bottom: 3px solid #5d77a0;
font-style: italic;
font-size: 12px;
margin-top: 15px;
}
.notes-table {
width: 100%!important;
}
.notes-table td {
border: 0px;
}
.text-bold {
font-weight: bold;
}
.text-black {
color: #0c0b0b;
}
.note-icon {
position: relative!important;
padding: 0px!important;
background: #ab6a69;
border-radius: 50%;
width: 1.09rem;
height: 1.09rem !important;
min-width: 1.09rem;
min-height: 1.09rem;
text-align: -webkit-center;
vertical-align: inherit;
padding: 10px;
margin: 0px;
color: white;
font-size: 0.547rem !important;
display: flex;
align-items: center;
justify-content: center;
}
.note-icon-green {
position: relative!important;
padding: 0px!important;
background: #84AD76 !important;
border-radius: 50%;
width: 1.09rem;
height: 1.09rem !important;
text-align: -webkit-center;
vertical-align: inherit;
padding: 10px;
margin: 0px;
color: white;
}
.event-focus {
color: #4B6796;
}
.background-color-grey {
background-color: #c1bebe !important;
color: white;
}
.background-color-lightgrey {
background-color: #e9e9e9 !important;
}
#es-pieChart {
margin: 0 auto;
}
#eb-pieChart {
margin: 0 auto;
}
.width-55 {
width: 55%!important;
}
.width-full {
width: 100%!important;
}
.width-33 {
width: 33%!important;
}
.mh-25 {
min-height: 25px!important;
}
.scroll {
height: 200px;
overflow-y: scroll;
}
.m-1 {
margin: 0.313rem;
}
.mt-5 {
margin-top: 5px;
}
.table-space {
border-collapse: separate;
border-spacing: 0 0.5em;
}
.table {
border-collapse: collapse;
}
.color-light-green {
background-color: lightgreen!important;
}
.event-table tr:nth-child(even) {
background-color: rgba(216, 223, 234, 0.61) !important;
}
.event-table th {
font-size: 13px;
font-weight: bold;
}
.line-height-18 {
line-height: 18px;
}
.dashboard-options {
display: flex;
align-items: center;
}
.event-table {
padding: 0.0625rem 0.313rem 0.313rem;
}
.event-assignee {
color: #717171;
font-weight: bold;
margin-top: 0.0625rem;
}
.rb {
height: 24px;
width: 100px;
padding: 0px 0px 0px 0px;
color: #3c3a46;
font-family: 'OpenSans-Bold';
font-size: 13px;
background: #d5d5d5;
}
.fault.active {
background: #ab6a69 !important;
color: #d5d5d5;
font-family: 'OpenSans-Bold';
font-size: 13px;
text-align: center;
}
.deferred.active {
background: darkgrey !important;
color: #d5d5d5;
font-family: 'OpenSans-Bold';
font-size: 13px;
text-align: center;
}
.resolved.active {
background: #84AD76 !important;
color: #d5d5d5;
font-family: 'OpenSans-Bold';
font-size: 13px;
text-align: center;
}
.event-container {
padding: 0rem 0.313rem 0rem;
}
.enyo-border-box {
height: 100%;
width: 100%;
}
.box-content .svg-container {
padding-left: 10px !important;
margin: auto!important;
}
.box-content .svg-container .main-svg {
margin: auto!important;
}
.svg-container {
padding-left: 10px !important;
margin: auto!important;
}
.svg-container .main-svg {
margin: auto!important;
}
.text-align-center {
text-align: -webkit-center;
}
.analytical-table {
margin-top: 0.5px !important;
margin-left: 0.156rem !important;
margin-right: 0.156rem !important;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
.drag-error-count {
right: -29%;
}
}
@media only screen and (max-width: 768px) {
.drag-error-count {
right: -54%;
}
.popup-name {
margin-right: 100%;
}
}
.eventtable-container {
position: initial !important;
}
.eventtable-container table {
background-color: white;
width: -webkit-fill-available;
margin-left: 0.0938rem;
margin-top: 0.0938rem;
margin-right: 0.0938rem;
}
.search-widget-system .search-widget-box .search-widget {
width: 95%;
}
.search-widget-system .search-widget-box .search-widget-runtime {
width: 100%;
}
.search-widget-system .search-widget-box .hive-search-toolbar {
width: 100%;
}
.search-widget-system .search-widget-box .hive-search-toolbar .hive-tool-button-background.onyx-button {
margin-right: 9px !important;
}
.square .drawer-heading {
border-radius: 0 !important;
}
.detail-pointer {
margin-top: 400px;
background-color: #4c4c4c;
position: fixed;
width: 20px;
height: 40px !important;
clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
transform: scaleX(-1) translateX(100%);
}
.UserInitials {
text-align: center;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.FaultStatusIcon {
background-size: 0.938rem;
background-repeat: no-repeat;
background-position: center;
width: 0.938rem;
height: 0.938rem;
min-height: 0.938rem;
}
.FaultStatusIcon.Larger {
background-size: 1.56rem;
height: 1.56rem !important;
width: 1.56rem;
}
.FaultStatusIcon.Caution {
background-image: url(assets/images/Caution_4d4585f98932a906715d.svg);
}
.FaultStatusIcon.High {
background-image: url(assets/images/HighPriority_141417ae796bd2a18fab.svg);
}
.FaultStatusIcon.Resolved {
background-image: url(assets/images/CheckGreen_e903102bfe9dbc06ec97.svg);
}
.fault-status-comments {
display: inline-flex;
height: 1.25rem !important;
width: 1.25rem !important;
background-size: 1.09rem 1.09rem !important;
margin: 0rem 0rem !important;
}
@font-face {
font-family: 'AvenirNext';
src: local('Avenir Next LT Pro'), url(assets/fonts/AvenirNextLTPro.ttf) format('truetype');
}
@font-face {
font-family: "BarlowCondensed";
src: local("Barlow Condensed Thin"), url(assets/fonts/BarlowCondensed-Thin.ttf) format("truetype");
font-weight: 100;
}
@font-face {
font-family: "BarlowCondensed";
src: local("Barlow Condensed Extra Light"), url(assets/fonts/BarlowCondensed-ExtraLight.ttf) format("truetype");
font-weight: 200;
}
@font-face {
font-family: "BarlowCondensed";
src: local("Barlow Condensed Light"), url(assets/fonts/BarlowCondensed-Light.ttf) format("truetype");
font-weight: 300;
}
@font-face {
font-family: "BarlowCondensed";
src: local("Barlow Condensed Regular"), url(assets/fonts/BarlowCondensed-Regular.ttf) format("truetype");
font-weight: 400;
}
@font-face {
font-family: "BarlowCondensed";
src: local("Barlow Condensed Medium"), url(assets/fonts/BarlowCondensed-Medium.ttf) format("truetype");
font-weight: 500;
}
@font-face {
font-family: "BarlowCondensed";
src: local("Barlow Condensed Semi Bold"), url(assets/fonts/BarlowCondensed-SemiBold.ttf) format("truetype");
font-weight: 600;
}
@font-face {
font-family: "BarlowCondensed";
src: local("Barlow Condensed Bold"), url(assets/fonts/BarlowCondensed-Bold.ttf) format("truetype");
font-weight: 700;
}
@font-face {
font-family: "BarlowCondensed";
src: local("Barlow Condensed Extra Bold"), url(assets/fonts/BarlowCondensed-ExtraBold.ttf) format("truetype");
font-weight: 800;
}
@font-face {
font-family: "BarlowCondensed";
src: local("Barlow Condensed Black"), url(assets/fonts/BarlowCondensed-Black.ttf) format("truetype");
font-weight: 900;
}
@font-face {
font-family: "BarlowCondensed";
src: local("Barlow Condensed Regular"), url(assets/fonts/BarlowCondensed-Regular.ttf) format("truetype");
}
@font-face {
font-family: "BarlowCondensed-Black";
src: local("Barlow Condensed Black"), url(assets/fonts/BarlowCondensed-Black.ttf) format("truetype");
}
@font-face {
font-family: "BarlowCondensed-BlackItalic";
src: local("Barlow Condensed Black Italic"), url(assets/fonts/BarlowCondensed-BlackItalic.ttf) format("truetype");
}
@font-face {
font-family: "BarlowCondensed-Bold";
src: local("Barlow Condensed Bold"), url(assets/fonts/BarlowCondensed-Bold.ttf) format("truetype");
}
@font-face {
font-family: "BarlowCondensed-BoldItalic";
src: local("Barlow Condensed Bold Italic"), url(assets/fonts/BarlowCondensed-BoldItalic.ttf) format("truetype");
}
@font-face {
font-family: "BarlowCondensed-ExtraBold";
src: local("Barlow Condensed Extra Bold"), url(assets/fonts/BarlowCondensed-ExtraBold.ttf) format("truetype");
}
@font-face {
font-family: "BarlowCondensed-ExtraBoldItalic";
src: local("Barlow Condensed Extra Bold Italic"), url(assets/fonts/BarlowCondensed-ExtraBoldItalic.ttf) format("truetype");
}
@font-face {
font-family: "BarlowCondensed-ExtraLight";
src: local("Barlow Condensed Extra Light"), url(assets/fonts/BarlowCondensed-ExtraLight.ttf) format("truetype");
}
@font-face {
font-family: "BarlowCondensed-Italic";
src: local("Barlow Condensed Italic"), url(assets/fonts/BarlowCondensed-Italic.ttf) format("truetype");
}
@font-face {
font-family: "BarlowCondensed-Light";
src: local("Barlow Condensed Light"), url(assets/fonts/BarlowCondensed-Light.ttf) format("truetype");
}
@font-face {
font-family: "BarlowCondensed-LightItalic";
src: local("Barlow Condensed Light Italic"), url(assets/fonts/BarlowCondensed-LightItalic.ttf) format("truetype");
}
@font-face {
font-family: "BarlowCondensed-Medium";
src: local("Barlow Condensed Medium"), url(assets/fonts/BarlowCondensed-Medium.ttf) format("truetype");
}
@font-face {
font-family: "BarlowCondensed-MediumItalic";
src: local("Barlow Condensed Medium Italic"), url(assets/fonts/BarlowCondensed-MediumItalic.ttf) format("truetype");
}
@font-face {
font-family: "BarlowCondensed-SemiBold";
src: local("Barlow Condensed Semi Bold"), url(assets/fonts/BarlowCondensed-SemiBold.ttf) format("truetype");
}
@font-face {
font-family: "BarlowCondensed-SemiBoldItalic";
src: local("Barlow Condensed Semi Bold Italic"), url(assets/fonts/BarlowCondensed-SemiBoldItalic.ttf) format("truetype");
}
@font-face {
font-family: "BarlowCondensed-Thin";
src: local("Barlow Condensed Thin"), url(assets/fonts/BarlowCondensed-Thin.ttf) format("truetype");
}
@font-face {
font-family: "BarlowCondensed-ThinItalic";
src: local("Barlow Condensed Thin Italic"), url(assets/fonts/BarlowCondensed-ThinItalic.ttf) format("truetype");
}
/***********************************
.[name] {
font-family: 'font-name';
font-weight: 100;
font-size: 0.625rem;
color: red;
}
***********************************/
.testANC {
font-family: 'AvenirNext';
font-variation-settings: "wght" 700, "wdth" 75;
font-size: 0.906rem;
}
.Splash {
font-family: 'AvenirNext';
font-variation-settings: "wght" 500, "wdth" 100;
font-size: 1.16rem;
color: #3c3a46;
}
.Title {
font-family: 'AvenirNext';
font-variation-settings: "wght" 700, "wdth" 100;
font-size: 1.09rem;
text-transform: uppercase;
}
.Title2 {
font-family: 'AvenirNext';
font-variation-settings: "wght" 700, "wdth" 100;
font-size: 1.09rem;
text-transform: uppercase;
font-variation-settings: "wght" 600, "wdth" 100;
}
.TitleSmall {
font-family: 'AvenirNext';
font-variation-settings: "wght" 700, "wdth" 100;
text-transform: uppercase;
font-variation-settings: "wght" 600, "wdth" 100;
font-size: 1.09rem;
}
.Title-Text-Small {
font-family: 'AvenirNext';
font-variation-settings: "wght" 550, "wdth" 100;
font-size: 0.688rem;
text-transform: capitalize;
font-size: 0.563rem;
font-variation-settings: "wght" 600, "wdth" 100;
}
.Title-Text-Small-Light {
font-family: 'AvenirNext';
font-variation-settings: "wght" 550, "wdth" 100;
font-size: 0.688rem;
text-transform: capitalize;
}
.Header1 {
font-family: 'AvenirNext';
font-variation-settings: "wght" 700, "wdth" 100;
font-size: 1.09rem;
text-transform: uppercase;
font-size: 0.844rem;
}
.Header1Large {
font-family: 'AvenirNext';
font-variation-settings: "wght" 700, "wdth" 100;
font-size: 1.09rem;
text-transform: uppercase;
font-size: 0.969rem;
}
.Header2 {
font-family: 'AvenirNext';
font-variation-settings: "wght" 700, "wdth" 100;
font-size: 1.09rem;
text-transform: uppercase;
text-transform: none;
font-size: 0.969rem;
font-variation-settings: "wght" 600, "wdth" 110;
}
.Header3 {
font-family: 'AvenirNext';
font-variation-settings: "wght" 700, "wdth" 100;
font-size: 1.09rem;
text-transform: uppercase;
font-size: 0.625rem;
}
.HeaderLabel {
font-family: 'AvenirNext';
font-variation-settings: "wght" 700, "wdth" 100;
font-size: 1.09rem;
text-transform: uppercase;
font-size: 0.563rem;
text-transform: none;
}
.Header4 {
font-family: 'AvenirNext';
font-variation-settings: "wght" 700, "wdth" 100;
font-size: 1.09rem;
text-transform: uppercase;
font-size: calc(var(--hit-scale-factor) * 0.844rem);
text-transform: none;
}
.Body-Widget {
font-family: 'AvenirNext';
font-variation-settings: "wght" 500, "wdth" 100;
font-size: 0.719rem;
font-size: calc(var(--hit-scale-factor) * 0.844rem);
font-variation-settings: "wght" 650, "wdth" 80;
}
.Body-Widget-Standard {
font-family: 'AvenirNext';
font-variation-settings: "wght" 500, "wdth" 100;
font-size: 0.719rem;
font-size: calc(var(--hit-scale-factor) * 0.844rem);
font-variation-settings: "wght" 650, "wdth" 80;
font-size: 0.938rem;
font-variation-settings: "wght" 650, "wdth" 100;
}
.Body-Widget-Small {
font-family: 'AvenirNext';
font-variation-settings: "wght" 500, "wdth" 100;
font-size: 0.719rem;
font-size: calc(var(--hit-scale-factor) * 0.844rem);
font-variation-settings: "wght" 650, "wdth" 80;
font-size: 0.688rem;
text-transform: capitalize;
font-variation-settings: "wght" 650, "wdth" 100;
}
.Body-Text {
font-family: 'AvenirNext';
font-variation-settings: "wght" 500, "wdth" 100;
font-size: 0.719rem;
font-variation-settings: "wght" 700, "wdth" 100;
}
.Body-TextLight-Large {
font-family: 'AvenirNext';
font-variation-settings: "wght" 500, "wdth" 100;
font-size: 0.719rem;
font-size: 1.28rem;
font-variation-settings: "wght" 400, "wdth" 100;
}
.Body-TextLight-Medium {
font-family: 'AvenirNext';
font-variation-settings: "wght" 500, "wdth" 100;
font-size: 0.719rem;
font-size: 1.28rem;
font-variation-settings: "wght" 400, "wdth" 100;
font-size: 0.906rem;
}
.Body-TextLight {
font-family: 'AvenirNext';
font-variation-settings: "wght" 500, "wdth" 100;
font-size: 0.719rem;
font-size: 0.656rem;
}
.Body-TextInactive {
font-family: 'AvenirNext';
font-size: 0.719rem;
font-variation-settings: "wght" 500, "wdth" 100;
}
.Input-TextArea {
font-family: 'AvenirNext';
font-variation-settings: "wght" 500, "wdth" 100;
font-size: 0.781rem;
}
.Input-TextArea-Placeholder {
font-family: 'AvenirNext';
font-variation-settings: "wght" 500, "wdth" 100;
font-size: 0.781rem;
font-style: italic;
}
@font-face {
font-family: "MuseoSans";
src: local("Moon Museo Normal"), url(assets/fonts/MuseoSans-Normal.ttf) format("truetype");
}
@font-face {
font-family: "MuseoSans-Black";
src: local("Moon Museo Sans Black"), url(assets/fonts/MuseoSans-Black.ttf) format("truetype");
}
@font-face {
font-family: "MuseoSans-BlackItalic";
src: local("Moon Museo Sans Black Italic"), url(assets/fonts/MuseoSans-BlackItalic.ttf) format("truetype");
}
@font-face {
font-family: "MuseoSans-Bold";
src: local("Moon Museo Sans Bold"), url(assets/fonts/MuseoSans-Bold.ttf) format("truetype");
}
@font-face {
font-family: "MuseoSans-BoldItalic";
src: local("Moon Museo Sans Bold Italic"), url(assets/fonts/MuseoSans-BoldItalic.ttf) format("truetype");
}
@font-face {
font-family: "MuseoSans-DemiBold";
src: local("Moon Museo Sans Demi Bold"), url(assets/fonts/MuseoSans-DemiBold.ttf) format("truetype");
}
@font-face {
font-family: "MuseoSans-DemiBoldItalic";
src: local("Moon Museo Demi Bold Italic"), url(assets/fonts/MuseoSans-DemiBoldItalic.ttf) format("truetype");
}
@font-face {
font-family: "MuseoSans-Light";
src: local("Moon Museo Sans Light"), url(assets/fonts/MuseoSans-Light.ttf) format("truetype");
}
@font-face {
font-family: "OpenSans";
src: local("Open Sans"), url(assets/fonts/OpenSans-Regular.ttf) format("truetype");
}
@font-face {
font-family: "OpenSans-Bold";
src: local("Open Sans Bold"), url(assets/fonts/OpenSans-Bold.ttf) format("truetype");
}
@font-face {
font-family: "OpenSans-BoldItalic";
src: local("Open Sans Bold Italic"), url(assets/fonts/OpenSans-BoldItalic.ttf) format("truetype");
}
@font-face {
font-family: "OpenSans-ExtraBold";
src: local("Open Sans Extra Bold"), url(assets/fonts/OpenSans-ExtraBold.ttf) format("truetype");
}
@font-face {
font-family: "OpenSans-ExtraBoldItalic";
src: local("Open Sans Extra Bold Italic"), url(assets/fonts/OpenSans-ExtraBoldItalic.ttf) format("truetype");
}
@font-face {
font-family: "OpenSans-Italic";
src: local("Open Sans Italic"), url(assets/fonts/OpenSans-Italic.ttf) format("truetype");
}
@font-face {
font-family: "OpenSans-Light";
src: local("Open Sans Light"), url(assets/fonts/OpenSans-Light.ttf) format("truetype");
}
@font-face {
font-family: "OpenSans-LightItalic";
src: local("Open Sans Light Italic"), url(assets/fonts/OpenSans-LightItalic.ttf) format("truetype");
}
@font-face {
font-family: "OpenSans-SemiBold";
src: local("Open Sans Semi Bold"), url(assets/fonts/OpenSans-SemiBold.ttf) format("truetype");
}
@font-face {
font-family: "OpenSans-SemiBoldItalic";
src: local("Open Sans Semi Bold Italic"), url(assets/fonts/OpenSans-SemiBoldItalic.ttf) format("truetype");
}
.leftAlignment {
text-align: left;
}
.centerAlignment {
text-align: center;
}
.rightAlignment {
text-align: right;
}
.uppercaseTransform {
text-transform: uppercase;
}
.lowercaseTransform {
text-transform: lowercase;
}
.Nav {
font-size: 0.969rem;
font-family: 'AvenirNext';
font-variation-settings: "wght" 800, "wdth" 75;
}
.LargestHeading {
font-size: 3.13rem;
font-family: 'AvenirNext';
font-variation-settings: "wght" 450, "wdth" 100;
}
.LargeHeading {
font-size: 1.88rem;
font-family: 'AvenirNext';
font-variation-settings: "wght" 700, "wdth" 100;
}
.LargeSubHeading {
font-size: calc(var(--hit-scale-factor) * 1.56rem);
font-family: 'AvenirNext';
font-variation-settings: "wght" 500, "wdth" 100;
}
.Heading,
.Axis {
font-size: 1.25rem;
font-family: 'AvenirNext';
font-variation-settings: "wght" 700, "wdth" 100;
}
.Widget {
font-size: 1.19rem;
font-family: 'AvenirNext';
font-variation-settings: "wght" 700, "wdth" 100;
}
.Title {
font-size: 0.938rem;
font-family: 'AvenirNext';
font-variation-settings: "wght" 700, "wdth" 100;
}
.Bracket,
Button {
font-size: 0.938rem;
font-family: 'AvenirNext';
font-variation-settings: "wght" 700, "wdth" 75;
}
.Picker {
font-size: 0.938rem;
font-family: 'AvenirNext';
font-variation-settings: "wght" 700, "wdth" 100;
}
.Article {
font-size: 0.844rem;
font-family: 'AvenirNext';
font-variation-settings: "wght" 700, "wdth" 100;
}
.Auxiliary,
.Description {
font-size: 0.813rem;
font-family: 'AvenirNext';
font-variation-settings: "wght" 700, "wdth" 100;
}
.HistoryLog {
font-size: 0.688rem;
font-family: 'AvenirNext';
font-variation-settings: "wght" 700, "wdth" 87;
}
.Tab,
.Attribute,
.ReadOut {
font-size: 0.625rem;
font-family: 'AvenirNext';
font-variation-settings: "wght" 700, "wdth" 100;
}
.ThumbLabel {
font-size: 0.625rem;
font-family: 'AvenirNext';
font-variation-settings: "wght" 700, "wdth" 75;
}
.Domain,
.Subtext {
font-size: 0.563rem;
font-family: 'AvenirNext';
font-variation-settings: "wght" 700, "wdth" 100;
}
.KeyLabel {
font-size: 0.563rem;
font-family: 'AvenirNext';
font-variation-settings: "wght" 700, "wdth" 75;
}
.UnitLabel {
font-size: 0.906rem;
font-family: 'AvenirNext';
font-variation-settings: "wght" 650, "wdth" 85;
}
.Data {
font-size: 0.719rem;
font-family: 'AvenirNext';
font-variation-settings: "wght" 650, "wdth" 100;
}
.Group {
font-size: 0.938rem;
font-family: 'AvenirNext';
font-variation-settings: "wght" 600, "wdth" 75;
}
.PopupSubHeader {
font-size: 1.25rem;
font-family: 'AvenirNext';
font-variation-settings: "wght" 500, "wdth" 100;
}
.PopupBody {
font-size: 1.16rem;
font-family: 'AvenirNext';
font-variation-settings: "wght" 450, "wdth" 100;
}
.Body {
font-size: calc(var(--legibility-scale-factor) * 0.969rem);
font-family: 'AvenirNext';
font-variation-settings: "wght" 500, "wdth" 100;
}
.BodyBold {
font-size: calc(var(--legibility-scale-factor) * 0.969rem);
font-family: 'AvenirNext';
font-variation-settings: "wght" 500, "wdth" 100;
font-variation-settings: "wght" 550, "wdth" 100;
}
.VersionNumber {
font-size: 0.938rem;
font-family: 'AvenirNext';
font-variation-settings: "wght" 500, "wdth" 100;
}
.Supplemental {
font-size: 0.688rem;
font-family: 'AvenirNext';
font-variation-settings: "wght" 500, "wdth" 100;
}
.InfoSmall {
font-size: calc(var(--legibility-scale-factor) * 10px);
font-family: 'AvenirNext';
font-variation-settings: "wght" 500, "wdth" 100;
}
.SubtextThin {
font-size: 1.09rem;
font-variation-settings: "wght" 600, "wdth" 80;
}
.grey-1 {
color: #D9D9D9;
}
.grey-2 {
color: #AEADB1;
}
.grey-3 {
color: #908F95;
}
.grey-4 {
color: #5A5960;
}
.grey-5 {
color: #353438;
}
.black {
color: #2C2C2C;
}
.white {
color: #ffffff;
}
.orange {
color: #F29F00;
}
.yellow {
color: #f29f00;
}
.pistacio {
color: #A4D8AC;
}
.rackley {
color: #5D7CA7;
}
.Behavior-Fluid {
background-color: var(--fluidColor);
}
.Behavior-Thermal {
background-color: var(--thermalColor);
}
.Behavior-Mechanical {
background-color: var(--mechanicalColor);
}
.Behavior-Fuels {
background-color: var(--fuelColor);
}
.Behavior-Control {
background-color: var(--controlColor);
}
.Behavior-Data {
background-color: var(--dataColor);
}
.BigItem-Default {
background-color: #F2F2F2;
box-shadow: 5px 4px 8px rgba(174, 174, 174, 0.5) inset, -2px -6px 8px rgba(255, 255, 255, 0.84096372) inset;
}
.BigItem-Selected {
background-color: #F2F2F2;
border: 4px solid #f29f00;
box-shadow: 2px 4px 8px rgba(174, 174, 174, 0.5) inset;
}
.Button-Green {
background-color: #799E4E;
border: solid 2px black !important;
}
.Button-Grey {
background: #565656;
border: solid 2px black !important;
}
.Button-Red {
background-color: #E27C6F;
border: solid 2px black !important;
}
.Button-Yellow {
background-color: #FCCA09;
border: solid 2px black !important;
}
.Button-LightGreen {
background-color: #BBDFC1;
border: solid 2px #a7a7a7 !important;
}
.Button-LightGrey {
background: #D5D5D5;
border: solid 2px #a7a7a7 !important;
}
.Button-LightRed {
background-color: #DFBBBB;
border: solid 2px #a7a7a7 !important;
}
.CellModule-Motor {
background-color: #016836;
}
.CellModule-Multi {
background-color: #AF272F;
}
.CellModule-Power {
background-color: #FFB500;
}
.CellModule-Relay {
background-color: #1D4F91;
}
.Dark-Grey {
background-color: #555656;
}
.DataColor-Aqua {
background-color: #98C4B9;
}
.DataColor-Blue {
background-color: #96B1BD;
}
.DataColor-Lavender {
background-color: #96A0BD;
}
.DataColor-Mint {
background-color: #AFC99C;
}
.DataColor-Orange {
background-color: #D0A887;
}
.DataColor-Pink {
background-color: #BD96B7;
}
.DataColor-Purple {
background-color: #A896BD;
}
.DataColor-Red {
background-color: #BD9696;
}
.DataColor-Salmon {
background-color: #DBA8A8;
}
.DataColor-Yellow {
background-color: #CDD087;
}
.Drawer-Blue {
background-color: #5D7CA7;
}
.Drawer-Grey {
background-color: #555656;
}
.DropDown-Grey {
background-color: #565656;
}
.DropDown-LightGrey {
background-color: #D5D5D5;
}
.EditableTable-Even {
background-color: #EAECEE;
border: 1px solid #747474;
}
.EditableTable-Odd {
background-color: #F0F1F3;
border: 1px solid #747474;
}
.EditableTable-Selected {
background-color: #E4E9EF;
border: 1px solid #747474;
}
.Glyph-Blue {
background-color: #81A0C4;
}
.Glyph-Dark {
background: linear-gradient(90deg, #a3a3a3 0%, #808080 100%);
}
.Glyph-Grey {
background-color: #8E8E8E;
}
.Glyph-Light {
background: linear-gradient(90deg, #cccccc 0%, #f2f2f2 100%);
}
.Glyph-MidGrey {
border: 5px solid #bcbcbc;
}
.Glyph-White {
background-color: #FFFFFF;
}
.HighLight-Orange {
background-color: #F29F00;
}
.IconBaseColor-1 {
background-color: #809C37;
box-shadow: 0px 1px 6px rgba(81, 81, 81, 0.47);
}
.IconBaseColor-4 {
background-color: #6680C7;
box-shadow: 0px 1px 6px rgba(81, 81, 81, 0.47);
}
.IconBaseColor-5 {
background-color: #419BA3;
box-shadow: 0px 1px 6px rgba(81, 81, 81, 0.47);
}
.IconBaseColor-Blue {
background-color: #81A0C4;
}
.IconBaseColor-Green {
background-color: #799E4E;
}
.IconBaseColor-Red {
background-color: #E27C6F;
}
.IconBaseColor-Yellow {
background-color: #FCCA09;
}
.IconItem-Property {
background-color: #8E8E8E;
}
.IconItem-ComputedProperty {
background-color: #6C9CC9;
}
.InputSlideTrigger-Base {
background-color: #BDBDBD;
}
.InputSlideTrigger-Selected {
background-color: #F0E9D9;
}
.Item-Even {
background-color: #626262;
}
.Item-Odd {
background-color: #565656;
}
.Item-Selected {
background-color: #7F7C73;
}
.Item-LightEven {
background-color: #E6E6E6;
}
.Item-LightOdd {
background-color: #F2F2F2;
}
.Item-LightSelected {
background-color: #F0E9D9;
}
.Panel-Blank {
background-color: #BDBDBD;
}
.Panel-Dark {
background-color: #383838;
}
.Panel-Popover {
background-color: #646464;
box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.49928977);
}
.Panel-White {
background-color: #FFFFFF;
}
.QuantaType-Control {
background-color: #82A46A;
}
.QuantaType-Data {
background-color: #76A19E;
}
.QuantaType-Fluid {
background-color: #918DAB;
}
.QuantaType-Fuels {
background-color: #BBAB5F;
}
.QuantaType-Mechanical {
background-color: #BC9663;
}
.QuantaType-Thermal {
background-color: #C28C94;
}
.Sidebar-Blank {
background-color: #BDBDBD;
}
.Sidebar-Boolean {
background-color: #383838;
}
.Sidebar-Dark {
background-color: #383838;
}
.Sidebar-GreyOut {
background-color: #9C9A9A;
opacity: 0.45;
}
.Sidebar-Lite {
background-color: #ECECEC;
}
.Sidebar-Preview {
background-color: #F3F3F3;
}
.Sidebar-white {
background-color: #FFFFFF;
}
.Tab-Dark {
background-color: #2C2C2C;
}
.Tab-Active {
background-color: #F29F00;
box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
}
.Tab-InActive {
background-color: #444A53;
box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
}
.TableRows-Blue {
background-color: #EEF1F9;
border: 2px solid #747474;
}
.TableRows-Orange {
background-color: #EDD7B8;
border: 2px solid #747474;
}
.TableRows-White {
background-color: #FFFFFF;
border: 2px solid #747474;
}
.TableTitleBar-Blue {
background-color: #5D7CA7;
border: 2px solid #747474;
}
.TableTitleBar-Grey {
background-color: #464646;
border: 2px solid #747474;
}
.TableTitleBar-Orange {
background-color: #F29F00;
border: 2px solid #747474;
}
.TextBox-Lite {
background-color: #F0F1F3;
}
.TitleBar-Blue {
background: #5D7CA7;
}
.TitleBar-Grey {
background: #464646;
}
.TitleBar-Navy {
background: #444A53;
}
.ToolBar-Grey {
background: linear-gradient(180deg, #4a4a4a 0%, #474747 53%, #3a3a3a 100%);
}
.WiringPins-Blue {
background-color: #B4C2E1;
border: 1px solid #000000;
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.5);
}
.WiringPins-Green {
background-color: #ABB38D;
border: 1px solid #000000;
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.5);
}
.WiringPins-Pink {
background-color: #D3B2C0;
border: 1px solid #000000;
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.5);
}
.WiringPins-Purple {
background-color: #C7B7D1;
border: 1px solid #000000;
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.5);
}
.WiringPins-Teal {
background-color: #71BCBE;
border: 1px solid #000000;
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.5);
}
.Tool {
background-image: url(assets/images/showWalls_edb6a5147391a42eec2f.svg);
}
.fittable-sample-shadow4 {
box-shadow: 6px 0px 6px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 6px 0px 6px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 6px 0px 6px rgba(0, 0, 0, 0.3);
}
.list-sample {
background-color: gray;
}
.list-sample-list {
margin: auto;
background-color: #eee;
}
.list-sample-item {
border-bottom: 1px solid #0E0E0E;
padding: 18px;
font-size: 18px;
font-weight: bold;
}
.list-sample-index {
float: right;
font-size: 16px;
font-weight: normal;
}
.list-sample-selected {
background-color: #c4e3fe;
}
.button-list {
background-color: #505256;
color: white;
}
.button-list.selected {
background-color: #166C97 !important;
}
.side-bar {
position: absolute;
left: 0;
top: 0;
right: 0;
}
.hive-sampler .hive-sampler-leftColumn {
background-color: #505257;
}
.hive-sampler .panel {
background: #FFF;
}
.hive-sampler .panel .footer {
z-index: 999;
}
.hive-sampler .hive-source-tabs {
width: 60px;
}
.hive-sampler .hive-z-99999 {
z-index: 99999;
}
.hive-sampler .hive-analytics-panel {
position: absolute;
right: 0;
left: auto;
width: 100%;
border-left: solid 1px black;
background-color: #ffffff;
}
.hive-sampler .panels-sample-sliding-panels > * {
width: 320px;
background-color: #EAEAEA;
-moz-box-shadow: -4px 0 4px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: -4px 0 4px rgba(0, 0, 0, 0.3);
box-shadow: -4px 0 4px rgba(0, 0, 0, 0.3);
}
.hive-sampler .panels-sample-sliding-item {
padding: 10px;
border-bottom: 1px solid black;
}
.hive-sampler .panels-sample-sliding-content {
text-align: left;
padding: 10px;
}
.hive-sampler .hive-source-code {
padding: 15px;
font-family: monospace;
font-size: 12px;
user-select: text;
cursor: auto;
}
.hive-sampler .hive-background-white {
background-color: white !important ;
}
.display-flex {
display: flex;
}
.align-equal {
display: inline-flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.enyo-data-list.rendered .page {
display: inline!important;
}
.enyo-data-list .page {
position: relative!important;
}
.hive-sampler .center {
display: flex;
align-content: center;
justify-content: center;
}
.hive-sampler .mb {
margin-bottom: 20px;
}
.hive-sampler .top-space {
margin-top: 0.313rem;
}
.hive-sampler .bottom-space {
margin-bottom: 0.313rem;
}
.hive-sampler .lr-padding {
padding: 0rem 0.625rem;
}
.hive-sampler .Fonts .FontBox {
margin-left: 1.25rem;
margin-right: 1.25rem;
border: solid 1px black;
box-shadow: 6px 6px 4px -2px #ccc;
}
.hive-sampler .Fonts .FontBox.indent {
margin-left: 2.5rem;
}
.hive-sampler .Fonts .FontBox.indent2 {
margin-left: 3.75rem;
}
.hive-sampler .Fonts .FontBox.indent3 {
margin-left: 5rem;
}
.hive-sampler .Fonts .FontBox.indent4 {
margin-left: 6.25rem;
}
.hive-sampler .Fonts .FontBox .first {
width: 25%;
padding: 0.625rem;
background-color: #D5D5D5;
border-right: solid 1px black;
}
.hive-sampler .Fonts .FontBox .first .css {
font-family: 'OpenSans-Light';
font-size: 0.563rem;
}
.hive-sampler .Fonts .FontBox .second {
width: 75%;
padding: 0.625rem;
background-color: #FFFFFF;
}
.hive-sampler .Colors .multiple-container {
display: flex;
margin-bottom: 1.56rem;
}
.hive-sampler .Colors .color-container {
height: 4.5rem;
width: 5.53rem;
margin-right: 1.88rem;
}
.hive-sampler .Colors .color-container .top {
height: 2.25rem;
width: 100%;
}
.hive-sampler .Colors .color-container .bottom {
background: white;
height: 2.25rem;
width: 100%;
}
.hive-sampler .Colors .color-container .bottom .margins {
padding: 0.313rem 0 0 0.156rem;
}
.scroll {
overflow: scroll;
}
.flex {
display: flex;
}
.flex-inline {
display: inline-flex;
}
.flex--direction-column {
flex-direction: column;
}
.flex--direction-row {
flex-direction: row;
}
.flex--align-center {
align-items: center;
}
.flex--justify-start {
justify-content: flex-start;
}
.flex--justify-center {
justify-content: center;
}
.flex--justify-end {
justify-content: flex-end;
}
.flex--justify-evenly {
justify-content: space-evenly;
}
.flex--justify-between {
justify-content: space-between;
}
.flex--grow-1 {
flex-grow: 1;
}
.default-style .panel-background--dark {
background-color: #383838;
}
.default-style .panel-background--light {
background-color: #ececec;
}
.default-style--dark {
background-color: #555656;
}
.default-style--grey {
background-color: #bdbdbd;
}
.default-style--light {
background-color: #ececec;
}
.default-style .right-panel-padding {
padding: 0.875rem 0.625rem;
}
.default-style--border {
background-color: #ececec;
box-sizing: content-box;
flex-grow: 1;
margin: 0 0 0 0.225rem !important;
}
.default-style--border.border-right {
padding-right: 0.225rem;
}
.default-style--border.light {
background-color: #ececec;
}
.default-style--drawer-group {
display: flex;
flex-flow: column;
height: 100%;
background-color: #555656;
}
.default-style--drawer-group .expand-max {
flex: 1 0 0;
display: flex;
flex-direction: column;
}
.default-style--drawer-group .expand-max .hive-drawer {
height: 100%;
}
.default-style--drawer-group.no-background-color {
background-color: unset;
}
.default-style--left-border {
padding-left: 0.125rem;
background-image: linear-gradient(to bottom, #ececec 0%, #ececec 100%), linear-gradient(to bottom, #4a4a4a, #474747 53%, #3a3a3a);
background-clip: content-box, padding-box;
}
.default-style .widget-background--dark {
background-color: #464646;
}
.side-panel-margin {
margin-left: 0.223rem;
}
.navigation-help-menu-item {
font-weight: 600;
color: #F2F2F2;
margin: 0.313rem 0 0.313rem 0.313rem;
}
.svg-animate-rotate {
transform-box: fill-box;
transform-origin: center;
animation-timing-function: ease-in;
animation: rotate 5.7s linear infinite;
animation-play-state: running;
}
@keyframes rotate {
to {
transform: rotate(360deg);
}
}
@keyframes rotate-reverse {
to {
transform: rotate(-360deg);
}
}
.svg-animate-rotate .disabled {
animation-play-state: paused;
}
.svg-animate-rotate.disabled {
animation-play-state: paused;
}
.svg-animate-rotate.reverse {
animation: rotate-reverse 5.7s linear infinite;
}
.svg-animate-rotate.reverse.disabled {
animation-play-state: paused;
}
.svg-animate-rotate.fast {
animation: rotate 1.2s linear infinite;
}
.svg-animate-rotate.fast.reverse {
animation: rotate-reverse 1.2s linear infinite;
}
.svg-animate-rotate.fast.disabled {
animation-play-state: paused;
}
.svg-animate-rotate.slow {
animation: rotate 12.3s linear infinite;
}
.svg-animate-rotate.slow.reverse {
animation: rotate-reverse 12.3s linear infinite;
}
.svg-animate-rotate.slow.disabled {
animation-play-state: paused;
}
.svg-animate-gradient {
transform-box: fill-box;
transform-origin: center;
}
.svg-animate-tank-fill {
transform-box: fill-box;
transform-origin: bottom;
}
.svg-animate-tank-fill.full {
transform: scaleY(1);
}
.svg-animate-tank-fill.empty {
transform: scaleY(0);
}
* {
--connection-node-opacity: 0.84;
--node-filter-opacity: 1;
}
.hive-svg {
/*
* As elements are selected, the 'use' element is created at the same origin/coordinates and the (currently orange glow) filter is applied
*/
}
.hive-svg g[pl-type='InstanceBadge'] circle {
fill: #8d3333;
}
.hive-svg g[pl-type='InstanceBadge'] text {
font-family: 'AvenirNext';
font-variation-settings: "wght" 700, "wdth" 100;
font-size: 1.09rem;
text-transform: uppercase;
text-transform: none;
font-size: 0.969rem;
font-variation-settings: "wght" 600, "wdth" 110;
color: #ffffff;
font-size: 1.28rem;
fill: #ffffff;
}
.hive-svg g[pl-type='ConnectionNodeEnumeration'] text {
font-family: 'AvenirNext';
font-variation-settings: "wght" 700, "wdth" 100;
font-size: 1.09rem;
text-transform: uppercase;
text-transform: none;
font-size: 0.969rem;
font-variation-settings: "wght" 600, "wdth" 110;
color: #ffffff;
font-size: 1.28rem;
fill: #ffffff;
}
.hive-svg .connector-hydronic ellipse,
.hive-svg .connector-hydronic circle {
fill: #4769a7;
}
.hive-svg .connector-air ellipse,
.hive-svg .connector-air circle {
fill: #a74747;
}
.hive-svg .connector-conduct ellipse,
.hive-svg .connector-conduct circle {
fill: #47a780;
}
.hive-svg .connector-water ellipse,
.hive-svg .connector-water circle {
fill: #4791a7;
}
.hive-svg .connector-electric ellipse,
.hive-svg .connector-electric circle {
fill: #a78e47;
}
.hive-svg g[pl-type^='ConnectionNode'] {
opacity: var(--connection-node-opacity);
}
.hive-svg g[pl-type^='ConnectionNode'].external-node circle {
fill-opacity: 1;
fill: var(--quanta-class-color);
}
.hive-svg g[pl-type^='ConnectionNode'].external-node .cnRing {
fill: #ffffff;
}
.hive-svg g[pl-type^='ConnectionNode'].internal-node circle {
fill-opacity: 0.35;
fill: var(--quanta-class-color);
}
.hive-svg g[pl-type^='ConnectionNode'].internal-node circle.bg {
fill-opacity: 1;
fill: #fff;
}
.hive-svg g[pl-type^='ConnectionNode'].internal-node .cnRing {
fill: var(--quanta-class-color);
}
.hive-svg g[pl-type^='ConnectionNode'].mapping-select ellipse,
.hive-svg g[pl-type^='ConnectionNode'].mapping-select circle {
stroke: black;
stroke-dasharray: 1;
animation: ants 9.1s linear 0s infinite;
}
.hive-svg .showConnectors g[pl-type='ConnectorLayer'] {
visibility: visible;
}
.hive-svg .hideConnectors g[pl-type='ConnectorLayer'] {
visibility: hidden;
}
.hive-svg .showAnimations g[pl-type='AnimationLayer'] {
visibility: visible;
}
.hive-svg .hideAnimations g[pl-type='AnimationLayer'] {
visibility: hidden;
}
.hive-svg .showIndicators g[pl-type='IndicatorLayer'] {
visibility: visible;
}
.hive-svg .hideIndicators g[pl-type='IndicatorLayer'] {
visibility: hidden;
}
.hive-svg .showAnnotations g[pl-type='AnnotationLayer'] {
visibility: visible;
}
.hive-svg .hideAnnotations g[pl-type='AnnotationLayer'] {
visibility: hidden;
}
.hive-svg .connection {
fill: none;
stroke-linejoin: round;
}
.hive-svg .connection--outer {
stroke: #43464b;
stroke-width: calc(19px * 0.5);
}
.hive-svg .connection--inner {
stroke: #ffffff;
stroke-width: calc(10px * 0.5);
}
.hive-svg .flow {
stroke-dasharray: 20, 12;
animation: ants 10s linear 0s infinite;
}
.hive-svg .flow__forward {
animation-direction: reverse;
}
.hive-svg .flow__backward {
animation-direction: normal;
}
@keyframes ants {
to {
stroke-dashoffset: 1000;
}
}
.hive-svg use {
filter: drop-shadow(0 0 var(--selection-highlight-spread) var(--selection-highlight-color));
}
.hive-svg svg {
--selection-opacity: 1;
--quanta-class-color: var(--quanta-class-none-color);
}
.internalExternalGroupEditorFrame rect.frame {
fill: #FFF;
}
.internalExternalGroupEditorFrame rect.bg {
fill: #F6F7F7;
}
.svg_selected {
opacity: var(--selection-opacity);
}
.svg_select_points_point {
stroke-width: 1;
stroke: white;
}
.connectionNodeLabel {
visibility: hidden;
transform: matrix(1, 0, 0, 1, -10, -8);
}
.connectionNodeLabel text {
fill: #639ec8;
font-family: AvenirNext-Bold, Arial, sans-serif;
font-size: 9px;
text-anchor: middle;
letter-spacing: -0.05em;
}
.showConnectionNodeLabels .connectionNodeLabel {
visibility: visible;
}
.showExternalConnectionNodeLabels .externalConnectionNode .connectionNodeLabel {
visibility: visible;
}
svg {
--connection-node-selected-spread: 3px;
--connection-node-selected-color: #5c8fe0;
--connection-node-unconnected-spread: 1px;
--connection-node-unconnected-color: #FFF;
--connection-node-connected-color: #79A36B;
}
.connection-node-selected,
.connection-node-selected.connection-node-unconnected {
filter: drop-shadow(0 0 var(--connection-node-selected-spread) var(--connection-node-selected-color));
}
.equationFlow {
--baseColor: #8e8e8e;
--basePathColor: #8e8e8e;
--computedColor: #6c9cc9;
--computedPathColor: #00f;
--fluidPathColor: var(--fluidColor);
--thermalPathColor: var(--thermalColor);
--mechanicalPathColor: var(--mechanicalColor);
--fuelPathColor: var(--fuelColor);
--controlPathColor: var(--controlColor);
--dataPathColor: var(--dataColor);
--connectorDetailPathColor: #f19d21;
--propStrokeColor: #3b3b3b;
--behaviorStrokeWidth: 1;
--propStrokeWidth: 3;
}
.equationFlow * {
--quanta-class-fluid-color: var(--fluidColor);
--quanta-class-thermal-color: var(--thermalColor);
--quanta-class-mechanical-color: var(--mechanicalColor);
--quanta-class-fuel-color: var(--fuelColor);
--quanta-class-control-color: var(--controlColor);
--quanta-class-data-color: var(--dataColor);
}
@keyframes fade-in {
from {
visibility: hidden;
opacity: 0;
}
to {
opacity: 1;
visibility: visible;
}
}
@keyframes fade-out {
from {
opacity: 1;
pointer-events: none;
}
to {
opacity: 0;
}
}
.equationFlow .fadeIn {
animation: fade-in 0.36s;
animation-fill-mode: forwards;
}
.equationFlow .fadeOut {
animation: fade-out 0.36s;
animation-fill-mode: forwards;
}
.equationFlow g[pl-type^='ConnectionNode'] {
opacity: 1;
}
.equationFlow .mq-math-mode {
cursor: default;
}
.equationFlow .property {
--propColor: var(--baseColor);
}
.equationFlow .property .propertyBG {
fill: var(--propColor);
}
.equationFlow .property .computedBy {
fill: #fff;
color: #fff;
}
.equationFlow .property .nameLabel {
fill: var(--propColor);
}
.equationFlow .property.baseProperty {
--propColor: var(--baseColor);
}
.equationFlow .property.computedProperty {
--propColor: var(--computedColor);
}
.equationFlow .property.Fluid {
--propColor: var(--fluidColor);
}
.equationFlow .property.Thermal {
--propColor: var(--thermalColor);
}
.equationFlow .property.Mechanical {
--propColor: var(--mechanicalColor);
}
.equationFlow .property.Fuel {
--propColor: var(--fuelColor);
}
.equationFlow .property.Control {
--propColor: var(--controlColor);
}
.equationFlow .property.Data {
--propColor: var(--dataColor);
}
.equationFlow .propertyConnection circle {
stroke: var(--propColor);
stroke-width: var(--behaviorStrokeWidth);
}
.equationFlow .propertyConnection circle.isProperty {
stroke: var(--propStrokeColor);
stroke-width: var(--propStrokeWidth);
}
.equationFlow .connectorDetailLabel {
fill: var(--propColor);
font-family: AvenirNext-Bold, Arial, sans-serif;
font-size: 0.9em;
font-weight: bold;
letter-spacing: -0.05em;
}
.equationFlow .connectorDetailLabel.quanta {
font-size: 1.2em;
}
.equationFlow .propertyConnectionPath {
fill: none;
stroke-width: 4;
stroke-linecap: round;
stroke-linejoin: round;
}
.equationFlow .propertyConnectionPath.basePath {
stroke: var(--basePathColor);
stroke-width: 2;
marker-end: url(#arrowHeadBase);
}
.equationFlow .propertyConnectionPath.computedPath {
stroke: var(--computedPathColor);
marker-end: url(#arrowHeadComputed);
}
.equationFlow .propertyConnectionPath.connectorDetailPath {
stroke: var(--connectorDetailPathColor);
marker-end: url(#arrowHeadConnectorDetail);
stroke-width: 4;
}
.equationFlow .propertyConnectionPath.Fluid {
stroke: var(--fluidPathColor);
marker-end: url(#arrowHeadFluid);
}
.equationFlow .propertyConnectionPath.Thermal {
stroke: var(--thermalPathColor);
marker-end: url(#arrowHeadThermal);
}
.equationFlow .propertyConnectionPath.Mechanical {
stroke: var(--mechanicalPathColor);
marker-end: url(#arrowHeadMechanical);
}
.equationFlow .propertyConnectionPath.Fuel {
stroke: var(--fuelPathColor);
marker-end: url(#arrowHeadFuel);
}
.equationFlow .propertyConnectionPath.Control {
stroke: var(--controlPathColor);
marker-end: url(#arrowHeadControl);
}
.equationFlow .propertyConnectionPath.Data {
stroke: var(--dataPathColor);
marker-end: url(#arrowHeadData);
}
.equationFlow #arrowHeadBase {
fill: var(--basePathColor);
}
.equationFlow #arrowHeadComputed {
fill: var(--computedPathColor);
}
.equationFlow #arrowHeadFluid {
fill: var(--fluidPathColor);
}
.equationFlow #arrowHeadThermal {
fill: var(--thermalPathColor);
}
.equationFlow #arrowHeadMechanical {
fill: var(--mechanicalPathColor);
}
.equationFlow #arrowHeadFuel {
fill: var(--fuelPathColor);
}
.equationFlow #arrowHeadControl {
fill: var(--controlPathColor);
}
.equationFlow #arrowHeadData {
fill: var(--dataPathColor);
}
.equationFlow #arrowHeadConnectorDetail {
fill: var(--connectorDetailPathColor);
}
.svg-ontology-graph {
--curvaceous-line-color: #bcc8cf;
}
.svg-ontology-graph .curvaceous {
stroke-width: 3;
stroke: var(--curvaceous-line-color);
}
.svg-ontology-graph .curvaceous-arrowhead {
fill: var(--curvaceous-line-color);
}
.svg-ontology-graph .subline-arrowhead {
fill: var(--domain-color);
}
.svg-ontology-graph .line {
fill: transparent;
}
.svg-ontology-graph .line.between-rows,
.svg-ontology-graph .line.main-line {
stroke-width: 1.8;
stroke: var(--domain-color);
}
.svg-instance-graph {
--box-bg-color: #e4e4e4;
--header-text-color: black;
--instance-path-color: #9cc6d4;
--instance-path-color-hover: #7594bd;
}
.svg-instance-graph .line {
display: none;
}
.svg-instance-graph .label {
fill: #333;
font-family: AvenirNext-Bold, Arial, sans-serif;
font-size: 0.6em;
font-weight: 200;
letter-spacing: 0.05em;
}
.svg-instance-graph .tooltip {
fill: #333;
font-size: 0.3em;
}
.svg-instance-graph .tooltip rect {
fill: lightyellow;
stroke: #333;
stroke-width: 0.2;
}
.svg-instance-graph .tooltip .label {
fill: #333;
}
.svg-instance-graph .instances-container-group .box {
fill: var(--box-bg-color);
opacity: 1;
}
.svg-instance-graph .instances-container-group .box rect {
stroke-width: 0.6;
}
.svg-instance-graph .instances-container-group .header {
font-family: AvenirNext, Arial, sans-serif;
font-size: 0.8em;
fill: var(--header-text-color);
font-weight: 700;
text-anchor: start;
}
.svg-instance-graph .instances-container-group .scrollBar {
fill: #999999;
}
.svg-instance-graph .instances-container-group .topBar {
fill: var(--domain-color);
}
.svg-instance-graph .instances-container-group .tooltip {
fill: #333;
font-size: 0.3em;
font-size: 1em;
}
.svg-instance-graph .instances-container-group .tooltip rect {
fill: lightyellow;
stroke: #333;
stroke-width: 0.2;
}
.svg-instance-graph .instances-container-group .tooltip .label {
fill: #333;
}
.svg-instance-graph .instance-connection-path {
stroke: var(--instance-path-color);
stroke-width: 0.54;
fill: none;
stroke-linecap: round;
}
.svg-instance-graph .instance-connection-path:hover {
stroke: var(--instance-path-color-hover);
}
.svg-instance-graph .instance-connection-path-table {
stroke: var(--domain-color);
stroke-width: 1.6;
fill: none;
stroke-linecap: round;
}
.svg-instance-graph .instance-arrowhead {
fill: var(--instance-path-color);
}
.svg-instance-graph .table-arrowhead {
fill: var(--domain-color);
}
.svg-instance-graph .instance-arrowhead-hover {
fill: var(--instance-path-color-hover);
}
.svg-instance-graph .containerPill {
filter: drop-shadow(1px 2px 4px #888);
}
.svg-instance-graph .containerPill .border {
stroke-width: 1.5;
fill: transparent;
stroke: white;
}
.svg-instance-graph .containerPill.selected .border {
stroke: orange;
}
.svg-instance-graph .containerPill .bg {
fill: var(--domain-color);
fill-opacity: 0.9;
width: 110px;
height: 30px;
}
.svg-instance-graph .containerPill .label {
fill: #333;
font-family: AvenirNext-Bold, Arial, sans-serif;
font-size: 0.6em;
font-weight: 200;
letter-spacing: 0.05em;
fill: white;
}
.svg-instance-graph .containerPill .connector circle {
fill: #ccc;
stroke: #777;
stroke-width: 1;
transform: scale(0.5);
}
.form-interface .pad-left__1-5 {
padding-left: 0.469rem;
}
.form-interface .widget .side-bar ul.slidebar-content li {
width: 100%;
padding: 15px 0;
color: #3c3a46;
font-family: 'OpenSans-Bold';
}
.form-interface .widget .side-bar ul.slidebar-content li:first-child {
margin-top: 15px;
}
.form-interface .widget .side-bar ul.slidebar-content li.selected {
background-color: transparent;
}
.form-interface .widget .side-bar ul.slidebar-content li img {
width: auto;
margin-bottom: 3px;
}
.form-interface .panel {
background: #FFF;
}
.form-interface .tab-panel-shadow {
box-shadow: -6px 0 8px 0 rgba(0, 0, 0, 0.5);
}
.form-interface .control {
width: 230px;
font-size: 12px;
line-height: 16px;
font-weight: bold;
background: #FFF;
height: 100%;
}
.form-interface .control .heading-title {
text-transform: uppercase;
}
.form-interface .control .colorPickerHeight {
height: 200px;
}
.form-interface .control .name {
color: grey;
background: #FFF;
font-size: 12px;
font-weight: bold;
line-height: 16px;
}
.form-interface .control .hive-drawer-title {
font-size: 12px;
}
.form-interface .control .zone-content {
margin: 0 10px 0 20px;
}
.form-interface .control .zone-content .heading-advanced-option .drawer-heading {
margin-top: 7px;
}
.form-interface .control .zone-content .heading-advanced-option .p-1 {
padding: 0px;
}
.form-interface .control .zone-content .drawer-zone-heading {
position: relative;
margin-top: 15px;
color: #FFF;
font-size: 9px;
line-height: 12px;
cursor: pointer;
white-space: nowrap;
-webkit-border-radius: 0 6px 0 6px;
-moz-border-radius: 0 6px 0 6px;
border-radius: 0 6px 0 6px;
}
.form-interface .control .zone-content .drawer-zone-heading .drawer-container .drawer-scroll {
overflow: none;
}
.form-interface .control .zone-content .drawer-zone-heading:before {
position: absolute;
left: 13px;
top: -15px;
content: "\a0";
height: 25px;
width: 3px;
background-color: #4B6796;
}
.form-interface .control .zone-content .drawer-zone-heading.unactive:after {
line-height: 12px;
font-size: 26px;
font-family: initial;
font-weight: bold;
content: "-";
}
.form-interface .control .zone-content .drawer-zone-option {
height: -webkit-fill-available;
}
.form-interface .control .zone-content .drawer-zone-option:before {
position: absolute;
top: -1px;
left: 14px;
content: "\a0";
background-color: #4B6796;
width: 3px;
height: 60px;
}
.form-interface .control .zone-content .drawer-zone-option:after {
position: absolute;
content: "\a0";
background-color: #4B6796;
width: 11px;
height: 3px;
left: 14px;
top: 58px;
}
.form-interface .control .zone-content .drawer-zone-option .zone-name {
padding-top: 27px;
margin-left: 25px;
font-size: 12px;
color: #4a6992;
}
.form-interface .control .zone-content .drawer-zone-option .zone-option {
margin-left: 20px;
background: #FFF;
width: 140px;
}
.form-interface .control .zone-content .drawer-zone-option .zone-option > div {
border: solid 1px #4a6992;
padding: 5px;
}
.form-interface .control .zone-content .drawer-zone-option .zone-option > div > div + div {
line-height: 19px;
}
.form-interface .control .zone-content .drawer-zone-option .zone-option > div + div {
border-top: none;
}
.form-interface .control button.bt-floor,
.form-interface .control button.bt-temperature,
.form-interface .control button.bt-system {
width: 159px !important;
padding: 2px 10px !important;
border: solid 1px #999899;
font-size: 12px;
line-height: 20px;
font-weight: bold;
text-align: left;
background: url(assets/images/picker_e69a499c3849345e7f53.png) 145px 10px no-repeat, -webkit-linear-gradient(#fcfbfb, #f2f2f2, #ececed) 0 0 !important;
background: url(assets/images/picker_e69a499c3849345e7f53.png) 145px 10px no-repeat, -o-linear-gradient(#fcfbfb, #f2f2f2, #ececed) 0 0 !important;
background: url(assets/images/picker_e69a499c3849345e7f53.png) 145px 10px no-repeat, -moz-linear-gradient(#fcfbfb, #f2f2f2, #ececed) 0 0 !important;
background: url(assets/images/picker_e69a499c3849345e7f53.png) 145px 10px no-repeat, linear-gradient(#fcfbfb, #f2f2f2, #ececed) 0 0 !important;
background: url(assets/images/picker_e69a499c3849345e7f53.png) 145px 10px no-repeat, -webkit-linear-gradient(#fcfbfb, #f2f2f2, #ececed) 0 0 !important;
background: url(assets/images/picker_e69a499c3849345e7f53.png) 145px 10px no-repeat, -o-linear-gradient(#fcfbfb, #f2f2f2, #ececed) 0 0 !important;
background: url(assets/images/picker_e69a499c3849345e7f53.png) 145px 10px no-repeat, -moz-linear-gradient(#fcfbfb, #f2f2f2, #ececed) 0 0 !important;
background: url(assets/images/picker_e69a499c3849345e7f53.png) 145px 10px no-repeat, linear-gradient(#fcfbfb, #f2f2f2, #ececed) 0 0 !important;
background-size: 8px 5px;
}
.form-interface .control button.bt-sensor,
.form-interface .control button.bt-trigger-action {
width: 130px !important;
padding: 2px 10px !important;
border: solid 1px #999899;
font-size: 12px;
line-height: 20px;
font-weight: bold;
text-align: left;
background: url(assets/images/picker_e69a499c3849345e7f53.png) 116px 10px no-repeat, -webkit-linear-gradient(#fcfbfb, #f2f2f2, #ececed) 0 0 !important;
background: url(assets/images/picker_e69a499c3849345e7f53.png) 116px 10px no-repeat, -o-linear-gradient(#fcfbfb, #f2f2f2, #ececed) 0 0 !important;
background: url(assets/images/picker_e69a499c3849345e7f53.png) 116px 10px no-repeat, -moz-linear-gradient(#fcfbfb, #f2f2f2, #ececed) 0 0 !important;
background: url(assets/images/picker_e69a499c3849345e7f53.png) 116px 10px no-repeat, linear-gradient(#fcfbfb, #f2f2f2, #ececed) 0 0 !important;
background: url(assets/images/picker_e69a499c3849345e7f53.png) 116px 10px no-repeat, -webkit-linear-gradient(#fcfbfb, #f2f2f2, #ececed) 0 0 !important;
background: url(assets/images/picker_e69a499c3849345e7f53.png) 116px 10px no-repeat, -o-linear-gradient(#fcfbfb, #f2f2f2, #ececed) 0 0 !important;
background: url(assets/images/picker_e69a499c3849345e7f53.png) 116px 10px no-repeat, -moz-linear-gradient(#fcfbfb, #f2f2f2, #ececed) 0 0 !important;
background: url(assets/images/picker_e69a499c3849345e7f53.png) 116px 10px no-repeat, linear-gradient(#fcfbfb, #f2f2f2, #ececed) 0 0 !important;
background-size: 8px 5px;
}
.form-interface .control .onyx-checkbox {
margin-right: 10px;
}
.form-interface .control .tein-content,
.form-interface .control .snowmelt-content {
margin: 0 10px 0 20px;
}
.form-interface .control .sensor,
.form-interface .control .trigger-action {
padding-top: 39px;
padding-left: 22px;
background: url(assets/images/bg-interface-location_1dfe64ea1afa8e4ed449.png) 1px 0 no-repeat;
}
.form-interface .control .item-name {
color: #4a6992;
}
.form-interface .control .item-sensor {
padding-top: 10px;
}
.form-interface .control .color {
background: url(assets/images/bg-interface-color_a0e72eff30699b19f6cd.png) 10px 0px no-repeat;
padding-top: 8px;
padding-left: 30px;
}
.form-interface .control .color-picker-box {
margin-bottom: 33px;
margin-left: 1px;
margin-top: 10px;
}
.form-interface .control .bt-select-color {
border: solid 1px #999899;
width: 50px;
height: 40px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background: -webkit-linear-gradient(#fcfbfb, #f2f2f2, #ececed);
background: -o-linear-gradient(#fcfbfb, #f2f2f2, #ececed);
background: -moz-linear-gradient(#fcfbfb, #f2f2f2, #ececed);
background: linear-gradient(#fcfbfb, #f2f2f2, #ececed);
}
.form-interface .control .bt-select-color .min-color,
.form-interface .control .bt-select-color .max-color {
width: 40px;
height: 30px;
margin-top: 5px;
margin-left: 5px;
}
.form-interface .control .switch-style {
margin-top: 15px;
background: url(assets/images/bg-interface-switch_51ea92079bdc995f1535.png) 6px 18px no-repeat;
}
.form-interface .control .switch-style button.bt-kind {
width: 70px !important;
background: url(assets/images/picker_e69a499c3849345e7f53.png) 57px 10px no-repeat, -webkit-linear-gradient(#fcfbfb, #f2f2f2, #ececed) 0 0 !important;
background: url(assets/images/picker_e69a499c3849345e7f53.png) 57px 10px no-repeat, -o-linear-gradient(#fcfbfb, #f2f2f2, #ececed) 0 0 !important;
background: url(assets/images/picker_e69a499c3849345e7f53.png) 57px 10px no-repeat, -moz-linear-gradient(#fcfbfb, #f2f2f2, #ececed) 0 0 !important;
background: url(assets/images/picker_e69a499c3849345e7f53.png) 57px 10px no-repeat, linear-gradient(#fcfbfb, #f2f2f2, #ececed) 0 0 !important;
background: url(assets/images/picker_e69a499c3849345e7f53.png) 57px 10px no-repeat, -webkit-linear-gradient(#fcfbfb, #f2f2f2, #ececed) 0 0 !important;
background: url(assets/images/picker_e69a499c3849345e7f53.png) 57px 10px no-repeat, -o-linear-gradient(#fcfbfb, #f2f2f2, #ececed) 0 0 !important;
background: url(assets/images/picker_e69a499c3849345e7f53.png) 57px 10px no-repeat, -moz-linear-gradient(#fcfbfb, #f2f2f2, #ececed) 0 0 !important;
background: url(assets/images/picker_e69a499c3849345e7f53.png) 57px 10px no-repeat, linear-gradient(#fcfbfb, #f2f2f2, #ececed) 0 0 !important;
background-size: 8px 5px;
}
.form-interface .control .switch-style-checkbox-name {
padding-top: 2px;
}
.form-interface .control .switch-style .item-name {
margin-left: 28px;
margin-top: 20px;
margin-bottom: 10px;
}
.form-interface .control .pointer-angle-input {
margin-left: 25px;
}
.form-interface .control .pointer-angle-input input {
width: 60px !important;
margin-left: 5px;
}
.form-interface .control .pointer-angle-input .hive-field-input {
height: 28px !important;
margin-left: 5px;
}
.form-interface .control .switch-style-checkbox-unit {
padding-top: 5px;
padding-left: 5px;
}
.form-interface .control .zone-control-setup .drawer-scroll {
overflow: hidden !important;
}
.form-interface .control .color-drawer .drawer-scroll {
overflow: hidden !important;
}
.form-interface .bt-text {
margin-left: 20px !important;
}
.form-interface .add-view-menu {
font-size: 12px;
}
.form-interface .add-view-menu .onyx-menu-item {
padding: 5px 10px;
font-weight: bold;
}
.form-interface .interface-tools {
margin-top: -3px !important;
}
.form-interface .switch-input-name .hive-field-input {
height: 28px !important;
}
.form-interface .right-panel .ContentWrapper .heading {
margin-top: 0.375rem;
}
.form-interface .controllers {
background-color: #ececec;
box-shadow: var(--shadow-b);
}
.form-interface .controllers .hierarchical-list .line {
z-index: -1;
margin-left: 0.156rem;
left: 0.438rem;
}
.form-interface .controllers .hierarchical-list .drawer-item {
margin-left: -8px;
margin-top: 1.25rem;
}
.form-interface .controllers .hierarchical-list .zone-list-repeater {
margin-left: 0.469rem;
overflow: visible;
}
.form-interface .controllers .hierarchical-list .repeater-list-item {
padding-top: 0rem;
z-index: 1;
border-bottom: solid 1px #3c3a46;
border-right: solid 1px #3c3a46;
border-left: solid 1px #3c3a46;
height: 1.56rem;
background-color: #ebeff8;
overflow-x: hidden;
overflow-y: hidden;
position: relative;
width: 85%;
}
.form-interface .controllers .hierarchical-list .repeater-list-item .item-title {
flex-grow: 1;
padding-left: 0.313rem;
display: inline;
position: absolute;
top: 0;
height: fit-content;
margin-top: 0.438rem;
margin-left: 1.56rem;
vertical-align: middle;
}
.form-interface .controllers .hierarchical-list .repeater-list-item .grey-box {
width: 18%;
height: 1.56rem;
display: inline;
position: absolute;
top: 0;
right: 0;
background-color: #8e8c8c;
color: white;
font-size: 0.625rem;
line-height: 1.56rem;
text-align: center;
}
.form-interface .controllers .hierarchical-list .repeater-list-item .checkboxGroup {
padding: unset;
height: 100%;
}
.form-interface .controllers .hierarchical-list .repeater-list-item .new-checkbox .checkbox2 {
height: 1.41rem;
width: 1.41rem;
margin-top: 0.219rem;
background-size: 1.09rem;
}
.form-interface .controllers .hierarchical-list .repeater-list-item .new-checkbox .checkbox2[checked] {
background-size: contain !important;
}
.form-interface .controllers .hierarchical-list .indented-heading {
margin-left: 1.5rem;
margin-top: 1.25rem;
}
.form-interface .controllers .hierarchical-list .top-border {
border-top: solid 1px #3c3a46;
}
.form-interface .controllers .hierarchical-list .drawer--no-margin {
width: 200px;
}
.form-interface .controllers .no-display {
display: none;
}
.form-interface .controllers.indicators .hierarchical-list .list-item {
margin-top: 0.313rem;
}
.form-interface .controllers.indicators .icon {
height: 5.31rem !important;
width: 5.31rem !important;
margin: 0 !important;
}
.form-interface .controllers.indicators .hive-tool-button-color-fill {
height: 3.91rem !important;
width: 3.91rem !important;
}
.interface-control-switch {
overflow: auto;
}
.interface-control-switch .hive-drawer-title {
font-size: 14px !important;
}
@-webkit-keyframes loadrotate {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes loadrotate {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes animation-opacity {
from {
opacity: 0;
filter: alpha(opacity=0);
}
to {
opacity: 1;
filter: alpha(opacity=100);
}
}
@keyframes animation-opacity {
from {
opacity: 0;
filter: alpha(opacity=0);
}
to {
opacity: 1;
filter: alpha(opacity=100);
}
}
body {
background-color: rgba(0, 0, 0, 0.65);
user-select: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
-webkit-touch-callout: none;
}
.panel-background--dark {
background-color: #464646;
}
.panel-background--light {
background-color: #ececec;
}
.panel-background--white {
background-color: white;
}
.main-panels {
border-left: solid 1px #454545;
border-right: solid 1px #454545;
background-color: #FFF;
}
.toolbar {
height: 40px;
padding: 2px 2px 2px 2px;
text-align: center;
}
.toolbar .hive-back-button {
margin: -3px 10px 0 15px !important;
background-color: transparent;
}
.toolbar .header-left {
float: left;
z-index: 999;
}
.toolbar .header-middle {
z-index: 999;
}
.toolbar .header-right {
float: right;
z-index: 999;
}
.toolbar .bt-project {
margin: -3px 10px 0 15px !important;
font-stretch: condensed;
}
.toolbar .bt-reload,
.toolbar .bt-add-tab {
margin: -4px 10px 0 20px !important;
}
.toolbar .btn-setting,
.toolbar .btn-help,
.toolbar .btn-lock {
margin: 0 10px 0 20px !important;
}
.side-bar {
width: 100%;
overflow: hidden;
}
.side-bar .scroller-up-down {
background: url(assets/images/touch-up-down_d77972102461c924590b.png) bottom center no-repeat;
width: 50px;
height: 50px;
position: absolute;
z-index: 100;
left: 63px;
}
.side-bar .sidebar-wrapper {
display: inline-flex;
height: 1.56rem;
width: 100%;
cursor: pointer;
background: #575757 !important;
box-shadow: inset -0.00313rem 0.0625rem 0.0469rem 0 rgba(255, 255, 255, 0.2), inset -0.00937rem 0.025rem 0.0156rem 0 rgba(82, 82, 82, 0.2), inset 0.00313rem -0.0625rem 0.0469rem 0 rgba(0, 0, 0, 0.2);
border-top: solid 0.0469rem #3a3a3a;
border-bottom: solid 0.0469rem #3a3a3a;
}
.side-bar .sidebar-wrapper.selected .arrow {
transform: rotate(90deg);
margin-top: 0.156rem;
margin-left: 0.0625rem;
}
.side-bar .sidebar-wrapper .slidebar-name {
white-space: nowrap;
font-family: 'AvenirNext';
font-variation-settings: "wght" 600, "wdth" 100;
font-size: 0.656rem;
text-transform: uppercase;
line-height: 1.56rem;
color: #ffffff;
cursor: pointer;
padding-left: 0.125rem;
}
.side-bar ul.slidebar-content {
margin: 0;
padding: 0 10px;
background: #ffffff;
}
.side-bar ul.slidebar-content li {
width: 50%;
float: left;
display: inline-block;
list-style: none;
padding: 25px 0 15px 0;
text-align: center;
font-size: 10px;
font-weight: bold;
font-stretch: condensed;
color: #000;
}
.side-bar ul.slidebar-content li img {
width: 21px;
}
.side-bar ul.slidebar-content li .name {
color: #3c3a46;
font-family: 'OpenSans-Bold';
}
.breadcrumb {
height: 22px;
position: relative;
overflow: hidden;
display: inline-block;
margin: 0 auto;
outline: none;
}
.breadcrumb .breadcrumb-item {
position: relative;
width: 110px;
height: 22px;
float: left;
display: inline-block;
}
.breadcrumb .breadcrumb-item > * {
display: block;
position: absolute;
}
.breadcrumb .breadcrumb-item .rotate {
width: 180px;
height: 180px;
top: -80px;
right: 40px;
border: 1px solid black;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
background: #f0f0f0;
background: -moz-linear-gradient(-45deg, #f0f0f0 0%, #f0f0f0 45%, #dbdbdb 50%, #c7c7c7 55%, #c7c7c7 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, #f0f0f0), color-stop(45%, #f0f0f0), color-stop(50%, #dbdbdb), color-stop(55%, #c7c7c7), color-stop(100%, #c7c7c7));
background: -webkit-linear-gradient(-45deg, #f0f0f0 0%, #f0f0f0 45%, #dbdbdb 50%, #c7c7c7 55%, #c7c7c7 100%);
background: -o-linear-gradient(-45deg, #f0f0f0 0%, #f0f0f0 45%, #dbdbdb 50%, #c7c7c7 55%, #c7c7c7 100%);
background: -ms-linear-gradient(-45deg, #f0f0f0 0%, #f0f0f0 45%, #dbdbdb 50%, #c7c7c7 55%, #c7c7c7 100%);
background: linear-gradient(135deg, #f0f0f0 0%, #f0f0f0 45%, #dbdbdb 50%, #c7c7c7 55%, #c7c7c7 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0', endColorstr='#c7c7c7', GradientType=1);
}
.breadcrumb .breadcrumb-item .text {
width: 90px;
height: 22px;
line-height: 22px;
font-stretch: condensed;
font-size: 11px;
font-weight: bold;
color: #000000;
text-align: center;
}
.breadcrumb .breadcrumb-item.selected .rotate {
background: #7089b1;
background: -moz-linear-gradient(-45deg, #7089b1 0%, #7089b1 45%, #c0cad9 50%, #758eb5 55%, #758eb5 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, #7089b1), color-stop(45%, #7089b1), color-stop(50%, #c0cad9), color-stop(55%, #758eb5), color-stop(100%, #758eb5));
background: -webkit-linear-gradient(-45deg, #7089b1 0%, #7089b1 45%, #c0cad9 50%, #758eb5 55%, #758eb5 100%);
background: -o-linear-gradient(-45deg, #7089b1 0%, #7089b1 45%, #c0cad9 50%, #758eb5 55%, #758eb5 100%);
background: -ms-linear-gradient(-45deg, #7089b1 0%, #7089b1 45%, #c0cad9 50%, #758eb5 55%, #758eb5 100%);
background: linear-gradient(135deg, #7089b1 0%, #7089b1 45%, #c0cad9 50%, #758eb5 55%, #758eb5 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7089b1', endColorstr='#758eb5', GradientType=1);
}
.breadcrumb .breadcrumb-item.selected .text {
color: #ffffff;
}
.breadcrumb .breadcrumb-item.orange .rotate {
background: #ff9f10;
background: -moz-linear-gradient(-45deg, #ff9f10 0%, #ff9f10 45%, #ffe4bc 50%, #ff9f10 55%, #ff9f10 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, #ff9f10), color-stop(45%, #ff9f10), color-stop(50%, #ffe4bc), color-stop(55%, #ff9f10), color-stop(100%, #ff9f10));
background: -webkit-linear-gradient(-45deg, #ff9f10 0%, #ff9f10 45%, #ffe4bc 50%, #ff9f10 55%, #ff9f10 100%);
background: -o-linear-gradient(-45deg, #ff9f10 0%, #ff9f10 45%, #ffe4bc 50%, #ff9f10 55%, #ff9f10 100%);
background: -ms-linear-gradient(-45deg, #ff9f10 0%, #ff9f10 45%, #ffe4bc 50%, #ff9f10 55%, #ff9f10 100%);
background: linear-gradient(135deg, #ff9f10 0%, #ff9f10 45%, #ffe4bc 50%, #ff9f10 55%, #ff9f10 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9f10', endColorstr='#ff9f10', GradientType=1);
}
.breadcrumb .breadcrumb-item.green .rotate {
background: #7089b1;
background: -moz-linear-gradient(-45deg, #7089b1 0%, #7089b1 45%, #c0cad9 50%, #758eb5 55%, #758eb5 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, #7089b1), color-stop(45%, #7089b1), color-stop(50%, #c0cad9), color-stop(55%, #758eb5), color-stop(100%, #758eb5));
background: -webkit-linear-gradient(-45deg, #7089b1 0%, #7089b1 45%, #c0cad9 50%, #758eb5 55%, #758eb5 100%);
background: -o-linear-gradient(-45deg, #7089b1 0%, #7089b1 45%, #c0cad9 50%, #758eb5 55%, #758eb5 100%);
background: -ms-linear-gradient(-45deg, #7089b1 0%, #7089b1 45%, #c0cad9 50%, #758eb5 55%, #758eb5 100%);
background: linear-gradient(135deg, #7089b1 0%, #7089b1 45%, #c0cad9 50%, #758eb5 55%, #758eb5 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7089b1', endColorstr='#758eb5', GradientType=1);
}
.breadcrumb .breadcrumb-item.red .rotate {
background: #ff2626;
background: -moz-linear-gradient(-45deg, #ff2626 0%, #ff2626 45%, #ffbdbd 50%, #ff2626 55%, #ff2626 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, #ff2626), color-stop(45%, #ff2626), color-stop(50%, #ffbdbd), color-stop(55%, #ff2626), color-stop(100%, #ff2626));
background: -webkit-linear-gradient(-45deg, #ff2626 0%, #ff2626 45%, #ffbdbd 50%, #ff2626 55%, #ff2626 100%);
background: -o-linear-gradient(-45deg, #ff2626 0%, #ff2626 45%, #ffbdbd 50%, #ff2626 55%, #ff2626 100%);
background: -ms-linear-gradient(-45deg, #ff2626 0%, #ff2626 45%, #ffbdbd 50%, #ff2626 55%, #ff2626 100%);
background: linear-gradient(135deg, #ff2626 0%, #ff2626 45%, #ffbdbd 50%, #ff2626 55%, #ff2626 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2626', endColorstr='#ff2626', GradientType=1);
}
.breadcrumb .breadcrumb-item:hover {
cursor: pointer;
}
.breadcrumb .breadcrumb-item:hover .rotate {
background: #7089b1;
background: -moz-linear-gradient(-45deg, #7089b1 0%, #7089b1 45%, #c0cad9 50%, #758eb5 55%, #758eb5 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, #7089b1), color-stop(45%, #7089b1), color-stop(50%, #c0cad9), color-stop(55%, #758eb5), color-stop(100%, #758eb5));
background: -webkit-linear-gradient(-45deg, #7089b1 0%, #7089b1 45%, #c0cad9 50%, #758eb5 55%, #758eb5 100%);
background: -o-linear-gradient(-45deg, #7089b1 0%, #7089b1 45%, #c0cad9 50%, #758eb5 55%, #758eb5 100%);
background: -ms-linear-gradient(-45deg, #7089b1 0%, #7089b1 45%, #c0cad9 50%, #758eb5 55%, #758eb5 100%);
background: linear-gradient(135deg, #7089b1 0%, #7089b1 45%, #c0cad9 50%, #758eb5 55%, #758eb5 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7089b1', endColorstr='#758eb5', GradientType=1);
}
.breadcrumb .breadcrumb-item:hover .text {
color: #ffffff;
}
.sub-menu-bar {
position: relative;
background-color: #929292;
padding: 0 18px;
border-bottom: solid 1px #434343;
height: 35px;
}
.sub-menu-bar .name {
width: 170px;
font-size: 12px;
color: #FFF;
font-weight: bold;
height: 25px;
line-height: 25px;
}
.sub-menu-bar .chop {
position: absolute;
display: inline-block;
top: -10px;
left: 242px;
width: 0px;
height: 0px;
border-top: none;
border-right: 10px solid transparent;
border-bottom: 10px solid #929292;
border-left: 10px solid transparent;
}
.sub-menu-bar .tab-bar {
height: 22px;
position: absolute;
margin: auto;
top: 0;
bottom: 0;
left: 180px;
}
.sub-menu-bar .breadcrumbs-wrapper {
top: 5px;
}
/* File Popup */
.file-popup {
width: 198px;
position: absolute;
border: 1px solid #0E0E0E;
background: #FFF url(assets/images/sidebar-li_bfd990a84f1d4daea0ae.png) 8px 8px no-repeat;
padding: 0 0 0 30px;
height: 30px;
color: #000;
line-height: 30px;
font-size: 16px;
font-weight: bold;
cursor: pointer;
}
.drag-item {
position: absolute;
top: 0;
left: 0;
cursor: pointer;
}
.drag-item.wiring-drag-popup {
height: 28px;
width: 202px;
display: inline-block;
color: #000;
font-weight: bold;
font-size: 12px;
line-height: 28px;
white-space: nowrap;
z-index: 1000;
-webkit-transition: -webkit-transform 100ms ease-in;
-moz-transition: -moz-transform 100ms ease-in;
-o-transition: -o-transform 100ms ease-in;
transition: transform 100ms ease-in;
}
.drag-item.wiring-drag-popup .label {
width: 180px;
height: 52px;
border-style: solid;
border-left-style: none;
border-radius: 0px 15px 15px 0px;
border-width: 3px;
border-color: #000;
overflow: hidden;
}
.drag-item.wiring-drag-popup .text {
padding-left: 60px;
display: block;
text-align: center;
line-height: 52px;
white-space: nowrap;
}
.drag-item.wiring-drag-popup .wire-container {
position: absolute;
top: 0px;
left: 0px;
width: 50px;
}
.drag-item.wiring-drag-popup .wire-container .wire-flag-drag {
height: 22px;
width: 50px;
border-radius: 0px 10px 10px 0px;
background-color: #61615C;
background-size: 15px 15px;
background-position: 30px center ;
opacity: 0.9;
background-repeat: no-repeat;
}
.drag-item.wiring-drag-popup .wire-spacer-small {
height: 10px;
}
.drag-item.wiring-drag-popup .drag-item-content {
height: 100%;
}
.drag-item.wiring-drag-popup .drag-item-content:after {
content: "";
display: table;
clear: both;
}
.drag-item.wiring-drag-popup .drag-item-content > * {
float: left;
}
.drag-item.wiring-drag-popup .drag-item-content .column-1 {
position: relative;
margin-right: 25px;
display: none;
visibility: hidden;
-webkit-transition: visibility 0s, opacity 1s ease-out;
transition: visibility 0s, opacity 1s ease-out;
}
.drag-item.wiring-drag-popup .drag-item-content .column-1:after {
content: "";
width: 50px;
display: inline-block;
position: absolute;
top: 0;
right: -20px;
}
.drag-item.wiring-drag-popup .drag-item-content .column-1 .image {
width: 30px;
height: 30px;
background-position: right center;
background-size: 22px 22px;
background-repeat: no-repeat;
}
.drag-item.wiring-drag-popup .drag-item-content .column-2 {
width: 27px;
height: 100%;
position: relative;
}
.drag-item.wiring-drag-popup .drag-item-content .column-2 img {
width: 21px;
height: 21px;
position: absolute;
margin: auto;
top: 0;
bottom: 0;
left: 2px;
}
.drag-item.wiring-drag-popup .drag-item-content .column-3 {
text-overflow: ellipsis;
white-space: nowrap;
width: 143px;
overflow: hidden;
-webkit-transition: opacity 1s ease-in;
transition: opacity 1s ease-in;
}
.drag-item.wiring-drag-popup .drag-item-content .column-3 .zone-name {
color: #18161E;
}
.drag-item.wiring-drag-popup .drag-item-content .column-3 .sensor-name {
color: #423B54;
}
.drag-item.wiring-drag-popup .drag-item-content .column-4 {
width: 30px;
height: 100%;
position: relative;
}
.drag-item.wiring-drag-popup .drag-item-content .column-4 > span {
width: 30px;
height: 26px;
line-height: 26px;
background: #c8cacd;
text-align: center;
color: #FFF;
position: absolute;
margin: auto;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.drag-item.wiring-drag-popup .drag-item-content.quantity-1 .column-1:after {
height: 30px;
background: url(assets/images/chop-1_3b144481f5c2b4107992.png) 0 0 no-repeat;
}
.drag-item.wiring-drag-popup .drag-item-content.quantity-2 .column-1:after {
height: 60px;
background: url(assets/images/chop-2_f151e5961ad74c2a9cd4.png) 0 0 no-repeat;
}
.drag-item.wiring-drag-popup .drag-item-content.quantity-3 .column-1:after {
height: 90px;
background: url(assets/images/chop-3_14ed04573cd7d55dfbd5.png) 0 0 no-repeat;
}
.drag-item.wiring-drag-popup .drag-item-content.quantity-4 .column-1:after {
height: 120px;
background: url(assets/images/chop-4_9f76ad6b6e6ad0ec54d5.png) 0 0 no-repeat;
}
.drag-item.wiring-drag-popup.dragging .drag-item-content .column-1 {
display: inline-block;
visibility: visible;
opacity: 1;
filter: alpha(opacity=100);
}
.drag-item.wiring-drag-popup.dragging .drag-item-content .column-2,
.drag-item.wiring-drag-popup.dragging .drag-item-content .column-4 {
display: none;
opacity: 0;
filter: alpha(opacity=0);
}
/* Menu Bar */
.menu-bar {
width: 100%;
position: relative;
background-color: #454545;
}
.menu-bar .title {
position: relative;
padding: 0 0 0 35px;
height: 30px;
color: #000;
border-bottom: 1px solid #0E0E0E;
line-height: 30px;
font-size: 16px;
font-weight: bold;
text-transform: uppercase;
cursor: pointer;
background: #6B6968 url(assets/images/sidebar_a9bc1918d921b1d8eb81.svg) 1px 1.5px no-repeat;
background: url(assets/images/sidebar_a9bc1918d921b1d8eb81.svg) 1px 1.5px no-repeat, -webkit-linear-gradient(hsl(0, 1%, 80%) 0%, hsl(0, 1%, 90%) 5%, hsl(0, 2%, 80%) 95%, hsl(0, 1%, 70%) 100%) 0 0;
background: url(assets/images/sidebar_a9bc1918d921b1d8eb81.svg) 1px 1.5px no-repeat, -o-linear-gradient(hsl(0, 1%, 80%) 0%, hsl(0, 1%, 90%) 5%, hsl(0, 2%, 80%) 95%, hsl(0, 1%, 70%) 100%) 0 0;
background: url(assets/images/sidebar_a9bc1918d921b1d8eb81.svg) 1px 1.5px no-repeat, -moz-linear-gradient(hsl(0, 1%, 80%) 0%, hsl(0, 1%, 90%) 5%, hsl(0, 2%, 80%) 95%, hsl(0, 1%, 70%) 100%) 0 0;
background: url(assets/images/sidebar_a9bc1918d921b1d8eb81.svg) 1px 1.5px no-repeat, linear-gradient(hsl(0, 1%, 80%) 0%, hsl(0, 1%, 90%) 5%, hsl(0, 2%, 80%) 95%, hsl(0, 1%, 70%) 100%) 0 0;
background: #6B6968 url(assets/images/sidebar_a9bc1918d921b1d8eb81.svg) 1px 1.5px no-repeat;
background: url(assets/images/sidebar_a9bc1918d921b1d8eb81.svg) 1px 1.5px no-repeat, -webkit-linear-gradient(hsl(0, 1%, 80%) 0%, hsl(0, 1%, 90%) 5%, hsl(0, 2%, 80%) 95%, hsl(0, 1%, 70%) 100%) 0 0;
background: url(assets/images/sidebar_a9bc1918d921b1d8eb81.svg) 1px 1.5px no-repeat, -o-linear-gradient(hsl(0, 1%, 80%) 0%, hsl(0, 1%, 90%) 5%, hsl(0, 2%, 80%) 95%, hsl(0, 1%, 70%) 100%) 0 0;
background: url(assets/images/sidebar_a9bc1918d921b1d8eb81.svg) 1px 1.5px no-repeat, -moz-linear-gradient(hsl(0, 1%, 80%) 0%, hsl(0, 1%, 90%) 5%, hsl(0, 2%, 80%) 95%, hsl(0, 1%, 70%) 100%) 0 0;
background: url(assets/images/sidebar_a9bc1918d921b1d8eb81.svg) 1px 1.5px no-repeat, linear-gradient(hsl(0, 1%, 80%) 0%, hsl(0, 1%, 90%) 5%, hsl(0, 2%, 80%) 95%, hsl(0, 1%, 70%) 100%) 0 0;
}
.menu-bar .title.selected {
background: #6B6968 url(assets/images/sidebar-close_fb67d76740987f596e70.svg) 1px 1.5px no-repeat;
background: url(assets/images/sidebar-close_fb67d76740987f596e70.svg) 1px 1.5px no-repeat, -webkit-linear-gradient(hsl(0, 1%, 80%) 0%, hsl(0, 1%, 90%) 5%, hsl(0, 2%, 80%) 95%, hsl(0, 1%, 70%) 100%) 0 0;
background: url(assets/images/sidebar-close_fb67d76740987f596e70.svg) 1px 1.5px no-repeat, -o-linear-gradient(hsl(0, 1%, 80%) 0%, hsl(0, 1%, 90%) 5%, hsl(0, 2%, 80%) 95%, hsl(0, 1%, 70%) 100%) 0 0;
background: url(assets/images/sidebar-close_fb67d76740987f596e70.svg) 1px 1.5px no-repeat, -moz-linear-gradient(hsl(0, 1%, 80%) 0%, hsl(0, 1%, 90%) 5%, hsl(0, 2%, 80%) 95%, hsl(0, 1%, 70%) 100%) 0 0;
background: url(assets/images/sidebar-close_fb67d76740987f596e70.svg) 1px 1.5px no-repeat, linear-gradient(hsl(0, 1%, 80%) 0%, hsl(0, 1%, 90%) 5%, hsl(0, 2%, 80%) 95%, hsl(0, 1%, 70%) 100%) 0 0;
background: #6B6968 url(assets/images/sidebar-close_fb67d76740987f596e70.svg) 1px 1.5px no-repeat;
background: url(assets/images/sidebar-close_fb67d76740987f596e70.svg) 1px 1.5px no-repeat, -webkit-linear-gradient(hsl(0, 1%, 80%) 0%, hsl(0, 1%, 90%) 5%, hsl(0, 2%, 80%) 95%, hsl(0, 1%, 70%) 100%) 0 0;
background: url(assets/images/sidebar-close_fb67d76740987f596e70.svg) 1px 1.5px no-repeat, -o-linear-gradient(hsl(0, 1%, 80%) 0%, hsl(0, 1%, 90%) 5%, hsl(0, 2%, 80%) 95%, hsl(0, 1%, 70%) 100%) 0 0;
background: url(assets/images/sidebar-close_fb67d76740987f596e70.svg) 1px 1.5px no-repeat, -moz-linear-gradient(hsl(0, 1%, 80%) 0%, hsl(0, 1%, 90%) 5%, hsl(0, 2%, 80%) 95%, hsl(0, 1%, 70%) 100%) 0 0;
background: url(assets/images/sidebar-close_fb67d76740987f596e70.svg) 1px 1.5px no-repeat, linear-gradient(hsl(0, 1%, 80%) 0%, hsl(0, 1%, 90%) 5%, hsl(0, 2%, 80%) 95%, hsl(0, 1%, 70%) 100%) 0 0;
}
.menu-bar ul li {
background: #FFF url(assets/images/sidebar-li_bfd990a84f1d4daea0ae.png) 8px 8px no-repeat;
padding: 0 0 0 30px;
height: 30px;
color: #000;
border-bottom: 1px solid #0E0E0E;
line-height: 30px;
font-size: 16px;
font-weight: bold;
cursor: pointer;
}
.menu-bar ul li.hover,
.menu-bar ul li.active {
background-color: #909299 !important;
}
.menu-bar .input {
width: 100%;
height: 100%;
position: relative;
}
.menu-bar .input input {
font-weight: bold;
color: #000;
cursor: pointer;
position: absolute;
width: 150px;
height: 25px;
line-height: 12px;
top: 3px;
left: 0px;
z-index: 1;
}
.menu-bar .input input[placeholder] {
color: #000;
}
.menu-bar .input div.value {
position: absolute;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
z-index: 1;
}
.menu-bar .input .remove {
width: 16px;
height: 16px;
cursor: pointer;
z-index: 10;
position: absolute;
margin: auto;
top: 0;
bottom: 0;
right: 5px;
background: transparent url(assets/images/actions_7db30054540e6b33b559.png) 0 0 no-repeat;
}
.enyo-loading {
background: none;
border: 0 none;
padding: 0;
cursor: wait;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.enyo-loading:before {
content: "";
position: fixed;
top: 0px;
left: 0px;
background: #000;
cursor: wait;
opacity: 0.65;
filter: alpha(opacity=65);
height: -webkit-calc(100vh);
/** Safari 6, Chrome 19-25 **/
height: -moz-calc(100vh);
/** FF 4-15 **/
height: calc(100vh);
/** FF 16+, IE 9+, Opera 15, Chrome 26+, Safari 7 and future other browsers **/
width: -webkit-calc(100vw);
/** Safari 6, Chrome 19-25 **/
width: -moz-calc(100vw);
/** FF 4-15 **/
width: calc(100vw);
/** FF 16+, IE 9+, Opera 15, Chrome 26+, Safari 7 and future other browsers **/
}
.enyo-loading .onyx-spinner.onyx-light {
background: none;
position: relative;
border: 14px solid rgba(255, 255, 255, 0.2);
border-left: 14px solid #ffffff;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
-webkit-animation: loadrotate 1.1s infinite linear;
animation: loadrotate 1.1s infinite linear;
}
.enyo-loading .onyx-spinner.onyx-light,
.enyo-loading .onyx-spinner.onyx-light:after {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.form-search.onyx-toolbar {
padding: 10px;
display: block;
}
.form-search.onyx-toolbar label.onyx-input-decorator {
background-color: #FFF;
width: 100%;
padding: 0;
margin: 0;
position: relative;
}
.form-search.onyx-toolbar label.onyx-input-decorator input {
width: 100%;
height: 100%;
padding: 5px 20px 5px 5px;
color: #666666;
}
.form-search.onyx-toolbar label.onyx-input-decorator input[placeholder] {
color: #999999;
}
.form-search.onyx-toolbar label.onyx-input-decorator input:focus {
color: #333333;
}
.form-search.onyx-toolbar label.onyx-input-decorator img {
position: absolute;
top: 0;
bottom: 0;
right: 5px;
margin: auto;
cursor: pointer;
}
/* Pupup Tool */
.align-menu {
height: 90px;
background: -webkit-linear-gradient(#3c3c3c, #505050, #5b5b5b, #686868, #7b7b7b);
background: -o-linear-gradient(#3c3c3c, #505050, #5b5b5b, #686868, #7b7b7b);
background: -moz-linear-gradient(#3c3c3c, #505050, #5b5b5b, #686868, #7b7b7b);
background: linear-gradient(#3c3c3c, #505050, #5b5b5b, #686868), #7b7b7b;
border: none;
}
.align-menu:after {
border-top: 10px solid #7b7b7b !important;
}
.align-menu .onyx-contextual-popup-title {
display: none !important;
}
.align-menu .onyx-contextual-popup-scroller {
padding: 0px !important;
}
.align-menu .row + .row {
margin-top: 20px;
}
.align-menu .row > div {
margin: 0 10px !important;
}
.zoom-menu {
height: 40px;
width: 200px;
background: -webkit-linear-gradient(#3c3c3c, #505050, #5b5b5b, #686868, #7b7b7b);
background: -o-linear-gradient(#3c3c3c, #505050, #5b5b5b, #686868, #7b7b7b);
background: -moz-linear-gradient(#3c3c3c, #505050, #5b5b5b, #686868, #7b7b7b);
background: linear-gradient(#3c3c3c, #505050, #5b5b5b, #686868), #7b7b7b;
border: none;
}
.zoom-menu:after {
border-top: 10px solid #7b7b7b !important;
}
.zoom-menu .onyx-contextual-popup-title {
display: none !important;
}
.zoom-menu .onyx-contextual-popup-scroller {
padding: 5px !important;
}
.zoom-menu .row + .row {
margin-top: 20px;
}
.zoom-menu .row > div {
margin: 0 10px !important;
}
.setting-tool {
width: 150px;
height: 100px;
}
.setting-tool .onyx-contextual-popup-title {
display: none !important;
}
.setting-tool .onyx-contextual-popup-scroller {
padding: 5px !important;
}
.setting-tool .enyo-touch-scroller {
padding: 5px 5px 0 5px;
color: #ffffff;
}
.setting-tool .enyo-touch-scroller .title {
margin-bottom: 10px;
text-align: center;
font-weight: bold;
}
.setting-tool .enyo-touch-scroller .checkgroup-box .checkbox-style2 {
padding-left: 25px;
display: block;
margin: 5px 0 10px 0;
white-space: nowrap;
}
.setting-tool .enyo-touch-scroller .checkgroup-box.multiple .checkbox-style2 {
display: inline-block;
}
.setting-tool .enyo-touch-scroller .checkgroup-box.multiple > div {
margin: 6px 0 10px 0;
}
.color-picker-popup {
width: 300px;
height: 270px;
}
.color-picker-popup .onyx-contextual-popup-title {
display: none !important;
}
.color-picker-popup .onyx-contextual-popup-scroller {
padding: 5px !important;
}
.color-picker-popup .enyo-touch-scroller {
height: 270px;
}
.color-picker-popup .onyx-contextual-popup-scroller {
padding: 0px;
}
.color-picker-popup .enyo-touch-strategy-container {
display: block !important;
}
.color-picker-popup .default-color-box {
height: 15px;
margin: 2px;
}
.color-picker-popup .onyx-slider {
margin: 8px 12px 15px 12px;
}
.color-picker-popup .color-progress-bar {
height: 7px;
}
.color-picker-popup .onyx-slider-knob {
width: 30px;
height: 30px;
background: url(assets/images/color-slider-handle_8d8dcce0e050b62bd007.png) 0px 0px no-repeat;
margin: -17px -15px;
}
.color-picker-popup .onyx-slider-knob.active,
.color-picker-popup .onyx-slider-knob.pressed,
.color-picker-popup .onyx-slider-knob:active:hover {
background-position: 0 -30px;
}
.line-thickness-popup {
width: 190px;
height: 200px;
}
.line-thickness-popup .onyx-contextual-popup-title {
display: none !important;
}
.line-thickness-popup .onyx-contextual-popup-scroller {
padding: 0 !important;
}
.line-thickness-popup .onyx-contextual-popup-scroller .line-thickness-item {
padding: 4px 5px;
font-size: 10px;
line-height: 12px;
cursor: pointer;
}
.line-thickness-popup .onyx-contextual-popup-scroller .line-thickness-item span:first-child {
width: 30px;
height: 12px;
display: inline-block;
}
.line-thickness-popup .onyx-contextual-popup-scroller .line-thickness-item span:last-child {
display: inline-block;
width: 150px;
background: #000;
height: 1px;
}
.line-thickness-popup .onyx-contextual-popup-scroller .line-thickness-item:hover {
background-color: rgba(0, 0, 255, 0.2);
}
.time-popup {
background: -webkit-linear-gradient(#3c3c3c, #505050, #5b5b5b, #686868, #7b7b7b);
background: -o-linear-gradient(#3c3c3c, #505050, #5b5b5b, #686868, #7b7b7b);
background: -moz-linear-gradient(#3c3c3c, #505050, #5b5b5b, #686868, #7b7b7b);
background: linear-gradient(#3c3c3c, #505050, #5b5b5b, #686868), #7b7b7b;
border: none;
}
.time-popup:after {
border-top: 10px solid #7b7b7b !important;
}
.time-popup .onyx-contextual-popup-title {
display: none;
}
.time-popup .onyx-contextual-popup-scroller {
padding: 0px 15px;
}
.time-popup .onyx-contextual-popup-action-buttons {
padding: 10px;
width: inherit;
}
.time-popup .bt-time-apply {
font-size: 16px;
color: #FFF;
font-weight: bold;
padding: 4px 10px !important;
background: -webkit-linear-gradient(#46638e, #3b5176, #324666, #2a3d59, #213147);
background: -o-linear-gradient(#46638e, #3b5176, #324666, #2a3d59, #213147);
background: -moz-linear-gradient(#46638e, #3b5176, #324666, #2a3d59, #213147);
background: linear-gradient(#46638e, #3b5176, #324666, #2a3d59), #213147;
}
.popup-locked {
font-size: 16px;
line-height: 16px;
padding: 10px 20px;
height: 70px;
}
.popup-locked .onyx-contextual-popup-title {
padding: 5px 5px 0px !important;
}
.popup-locked .onyx-contextual-popup-scroller {
padding: 10px 0;
}
.popup-locked input {
width: 200px;
}
.popup-commission {
color: #aec2e6;
font-size: 16px;
line-height: 16px;
font-weight: bold;
height: 430px;
}
.popup-commission .onyx-contextual-popup-title {
display: none;
}
.popup-commission .onyx-contextual-popup-scroller {
padding: 10px 5px;
}
.popup-commission .popup-commission-content > * {
margin-bottom: 10px;
text-transform: uppercase;
}
.popup-commission .popup-commission-content .heading-title {
background: #aec2e6;
color: #686867;
padding: 5px 10px 5px 10px;
text-align: center;
border: 0 none;
margin-bottom: 10px;
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
border-radius: 16px;
}
.popup-commission .popup-commission-content table {
margin-bottom: 10px;
}
.popup-commission .popup-commission-content table td {
padding: 5px;
}
.popup-commission .popup-commission-content .temperature {
font-size: 60px;
line-height: 60px;
position: relative;
display: inline-block;
padding-right: 10px;
padding-left: 10px;
}
.popup-commission .popup-commission-content .temperature span {
line-height: 12px;
font-size: 12px;
display: inline-block;
position: absolute;
top: 0px;
right: -5px;
}
.popup-commission .popup-commission-content .chart {
margin-left: 10px;
}
.popup-commission .popup-commission-content .text {
color: #65ba3e;
text-align: center;
margin-bottom: 10px;
}
.popup-commission .popup-commission-content .button-row {
text-align: center;
}
.popup-commission .popup-commission-content .button-row > * + * {
margin-left: 10px !important;
}
.enyo-google-map {
height: 100%;
width: 100%;
}
.enyo-google-map .enyo-google-map-wrapper {
width: inherit;
}
.enyo-google-map .enyo-google-map-wrapper > div:first-child > div:first-child {
border-top-color: #717171 !important;
}
.enyo-google-map .enyo-google-map-wrapper > div:first-child > div + div + div > div > div {
background-color: #717171 !important;
}
.enyo-google-map .enyo-google-map-wrapper > div:first-child > div:last-child {
background: -webkit-linear-gradient(#3f3f3f, #717171) !important;
background: -o-linear-gradient(#3f3f3f, #717171) !important;
background: -moz-linear-gradient(#3f3f3f, #717171) !important;
background: linear-gradient(#3f3f3f, #717171) !important;
}
.enyo-google-map .enyo-google-map-wrapper .enyo-google-map-content {
font-family: AvenirNext;
}
.enyo-google-map .enyo-google-map-wrapper .enyo-google-map-content > div {
max-width: 245px !important;
width: inherit;
}
.enyo-google-map .enyo-google-map-wrapper .enyo-google-map-content .enyo-google-map-main {
text-align: center;
color: white;
}
.enyo-google-map .enyo-google-map-wrapper .enyo-google-map-content .enyo-google-map-main:before,
.enyo-google-map .enyo-google-map-wrapper .enyo-google-map-content .enyo-google-map-main.row:before,
.enyo-google-map .enyo-google-map-wrapper .enyo-google-map-content .enyo-google-map-main .row:before,
.enyo-google-map .enyo-google-map-wrapper .enyo-google-map-content .enyo-google-map-main:after,
.enyo-google-map .enyo-google-map-wrapper .enyo-google-map-content .enyo-google-map-main.row:after,
.enyo-google-map .enyo-google-map-wrapper .enyo-google-map-content .enyo-google-map-main .row:after {
content: " ";
display: table;
}
.enyo-google-map .enyo-google-map-wrapper .enyo-google-map-content .enyo-google-map-main:after,
.enyo-google-map .enyo-google-map-wrapper .enyo-google-map-content .enyo-google-map-main.row:after,
.enyo-google-map .enyo-google-map-wrapper .enyo-google-map-content .enyo-google-map-main .row:after {
clear: both;
}
.enyo-google-map .enyo-google-map-wrapper .enyo-google-map-content .enyo-google-map-main .col4,
.enyo-google-map .enyo-google-map-wrapper .enyo-google-map-content .enyo-google-map-main.row .col4,
.enyo-google-map .enyo-google-map-wrapper .enyo-google-map-content .enyo-google-map-main .row .col4 {
width: 40%;
float: left;
display: inline-block;
}
.enyo-google-map .enyo-google-map-wrapper .enyo-google-map-content .enyo-google-map-main .col5,
.enyo-google-map .enyo-google-map-wrapper .enyo-google-map-content .enyo-google-map-main.row .col5,
.enyo-google-map .enyo-google-map-wrapper .enyo-google-map-content .enyo-google-map-main .row .col5 {
width: 50%;
float: left;
display: inline-block;
}
.enyo-google-map .enyo-google-map-wrapper .enyo-google-map-content .enyo-google-map-main .col6,
.enyo-google-map .enyo-google-map-wrapper .enyo-google-map-content .enyo-google-map-main.row .col6,
.enyo-google-map .enyo-google-map-wrapper .enyo-google-map-content .enyo-google-map-main .row .col6 {
width: 60%;
float: left;
display: inline-block;
}
.enyo-google-map .enyo-google-map-wrapper .enyo-google-map-content .enyo-google-map-main .name {
padding: 0 0 7px;
overflow: hidden;
text-transform: uppercase;
text-overflow: ellipsis;
}
.enyo-google-map .enyo-google-map-wrapper > div:last-child {
display: none;
}
input.insert-text {
border: 2px dotted #c8c8c8;
background: none;
text-align: center;
padding: 0 !important;
white-space: nowrap;
position: absolute;
width: 200px !important;
height: 40px !important;
}
.notification-bezel-main {
height: 76px;
width: 320px;
position: fixed;
top: 30%;
left: 0;
right: 0;
margin: 0 auto;
background: rgba(0, 0, 0, 0.5) url(assets/images/gradient_7cfbc55cc4063581de83.png);
background-size: auto 100%;
text-align: center;
color: white;
text-shadow: 0 1px 2px black;
font-family: "Prelude", Arial, sans-serif;
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
border-radius: 16px;
-moz-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
}
.notification-bezel-main .notification-bezel-icon {
background-size: 100% 100%;
width: 60px;
height: 60px;
display: block;
margin: 8px auto;
float: left;
}
.notification-bezel-main .notification-bezel-message {
font-size: 15px;
margin: 0 0 0 5px;
padding: 27px 0 0 0;
overflow: hidden;
text-overflow: ellipsis;
float: left;
display: table-cell;
vertical-align: middle;
text-align: left;
background-color: #d4d4d4;
}
.connector-picker .hive-tool-button-sized {
margin-top: 0px !important;
}
.math-property-editor .property-header div {
align-items: center;
display: flex;
justify-content: center;
margin: 0 10px;
}
.math-property-editor .property-list .property-row div {
margin: 0 10px;
}
.math-property-editor .property-list .property-row div.unit-selector,
.math-property-editor .property-list .property-row div.constant-input {
width: 250px;
}
.display-flex {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
}
.display-inline-flex {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -moz-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
}
.flex {
display: flex;
}
.flex-inline {
display: inline-flex;
}
.flex--direction-column {
flex-direction: column;
}
.flex--direction-row {
flex-direction: row;
}
.flex--align-start {
align-items: start;
}
.flex--align-center {
align-items: center;
}
.flex--align-end {
align-items: end;
}
.flex--align-stretch {
align-items: stretch;
}
.flex--justify-start {
justify-content: flex-start;
}
.flex--justify-center {
justify-content: center;
}
.flex--justify-end {
justify-content: flex-end;
}
.flex--justify-evenly {
justify-content: space-evenly;
}
.flex--justify-between {
justify-content: space-between;
}
.flex--grow-0 {
flex-grow: 0;
}
.flex--grow-1 {
flex-grow: 1;
}
.flex--shrink-0 {
flex-shrink: 0;
}
.flex--shrink-1 {
flex-shrink: 1;
}
/************* TOOLBAR ***************/
.color-Toolbar {
background-image: linear-gradient(to bottom, #4a4a4a, #474747 53%, #3a3a3a);
}
/************* DRAWER ***************/
.color-Drawer {
background-color: #5d7ca7;
}
/************* BREADCRUMB***************/
.color-BreadcrumbActive {
box-shadow: inset 0 2px 2px 0 rgba(255, 255, 255, 0.5), inset 0 1px 1px 0 rgba(82, 82, 82, 0.5), inset 0 -2px 2px 0 rgba(0, 0, 0, 0.5);
border: solid 1.3px #595859;
background-color: #7d808a;
}
.color-BreadcrumbInactive {
background-color: #a2a6b2;
box-shadow: inset 0 2px 3px 0 rgba(255, 255, 255, 0.5), inset 0 1px 1px 0 rgba(82, 82, 82, 0.5), inset 1px -1px 1px 0 rgba(0, 0, 0, 0.5);
border: solid 1.3px #595859;
}
.color-BreadcrumbProgress {
background-blend-mode: soft-light;
background-image: linear-gradient(to bottom, #2869b7, #2869b7);
}
/************* TABLE ***************/
.color-TableActive {
border: solid 2px #5d7da7;
background-color: #d1daff;
}
.color-TableInactive1 {
border: solid 2px #5d7da7;
background-color: #ffffff;
}
.color-TableInactive2 {
border: solid 2px #5d7da7;
background-color: #eef1f9;
}
.color-TableHeader {
background-color: #5d7ca7;
}
/************* SUB-PANEL ***************/
.color-PanelListRowActive {
border: solid 1.3px #000000;
background-color: #d1daff;
}
.color-PanelListRowInctive1 {
border: solid 1px #000000;
background-color: #ffffff;
}
.color-PanelListRowInactive2 {
border: solid 1.3px #000000;
background-color: #eff1f9;
}
.color-PanelListRowInactive3 {
border: solid 1.3px #000000;
background-color: #eef0e6;
}
/************* PANEL ***************/
.color-PanelBackground {
border: solid 1.3px #090909;
background-color: #e9e9e9;
}
.color-PanelBackground2 {
border: solid 1px #000000;
background-color: #ffffff;
}
.color-PanelBackground3 {
border: solid 1.3px #454545;
background-color: #8e8c8c;
}
.color-Accent {
background-color: #9ca85e;
}
.color-Accent2 {
background-color: #5d7ca7;
}
.color-DrawerRightSquare {
background-color: rgba(0, 0, 0, 0.28);
}
.color-DrawerNumberSquare {
border: solid 1.3px #000000;
background-color: #474747;
}
/************* BUTTONS ***************/
.color-ButtonInactive {
box-shadow: inset 0 3px 2px 0 rgba(255, 255, 255, 0.2), inset 0 1px 1px 0 rgba(82, 82, 82, 0.2), inset 0 -3px 2px 0 rgba(0, 0, 0, 0.2);
border: solid 1.2px #a7a7a7;
border-radius: 2px;
}
.color-ButtonActive {
box-shadow: inset 0 3px 2px 0 rgba(255, 255, 255, 0.2), inset 0 1px 1px 0 rgba(82, 82, 82, 0.2), inset 0 4px 3px 0 rgba(72, 72, 72, 0.2);
border: solid 1.2px #a7a7a7;
border-radius: 2px;
}
.color-ButtonDark {
background: #555656;
}
.color-ButtonLight {
background: #d5d5d5;
}
.color-ButtonOrange {
background: #d38515;
}
.color-RadioButtonLeft {
background-color: #ab6a69 !important;
}
.color-RadioButtonRight {
background-color: #84ad76 !important;
}
.color-UValueEstimate {
background: #b89763;
}
.color-RadioButton {
background: #7f96b3;
}
/************* SLIDERS ***************/
.color-SliderBar {
background-image: linear-gradient(to bottom, #8c8c8c, #e2e2e2);
}
.color-RangeInner {
background-image: linear-gradient(to bottom, #c47f70, #f2aa9c);
}
.color-RangeOuter {
background-image: linear-gradient(to bottom, #6675c3, #95a4f3);
}
.color-SliderCircle {
background-image: linear-gradient(to bottom, #f3f2f2, #dcdbdb);
}
/************* WIRING ***************/
.color-ModuleA {
background-color: #d4c076;
}
.color-ModuleB {
background-color: #3d4e72;
}
.color-ModuleC {
background-color: #9c3f46;
}
.color-ModuleD {
background-color: #456a57;
}
.color-ModuleE {
background-color: #629179;
}
.color-ModuleF {
background-color: #404548;
}
.color-ModuleG {
background-color: #3a3534;
}
.color-Tag {
border: solid 1.3px #000000;
background-color: #71737a;
}
.color-Tag2 {
background-color: #b4c2e1;
}
.color-Tag3 {
background-color: #e7b9bf;
}
.color-Tag4 {
background-color: #e0c3aa;
}
.color-Tag5 {
background-color: #dfe0a2;
}
.color-Tag6 {
background-color: #dfe0a2;
}
/************* TEXT ***************/
.color-Text {
background-color: #3c3a46;
}
.color-Text2 {
background-color: #949494;
}
.color-Text3 {
background-color: #d9d9d9;
}
.color-Text4 {
background-color: #ffffff;
}
.color-Text5 {
background-color: #5d7ca7;
}
.color-Text6 {
background-color: #3f6eca;
}
.Text {
color: #3c3a46;
}
.Text2 {
color: #949494;
}
.Text3 {
color: #ffffff;
}
.Text4 {
color: #ffffff;
}
.Text5 {
color: #5d7ca7;
}
.Text6 {
color: #3f6eca;
}
.Text7 {
color: #78b144;
}
.Text8 {
color: #bba421;
}
.Text9 {
color: #d83939;
}
.Text10 {
color: #a4d8ac;
}
.Text11 {
color: #e0902f;
}
.Text12 {
color: #5a5960;
}
.Red-Text {
color: #e75531;
}
.TextGreySmall {
color: #8e8e8e;
text-transform: none !important;
}
.Grey-Text {
color: #68676e;
}
.Link-Text {
text-decoration: underline;
font-weight: 500;
font-family: 'Avenir Next LT Pro', sans-serif;
font-size: 0.844rem;
cursor: pointer;
text-transform: none !important;
}
/***********************
*** Orange variables ***
************************/
/***********************
*** Red Variables ***
************************/
/***********************
*** Green Variables ***
************************/
/***********************
*** Yellow Variables ***
************************/
/***********************
*** Purple Variables ***
************************/
/***********************
*** Blue Variables ***
************************/
/***********************
*** Grey Variables ***
************************/
/* BUTTONS */
/***********************
*** Black Variables ***
************************/
/**************************************
*** Gradient/Box-shadows Variables ***
***************************************/
/*******************************
*** Text, Headers, Labels ***
********************************/
/*******************************
*********** NEW COLORS *********
********************************/
/***********************************
*** App Function Specific Colors ***
************************************/
.form-progress .header .chop {
position: absolute;
display: inline-block;
top: 30px;
left: 0px;
width: 0px;
height: 0px;
border-top: none;
border-right: 10px solid transparent;
border-bottom: 10px solid #929292;
border-left: 10px solid transparent;
}
.assembly-editor-view .avatar-editor-view .right .name-wrapper {
padding: 0.9rem 0.416rem 0rem 0.416rem;
}
.assembly-editor-view .avatar-editor-view .right .edit-button-wrapper {
margin: 0.313rem 0;
}
.assembly-editor-view .avatar-editor-view .right .panel-background {
background: #ececec;
margin-left: 0.125rem;
}
.component-editor-view .avatar-editor-view .middle [pl-type^='ConnectionNode'] {
opacity: var(--connection-node-opacity);
}
.component-editor-view .avatar-editor-view .right {
background: #4a4a4a;
}
.component-editor-view .avatar-editor-view .right .name-wrapper {
padding: 0.9rem 0.416rem 0rem 0.416rem;
}
.component-editor-view .avatar-editor-view .right .edit-button-wrapper {
margin: 0.313rem 0;
}
.component-editor-view .avatar-editor-view .right .panel-background {
background: #ececec;
margin-left: 0.125rem;
}
.component-editor-view .avatar-editor-view .right .equipment-component-editor-panel {
display: flex;
flex-direction: column;
flex: 1;
height: 100%;
}
.component-editor-view .avatar-editor-view .right .pl-QuantaListItem .onyx-icon {
height: 1.09rem;
width: 1.09rem;
margin: 0 0 0 -0.313rem;
}
.component-editor-view .avatar-editor-view .right .animation-editor-panel .panel-background {
margin-left: 0.125rem;
}
.component-editor-view .avatar-editor-view .right .animation-editor-panel .animation-selector-container {
margin: 0.47rem 0.93rem 0.62rem 0.93rem;
}
.component-editor-view .avatar-editor-view .right .animation-editor-panel .animation-selector-container .animation-header-font {
font-size: 0.72rem;
}
.component-editor-view .avatar-editor-view .right .animation-editor-panel .animation-selector-container .anim-name-wrapper {
padding-top: 0.62rem;
}
.component-editor-view .avatar-editor-view .right .animation-editor-panel .animation-selector-container .preview-checkbox-wrapper {
padding-top: 0.62rem;
}
.component-editor-view .avatar-editor-view .right .animation-editor-panel .animation-selector-container .picker-margin {
margin-top: 0.093rem;
}
.component-editor-view .avatar-editor-view .right .animation-editor-panel .animation-selector-container.hierarchical-list .line {
left: 0.93rem;
}
.property-symbol-editor {
width: 8.13rem;
}
.property-symbol-editor .mq-root-block,
.property-symbol-editor .mq-math-mode .mq-root-block {
font-size: 0.875rem;
}
.component-editor-view .physics-editor-view .equation-error {
border: 5px solid #ff0000b5;
}
.component-editor-view .physics-editor-view .small-text-equation-editor .mq-math-mode {
font-size: 0.844rem;
}
.component-editor-view .physics-editor-view .small-text-equation-editor .mq-math-mode .mq-root-block {
height: fit-content;
}
.component-editor-view .physics-editor-view .small-text-equation-editor .mq-math-mode .mq-math-mode .mq-editable-field {
font-size: 0.844rem;
}
.component-editor-view .physics-editor-view .left .properties-drawer-group .property-symbol-editor {
width: 8.13rem;
}
.component-editor-view .physics-editor-view .left .properties-drawer-group .property-symbol-editor .mq-root-block,
.component-editor-view .physics-editor-view .left .properties-drawer-group .property-symbol-editor .mq-math-mode .mq-root-block {
font-size: 0.875rem;
}
.component-editor-view .physics-editor-view .left .property-equation-editor .mq-math-mode {
font-size: 0.813rem;
}
.component-editor-view .physics-editor-view .left .property-equation-editor .mq-math-mode .mq-math-mode .mq-editable-field {
font-size: 0.813rem;
}
.component-editor-view .physics-editor-view .left .pad-1 {
padding: 0.313rem;
}
.component-editor-view .physics-editor-view .left .panel-flex-basis {
flex-basis: 20px !important;
}
.component-editor-view .physics-editor-view .left .hierarchical-list {
margin: 0.469rem 0.313rem 0.625rem 0.313rem;
}
.component-editor-view .physics-editor-view .left .hierarchical-list > :nth-child(2) {
margin-top: 0.781rem;
}
.component-editor-view .physics-editor-view .left .two-column-grid {
display: grid;
grid-template-areas: 'column column';
grid-template-columns: 50% 50%;
}
.component-editor-view .physics-editor-view .left .second-panel-shadow {
position: relative;
box-shadow: -6px 0 8px 0 rgba(42, 41, 41, 0.5) !important;
}
.component-editor-view .physics-editor-view .left .internal-quanta-picker {
display: inline-flex;
justify-content: center;
width: 100%;
padding: 0.781rem 0rem;
}
.component-editor-view .physics-editor-view .left .properties-tab .property-filter {
background-color: #4a4a4a;
}
.component-editor-view .physics-editor-view .left .properties-tab .property-filter .folder-filter-alignment {
padding: 0.438rem 3rem 0rem 3rem;
padding-bottom: unset;
display: grid;
grid-template-areas: 'left middle right';
grid-template-columns: auto auto auto;
justify-content: space-between;
}
.component-editor-view .physics-editor-view .left .extended-symbol-properties .mq-math-mode {
font-size: 0.844rem;
width: inherit;
}
.component-editor-view .physics-editor-view .left .extended-symbol-properties .mq-math-mode .mq-math-mode .mq-editable-field {
font-size: 0.844rem;
}
.component-editor-view .physics-editor-view .left .connection-node-panel {
max-width: 279px;
z-index: 1;
}
.component-editor-view .physics-editor-view .middle {
box-sizing: border-box;
background-color: #393838;
}
.component-editor-view .physics-editor-view .right {
overflow: visible;
}
.component-editor-view .physics-editor-view .right .panel-padding {
padding: 0.938rem;
overflow: auto;
}
.component-editor-view .physics-editor-view .right .first-right-panel .button-wrapper {
margin-top: 0.125rem;
margin-bottom: 0.531rem;
}
.component-editor-view .physics-editor-view .right .first-right-panel .button-wrapper .button-spacer {
margin-right: 0.375rem;
}
.component-editor-view .physics-editor-view .right .first-right-panel .header-padding {
margin-top: 0.156rem;
margin-bottom: 0.156rem;
}
.component-editor-view .physics-editor-view .right .first-right-panel .text-box-margin {
margin-bottom: 0.188rem;
width: 100%;
}
.component-editor-view .physics-editor-view .right .first-right-panel .notes-text {
height: 6.81rem;
}
.component-editor-view .physics-editor-view .right .second-right-panel .model-header {
background: unset;
box-shadow: inset -0.1px 1px 1px 0 rgba(0, 0, 0, 0.51);
}
.component-editor-view .physics-editor-view .right .second-right-panel .model-list-header {
box-shadow: inset -0.1px 2px 1.5px 0 rgba(255, 255, 255, 0.2), inset 0 0 0.3px 0 rgba(82, 82, 82, 0.2), inset 0.1px -2px 1.5px 0 rgba(0, 0, 0, 0.2);
background-color: #5d7ca7;
height: 0.938rem;
width: 100%;
display: inline-flex;
}
.component-editor-view .physics-editor-view .right .second-right-panel .model-list-header .header-container {
height: 100%;
display: inline-flex;
box-shadow: inset -0.1px 1px 1px 0 rgba(0, 0, 0, 0.1), inset 0.1px -1px 1px 0 rgba(255, 255, 255, 0.5);
}
.component-editor-view .physics-editor-view .right .second-right-panel .model-list-header .header-container .header-text {
color: #e0e0e0;
font-size: 0.531rem;
margin: auto !important;
line-height: 100%;
height: fit-content;
}
.component-editor-view .physics-editor-view .right .second-right-panel .model-list-header .header-container .header-text.first-label {
margin-left: 0.313rem !important;
}
.component-editor-view .physics-editor-view .right .second-right-panel .model-list-header .header-container .header-text.second-label {
float: right;
margin-right: 0.313rem !important;
}
.physics-main-prop-editor {
border-top-left-radius: 100px !important;
border-bottom-left-radius: 100px !important;
margin: 0.313rem 0 0 0.313rem;
}
.physics-main-prop-editor::before {
box-shadow: unset;
}
.physics-main-prop-editor.left-panel-details > :nth-child(2) {
background-color: unset;
}
.physics-main-prop-editor > :nth-child(2) {
background-color: white;
}
.property-equation-editor-repeater {
margin-left: 0.938rem;
}
.equation-error {
border: 0.313rem solid #ff0000b5 !important;
}
.property-error {
outline-color: #ff0000b5;
outline-style: solid;
z-index: 1;
}
.property-equation-editor.Fluid > :first-child {
background-color: var(--fluidColor) !important;
}
.property-equation-editor.Thermal > :first-child {
background-color: var(--thermalColor) !important;
}
.property-equation-editor.Mechanical > :first-child {
background-color: var(--mechanicalColor) !important;
}
.property-equation-editor.Fuel > :first-child {
background-color: var(--fuelColor) !important;
}
.property-equation-editor.Control > :first-child {
background-color: var(--controlColor) !important;
}
.property-equation-editor.Data > :first-child {
background-color: var(--dataColor) !important;
}
.property-equation-editor.Computed > :first-child {
background-color: #6191c2 !important;
}
.property-equation-editor.Default > :first-child {
background-color: #949191 !important;
}
.FluidBackGround {
background-color: var(--fluidColor) !important;
}
.ThermalBackGround {
background-color: var(--thermalColor) !important;
}
.MechanicalBackGround {
background-color: var(--mechanicalColor) !important;
}
.FuelBackGround {
background-color: var(--fuelColor) !important;
}
.ControlBackGround {
background-color: var(--controlColor) !important;
}
.DataBackGround {
background-color: var(--dataColor) !important;
}
.ComputedBackGround {
background-color: #6191c2 !important;
}
.DefaultBackGround {
background-color: #949191 !important;
}
.padding-left-unset {
padding-left: unset !important;
}
.equipment-editor-view .avatar-editor-view .middle [pl-type^='ConnectionNode'] {
opacity: var(--connection-node-opacity);
}
.equipment-editor-view .avatar-editor-view .right .name-wrapper {
margin: 0.9rem 0.416rem 0rem 0.416rem;
}
.equipment-editor-view .group-editor-view .left .avatar-image-preview {
width: 100%;
height: 7.81rem;
}
.equipment-editor-view .group-editor-view .middle .enyo-fittable-columns-layout > :nth-child(1) {
width: 100% !important;
transition: width 300ms;
}
.equipment-editor-view .group-editor-view .middle .enyo-fittable-columns-layout > :nth-child(2) {
width: 0% !important;
transition: width 300ms;
}
.equipment-editor-view .group-editor-view .middle.mapping-enabled .enyo-fittable-columns-layout > :nth-child(1) {
width: 50% !important;
}
.equipment-editor-view .group-editor-view .middle.mapping-enabled .enyo-fittable-columns-layout > :nth-child(2) {
width: 50% !important;
border-left: solid;
}
.equipment-editor-view .group-editor-view .right .name-wrapper {
padding: 0.9rem 0.416rem 0rem 0.416rem;
}
.equipment-editor-view .group-editor-view .right .edit-button-wrapper {
margin: 0.313rem 0;
}
.equipment-builder-view .equipment-navigator-view .left .left-panel-wrapper {
width: inherit;
height: inherit;
}
.equipment-builder-view .equipment-navigator-view .left .left-panel-wrapper .left-panel-tab {
width: inherit;
}
.equipment-builder-view .equipment-navigator-view .left .left-panel-wrapper .left-panel {
width: inherit;
height: 100%;
box-shadow: -6px 0 8px 0 rgba(42, 41, 41, 0.5);
}
.equipment-builder-view .equipment-navigator-view .left .left-panel-wrapper .panel-footer {
height: fit-content;
position: absolute;
width: 100%;
left: 0px;
bottom: 0px;
}
.equipment-builder-view .equipment-navigator-view .left .left-panel-wrapper .footer-wrapper {
margin: unset;
}
.equipment-builder-view .equipment-navigator-view .left .left-panel-wrapper .hive-toolbar--footer {
padding: 0rem 0.156rem !important;
}
.equipment-builder-view .equipment-navigator-view .left .left-panel-wrapper .base-tab-panel {
height: 100%;
width: 200px;
display: inline-block;
}
.equipment-builder-view .equipment-navigator-view .middle {
background-color: #f3f3f3;
}
.equipment-builder-view .equipment-navigator-view .middle .hive-grid-repeater .enyo-data-repeater-container {
padding: 1.56rem;
grid-gap: 1.56rem;
grid-template-columns: repeat(auto-fill, minmax(12.5rem, 1fr));
}
.equipment-builder-view .equipment-navigator-view .right .name-wrapper {
margin: 0.9rem 0.416rem 0rem 0.416rem;
}
.equipment-builder-view .equipment-navigator-view .right .edit-button-wrapper {
margin: 0.313rem 0;
}
.equipment-builder-view .equipment-navigator-view .right .body-contents {
display: flex;
flex-flow: column;
}
.pl-equipment-popup {
width: 28.1rem;
height: 18.8rem;
background-color: #e9e9e9;
border: solid #474747 2px;
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
}
.pl-equipment-popup .hive-BaseTabPanel > * {
padding: 0.313rem;
}
.pl-scrim--dark {
background-color: #3a3a3a;
opacity: 0.5;
}
.make-model-editor-view .model-editor-view .left .pad-1 {
padding: 0.313rem;
}
.make-model-editor-view .model-editor-view .left .panel-flex-basis {
flex-basis: 20px !important;
}
.make-model-editor-view .model-editor-view .left .hierarchical-list {
margin: 0.469rem 0.313rem 0.625rem 0.313rem;
}
.make-model-editor-view .model-editor-view .left .hierarchical-list > :nth-child(2) {
margin-top: 0.781rem;
}
.make-model-editor-view .model-editor-view .middle {
padding: 0 0 0 0.156rem;
box-sizing: border-box;
background-color: #393838;
box-shadow: inset 0 0.0894rem 0.357rem rgba(0, 0, 0, 0.51), inset 0.0447rem -0.178rem 0.0894rem rgba(255, 255, 255, 0.12);
}
.make-model-editor-view .model-editor-view .middle .model-variant-panel {
background-color: #ffffff;
}
.make-model-editor-view .model-editor-view .right .first-right-panel .header-padding {
margin-bottom: 0.156rem;
margin-top: 1.63rem;
}
.make-model-editor-view .model-editor-view .right .first-right-panel .text-box-margin {
margin-bottom: 0.156rem;
width: 100%;
}
.make-model-editor-view .model-editor-view .right .first-right-panel .description-text {
height: 2.41rem;
}
.make-model-editor-view .model-editor-view .right .first-right-panel .notes-text {
min-height: 5.31rem;
}
.make-model-editor-view .model-editor-view .right .version-grid {
display: inline-grid;
grid-template-areas: 'title tag check';
grid-template-columns: 4rem 7.38rem auto;
height: 1.72rem;
align-content: center;
align-items: center;
padding-top: 1.25rem;
width: 100%;
}
.make-model-editor-view .model-editor-view .right .version-grid .check-grid {
grid-area: check;
margin-left: auto !important;
}
.make-model-editor-view .model-editor-view .right .default-edge-margin {
padding: 0.938rem 1.38rem 1.19rem 2.63rem;
}
.make-model-editor-view .model-editor-view .right .data-match-button {
height: 80% !important;
width: 4.53rem;
}
.quantum-architect .default-edge-margin {
padding: 0.375rem;
padding-top: 0.781rem;
padding-bottom: 0.781rem;
}
.quantum-architect .even-spaced-three {
display: grid;
grid-template-columns: auto auto auto;
grid-template-rows: 100%;
padding: 0 0.969rem !important;
}
.quantum-architect .one-icon-toolbar {
display: grid;
grid-template-columns: 0.938rem 1.25rem auto;
grid-template-areas: "grabber space icon";
}
.quantum-architect .one-icon-toolbar .icon-grid-area {
grid-area: icon;
}
.quantum-architect .chevron {
border-right-width: 11px;
border-bottom-width: 10px;
border-top-width: 10px;
}
.quantum-architect .left .equipment-image-preview {
width: 100%;
height: 12.3rem;
background-color: #e4e4e4;
}
.quantum-architect .left .hive-field-decorator {
padding: 0.438rem;
}
.quantum-architect .left .hive-field-decorator .hive-input.onyx-input-decorator {
width: 100%;
}
.quantum-architect .right .dark-border {
background-image: linear-gradient(to bottom, #4a4a4a, #474747 53%, #3a3a3a);
padding-left: 0.156rem;
padding-top: 0.0938rem;
}
.quantum-architect .right .dark-border .header-height-adjust {
height: 2.34rem;
}
.quantum-architect .panel-background-dark {
background-color: #393838;
}
.quantum-architect .panel-background-light {
background-color: #ececec;
}
.equipment-symbol-preview .cnBgCircle {
--quanta-class-color: var(--connection-node-connected-color);
fill-opacity: 1;
stroke: #000;
stroke-width: 0.1;
}
.equipment-symbol-preview .cnRing {
visibility: hidden;
}
.equipment-symbol-preview .connectionNodeLabel {
visibility: visible;
transform: matrix(1, 0, 0, 1, 0, 0);
}
.equipment-symbol-preview .connectionNodeLabel text {
fill: #fff;
}
.equipment-symbol-preview .connection-node-unconnected .cnBgCircle {
--quanta-class-color: var(--connection-node-unconnected-color);
fill-opacity: 1;
stroke: #639EC8;
stroke-width: 1;
}
.equipment-symbol-preview .connection-node-unconnected .connectionNodeLabel text {
fill: #639EC8;
}
.equipment-symbol-preview .connection-node-connected .cnBgCircle {
fill: var(--connection-node-connected-color);
}
.finish-view .middle .drawers-container {
overflow: scroll;
}
.finish-view .middle .drawers-container .description-wrapper {
padding-right: 2.81rem;
}
.finish-view .middle .drawers-container .title {
padding-bottom: 0.234rem;
}
.finish-view .middle .drawers-container .normal-text.Body-Widget {
font-size: 0.719rem;
}
.finish-view .middle .drawers-container .sub-text {
height: 1.09rem;
display: inline-flex;
align-items: flex-end;
}
.finish-view .middle .drawers-container .sub-text-font {
font-variation-settings: "wght" 500, "wdth" 110;
line-height: 0.906rem;
}
.finish-view .middle .drawers-container .sub-text-align {
padding-left: 0.625rem;
}
.finish-view .middle .drawers-container .image-wrapper {
width: fit-content;
height: fit-content;
}
.finish-view .middle .drawers-container .image-wrapper .equipComponentFloatingPreview {
position: unset;
z-index: unset;
}
.finish-view .middle .drawers-container .image-wrapper .equipComponentFloatingPreview .componentPreview {
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
box-shadow: 4px 4px 15px 0 rgba(0, 0, 0, 0.15);
background-color: rgba(255, 255, 255, 0.75);
}
.finish-view .middle .drawers-container .info-wrapper .title-text {
padding-top: 0.938rem;
padding-bottom: 0.938rem;
}
.finish-view .middle .drawers-container .info-wrapper .text-width {
width: 33%;
}
.finish-view .middle .drawers-container .info-wrapper .conformance-text {
height: 2.81rem;
display: inline-flex;
align-items: center;
}
.finish-view .middle .drawers-container .info-wrapper .text-padding {
padding: 0.313rem 0rem;
}
.finish-view .middle .drawers-container .info-wrapper .text-padding.large {
padding-top: 0.938rem;
}
.finish-view .middle .drawers-container .info-wrapper .text-padding .info-padding {
padding-left: 1.88rem;
}
.finish-view .middle .drawers-container .info-wrapper .image-size {
margin-left: 0.938rem;
background-repeat: no-repeat;
width: 2.5rem;
height: 1.56rem;
}
.finish-view .middle .drawers-container .info-wrapper .Fluid {
background-image: url('#assets/images/quanta_icons/FluidColor.svg');
}
.finish-view .middle .drawers-container .info-wrapper .Fluid-color {
color: #918DAB;
}
.finish-view .middle .drawers-container .info-wrapper .Thermal {
background-image: url('#assets/images/quanta_icons/GasColor.svg');
}
.finish-view .middle .drawers-container .info-wrapper .Mechanical {
background-image: url('#assets/images/quanta_icons/MechanicalColor.svg');
}
.finish-view .middle .drawers-container .info-wrapper .Mechanical-color {
color: #BC9663;
}
.finish-view .middle .drawers-container .info-wrapper .Fuel {
background-image: url('#assets/images/quanta_icons/FuelColor.svg');
}
.finish-view .middle .drawers-container .info-wrapper .Fuel-color {
color: #BBAB5F;
}
.finish-view .middle .drawers-container .info-wrapper .Control {
background-image: url('#assets/images/quanta_icons/ControlColor.svg');
}
.finish-view .middle .drawers-container .info-wrapper .Control-color {
color: #82A46A;
}
.finish-view .middle .drawers-container .info-wrapper .Data {
background-image: url('#assets/images/quanta_icons/DataColor.svg');
}
.finish-view .middle .drawers-container .info-wrapper .Data-color {
color: #76A19E;
}
.finish-view .middle .drawers-container .info-wrapper .Branch {
background-image: url('#assets/images/actor_icons/BranchColor.svg');
}
.finish-view .middle .drawers-container .info-wrapper .Branch-color {
color: #81A0C4;
}
.finish-view .middle .drawers-container .info-wrapper .Consumer {
background-image: url('#assets/images/actor_icons/ConsumerColor.svg');
}
.finish-view .middle .drawers-container .info-wrapper .Consumer-color {
color: #81A0C4;
}
.finish-view .middle .drawers-container .info-wrapper .Mixer {
background-image: url('#assets/images/actor_icons/MixerColor.svg');
}
.finish-view .middle .drawers-container .info-wrapper .Mixer-color {
color: #81A0C4;
}
.finish-view .middle .drawers-container .info-wrapper .Path {
background-image: url('#assets/images/actor_icons/PathColor.svg');
}
.finish-view .middle .drawers-container .info-wrapper .Path-color {
color: #81A0C4;
}
.finish-view .middle .drawers-container .info-wrapper .Producer {
background-image: url('#assets/images/actor_icons/ProducerColor.svg');
}
.finish-view .middle .drawers-container .info-wrapper .Producer-color {
color: #81A0C4;
}
.finish-view .middle .drawers-container .info-wrapper .Router {
background-image: url('#assets/images/actor_icons/RouterColor.svg');
}
.finish-view .middle .drawers-container .info-wrapper .Router-color {
color: #81A0C4;
}
.finish-view .middle .drawers-container .info-wrapper .Store {
background-image: url('#assets/images/actor_icons/StoreColor.svg');
}
.finish-view .middle .drawers-container .info-wrapper .Store-color {
color: #81A0C4;
}
.finish-view .middle .drawers-container .info-wrapper .Transformer {
background-image: url('#assets/images/actor_icons/TransformerColor.svg');
}
.finish-view .middle .drawers-container .info-wrapper .Transformer-color {
color: #81A0C4;
}
.finish-view .middle .drawers-container .info-wrapper .Transport {
background-image: url('#assets/images/actor_icons/TransportColor.svg');
}
.finish-view .middle .drawers-container .info-wrapper .Transport-color {
color: #81A0C4;
}
.finish-view .middle .drawers-container .info-wrapper .Separator {
background-image: url('#assets/images/actor_icons/SeparatorColor.svg');
}
.finish-view .middle .drawers-container .info-wrapper .Separator-color {
color: #81A0C4;
}
.finish-view .middle .drawers-container .equation-flow {
height: 35.9rem;
}
.finish-view .middle .drawers-container .equipment-diagram {
width: 23.8rem;
margin: auto;
padding: 1.25rem 0rem;
}
.finish-view .middle .drawers-container .text-wrapper {
padding-bottom: 0.234rem;
}
.finish-view .middle .drawers-container .math-wrapper {
border-radius: 2px;
background-color: #ebecee;
height: 100%;
}
.finish-view .middle .drawers-container .math-wrapper .math-editor {
text-align: center;
padding-left: unset;
}
.finish-view .middle .properties-repeater {
padding-left: 1.56rem;
}
.finish-view .middle .properties-repeater .property-review {
margin: 1.09rem;
width: 100%;
height: 23.4rem;
border-radius: 22px;
box-shadow: inset 2px 4px 8px 0 rgba(174, 174, 174, 0.5);
}
.finish-view .middle .properties-repeater .property-review .property-review-padding {
padding: 0.938rem;
height: 100%;
display: grid;
grid-template-rows: auto;
grid-template-columns: auto 29.7rem;
grid-template-areas: "info graph";
}
.finish-view .middle .properties-repeater .property-review .property-review-padding .property-info-wrapper {
padding: 0.938rem 3.13rem;
display: grid;
grid-template-rows: 3.44rem 7.5rem auto;
grid-template-columns: auto;
grid-template-areas: "title" "description" "physics";
}
.finish-view .middle .properties-repeater .property-review .property-review-padding .property-info-wrapper .list-item-wrapper {
display: inline-flex;
align-content: center;
align-items: center;
width: 16.3rem;
}
.finish-view .middle .properties-repeater .property-review .property-review-padding .property-info-wrapper .list-item-wrapper .list-item {
max-height: 2.1rem;
}
.finish-view .middle .properties-repeater .property-review .property-review-padding .property-info-wrapper .description-container {
display: grid;
grid-template-columns: 60% 40%;
grid-template-rows: auto;
grid-template-areas: "description setup";
padding-right: 0.938rem;
}
.finish-view .middle .properties-repeater .property-review .property-review-padding .graph-wrapper {
display: inline-flex;
flex-grow: 1;
}
.finish-view .middle .properties-repeater .property-review .property-review-padding .graph {
display: inline-flex;
flex-grow: 1;
background-color: white;
}
.finish-view .middle .input-wrapper {
width: 100%;
padding: 0.938rem 0.625rem;
padding-bottom: 2.19rem;
}
.finish-view .middle .input-wrapper .title-text {
padding-top: 0.938rem;
padding-bottom: 0.313rem;
}
.finish-view .middle .input-wrapper .notes-text {
padding-top: 0.781rem;
padding-bottom: 0.313rem;
}
.finish-view .middle .input-wrapper .input-padding {
width: 95%;
padding-right: 1.56rem;
}
.finish-view .middle .input-wrapper .description {
width: 95%;
padding-right: 1.56rem;
height: 4.69rem;
}
.finish-view .middle .input-wrapper .notes {
width: 95%;
padding-right: 1.56rem;
height: 8.13rem;
}
.finish-view .right {
overflow: visible;
}
.validation-panel .pad-drawer-edges {
padding-left: 0.625rem;
padding-right: 0.625rem;
}
.validation-panel .input-height {
height: 2.41rem;
}
.validation-panel .stimulus-graph {
padding: 1.09rem;
}
.validation-panel .stimulus-graph .graph {
width: 24.3rem !important;
flex-grow: 1;
height: 15rem !important;
background-color: white;
display: flex;
}
.validation-panel .stimulus-graph .graph.small {
width: 100% !important;
}
.validation-panel .top-spacing {
padding-top: 0.625rem;
}
.validation-panel .expand-advanced {
padding-top: 1.25rem;
}
.validation-panel .stimulus-padding {
padding-top: 0.938rem;
}
.validation-panel .picker-align {
margin-right: 0.625rem;
}
.validation-panel .list-container {
margin-left: 1.88rem;
margin-right: 1.88rem;
margin-top: 1.56rem;
}
.validation-panel .list-container .hive-drawer-title .turner-circle {
margin-left: -0.188rem;
}
.validation-panel .list-container .indent {
margin-left: 1.25rem;
}
.validation-panel .sweep-button {
width: 100%;
display: inline-flex;
justify-content: center;
}
.save-button {
position: absolute;
right: 1%;
height: 75%;
}
.save-version-button {
width: inherit !important;
min-height: unset !important;
max-height: unset;
height: 100% !important;
}
.version-panel-grids {
display: grid;
grid-template-rows: [top] min-content [bottom] auto;
}
.jsonView {
margin-left: 20px;
font-family: "Fira Code", monospace;
line-height: 1.5;
padding: 2px;
cursor: default;
color: #424242;
white-space: nowrap;
-webkit-user-select: none;
white-space: pre-wrap;
font-size: 0.918rem !important;
}
.jsonView > div {
display: inline-block;
color: #7d7d7d;
}
.jsonView > .children,
.jsonView.insert {
display: block;
}
.jsonView .children .name {
color: #f29f00;
}
.jsonView > .name {
color: hsl(188, 100%, 36%);
}
.jsonView > .separator:before {
content: ":";
}
.jsonView > .separator {
padding-right: 5px;
color: #7d7d7d;
}
.jsonView > .value.null {
color: #e65f47;
}
.jsonView > .value.boolean,
.jsonView > .value.number {
color: #6881e7;
}
.jsonView > .value.string:not(.edit):before,
.jsonView > .value.string:not(.edit):after {
content: "\"";
}
.jsonView > .value.string {
color: #50bc28;
}
.jsonView > .name:hover,
.jsonView > .value:hover {
background-color: rgba(56, 121, 217, 0.1);
}
.jsonView > .expand,
.jsonView > .collapse {
min-width: 20px;
margin-left: -20px;
cursor: pointer;
}
.jsonView > .expand:before {
content: '\25B6';
}
.jsonView > .collapse:before {
content: '\25BC';
}
.jsonView > .edit {
padding: 0px 5px 0px 5px;
white-space: nowrap;
overflow: hidden;
background-color: transparent;
}
.jsonView > .edit br {
display: none;
}
.jsonView > .edit * {
display: inline;
white-space: nowrap;
}
.jsonView > .value.edit {
color: #000000;
}
.jsonView > .delete:before {
content: 'X';
}
.jsonView > .delete {
opacity: 0;
display: inline;
padding: 3px;
margin-left: 20px;
cursor: pointer;
color: #969696;
/*remove delete*/
display: none;
}
.jsonView > .delete:hover {
opacity: 1;
color: #000000;
background: #dcdcdc;
}
.jsonView > .insert:before {
content: '+';
}
.jsonView > .insert {
display: none;
color: #969696;
cursor: pointer;
}
.jsonView.expanded > .insert,
.jsonView.expanded > .insert {
display: inline-block;
margin-left: 20px;
padding: 3px;
/*remove delete*/
display: none;
}
.jsonView > .insert:hover {
color: #000000;
background: #dcdcdc;
}
.vertical-tab .button-content.button-size-small {
font-size: 0.75rem !important;
margin-left: -1px !important;
}
.vertical-tab.first-tab .button-content.button-size-small {
padding-bottom: 11px;
}
.stageViewToggle.enyo-image {
height: 2.19rem;
width: 2.19rem;
}
.homeViewImage.enyo-image {
height: 4.69rem;
width: 4.69rem;
transition: width 1s;
}
.version-number {
font-size: 0.938rem;
font-family: 'AvenirNext';
font-variation-settings: 'wght' 700, 'wdth' 100;
padding-right: 1.09rem;
}
.tableFieldContainer {
overflow: scroll;
margin-left: 10px;
padding-right: 10px;
padding-top: 0px;
}
:root {
--domain-group-color: black;
}
.domain-dropshadow {
filter: drop-shadow(0rem 0rem 0.469rem rgba(0, 0, 0, 0.5));
}
.orange-selection {
filter: drop-shadow(0 0 0.625rem orange) !important;
transition: filter 0.5s ease-in;
}
.domain-glow {
filter: drop-shadow(0 0 1.25rem var(--domain-group-color));
transition: filter 1s ease-in;
}
.primary-glow {
filter: drop-shadow(0 0 0.656rem var(--domain-group-color));
transition: filter 1s ease-in;
}
.domain-group-glow-remove {
filter: drop-shadow(0 0 0rem var(--domain-group-color));
transition: filter 1s ease-out;
}
.background-blur {
filter: blur(5px);
transition: filter 2s ease-in;
}
.tableShadow {
filter: drop-shadow(0 2px 7px rgba(0, 0, 0, 0.48));
}
.fieldName {
padding-top: 15px;
font-weight: bold;
font-size: 14px;
}
.fieldDatatype {
font-style: italic;
font-size: 10px;
font-family: 'verdana, courier new';
}
.fieldDescription {
padding-top: 5px;
font-size: 10px;
font-family: 'courier new';
}
.hierarchy .hierarchy-first {
width: 13.1rem;
}
.hierarchy .hierarchy-second {
width: 17.5rem;
}
.hierarchy.active {
width: 13.1rem;
}
.querybuilder > div {
height: 100%;
width: 22.5rem;
margin-left: 0.188rem;
transition: width 0.5s ease-out;
}
/* Style the collapsed content, default setting */
.querybuilder_collapsed {
transition: width 0.5s ease-out;
}
.querybuilder_collapsed .querybuilder > :nth-child(2) {
width: 0;
}
/* see ontology view left domain panel */
.disableablePanel {
position: relative;
}
/* see ontology view left domain panel */
.disableCover {
width: 100%;
height: 100%;
background: rgba(0, 255, 100, 0);
position: absolute;
z-index: 10;
}
.qb-header {
justify-content: center !important;
background-color: #5d7ca7 !important;
background-image: linear-gradient(to bottom, rgba(238, 238, 238, 0), rgba(117, 117, 117, 0.04) 92%, rgba(57, 57, 57, 0.33) 97%, rgba(2, 2, 2, 0.27)) !important;
}
.CodeMirror-info,
.CodeMirror-lint-tooltip,
.graphiql-container,
reach-portal {
--font-size-hint: 0.859rem !important;
--font-size-inline-code: 0.879rem !important;
--font-size-body: 0.918rem !important;
--font-size-h4: 0.977rem !important;
--font-size-h3: 1.05rem !important;
--font-size-h2: 1.19rem !important;
}
.graphiql-container :is(.graphiql-markdown-description, .CodeMirror-hint-information-description, .CodeMirror-info .info-description) code,
:is(.graphiql-markdown-description, .CodeMirror-hint-information-description, .CodeMirror-info .info-description) pre {
color: #00c2e0;
}
.CodeMirror-selected {
background: #ffffff5e !important;
color: white !important;
}
.CodeMirror-hint-active {
background: #494132 !important;
color: #f29f00 !important;
}
.CodeMirror-hints {
background: #464646 !important;
border: #7d7d7d solid 1px !important;
}
.graphiql-container .CodeMirror-hint {
color: #00c2e0;
}
.CodeMirror-hint:not(:first-child) {
color: #d7d7d7 !important;
}
.CodeMirror-cursor {
border-left: 2px solid #d7d7d7 !important;
}
.cm-keyword {
color: #e65f47 !important;
}
.cm-property {
color: #f29f00 !important;
}
.cm-attribute {
color: #00c2e0 !important;
}
.cm-string {
color: #50bc28 !important;
}
.cm-number {
color: #ae62e8 !important;
}
.cm-invalidchar {
color: #e65f47 !important;
}
.cm-builtin {
color: #6881e7 !important;
}
.graphiql-history-header {
color: #d7d7d7 !important;
}
.graphiql-history-item.editable > input {
color: #00c2e0 !important;
}
.graphiql-history-item.editable > input::placeholder {
color: #00c2e0 !important;
}
.graphiql-doc-explorer-title {
color: #f29f00 !important;
}
.graphiql-doc-explorer-search {
display: none;
}
.graphiql-doc-explorer-root-type {
color: #f29f00 !important;
}
.graphiql-doc-explorer-type-name {
color: #50bc28 !important;
}
.graphiql-doc-explorer-content .graphiql-doc-explorer-section-content .graphiql-doc-explorer-item .graphiql-doc-explorer-argument-multiple .graphiql-doc-explorer-argument-name {
color: #6881e7 !important;
}
.graphiql-doc-explorer-section-content .graphiql-doc-explorer-item .graphiql-doc-explorer-field-name {
color: #f29f00 !important;
}
.graphiql-doc-explorer-section-content .graphiql-doc-explorer-item .graphiql-doc-explorer-type-name {
color: #50bc28 !important;
}
.CodeMirror-foldgutter-open,
.CodeMirror-guttermarker-subtle {
display: none;
}
.CodeMirror-linenumber,
.cm-punctuation,
.cm-ws {
color: #7d7d7d !important;
}
.graphiql-container * {
color: #7d7d7d;
}
.graphiql-doc-explorer-back {
color: #7d7d7d !important;
}
.graphiql-container {
background-color: #464646 !important;
}
.graphiql-container button {
color: #d7d7d7 !important;
}
.graphiql-container .graphiql-editors {
background-color: #3a3a3a !important;
}
.graphiql-container .graphiql-editors .CodeMirror {
background-color: #3a3a3a !important;
}
.graphiql-container .graphiql-editors .CodeMirror-gutters {
background-color: #393838 !important;
}
.graphiql-container .graphiql-execute-button {
display: none;
}
.graphiql-container .graphiql-logo {
display: none;
}
.graphiql-container .graphiql-toolbar {
display: none;
}
.graphiql-container .graphiql-toolbar-button {
display: none;
}
.graphiql-container .graphiql-sidebar {
padding-top: 1.88rem !important;
/*
* Used to hide default svg icon, when replacing with an ![]()
* @see src/views/quantum-explorer/RightPanel/GraphQLPanel
* Issues w/ enyo modifying virtual dom - may not be the ideal solution but it works without errors.
*/
}
.graphiql-container .graphiql-sidebar button:not(:first-child) {
margin-top: 0px !important;
}
.graphiql-container .graphiql-sidebar button svg {
display: none;
}
.graphiql-container .graphiql-sidebar .graphiql-sidebar-section [aria-label='Re-fetch GraphQL schema'],
.graphiql-container .graphiql-sidebar .graphiql-sidebar-section [aria-label='Open short keys dialog'],
.graphiql-container .graphiql-sidebar .graphiql-sidebar-section [aria-label='Open settings dialog'] {
display: none;
}
.graphiql-container .graphiql-editor .graphiql-tab,
.graphiql-container .graphiql-response .graphiql-tab {
color: #d7d7d7 !important;
}
.graphiql-container .graphiql-session {
padding: 0 !important;
}
.graphiql-container .graphiql-session,
.graphiql-container .graphiql-session-header {
background-color: #464646 !important;
display: none;
}
.graphiql-container .graphiql-editor-tools {
display: none !important;
}
.graphiql-container .graphiql-editors,
.graphiql-container .graphiql-query-editor,
.graphiql-container .graphiql-query-editor .CodeMirror-scroll,
.graphiql-container .graphiql-editor-tools,
.graphiql-container .graphiql-editor .CodeMirror-gutter {
background-color: #393838 !important;
}
.graphiql-container .graphiql-query-editor {
box-shadow: inset -0.1px 2px 8px 0 rgba(0, 0, 0, 0.51), inset 0.1px -4px 2px 0 rgba(255, 255, 255, 0.12) !important;
}
.graphiql-container .CodeMirror {
height: 96% !important;
width: 96% !important;
}
.graphiql-container .CodeMirror-sizer {
margin-left: 1.88rem !important;
}
.graphiql-container .CodeMirror-line {
padding-left: 0.313rem !important;
}
.graphiql-container .graphiql-response {
background-color: #393838;
box-shadow: -0.1px 2px 8px 0 rgba(0, 0, 0, 0.51) inset, 0.1px -4px 2px 0 rgba(255, 255, 255, 0.12) inset;
margin-top: calc(var(--px-8) - var(--session-header-height));
}
.graphiql-container .result-window {
padding: var(--px-16);
}
.inputDirection-right {
text-align: right !important;
}
.toggle-button.selection-toggle-button {
position: relative;
background: transparent;
font-family: 'AvenirNext';
width: 11.3rem;
text-align: left;
padding: 0px 4px;
cursor: pointer;
display: flex;
justify-content: space-between;
align-items: center;
margin-right: 0px;
}
.selection-toggle-button-view {
margin-right: 30px;
}
.selection-toggle-button-view .onyx-button {
cursor: default;
opacity: 1;
font-variation-settings: 'wght' 700, 'wdth' 100;
}
.selection-toggle-button-view .onyx-button .title.no-selection {
font-family: 'AvenirNext';
color: #7c7d7e;
}
.selection-toggle-button-view .onyx-button *:children {
cursor: default;
}
.selection-toggle-button-view .toggle-button.selection-toggle-button {
position: relative;
background: transparent;
background-color: #f5f5f5;
font-family: 'AvenirNext';
color: #353438;
font-size: 0.938rem;
width: 14.1rem;
height: 1.88rem;
text-align: left;
padding: 0px 8px;
cursor: pointer;
display: flex;
justify-content: space-between;
align-items: center;
margin-right: 0px;
}
.selection-toggle-button-view .toggle-button.selection-toggle-button.disabled {
cursor: not-allowed;
color: #7c7d7e;
}
.selection-toggle-button-view .toggle-button.selection-toggle-button.disabled .title {
color: #7c7d7e;
}
.selection-toggle-button-view .toggle-button.selection-toggle-button.disabled .toggle-icon {
background-image: url('#assets/images/small-icons/add-library-disabled.png') !important;
}
/**
Global scale factor variables for responsive scaling. Override these values within component
elements that need scaling as appropriate for a target platform.
*/
/**
Scale factor to INCREASE size of interactive elements like buttons and other tab enabled items on
high DPI screens to improve touch targeting for users.
*/
@property --hit-scale-factor {
syntax: "";
inherits: true;
initial-value: 1;
/* unity represents the reference desktop scaling */
}
/**
Scale factor to INCREASE spacing between interactive elements on high DPI screens. This is related
to --hit-scale-factor, but improves targeting by decreasing the chance of accidentally hitting an
adjacent element.
*/
@property --hit-spacing-factor {
syntax: "";
inherits: true;
initial-value: 1;
/* unity represents the reference desktop scaling */
}
/**
Scale factor to DECREASE space around scaled-up elements on high DPI screens to accommodate them
without overflow and should be used sparingly.
*/
@property --fit-spacing-factor {
syntax: "";
inherits: true;
initial-value: 1;
/* unity represents the reference desktop scaling */
}
/**
Scale factor to INCREASE font and icon size of elements on high DPI screens for better legibility.
Determining when to use this vs. --hit-scale-factor may be somewhat subjective, and property/element
-specific.
*/
@property --legibility-scale-factor {
syntax: "";
inherits: true;
initial-value: 1;
/* unity represents the reference desktop scaling */
}
/**
These are the base overrides for the Hive platform. They represent the most common factors used
in components, but can and should be overridden at the component level as needed.
We're overriding the properties to fit the scaling for a touch screen.
*/
@media (any-hover: none) {
:root {
--hit-scale-factor: 1.5;
/* 50% larger hit targets */
--hit-spacing-factor: 1.5;
/* 50% larger spacing between hit targets */
--fit-spacing-factor: 0.857;
/* 15% less space between hit targets */
--legibility-scale-factor: 1.25;
/* 25% larger font and icon sizes */
}
}
@media all {
.form-fileviewer .widget,
.form-site .widget,
.form-site .widget,
.form-system .widget,
.form-interface .widget,
.form-wiring .widget,
.form-equipment .widget {
min-width: 200px;
}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
/* iPad in portrait & landscape */
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
/* iPad in landscape */
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
/* iPad in landscape */
.form-fileviewer .widget,
.form-site .widget,
.form-system .widget,
.form-interface .widget,
.form-wiring .widget,
.form-equipment .widget {
min-width: 150px;
}
}
@media only screen and (max-width: 1148px) {
.header .bt-reload,
.header .bt-add-tab {
margin-left: 10px !important;
}
.header .btn-setting,
.header .btn-help,
.header .btn-lock {
margin-left: 10px !important;
}
.form-setup input.txt-coordinates {
width: 120px;
}
}
@media only screen and (max-width: 1024px) {
.form-setup input.txt-project-name {
width: 100%;
}
.form-setup input.txt-coordinates {
width: 120px;
}
.form-setup textarea.txt-note {
width: 100%;
}
}
@media only screen and (max-width: 768px) {
body {
font-size: 11px;
}
input {
font-size: 11px !important;
line-height: 14px;
}
span.apply {
width: 16px !important;
height: 16px !important;
background: url(assets/images/commission_9dd2d625b13bf60e0c7b.png) 0px 0px no-repeat !important;
background-size: 45px !important;
top: 2px !important;
right: 5px !important;
}
span.exit {
width: 16px !important;
height: 16px !important;
background: url(assets/images/commission_9dd2d625b13bf60e0c7b.png) -34px 0px no-repeat !important;
background-size: 45px !important;
top: 2px !important;
right: 5px !important;
}
/* Button */
.bt-commission-apply {
background: url(assets/images/commission_9dd2d625b13bf60e0c7b.png) 0px 0px no-repeat !important;
height: 16px !important;
width: 16px !important;
}
.bt-commission-apply.active,
.bt-commission-apply.pressed,
.bt-commission-apply:active:hover {
background: url(assets/images/commission_9dd2d625b13bf60e0c7b.png) 0px 0px no-repeat !important;
}
.bt-commission-exit {
background: url(assets/images/commission_9dd2d625b13bf60e0c7b.png) -34px 0px no-repeat !important;
height: 16px !important;
width: 16px !important;
}
.bt-commission-exit.active,
.bt-commission-exit.pressed,
.bt-commission-exit:active:hover {
background: url(assets/images/commission_9dd2d625b13bf60e0c7b.png) -34px 0px no-repeat !important;
}
.bt-commission-setting {
background: url(assets/images/commission_9dd2d625b13bf60e0c7b.png) -18px 0px no-repeat !important;
height: 16px !important;
width: 16px !important;
}
.bt-commission-setting.active,
.bt-commission-setting.pressed,
.bt-commission-setting:active:hover {
background: url(assets/images/commission_9dd2d625b13bf60e0c7b.png) -18px 0px no-repeat !important;
}
.bt-default,
.bt-file-input button {
font-size: 11px;
line-height: 18px;
}
.bt-new {
background: url(assets/images/smallicons_85207092692b80bb1d06.png) -209px -62px no-repeat !important;
height: 20px !important;
width: 20px !important;
}
.bt-new.active,
.bt-new.pressed,
.bt-new:active:hover {
background: url(assets/images/smallicons-hover_f2065cfa5a4ae1285985.png) -209px -62px no-repeat !important;
}
.bt-reload {
background: url(assets/images/smallicons_85207092692b80bb1d06.png) 0px -63px no-repeat !important;
height: 20px !important;
width: 20px !important;
}
.bt-reload.active,
.bt-reload.pressed,
.bt-reload:active:hover {
background: url(assets/images/smallicons-hover_f2065cfa5a4ae1285985.png) 0px -63px no-repeat !important;
}
.bt-project {
background: url(assets/images/bt-project_834d3da40cdc78313719.png) no-repeat;
width: 65px;
height: 20px !important;
font-size: 11px;
line-height: 20px;
padding-left: 4px !important;
}
.bt-project.active,
.bt-project.pressed,
.bt-project:active:hover {
background: url(assets/images/bt-project_834d3da40cdc78313719.png) no-repeat !important;
}
.bt-add-tab {
background: url(assets/images/smallicons_85207092692b80bb1d06.png) -180px -63px no-repeat !important;
height: 20px !important;
width: 20px !important;
}
.bt-add-tab.active,
.bt-add-tab.pressed,
.bt-add-tab:active:hover {
background: url(assets/images/smallicons-hover_f2065cfa5a4ae1285985.png) -180px -62px no-repeat !important;
}
.bt-add {
background: url(assets/images/smallicons_85207092692b80bb1d06.png) -89px -61px no-repeat;
height: 20px !important;
width: 20px !important;
}
.bt-add.active,
.bt-add.pressed,
.bt-add:active:hover {
background: url(assets/images/smallicons-hover_f2065cfa5a4ae1285985.png) -89px -61px no-repeat !important;
}
.btn:before {
background-image: url(assets/images/smallicons_85207092692b80bb1d06.png);
}
.btn.btn-setting:before {
top: 0;
width: 20px;
height: 20px;
background-position: -153px -62px;
}
.btn.btn-setting:hover:before,
.btn.btn-setting.active:before,
.btn.btn-setting.pressed:before,
.btn.btn-setting:active:hover:before {
background-position: -153px -186px;
}
.btn.btn-help:before {
top: 0;
width: 20px;
height: 20px;
background-position: -367px -62px;
}
.btn.btn-help:hover:before,
.btn.btn-help.active:before,
.btn.btn-help.pressed:before,
.btn.btn-help:active:hover:before {
background-position: -367px -186px;
}
.btn.btn-lock {
height: 25px;
width: 25px;
}
.btn.btn-lock:before {
top: 0;
width: 20px;
height: 20px;
background-position: -299px -62px;
}
.btn.btn-lock:hover:before {
background-position: -299px -186px;
}
.btn.btn-lock.active:before,
.btn.btn-lock.pressed:before,
.btn.btn-lock:active:hover:before {
background-position: -319px -186px;
}
.btn.btn-open {
height: 25px;
width: 25px;
}
.btn.btn-open:before {
height: 20px;
width: 20px;
background-position: -253px -32px;
}
.btn.btn-open:hover:before,
.btn.btn-open.active:before,
.btn.btn-open.pressed:before,
.btn.btn-open:active:hover:before {
background-position: -253px -156px;
}
.btn.btn-add-new:before {
width: 20px;
height: 20px;
background-position: -90px -62px;
}
.btn.btn-add-new.active:before,
.btn.btn-add-new.pressed:before,
.btn.btn-add-new:hover:before,
.btn.btn-add-new:active:hover:before {
background-position: -90px -186px;
}
.bt-move {
background: url(assets/images/smallicons_85207092692b80bb1d06.png) -207px 1px no-repeat;
height: 20px !important;
width: 20px !important;
border: solid 1px #CCC !important;
}
.bt-move.active,
.bt-move.pressed,
.bt-move:active:hover {
background: url(assets/images/smallicons-hover_f2065cfa5a4ae1285985.png) -207px 1px no-repeat !important;
}
.bt-connector-tool {
background: url(assets/images/smallicons_85207092692b80bb1d06.png) -175px -33px no-repeat;
height: 18px !important;
width: 19px !important;
border: solid 1px #CCC;
}
.bt-connector-tool.active,
.bt-connector-tool.pressed,
.bt-connector-tool:active:hover {
background: url(assets/images/smallicons-hover_f2065cfa5a4ae1285985.png) -175px -33px no-repeat !important;
}
.bt-connector {
background: url(assets/images/smallicons_85207092692b80bb1d06.png) -65px -32px no-repeat;
height: 20px !important;
width: 20px !important;
border: solid 1px #CCC;
}
.bt-connector.active,
.bt-connector.pressed,
.bt-connector:active:hover {
background: url(assets/images/smallicons-hover_f2065cfa5a4ae1285985.png) -65px -32px no-repeat !important;
}
.bt-connector2 {
background: url(assets/images/smallicons_85207092692b80bb1d06.png) -84px -32px no-repeat;
height: 20px !important;
width: 20px !important;
border: solid 1px #CCC;
}
.bt-connector2.active,
.bt-connector2.pressed,
.bt-connector2:active:hover {
background: url(assets/images/smallicons-hover_f2065cfa5a4ae1285985.png) -84px -32px no-repeat !important;
}
.bt-outline {
background: url(assets/images/smallicons_85207092692b80bb1d06.png) -254px -34px no-repeat;
height: 20px !important;
width: 20px !important;
border: solid 1px #CCC;
}
.bt-outline.active,
.bt-outline.pressed,
.bt-outline:active:hover {
background: url(assets/images/smallicons-hover_f2065cfa5a4ae1285985.png) -254px -34px no-repeat !important;
}
.bt-CPI {
background: url(assets/images/smallicons_85207092692b80bb1d06.png) -198px -32px no-repeat;
height: 20px !important;
width: 20px !important;
border: solid 1px #CCC;
}
.bt-CPI.active,
.bt-CPI.pressed,
.bt-CPI:active:hover {
background: url(assets/images/smallicons-hover_f2065cfa5a4ae1285985.png) -198px -32px no-repeat !important;
}
.bt-text {
background: url(assets/images/smallicons_85207092692b80bb1d06.png) -155px -32px no-repeat;
height: 20px !important;
width: 20px !important;
border: solid 1px #CCC;
}
.bt-text.active,
.bt-text.pressed,
.bt-text:active:hover {
background: url(assets/images/smallicons-hover_f2065cfa5a4ae1285985.png) -155px -32px no-repeat !important;
}
.bt-multiselect {
background: url(assets/images/smallicons_85207092692b80bb1d06.png) -139px 1px no-repeat;
height: 20px !important;
width: 20px !important;
border: solid 1px #CCC;
}
.bt-multiselect.active,
.bt-multiselect.pressed,
.bt-multiselect:active:hover {
background: url(assets/images/smallicons-hover_f2065cfa5a4ae1285985.png) -139px 1px no-repeat !important;
}
.bt-delete {
background: url(assets/images/smallicons_85207092692b80bb1d06.png) -136px -93px no-repeat;
height: 20px !important;
width: 20px !important;
border: solid 1px #CCC;
}
.bt-delete.active,
.bt-delete.pressed,
.bt-delete:active:hover {
background: url(assets/images/smallicons-hover_f2065cfa5a4ae1285985.png) -136px -93px no-repeat !important;
}
.bt-rotate-left {
background: url(assets/images/smallicons_85207092692b80bb1d06.png) -245px -63px no-repeat;
height: 20px !important;
width: 20px !important;
border: solid 1px #CCC;
}
.bt-rotate-left.active,
.bt-rotate-left.pressed,
.bt-rotate-left:active:hover {
background: url(assets/images/smallicons-hover_f2065cfa5a4ae1285985.png) -245px -63px no-repeat !important;
}
.bt-go-back {
background: url(assets/images/smallicons_85207092692b80bb1d06.png) -245px -63px no-repeat;
height: 20px !important;
width: 20px !important;
border: solid 1px #CCC;
}
.bt-go-back.active,
.bt-go-back.pressed,
.bt-go-back:active:hover {
background: url(assets/images/smallicons-hover_f2065cfa5a4ae1285985.png) -245px -63px no-repeat !important;
}
.bt-go-forward {
background: url(assets/images/smallicons_85207092692b80bb1d06.png) -274px -63px no-repeat;
height: 20px !important;
width: 20px !important;
border: solid 1px #CCC;
}
.bt-go-forward.active,
.bt-go-forward.pressed,
.bt-go-forward:active:hover {
background: url(assets/images/smallicons-hover_f2065cfa5a4ae1285985.png) -274px -63px no-repeat !important;
}
.bt-flip {
background: url(assets/images/smallicons_85207092692b80bb1d06.png) -254px -34px no-repeat;
height: 20px !important;
width: 20px !important;
border: solid 1px #CCC;
}
.bt-flip.active,
.bt-flip.pressed,
.bt-flip:active:hover {
background: url(assets/images/smallicons-hover_f2065cfa5a4ae1285985.png) -254px -34px no-repeat !important;
}
.bt-align {
background: url(assets/images/smallicons_85207092692b80bb1d06.png) -273px -32px no-repeat;
height: 18px !important;
width: 19px !important;
border: solid 1px #CCC;
}
.bt-align.active,
.bt-align.pressed,
.bt-align:active:hover {
background: url(assets/images/smallicons-hover_f2065cfa5a4ae1285985.png) -273px -32px no-repeat !important;
}
.bt-align-bottom {
background: url(assets/images/smallicons_85207092692b80bb1d06.png) -299px -3px no-repeat !important;
height: 20px !important;
width: 20px !important;
}
.bt-align-bottom.active,
.bt-align-bottom.pressed,
.bt-align-bottom:active:hover {
background: url(assets/images/smallicons-hover_f2065cfa5a4ae1285985.png) -299px -3px no-repeat !important;
}
.bt-align-vcenter {
background: url(assets/images/smallicons_85207092692b80bb1d06.png) -330px -3px no-repeat !important;
height: 20px !important;
width: 20px !important;
}
.bt-align-vcenter.active,
.bt-align-vcenter.pressed,
.bt-align-vcenter:active:hover {
background: url(assets/images/smallicons-hover_f2065cfa5a4ae1285985.png) -330px -3px no-repeat !important;
}
.bt-align-top {
background: url(assets/images/smallicons_85207092692b80bb1d06.png) -362px -3px no-repeat !important;
height: 20px !important;
width: 20px !important;
}
.bt-align-top.active,
.bt-align-top.pressed,
.bt-align-top:active:hover {
background: url(assets/images/smallicons-hover_f2065cfa5a4ae1285985.png) -362px -3px no-repeat !important;
}
.bt-align-left {
background: url(assets/images/smallicons_85207092692b80bb1d06.png) -296px -31px no-repeat !important;
height: 20px !important;
width: 20px !important;
}
.bt-align-left.active,
.bt-align-left.pressed,
.bt-align-left:active:hover {
background: url(assets/images/smallicons-hover_f2065cfa5a4ae1285985.png) -296px -31px no-repeat !important;
}
.bt-align-hcenter {
background: url(assets/images/smallicons_85207092692b80bb1d06.png) -330px -31px no-repeat !important;
height: 20px !important;
width: 20px !important;
}
.bt-align-hcenter.active,
.bt-align-hcenter.pressed,
.bt-align-hcenter:active:hover {
background: url(assets/images/smallicons-hover_f2065cfa5a4ae1285985.png) -330px -31px no-repeat !important;
}
.bt-align-right {
background: url(assets/images/smallicons_85207092692b80bb1d06.png) -364px -31px no-repeat !important;
height: 20px !important;
width: 20px !important;
}
.bt-align-right.active,
.bt-align-right.pressed,
.bt-align-right:active:hover {
background: url(assets/images/smallicons-hover_f2065cfa5a4ae1285985.png) -364px -31px no-repeat !important;
}
.bt-look {
background: url(assets/images/smallicons_85207092692b80bb1d06.png) -249px 0px no-repeat;
height: 20px !important;
width: 20px !important;
border: solid 1px #CCC;
}
.bt-look.active,
.bt-look.pressed,
.bt-look:active:hover {
background: url(assets/images/smallicons-hover_f2065cfa5a4ae1285985.png) -249px 0px no-repeat !important;
}
.bt-max {
background: url(assets/images/smallicons_85207092692b80bb1d06.png) -187px 0px no-repeat;
height: 20px !important;
width: 20px !important;
border: solid 1px #CCC;
}
.bt-max.active,
.bt-max.pressed,
.bt-max:active:hover {
background: url(assets/images/smallicons-hover_f2065cfa5a4ae1285985.png) -187px 0px no-repeat !important;
}
.bt-min {
background: url(assets/images/smallicons_85207092692b80bb1d06.png) -228px 0px no-repeat;
height: 20px !important;
width: 20px !important;
border: solid 1px #CCC;
}
.bt-min.active,
.bt-min.pressed,
.bt-min:active:hover {
background: url(assets/images/smallicons-hover_f2065cfa5a4ae1285985.png) -228px 0px no-repeat !important;
}
.bt-up2 {
background: url(assets/images/smallicons_85207092692b80bb1d06.png) -180px -91px no-repeat;
height: 20px !important;
width: 20px !important;
}
.bt-up2.active,
.bt-up2.pressed,
.bt-up2:active:hover {
background: url(assets/images/smallicons-hover_f2065cfa5a4ae1285985.png) -180px -91px no-repeat !important;
}
.bt-rectangle {
background: url(assets/images/smallicons_85207092692b80bb1d06.png) -118px -33px no-repeat;
height: 20px !important;
width: 20px !important;
}
.bt-rectangle.active,
.bt-rectangle.pressed,
.bt-rectangle:active:hover {
background: url(assets/images/smallicons-hover_f2065cfa5a4ae1285985.png) -118px -33px no-repeat !important;
}
.bt-circle {
background: url(assets/images/smallicons_85207092692b80bb1d06.png) -136px -33px no-repeat;
height: 20px !important;
width: 20px !important;
}
.bt-circle.active,
.bt-circle.pressed,
.bt-circle:active:hover {
background: url(assets/images/smallicons-hover_f2065cfa5a4ae1285985.png) -136px -33px no-repeat !important;
}
.bt-line-thickness {
background: url(assets/images/icons-other_6efd1af05e99fad48d25.png) 0px 0px no-repeat;
height: 20px !important;
width: 20px !important;
border: solid 1px #CCC;
}
.bt-line-thickness.active,
.bt-line-thickness.pressed,
.bt-line-thickness:active:hover {
background: url(assets/images/icons-other-hover_66e3e58a68714da48f94.png) 0px 0px no-repeat !important;
}
.bt-line-color {
background: url(assets/images/icons-other_6efd1af05e99fad48d25.png) -23px 0px no-repeat;
height: 20px !important;
width: 20px !important;
border: solid 1px #CCC;
}
.bt-line-color.active,
.bt-line-color.pressed,
.bt-line-color:active:hover {
background: url(assets/images/icons-other-hover_66e3e58a68714da48f94.png) -23px 0px no-repeat !important;
}
.bt-fill-color {
background: url(assets/images/icons-other_6efd1af05e99fad48d25.png) -70px 0px no-repeat;
height: 20px !important;
width: 20px !important;
border: solid 1px #CCC;
}
.bt-fill-color.active,
.bt-fill-color.pressed,
.bt-fill-color:active:hover {
background: url(assets/images/icons-other-hover_66e3e58a68714da48f94.png) -70px 0px no-repeat !important;
}
.bt-group {
background: url(assets/images/icons-other_6efd1af05e99fad48d25.png) -47px 0px no-repeat;
height: 20px !important;
width: 20px !important;
border: solid 1px #CCC;
}
.bt-group.active,
.bt-group.pressed,
.bt-group:active:hover {
background: url(assets/images/icons-other-hover_66e3e58a68714da48f94.png) -47px 0px 1px no-repeat !important;
}
.bt-front-down {
background: url(assets/images/smallicons_85207092692b80bb1d06.png) -218px -34px no-repeat;
height: 20px !important;
width: 20px !important;
border: solid 1px #CCC;
}
.bt-front-down.active,
.bt-front-down.pressed,
.bt-front-down:active:hover {
background: url(assets/images/smallicons-hover_f2065cfa5a4ae1285985.png) -218px -34px no-repeat !important;
}
.bt-front-up {
background: url(assets/images/smallicons_85207092692b80bb1d06.png) -235px -34px no-repeat;
height: 20px !important;
width: 20px !important;
border: solid 1px #CCC;
}
.bt-front-up.active,
.bt-front-up.pressed,
.bt-front-up:active:hover {
background: url(assets/images/smallicons-hover_f2065cfa5a4ae1285985.png) -235px -34px no-repeat !important;
}
.bt-line-1 {
background: url(assets/images/smallicons_85207092692b80bb1d06.png) -120px 2px no-repeat;
height: 20px !important;
width: 20px !important;
border: solid 1px #CCC;
}
.bt-line-1.active,
.bt-line-1.pressed,
.bt-line-1:active:hover {
background: url(assets/images/smallicons-hover_f2065cfa5a4ae1285985.png) -120px 2px no-repeat !important;
}
.bt-line-2 {
background: url(assets/images/smallicons_85207092692b80bb1d06.png) -139px 2px no-repeat;
height: 20px !important;
width: 20px !important;
border: solid 1px #CCC;
}
.bt-line-2.active,
.bt-line-2.pressed,
.bt-line-2:active:hover {
background: url(assets/images/smallicons-hover_f2065cfa5a4ae1285985.png) -139px 2px no-repeat !important;
}
.bt-line-3 {
background: url(assets/images/smallicons_85207092692b80bb1d06.png) -158px 2px no-repeat;
height: 20px !important;
width: 20px !important;
border: solid 1px #CCC;
}
.bt-line-3.active,
.bt-line-3.pressed,
.bt-line-3:active:hover {
background: url(assets/images/smallicons-hover_f2065cfa5a4ae1285985.png) -158px 2px no-repeat !important;
}
.bt-up {
background: url(assets/images/smallicons_85207092692b80bb1d06.png) -235px -91px no-repeat;
height: 20px !important;
width: 20px !important;
}
.bt-up.active,
.bt-up.pressed,
.bt-up:active:hover {
background: url(assets/images/smallicons-hover_f2065cfa5a4ae1285985.png) -235px -91px no-repeat !important;
}
.bt-down {
background: url(assets/images/smallicons_85207092692b80bb1d06.png) -257px -91px no-repeat;
height: 20px !important;
width: 20px !important;
}
.bt-down.active,
.bt-down.pressed,
.bt-down:active:hover {
background: url(assets/images/smallicons-hover_f2065cfa5a4ae1285985.png) -257px -91px no-repeat !important;
}
.sub-menu-bar {
padding: 0 5px;
}
/* Menu Bar */
.menu-bar .title {
height: 20px;
line-height: 20px;
font-size: 11px;
padding-left: 27px;
background: #6B6968 url(assets/images/sidebar_a9bc1918d921b1d8eb81.svg) 1px 1px no-repeat;
background: url(assets/images/sidebar_a9bc1918d921b1d8eb81.svg) 1px 1px no-repeat, -webkit-linear-gradient(hsl(0, 1%, 80%) 0%, hsl(0, 1%, 90%) 5%, hsl(0, 2%, 80%) 95%, hsl(0, 1%, 70%) 100%) 0 0;
background: url(assets/images/sidebar_a9bc1918d921b1d8eb81.svg) 1px 1px no-repeat, -o-linear-gradient(hsl(0, 1%, 80%) 0%, hsl(0, 1%, 90%) 5%, hsl(0, 2%, 80%) 95%, hsl(0, 1%, 70%) 100%) 0 0;
background: url(assets/images/sidebar_a9bc1918d921b1d8eb81.svg) 1px 1px no-repeat, -moz-linear-gradient(hsl(0, 1%, 80%) 0%, hsl(0, 1%, 90%) 5%, hsl(0, 2%, 80%) 95%, hsl(0, 1%, 70%) 100%) 0 0;
background: url(assets/images/sidebar_a9bc1918d921b1d8eb81.svg) 1px 1px no-repeat, linear-gradient(hsl(0, 1%, 80%) 0%, hsl(0, 1%, 90%) 5%, hsl(0, 2%, 80%) 95%, hsl(0, 1%, 70%) 100%) 0 0;
background: #6B6968 url(assets/images/sidebar_a9bc1918d921b1d8eb81.svg) 1px 1px no-repeat;
background: url(assets/images/sidebar_a9bc1918d921b1d8eb81.svg) 1px 1px no-repeat, -webkit-linear-gradient(hsl(0, 1%, 80%) 0%, hsl(0, 1%, 90%) 5%, hsl(0, 2%, 80%) 95%, hsl(0, 1%, 70%) 100%) 0 0;
background: url(assets/images/sidebar_a9bc1918d921b1d8eb81.svg) 1px 1px no-repeat, -o-linear-gradient(hsl(0, 1%, 80%) 0%, hsl(0, 1%, 90%) 5%, hsl(0, 2%, 80%) 95%, hsl(0, 1%, 70%) 100%) 0 0;
background: url(assets/images/sidebar_a9bc1918d921b1d8eb81.svg) 1px 1px no-repeat, -moz-linear-gradient(hsl(0, 1%, 80%) 0%, hsl(0, 1%, 90%) 5%, hsl(0, 2%, 80%) 95%, hsl(0, 1%, 70%) 100%) 0 0;
background: url(assets/images/sidebar_a9bc1918d921b1d8eb81.svg) 1px 1px no-repeat, linear-gradient(hsl(0, 1%, 80%) 0%, hsl(0, 1%, 90%) 5%, hsl(0, 2%, 80%) 95%, hsl(0, 1%, 70%) 100%) 0 0;
}
.menu-bar .title.selected {
background: #6B6968 url(assets/images/sidebar-close_fb67d76740987f596e70.svg) 1px 1px no-repeat;
background: url(assets/images/sidebar-close_fb67d76740987f596e70.svg) 1px 1px no-repeat, -webkit-linear-gradient(hsl(0, 1%, 80%) 0%, hsl(0, 1%, 90%) 5%, hsl(0, 2%, 80%) 95%, hsl(0, 1%, 70%) 100%) 0 0;
background: url(assets/images/sidebar-close_fb67d76740987f596e70.svg) 1px 1px no-repeat, -o-linear-gradient(hsl(0, 1%, 80%) 0%, hsl(0, 1%, 90%) 5%, hsl(0, 2%, 80%) 95%, hsl(0, 1%, 70%) 100%) 0 0;
background: url(assets/images/sidebar-close_fb67d76740987f596e70.svg) 1px 1px no-repeat, -moz-linear-gradient(hsl(0, 1%, 80%) 0%, hsl(0, 1%, 90%) 5%, hsl(0, 2%, 80%) 95%, hsl(0, 1%, 70%) 100%) 0 0;
background: url(assets/images/sidebar-close_fb67d76740987f596e70.svg) 1px 1px no-repeat, linear-gradient(hsl(0, 1%, 80%) 0%, hsl(0, 1%, 90%) 5%, hsl(0, 2%, 80%) 95%, hsl(0, 1%, 70%) 100%) 0 0;
background: #6B6968 url(assets/images/sidebar-close_fb67d76740987f596e70.svg) 1px 1px no-repeat;
background: url(assets/images/sidebar-close_fb67d76740987f596e70.svg) 1px 1px no-repeat, -webkit-linear-gradient(hsl(0, 1%, 80%) 0%, hsl(0, 1%, 90%) 5%, hsl(0, 2%, 80%) 95%, hsl(0, 1%, 70%) 100%) 0 0;
background: url(assets/images/sidebar-close_fb67d76740987f596e70.svg) 1px 1px no-repeat, -o-linear-gradient(hsl(0, 1%, 80%) 0%, hsl(0, 1%, 90%) 5%, hsl(0, 2%, 80%) 95%, hsl(0, 1%, 70%) 100%) 0 0;
background: url(assets/images/sidebar-close_fb67d76740987f596e70.svg) 1px 1px no-repeat, -moz-linear-gradient(hsl(0, 1%, 80%) 0%, hsl(0, 1%, 90%) 5%, hsl(0, 2%, 80%) 95%, hsl(0, 1%, 70%) 100%) 0 0;
background: url(assets/images/sidebar-close_fb67d76740987f596e70.svg) 1px 1px no-repeat, linear-gradient(hsl(0, 1%, 80%) 0%, hsl(0, 1%, 90%) 5%, hsl(0, 2%, 80%) 95%, hsl(0, 1%, 70%) 100%) 0 0;
}
.menu-bar .title > .click {
height: 20px;
width: 27px;
}
.menu-bar ul li {
background: url(assets/images/sidebar-li_6a91221d4c6b7a98e772.png) 6px 5px no-repeat;
padding: 0 0 0 25px;
height: 20px;
line-height: 20px;
font-size: 11px;
}
.menu-bar .input input {
width: 120px !important;
height: 16px;
top: 2px;
}
/* SideBar */
.side-bar .slidebar-name,
.wiring-menu-bar .title,
.form-wiring .setup .setup-menu .item > div,
.form-commission .setup .setup-menu .item > div {
height: 20px;
line-height: 20px;
font-size: 11px;
padding-left: 25px;
background: url(assets/images/sidebar_a9bc1918d921b1d8eb81.svg) hsl(0, 1%, 80%) 0%, hsl(0, 1%, 90%) 5%, hsl(0, 2%, 80%) 95%, hsl(0, 1%, 70%) 100% no-repeat, -webkit-linear-gradient(0 0) #6B6968;
background: url(assets/images/sidebar_a9bc1918d921b1d8eb81.svg) hsl(0, 1%, 80%) 0%, hsl(0, 1%, 90%) 5%, hsl(0, 2%, 80%) 95%, hsl(0, 1%, 70%) 100% no-repeat, -o-linear-gradient(0 0) #6B6968;
background: url(assets/images/sidebar_a9bc1918d921b1d8eb81.svg) hsl(0, 1%, 80%) 0%, hsl(0, 1%, 90%) 5%, hsl(0, 2%, 80%) 95%, hsl(0, 1%, 70%) 100% no-repeat, -moz-linear-gradient(0 0) #6B6968;
background: url(assets/images/sidebar_a9bc1918d921b1d8eb81.svg) hsl(0, 1%, 80%) 0%, hsl(0, 1%, 90%) 5%, hsl(0, 2%, 80%) 95%, hsl(0, 1%, 70%) 100% no-repeat, linear-gradient(0 0) #6B6968;
background: url(assets/images/sidebar_a9bc1918d921b1d8eb81.svg) hsl(0, 1%, 80%) 0%, hsl(0, 1%, 90%) 5%, hsl(0, 2%, 80%) 95%, hsl(0, 1%, 70%) 100% no-repeat, -webkit-linear-gradient(0 0) #6B6968;
background: url(assets/images/sidebar_a9bc1918d921b1d8eb81.svg) hsl(0, 1%, 80%) 0%, hsl(0, 1%, 90%) 5%, hsl(0, 2%, 80%) 95%, hsl(0, 1%, 70%) 100% no-repeat, -o-linear-gradient(0 0) #6B6968;
background: url(assets/images/sidebar_a9bc1918d921b1d8eb81.svg) hsl(0, 1%, 80%) 0%, hsl(0, 1%, 90%) 5%, hsl(0, 2%, 80%) 95%, hsl(0, 1%, 70%) 100% no-repeat, -moz-linear-gradient(0 0) #6B6968;
background: url(assets/images/sidebar_a9bc1918d921b1d8eb81.svg) hsl(0, 1%, 80%) 0%, hsl(0, 1%, 90%) 5%, hsl(0, 2%, 80%) 95%, hsl(0, 1%, 70%) 100% no-repeat, linear-gradient(0 0) #6B6968;
}
.side-bar .slidebar-name.selected,
.wiring-menu-bar .title.selected,
.form-wiring .setup .setup-menu .item > div.selected,
.form-commission .setup .setup-menu .item > div.selected {
background: url(assets/images/sidebar-close_fb67d76740987f596e70.svg) hsl(0, 1%, 80%) 0%, hsl(0, 1%, 90%) 5%, hsl(0, 2%, 80%) 95%, hsl(0, 1%, 70%) 100% no-repeat, -webkit-linear-gradient(0 0) #6B6968;
background: url(assets/images/sidebar-close_fb67d76740987f596e70.svg) hsl(0, 1%, 80%) 0%, hsl(0, 1%, 90%) 5%, hsl(0, 2%, 80%) 95%, hsl(0, 1%, 70%) 100% no-repeat, -o-linear-gradient(0 0) #6B6968;
background: url(assets/images/sidebar-close_fb67d76740987f596e70.svg) hsl(0, 1%, 80%) 0%, hsl(0, 1%, 90%) 5%, hsl(0, 2%, 80%) 95%, hsl(0, 1%, 70%) 100% no-repeat, -moz-linear-gradient(0 0) #6B6968;
background: url(assets/images/sidebar-close_fb67d76740987f596e70.svg) hsl(0, 1%, 80%) 0%, hsl(0, 1%, 90%) 5%, hsl(0, 2%, 80%) 95%, hsl(0, 1%, 70%) 100% no-repeat, linear-gradient(0 0) #6B6968;
background: url(assets/images/sidebar-close_fb67d76740987f596e70.svg) hsl(0, 1%, 80%) 0%, hsl(0, 1%, 90%) 5%, hsl(0, 2%, 80%) 95%, hsl(0, 1%, 70%) 100% no-repeat, -webkit-linear-gradient(0 0) #6B6968;
background: url(assets/images/sidebar-close_fb67d76740987f596e70.svg) hsl(0, 1%, 80%) 0%, hsl(0, 1%, 90%) 5%, hsl(0, 2%, 80%) 95%, hsl(0, 1%, 70%) 100% no-repeat, -o-linear-gradient(0 0) #6B6968;
background: url(assets/images/sidebar-close_fb67d76740987f596e70.svg) hsl(0, 1%, 80%) 0%, hsl(0, 1%, 90%) 5%, hsl(0, 2%, 80%) 95%, hsl(0, 1%, 70%) 100% no-repeat, -moz-linear-gradient(0 0) #6B6968;
background: url(assets/images/sidebar-close_fb67d76740987f596e70.svg) hsl(0, 1%, 80%) 0%, hsl(0, 1%, 90%) 5%, hsl(0, 2%, 80%) 95%, hsl(0, 1%, 70%) 100% no-repeat, linear-gradient(0 0) #6B6968;
}
.side-bar .slidebar-name.selected,
.wiring-menu-bar .title.selected,
.form-wiring .setup .setup-menu .item.selected > div,
.form-commission .setup .setup-menu .item.selected > div {
background: #6B6968 url(assets/images/sidebar-close_fb67d76740987f596e70.svg) 5px 1.5px no-repeat;
background: url(assets/images/sidebar-close_fb67d76740987f596e70.svg) 5px 1.5px no-repeat, -webkit-linear-gradient(hsl(0, 1%, 80%) 0%, hsl(0, 1%, 90%) 5%, hsl(0, 2%, 80%) 95%, hsl(0, 1%, 70%) 100%) 0 0;
background: url(assets/images/sidebar-close_fb67d76740987f596e70.svg) 5px 1.5px no-repeat, -o-linear-gradient(hsl(0, 1%, 80%) 0%, hsl(0, 1%, 90%) 5%, hsl(0, 2%, 80%) 95%, hsl(0, 1%, 70%) 100%) 0 0;
background: url(assets/images/sidebar-close_fb67d76740987f596e70.svg) 5px 1.5px no-repeat, -moz-linear-gradient(hsl(0, 1%, 80%) 0%, hsl(0, 1%, 90%) 5%, hsl(0, 2%, 80%) 95%, hsl(0, 1%, 70%) 100%) 0 0;
background: url(assets/images/sidebar-close_fb67d76740987f596e70.svg) 5px 1.5px no-repeat, linear-gradient(hsl(0, 1%, 80%) 0%, hsl(0, 1%, 90%) 5%, hsl(0, 2%, 80%) 95%, hsl(0, 1%, 70%) 100%) 0 0;
background: #6B6968 url(assets/images/sidebar-close_fb67d76740987f596e70.svg) 5px 1.5px no-repeat;
background: url(assets/images/sidebar-close_fb67d76740987f596e70.svg) 5px 1.5px no-repeat, -webkit-linear-gradient(hsl(0, 1%, 80%) 0%, hsl(0, 1%, 90%) 5%, hsl(0, 2%, 80%) 95%, hsl(0, 1%, 70%) 100%) 0 0;
background: url(assets/images/sidebar-close_fb67d76740987f596e70.svg) 5px 1.5px no-repeat, -o-linear-gradient(hsl(0, 1%, 80%) 0%, hsl(0, 1%, 90%) 5%, hsl(0, 2%, 80%) 95%, hsl(0, 1%, 70%) 100%) 0 0;
background: url(assets/images/sidebar-close_fb67d76740987f596e70.svg) 5px 1.5px no-repeat, -moz-linear-gradient(hsl(0, 1%, 80%) 0%, hsl(0, 1%, 90%) 5%, hsl(0, 2%, 80%) 95%, hsl(0, 1%, 70%) 100%) 0 0;
background: url(assets/images/sidebar-close_fb67d76740987f596e70.svg) 5px 1.5px no-repeat, linear-gradient(hsl(0, 1%, 80%) 0%, hsl(0, 1%, 90%) 5%, hsl(0, 2%, 80%) 95%, hsl(0, 1%, 70%) 100%) 0 0;
}
/* Common */
.drawer-title {
font-size: 12px;
line-height: 20px;
background-position: 7px 4px;
}
.drawer-title.check .ok {
width: 20px;
height: 20px;
top: 1px;
right: 7px;
background: url(assets/images/setup-title-check_86397167fcc30c92ccb6.png) no-repeat;
}
.form-fileviewer .widget,
.form-site .widget,
.form-system .widget,
.form-interface .widget,
.form-wiring .widget,
.form-equipment .widget {
min-width: 150px;
width: 150px;
}
.form-site .heading-title,
.form-interface .heading-title,
.form-commission .setup .heading-title,
.form-wiring .panel-2 .heading-title {
padding: 3px 0px 2px 10px;
font-size: 11px;
}
.form-search .onyx-input-decorator {
padding: 0px 5px 2px 6px !important;
}
.form-search label {
width: 140px;
}
.form-search label input {
width: 110px;
}
/* Form Startup */
.form-startup .heading-title {
padding-top: 3px;
line-height: normal;
}
/* Form Fileviewer */
.form-fileviewer .radio-button {
font-size: 11px;
line-height: 12px;
width: 80px;
}
/* Form SetUp */
.form-setup input.txt-coordinates {
width: 85px;
}
.form-setup input.txt-total {
width: 130px;
}
.form-setup .manual-build {
width: 450px;
}
.form-setup .manual-build .level-input,
.form-setup .manual-build .building-mechanical-input {
width: 90px;
}
.form-setup .manual-build .u-value.estimate.check {
background: url(assets/images/u-value-estimate_cd2ab0c1174766bcb90b.png) 67px 0px no-repeat;
}
.form-setup .manual-build .u-value.accurate.check {
background: url(assets/images/u-value-accurate_17d7fdab3bab469b1c6d.png) 67px 0px no-repeat;
}
.form-setup .manual-build .u-value-button {
left: 110px;
}
.form-setup button.bt-select {
width: 120px !important;
background: url(assets/images/picker_e69a499c3849345e7f53.png) 108px 9px no-repeat, -webkit-linear-gradient(#fcfbfb, #f2f2f2, #ececed) 0 0 !important;
background: url(assets/images/picker_e69a499c3849345e7f53.png) 108px 9px no-repeat, -o-linear-gradient(#fcfbfb, #f2f2f2, #ececed) 0 0 !important;
background: url(assets/images/picker_e69a499c3849345e7f53.png) 108px 9px no-repeat, -moz-linear-gradient(#fcfbfb, #f2f2f2, #ececed) 0 0 !important;
background: url(assets/images/picker_e69a499c3849345e7f53.png) 108px 9px no-repeat, linear-gradient(#fcfbfb, #f2f2f2, #ececed) 0 0 !important;
background: url(assets/images/picker_e69a499c3849345e7f53.png) 108px 9px no-repeat, -webkit-linear-gradient(#fcfbfb, #f2f2f2, #ececed) 0 0 !important;
background: url(assets/images/picker_e69a499c3849345e7f53.png) 108px 9px no-repeat, -o-linear-gradient(#fcfbfb, #f2f2f2, #ececed) 0 0 !important;
background: url(assets/images/picker_e69a499c3849345e7f53.png) 108px 9px no-repeat, -moz-linear-gradient(#fcfbfb, #f2f2f2, #ececed) 0 0 !important;
background: url(assets/images/picker_e69a499c3849345e7f53.png) 108px 9px no-repeat, linear-gradient(#fcfbfb, #f2f2f2, #ececed) 0 0 !important;
}
/* Form Site Builder */
.form-site .zone-list-setup .floor-setting {
width: 150px;
}
.form-site .zone-list-setup .room-setting {
width: 150px;
}
.form-site .menu-bar ul li input {
top: 3px;
width: 120px;
line-height: 11px;
font-size: 11px !important;
}
.form-site .sub-menu-title {
padding: 3px 0px 2px 10px;
font-size: 11px;
}
.form-site .sub-menu-other .content {
margin: 10px 0px 0px 5px;
font-size: 11px;
}
.form-site .sub-menu-other .title {
font-size: 11px;
}
.form-site .sub-menu-other button.option {
width: 140px !important;
font-size: 11px;
background: url(assets/images/picker_e69a499c3849345e7f53.png) 128px 10px no-repeat, -webkit-linear-gradient(#fcfbfb, #f2f2f2, #ececed) 0 0 !important;
background: url(assets/images/picker_e69a499c3849345e7f53.png) 128px 10px no-repeat, -o-linear-gradient(#fcfbfb, #f2f2f2, #ececed) 0 0 !important;
background: url(assets/images/picker_e69a499c3849345e7f53.png) 128px 10px no-repeat, -moz-linear-gradient(#fcfbfb, #f2f2f2, #ececed) 0 0 !important;
background: url(assets/images/picker_e69a499c3849345e7f53.png) 128px 10px no-repeat, linear-gradient(#fcfbfb, #f2f2f2, #ececed) 0 0 !important;
background: url(assets/images/picker_e69a499c3849345e7f53.png) 128px 10px no-repeat, -webkit-linear-gradient(#fcfbfb, #f2f2f2, #ececed) 0 0 !important;
background: url(assets/images/picker_e69a499c3849345e7f53.png) 128px 10px no-repeat, -o-linear-gradient(#fcfbfb, #f2f2f2, #ececed) 0 0 !important;
background: url(assets/images/picker_e69a499c3849345e7f53.png) 128px 10px no-repeat, -moz-linear-gradient(#fcfbfb, #f2f2f2, #ececed) 0 0 !important;
background: url(assets/images/picker_e69a499c3849345e7f53.png) 128px 10px no-repeat, linear-gradient(#fcfbfb, #f2f2f2, #ececed) 0 0 !important;
}
.form-site .sub-menu-other input {
width: 120px;
font-size: 11px !important;
}
/* Form System Builder */
.form-system .widget .side-bar ul.slidebar-content li img {
width: 60px;
}
.form-system .tank-settings {
width: 150px;
}
.form-system .zone-setting {
width: 350px;
}
.form-system .zone-manifold-settings {
width: 200px;
}
.form-system .zone-list {
width: 150px;
}
.form-system .box {
margin: 20px 5px 0 5px;
}
.form-system .box .box-content {
margin: 10px 5px 0 5px;
}
.form-system .box input {
width: 129px;
margin-left: 15px;
}
.form-system .box input.input-name {
margin-left: 0;
}
.form-system button.mfg {
width: 129px !important;
background: url(assets/images/picker_e69a499c3849345e7f53.png) 115px 10px no-repeat, -webkit-linear-gradient(#fcfbfb, #f2f2f2, #ececed) 0 0 !important;
background: url(assets/images/picker_e69a499c3849345e7f53.png) 115px 10px no-repeat, -o-linear-gradient(#fcfbfb, #f2f2f2, #ececed) 0 0 !important;
background: url(assets/images/picker_e69a499c3849345e7f53.png) 115px 10px no-repeat, -moz-linear-gradient(#fcfbfb, #f2f2f2, #ececed) 0 0 !important;
background: url(assets/images/picker_e69a499c3849345e7f53.png) 115px 10px no-repeat, linear-gradient(#fcfbfb, #f2f2f2, #ececed) 0 0 !important;
background: url(assets/images/picker_e69a499c3849345e7f53.png) 115px 10px no-repeat, -webkit-linear-gradient(#fcfbfb, #f2f2f2, #ececed) 0 0 !important;
background: url(assets/images/picker_e69a499c3849345e7f53.png) 115px 10px no-repeat, -o-linear-gradient(#fcfbfb, #f2f2f2, #ececed) 0 0 !important;
background: url(assets/images/picker_e69a499c3849345e7f53.png) 115px 10px no-repeat, -moz-linear-gradient(#fcfbfb, #f2f2f2, #ececed) 0 0 !important;
background: url(assets/images/picker_e69a499c3849345e7f53.png) 115px 10px no-repeat, linear-gradient(#fcfbfb, #f2f2f2, #ececed) 0 0 !important;
}
.form-system button.model {
width: 109px !important;
margin-left: 15px;
background: url(assets/images/picker_e69a499c3849345e7f53.png) 95px 10px no-repeat, -webkit-linear-gradient(#fcfbfb, #f2f2f2, #ececed) 0 0 !important;
background: url(assets/images/picker_e69a499c3849345e7f53.png) 95px 10px no-repeat, -o-linear-gradient(#fcfbfb, #f2f2f2, #ececed) 0 0 !important;
background: url(assets/images/picker_e69a499c3849345e7f53.png) 95px 10px no-repeat, -moz-linear-gradient(#fcfbfb, #f2f2f2, #ececed) 0 0 !important;
background: url(assets/images/picker_e69a499c3849345e7f53.png) 95px 10px no-repeat, linear-gradient(#fcfbfb, #f2f2f2, #ececed) 0 0 !important;
background: url(assets/images/picker_e69a499c3849345e7f53.png) 95px 10px no-repeat, -webkit-linear-gradient(#fcfbfb, #f2f2f2, #ececed) 0 0 !important;
background: url(assets/images/picker_e69a499c3849345e7f53.png) 95px 10px no-repeat, -o-linear-gradient(#fcfbfb, #f2f2f2, #ececed) 0 0 !important;
background: url(assets/images/picker_e69a499c3849345e7f53.png) 95px 10px no-repeat, -moz-linear-gradient(#fcfbfb, #f2f2f2, #ececed) 0 0 !important;
background: url(assets/images/picker_e69a499c3849345e7f53.png) 95px 10px no-repeat, linear-gradient(#fcfbfb, #f2f2f2, #ececed) 0 0 !important;
}
.form-system input.mfg-input {
width: 60px !important;
margin-right: 5px;
}
.form-system .text-text {
margin-top: 21px;
}
.form-system .text-mode {
margin-left: 20px;
}
.form-system .text-variable-1,
.form-system .text-variable-2,
.form-system .text-variable {
margin-left: 15px;
}
.form-system .mfg-text {
line-height: 25px;
}
/* Form Interface */
.form-interface .tab .onyx-radiobutton {
font-size: 12px;
padding: 4px 12px;
width: 100px;
}
/* Form Equipment */
.form-equipment .form-name {
line-height: 20px;
font-size: 12px;
}
.form-equipment .heading-title {
font-size: 11px;
}
.form-equipment .app-panels .onyx-button {
width: 130px !important;
font-size: 11px;
background: url(assets/images/picker_e69a499c3849345e7f53.png) 116px 9px no-repeat, -webkit-linear-gradient(#fcfbfb, #f2f2f2, #ececed) 0 0 !important;
background: url(assets/images/picker_e69a499c3849345e7f53.png) 116px 9px no-repeat, -o-linear-gradient(#fcfbfb, #f2f2f2, #ececed) 0 0 !important;
background: url(assets/images/picker_e69a499c3849345e7f53.png) 116px 9px no-repeat, -moz-linear-gradient(#fcfbfb, #f2f2f2, #ececed) 0 0 !important;
background: url(assets/images/picker_e69a499c3849345e7f53.png) 116px 9px no-repeat, linear-gradient(#fcfbfb, #f2f2f2, #ececed) 0 0 !important;
background: url(assets/images/picker_e69a499c3849345e7f53.png) 116px 9px no-repeat, -webkit-linear-gradient(#fcfbfb, #f2f2f2, #ececed) 0 0 !important;
background: url(assets/images/picker_e69a499c3849345e7f53.png) 116px 9px no-repeat, -o-linear-gradient(#fcfbfb, #f2f2f2, #ececed) 0 0 !important;
background: url(assets/images/picker_e69a499c3849345e7f53.png) 116px 9px no-repeat, -moz-linear-gradient(#fcfbfb, #f2f2f2, #ececed) 0 0 !important;
background: url(assets/images/picker_e69a499c3849345e7f53.png) 116px 9px no-repeat, linear-gradient(#fcfbfb, #f2f2f2, #ececed) 0 0 !important;
}
.form-equipment .animation-type .child button {
width: 115px !important;
background: url(assets/images/picker_e69a499c3849345e7f53.png) 102px 10px no-repeat, -webkit-linear-gradient(#fcfbfb, #f2f2f2, #ececed) 0 0 !important;
background: url(assets/images/picker_e69a499c3849345e7f53.png) 102px 10px no-repeat, -o-linear-gradient(#fcfbfb, #f2f2f2, #ececed) 0 0 !important;
background: url(assets/images/picker_e69a499c3849345e7f53.png) 102px 10px no-repeat, -moz-linear-gradient(#fcfbfb, #f2f2f2, #ececed) 0 0 !important;
background: url(assets/images/picker_e69a499c3849345e7f53.png) 102px 10px no-repeat, linear-gradient(#fcfbfb, #f2f2f2, #ececed) 0 0 !important;
background: url(assets/images/picker_e69a499c3849345e7f53.png) 102px 10px no-repeat, -webkit-linear-gradient(#fcfbfb, #f2f2f2, #ececed) 0 0 !important;
background: url(assets/images/picker_e69a499c3849345e7f53.png) 102px 10px no-repeat, -o-linear-gradient(#fcfbfb, #f2f2f2, #ececed) 0 0 !important;
background: url(assets/images/picker_e69a499c3849345e7f53.png) 102px 10px no-repeat, -moz-linear-gradient(#fcfbfb, #f2f2f2, #ececed) 0 0 !important;
background: url(assets/images/picker_e69a499c3849345e7f53.png) 102px 10px no-repeat, linear-gradient(#fcfbfb, #f2f2f2, #ececed) 0 0 !important;
}
.form-equipment .editor {
width: 200px;
}
.form-equipment .editor textarea {
width: 179px;
}
.form-equipment .editor .child {
padding: 30px 0 0 18px;
background-position: 0px -82px;
}
.form-equipment .editor .child > div > * + * {
margin-left: 5px;
}
.form-equipment .editor button.equipent-type {
width: 149px !important;
background: url(assets/images/picker_e69a499c3849345e7f53.png) 135px 10px no-repeat, -webkit-linear-gradient(#fcfbfb, #f2f2f2, #ececed) 0 0 !important;
background: url(assets/images/picker_e69a499c3849345e7f53.png) 135px 10px no-repeat, -o-linear-gradient(#fcfbfb, #f2f2f2, #ececed) 0 0 !important;
background: url(assets/images/picker_e69a499c3849345e7f53.png) 135px 10px no-repeat, -moz-linear-gradient(#fcfbfb, #f2f2f2, #ececed) 0 0 !important;
background: url(assets/images/picker_e69a499c3849345e7f53.png) 135px 10px no-repeat, linear-gradient(#fcfbfb, #f2f2f2, #ececed) 0 0 !important;
background: url(assets/images/picker_e69a499c3849345e7f53.png) 135px 10px no-repeat, -webkit-linear-gradient(#fcfbfb, #f2f2f2, #ececed) 0 0 !important;
background: url(assets/images/picker_e69a499c3849345e7f53.png) 135px 10px no-repeat, -o-linear-gradient(#fcfbfb, #f2f2f2, #ececed) 0 0 !important;
background: url(assets/images/picker_e69a499c3849345e7f53.png) 135px 10px no-repeat, -moz-linear-gradient(#fcfbfb, #f2f2f2, #ececed) 0 0 !important;
background: url(assets/images/picker_e69a499c3849345e7f53.png) 135px 10px no-repeat, linear-gradient(#fcfbfb, #f2f2f2, #ececed) 0 0 !important;
}
.form-equipment .editor button.child-type {
width: 79px !important;
padding: 2px 10px !important;
background: url(assets/images/picker_e69a499c3849345e7f53.png) 65px 10px no-repeat, -webkit-linear-gradient(#fcfbfb, #f2f2f2, #ececed) 0 0 !important;
background: url(assets/images/picker_e69a499c3849345e7f53.png) 65px 10px no-repeat, -o-linear-gradient(#fcfbfb, #f2f2f2, #ececed) 0 0 !important;
background: url(assets/images/picker_e69a499c3849345e7f53.png) 65px 10px no-repeat, -moz-linear-gradient(#fcfbfb, #f2f2f2, #ececed) 0 0 !important;
background: url(assets/images/picker_e69a499c3849345e7f53.png) 65px 10px no-repeat, linear-gradient(#fcfbfb, #f2f2f2, #ececed) 0 0 !important;
background: url(assets/images/picker_e69a499c3849345e7f53.png) 65px 10px no-repeat, -webkit-linear-gradient(#fcfbfb, #f2f2f2, #ececed) 0 0 !important;
background: url(assets/images/picker_e69a499c3849345e7f53.png) 65px 10px no-repeat, -o-linear-gradient(#fcfbfb, #f2f2f2, #ececed) 0 0 !important;
background: url(assets/images/picker_e69a499c3849345e7f53.png) 65px 10px no-repeat, -moz-linear-gradient(#fcfbfb, #f2f2f2, #ececed) 0 0 !important;
background: url(assets/images/picker_e69a499c3849345e7f53.png) 65px 10px no-repeat, linear-gradient(#fcfbfb, #f2f2f2, #ececed) 0 0 !important;
}
.form-equipment .editor input {
width: 75px;
}
/* Form Wiring */
.wiring-menu-bar ul li {
height: 20px;
line-height: 20px;
font-size: 11px;
}
.wiring-menu-bar ul li div.number {
width: 16px;
height: 16px;
right: 7px;
top: 2px;
line-height: 16px;
}
.wiring-menu-bar ul li div.check {
width: 15px;
height: 15px;
top: 2px;
left: 4px;
background: url(assets/images/check-blue_9b3c8d00c5dcef1f02bc.png) 0px 0px no-repeat;
}
.wiring-menu-bar ul li div.uncheck {
background: url(assets/images/uncheck-blue_bc17f32141d5f8326cc7.png) 0px 0px no-repeat;
}
.form-wiring .setup .setup-menu ul li {
height: 20px;
line-height: 20px;
font-size: 11px;
}
/* Form Commission */
.form-commission .setup .setup-menu ul li {
height: 20px;
line-height: 20px;
font-size: 11px;
}
.form-commission .setup .setup-submenu .content .device .device-item .setting {
width: 18px;
height: 18px;
}
}
.dashboard .middle #gaugeChart1 {
margin: 0;
}
.dashboard .middle {
position: relative;
width: 100% !important;
background: #FFF;
border-left: 1px solid #3a3a3a;
border-right: 1px solid #3a3a3a;
-moz-box-shadow: -7px 0px 15px 0px rgba(50, 50, 50, 0.7);
-webkit-box-shadow: -7px 0px 15px 0px rgba(50, 50, 50, 0.7);
box-shadow: -7px 0px 15px 0px rgba(50, 50, 50, 0.7);
}
.dashboard .middle .pie-chart-container {
width: 33% !important;
}
.dashboard .middle .pie-chart-container .chart-wrapper {
display: inline-block;
margin: auto;
width: 100%;
height: 100%;
}
.dashboard .middle .pie-chart-container .chart-wrapper.pie-chart {
width: 95%;
height: 95%;
}
.dashboard .middle .pie-chart-container .middle-chart {
height: 90% !important;
margin: auto !important;
width: unset;
}
.dashboard .middle .dashboard-top {
height: 46.5% !important;
margin: auto;
width: 100% !important;
padding-top: 0.156rem;
}
.dashboard .middle .dashboard-top .upper-graphs {
width: 100%;
display: inline-flex;
padding-left: 2.19rem;
padding-right: 2.19rem;
}
.dashboard .middle .dashboard-top .upper-graphs .graph.top {
padding: 0.938rem 0 0 0;
width: 33.33%;
}
.dashboard .middle .dashboard-top .upper-graphs .graph.top.dashboard-main {
padding: unset;
height: 105%;
margin-top: -0.5%;
}
.dashboard .middle .dashboard-top .upper-graphs .graph.top.dashboard-main .graph-container {
height: 100%;
}
.dashboard .middle .dashboard-top .upper-graphs .graph.top .box-title {
font-size: 21px;
font-weight: bold;
line-height: 35px;
color: #000;
text-align: center;
font-family: 'AvenirNext';
font-variation-settings: "wght" 700, "wdth" 100;
font-size: 0.781rem;
text-transform: uppercase;
}
.dashboard .middle .dashboard-top .upper-graphs .graph.top .graph-container {
display: grid;
position: relative;
width: 100%;
height: 90%;
margin-top: auto;
margin-bottom: auto;
}
.dashboard .middle .dashboard-top .upper-graphs .graph.top .graph-container .align-items {
grid-column: 1;
grid-row: 1;
margin-top: auto;
margin-bottom: auto;
}
.dashboard .middle .dashboard-top .upper-graphs .graph.top .graph-container .text-dashboard {
display: inline-grid;
}
.dashboard .middle .dashboard-top .upper-graphs .graph.top .graph-container .text-dashboard.sub-text {
display: inline-grid;
}
.dashboard .middle .dashboard-top .upper-graphs .graph.top .graph-container .text-dashboard.sub-text .text-container.sub-margin {
margin-top: -1.25rem;
}
.dashboard .middle .dashboard-top .upper-graphs .graph.top .graph-container .text-dashboard .text-container {
display: inline-flex;
margin: auto;
}
.dashboard .middle .dashboard-top .upper-graphs .graph.top .graph-container .text-dashboard .text-container .text-major {
color: #365597;
font-size: 2.66rem;
margin-top: auto;
}
.dashboard .middle .dashboard-top .upper-graphs .graph.top .graph-container .text-dashboard .text-container .text-minor {
color: #365597;
font-size: 2rem;
margin-top: auto;
margin-bottom: 0.188rem;
margin-right: 0.0938rem;
}
.dashboard .middle .dashboard-top .upper-graphs .graph.top .graph-container .text-dashboard .text-container .text-minor.minor-align {
display: inline-grid;
align-self: baseline;
margin-top: -0.563rem;
}
.dashboard .middle .dashboard-top .upper-graphs .graph.top .graph-container .text-dashboard .text-grid {
display: inline-grid;
margin: unset;
margin-top: 0.469rem;
padding: unset;
}
.dashboard .middle .dashboard-top .upper-graphs .graph.top .graph-container .text-dashboard .text-minor-sub {
font-size: 0.719rem;
color: #8f9cbd;
}
.dashboard .middle .dashboard-top .upper-graphs .graph.top .graph-container .text-dashboard-color {
margin: auto;
font-family: HelveticaNeue-CondensedBlack;
}
.dashboard .middle .dashboard-top .upper-graphs .graph.top .graph-container .text-dashboard-color.unit {
color: #4b4b4b;
left: 54.5%;
top: 42.5%;
font-size: 0.688rem;
display: inline-grid;
}
.dashboard .middle .dashboard-top .upper-graphs .graph.top .graph-container .graphic-container {
display: inline-flex;
position: absolute;
width: fit-content;
height: 85%;
margin-top: auto;
margin-bottom: auto;
}
.dashboard .middle .dashboard-top .upper-graphs .graph.top .graph-container .graphic-container.top-triangle {
width: 100%;
height: 100%;
margin-left: auto;
margin-right: auto;
top: -30%;
pointer-events: none;
}
.dashboard .middle .dashboard-top .upper-graphs .graph.top .graph-container .graphic-container.bottom-triangle {
width: 100%;
height: 100%;
margin-left: auto;
margin-right: auto;
top: 34%;
pointer-events: none;
}
.dashboard .middle .dashboard-top .upper-graphs .graph.top .graph-container .graphic-container .triangle {
width: 0;
height: 0;
border-left: 16px solid transparent;
border-right: 16px solid transparent;
border-top: 100px solid #365597;
margin: auto;
margin-bottom: auto;
position: relative;
}
.dashboard .middle .dashboard-top .upper-graphs .graph.top .graph-container .graphic-container .triangle.triangle-white {
border-bottom: 70px solid #ffff;
border-top: unset;
border-left: 16px solid transparent;
border-right: 16px solid transparent;
}
.dashboard .middle .dashboard-top .upper-graphs .graph.top .graph-container .graphic-container .triangle .plus-sign {
position: absolute;
background: #454545 url(assets/images/sidebar_a9bc1918d921b1d8eb81.svg) no-repeat;
background-image: url(assets/images/add_c0fee59ed04713289ff9.svg);
width: 14px;
left: -7px;
top: -90px;
height: 14px;
background-size: contain;
background-position: center;
}
.dashboard .middle .dashboard-top .upper-graphs .graph.top .graph-container .graphic-container .outer-ring {
width: 100%;
height: 100%;
margin: auto;
display: flex;
}
.dashboard .middle .dashboard-top .upper-graphs .graph.top .graph-container .graphic-container .outer-ring .efficiency-circle {
height: 15px;
width: 15px;
color: white;
background-color: white;
border-radius: 50%;
margin: auto;
top: -102px;
left: 1px;
position: relative;
}
.dashboard .middle .dashboard-top .upper-graphs .graph.top .circTxt {
/*allows for centering*/
display: inline-block;
/*adjust as needed*/
margin-bottom: 128px;
color: whitesmoke;
}
.dashboard .middle .dashboard-top .upper-graphs .graph.top .circleTextContainer {
text-align: center;
width: 200px;
margin-left: 160px;
margin-top: -155px;
}
.dashboard .middle .dashboard-top .upper-graphs .graph.top div.circTxt {
/*allows for centering*/
display: inline-block;
/*adjust as needed*/
margin-bottom: 128px;
color: whitesmoke;
}
.dashboard .middle .dashboard-top .upper-graphs .graph.top .header-text-align {
font-size: 0.875rem;
padding-top: 0.313rem;
padding-bottom: 0.313rem;
}
.dashboard .middle .dashboard-top .upper-graphs .graph .gauge-tabs {
background: #2d3680;
height: 25px;
text-align: center;
}
.dashboard .middle .dashboard-top .upper-graphs .graph .gauge-tabs .onyx-button {
background: -webkit-linear-gradient(#babad5, #7c7da4, #3d4073) !important;
background: -o-linear-gradient(#babad5, #7c7da4, #3d4073) !important;
background: -moz-linear-gradient(#babad5, #7c7da4, #3d4073) !important;
background: linear-gradient(#babad5, #7c7da4, #3d4073) !important;
border: 1px solid #5e6165;
color: #FFF;
font-size: 11px;
font-weight: bold;
padding: 2px 0px;
margin-top: 2px;
width: 17%;
cursor: pointer;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
.dashboard .middle .dashboard-top .upper-graphs .graph .gauge-tabs .onyx-button.active,
.dashboard .middle .dashboard-top .upper-graphs .graph .gauge-tabs .onyx-button.pressed {
color: #6da15a;
background: -webkit-linear-gradient(#3d4073, #7c7da4) !important;
background: -o-linear-gradient(#3d4073, #7c7da4) !important;
background: -moz-linear-gradient(#3d4073, #7c7da4) !important;
background: linear-gradient(#3d4073, #7c7da4) !important;
}
.dashboard .middle .dashboard-top .upper-graphs .graph .gauge-tabs .onyx-button + .onyx-button {
margin-left: 3%;
}
.dashboard .middle .dashboard-top .upper-graphs .graph .gauge-bottom-content {
background: #2d3680;
border: 5px solid #2e3680;
border-top: 0 none;
margin-top: 25px;
overflow: hidden;
-webkit-border-radius: 0 0 16px 16px;
-moz-border-radius: 0 0 16px 16px;
border-radius: 0 0 16px 16px;
}
.dashboard .middle .dashboard-top .upper-graphs .graph .gauge-bottom-content svg {
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
border-radius: 16px;
}
.dashboard .middle .dashboard-tabs {
position: relative;
height: 3.5%;
}
.dashboard .middle .dashboard-tabs .line {
width: 100%;
position: absolute;
margin: auto;
left: 0;
right: 0;
top: 0;
bottom: 0;
height: 0.365rem;
box-shadow: -1px 0 5px 0 rgba(0, 0, 0, 0.5);
background-color: #565555;
}
.dashboard .middle .dashboard-tabs .tabs {
text-align: center;
position: absolute;
margin: auto;
left: 0;
right: 0;
top: 0;
bottom: 0;
height: fit-content;
}
.dashboard .middle .dashboard-tabs .tabs .radio-button {
padding: 2px 0 3px 0 !important;
font-weight: bold !important;
font-size: 11px !important;
line-height: 14px !important;
width: 85px !important;
text-align: center !important;
background: -webkit-linear-gradient(#efeff1, #e1e2e6, #d7d8de, #cbcdd4, #bfc2cb) !important;
background: -o-linear-gradient(#efeff1, #e1e2e6, #d7d8de, #cbcdd4, #bfc2cb) !important;
background: -moz-linear-gradient(#efeff1, #e1e2e6, #d7d8de, #cbcdd4, #bfc2cb) !important;
background: linear-gradient(#efeff1, #e1e2e6, #d7d8de, #cbcdd4, #bfc2cb) !important;
}
.dashboard .middle .dashboard-tabs .tabs .radio-button + .radio-button {
border-left: solid 1px #000;
}
.dashboard .middle .dashboard-tabs .tabs .radio-button.active {
background: -webkit-linear-gradient(#58739e, #7b94b2, #99acc1, #859bb7, #5d77a0) !important;
background: -o-linear-gradient(#58739e, #7b94b2, #99acc1, #859bb7, #5d77a0) !important;
background: -moz-linear-gradient(#58739e, #7b94b2, #99acc1, #859bb7, #5d77a0) !important;
background: linear-gradient(#58739e, #7b94b2, #99acc1, #859bb7, #5d77a0) !important;
}
.dashboard .middle .dashboard-tabs .tabs .radio-button-dimensions {
width: 6.25rem;
min-width: 5.94rem;
min-height: 1.56rem;
background: #565555;
box-shadow: -6px 0 8px 0 rgba(42, 41, 41, 0.5);
border-radius: 3px;
box-shadow: inset 0 3px 2px 0 rgba(255, 255, 255, 0.2), inset 0 1px 1px 0 rgba(82, 82, 82, 0.2), inset 0 -3px 2px 0 rgba(0, 0, 0, 0.2);
}
.dashboard .middle .dashboard-tabs .tabs .radio-button-dimensions.pressed {
box-shadow: inset 0.1px -2px 1.5px 0 rgba(0, 0, 0, 0.2), inset -0.2px 0.8px 0.5px 0 rgba(82, 82, 82, 0.2), inset -0.1px 2px 1.5px 0 rgba(255, 255, 255, 0.2);
}
.dashboard .middle .dashboard-bottom {
margin: auto;
display: flex;
height: 50% !important;
width: 100% !important;
}
.dashboard .middle .dashboard-bottom .bottom-graphs {
width: 100%;
height: auto;
margin-bottom: 1.88rem !important;
margin-top: 1.25rem !important;
padding-left: 5.94rem;
padding-right: 5.94rem;
}
.dashboard .middle .dashboard-bottom .bottom-graphs .wrapper-alignment {
height: 100% !important;
}
.dashboard .middle .dashboard-bottom .bottom-graphs .graph.bottom {
margin: unset !important;
height: 100%;
margin: auto !important;
border-radius: 0.625rem;
box-shadow: 0 0 8px 0 rgba(42, 41, 41, 0.5);
overflow: hidden;
border: 0.25rem solid #4a4a4a;
background: #4a4a4a;
width: 20% !important;
}
.dashboard .middle .dashboard-bottom .bottom-graphs .graph.bottom .box-title {
font-size: 0.781rem;
font-weight: bold;
line-height: 1.44rem;
height: 1.56rem;
color: #FFF;
text-align: center;
-webkit-border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
}
.dashboard .middle .dashboard-bottom .bottom-graphs .graph.bottom .box-content {
overflow: hidden;
border-top-left-radius: 0rem;
border-top-right-radius: 0rem;
border-bottom-right-radius: 0.625rem;
border-bottom-left-radius: 0.625rem;
background: #ffffff;
margin-top: 1.56rem;
padding-bottom: 0.938rem;
}
.dashboard .middle .logs-graph .graph-name {
position: relative;
display: inline-block;
font-weight: normal;
color: #CCCCCC;
background: #454545 url(assets/images/sidebar-close_fb67d76740987f596e70.svg) no-repeat;
font-size: 18px;
border: none;
}
.dashboard .middle .logs-graph .graph-name.selected {
background: #454545 url(assets/images/sidebar_a9bc1918d921b1d8eb81.svg) no-repeat;
}
.dashboard .middle .footer .button-container {
display: flex;
float: right;
margin-left: auto;
height: 1.69rem;
}
.dashboard .middle .footer .button-container .even-spacing {
margin: 0rem 0.625rem;
width: 42px;
}
.view-runtime .floors .middle-panel .adjust-header {
background-image: linear-gradient(to bottom, #4a4a4a, #474747 56%, #3a3a3a);
z-index: 2;
position: relative;
}
.view-runtime .floors .middle-panel .floor-toolbar .hive-button2 .back-buton {
margin-left: 2.5rem;
width: 5.31rem;
color: #D9D9D9;
}
.view-runtime .floors .middle-panel .floor-toolbar .hive-button2 .button-size {
height: 100% !important;
}
.view-runtime .floors .middle-panel .floor-toolbar .hive-button2 .floors-button-color {
color: #D9D9D9;
}
.view-runtime .floors .middle-panel .floor-toolbar .hive-button2.back-buton {
margin-left: 2.5rem;
width: 5.31rem;
color: #D9D9D9;
}
.view-runtime .floors .middle-panel .floor-toolbar .hive-button2.button-size {
height: 100% !important;
}
.view-runtime .floors .middle-panel .floor-toolbar .hive-button2.button-size.floors-button-color {
color: #D9D9D9;
}
.view-runtime .floors .middle-panel .floor-toolbar .hive-button2.floors-button-color {
color: #D9D9D9;
}
.view-runtime .floors .middle-panel .floor-toolbar.hive-button2 .back-button {
margin-left: 2.5rem;
width: 5.31rem;
}
.view-runtime .floors .middle-panel .floor-toolbar.hive-button2 .button-size {
height: 100% !important;
}
.view-runtime .floors .middle-panel .floor-toolbar.hive-button2 .button-size.floors-button-color {
color: #D9D9D9;
}
.view-runtime .floors .middle-panel .floor-toolbar .upload-spacer {
margin: unset;
height: 100% !important;
margin-right: 5.63rem;
width: 1.56rem;
background-size: 2.19rem;
}
.view-runtime .floors .middle-panel .floor-toolbar .back-button {
float: left;
margin-left: 0.938rem;
margin-top: 3px;
}
.view-runtime .floors .middle-panel .floor-toolbar .heatmap-button-size {
float: right;
margin-right: 0.938rem !important;
height: 35px !important;
max-height: 35px;
}
.view-runtime .floors .middle-panel .floor-toolbar .hidewall-button-size {
float: right;
margin-right: 0.938rem !important;
max-height: 40px;
}
.view-runtime .floors .right-panel.box-shadow {
-moz-box-shadow: -6px 0 8px 0 rgba(42, 41, 41, 0.5);
-webkit-box-shadow: -6px 0 8px 0 rgba(42, 41, 41, 0.5);
box-shadow: -6px 0 8px 0 rgba(42, 41, 41, 0.5);
}
.view-runtime .floors .right-panel .zone-apply {
text-align: center;
margin-bottom: 0.688rem;
}
.view-runtime .floors .right-panel.zones .zone-repeater-wrapper {
display: flex;
}
.view-runtime .floors .right-panel.zones .zone-repeater-wrapper .zone-repeater {
top: 0px;
position: absolute;
}
.view-runtime .floors .right-panel.zones .zone-repeater-wrapper .solid-line {
height: 100%;
width: 0.188rem;
margin-left: auto;
background: linear-gradient(to bottom, #4a4a4a, #474747 53%, #3a3a3a);
z-index: 5;
box-shadow: -6px 0 8px 0 rgba(42, 41, 41, 0.5);
}
.view-runtime .floors .right-panel.settings {
background: #e9e9e9;
overflow: scroll;
}
.view-runtime .floors .right-panel.settings .pullout-tab button {
font-family: 'AvenirNext';
font-variation-settings: "wght" 700, "wdth" 100;
font-size: 1.09rem;
text-transform: uppercase;
text-transform: none;
font-size: 0.969rem;
font-variation-settings: "wght" 600, "wdth" 110;
color: #ffffff;
width: 25%;
height: 1.56rem;
padding: 0;
background: #595859;
border: solid 0.5px #4a4a4a !important;
border-radius: 0;
box-shadow: none;
}
.view-runtime .floors .right-panel.settings .pullout-tab button.active {
color: #3c3a46;
background: #e9e9e9;
border: none !important;
}
.view-runtime .floors .right-panel.settings .arranger {
padding: 0.469rem 0.625rem 0rem 0.625rem;
}
.view-runtime .floors .right-panel.settings .scroll-vertical {
overflow: hidden scroll;
}
.view-runtime .floors .right-panel.settings .hive-drawer {
margin: 0.625rem 0.313rem 0.313rem 0.313rem;
}
.view-runtime .floors .right-panel.settings .slider-img {
width: 100%;
padding: 0.313rem 0;
}
.view-runtime .floors .right-panel.settings .readout-grid {
margin-top: 0.313rem;
height: 5.31rem;
margin-bottom: 0.313rem;
width: 100%;
display: grid;
grid-template-columns: 0.3fr 3.59rem 1fr 3.59rem 1fr 3.59rem 0.3fr;
grid-template-rows: 2.5rem 0.625rem 2.19rem;
align-items: center;
}
.view-runtime .floors .right-panel.settings .readout-grid .flex-center {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.view-runtime .floors .right-panel.settings .readout-grid .readout {
height: 1.59rem;
width: 100%;
background: #a3a3a3;
border-radius: 0.156rem;
}
.view-runtime .floors .right-panel.settings .readout-grid .readout .sensor-value {
font-size: 0.625rem;
}
.view-runtime .floors .right-panel.settings .readout-grid .readout .sensor-units {
font-size: 0.25rem;
}
.view-runtime .floors .right-panel.settings .readout-grid .label {
text-align: center;
white-space: nowrap;
padding: 0.156rem 0;
text-transform: uppercase;
}
.view-runtime .floors .right-panel.settings .readout-grid .title {
grid-column: 2 / 6;
grid-row: 1;
}
.view-runtime .floors .right-panel.settings .readout-grid .title .Body-TextLight {
font-size: 0.641rem;
}
.view-runtime .floors .right-panel.settings .readout-grid .temp {
grid-column: 6;
grid-row: 1;
}
.view-runtime .floors .right-panel.settings .readout-grid .temp .readout {
background: #565555;
}
.view-runtime .floors .right-panel.settings .readout-grid .C02 {
grid-column: 2;
grid-row: 3;
}
.view-runtime .floors .right-panel.settings .readout-grid .humidity {
grid-column: 4;
grid-row: 3;
}
.view-runtime .floors .right-panel.settings .readout-grid .floor-temp {
grid-column: 6;
grid-row: 3;
}
.view-runtime .floors .right-panel.settings .comfort_options {
margin-top: 0.781rem;
padding-left: 0.938rem;
}
.view-runtime .floors .right-panel.settings .comfort_options .checkboxGroup .titleActive {
color: #3c3a46 !important;
}
.view-runtime .floors .right-panel.tabs .drawer {
overflow: hidden !important;
overflow-x: visible !important;
margin-top: 0.625rem;
margin-bottom: 0.625rem;
margin: unset;
}
.view-runtime .floors .right-panel.tabs .selected-drawer {
overflow: hidden !important;
overflow-x: visible !important;
}
.view-runtime .floors .right-panel.tabs .control-panel-header {
display: flex;
align-items: center;
}
.view-runtime .floors .right-panel.tabs .control-panel-header .image-wrapper {
position: relative;
height: 2.31rem;
width: 2.63rem;
border-radius: 50%;
background-color: #565555;
z-index: 3;
}
.view-runtime .floors .right-panel.tabs .control-panel-header .text-wrapper {
height: 1.31rem;
width: 100%;
border-radius: 22px;
margin-left: -0.969rem;
background-color: #565555;
display: flex;
align-items: center;
z-index: 1;
}
.view-runtime .floors .right-panel.tabs .control-panel-header .image {
position: absolute;
height: 1.31rem;
width: 1.31rem;
top: 50%;
left: 49%;
transform: translate(-50%, -50%);
}
.view-runtime .floors .right-panel.tabs .control-panel-header .title {
margin-left: 1.28rem;
}
.view-runtime .floors .right-panel.tabs.off-tab .control-panel-header .image {
background: url(assets/images/runtime-none_8153c99ff56b157f665a.svg);
background-size: contain;
background-repeat: no-repeat;
}
.view-runtime .floors .right-panel.tabs.auto-tab .bell-curve-style {
width: 258px !important;
height: 5.31rem !important;
margin-bottom: 0.625rem;
margin-top: 0.313rem;
}
.view-runtime .floors .right-panel.tabs.auto-tab .control-panel-header .image {
background: url(assets/images/AutoIcon_81975400481b863a37b3.svg);
background-size: contain;
background-repeat: no-repeat;
}
.view-runtime .floors .right-panel.tabs .setback-drawer {
margin-top: 0.938rem;
}
.view-runtime .floors .right-panel.tabs .setback-drawer .setback-table {
border: #474747;
border-width: 0.0313rem;
border-style: solid;
margin-top: 0.469rem;
margin-bottom: 0.781rem;
background: #474747;
}
.view-runtime .floors .right-panel.tabs .setback-drawer .setback-table .table-width {
width: 14.3%;
}
.view-runtime .floors .right-panel.tabs .setback-drawer .setback-table .table-width .column-label {
background: #474747;
color: #f2f2f2;
text-align: center;
vertical-align: middle;
padding-top: 0.156rem;
padding-bottom: 0.156rem;
font-size: 0.688rem;
}
.view-runtime .floors .right-panel.tabs .setback-drawer .setback-table .table-width .master-button {
box-shadow: unset;
background: unset;
border: unset;
border-radius: unset;
padding: unset;
text-align: center;
width: 100%;
height: 1.25rem;
color: #474747;
background-color: #f2f2f2;
}
.view-runtime .floors .right-panel.tabs .setback-drawer .setback-table .table-width .master-button .onyx-button {
box-shadow: unset;
background: unset;
border: unset;
border-radius: unset;
padding: unset;
text-align: center;
width: 100%;
height: 1.25rem;
color: #474747;
background-color: #f2f2f2;
}
.view-runtime .floors .right-panel.tabs .setback-drawer .setback-table .table-width .onyx-button {
box-shadow: unset;
background: unset;
border: unset;
border-radius: unset;
padding: unset;
text-align: center;
width: 100%;
height: 1.25rem;
color: #3c3a46;
background-color: #f2f2f2;
}
.view-runtime .floors .right-panel.tabs .setback-drawer .setback-table .right-border {
border-right-color: #474747;
border-right-width: 0.0313rem;
border-right-style: solid;
}
.view-runtime .floors .right-panel.tabs .setback-drawer .setback-table .bottom-border {
border-bottom-color: #474747;
border-bottom-width: 0.0313rem;
border-bottom-style: solid;
}
.view-runtime .floors .right-panel.tabs.heating-tab .control-panel-header .image {
background: url(assets/images/HeatingIcon_6b0e039e6c8bca023453.svg);
background-size: contain;
background-repeat: no-repeat;
}
.view-runtime .floors .right-panel.tabs .floors-sliders {
margin-top: 0.938rem;
padding-left: 0.594rem;
padding-right: 0.563rem;
}
.view-runtime .floors .right-panel.tabs.cooling-tab .control-panel-header .image {
background: url(assets/images/CoolingIcon_e57f82a44ab0e1868678.svg);
background-size: contain;
background-repeat: no-repeat;
}
.view-runtime .floors .right-panel.tabs .slider-header-basic {
text-align: center;
font-size: 0.625rem;
}
.view-runtime .floors .right-panel.tabs .slider-header-basic.second-header {
right: 0;
top: 40px;
margin-right: -7px;
}
.view-runtime .floors .right-panel.tabs .slider-header {
text-align: center;
margin-top: 0.625rem;
margin-bottom: 0.313rem;
font-size: 0.5rem;
position: absolute;
}
.view-runtime .floors .right-panel.tabs .slider-header.second-header {
right: 0;
top: 40px;
margin-right: -7px;
}
.view-runtime .floors .right-panel.tabs .slider-first-offset {
margin-left: -7px;
}
.view-runtime .floors .right-panel.tabs .slider-first-offset.adjust-alignment {
top: 20px;
margin-top: 0.313rem;
width: 185px;
position: relative;
height: 100px;
}
.view-runtime .floors .right-panel.tabs .slider-first-offset.adjust-alignment-second {
width: 185px;
margin-left: auto;
top: -50px;
position: relative;
margin-right: 7px;
}
.view-runtime .floors .right-panel.tabs .slider-first-offset.adjust-alignment-second .slider-component-container {
width: fit-content;
margin-left: auto;
height: 100px;
}
.view-runtime .floors .right-panel.tabs .slider-second-offset {
margin-left: 7px;
width: 185px;
margin-left: auto;
padding-left: 7px;
margin-top: -40px;
}
.view-runtime .floors .right-panel.tabs .slider-width {
width: 185px;
}
.view-runtime .floors .right-panel.tabs .second-slider-row {
margin-right: -0.313rem;
margin-top: 0.313rem;
}
.view-runtime .floors .right-panel.tabs .drawer-constraint {
height: 160px;
overflow: visible;
overflow-y: hidden;
}
.logs .left {
z-index: unset;
overflow: visible;
}
.logs .left .variable-list .template-repeater {
overflow: scroll;
overflow-x: hidden;
width: 100% !important;
}
.logs .left .variable-list .template-repeater .list-item-variable .selected {
background-color: #d1daff;
}
.logs .left .variable-list .drawer-repeater {
overflow: scroll;
overflow-x: hidden;
width: 100% !important;
}
.logs .left .variable-list .drawer-repeater .selected .variable-wrapper {
background-color: #d1daff;
}
.logs .left .variable-list .list-item-variable .selected {
background-color: #d1daff;
}
.logs .left .variable-list .variable-wrapper {
height: 1.56rem;
text-align: center;
box-shadow: -6px 0 8px 0 rgba(42, 41, 41, 0.5);
display: flex;
flex-grow: 1;
}
.logs .left .variable-list .variable-wrapper .variable-drag-handle {
height: 100% !important;
margin-left: 0.156rem;
display: inline;
float: left;
margin-bottom: auto !important;
width: 1.25rem;
background-image: url(assets/images/sidebar-li_bfd990a84f1d4daea0ae.png);
background-repeat: no-repeat;
background-position: center;
}
.logs .left .variable-list .variable-wrapper .unit2 {
display: inline-flex;
float: left;
width: 0.625rem;
height: 100%;
color: white;
margin-top: 0.469rem;
margin-bottom: auto;
font-size: 0.563rem !important;
margin-right: 0.313rem;
}
.logs .left .variable-list .variable-wrapper .unit2.superscript {
font-size: 0.5em !important;
}
.logs .left .variable-list .variable-wrapper .value2 {
display: inline;
float: left;
margin-top: 0.938rem;
text-align: center;
height: 100%;
color: white;
vertical-align: middle;
width: 100%;
font-size: 0.563rem !important;
}
.logs .left .variable-list .variable-wrapper-wrapper2 {
width: 1.69rem;
height: 100%;
display: inline-block;
background-color: #5e6279;
display: inline-flex;
}
.logs .left .variable-list .variable-wrapper.text-small .value2 {
font-size: 0.531rem;
}
.logs .left .variable-list .variable-wrapper.text-small .unit2 {
font-size: 0.531rem;
}
.logs .left .variable-list .variable-wrapper.text-expand .value2 {
font-size: 1.4vw;
}
.logs .left .variable-list .variable-wrapper.text-expand .unit2 {
font-size: 1.4vw;
}
.logs .left .variable-list .variable-wrapper.text-expand .unit2.superscript {
font-size: 0.75vw;
}
.logs .left .variable-list .variable-wrapper .even-item-light {
background-color: #fff;
}
.logs .left .variable-list .variable-wrapper .odd-item-light {
background-color: #d0d2d9;
}
.logs .left .variable-list .variable-wrapper .variable-wrapper-readout {
width: 1.97rem;
height: 100%;
background-color: #8e8c8c;
display: inline-flex;
float: right;
text-align: center;
align-self: center;
align-items: center;
right: 0px;
position: fixed;
}
.logs .left .variable-list .variable-wrapper .variable-wrapper-readout .value2 {
margin-left: 0.156rem;
}
.logs .left .variable-list .left-base {
background-color: #8e8c8c;
overflow: scroll;
overflow-y: hidden;
overflow-x: hidden;
}
.logs .left .variable-list .left-base .background-light-grey {
background-color: #595959;
}
.logs .left .variable-list .left-base .background-runtime {
background-color: #14182b;
}
.logs .left .variable-list .left-base .manual-layout-title {
text-align: center;
}
.logs .left .variable-list .left-base .manual-layout-title .manual-layout {
margin: 0 !important;
background-color: #ededed;
}
.logs .left .variable-list .text-list-item {
height: 1.56rem;
}
.logs .left .variable-list .text-list-item .text-list-item-variable {
overflow: hidden !important;
white-space: nowrap !important;
text-overflow: ellipsis !important;
position: relative;
margin-top: auto;
margin-bottom: auto;
left: 0;
max-width: 55% !important;
margin-left: 0.219rem;
height: fit-content !important;
}
.logs .left .variable-list .split {
display: flex;
align-items: center;
}
.logs .left .variable-list .split .repeater-circle {
width: 1.56rem;
height: 1.56rem;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.logs .left .analytics-button {
margin-left: 0.938rem !important;
align-self: center;
max-width: 1.88rem !important;
min-width: 1.88rem !important;
padding: 0rem 0rem !important;
}
.logs .left .views-button {
margin-left: auto !important;
margin-right: auto !important;
width: 5.31rem;
margin-top: 0.469rem;
margin-bottom: 0.469rem;
max-width: 5.31rem !important;
min-width: 5.31rem !important;
}
.logs .middle .background-color-middle {
background-color: #8e8c8c;
}
.logs .middle .time-selection-wrapper .data-zoom-lines {
margin: 0.156rem 0;
}
.logs .middle .time-selection-wrapper .button-align {
display: flex;
margin: auto !important;
}
.logs .middle .time-selection-wrapper .button-align.time-picker {
width: unset;
}
.logs .middle .scroller {
overflow: hidden;
overflow-y: auto;
height: fit-content;
}
.logs .middle .scroller .template-repeater {
overflow: hidden;
overflow-y: auto;
height: fit-content;
width: 100% !important;
}
.logs .middle .scroller .template-repeater.foreground-repeater {
z-index: 1;
position: absolute !important;
}
.logs .middle .scroller .template-repeater .foreground-repeater::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
border-radius: 10px;
background-color: #F5F5F5;
}
.logs .middle .scroller .template-repeater .drawer-decorator {
background-color: #ededed;
width: 100% !important;
height: fit-content;
}
.logs .middle .scroller .template-repeater .drawer-decorator .manual-layout-title {
text-align: center;
margin-right: 0.313rem;
width: 100% !important;
}
.logs .middle .scroller .template-repeater .drawer-decorator .manual-layout {
margin: 0 !important;
background-color: #ededed;
width: 100% !important;
}
.logs .middle .scroller .template-repeater .drawer-decorator .side-bar-wrapper {
width: 100% !important;
height: 100%;
}
.logs .middle .scroller .template-repeater .drawer-decorator .side-bar-container {
height: 210px !important;
min-height: 3.13rem;
width: 100% !important;
height: 100% !important;
}
.logs .middle .scroller .template-repeater .drawer-decorator .drawer-item {
width: 100% !important;
position: relative;
text-align: center;
}
.logs .middle .scroller .template-repeater .drawer-decorator .drawer-item.graph {
height: 210px !important;
min-height: 3.13rem;
}
.logs .middle .scroller .template-repeater .drawer-decorator .drawer-item.tracker {
height: 274px !important;
}
.logs .middle .cursor-wrapper.main-container {
position: absolute !important;
width: 100%;
margin-left: 200px;
overflow: hidden;
}
.logs .middle .cursor-wrapper.top {
top: 0px;
height: 100%;
}
.logs .middle .cursor-wrapper.x-axis {
height: inherit;
}
.logs .middle .cursor-wrapper .cursor {
position: absolute;
width: 0.0313rem;
height: 100%;
background: #000;
}
.logs .middle .cursor-main {
margin-left: 280px;
left: 95px;
position: absolute;
width: 3px;
height: 100%;
background: #efa10e;
top: 0px;
z-index: 101;
}
.logs .middle .cursor-knob {
margin-left: 261px;
left: 95px;
z-index: 101;
cursor: pointer;
}
.logs .middle .cursor-container {
margin-top: 1.09rem;
}
.logs .middle .x-axis-container .left-spacer {
width: 277px;
min-width: 277px;
max-width: 277px;
display: inline-flex;
}
.logs .middle .x-axis-container .left-spacer .text-align {
display: inline-block;
margin: auto;
margin-left: 10px;
}
.logs .middle .x-axis-container .x-axis-wrapper {
position: relative;
width: 100%;
height: 1.56rem;
color: #8e8c8c;
}
.logs .middle .drop-shadow {
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.34);
}
.logs .middle .set-points-container {
margin-right: 17%;
display: inline-flex;
align-items: center;
}
.logs .middle .cursor-line-x-axis {
margin-left: 200px;
width: 0.0313rem;
height: 100%;
background: #000;
top: 0px;
}
.logs .middle .global-timeline-wrapper {
height: 2.5rem !important;
display: inline-flex;
background-image: linear-gradient(to bottom, #4a4a4a, #474747 53%, #3a3a3a);
width: 100%;
}
.logs .middle .global-timeline-wrapper.x-axis {
background-image: unset;
background-color: #fff;
}
.logs .middle .global-timeline-wrapper .now-botton {
margin-left: 1.56rem !important;
align-self: center;
max-width: 1.88rem !important;
min-width: 1.88rem !important;
height: 1.88rem !important;
padding: 0rem 0rem !important;
border-color: rgba(15, 15, 15, 0.5);
}
.logs .middle .global-timeline-wrapper .datazoom-gradient {
width: 100%;
background-image: linear-gradient(to bottom, #414141, rgba(122, 122, 122, 0.5) 39%, rgba(122, 122, 122, 0.5) 64%, #414141);
height: 100%;
align-self: center;
justify-content: center;
border: solid 0.5px #6f6f6f;
z-index: 1;
position: absolute;
}
.logs .middle .global-timeline-wrapper .datazoom {
height: 100% !important;
margin-top: auto;
margin-bottom: auto;
z-index: 1;
width: 100%;
position: absolute;
}
.logs .middle .global-timeline-wrapper .datazoom.zoom {
margin-top: auto;
margin-bottom: auto;
height: 100% !important;
width: 100%;
z-index: 3;
position: absolute;
}
.logs .middle .global-timeline-wrapper .datazoom.lines {
height: 100% !important;
margin-top: auto;
margin-bottom: auto;
width: 100%;
z-index: 2;
position: absolute;
}
.logs .middle .global-timeline-wrapper .graph-container {
position: relative;
width: 100%;
height: 90%;
margin-top: auto;
margin-bottom: auto;
}
.logs .middle .background-graph-container {
margin-left: 200px;
background-color: #8e8c8c;
}
.logs .middle .background-graph-container .background-lines {
height: 100%;
}
.logs .middle.color {
background-color: #8e8c8c;
}
.logs .middle .button-container {
max-height: 274px;
width: 200px;
min-width: 200px;
max-width: 200px;
height: 100%;
display: inline-flex;
}
.logs .middle .repeater-graph-panel .drawer-decorator .manual-layout-title {
text-align: center;
margin-right: 0.313rem;
width: 100% !important;
}
.logs .middle .repeater-graph-panel .drawer-decorator .drawer-item.graph {
height: 210px !important;
min-height: 3.13rem;
}
.logs .middle .repeater-graph-panel .drawer-decorator .drawer-item.tracker {
height: 274px !important;
}
.logs .middle .analytics-button {
margin-left: 0.938rem !important;
align-self: center;
max-width: 1.88rem !important;
min-width: 1.88rem !important;
padding: 0rem 0rem !important;
}
.logs .enyo-data-repeater-container > div {
transition: top 0.5s cubic-bezier(0.22, 1, 0.36, 1), left 0.5s cubic-bezier(0.22, 1, 0.36, 1);
}
.logs .enyo-data-repeater-container .selected {
background-color: #d1daff;
}
.logs .enyo-data-repeater-container .selected .wrapper {
background-color: #d1daff;
}
.logs .enyo-data-repeater-container .selected .wrapper .text-item--default {
background-color: #909298;
}
.logs .enyo-data-repeater-container .selected .wrapper .text-item {
background-color: #909298;
}
.logs .enyo-data-repeater-container .selected .list-item-variable {
background-color: #d1daff;
}
.logs .search-box {
width: 95%;
margin-left: auto !important;
margin-right: auto !important;
height: 1.59rem !important;
margin-top: 0.281rem !important;
margin-bottom: 0.281rem !important;
}
.logs .views-button {
margin-left: 30% !important;
width: 5.31rem;
margin-top: 0.469rem;
margin-bottom: 0.469rem;
}
.logs .datazoom {
height: 100% !important;
margin-top: auto;
margin-bottom: auto;
z-index: 1;
width: 100%;
position: absolute;
}
.logs .datazoom.zoom {
margin-top: auto;
margin-bottom: auto;
height: 100% !important;
width: 100%;
z-index: 3;
position: absolute;
}
.logs .datazoom.lines {
height: 100% !important;
margin-top: auto;
margin-bottom: auto;
width: 100%;
z-index: 2;
position: absolute;
}
.logs .datazoom.xAxis {
height: 100% !important;
margin-top: auto;
margin-bottom: auto;
width: 100%;
z-index: unset;
position: absolute;
}
.logs .image-item {
height: 3.13rem;
}
.logs .image-item .wrapper {
height: 100%;
width: 100%;
border-radius: 5%;
}
.logs .image-item .wrapper:hover {
cursor: pointer;
}
.logs .image-item .wrapper.selected {
background-color: #d1daff;
}
.logs .middle-runtime .set-points {
margin-right: 1.25rem;
font-size: 0.906rem;
}
.logs .middle-runtime .button-container {
max-height: 274px;
width: 200px;
min-width: 200px;
max-width: 200px;
height: 100%;
display: inline-flex;
}
.logs .middle-runtime .runtime-button {
margin-left: 0.938rem !important;
align-self: center;
max-width: 1.88rem !important;
min-width: 1.88rem !important;
height: 1.88rem !important;
padding: 0rem 0rem !important;
}
.logs .datazoom-bar {
height: 2.5rem !important;
display: inline-flex;
background-image: linear-gradient(to bottom, #4a4a4a, #474747 53%, #3a3a3a);
width: 100%;
}
.logs .datazoom-bar.xAxis {
background-image: unset;
background-color: #fff;
}
.logs .text-variable {
position: absolute;
height: 100% !important;
margin-left: 0.219rem;
left: 1.47rem;
margin-top: 0.531rem;
align-items: center;
}
.logs .variable-list-Item .repeaterLabel {
height: 1.88rem;
width: 100%;
display: flex;
margin-bottom: 1px;
}
.logs .variable-list-Item .split {
background-color: #eff1f9;
display: flex;
align-items: center;
-webkit-clip-path: polygon(90% 0, 100% 50%, 90% 100%, 0% 100%, 0 50%, 0% 0%);
clip-path: polygon(90% 0, 100% 50%, 90% 100%, 0% 100%, 0 50%, 0% 0%);
background: #eef1f9;
padding: 0 1.25rem 0 0.625rem;
}
.logs .variable-list-Item .split .repeaterText {
margin-left: 0.313rem;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.logs .variable-list-Item .split2 {
display: flex;
align-items: center;
}
.logs .variable-list-Item .split2 .repeaterCircle {
width: 1.56rem;
height: 1.56rem;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.logs .variable-list-Item .main {
margin-right: 0.0625rem;
}
.logs .variable-list-Item .status-good {
background-image: url(assets/images/CheckGreen_e903102bfe9dbc06ec97.svg);
}
.logs .variable-list-Item .status-check {
background-image: url(assets/images/Caution_4d4585f98932a906715d.svg);
}
.logs .variable-list-Item .status-fix {
background-image: url(assets/images/HighPriority_141417ae796bd2a18fab.svg);
}
.logs-default .wrapper.selected,
.logs-default .wrapper:hover {
background-color: #d1daff;
}
.logs-default .odd-item-light-runtime {
background-color: #d0d2d9;
}
.logs-default .even-item-light {
background-color: #fff;
}
.logs .odd-item-light {
background-color: #ebeff8;
}
.logs .even-item-light {
background-color: #fff;
}
.logs .variable {
text-align: center;
height: 100%;
display: inline-flex;
align-items: center;
}
.logs .variable-wrapper2 {
width: 1.69rem;
height: 100%;
display: inline-block;
background-color: #5e6279;
display: inline-flex;
}
.logs .variable-wrapper2 .value2 {
display: inline;
float: left;
margin-top: 0.5rem;
text-align: center;
height: 100%;
vertical-align: middle;
width: 100%;
font-size: 0.563rem !important;
}
.logs .variable-wrapper2 .unit2 {
display: inline;
float: left;
height: 100%;
color: white;
}
.logs .variable-wrapper2 .unit2--superscript {
font-size: 0.6em;
}
.logs .variable.text-small .value2 {
font-size: 0.531rem;
}
.logs .variable.text-small .unit2 {
font-size: 0.531rem;
}
.logs .variable.text-expand .value2 {
font-size: 1.4vw;
}
.logs .variable.text-expand .unit2 {
font-size: 1.4vw;
}
.logs .variable.text-expand .unit2--superscript {
font-size: 0.75vw;
}
.preferences .left .text-item .drag-handle {
width: 1.25rem;
background-repeat: no-repeat;
background-image: url(assets/images/sidebar-li_bfd990a84f1d4daea0ae.png);
height: 100% !important;
display: inline;
float: left;
margin-bottom: auto !important;
background-position: center;
}
.preferences .middle {
width: 100% !important;
}
.preferences .middle .header-title {
width: 100%;
height: 1.31rem;
padding-left: 0.406rem;
background: #4a4a4a;
}
.preferences .middle .wrapper {
padding: 3.03rem 1.78rem 0 1.78rem;
}
.preferences .middle .wrapper .drawer-spacer {
margin-top: 1.56rem;
margin-bottom: 1.56rem;
width: 100%;
display: inline-flex;
}
.preferences .middle .wrapper .drawer-spacer.comfort {
display: grid;
float: left;
}
.preferences .middle .wrapper .drawer-spacer.comfort .slider-width {
width: 45%;
float: left;
margin-left: 2.6%;
}
.preferences .middle .wrapper .drawer-spacer.comfort .slider-group {
padding-bottom: 0.469rem;
width: 45%;
float: left;
margin-left: 2.6%;
}
.preferences .middle .wrapper .drawer-spacer .slider-width {
width: 45%;
margin: auto;
}
.preferences .middle .wrapper .drawer-spacer .slider-width .slider-spacing {
margin-bottom: 1.56rem;
}
.preferences .middle .wrapper .round-drawer.hive-drawer {
width: 100%;
}
.preferences .middle .slider-group {
padding-bottom: 0.469rem;
}
.preferences .middle .slider-group.picker-wrapper {
width: 45%;
display: grid;
}
.preferences .middle .slider-group.picker-wrapper .header-spacing {
margin: auto;
margin-bottom: 0.313rem;
margin-right: 10%;
}
.preferences .middle .slider-group.picker-wrapper .picker-align {
margin: auto;
float: right;
margin-right: 10%;
}
.preferences .middle .slider-title .picker-decorator {
margin-left: unset;
margin: auto;
margin-top: 0.313rem;
}
.view-runtime {
background-color: #4a4a4a;
}
.view-runtime .interface-panel {
position: absolute;
top: 0;
z-index: -1;
}
.view-runtime .main-panels {
z-index: -1;
transform: translate3d(0, 100%, 0);
transition: transform 0.5s;
}
.view-runtime .main-panels.active {
transform: translate3d(0, 0, 0);
}
.view-runtime .radial-menu .filter {
display: none;
}
.view-runtime .radial-menu .navigation {
position: absolute;
bottom: 0;
left: 50%;
transition: filter 0ms linear 1000ms;
}
.view-runtime .radial-menu .menu-background {
position: absolute;
height: 0rem;
width: 0rem;
bottom: 0;
left: 50%;
border-radius: 50%;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
transform: translate3d(-50%, 50%, 0);
will-change: width, height;
transition: width 300ms, height 300ms, filter 400ms;
transition-timing-function: cubic-bezier(0.65, 0.05, 0.36, 1);
}
.view-runtime .radial-menu .nav-button {
position: absolute;
height: 2.41rem;
width: 2.41rem;
bottom: 0;
left: 0;
}
.view-runtime .radial-menu .page-button {
left: 0rem;
bottom: -1.56rem;
will-change: left, bottom;
transition: left 400ms, bottom 400ms;
transform: translate(-50%, 50%);
}
.view-runtime .radial-menu .menu {
overflow: hidden;
height: 2.34rem;
width: 2.34rem;
bottom: 1.02rem;
transform: translate3d(-50%, 50%, 0);
background-size: 2.34rem !important;
background-position: center;
background-position-y: 0rem;
will-change: height, width, margin;
transition: height 200ms, width 200ms, margin 200ms, transform 200ms;
background-image: radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.45), rgba(255, 255, 255, 0.45) 12%, rgba(255, 255, 255, 0) 68%), url(assets/images/home_1ee8a48f94cd00bf54d0.svg);
background-size: contain;
background-repeat: no-repeat;
background-blend-mode: multiply;
filter: drop-shadow(0 0.0625rem 0.125rem rgba(0, 0, 0, 0.5));
}
.view-runtime .radial-menu .home,
.view-runtime .radial-menu .floor,
.view-runtime .radial-menu .log,
.view-runtime .radial-menu .dashboard,
.view-runtime .radial-menu .mechanical,
.view-runtime .radial-menu .preferences {
overflow: hidden;
transition-delay: 0ms;
background-size: contain;
background-repeat: no-repeat;
background-blend-mode: multiply;
filter: drop-shadow(0 0.0625rem 0.125rem rgba(0, 0, 0, 0.5));
}
.view-runtime .radial-menu .home {
background-image: radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.45), rgba(255, 255, 255, 0.45) 12%, rgba(255, 255, 255, 0) 68%), url(assets/images/house_437905f48839b7756ac1.svg);
}
.view-runtime .radial-menu .floor {
background-image: radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.45), rgba(255, 255, 255, 0.45) 12%, rgba(255, 255, 255, 0) 68%), url(assets/images/zones_e7606eb1aca04c003bf4.svg);
}
.view-runtime .radial-menu .log {
background-image: radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.45), rgba(255, 255, 255, 0.45) 12%, rgba(255, 255, 255, 0) 68%), url(assets/images/analytics_3ce523081b00e49a6ece.svg);
}
.view-runtime .radial-menu .dashboard {
background-image: radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.45), rgba(255, 255, 255, 0.45) 12%, rgba(255, 255, 255, 0) 68%), url(assets/images/resource-dashboard_baa1a874e0345913f9ab.svg);
}
.view-runtime .radial-menu .mechanical {
background-image: radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.45), rgba(255, 255, 255, 0.45) 12%, rgba(255, 255, 255, 0) 68%), url(assets/images/mechanical_d70d3504a98a40d55873.svg);
}
.view-runtime .radial-menu .preferences {
background-image: radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.45), rgba(255, 255, 255, 0.45) 12%, rgba(255, 255, 255, 0) 68%), url(assets/images/settings_f3c9cc210f64e5658fa3.svg);
}
.view-runtime .radial-menu.active .menu-background {
height: 15.62rem;
width: 15.62rem;
padding: 2.19rem;
background-color: rgba(243, 243, 243, 0.65);
filter: blur(35px);
}
.view-runtime .radial-menu.active .menu {
transform: translate3d(-50%, 50%, 0) scale(0.9);
}
.view-runtime .radial-menu.active .menu .hamburger-1 {
transform: translate3d(-50%, 0, 0) rotate(45deg);
}
.view-runtime .radial-menu.active .menu .hamburger-2 {
transform: translate3d(-50%, 0, 0) scale3d(0.1, 1, 1);
}
.view-runtime .radial-menu.active .menu .hamburger-3 {
transform: translate3d(-50%, 0, 0) rotate(-45deg);
}
.view-runtime .radial-menu.active .home,
.view-runtime .radial-menu.active .floor,
.view-runtime .radial-menu.active .log,
.view-runtime .radial-menu.active .dashboard,
.view-runtime .radial-menu.active .mechanical,
.view-runtime .radial-menu.active .preferences {
overflow: visible;
}
.view-runtime .radial-menu.active .first {
left: -7.5438807rem;
bottom: 2.02137674rem;
border: none !important;
}
.view-runtime .radial-menu.active .second {
left: -5.52250396rem;
bottom: 5.52250396rem;
}
.view-runtime .radial-menu.active .third {
left: -2.02137674rem;
bottom: 7.5438807rem;
}
.view-runtime .radial-menu.active .fourth {
left: 2.02137674rem;
bottom: 7.5438807rem;
}
.view-runtime .radial-menu.active .fifth {
left: 5.52250396rem;
bottom: 5.52250396rem;
}
.view-runtime .radial-menu.active .sixth {
left: 7.5438807rem;
bottom: 2.02137674rem;
}
.view-runtime .pullout {
background: #e9e9e9;
}
.setup .site-info {
height: 100vh !important;
width: 100vw !important;
background-color: red !important;
}
.setup .site-info .panel-container {
padding: 0.969rem 2.91rem;
height: 100vh !important;
width: 100vw !important;
background-color: red !important;
}
.setup .site-info .item-row {
margin-bottom: 1.34rem;
height: 100vh !important;
width: 100vw !important;
background-color: red !important;
}
.setup .site-info .txt-note {
height: 5.41rem !important;
width: 100%;
}
.setup .site-info .txt-address {
width: 100%;
height: 5.41rem !important;
}
.setup .site-info .CheckboxGroup {
height: 100vh !important;
width: 100vw !important;
background-color: red !important;
padding: 1.06rem 0.75rem;
border: solid 1px #5d7ca7;
width: 10.6rem;
height: 9.66rem;
}
.setup .site-info .CheckboxGroup :last-child {
margin-bottom: 0px !important;
}
.setup .site-info .google-map {
min-height: 491px;
}
.setup .building-info .panel-container {
padding: 0.969rem 2.91rem;
}
.setup .building-info .special-adjustment {
font-size: 0.781rem !important;
}
.setup .building-info .file-input-group {
max-width: 600px;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
display: flex!important;
}
.setup .building-info .file-input-group .txt-open-file {
width: -webkit-calc(100% - 110px);
/** Safari 6, Chrome 19-25 **/
width: -moz-calc(100% - 110px);
/** FF 4-15 **/
width: calc(100% - 110px);
/** FF 16+, IE 9+, Opera 15, Chrome 26+, Safari 7 and future other browsers **/
margin-right: 20px;
}
.setup .building-info .file-input-group .txt-open-file input {
width: -webkit-calc(100%);
/** Safari 6, Chrome 19-25 **/
width: -moz-calc(100%);
/** FF 4-15 **/
width: calc(100%);
/** FF 16+, IE 9+, Opera 15, Chrome 26+, Safari 7 and future other browsers **/
}
.setup .building-info .buildinglevel-container {
display: flex;
align-items: center;
height: 2.44rem;
}
.setup .building-info .buildinglevel-container .buildinglevel-item {
display: flex;
align-items: center;
}
.setup .building-info .buildinglevel-container .vertical-line {
height: 3.13rem;
width: 0.125rem;
display: block;
background: #919191;
position: absolute;
left: 0.5rem;
z-index: -1;
}
.setup .building-info .buildinglevel-container .vertical-line.top {
top: 4.81rem;
height: 1.25rem;
}
.setup .building-info .buildinglevel-container .vertical-line.bottom {
bottom: 1.16rem;
height: 1.25rem;
}
.setup .building-info .buildinglevel-container .line {
height: 0.125rem;
width: 0.625rem;
display: block;
background: #919191;
margin-left: -0.0313rem;
}
.setup .building-info .buildinglevel-container .line.indent {
margin-left: 0.625rem;
width: 1.56rem;
margin-right: -0.125rem;
}
.setup .building-info .buildinglevel-container .thin-line {
height: 0.125rem;
width: 0.625rem;
display: block;
background: #d4d4d4;
}
.setup .building-info .buildinglevel-container .floor-text {
text-align: center;
padding: 0rem 0.625rem;
color: #5d7ca7;
font-size: 0.781rem;
font-family: AvenirNext;
font-variation-settings: 'wght' 600, 'wdth' 100;
}
.setup .building-info .buildinglevel-container .floor-text.floor-name {
color: #5a5960;
min-width: 3.44rem;
}
.setup .building-info .buildinglevel-container .update-floors-text {
font-family: AvenirNext;
font-variation-settings: 'wght' 500, 'wdth' 100;
font-style: italic;
font-size: 0.719rem;
color: #908f95;
padding: 0 0.313rem;
}
.setup .building-info .buildinglevel-container .building-roof-image {
background-position: center;
background-repeat: no-repeat;
height: 1.56rem;
margin-left: 16.6rem;
margin-top: 1.09rem;
width: 6.09rem;
}
.setup .building-info .buildinglevel-container .small-image {
height: 1.16rem;
width: 1.16rem;
}
.setup .building-info .buildinglevel-container .FloorImage {
height: inherit;
}
.setup .building-info .building-data {
position: relative;
overflow: visible;
}
.setup .building-info .building-data .txt-name {
line-height: 36px;
margin: 0 0.938rem;
display: inline-flex;
align-items: center;
text-transform: initial;
}
.setup .building-info .floors {
font-weight: bold;
width: 450px;
width: 520px;
}
.setup .building-info .floors .floor-level {
position: relative;
line-height: 46px;
padding-left: 10px;
margin-bottom: -1px;
overflow-x: hidden;
overflow-y: hidden;
}
.setup .building-info .floors .floor-level .add-floor {
height: auto;
}
.setup .building-info .floors .floor-level .add-floor-title {
height: 1.88rem;
color: #888;
font-weight: bold;
font-style: italic;
padding: 0 0.625rem;
}
.setup .building-info .floors .floor-level .button-style-wrapper {
top: 7px !important;
}
.setup .building-info .floors .floor-level > * {
position: relative;
display: table-cell;
line-height: 46px;
float: left;
vertical-align: middle;
text-align: left;
}
.setup .building-info .floors .floor-level .button-style-wrap {
position: absolute;
left: 95px;
height: 45px;
z-index: 100;
}
.setup .building-info .floors .floor-level .remove {
width: 16px;
height: 16px;
cursor: pointer;
margin-top: 15px !important;
z-index: 2;
}
.setup .building-info .floors .floor-level .line {
height: 0.0313rem;
width: 0.125rem;
display: block;
background: #919191;
}
.setup .building-info .floors .floor-level .FloorImage {
height: 1.88rem;
width: 8.44rem;
background-size: contain;
background-repeat: none;
}
.setup .building-info .floors .floor-level .add {
display: flex;
position: relative;
width: 16px;
height: 16px;
cursor: pointer;
z-index: auto;
text-align: center;
align-items: center;
margin-left: -1.3px;
align-self: center;
}
.setup .building-info .floors .floor-level .add span.line {
position: absolute;
left: 50%;
top: -15px;
display: block;
height: 20px;
width: 0.0938rem;
background: #919191;
z-index: 1;
}
.setup .building-info .floors .floor-level .add span.img {
position: absolute;
top: 0;
width: 19px;
height: 19px;
background: transparent url(assets/images/plus_8a9983f1a570d3424dab.svg);
background-size: 19px;
left: -0.5px;
z-index: 2;
}
.setup .building-info .floors .floor-level .addTop {
display: flex;
position: relative;
width: 16px;
height: 16px;
cursor: pointer;
z-index: auto;
text-align: center;
align-items: center;
margin-left: -1.3px;
align-self: center;
}
.setup .building-info .floors .floor-level .addTop span.line {
position: absolute;
left: 50%;
top: -8px;
height: 52px;
width: 0.0938rem;
background: #919191;
z-index: 1;
}
.setup .building-info .floors .floor-level .addTop span.img {
position: absolute;
top: 0;
width: 19px;
height: 19px;
left: -0.5px;
background: transparent url(assets/images/plus_8a9983f1a570d3424dab.svg);
background-size: 19px;
z-index: 2;
}
.setup .building-info .floors .floor-level .level-title {
height: unset;
padding: 0 10px 0 12px;
margin-left: -9.3px;
text-align: center;
width: 165px;
z-index: 1;
}
.setup .building-info .floors .floor-level .level-title span.line {
width: 100%;
height: 0.0938rem;
display: block;
position: absolute;
margin: auto;
top: 0;
bottom: 0;
left: 0;
z-index: -1;
border-bottom: 0.0938rem solid #919191;
}
.setup .building-info .floors .floor-level .level-title span.text {
background: #eaeaea;
margin-left: auto;
margin-right: auto;
font-size: medium;
width: 70%;
display: block;
padding: 0 2px;
}
.setup .building-info .floors .floor-level .level-input {
color: green;
font-weight: bold;
position: relative;
}
.setup .building-info .floors .floor-level.add .level-title {
height: unset;
display: block;
color: #888;
font-weight: bold;
font-style: italic;
border: none;
text-align: left;
margin-left: 4px;
bottom: 3px;
white-space: nowrap;
}
.setup .building-info .floors .floor-level.line span.line {
display: block;
height: 13px;
margin-left: 7px;
position: absolute;
left: 41%;
top: -15px;
padding: 0 10px 0 12px;
border-left: 0.0938rem solid #919191;
text-align: center;
width: 165px;
}
.setup .building-info .floors .floor-level.ground-line span.line {
display: block;
height: 4px;
width: 0.0938rem;
background: #919191;
margin-left: 7px;
}
.setup .building-info .PictureWrap {
margin-top: 0 !important;
margin-bottom: 0 !important;
left: -110px;
margin-left: 1.25rem;
}
.setup .building-info .PictureWrap .totalLevelsNumber {
text-align: center;
margin-left: 29px;
}
.setup .building-info .PictureWrap .manual-build-total {
margin-left: 160px;
top: 0px;
height: 2.34rem;
}
.setup .building-info .PictureWrap .align-input {
height: inherit;
align-items: center;
display: inline-flex;
}
.setup .building-info .PictureWrap .align-input .margin {
margin-left: 1.16rem;
}
.setup .building-info .PictureWrap .roof-picture {
margin-top: 30px;
height: 24px;
margin-bottom: 0px;
}
.setup .building-info .or-sprite {
font-size: 20px;
font-family: sans-serif;
color: #527aa9;
margin: 0px -30px 0px 11px;
padding-top: 2.5rem;
}
.setup .building-info .or-sprite .or {
margin: 3px 0px -5px 0px;
font-size: 0.781rem;
color: #5d7ca7;
letter-spacing: 0.0187rem;
}
.setup .building-info .or-sprite .one {
margin: 8px 10px 1px 10px;
width: 31px;
height: 3.66rem;
border-top: 3px solid #5c7ba7;
border-left: 3px solid #5c7ba7;
}
.setup .building-info .or-sprite .two {
float: left;
width: 13px;
height: 3.66rem;
border-width: 0.09em;
border-style: solid;
margin: -2px 0 0 -2px;
border-color: #557cb7 transparent transparent #557cb7;
}
.setup .building-info .or-sprite .second-L.one {
border-top: none;
border-bottom: 3px solid #5c7ba7;
height: 3.66rem;
}
.setup .building-info .or-sprite .second-L .two {
border: none;
margin-top: 7px;
}
.setup .building-info .item-column {
margin: 16px 0px 16px 28px;
}
.setup .building-info .item-column-checkbox {
padding-top: 1.34rem;
margin: 0 0 0 1.88rem;
}
.setup .building-info .spacing {
margin-top: 16px;
}
.setup .building-info .info-height {
height: 3.81rem;
margin-left: 0.625rem;
}
.setup .building-info .info-height .row-alignment {
height: inherit;
}
.setup .building-info .info-height .row-alignment .input-wrapper {
display: inline-grid;
}
.setup .building-info .info-height .row-alignment .input-wrapper .header-align {
margin-top: auto;
margin-left: 2.34rem;
text-transform: capitalize;
font-size: 0.813rem;
}
.setup .building-info .info-height .row-alignment .input-wrapper .header-align-sm {
margin-top: auto;
margin-left: 1.13rem;
text-transform: capitalize;
font-size: 0.813rem;
}
.setup .building-info .info-height .row-alignment .input-wrapper .check-input-align {
display: inline-flex;
}
.setup .building-info .info-height .row-alignment .input-wrapper .check-input-align .large-input {
width: 10.9rem;
}
.setup .building-info .info-height .row-alignment .input-wrapper .check-input-align .input-wrap {
margin-left: 1.09rem;
display: inline-flex;
align-items: center;
width: 8.75rem;
}
.setup .building-info .info-height .row-alignment .input-wrapper .check-input-align .input-wrap.large-input {
width: 10.9rem;
}
.setup .building-info .chart {
margin-right: 0.938rem;
text-align: center;
padding-right: 0px;
padding-bottom: 15px;
float: right;
}
.setup .building-info .chart > div {
width: 100%;
text-align: center;
margin: 0 auto;
}
.setup .building-info .chart > div.draw-area {
height: 100%;
border-style: solid;
border-width: 2px;
border-color: #4b6796;
border-radius: 3px;
}
.setup .building-info .chart > div.text {
color: #5d7ca7;
font-size: 0.781rem;
font-family: AvenirNext;
font-variation-settings: 'wght' 600, 'wdth' 100;
display: flex;
align-items: center;
justify-content: flex-end;
height: 30px;
margin: 10px auto 5px auto;
white-space: nowrap;
}
.setup .building-info .chart > div.text.title {
font-size: 0.875rem;
justify-content: start;
}
.setup .item-title {
margin-bottom: 0.156rem !important;
font-family: 'OpenSans-SemiBold';
font-size: 0.625rem;
color: #5d7ca7;
}
.setup .page-overflow {
overflow: scroll;
}
.setup .p20 {
padding: 1.16rem 3.13rem;
}
.setup .p23 {
padding: 0.719rem;
}
.setup .pb05 {
padding-bottom: 0.156rem;
}
.setup .pb20 {
padding-bottom: 0.625rem;
}
.setup .pr19 {
padding-right: 5.94rem;
}
.setup .pr40 {
padding-right: 1.25rem;
}
.setup .pr55 {
padding-right: 1.72rem;
}
.setup .pl40 {
padding-left: 1.25rem;
}
.setup .pl55 {
padding-left: 1.72rem;
}
.setup .pl9 {
padding-left: 2.81rem;
}
.setup .float-r {
float: right;
}
.setup .round-drawer-margin {
margin-bottom: 0.313rem;
}
.site .middlePanel .level {
position: absolute;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
perspective: 800px;
}
.site .middlePanel .svg {
height: 150%;
width: 100%;
background: #ccd4eb;
transform: scale(0.7) rotateX(50deg);
}
.site .middlePanel .active .svg {
-moz-box-shadow: 0px 40px 50px -15px #a2a6b2;
-webkit-box-shadow: 0px 40px 50px -15px #a2a6b2;
box-shadow: 0px 40px 50px -15px #a2a6b2;
}
.site .middlePanel .hud {
position: absolute;
width: 16.8rem;
top: 1%;
left: 1%;
}
.site .middlePanel .hud .expandable-drawer {
border-radius: 5px;
border: none;
text-align: left;
position: relative;
z-index: 2;
width: 16.8rem;
height: 2.25rem;
font-family: AvenirNext;
font-size: 0.938rem;
font-weight: bold;
font-style: normal;
line-height: normal;
letter-spacing: 0.00937rem;
color: #5a5960;
background-color: rgba(255, 255, 255, 0.4);
backdrop-filter: blur(15px);
box-shadow: 3px 3px 10px 0 rgba(179, 179, 179, 0.48);
}
.site .middlePanel .hud .sun-container {
position: relative;
width: 90%;
padding: 5%;
margin: 2px, 2px;
backdrop-filter: blur(15px);
background-color: rgba(255, 255, 255, 0.6);
}
.site .middlePanel .hud .map {
width: 100%;
}
.site .middlePanel .hud .map-overlay {
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
.site .middlePanel .view-setting {
height: 4%;
top: 0.5%;
left: 50%;
transform: translateX(-50%);
position: absolute;
z-index: 1;
}
.site .middlePanel .stackview-button {
background: white;
position: absolute;
height: 47px;
width: 80px;
top: 2.5rem;
right: 7px;
padding: 0px 2px;
border-radius: 0.469rem;
word-wrap: break-word;
white-space: pre;
text-overflow: clip;
z-index: 1;
}
.site .middlePanel .stackview-button .stackview-button-image {
height: 40px;
width: 40px;
position: absolute;
left: 0;
top: 3px;
}
.site .middlePanel .stackview-button .stackview-button-text {
font-family: AvenirNext;
font-variation-settings: 'wght' 650, 'wdth' 90;
font-size: 0.781rem;
color: #5a5960;
position: absolute;
top: 12px;
right: 14px;
}
.site .middlePanel .viewcube-elements {
aspect-ratio: 1/1;
bottom: 2.81rem;
height: 8.13rem;
position: absolute;
right: 0;
margin: 0.5%;
}
.site .middlePanel .viewcube-elements.panel-half {
bottom: 27.5rem;
transition: transform 0.2s ease-in-out;
}
.site .middlePanel .arscan-button {
background: white;
position: absolute;
height: 47px;
width: 143px;
bottom: 3.13rem;
right: 7px;
padding: 0px 2px;
border-radius: 0.469rem;
word-wrap: break-word;
white-space: pre;
text-overflow: clip;
z-index: 1;
}
.site .middlePanel .arscan-button .arscan-button-image {
height: 40px;
width: 40px;
position: absolute;
left: 2px;
top: 2px;
}
.site .middlePanel .arscan-button .arscan-button-text {
font-family: AvenirNext;
font-variation-settings: 'wght' 650, 'wdth' 90;
font-size: 0.781rem;
color: #5a5960;
position: absolute;
top: 11px;
right: 14px;
}
.site .middlePanel .floor-picker {
position: absolute;
display: flex;
flex-direction: column;
gap: 0.313rem;
text-align: center;
right: 6px;
top: 50%;
transform: translateY(-50%);
z-index: 1;
}
.site .middlePanel .floor-picker.panel-half {
top: 27%;
}
.site .middlePanel .floor-picker.panel-full {
display: none;
}
.site .middlePanel .floor-picker-button {
height: 2.34rem;
width: 2.34rem;
border: none;
border-radius: 0.469rem;
z-index: 1;
background-size: 100%;
background-color: white;
box-shadow: var(--shadow-b-HUD);
}
.site .middlePanel .floor-picker-button.view-2d {
background-image: url(assets/images/view-2d_e7eac8977f78f4ecce6e.svg);
}
.site .middlePanel .floor-picker-button.view-3d {
background-image: url(assets/images/view-3d_83ae8b449e0c12803f22.svg);
}
.site .middlePanel .floor-picker-button.view-city {
background-image: url(assets/images/view-city_19995eeabe7c30367833.svg);
}
.site .middlePanel .floor-picker-button.view-globe {
background-image: url(assets/images/view-globe_7f12b480a00534fc72d6.svg);
}
.site .middlePanel .floor-picker-button.view-building {
background-image: url(assets/images/view-building_4eb5551d1856fb476d71.svg);
}
.site .middlePanel .floor-picker-button.single-floor {
background-image: url(assets/images/single-floor_b77220d420629d183355.svg);
}
.site .middlePanel .floor-picker-button.multi-floor {
background-image: url(assets/images/multi-floor_0df2fe756d5a28532019.svg);
}
.site .middlePanel .arscan-toggle {
position: absolute;
height: 40px;
width: 40px;
top: 80%;
right: 7px;
border: 1px solid hsla(0, 0%, 6%, 0.2);
border-radius: 0.469rem;
}
.site .floor-setting {
background-color: #464646;
}
.site .room-setting {
background-color: #464646;
}
.site .room-setting .panel-header {
height: 40px;
padding-left: 10px;
color: white;
font-size: 16px;
font-family: 'OpenSans-Bold';
text-align: center;
line-height: 40px;
}
.site .room-setting .sensor-repeater {
height: 100%;
width: 100%;
}
.site .room-setting .variable-editor {
background: #e9e9e9;
z-index: 0;
padding: 0.875rem 0.625rem;
}
.site .wrapper {
width: 100%;
position: relative;
}
.site .overflow {
overflow: auto;
}
.form-splash {
background: black url(assets/images/PL_Logo_TM_766772b033d157ee5a14.svg) center center no-repeat;
background-size: contain;
background-origin: content-box;
padding: 3.13rem;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
select,
textarea,
input {
font-size: 16px !important;
}
html {
font-size: 16px !important;
}
}
.Startup-Panel {
background: #fff;
text-align: center;
}
.Startup-Panel .welcome {
width: 28.1rem;
margin-top: 3.38rem;
margin-bottom: 2.13rem;
}
.Startup-Panel .subheading {
font-family: 'AvenirNextLTPro-Regular_';
font-variation-settings: 'wght' 600, 'wdth' 100;
font-size: 1.19rem;
color: #3c3a46;
text-align: center;
margin-bottom: 1.88rem;
}
.Startup-Panel .LoginWrapper {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.Startup-Panel .LoginWrapper .mb {
margin-bottom: 0.75rem;
}
.Startup-Panel .LoginWrapper .mb .expand-width {
width: 11.3rem;
}
.Startup-Panel .LoginWrapper .mb .expand-picker-width {
width: 9.06rem;
}
.login-screen {
height: 100vh;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
position: relative;
background-color: #f9f9f9;
overflow: scroll;
}
.login-screen.quantum-alliance-domain {
background: url(assets/images/QA_login_background_5d5c046c06ee32e5ecd5.svg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.login-screen.passive-logic-domain {
background: url(assets/images/PL_Login_BackGround_3428f3de5160cae22460.svg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.login-screen .mb {
margin: calc(var(--hit-spacing-factor) * 0.313rem) 0rem;
font-size: calc(var(--legibility-scale-factor) * 0.875rem);
}
.login-screen .mb .expand-width {
width: 11.3rem;
}
.login-screen .mb .expand-picker-width {
width: 9.06rem;
}
.login-screen .accept-button-qcLogin {
font-family: 'Avenir Next LT Pro', sans-serif;
font-weight: 700;
font-size: 1.09rem;
min-width: unset !important;
min-height: unset !important;
width: 100% !important;
height: 40px !important;
margin: 3.13rem 0 0 !important;
color: white;
border-radius: 5px;
border: none;
}
.login-screen .accept-button-qcLogin.quantum-alliance-domain {
background-color: #4990d0;
}
.login-screen .accept-button-qcLogin.passive-logic-domain {
background-image: linear-gradient(to bottom, #f8c23d, #f19d21);
}
.login-screen .login-input {
min-height: auto;
height: calc(var(--hit-scale-factor) * 40px);
font-size: calc(var(--legibility-scale-factor) * 0.875rem) !important;
border-radius: 5px;
background: white;
border-image-source: unset;
border-image-slice: unset;
}
.login-logo {
width: 100%;
margin-bottom: 1.56rem;
}
.login-toolbar {
height: 20px;
}
.login-text-wrapper {
display: flex;
margin: 0.938rem 0 0.313rem;
justify-content: center;
align-items: flex-end;
}
@media only screen and (max-width: 600px) {
.login-text-wrapper.email {
display: block;
}
}
.login-error-text {
color: #e65948;
}
.login-error-icon {
height: 20px;
padding-right: 10px;
}
.login-header {
font-family: 'Avenir Next LT Pro', sans-serif;
font-size: calc(var(--legibility-scale-factor) * 2rem);
font-weight: 600;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
}
.login-header.quantum-alliance-domain {
color: #353438;
}
.login-nav {
margin-left: 0.313rem;
font-size: calc(var(--legibility-scale-factor) * 0.875rem);
text-transform: none;
}
.login-nav.init-margin {
margin: initial;
text-indent: 0.313rem;
}
.login-nav.underline {
text-decoration: underline;
}
.login-nav.quantum-alliance-domain {
color: #4990d0;
}
.login-nav.passive-logic-domain {
color: #e0902f;
}
.login-wrapper {
padding: calc(var(--legibility-scale-factor) * 4.69rem);
background: white;
border-radius: 9px;
box-shadow: 1.5px 1.5px 30px 0 rgba(0, 0, 0, 0.15);
min-width: calc(var(--legibility-scale-factor) * 18.8rem);
max-width: calc(var(--legibility-scale-factor) * 26.6rem);
}
.password-forget-wrapper {
display: flex;
flex-direction: row;
align-items: flex-end;
justify-content: space-between;
}
.input-login-label {
margin: 0.938rem 0 0.313rem;
font-size: calc(var(--legibility-scale-factor) * 0.875rem);
font-weight: 500;
}
.verify-input {
background: white;
text-align: center;
font-size: xx-large;
aspect-ratio: 1/1;
align-items: center;
color: #000000;
width: 50%;
}
.display-wrapper {
display: flex;
gap: 2%;
}
.verify-buttons {
display: flex;
margin: 4.69rem 0.625rem 1.56rem;
color: white;
}
.verify-buttons.single {
justify-content: center;
}
.verify-buttons.double {
justify-content: space-between;
}
.verify-button {
font-family: 'Avenir Next LT Pro', sans-serif;
font-weight: 700;
color: white !important;
border-radius: 5px;
padding: 0.313rem 0.938rem 0.313rem;
border: unset;
}
.verify-button.quantum-alliance-domain {
background-color: #4990d0;
width: 9.38rem !important;
}
.skip-button {
background-image: linear-gradient(to bottom, #f9f9f9, #ddd);
font-family: 'Avenir Next LT Pro', sans-serif;
font-weight: 700;
color: #5a5960 !important;
border-radius: 5px;
padding: 0.313rem 0.938rem 0.313rem;
width: 9.38rem !important;
border: unset;
}
.space-between-wrapper {
display: flex;
justify-content: space-between;
gap: 0.625rem;
}
.fill-available {
width: -webkit-fill-available;
}
.login-button {
margin: 0.313rem 0rem 0.313rem;
}
.description-text {
font-size: 0.844rem;
text-indent: 0.313rem;
font-weight: 500;
}
.description-text-wrapper {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
text-align: center;
}
.full-name-inputs {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
}
.legal-texts-wrapper {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: left;
margin-bottom: 1.56rem;
}
.text-wrapper {
display: flex;
flex-direction: row;
align-items: flex-start;
flex-wrap: wrap;
}
.legal-text {
display: flex;
justify-content: flex-start;
}
.sign-up-check-boxes-override {
margin-right: 0.313rem;
margin-top: 0.25rem;
}
.password-field-wrapper {
display: flex;
flex-direction: column;
position: relative;
justify-content: center;
}
.privacy-button {
align-self: flex-end;
position: absolute;
margin-right: calc(var(--hit-spacing-factor) * 0.313rem);
z-index: 2;
width: calc(var(--hit-scale-factor) * 20px);
height: calc(var(--hit-scale-factor) * 20px);
background-repeat: no-repeat;
background-size: calc(var(--hit-scale-factor) * 20px);
background-image: url(assets/images/eye_6e83835acdc793649359.svg);
}
.privacy-button-showing {
align-self: flex-end;
position: absolute;
margin-right: calc(var(--hit-spacing-factor) * 0.313rem);
z-index: 2;
width: calc(var(--hit-scale-factor) * 20px);
height: calc(var(--hit-scale-factor) * 20px);
color: #feb140;
background-repeat: no-repeat;
background-size: calc(var(--hit-scale-factor) * 20px);
background-image: url(assets/images/eye-slash_8a4de6902c142ec5cda4.svg);
}
.invites-title {
margin-top: 1.5em;
margin-bottom: 1em;
text-align: center;
font-size: 1.7em;
}
.invites-body {
text-align: center;
font-weight: 500;
font-size: 0.9em;
margin-bottom: 1.56rem;
}
.invites-action-button {
margin-bottom: 5em !important;
}
.invites-secondary-action-button {
text-align: center;
text-decoration: underline;
margin-bottom: 2em;
font-weight: 500;
font-size: 0.9em;
}
.spacer-small {
height: calc(var(--hit-spacing-factor) * 1.56rem);
}
.spacer-medium {
height: calc(var(--hit-spacing-factor) * 2.5rem);
}
.spacer-large {
height: calc(var(--hit-spacing-factor) * 3.75rem);
}
.bt {
cursor: pointer;
margin: 0 !important;
padding: 0 !important;
}
/* Header Button */
.bt-new {
background: url(assets/images/new_067dd4cc5a1683231e91.png) 0 0 no-repeat !important;
height: 25px !important;
width: 25px !important;
}
.bt-new.active,
.bt-new.pressed,
.bt-new:active:hover {
background: url(assets/images/new-hover_8af2fe5f7d7bdc1289ea.png) 0 0 no-repeat !important;
}
.bt-reload {
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) 1px -88px no-repeat !important;
height: 30px !important;
width: 27px !important;
}
.bt-reload.active,
.bt-reload.pressed,
.bt-reload:active:hover {
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) 1px -88px no-repeat !important;
}
.bt-add-tab {
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -260px -88px no-repeat !important;
height: 30px !important;
width: 30px !important;
}
.bt-add-tab.active,
.bt-add-tab.pressed,
.bt-add-tab:active:hover {
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -260px -88px no-repeat !important;
}
.bt-add {
background: url(assets/images/add_72198d12dde6a38e2d05.png) 0 0 no-repeat !important;
height: 20px !important;
width: 20px !important;
}
.bt-add.active,
.bt-add.pressed,
.bt-add:active:hover {
background: url(assets/images/add-hover_c35190b3fcaec3ec5ab7.png) 0 0 no-repeat !important;
}
.btn {
position: relative;
}
.btn:before {
content: '';
background-image: url(assets/images/smallicons_90cad123ecbf3614c0a7.png);
background-repeat: no-repeat;
position: absolute;
margin: auto;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.btn.btn-setting {
height: 25px;
width: 25px;
}
.btn.btn-setting:before {
top: -4px;
width: 28px;
height: 28px;
background-position: -221px -90px;
}
.btn.btn-setting:hover:before,
.btn.btn-setting.active:before,
.btn.btn-setting.pressed:before,
.btn.btn-setting:active:hover:before {
background-position: -221px -270px;
}
.btn.btn-help {
height: 25px;
width: 25px;
}
.btn.btn-help:before {
top: -4px;
width: 28px;
height: 28px;
background-position: -535px -90px;
}
.btn.btn-help:hover:before,
.btn.btn-help.active:before,
.btn.btn-help.pressed:before,
.btn.btn-help:active:hover:before {
background-position: -535px -270px;
}
.btn.btn-lock {
height: 25px;
width: 25px;
}
.btn.btn-lock:before {
top: -4px;
width: 28px;
height: 28px;
background-position: -435px -90px;
}
.btn.btn-lock:hover:before {
background-position: -435px -270px;
}
.btn.btn-lock.active:before,
.btn.btn-lock.pressed:before,
.btn.btn-lock:active:hover:before {
background-position: -465px -270px;
}
.btn.btn-open {
height: 25px;
width: 25px;
}
.btn.btn-open:before {
height: 22px;
width: 25px;
background-position: -371px -50px;
}
.btn.btn-open:hover:before,
.btn.btn-open.active:before,
.btn.btn-open.pressed:before,
.btn.btn-open:active:hover:before {
background-position: -371px -230px;
}
.btn.btn-add-new {
height: 25px;
width: 25px;
}
.btn.btn-add-new:before {
width: 25px;
height: 25px;
background-position: -132px -92px;
}
.btn.btn-add-new.active:before,
.btn.btn-add-new.pressed:before,
.btn.btn-add-new:hover:before,
.btn.btn-add-new:active:hover:before {
background-position: -132px -272px;
}
.bt-slide {
background: url(assets/images/grabbutton_942a562cfcfca4dee411.png) 4px 4px no-repeat;
height: 31px !important;
width: 34px !important;
position: relative;
top: -2px;
}
.bt-slide.active,
.bt-slide.pressed,
.bt-slide:active:hover {
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) 4px 4px no-repeat !important;
}
.bt-move {
height: 31px !important;
width: 34px !important;
position: relative;
top: -2px;
border: solid 1px #575757 !important;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -300px 2px no-repeat, -webkit-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0 !important;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -300px 2px no-repeat, -o-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0 !important;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -300px 2px no-repeat, -moz-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0 !important;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -300px 2px no-repeat, linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0 !important;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -300px 2px no-repeat, -webkit-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0 !important;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -300px 2px no-repeat, -o-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0 !important;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -300px 2px no-repeat, -moz-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0 !important;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -300px 2px no-repeat, linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0 !important;
}
.bt-move.active,
.bt-move.pressed,
.bt-move:active:hover {
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -300px 2px no-repeat, -webkit-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0 !important;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -300px 2px no-repeat, -o-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0 !important;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -300px 2px no-repeat, -moz-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0 !important;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -300px 2px no-repeat, linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0 !important;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -300px 2px no-repeat, -webkit-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0 !important;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -300px 2px no-repeat, -o-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0 !important;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -300px 2px no-repeat, -moz-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0 !important;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -300px 2px no-repeat, linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0 !important;
}
.bt-connector {
height: 31px !important;
width: 34px !important;
position: relative;
top: -2px;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -94px -47px no-repeat, -webkit-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -94px -47px no-repeat, -o-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -94px -47px no-repeat, -moz-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -94px -47px no-repeat, linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -94px -47px no-repeat, -webkit-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -94px -47px no-repeat, -o-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -94px -47px no-repeat, -moz-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -94px -47px no-repeat, linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0;
}
.bt-connector.active,
.bt-connector.pressed,
.bt-connector:active:hover {
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -94px -47px no-repeat, -webkit-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -94px -47px no-repeat, -o-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -94px -47px no-repeat, -moz-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -94px -47px no-repeat, linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -94px -47px no-repeat, -webkit-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -94px -47px no-repeat, -o-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -94px -47px no-repeat, -moz-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -94px -47px no-repeat, linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0 !important;
}
.bt-connector2 {
height: 28px !important;
width: 28px !important;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -123px -47px no-repeat, -webkit-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -123px -47px no-repeat, -o-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -123px -47px no-repeat, -moz-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -123px -47px no-repeat, linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -123px -47px no-repeat, -webkit-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -123px -47px no-repeat, -o-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -123px -47px no-repeat, -moz-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -123px -47px no-repeat, linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0;
}
.bt-connector2.active,
.bt-connector2.pressed,
.bt-connector2:active:hover {
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -123px -47px no-repeat, -webkit-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -123px -47px no-repeat, -o-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -123px -47px no-repeat, -moz-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -123px -47px no-repeat, linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -123px -47px no-repeat, -webkit-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -123px -47px no-repeat, -o-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -123px -47px no-repeat, -moz-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -123px -47px no-repeat, linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0 !important;
}
.bt-outline {
height: 31px !important;
width: 34px !important;
position: relative;
top: -2px;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -371px -48px no-repeat, -webkit-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -371px -48px no-repeat, -o-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -371px -48px no-repeat, -moz-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -371px -48px no-repeat, linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -371px -48px no-repeat, -webkit-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -371px -48px no-repeat, -o-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -371px -48px no-repeat, -moz-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -371px -48px no-repeat, linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0;
}
.bt-outline.active,
.bt-outline.pressed,
.bt-outline:active:hover {
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -371px -48px no-repeat, -webkit-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -371px -48px no-repeat, -o-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -371px -48px no-repeat, -moz-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -371px -48px no-repeat, linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -371px -48px no-repeat, -webkit-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -371px -48px no-repeat, -o-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -371px -48px no-repeat, -moz-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -371px -48px no-repeat, linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0 !important;
}
.bt-CPI {
height: 31px !important;
width: 34px !important;
position: relative;
top: -2px;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -288px -47px no-repeat, -webkit-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -288px -47px no-repeat, -o-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -288px -47px no-repeat, -moz-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -288px -47px no-repeat, linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -288px -47px no-repeat, -webkit-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -288px -47px no-repeat, -o-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -288px -47px no-repeat, -moz-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -288px -47px no-repeat, linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0;
}
.bt-CPI.active,
.bt-CPI.pressed,
.bt-CPI:active:hover {
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -288px -47px no-repeat, -webkit-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -288px -47px no-repeat, -o-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -288px -47px no-repeat, -moz-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -288px -47px no-repeat, linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -288px -47px no-repeat, -webkit-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -288px -47px no-repeat, -o-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -288px -47px no-repeat, -moz-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -288px -47px no-repeat, linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0 !important;
}
.bt-text {
height: 31px !important;
width: 34px !important;
position: relative;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -223px -46px no-repeat, -webkit-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -223px -46px no-repeat, -o-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -223px -46px no-repeat, -moz-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -223px -46px no-repeat, linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -223px -46px no-repeat, -webkit-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -223px -46px no-repeat, -o-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -223px -46px no-repeat, -moz-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -223px -46px no-repeat, linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0;
}
.bt-text.active,
.bt-text.pressed,
.bt-text:active:hover {
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -223px -46px no-repeat, -webkit-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -223px -46px no-repeat, -o-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -223px -46px no-repeat, -moz-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -223px -46px no-repeat, linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -223px -46px no-repeat, -webkit-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -223px -46px no-repeat, -o-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -223px -46px no-repeat, -moz-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -223px -46px no-repeat, linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0 !important;
}
.bt-multiselect {
height: 34px !important;
width: 31px !important;
position: relative;
top: -2px;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -202px 2px no-repeat, -webkit-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -202px 2px no-repeat, -o-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -202px 2px no-repeat, -moz-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -202px 2px no-repeat, linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -202px 2px no-repeat, -webkit-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -202px 2px no-repeat, -o-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -202px 2px no-repeat, -moz-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -202px 2px no-repeat, linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
}
.bt-multiselect.active,
.bt-multiselect.pressed,
.bt-multiselect:active:hover {
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -202px 2px no-repeat, -webkit-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -202px 2px no-repeat, -o-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -202px 2px no-repeat, -moz-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -202px 2px no-repeat, linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -202px 2px no-repeat, -webkit-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -202px 2px no-repeat, -o-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -202px 2px no-repeat, -moz-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -202px 2px no-repeat, linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
}
.bt-delete {
height: 31px !important;
width: 34px !important;
position: relative;
top: -2px;
border: solid 1px #575757;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -196px -132px no-repeat, -webkit-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -196px -132px no-repeat, -o-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -196px -132px no-repeat, -moz-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -196px -132px no-repeat, linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -196px -132px no-repeat, -webkit-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -196px -132px no-repeat, -o-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -196px -132px no-repeat, -moz-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -196px -132px no-repeat, linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0;
}
.bt-delete.active,
.bt-delete.pressed,
.bt-delete:active:hover {
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -196px -132px no-repeat, -webkit-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -196px -132px no-repeat, -o-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -196px -132px no-repeat, -moz-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -196px -132px no-repeat, linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -196px -132px no-repeat, -webkit-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -196px -132px no-repeat, -o-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -196px -132px no-repeat, -moz-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -196px -132px no-repeat, linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0 !important;
}
.bt-rotate-left {
height: 28px !important;
width: 28px !important;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -142px -135px no-repeat, -webkit-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -142px -135px no-repeat, -o-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -142px -135px no-repeat, -moz-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -142px -135px no-repeat, linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -142px -135px no-repeat, -webkit-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -142px -135px no-repeat, -o-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -142px -135px no-repeat, -moz-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -142px -135px no-repeat, linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
}
.bt-rotate-left.active,
.bt-rotate-left.pressed,
.bt-rotate-left:active:hover {
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -142px -135px no-repeat, -webkit-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -142px -135px no-repeat, -o-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -142px -135px no-repeat, -moz-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -142px -135px no-repeat, linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -142px -135px no-repeat, -webkit-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -142px -135px no-repeat, -o-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -142px -135px no-repeat, -moz-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -142px -135px no-repeat, linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
}
.bt-go-back {
height: 31px !important;
width: 34px !important;
position: relative;
top: -2px;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -140px -134px no-repeat, -webkit-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -140px -134px no-repeat, -o-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -140px -134px no-repeat, -moz-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -140px -134px no-repeat, linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -140px -134px no-repeat, -webkit-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -140px -134px no-repeat, -o-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -140px -134px no-repeat, -moz-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -140px -134px no-repeat, linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0;
}
.bt-go-back.active,
.bt-go-back.pressed,
.bt-go-back:active:hover {
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -140px -134px no-repeat, -webkit-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -140px -134px no-repeat, -o-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -140px -134px no-repeat, -moz-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -140px -134px no-repeat, linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -140px -134px no-repeat, -webkit-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -140px -134px no-repeat, -o-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -140px -134px no-repeat, -moz-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -140px -134px no-repeat, linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0 !important;
}
.bt-flip {
height: 31px !important;
width: 34px !important;
position: relative;
top: -2px;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -168px -135px no-repeat, -webkit-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -168px -135px no-repeat, -o-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -168px -135px no-repeat, -moz-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -168px -135px no-repeat, linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -168px -135px no-repeat, -webkit-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -168px -135px no-repeat, -o-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -168px -135px no-repeat, -moz-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -168px -135px no-repeat, linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0;
}
.bt-flip.active,
.bt-flip.pressed,
.bt-flip:active:hover {
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -168px -135px no-repeat, -webkit-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -168px -135px no-repeat, -o-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -168px -135px no-repeat, -moz-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -168px -135px no-repeat, linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -168px -135px no-repeat, -webkit-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -168px -135px no-repeat, -o-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -168px -135px no-repeat, -moz-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -168px -135px no-repeat, linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0 !important;
}
.bt-go-forward {
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -399px -91px no-repeat;
height: 28px !important;
width: 28px !important;
}
.bt-go-forward.active,
.bt-go-forward.pressed,
.bt-go-forward:active:hover {
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -399px -91px no-repeat !important;
}
.bt-front-down {
height: 28px !important;
width: 28px !important;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -318px -49px no-repeat, -webkit-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -318px -49px no-repeat, -o-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -318px -49px no-repeat, -moz-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -318px -49px no-repeat, linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -318px -49px no-repeat, -webkit-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -318px -49px no-repeat, -o-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -318px -49px no-repeat, -moz-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -318px -49px no-repeat, linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
}
.bt-front-down.active,
.bt-front-down.pressed,
.bt-front-down:active:hover {
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -318px -49px no-repeat, -webkit-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -318px -49px no-repeat, -o-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -318px -49px no-repeat, -moz-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -318px -49px no-repeat, linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -318px -49px no-repeat, -webkit-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -318px -49px no-repeat, -o-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -318px -49px no-repeat, -moz-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -318px -49px no-repeat, linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
}
.bt-front-up {
height: 28px !important;
width: 28px !important;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -341px -49px no-repeat, -webkit-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -341px -49px no-repeat, -o-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -341px -49px no-repeat, -moz-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -341px -49px no-repeat, linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -341px -49px no-repeat, -webkit-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -341px -49px no-repeat, -o-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -341px -49px no-repeat, -moz-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -341px -49px no-repeat, linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
}
.bt-front-up.active,
.bt-front-up.pressed,
.bt-front-up:active:hover {
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -341px -49px no-repeat, -webkit-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -341px -49px no-repeat, -o-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -341px -49px no-repeat, -moz-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -341px -49px no-repeat, linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -341px -49px no-repeat, -webkit-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -341px -49px no-repeat, -o-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -341px -49px no-repeat, -moz-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -341px -49px no-repeat, linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
}
.bt-align {
height: 31px !important;
width: 34px !important;
position: relative;
top: -2px;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -398px -46px no-repeat, -webkit-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -398px -46px no-repeat, -o-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -398px -46px no-repeat, -moz-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -398px -46px no-repeat, linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -398px -46px no-repeat, -webkit-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -398px -46px no-repeat, -o-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -398px -46px no-repeat, -moz-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -398px -46px no-repeat, linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0;
}
.bt-align.active,
.bt-align.pressed,
.bt-align:active:hover {
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -398px -46px no-repeat, -webkit-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -398px -46px no-repeat, -o-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -398px -46px no-repeat, -moz-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -398px -46px no-repeat, linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -398px -46px no-repeat, -webkit-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -398px -46px no-repeat, -o-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -398px -46px no-repeat, -moz-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -398px -46px no-repeat, linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0 !important;
}
.bt-align-bottom {
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -436px -7px no-repeat !important;
height: 28px !important;
width: 28px !important;
}
.bt-align-bottom.active,
.bt-align-bottom.pressed,
.bt-align-bottom:active:hover {
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -436px -7px no-repeat !important;
}
.bt-align-vcenter {
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -481px -7px no-repeat !important;
height: 28px !important;
width: 28px !important;
}
.bt-align-vcenter.active,
.bt-align-vcenter.pressed,
.bt-align-vcenter:active:hover {
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -481px -7px no-repeat !important;
}
.bt-align-top {
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -527px -7px no-repeat !important;
height: 28px !important;
width: 28px !important;
}
.bt-align-top.active,
.bt-align-top.pressed,
.bt-align-top:active:hover {
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -527px -7px no-repeat !important;
}
.bt-align-left {
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -432px -47px no-repeat !important;
height: 28px !important;
width: 28px !important;
}
.bt-align-left.active,
.bt-align-left.pressed,
.bt-align-left:active:hover {
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -432px -47px no-repeat !important;
}
.bt-align-hcenter {
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -481px -47px no-repeat !important;
height: 28px !important;
width: 28px !important;
}
.bt-align-hcenter.active,
.bt-align-hcenter.pressed,
.bt-align-hcenter:active:hover {
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -481px -47px no-repeat !important;
}
.bt-align-right {
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -530px -47px no-repeat !important;
height: 28px !important;
width: 28px !important;
}
.bt-align-right.active,
.bt-align-right.pressed,
.bt-align-right:active:hover {
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -530px -47px no-repeat !important;
}
.bt-look {
height: 28px !important;
width: 28px !important;
/* cursor: -webkit-zoom-in !important;
cursor: -moz-zoom-in !important;*/
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -362px 0px no-repeat, -webkit-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -362px 0px no-repeat, -o-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -362px 0px no-repeat, -moz-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -362px 0px no-repeat, linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -362px 0px no-repeat, -webkit-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -362px 0px no-repeat, -o-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -362px 0px no-repeat, -moz-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -362px 0px no-repeat, linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
}
.bt-look.active,
.bt-look.pressed,
.bt-look:active:hover {
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -362px 0px no-repeat, -webkit-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -362px 0px no-repeat, -o-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -362px 0px no-repeat, -moz-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -362px 0px no-repeat, linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -362px 0px no-repeat, -webkit-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -362px 0px no-repeat, -o-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -362px 0px no-repeat, -moz-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -362px 0px no-repeat, linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
}
.bt-look.zoom-out {
cursor: -webkit-zoom-out !important;
cursor: -moz-zoom-out !important;
}
.bt-max {
height: 28px !important;
width: 28px !important;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -272px -0px no-repeat, -webkit-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -272px -0px no-repeat, -o-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -272px -0px no-repeat, -moz-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -272px -0px no-repeat, linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -272px -0px no-repeat, -webkit-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -272px -0px no-repeat, -o-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -272px -0px no-repeat, -moz-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -272px -0px no-repeat, linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
}
.bt-max.active,
.bt-max.pressed,
.bt-max:active:hover {
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -272px -0px no-repeat, -webkit-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -272px -0px no-repeat, -o-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -272px -0px no-repeat, -moz-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -272px -0px no-repeat, linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -272px -0px no-repeat, -webkit-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -272px -0px no-repeat, -o-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -272px -0px no-repeat, -moz-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -272px -0px no-repeat, linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
}
.bt-min {
height: 31px !important;
width: 34px !important;
border: solid 1px #575757;
position: relative;
top: -2px;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -330px 3px no-repeat, -webkit-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -330px 3px no-repeat, -o-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -330px 3px no-repeat, -moz-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -330px 3px no-repeat, linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -330px 3px no-repeat, -webkit-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -330px 3px no-repeat, -o-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -330px 3px no-repeat, -moz-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -330px 3px no-repeat, linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
}
.bt-min.active,
.bt-min.pressed,
.bt-min:active:hover {
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -330px 3px no-repeat, -webkit-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -330px 3px no-repeat, -o-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -330px 3px no-repeat, -moz-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -330px 3px no-repeat, linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -330px 3px no-repeat, -webkit-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -330px 3px no-repeat, -o-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -330px 3px no-repeat, -moz-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -330px 3px no-repeat, linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
}
.bt-locate {
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -35px -90px no-repeat;
height: 30px !important;
width: 30px !important;
}
.bt-locate.active,
.bt-locate.pressed,
.bt-locate:active:hover {
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -35px -90px no-repeat !important;
}
.bt-current-location {
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -86px -90px no-repeat;
height: 30px !important;
width: 30px !important;
}
.bt-current-location.active,
.bt-current-location.pressed,
.bt-current-location:active:hover {
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -86px -90px no-repeat !important;
}
.bt-up {
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -373px -131px no-repeat;
height: 30px !important;
width: 30px !important;
}
.bt-up.active,
.bt-up.pressed,
.bt-up:active:hover {
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -373px -131px no-repeat !important;
}
.bt-up2,
.bt-up2 button {
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -261px -131px no-repeat;
height: 30px !important;
width: 30px !important;
}
.bt-up2.active,
.bt-up2 button.active,
.bt-up2.pressed,
.bt-up2 button.pressed,
.bt-up2:active:hover,
.bt-up2 button:active:hover {
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -261px -131px no-repeat !important;
}
.bt-down {
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -342px -131px no-repeat;
height: 30px !important;
width: 30px !important;
}
.bt-down.active,
.bt-down.pressed,
.bt-down:active:hover {
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -342px -131px no-repeat !important;
}
.bt-line-1 {
height: 28px !important;
width: 28px !important;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -175px 2px no-repeat, -webkit-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -175px 2px no-repeat, -o-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -175px 2px no-repeat, -moz-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -175px 2px no-repeat, linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -175px 2px no-repeat, -webkit-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -175px 2px no-repeat, -o-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -175px 2px no-repeat, -moz-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -175px 2px no-repeat, linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
}
.bt-line-1.active,
.bt-line-1.pressed,
.bt-line-1:active:hover {
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -175px 2px no-repeat, -webkit-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -175px 2px no-repeat, -o-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -175px 2px no-repeat, -moz-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -175px 2px no-repeat, linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -175px 2px no-repeat, -webkit-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -175px 2px no-repeat, -o-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -175px 2px no-repeat, -moz-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -175px 2px no-repeat, linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
}
.bt-line-2 {
height: 28px !important;
width: 28px !important;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -202px 2px no-repeat, -webkit-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -202px 2px no-repeat, -o-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -202px 2px no-repeat, -moz-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -202px 2px no-repeat, linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -202px 2px no-repeat, -webkit-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -202px 2px no-repeat, -o-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -202px 2px no-repeat, -moz-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -202px 2px no-repeat, linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
}
.bt-line-2.active,
.bt-line-2.pressed,
.bt-line-2:active:hover {
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -202px 2px no-repeat, -webkit-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -202px 2px no-repeat, -o-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -202px 2px no-repeat, -moz-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -202px 2px no-repeat, linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -202px 2px no-repeat, -webkit-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -202px 2px no-repeat, -o-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -202px 2px no-repeat, -moz-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -202px 2px no-repeat, linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
}
.bt-line-3 {
height: 28px !important;
width: 28px !important;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -229px 2px no-repeat, -webkit-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -229px 2px no-repeat, -o-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -229px 2px no-repeat, -moz-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -229px 2px no-repeat, linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -229px 2px no-repeat, -webkit-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -229px 2px no-repeat, -o-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -229px 2px no-repeat, -moz-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -229px 2px no-repeat, linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
}
.bt-line-3.active,
.bt-line-3.pressed,
.bt-line-3:active:hover {
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -229px 2px no-repeat, -webkit-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -229px 2px no-repeat, -o-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -229px 2px no-repeat, -moz-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -229px 2px no-repeat, linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -229px 2px no-repeat, -webkit-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -229px 2px no-repeat, -o-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -229px 2px no-repeat, -moz-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -229px 2px no-repeat, linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
}
.bt-commission-apply {
background: url(assets/images/commission_07dc23a01c62fd1c8c0d.png) 0px 0px no-repeat;
height: 30px !important;
width: 30px !important;
}
.bt-commission-apply.active,
.bt-commission-apply.pressed,
.bt-commission-apply:active:hover {
background-position: 0px 0px !important;
}
.bt-commission-exit {
background: url(assets/images/commission_07dc23a01c62fd1c8c0d.png) -64px 0px no-repeat;
height: 30px !important;
width: 30px !important;
}
.bt-commission-exit.active,
.bt-commission-exit.pressed,
.bt-commission-exit:active:hover {
background-position: -64px 0px !important;
}
.bt-commission-setting {
background: url(assets/images/commission_07dc23a01c62fd1c8c0d.png) -33px 0px no-repeat;
height: 30px !important;
width: 30px !important;
}
.bt-commission-setting.active,
.bt-commission-setting.pressed,
.bt-commission-setting:active:hover {
background-position: -33px 0px !important;
}
.bt-commission-wait {
position: absolute;
background: url(assets/images/centerCircle_4534c2582f5921388d54.svg);
background-position: 5px 5px;
background-repeat: no-repeat;
background-size: 20px 20px;
height: 35px !important;
width: 35px !important;
}
.bt-commission-wait.active,
.bt-commission-wait.pressed,
.bt-commission-wait:active:hover {
background: url(assets/images/centerCircle_4534c2582f5921388d54.svg) 5px 5px no-repeat !important;
background-size: 25px 25px !important;
}
.bt-commission-wait:after {
content: '';
position: absolute;
background: url(assets/images/spin_d2bb9d6fe1118d7c8517.svg);
background-position: 0px 0px;
background-repeat: no-repeat;
background-size: contain;
height: 30px !important;
width: 30px !important;
animation: spin 2s linear infinite;
z-index: -1;
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.bt-rectangle {
height: 28px !important;
width: 28px !important;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -172px -48px no-repeat, -webkit-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -172px -48px no-repeat, -o-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -172px -48px no-repeat, -moz-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -172px -48px no-repeat, linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -172px -48px no-repeat, -webkit-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -172px -48px no-repeat, -o-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -172px -48px no-repeat, -moz-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -172px -48px no-repeat, linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
}
.bt-rectangle.active,
.bt-rectangle.pressed,
.bt-rectangle:active:hover {
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -172px -48px no-repeat, -webkit-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -172px -48px no-repeat, -o-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -172px -48px no-repeat, -moz-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -172px -48px no-repeat, linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -172px -48px no-repeat, -webkit-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -172px -48px no-repeat, -o-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -172px -48px no-repeat, -moz-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -172px -48px no-repeat, linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
}
.bt-circle {
height: 28px !important;
width: 28px !important;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -199px -47px no-repeat, -webkit-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -199px -47px no-repeat, -o-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -199px -47px no-repeat, -moz-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -199px -47px no-repeat, linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -199px -47px no-repeat, -webkit-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -199px -47px no-repeat, -o-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -199px -47px no-repeat, -moz-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -199px -47px no-repeat, linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
}
.bt-circle.active,
.bt-circle.pressed,
.bt-circle:active:hover {
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -199px -47px no-repeat, -webkit-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -199px -47px no-repeat, -o-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -199px -47px no-repeat, -moz-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -199px -47px no-repeat, linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -199px -47px no-repeat, -webkit-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -199px -47px no-repeat, -o-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -199px -47px no-repeat, -moz-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -199px -47px no-repeat, linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
}
.bt-copy-up {
height: 28px !important;
width: 28px !important;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -341.6px -49px no-repeat, -webkit-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -341.6px -49px no-repeat, -o-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -341.6px -49px no-repeat, -moz-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -341.6px -49px no-repeat, linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -341.6px -49px no-repeat, -webkit-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -341.6px -49px no-repeat, -o-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -341.6px -49px no-repeat, -moz-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -341.6px -49px no-repeat, linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
}
.bt-copy-up.active,
.bt-copy-up.pressed,
.bt-copy-up:active:hover {
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -341.6px -49px no-repeat, -webkit-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -341.6px -49px no-repeat, -o-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -341.6px -49px no-repeat, -moz-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -341.6px -49px no-repeat, linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -341.6px -49px no-repeat, -webkit-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -341.6px -49px no-repeat, -o-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -341.6px -49px no-repeat, -moz-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -341.6px -49px no-repeat, linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
}
.bt-copy-down {
height: 28px !important;
width: 28px !important;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -318.3px -49px no-repeat, -webkit-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -318.3px -49px no-repeat, -o-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -318.3px -49px no-repeat, -moz-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -318.3px -49px no-repeat, linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -318.3px -49px no-repeat, -webkit-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -318.3px -49px no-repeat, -o-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -318.3px -49px no-repeat, -moz-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -318.3px -49px no-repeat, linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
}
.bt-copy-down.active,
.bt-copy-down.pressed,
.bt-copy-down:active:hover {
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -318.3px -49px no-repeat, -webkit-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -318.3px -49px no-repeat, -o-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -318.3px -49px no-repeat, -moz-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -318.3px -49px no-repeat, linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -318.3px -49px no-repeat, -webkit-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -318.3px -49px no-repeat, -o-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -318.3px -49px no-repeat, -moz-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -318.3px -49px no-repeat, linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
}
/* Connector Tool */
.bt-connector-tool {
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -252px -45px no-repeat, -webkit-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -252px -45px no-repeat, -o-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -252px -45px no-repeat, -moz-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -252px -45px no-repeat, linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -252px -45px no-repeat, -webkit-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -252px -45px no-repeat, -o-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -252px -45px no-repeat, -moz-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
background: url(assets/images/smallicons_90cad123ecbf3614c0a7.png) -252px -45px no-repeat, linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
}
.bt-connector-tool.active,
.bt-connector-tool.pressed,
.bt-connector-tool:active:hover {
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -252px -45px no-repeat, -webkit-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -252px -45px no-repeat, -o-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -252px -45px no-repeat, -moz-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -252px -45px no-repeat, linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -252px -45px no-repeat, -webkit-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -252px -45px no-repeat, -o-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -252px -45px no-repeat, -moz-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
background: url(assets/images/smallicons-hover_27fc2ac7ea96b62315d8.png) -252px -45px no-repeat, linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
}
/* Other */
.bt-line-thickness {
height: 28px !important;
width: 28px !important;
background: url(assets/images/icons-other_4b095d360909fcc4124e.png) 0px 0px no-repeat, -webkit-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
background: url(assets/images/icons-other_4b095d360909fcc4124e.png) 0px 0px no-repeat, -o-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
background: url(assets/images/icons-other_4b095d360909fcc4124e.png) 0px 0px no-repeat, -moz-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
background: url(assets/images/icons-other_4b095d360909fcc4124e.png) 0px 0px no-repeat, linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
background: url(assets/images/icons-other_4b095d360909fcc4124e.png) 0px 0px no-repeat, -webkit-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
background: url(assets/images/icons-other_4b095d360909fcc4124e.png) 0px 0px no-repeat, -o-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
background: url(assets/images/icons-other_4b095d360909fcc4124e.png) 0px 0px no-repeat, -moz-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
background: url(assets/images/icons-other_4b095d360909fcc4124e.png) 0px 0px no-repeat, linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
}
.bt-line-thickness.active,
.bt-line-thickness.pressed,
.bt-line-thickness:active:hover {
background: url(assets/images/icons-other-hover_6f14acd28f3c5452759e.png) 0px 0px no-repeat, -webkit-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
background: url(assets/images/icons-other-hover_6f14acd28f3c5452759e.png) 0px 0px no-repeat, -o-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
background: url(assets/images/icons-other-hover_6f14acd28f3c5452759e.png) 0px 0px no-repeat, -moz-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
background: url(assets/images/icons-other-hover_6f14acd28f3c5452759e.png) 0px 0px no-repeat, linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
background: url(assets/images/icons-other-hover_6f14acd28f3c5452759e.png) 0px 0px no-repeat, -webkit-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
background: url(assets/images/icons-other-hover_6f14acd28f3c5452759e.png) 0px 0px no-repeat, -o-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
background: url(assets/images/icons-other-hover_6f14acd28f3c5452759e.png) 0px 0px no-repeat, -moz-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
background: url(assets/images/icons-other-hover_6f14acd28f3c5452759e.png) 0px 0px no-repeat, linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
}
.bt-line-color {
height: 28px !important;
width: 28px !important;
background: url(assets/images/icons-other_4b095d360909fcc4124e.png) -32px 0px no-repeat, -webkit-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
background: url(assets/images/icons-other_4b095d360909fcc4124e.png) -32px 0px no-repeat, -o-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
background: url(assets/images/icons-other_4b095d360909fcc4124e.png) -32px 0px no-repeat, -moz-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
background: url(assets/images/icons-other_4b095d360909fcc4124e.png) -32px 0px no-repeat, linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
background: url(assets/images/icons-other_4b095d360909fcc4124e.png) -32px 0px no-repeat, -webkit-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
background: url(assets/images/icons-other_4b095d360909fcc4124e.png) -32px 0px no-repeat, -o-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
background: url(assets/images/icons-other_4b095d360909fcc4124e.png) -32px 0px no-repeat, -moz-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
background: url(assets/images/icons-other_4b095d360909fcc4124e.png) -32px 0px no-repeat, linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
}
.bt-line-color.active,
.bt-line-color.pressed,
.bt-line-color:active:hover {
background: url(assets/images/icons-other-hover_6f14acd28f3c5452759e.png) -32px 0px no-repeat, -webkit-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
background: url(assets/images/icons-other-hover_6f14acd28f3c5452759e.png) -32px 0px no-repeat, -o-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
background: url(assets/images/icons-other-hover_6f14acd28f3c5452759e.png) -32px 0px no-repeat, -moz-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
background: url(assets/images/icons-other-hover_6f14acd28f3c5452759e.png) -32px 0px no-repeat, linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
background: url(assets/images/icons-other-hover_6f14acd28f3c5452759e.png) -32px 0px no-repeat, -webkit-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
background: url(assets/images/icons-other-hover_6f14acd28f3c5452759e.png) -32px 0px no-repeat, -o-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
background: url(assets/images/icons-other-hover_6f14acd28f3c5452759e.png) -32px 0px no-repeat, -moz-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
background: url(assets/images/icons-other-hover_6f14acd28f3c5452759e.png) -32px 0px no-repeat, linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
}
.bt-fill-color {
height: 28px !important;
width: 28px !important;
background: url(assets/images/icons-other_4b095d360909fcc4124e.png) -64px 0px no-repeat, -webkit-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
background: url(assets/images/icons-other_4b095d360909fcc4124e.png) -64px 0px no-repeat, -o-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
background: url(assets/images/icons-other_4b095d360909fcc4124e.png) -64px 0px no-repeat, -moz-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
background: url(assets/images/icons-other_4b095d360909fcc4124e.png) -64px 0px no-repeat, linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
background: url(assets/images/icons-other_4b095d360909fcc4124e.png) -64px 0px no-repeat, -webkit-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
background: url(assets/images/icons-other_4b095d360909fcc4124e.png) -64px 0px no-repeat, -o-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
background: url(assets/images/icons-other_4b095d360909fcc4124e.png) -64px 0px no-repeat, -moz-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
background: url(assets/images/icons-other_4b095d360909fcc4124e.png) -64px 0px no-repeat, linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0;
}
.bt-fill-color.active,
.bt-fill-color.pressed,
.bt-fill-color:active:hover {
background: url(assets/images/icons-other-hover_6f14acd28f3c5452759e.png) -64px 0px no-repeat, -webkit-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
background: url(assets/images/icons-other-hover_6f14acd28f3c5452759e.png) -64px 0px no-repeat, -o-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
background: url(assets/images/icons-other-hover_6f14acd28f3c5452759e.png) -64px 0px no-repeat, -moz-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
background: url(assets/images/icons-other-hover_6f14acd28f3c5452759e.png) -64px 0px no-repeat, linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
background: url(assets/images/icons-other-hover_6f14acd28f3c5452759e.png) -64px 0px no-repeat, -webkit-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
background: url(assets/images/icons-other-hover_6f14acd28f3c5452759e.png) -64px 0px no-repeat, -o-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
background: url(assets/images/icons-other-hover_6f14acd28f3c5452759e.png) -64px 0px no-repeat, -moz-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
background: url(assets/images/icons-other-hover_6f14acd28f3c5452759e.png) -64px 0px no-repeat, linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
}
.bt-fill-color-button {
width: 100%;
height: 100%;
background: -webkit-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939);
background: -o-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939);
background: -moz-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939);
background: linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b), #393939;
}
.bt-fill-color-button:active:hover {
background: -webkit-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939);
background: -o-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939);
background: -moz-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939);
background: linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b), #393939;
}
.bt-fill-color-content {
background-color: #443ec6;
width: 17px;
height: 17px;
margin: 0px 0 0 0px;
border: 1px solid #ccc;
}
.bt-stroke-color {
height: 28px !important;
width: 28px !important;
}
.bt-stroke-color.active,
.bt-stroke-color.pressed,
.bt-stroke-color:active:hover {
background: url(assets/images/icons-other-hover_6f14acd28f3c5452759e.png) -32px 0px no-repeat, -webkit-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
background: url(assets/images/icons-other-hover_6f14acd28f3c5452759e.png) -32px 0px no-repeat, -o-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
background: url(assets/images/icons-other-hover_6f14acd28f3c5452759e.png) -32px 0px no-repeat, -moz-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
background: url(assets/images/icons-other-hover_6f14acd28f3c5452759e.png) -32px 0px no-repeat, linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
background: url(assets/images/icons-other-hover_6f14acd28f3c5452759e.png) -32px 0px no-repeat, -webkit-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
background: url(assets/images/icons-other-hover_6f14acd28f3c5452759e.png) -32px 0px no-repeat, -o-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
background: url(assets/images/icons-other-hover_6f14acd28f3c5452759e.png) -32px 0px no-repeat, -moz-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
background: url(assets/images/icons-other-hover_6f14acd28f3c5452759e.png) -32px 0px no-repeat, linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #393939) 0 0 !important;
}
.bt-stroke-color-button {
width: 100%;
height: 100%;
}
.bt-stroke-color-content {
width: 19px;
height: 19px;
margin: 2px 0 0 3px;
border: 1px solid #000;
}
.bt-stroke-color-content-border {
width: 13px;
height: 13px;
border: 3px solid #00f;
}
.bt-stroke-color-content-border div {
width: 11px;
height: 11px;
border: 1px solid #000;
}
.bt-group {
height: 31px !important;
width: 34px !important;
position: relative;
top: -2px;
background: url(assets/images/icons-other_4b095d360909fcc4124e.png) -98px 1px no-repeat, -webkit-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0;
background: url(assets/images/icons-other_4b095d360909fcc4124e.png) -98px 1px no-repeat, -o-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0;
background: url(assets/images/icons-other_4b095d360909fcc4124e.png) -98px 1px no-repeat, -moz-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0;
background: url(assets/images/icons-other_4b095d360909fcc4124e.png) -98px 1px no-repeat, linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0;
background: url(assets/images/icons-other_4b095d360909fcc4124e.png) -98px 1px no-repeat, -webkit-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0;
background: url(assets/images/icons-other_4b095d360909fcc4124e.png) -98px 1px no-repeat, -o-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0;
background: url(assets/images/icons-other_4b095d360909fcc4124e.png) -98px 1px no-repeat, -moz-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0;
background: url(assets/images/icons-other_4b095d360909fcc4124e.png) -98px 1px no-repeat, linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0;
}
.bt-group.active,
.bt-group.pressed,
.bt-group:active:hover {
background: url(assets/images/icons-other-hover_6f14acd28f3c5452759e.png) -98px 1px no-repeat, -webkit-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0 !important;
background: url(assets/images/icons-other-hover_6f14acd28f3c5452759e.png) -98px 1px no-repeat, -o-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0 !important;
background: url(assets/images/icons-other-hover_6f14acd28f3c5452759e.png) -98px 1px no-repeat, -moz-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0 !important;
background: url(assets/images/icons-other-hover_6f14acd28f3c5452759e.png) -98px 1px no-repeat, linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0 !important;
background: url(assets/images/icons-other-hover_6f14acd28f3c5452759e.png) -98px 1px no-repeat, -webkit-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0 !important;
background: url(assets/images/icons-other-hover_6f14acd28f3c5452759e.png) -98px 1px no-repeat, -o-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0 !important;
background: url(assets/images/icons-other-hover_6f14acd28f3c5452759e.png) -98px 1px no-repeat, -moz-linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0 !important;
background: url(assets/images/icons-other-hover_6f14acd28f3c5452759e.png) -98px 1px no-repeat, linear-gradient(#6a6a6a, #606060, #575757, #4b4b4b, #575757) 0 0 !important;
}
.onyx-icon.bt-accept {
width: auto !important;
height: 22px !important;
padding: 0px 10px !important;
border: solid 1px #333;
color: #fff;
font-size: 12px;
line-height: 20px;
font-weight: bold;
background: -webkit-linear-gradient(#88ac7c, #43822d, #396b2b);
background: -o-linear-gradient(#88ac7c, #43822d, #396b2b);
background: -moz-linear-gradient(#88ac7c, #43822d, #396b2b);
background: linear-gradient(#88ac7c, #43822d, #396b2b);
}
.onyx-icon.bt-reject {
width: auto !important;
height: 22px !important;
padding: 0px 10px !important;
border: solid 1px #333;
color: #fff;
font-size: 12px;
line-height: 20px;
font-weight: bold;
background: -webkit-linear-gradient(#af8742, #7d551e, #674d22);
background: -o-linear-gradient(#af8742, #7d551e, #674d22);
background: -moz-linear-gradient(#af8742, #7d551e, #674d22);
background: linear-gradient(#af8742, #7d551e, #674d22);
}
.bt-default,
.bt-file-input button {
padding: 2px 20px !important;
font-size: 12px;
line-height: 20px;
font-weight: bold;
background: -webkit-linear-gradient(#fcfbfb, #f2f2f2, #ececed);
background: -o-linear-gradient(#fcfbfb, #f2f2f2, #ececed);
background: -moz-linear-gradient(#fcfbfb, #f2f2f2, #ececed);
background: linear-gradient(#fcfbfb, #f2f2f2, #ececed);
}
.bt-file-light {
margin-top: 3px !important;
}
.bt-float-right {
float: right;
}
.bt-project {
background: url(assets/images/bt-project_8fda4d3f2f7417cd68ad.png) no-repeat;
width: 88px;
height: 30px !important;
font-size: 12px;
line-height: 30px;
font-weight: bold;
color: #d9d9d9;
border: none;
padding-left: 8px !important;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.bt-project.active,
.bt-project.pressed,
.bt-project:active:hover {
background: url(assets/images/bt-project-hover_8284f27f93cc3ad18216.png) no-repeat !important;
border: none !important;
-moz-box-shadow: none !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
.bt-browse {
font-size: 12px;
}
.box-group > div + div {
border-left: none;
}
.box-group > div + div > div {
border-left: none;
}
.bt-add-main-view {
background: url(assets/images/home-icon_feb7213f4a93d444eb9b.png) 0 0 no-repeat !important;
width: 20px !important;
height: 20px !important;
margin-right: 5px !important;
}
.bt-add-new-view {
background: url(assets/images/view-icon_d54a113b7139e0258b61.png) 0 0 no-repeat !important;
width: 20px !important;
height: 20px !important;
margin-right: 5px !important;
}
/* Check Box */
.onyx-checkbox.checkbox-style1 {
height: 16px;
width: 16px;
background: url(assets/images/checkbox_f71ce7535f5abae30637.png) no-repeat;
}
.onyx-checkbox.checkbox-style1[checked] {
background-position: 0px -16px;
}
.onyx-checkbox.checkbox-style2 {
height: 18px;
width: 20px;
background: url(assets/images/checkbox-style2_8b6888add196072e207c.png) 0px -20px no-repeat;
}
.onyx-checkbox.checkbox-style2[checked] {
background-position: 0px -2px;
}
.onyx-checkbox.checkbox-style3 {
height: 18px;
width: 18px;
background: url(assets/images/checkbox-style3_33c9fcc58ff83bc92cab.png) 0px -18px no-repeat;
}
.onyx-checkbox.checkbox-style3[checked] {
background-position: 0px 0px;
}
.onyx-checkbox.checkbox-style4 {
height: 18px;
width: 18px;
background: url(assets/images/checkbox-style4_0c9eba5efc78a1e70be8.png) 0px -18px no-repeat;
}
.onyx-checkbox.checkbox-style4[checked] {
background-position: 0px 0px;
}
/* Picker */
.pls-timetable td {
vertical-align: middle;
text-align: center;
}
.pls-timetable tr:first-child td {
color: grey;
font-weight: bold;
font-size: 12px;
padding-bottom: 2px;
}
.psl-picker {
outline: 0;
color: #fff;
font-size: 16px;
font-weight: bold;
text-align: center;
white-space: nowrap;
margin: 0;
padding: 8px 8px;
overflow: hidden;
-moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.2);
-webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.2);
box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.2);
background: -webkit-linear-gradient(#b8b8b8, #878788);
background: -o-linear-gradient(#b8b8b8, #878788);
background: -moz-linear-gradient(#b8b8b8, #878788);
background: linear-gradient(#b8b8b8, #878788);
text-overflow: ellipsis;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.psl-picker.active,
.psl-picker.pressed {
background: -webkit-linear-gradient(#b8b8b8, #878788);
background: -o-linear-gradient(#b8b8b8, #878788);
background: -moz-linear-gradient(#b8b8b8, #878788);
background: linear-gradient(#b8b8b8, #878788);
-moz-box-shadow: inset 0px 1px 0px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: inset 0px 1px 0px rgba(0, 0, 0, 0.1);
box-shadow: inset 0px 1px 0px rgba(0, 0, 0, 0.1);
border: solid 1px #767676;
}
.psl-picker:active:hover:not([disabled]) {
-moz-box-shadow: inset 0px 1px 0px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: inset 0px 1px 0px rgba(0, 0, 0, 0.3);
box-shadow: inset 0px 1px 0px rgba(0, 0, 0, 0.3);
}
.psl-picker[disabled] {
opacity: 0.4;
filter: alpha(opacity=40);
}
.psl-picker > img {
padding: 0px 3px;
}
.psl-picker::-moz-focus-inner {
border: 0;
}
.psl-timepicker-hour {
width: 45px;
}
.psl-timepicker-minute {
width: 45px;
}
.psl-separatepicker {
color: #fff;
font-weight: bolder;
width: 10px;
}
.psl-menu-item {
color: black;
background: #e1e1e1;
font-size: 12px !important;
font-weight: bold !important;
border-top: 1px solid rgba(255, 255, 255, 0.5);
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
body.onyx {
font-family: 'AvenirNext', sans-serif;
font-size: 16px;
-webkit-font-smoothing: antialiased;
}
input,
textarea {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-transition: all 0.2s ease-in;
-webkit-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
margin: 0;
outline: none;
}
input::selection,
textarea::selection {
background-color: #1a0dab;
color: #ffffff !important;
}
input::-moz-selection,
textarea::-moz-selection {
background-color: #1a0dab;
color: #ffffff !important;
}
input::-o-selection,
textarea::-o-selection {
background-color: #1a0dab;
color: #ffffff !important;
}
input::-ms-selection,
textarea::-ms-selection {
background-color: #1a0dab;
color: #ffffff !important;
}
input::-webkit-selection,
textarea::-webkit-selection {
background-color: #1a0dab;
color: #ffffff !important;
}
input::selection,
textarea::selection {
background-color: #1a0dab;
color: #ffffff !important;
}
input::-moz-selection,
textarea::-moz-selection {
background-color: #1a0dab;
color: #ffffff !important;
}
input::-o-selection,
textarea::-o-selection {
background-color: #1a0dab;
color: #ffffff !important;
}
input::-ms-selection,
textarea::-ms-selection {
background-color: #1a0dab;
color: #ffffff !important;
}
input::-webkit-selection,
textarea::-webkit-selection {
background-color: #1a0dab;
color: #ffffff !important;
}
input {
border: solid 1px #666;
line-height: 16px;
vertical-align: baseline;
padding: 4px 5px;
font-family: 'AvenirNext', sans-serif;
font-size: 16px;
-webkit-font-smoothing: antialiased;
}
textarea {
overflow: auto;
font-size: 100%;
font-family: 'AvenirNext', sans-serif;
font-size: 16px;
line-height: 16px;
padding: 5px 4px;
border: solid 1px #666;
vertical-align: top;
-webkit-appearance: none;
resize: none;
-webkit-font-smoothing: antialiased;
}
/*.enyo-input[type=email]:invalid{background-color:#F30;}*/
table,
td,
ul,
li {
margin: 0;
padding: 0;
list-style: none;
}
img {
border: none;
}
button,
.onyx-icon {
cursor: pointer;
}
.odd {
background-color: #fff !important;
}
.even {
background-color: #ebeff8 !important;
}
.disable {
display: none;
}
.box-debug {
border: 2px solid orange;
padding: 4px;
white-space: nowrap;
overflow: hidden;
margin-top: 3px;
margin-bottom: 3px;
}
.box-shadow {
box-shadow: -6px 0 8px 0 rgba(0, 0, 0, 0.5);
}
.box-shadow-none {
-moz-box-shadow: none !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
.border-right {
border-right: solid 1px #454545;
}
.border-left {
border-left: solid 1px #454545;
}
.panel-border-left {
border-left: solid 4px #4a4a4a;
}
.enyo-popup {
z-index: 10000000000;
}
span.apply {
width: 30px;
height: 30px;
background: url(assets/images/commission_07dc23a01c62fd1c8c0d.png) 0px 0px no-repeat;
display: inline-block;
position: absolute;
top: 2px;
right: 5px;
cursor: pointer;
}
span.setting {
width: 30px;
height: 30px;
background: url(assets/images/commission_07dc23a01c62fd1c8c0d.png) -33px 0px no-repeat;
display: inline-block;
position: absolute;
top: 2px;
right: 5px;
cursor: pointer;
}
span.exit {
width: 30px;
height: 30px;
background: url(assets/images/commission_07dc23a01c62fd1c8c0d.png) -64px 0px no-repeat;
display: inline-block;
position: absolute;
top: 2px;
right: 5px;
cursor: pointer;
}
span.A {
width: 18px;
height: 18px;
top: 8px;
left: 5px;
background: url(assets/images/wiring-white_55f5ea6816e93a4f7e66.png) 0px -26px no-repeat;
display: inline-block;
position: absolute;
cursor: pointer;
}
span.B {
width: 18px;
height: 18px;
top: 8px;
left: 5px;
background: url(assets/images/wiring-white_55f5ea6816e93a4f7e66.png) 0px 0px no-repeat;
display: inline-block;
position: absolute;
cursor: pointer;
}
span.plus {
width: 18px;
height: 18px;
top: 8px;
left: 5px;
background: url(assets/images/wiring-white_55f5ea6816e93a4f7e66.png) 0px -52px no-repeat;
display: inline-block;
position: absolute;
cursor: pointer;
}
span.dash {
width: 18px;
height: 18px;
top: 8px;
left: 5px;
background: url(assets/images/wiring-white_55f5ea6816e93a4f7e66.png) 0px -78px no-repeat;
display: inline-block;
position: absolute;
cursor: pointer;
}
.highlight {
background-color: #bdc9f1;
padding: 2px 5px;
margin-left: -5px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
.heading-title {
background: #4c4c4c url(assets/images/gradient_7cfbc55cc4063581de83.png) repeat-x 0 bottom;
text-align: left;
padding: 8px 20px 7px;
color: #fff;
font-size: 12px;
text-transform: uppercase;
font-weight: bold;
line-height: 14px;
border-bottom: solid 1px #000;
white-space: nowrap;
}
.drawer-title {
background: #4b6796 url(assets/images/sidebar-close_fb67d76740987f596e70.svg) 3px 1px no-repeat;
background-size: 30px;
background-blend-mode: hard-light;
font-size: 15px;
line-height: 25px;
color: #fff;
font-weight: bold;
padding: 2px 0px 2px 30px;
cursor: pointer;
position: relative;
font-stretch: condensed;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.drawer-title.check .ok {
position: absolute;
width: 25px;
height: 25px;
top: 2px;
right: 10px;
background: url(assets/images/setup-title-check_e770eff9eb078c1f7e5c.png) no-repeat;
}
.drawer-title.unactive {
background-image: url(assets/images/sidebar_a9bc1918d921b1d8eb81.svg);
}
.form-name {
text-align: center;
font-weight: bold;
color: #fff;
font-size: 15px;
display: table-cell;
vertical-align: middle;
height: 20px;
line-height: 20px;
position: absolute;
margin: auto;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.onyx-toggle-button {
height: 24px !important;
line-height: 23px;
font-stretch: condensed;
font-size: 12px;
font-weight: bold;
color: #b4b4b4;
border: solid 1px #343434;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
background: -webkit-linear-gradient(#7a7a7a, #585958, #3c3d3d);
background: -o-linear-gradient(#7a7a7a, #585958, #3c3d3d);
background: -moz-linear-gradient(#7a7a7a, #585958, #3c3d3d);
background: linear-gradient(#7a7a7a, #585958, #3c3d3d);
}
.onyx-toggle-button .onyx-toggle-content.on {
padding-right: 1px !important;
}
.onyx-toggle-button .onyx-toggle-content.off {
padding-left: 1px !important;
}
.onyx-toggle-button .onyx-toggle-button-knob {
width: 20px;
height: 20px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
background: -webkit-linear-gradient(#9e9e9e, #777777);
background: -o-linear-gradient(#9e9e9e, #777777);
background: -moz-linear-gradient(#9e9e9e, #777777);
background: linear-gradient(#9e9e9e, #777777);
-moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.35), inset 0 -1px 0 rgba(0, 0, 0, 0.4);
-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.35), inset 0 -1px 0 rgba(0, 0, 0, 0.4);
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.35), inset 0 -1px 0 rgba(0, 0, 0, 0.4);
}
.bt-zoomselect {
background-color: #555656;
color: #f2f2f2;
}
.select-zoom > .bt-zoomitem {
background-color: #555656;
width: 100px;
height: 28px;
color: #f2f2f2;
border: solid 1px #000000;
font-weight: bold;
text-align: center;
padding: 0px 0px;
}
.performance-title {
min-width: 4.69rem !important;
text-align: center;
}
.performance-drawer-title {
background-size: 24px !important;
font-size: 13px !important;
line-height: 20px;
padding: 2px 0px 2px 30px;
-webkit-border-radius: 0 10px 10px 0;
-moz-border-radius: 0 10px 10px 0;
border-radius: 0 10px 10px 0;
margin-top: 0.0938rem;
}
.performance-drawer-title .eventBadges {
float: right;
margin-right: 26px;
}
.m-3 {
margin: 0.938rem;
}
.m-1 {
margin: 0.313rem;
}
.issue-management-content {
font-size: 12px;
color: #354c73;
line-height: 18px;
}
.current-count {
background-color: red;
color: white;
border-radius: 46px;
border-radius: 49px;
padding: 1px;
font-size: 12px;
}
.text-red {
color: red;
}
.text-voilet {
color: #8e8888;
}
.width-full {
width: 100%;
}
.no-margin {
margin: 0px !important;
}
.ml-1 {
margin-left: 0.313rem;
}
.m-half {
margin: 0.156rem;
}
.word-break-all {
word-break: break-all;
display: inline-flex;
}
.word-break-all .align-note-text {
display: inline-flex;
align-items: center;
vertical-align: middle;
word-break: break-word;
}
.mr-half {
margin-right: 0.156rem !important;
}
.background-color-dark-grey {
background-color: darkgrey !important;
color: white;
}
.background-white {
background-color: white !important;
}
.width-60 {
width: 60% !important;
}
.width-55 {
width: 55% !important;
}
.p-half {
padding: 0.625rem 0.688rem !important;
min-height: 2.06rem;
}
.pt-6 {
padding-top: 6px;
}
.vetical-webkit-middle {
vertical-align: -webkit-baseline-middle;
}
.vetical-middle {
vertical-align: middle;
}
.color-dark-grey {
color: darkgray;
}
.float-right {
float: right;
}
.vertical-baseline {
vertical-align: baseline;
}
.mr-half {
margin-right: 0.156rem !important;
}
.w-9 {
width: 2.81rem;
}
.w-4 {
width: 1.25rem;
}
.w-20 {
width: 6.22rem;
}
.pltable {
display: table;
border-collapse: collapse;
}
.pltable .table-title {
margin-top: 10px;
background-color: #4b6998;
font-size: 13px;
font-weight: bold;
color: #fff;
}
.pltable .td {
display: table-cell;
border: 1px solid #4b6998;
padding: 0px 10px;
font-weight: bold;
min-height: 50px;
}
.mr-half {
margin-right: 0.156rem !important;
}
.mt-5p {
margin-top: 5px !important;
}
.mb-1 {
margin-bottom: 0.313rem !important;
}
.font-italic {
font-style: italic;
}
.font-13 {
font-size: 13px;
}
.font-weight-bold {
font-weight: bold;
}
.p-1 {
padding: 0.313rem;
}
.w-10 {
width: 3.13rem;
}
.w-6 {
width: 1.88rem;
}
.w-15 {
width: 4.69rem;
}
.w-7 {
width: 2.19rem;
}
.w-5 {
width: 1.56rem;
}
.w-4 {
width: 1.25rem;
}
.w-3 {
width: 0.938rem;
}
.flex-1 {
flex: 1;
}
.mh-100 {
max-height: 100px;
}
.event-detail-align {
font-size: 14px;
padding-bottom: 10px;
padding-top: 5px;
}
.overflow-y-auto {
overflow-y: auto !important;
}
.w-11 {
width: 3.44rem;
}
.z-99999 {
z-index: 99999;
}
.picker-white {
width: 130px !important;
background: url(assets/images/picker-white_7250ec4b541adcb54934.png) 117px 11px no-repeat, -webkit-linear-gradient(#555656, #555656, #555656) 0 0 !important;
background: url(assets/images/picker-white_7250ec4b541adcb54934.png) 117px 11px no-repeat, -o-linear-gradient(#555656, #555656, #555656) 0 0 !important;
background: url(assets/images/picker-white_7250ec4b541adcb54934.png) 117px 11px no-repeat, -moz-linear-gradient(#555656, #555656, #555656) 0 0 !important;
background: url(assets/images/picker-white_7250ec4b541adcb54934.png) 117px 11px no-repeat, linear-gradient(#555656, #555656, #555656) 0 0 !important;
}
.vetical-sub {
vertical-align: sub;
}
.font-12 {
font-size: 12px;
}
.font-bolder {
font-weight: bolder;
}
.button-active {
background-image: url(assets/images/gradient-invert_6265252ad05a58357801.png);
background-position: top;
border-top: 1px solid rgba(15, 15, 15, 0.6);
box-shadow: inset 0px 1px 0px rgba(0, 0, 0, 0.1);
}
.ml-half {
margin-left: 0.156rem;
}
.w-8 {
width: 2.5rem;
}
.mb-half {
margin-bottom: 0.156rem !important;
}
.popdrawer-up {
background-size: 24px !important;
font-size: 13px !important;
line-height: 20px;
color: #fff;
font-weight: bold;
margin-top: 0.156rem;
cursor: pointer;
position: relative;
text-overflow: ellipsis;
overflow: hidden;
background-color: #4c4c4c;
}
.slide-up {
z-index: 1;
cursor: pointer;
position: relative;
overflow: hidden;
}
.h-200 {
height: 200px !important;
}
.pop-slide-up-option {
z-index: 1;
position: absolute;
height: 100%;
width: 100%;
}
.panel-open {
background-image: url(assets/images/sidebar-close_fb67d76740987f596e70.svg);
background-position-x: 175px;
background-position-y: 4px;
background-repeat: no-repeat;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
background-size: 24px;
}
.panel-open.unactive {
background-image: url(assets/images/sidebar_a9bc1918d921b1d8eb81.svg);
}
.height-full {
height: 100%;
}
.horizental-scroll-none {
overflow-x: hidden !important;
}
.no-padding-bottom {
padding-bottom: 0rem !important;
}
.padding-none {
padding: 0 !important;
}
.cursor-pointer {
cursor: pointer;
}
.text-center {
text-align: center;
}
.border-top-solid {
border-top: 1px solid black;
}
.margin-top--1 {
margin-top: -1px;
}
.background-image-none {
background-image: none !important;
}
.ml-5 {
margin-left: 5px;
}
.mt-4 {
margin-top: 4px !important;
}
.left-10 {
left: 10px;
}
.mt-20 {
margin-left: 20px;
}
.mt-2 {
margin-top: 0.625rem !important;
}
.mt-3 {
margin-top: 3px !important;
}
table,
td,
ul,
li {
margin: 0;
padding: 0;
list-style: none;
}
table {
border-spacing: 0px;
border-collapse: collapse;
}
.p-1 {
padding: 0.313rem;
}
.hiv_Button_margin {
margin-left: 12em;
}
.text-center {
text-align: center;
}
.display-flex {
display: flex;
}
.mt-2 {
margin-top: 0.625rem;
}
.align-equal {
flex-grow: 1;
flex-basis: 0;
}
.checked-button .hive-tool-glyph-button-checked {
width: 32px;
height: 32px;
}
.checked-button .hive-tool-glyph-button-checked.icon-size {
margin-top: 6%;
margin-left: 64%;
}
.mt-1 {
margin-top: 0.313rem !important;
}
.mt-1p {
margin-top: 1px !important;
}
.mr-1 {
margin-right: 0.313rem !important;
}
.mt-3 {
margin-top: 0.938rem !important;
}
.mt-half {
margin-right: 0.156rem !important;
}
.background-grey {
background-color: #565757 !important;
}
.font-16 {
font-size: 16px;
}
.ml-5 {
margin-left: 1.56rem;
}
.ml-10 {
margin-left: 3.13rem;
}
.ml-1 {
margin-left: 0.313rem;
}
.ml-32 {
margin-left: 32%;
}
.ml-35 {
margin-left: 35%;
}
.mt-5 {
margin-top: 1.56rem;
}
.mt-3 {
margin-top: 0.938rem;
}
.placeholder {
margin-left: 0.313rem;
}
.mr-half {
margin-left: 0.156rem !important;
}
.mt-half {
margin-top: 0.156rem !important;
}
.ml-one-half {
margin-left: 0.781rem !important;
}
.issue-mark {
background: #5d77a0 !important;
display: inline-block;
margin-top: 10px;
font-size: 16px;
font-weight: bold;
height: 22px !important;
width: 22px;
font-style: normal;
}
.hive-sampler .hive-sampler-leftColumn {
background-color: #505257;
}
.hive-sampler .panel {
background: #fff;
}
.hive-sampler .hive-source-tabs {
width: 60px;
}
.hive-sampler .hive-z-99999 {
z-index: 99999;
}
.hive-sampler .hive-analytics-panel {
position: absolute;
right: 0;
left: auto;
width: 100%;
border-left: solid 1px black;
background-color: #ffffff;
}
.hive-sampler .panels-sample-sliding-panels > * {
width: 320px;
background-color: #eaeaea;
-moz-box-shadow: -4px 0 4px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: -4px 0 4px rgba(0, 0, 0, 0.3);
box-shadow: -4px 0 4px rgba(0, 0, 0, 0.3);
}
.hive-sampler .panels-sample-sliding-item {
padding: 10px;
border-bottom: 1px solid black;
}
.hive-sampler .panels-sample-sliding-content {
text-align: left;
padding: 10px;
}
.hive-sampler .hive-source-code {
padding: 15px;
font-family: monospace;
font-size: 12px;
user-select: text;
cursor: auto;
}
.hive-sampler .hive-background-white {
background-color: white !important ;
}
.GlyphButton-container-bg-position {
background-position: 3px 4px !important;
}
.line-thickness-popup {
width: 190px;
height: 200px;
}
.line-thickness-popup .onyx-contextual-popup-title {
display: none !important;
}
.line-thickness-popup .onyx-contextual-popup-scroller {
padding: 0 !important;
}
.line-thickness-popup .onyx-contextual-popup-scroller .line-thickness-item {
padding: 4px 5px;
font-size: 10px;
line-height: 12px;
cursor: pointer;
}
.line-thickness-popup .onyx-contextual-popup-scroller .line-thickness-item span:first-child {
width: 30px;
height: 12px;
display: inline-block;
}
.line-thickness-popup .onyx-contextual-popup-scroller .line-thickness-item span:last-child {
display: inline-block;
width: 150px;
background: #000;
height: 1px;
}
.line-thickness-popup .onyx-contextual-popup-scroller .line-thickness-item:hover {
background-color: rgba(0, 0, 255, 0.2);
}
.legacy-unset input {
all: unset;
}
/*****************************************************************
NEW STYLING FORMAT
*****************************************************************/
.form-system .leftPanel .left-panel-wrapper {
width: inherit;
height: inherit;
}
.form-system .leftPanel .left-panel-wrapper .left-panel-tab {
width: inherit;
}
.form-system .box {
padding: 5px 0 5px 0;
}
.form-system .box .item {
background: #FFF;
}
.form-system .box .child {
color: #4B6796;
}
.form-system .box .box-content {
margin: 10px 10px 0 10px;
}
.form-system .manifold-settings .drop-zone {
height: 6.25rem;
widows: 100%;
background: #ececec;
border-bottom: solid 1px black;
display: flex;
justify-content: center;
align-items: center;
}
.form-system .behaviors {
background: #474747;
padding-left: 0.0781rem;
}
.form-system .behaviors .property-drawer {
background-color: #ffffff;
}
.form-system .behaviors .property-drawer .property-class-picker {
padding-top: 0.313rem;
width: 65%;
}
.form-system .behaviors .property-drawer .property-class-picker .hive-picker-button {
width: 100%;
}
.form-system .behaviors .property-drawer .picker-alignment {
padding-left: 0.625rem;
margin-left: 30px;
}
.form-system .zones .wrapper {
width: 100%;
position: relative;
}
.form-system .zones .consumed {
opacity: 0.4;
}
.form-system .variable-stimulator .hive-table-repeater {
padding: 0 0.469rem;
text-align: center;
}
.form-system .variable-stimulator .hive-table-repeater thead {
width: 100%;
}
.form-system .variable-stimulator .hive-table-repeater thead th {
position: sticky;
top: 0;
background-color: #4B6796;
border: solid black 0.0781rem;
}
.form-system .variable-stimulator .hive-table-repeater tr {
height: 1.56rem;
}
.form-system .variable-stimulator .hive-table-repeater tr td {
border: solid black 0.0781rem;
}
.display-flex {
display: flex!important;
}
.flex-direction-column {
flex-direction: column;
}
.text-center {
text-align: center;
}
.table-container {
display: table;
border-collapse: collapse!important;
border-spacing: 0px;
-webkit-font-smoothing: antialiased;
}
.table-container .table-body {
background-color: white;
}
.table-container .table-title {
margin-top: 10px;
background-color: #4b6998;
font-size: 13px;
font-weight: bold;
color: #FFF;
}
.table-container .tr:nth-child(even) {
background-color: #ebeff8;
}
.table-container .tr {
display: table-row;
}
.table-container .td {
display: table-cell;
border: 1px solid #4b6998;
padding: 0px 10px;
font-weight: bold;
min-height: 50px;
}
.table-container .td .table-input {
border: none;
width: 40px;
background-color: rgba(0, 0, 0, 0);
text-align: center;
}
.table-container .table-cell {
display: table-cell;
border: 1px solid #4b6998;
padding: 0px 10px;
font-weight: bold;
min-height: 0px!important;
font-size: 12px;
font-family: 'AvenirNext', sans-serif;
}
.table-container .table-header {
display: table-cell;
border: 1px solid #4b6998;
padding: 0px 10px;
font-weight: bold;
font-family: 'AvenirNext', sans-serif;
}
.license-table {
margin: -10px 0px 10px 0px;
}
.issue-contents.selected {
background-color: #888a8e !important;
color: white;
}
.wiring-page .bill-of-materials .middlePanel .selectedRepeater {
background-color: #a9aaad;
}
.wiring-page .bill-of-materials .middlePanel .table {
margin: 0.531rem 0px;
}
.wiring-page .bill-of-materials .middlePanel .table .column {
display: inline-flex;
align-items: center;
}
.wiring-page .bill-of-materials .middlePanel .table .table-header {
height: 1.47rem;
font-size: 0.656rem;
font-family: 'AvenirNext';
background-color: #4b6998;
}
.wiring-page .bill-of-materials .middlePanel .table .table-header-orange {
font-variation-settings: "wght" 500, "wdth" 100 !important;
height: 1.47rem;
font-size: 0.656rem;
font-family: 'AvenirNext';
background-color: #d38515;
}
.wiring-page .bill-of-materials .middlePanel .table .bom-table-repeater {
box-sizing: border-box;
}
.wiring-page .bill-of-materials .middlePanel .table .bom-table-repeater .column {
height: 1.44rem;
display: inline-flex;
align-items: center;
font-variation-settings: "wght" 500, "wdth" 100 !important;
font-size: 0.625rem;
font-weight: bold;
border: 1px solid #3c3a46;
}
.wiring-page .bill-of-materials .middlePanel .table .bom-table-repeater.selected {
background-color: #eff1f9 !important;
}
.wiring-page .bill-of-materials .middlePanel .table .bom-table-repeater .control:nth-child(2n) {
background-color: #ffffff;
}
.wiring-page .bill-of-materials .middlePanel .table .bom-table-repeater .control:nth-child(2n) .selected {
background-color: #4894b9a9 !important;
}
.wiring-page .bill-of-materials .middlePanel .table .bom-table-repeater .selected {
background-color: #4894b9a9 !important;
}
.wiring-page .bill-of-materials .middlePanel .table .bom-table-repeater-orange.selected {
background-color: rgba(211, 133, 21, 0.28) !important;
}
.wiring-page .bill-of-materials .middlePanel .table .bom-table-repeater-orange .control:nth-child(2n) {
background-color: #f3f5fa;
}
.wiring-page .bill-of-materials .middlePanel .table .bom-table-repeater-orange .control:nth-child(2n) .selected {
background-color: #d38415a9 !important;
}
.wiring-page .bill-of-materials .middlePanel .table .bom-table-repeater-orange .selected {
background-color: #d68c23a9 !important;
}
.wiring-page .bill-of-materials .middlePanel .table .table-list-item {
height: 1.44rem;
width: 100%;
}
.wiring-page .bill-of-materials .middlePanel .table .table-list-item .image {
display: inline;
height: 0.75rem;
margin: 0 0.5rem;
}
.wiring-page .bill-of-materials .middlePanel .table .table-list-item .name {
display: inline;
}
.wiring-page .bill-of-materials .middlePanel .table .table-list-item .badge {
height: 14px !important;
width: 20px !important;
line-height: 15px !important;
}
.wiring-page .bill-of-materials .middlePanel .table .table-list-item .badge.blue {
margin-left: 2px !important;
background: #007326;
}
.wiring-page .bill-of-materials .middlePanel .table .table-list-item .hive-tool-picker {
box-shadow: none !important;
border: none !important;
background: none !important;
height: auto;
}
.wiring-page .bill-of-materials .middlePanel .table .table-list-item .hive-tool-picker .hive-tool-picker-select-value {
color: black;
}
.wiring-page .bill-of-materials .middlePanel .table .column-1 {
width: 40%;
font-family: 'AvenirNext';
font-weight: bold;
padding-left: 1.56rem;
}
.wiring-page .bill-of-materials .middlePanel .table .column-2 {
width: 30%;
justify-content: center;
font-weight: bold;
font-family: 'AvenirNext';
}
.wiring-page .bill-of-materials .middlePanel .table .column-3 {
width: 30%;
justify-content: center;
font-weight: bold;
font-family: 'AvenirNext';
}
.wiring-page .bill-of-materials .middlePanel .table .header-text {
font-family: 'AvenirNext';
font-weight: bold;
justify-content: center;
display: inline-flex;
}
.wiring-page .bill-of-materials .middlePanel .table .header-text.text-left {
justify-content: start;
padding-left: 1.56rem;
}
.wiring-page .bill-of-materials .middlePanel .logoRow {
max-height: 4.69rem;
padding-bottom: 0.313rem;
padding-top: 0.625rem;
}
.wiring-page .bill-of-materials .middlePanel .logoRow .logoColumn {
padding-right: 1.88rem;
max-height: 4.69rem !important;
}
.wiring-page .bill-of-materials .middlePanel .logoRow .textColumn {
margin-top: 1.41rem !important;
justify-content: center;
font-size: 0.625rem;
width: 21.9rem;
}
.wiring-page .bill-of-materials .rightPanel {
background-color: #464646;
}
.wiring-page .bill-of-materials .rightPanel .lineDivider {
height: 0.357rem;
background-color: #5d7ca7;
}
.wiring-page .bill-of-materials .rightPanel .buy-button {
width: 7.19rem;
border: solid 1px black !important;
}
.wiring-page .bill-of-materials .rightPanel .centerLogo {
height: fit-content !important;
text-align: center;
justify-content: center;
display: flex;
padding-top: 1.34rem;
padding-bottom: 0.268rem;
}
.wiring-page .bill-of-materials .rightPanel .centerMap {
text-align: center;
justify-content: center;
padding-top: 1.38rem;
}
.wiring-page .bill-of-materials .rightPanel .logoRow {
height: fit-content;
text-align: center;
justify-content: center;
display: flex;
padding-right: 1.25rem;
padding-bottom: 0.848rem;
padding-left: 1.25rem;
align-self: center !important;
}
.wiring-page .bill-of-materials .rightPanel .logoRow .logoColumn {
height: fit-content;
text-align: center;
justify-content: center;
align-self: center !important;
}
.wiring-page .bill-of-materials .rightPanel .logoRow .textColumn {
height: fit-content;
text-align: center;
justify-content: center;
display: flex;
padding-bottom: 3.04rem;
display: block !important;
align-self: center !important;
}
.wiring-page .bill-of-materials .rightPanel .centerButton {
margin: auto;
}
.wiring-page .bill-of-materials .rightPanel .logoText {
font-size: 0.625rem;
font-weight: bold;
}
.wiring-page .bill-of-materials .rightPanel .content-map {
height: inherit !important;
width: inherit;
min-height: 6.25rem;
max-height: 17.2rem;
position: relative;
overflow: auto;
}
.wiring-page .bill-of-materials .rightPanel .content-map .map {
height: 100%;
}
.wiring-page .bill-of-materials .rightPanel .content-map .list {
position: relative;
text-align: center;
}
.wiring-page .bill-of-materials .rightPanel .content-map .list .selected .project .image {
-moz-box-shadow: 0px 0px 20px 2px rgba(0, 0, 255, 0.5);
-webkit-box-shadow: 0px 0px 20px 2px rgba(0, 0, 255, 0.5);
box-shadow: 0px 0px 20px 2px rgba(0, 0, 255, 0.5);
}
.wiring-page .bill-of-materials .rightPanel .content-map .list .project {
float: left;
display: inline-block;
width: 33%;
margin-bottom: 50px;
font-weight: bold;
text-align: center;
-webkit-transform-origin: left top;
-moz-transform-origin: left top;
transform-origin: left top;
-webkit-transition: -webkit-transform 2s ease;
-moz-transition: -moz-transform 2s ease;
-o-transition: -o-transform 2s ease;
transition: transform 2s ease;
}
.wiring-page .bill-of-materials .rightPanel .content-map .list .project .image {
width: 70%;
margin: auto;
margin-bottom: 5px;
position: relative;
-moz-box-shadow: 0px 0px 20px 2px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 0px 0px 20px 2px rgba(0, 0, 0, 0.15);
box-shadow: 0px 0px 20px 2px rgba(0, 0, 0, 0.15);
}
.wiring-page .bill-of-materials .rightPanel .content-map .list .project .image img {
width: 100%;
height: 100%;
}
.wiring-page .bill-of-materials .rightPanel .content-map .list .project .error-count {
position: absolute;
top: -10px;
right: 13%;
}
.wiring-page .bill-of-materials .rightPanel .map {
margin-left: 0.938rem;
margin-right: 0.938rem;
margin-bottom: 1.56rem;
width: 100%;
position: unset !important;
border: solid 2px #676767;
}
.wiring-page .bill-of-materials .rightPanel .map > .enyo-google-map-map {
border: solid 4px #000;
}
.wiring-page .bill-of-materials .buyZonesWrapper {
width: 100%;
position: relative;
display: inline-flex;
align-items: left;
justify-content: flex-start;
margin-top: 10px;
margin-bottom: 0.938rem;
}
.wiring-page .bill-of-materials .buyZonesWrapper .text {
margin-right: 0.469rem;
font-size: 0.844rem;
font-family: 'AvenirNext';
}
.wiring-page .footer .register-info {
text-align: left;
justify-content: center;
align-self: center;
height: 0.938rem;
display: flex;
margin: 0.625rem;
}
.wiring-page .footer .register-info .first-column {
display: inline-flex;
align-self: left;
align-self: center;
}
.wiring-page .footer .register-info .second-column {
margin-left: 0.5rem !important;
display: inline-flex;
align-self: center;
}
.wiring-page .footer .submit-success {
margin-left: 0.625rem;
width: 1.88rem;
align-self: center;
height: unset !important;
}
.wiring-page .p20 {
padding: 20px;
}
.wiring-page .page-overflow {
overflow: scroll;
}
.wiring-page .setup .leftPanel .container {
width: 100%;
background-image: linear-gradient(to bottom, #4a4a4a, #474747 53%, #3a3a3a);
display: flex;
align-items: center;
justify-content: center;
}
.wiring-page .setup .leftPanel .scenarios-container {
width: 100%;
background-image: linear-gradient(to bottom, #4a4a4a, #474747 53%, #3a3a3a);
text-align: center;
}
.wiring-page .setup .leftPanel .scenarios-container .icon-wrapper {
width: 100%;
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
}
.wiring-page .setup .leftPanel .scenarios-container .icon-wrapper .icon {
margin: 5px 7px !important;
}
.wiring-page .setup .leftPanel .scenarios-container .scenarios-button {
margin: 10px 0px;
}
.wiring-page .setup .leftPanel .control-components-heading {
font-family: 'OpenSans-Bold';
font-size: 15px;
text-align: center;
color: #d9d9d9;
}
.wiring-page .setup .middlePanel .network-viewer {
background: #fff;
}
.solutions-store .middle-panel {
background-color: white;
}
.solutions-store .middle-panel .banner {
height: 10.9rem;
width: 100%;
background-color: #1D262E;
background-image: url(assets/images/Header_78599f1da11e2529d3af.svg);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
.solutions-store .middle-panel .store-wrapper {
max-width: 54.7rem;
margin: 0 1.56rem;
}
.solutions-store .middle-panel .store-wrapper > * {
padding: 0.625rem 0;
}
.solutions-store .right-panel {
background-color: #464646;
}
.solutions-store .right-panel .total-bar {
padding: 0.625rem 1.56rem;
background-color: #e9e9e9;
border-top: 3px solid #5d7ca7;
}
.solutions-store .flex-center {
display: flex;
align-items: center;
}
.solutions-store .flex-center--column {
display: flex;
align-items: center;
flex-direction: column;
}
.solutions-store .justify--center {
justify-content: center;
}
.solutions-store .justify--space-evenly {
justify-content: space-evenly;
}
.solutions-store .margin-1 {
margin: 0.313rem;
}
.solutions-store .scrollable {
overflow: scroll;
}
.solutions-store .auto-grid {
display: grid;
grid-gap: 1.56rem;
margin: 0.781rem 0.375rem;
}
.solutions-store .auto-grid-large {
grid-template-columns: repeat(auto-fill, minmax(15.6rem, 1fr));
}
.solutions-store .auto-grid-small {
grid-template-columns: repeat(auto-fill, minmax(12.5rem, 1fr));
}
.solutions-store .stack-view {
position: relative;
}
.ModalDialog-module--modalDialog--h55Cf{min-width:23.8rem;min-height:12.3rem;max-width:40.5rem;max-height:23rem;-webkit-backdrop-filter:blur(119.4px);backdrop-filter:blur(119.4px);background-color:rgba(233,233,233,.89);display:flex;flex-direction:column;position:absolute;font-family:"AvenirNext";padding:1.3em;border-radius:12px;box-shadow:0 2px 20px 0 rgba(0,0,0,.5)}.ModalDialog-module--modalDialog--h55Cf .ModalDialog-module--top--bP7wY{display:flex;justify-content:space-between;height:3em}.ModalDialog-module--modalDialog--h55Cf .ModalDialog-module--closeIcon--WFaix{background-size:.938rem;background-repeat:no-repeat}.ModalDialog-module--modalDialog--h55Cf .ModalDialog-module--middle--WNTca{flex:1;display:flex;flex-direction:row;padding:.1em 2.8em 1em 2.8em;gap:1.3em}.ModalDialog-module--modalDialog--h55Cf .ModalDialog-module--mainIcon--RmEAw{display:flex;width:2.6rem;background-size:2.6rem;background-repeat:no-repeat}.ModalDialog-module--modalDialog--h55Cf .ModalDialog-module--icon-warning--zCbb6{background-image:url(assets/images/caution_bright_fa412e67403bd61a4414.svg)}.ModalDialog-module--modalDialog--h55Cf .ModalDialog-module--icon-error--TkoEe{filter:invert(39%) sepia(91%) saturate(7491%) hue-rotate(354deg) brightness(93%) contrast(126%);background-image:url(assets/images/Attention_7f9014a00713cad2ed0d.svg)}.ModalDialog-module--modalDialog--h55Cf .ModalDialog-module--icon-success--vLzbo{background-image:url(assets/images/CheckGreen_e903102bfe9dbc06ec97.svg)}.ModalDialog-module--modalDialog--h55Cf .ModalDialog-module--copyContainer--py2wB{display:flex;flex-direction:column;justify-content:center;align-items:center}.ModalDialog-module--modalDialog--h55Cf .ModalDialog-module--title--I5Qbb{font-size:2rem;font-weight:600;justify-content:center;text-align:center}.ModalDialog-module--modalDialog--h55Cf .ModalDialog-module--body--sp5iZ{margin:1.713rem 0 .313rem 0;line-height:2.5rem;font-size:1.375rem;justify-content:center;text-align:center;font-weight:400}.ModalDialog-module--modalDialog--h55Cf .ModalDialog-module--bottom--wxr_q{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:center;align-items:center;gap:.15em;padding:.5em 1.5em 2.8em 1.5em}.ModalDialog-module--modalDialog--h55Cf .ModalDialog-module--bottom--wxr_q.ModalDialog-module--footer--PBvOT{padding:.5em 1.5em 1.5em 1.5em}.ModalDialog-module--modalDialog--h55Cf .ModalDialog-module--button--ZN6Ut{width:7.97rem;height:1.88rem;margin-bottom:.24em !important}.ModalDialog-module--modalDialog--h55Cf .ModalDialog-module--action-button--CtxSq{color:#fff;background-color:#f19e21;padding:.375rem 3.13rem;border-radius:36px;border:0}.ModalDialog-module--modalDialog--h55Cf .ModalDialog-module--footer-text--DLfk4{font-size:.938rem;text-transform:none}.ModalDialog-module--modalDialog--h55Cf .ModalDialog-module--footer-text--DLfk4.ModalDialog-module--link--vaO3d{text-decoration:underline;cursor:pointer;color:#e0902f;margin-left:.1rem}.ModalDialog-module--modalDialogScrim--Oww01{background:green}@media only screen and (max-width: 768px){.ModalDialog-module--modalDialog--h55Cf{min-width:18rem;max-width:25rem;min-height:14rem;max-height:25rem;padding:1.2em 1.5em;border-radius:0px}.ModalDialog-module--modalDialog--h55Cf .ModalDialog-module--title--I5Qbb{font-size:1.8rem;font-weight:650}.ModalDialog-module--modalDialog--h55Cf .ModalDialog-module--body--sp5iZ{font-size:.78rem;line-height:1.25rem}.ModalDialog-module--modalDialog--h55Cf .ModalDialog-module--middle--WNTca{display:block;padding:2.9em 1.5em}.ModalDialog-module--modalDialog--h55Cf .ModalDialog-module--action-button--CtxSq{padding:.25rem 1.5rem}.ModalDialog-module--modalDialog--h55Cf .ModalDialog-module--button--ZN6Ut{width:6rem;height:1.5rem}.ModalDialog-module--modalDialog--h55Cf .ModalDialog-module--bottom--wxr_q{gap:.15em;padding:.5em 1.5em 2.8em 1.5em}.ModalDialog-module--modalDialog--h55Cf .ModalDialog-module--bottom--wxr_q.ModalDialog-module--footer--PBvOT{padding:2.9em 1.5em 3.5em 1.5em}.ModalDialog-module--modalDialog--h55Cf .ModalDialog-module--footer-text--DLfk4{font-size:.78rem}}
.CustomListItem-module--custom-list-item--_oZTB{display:flex;align-items:center;font-size:1rem}.CustomListItem-module--icon-button--F7zm_{background:rgba(0,0,0,0);border:none;box-shadow:none;padding:0}.CustomListItem-module--item-title--FGuSo{flex-grow:1;text-overflow:ellipsis;white-space:nowrap;padding:0 .75rem;overflow:hidden;text-align:left}.CustomListItem-module--flex-row--mfLHX{display:flex;flex-direction:row;align-items:center}
.SwipeContainer-module--swipe-container--KRpVt{display:flex;overflow:hidden}.SwipeContainer-module--swipe-container--KRpVt button{flex:1;border:none;border-radius:0;color:#000;appearance:none}.SwipeContainer-module--swipe-container--KRpVt button.pl-delete{background-color:red}.SwipeContainer-module--swipe-container--KRpVt.SwipeContainer-module--vertical--cWzqY{flex-direction:column-reverse}.SwipeContainer-module--client--uJuLN{flex:1;overflow:hidden}.SwipeContainer-module--revealed-slot--yt7Z8{display:flex;justify-content:stretch;transition:all 300ms ease}.dragging .SwipeContainer-module--revealed-slot--yt7Z8{transition-duration:0s}
.GrabberListItem-module--grabber-list-item--MswyZ{display:flex}.GrabberListItem-module--grabber-list-item--MswyZ:nth-child(even) .GrabberListItem-module--core-item--GIbtX{background-color:#ececec}.GrabberListItem-module--grabber-list-item--MswyZ .selected.GrabberListItem-module--core-item--GIbtX{background-color:#f0e9d9}.GrabberListItem-module--core-item--GIbtX{flex:1;padding:0 .625rem;height:calc(var(--hit-scale-factor)*2.13rem);font-size:calc(var(--hit-scale-factor)*.844rem);font-weight:bold;font-variation-settings:normal;color:#5a5960;border-radius:3px;background-color:#e5e4e4;overflow:hidden;cursor:pointer}.GrabberListItem-module--core-item--GIbtX:nth-child(odd){background-color:#ececec}.GrabberListItem-module--core-item--GIbtX.selected{background-color:#f0e9d9}.GrabberListItem-module--grabbing--rNzc2 .GrabberListItem-module--core-item--GIbtX{cursor:grab}.GrabberListItem-module--grabber--Ox4zG{background-image:url(assets/images/list-item-secondary-grabber_070219f23d1646f12b0c.svg);background-size:contain;width:.563rem;height:1.31rem;margin-right:.156rem;cursor:grab}.GrabberListItem-module--item-title--skKA8{padding-left:0}.GrabberListItem-module--draggable--Iayyo .GrabberListItem-module--grabber--Ox4zG{display:block}.GrabberListItem-module--draggable--Iayyo .GrabberListItem-module--hide--hWUT3{display:none}.GrabberListItem-module--draggable--Iayyo .GrabberListItem-module--item-title--skKA8{padding-left:.625rem}
.Spacer-module--flex-spacer--hOpnC{flex-grow:1;width:.938rem}.Spacer-module--flex-spacer--hOpnC.Spacer-module--small--_1s4f{width:1rem;min-width:1rem}.Spacer-module--icon--ytuHR{height:2.31rem;width:1.25rem;padding:0px 0px;margin:0px .125rem !important}.Spacer-module--line--DQGeI{width:.219rem;height:1.88rem;margin:.75rem 1rem .375rem;border-radius:3px;box-shadow:inset .1px 1px 1.5px 0 #040404,inset -0.1px -1px .5px 0 rgba(167,167,167,.94);background-blend-mode:hard-light;background-image:linear-gradient(270deg, #747474, #2b2b2b)}
.FontBook-module--fontBook--LBJM7{display:flex;flex-direction:row}.FontBook-module--fontBook--LBJM7 .FontBook-module--fontBookRepeater--HK44T{display:flex;flex-direction:row;flex-wrap:wrap;flex:1}.FontBook-module--fontBook--LBJM7 .FontBook-module--fontBookContainer--VX_96{display:flex;flex-wrap:wrap}.FontBook-module--fontBook--LBJM7 .FontBook-module--fontBookItem--YR0Xl{display:flex;flex-direction:column;width:9.38rem;height:3.13rem;justify-content:space-evenly;background:#d3d3d3;margin:.313rem;padding:.313rem}
.DistributionWidget-module--baseDistributionWidget--U58LF{display:inline-flex;background-color:#393838;border-radius:5px;width:fit-content}.DistributionWidget-module--baseDistributionWidget--U58LF.DistributionWidget-module--light--Ustg0{background-color:#b2b2b2}.DistributionWidget-module--baseDistributionWidget--U58LF.DistributionWidget-module--dark--ksDw5{background-color:#393838}.DistributionWidget-module--baseDistributionWidget--U58LF.DistributionWidget-module--property--Bmzl4{height:2.5rem}.DistributionWidget-module--baseDistributionWidget--U58LF.DistributionWidget-module--query--OCOZ2{height:2.88rem}.DistributionWidget-module--baseDistributionWidget--U58LF.DistributionWidget-module--query--OCOZ2 .DistributionWidget-module--hive-distribution-popup--mxq9E{height:3.44rem !important;max-height:3.44rem;width:3.56rem !important}.DistributionWidget-module--baseDistributionWidget--U58LF .DistributionWidget-module--distribution-button-base--Nvlyh{display:inline-flex;width:3.44rem}
.ListItemActionButton-module--list-item-action-button--ys8na{display:flex;flex:1;align-items:center;justify-content:center;font-size:.875rem;font-weight:700;width:3rem;border:none;border-radius:0;background-size:.875rem;background-repeat:no-repeat;background-position:center}.ListItemActionButton-module--list-item-action-button--ys8na.ListItemActionButton-module--delete--zJU0L{background-color:#e27c6f;background-image:url(assets/images/delete_symbol_f7dd590529acdf1e7c48.svg);color:#fff}
.BooleanListItem-module--boolean-list-item--Odgg9{flex:1;height:2.13rem;font-size:.844rem;font-weight:bold;font-variation-settings:normal;color:#5a5960;border-radius:3px;background-color:#e5e4e4;overflow:hidden;cursor:pointer;height:3.59rem !important;background-color:#f2f2f2;border-radius:inherit}.BooleanListItem-module--boolean-list-item--Odgg9 .input-text{font-size:14px !important}.BooleanListItem-module--boolean-list-item--Odgg9 .controlParent{padding:0 .313rem 0 0 !important}.BooleanListItem-module--boolean-list-item--Odgg9 *{height:inherit;display:inline-flex;align-items:center}.BooleanListItem-module--core-item--o20TD{background-color:#f2f2f2;box-shadow:inset -0.00438rem .0891rem .0669rem 0 hsla(0,0%,100%,.2),inset 0 0 .0134rem 0 rgba(82,82,82,.2),inset .00438rem -0.0891rem .0669rem 0 rgba(0,0,0,.2)}.BooleanListItem-module--title-wrapper--ffeJL{display:flex;flex-direction:column;justify-content:space-evenly;height:fit-content;align-items:flex-start}.BooleanListItem-module--title-wrapper--ffeJL .BooleanListItem-module--subtext--p5J7z{font-size:.531rem;text-transform:uppercase;width:100%}.button{border-radius:3px}.BooleanListItem-module--grabber--dhGZ1{background-image:require("@repo/assets/images/hive-images/small-icons/dot-grabber-single-column.svg");background-size:contain;width:.563rem;height:1.31rem;margin-right:.156rem;cursor:grab;height:1.25rem;width:.268rem;background-size:contain;background-position:center}.BooleanListItem-module--distribution--tTIv8{min-width:10.9rem}
.NotificationPopup-module--notification-popup--dJ8dM{background-color:#f4f4f4;color:#353438;padding:1.63rem 2rem 1.25rem 2rem;width:26.9rem;border:none;box-shadow:none;filter:drop-shadow(1.5px 1.5px 24px rgba(40, 28, 15, 0.12))}.NotificationPopup-module--notification-popup--dJ8dM~.NotificationPopup-module--notification-popup--dJ8dM::after{display:none}.NotificationPopup-module--notification-popup--dJ8dM~.enyo-scrim.enyo-scrim-transparent{display:unset}.NotificationPopup-module--notification-popup--dJ8dM .onyx-contextual-popup-title{background-position:top left;background-repeat:no-repeat;background-size:2.25rem;font-size:1.13rem;font-weight:bold;line-height:normal;min-height:2.25rem;padding:.375rem 0 0 0}.NotificationPopup-module--notification-popup--dJ8dM .onyx-contextual-popup-scroller{padding:.625rem 0 0 0}.NotificationPopup-module--notification-popup--dJ8dM .onyx-contextual-popup-action-buttons{padding:2rem 0 0 0;display:flex;justify-content:space-between}.NotificationPopup-module--notification-popup--dJ8dM .onyx-contextual-popup-action-buttons:empty{display:none}.NotificationPopup-module--notification-popup--dJ8dM .onyx-contextual-popup-action-buttons .onyx-contextual-popup-action-button{margin:0;border:none;background:unset;border-radius:1000px;box-shadow:inset .1px -1.3px 1px 0 rgba(0,0,0,.2),inset -0.1px 1px 1px 0 hsla(0,0%,100%,.75),inset 0 0 8px 0 rgba(89,89,89,.1);font-size:1rem;font-weight:600;font-variation-settings:unset;height:2.5rem;min-width:6.25rem}.NotificationPopup-module--notification-popup--dJ8dM .onyx-contextual-popup-action-buttons .destructive{border-image-source:linear-gradient(to bottom, #575757, #a9a9a9);background-color:#e75531;color:#fff}.NotificationPopup-module--notification-popup--dJ8dM .onyx-contextual-popup-action-buttons .primary{background-color:#f29f00}.NotificationPopup-module--notification-popup--dJ8dM .onyx-contextual-popup-action-buttons .secondary{background-color:#fafafb}.NotificationPopup-module--notification-popup--dJ8dM.vertical::after{border-bottom:10px solid #f4f4f4}.NotificationPopup-module--notification-popup--dJ8dM.vertical.left::after{margin-left:-33px}.NotificationPopup-module--notification-popup--dJ8dM.vertical.above::after{border-top:10px solid #f4f4f4}.NotificationPopup-module--notification-popup--dJ8dM.vertical.below.right::after{border-bottom:10px solid #f4f4f4}.NotificationPopup-module--notification-popup--dJ8dM.vertical.below.left.corner::after{border-right:10px solid #4c4c4c}.NotificationPopup-module--notification-popup--dJ8dM.vertical.below.right.corner::after{border-left:10px solid #4c4c4c}.NotificationPopup-module--notification-popup--dJ8dM.vertical.left.above.corner::after{border-right:10px solid #4c4c4c}.NotificationPopup-module--notification-popup--dJ8dM.vertical.right.above.corner::after{border-left:10px solid #4c4c4c}.NotificationPopup-module--notification-popup--dJ8dM.right::after{border-left:10px solid #f4f4f4}.NotificationPopup-module--notification-popup--dJ8dM.right.high::after{border-left:10px solid #f4f4f4}.NotificationPopup-module--notification-popup--dJ8dM.right.low::after{border-left:10px solid #f4f4f4}.NotificationPopup-module--notification-popup--dJ8dM.right.low.corner::after{border-bottom:10px solid #4c4c4c}.NotificationPopup-module--notification-popup--dJ8dM.right.high.corner::after{border-top:10px solid #4c4c4c}.NotificationPopup-module--notification-popup--dJ8dM.left::after{border-right:10px solid #f4f4f4}.NotificationPopup-module--notification-popup--dJ8dM.left.high::after{border-right:10px solid #f4f4f4}.NotificationPopup-module--notification-popup--dJ8dM.left.low::after{border-right:10px solid #f4f4f4}.NotificationPopup-module--notification-popup--dJ8dM.left.low.corner::after{border-bottom:10px solid #4c4c4c;border-right:10px solid #4c4c4c}.NotificationPopup-module--notification-popup--dJ8dM.left.high.corner::after{border-top:10px solid #4c4c4c}.NotificationPopup-module--delete--tu4h8 .onyx-contextual-popup-title{background-image:url(assets/images/v-2-glyph-notification-delete_1bc78d0ed34655013426.svg);padding-left:3.25rem}.NotificationPopup-module--warning--mpxZU .onyx-contextual-popup-title{background-image:url(assets/images/v-2-glyph-notification-warning_2ff9f92193d4ed8c32e8.svg);padding-left:3.25rem}.NotificationPopup-module--error--kSWCP .onyx-contextual-popup-title{background-image:url(assets/images/v-2-glyph-notification-error_30cc23afd284a1e5e1a5.svg);padding-left:3.25rem}.NotificationPopup-module--success--Ez93P .onyx-contextual-popup-title{background-image:url(assets/images/v-2-glyph-notification-success_aecc02773c2b49eb9fcf.svg);padding-left:3.25rem}
.SpinnyBoi-module--spinny-boi-container--BreKT{margin-top:-2.81rem;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.SpinnyBoi-module--spinny-boi--q9qq0{height:3.13rem;width:3.13rem}.SpinnyBoi-module--spinny-boi--q9qq0:after{content:" ";display:block;width:80%;height:80%;margin:10%;border-radius:50%;border:solid #ddd;border-color:#ddd rgba(0,0,0,0) #ddd rgba(0,0,0,0);animation:SpinnyBoi-module--spinny-boi--q9qq0 1.2s linear infinite}@keyframes SpinnyBoi-module--spinny-boi--q9qq0{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.SpinnyBoi-module--spinner-background-overlay--YDwg_{position:fixed;top:0px;left:0px;width:100vw;height:100vh;background-color:gray;opacity:25%}
.Loader-module--loader--YFFOg{position:relative;width:6.25rem;height:6.25rem;background:#f5a700;transform:rotateX(65deg) rotate(45deg);color:#fff;animation:Loader-module--layers1--arTaj 1s cubic-bezier(0.65, 0.05, 0.36, 1) infinite alternate;margin:3.13rem 0 0 1.56rem;border:solid .25px;border-radius:.625rem;background-image:var(--glyph-auto-layout);background-repeat:no-repeat;background-position:50%;background-size:cover}.Loader-module--loader--YFFOg:before{content:"";position:absolute;inset:0;background:hsla(0,0%,100%,.35);animation:Loader-module--layerTrA--cE1Ag 1s cubic-bezier(0.65, 0.05, 0.36, 1) infinite alternate;border:solid .25px;border-radius:.625rem;box-shadow:inset .1px -1px 8px 0 rgba(0,0,0,.16),inset -0.1px 1px 8px 0 hsla(0,0%,100%,.1),inset 0 1px 4px 0 rgba(106,106,106,.16)}.Loader-module--loader--YFFOg:after{content:"";position:absolute;inset:0;background:hsla(0,0%,100%,.35);animation:Loader-module--layerTrB--CZHVJ 1s cubic-bezier(0.65, 0.05, 0.36, 1) infinite alternate;border:solid .25px;border-radius:.625rem;box-shadow:inset .1px -1px 8px 0 rgba(0,0,0,.31),inset -0.1px 1px 8px 0 hsla(0,0%,100%,.2),inset 0 1px 4px 0 rgba(106,106,106,.33)}@keyframes Loader-module--layers1--arTaj{0%{box-shadow:12px 12px 1px -4px,inset .1px -1px 8px 0 rgba(0,0,0,.73),inset -0.1px 1px 8px 0 hsla(0,0%,100%,.4),inset 0 1px 4px 0 rgba(106,106,106,.69)}90%,100%{box-shadow:12px 12px 0px 0px,inset .1px -1px 8px 0 rgba(0,0,0,.73),inset -0.1px 1px 8px 0 hsla(0,0%,100%,.4),inset 0 1px 4px 0 rgba(106,106,106,.69)}}@keyframes Loader-module--layerTrA--cE1Ag{0%{transform:translate(-20px, -20px) scale(1)}100%{transform:translate(-75px, -75px) scale(1.125)}}@keyframes Loader-module--layerTrB--CZHVJ{0%{transform:translate(-10px, -10px) scale(1)}100%{transform:translate(-35px, -35px) scale(1.075)}}
.Splash-module--splash--zLNPE{display:flex;flex-direction:column;width:100vw;height:100vh;justify-content:center;align-items:center;color:#fff;font-style:italic;background:#000}
.hive-virtual-keyboard-module--keyboard--Vck2L{position:fixed;bottom:0;left:0;width:100%;height:35%;display:flex;flex-direction:column;background-color:#f0f0f0;border-top:1px solid #ccc;transform:translateY(100%);transition:transform .3s ease;padding:10px 0;box-sizing:border-box;z-index:10000;touch-action:none}.hive-virtual-keyboard-module--row--WTdd5{display:flex;justify-content:center;flex:1}.hive-virtual-keyboard-module--key--uQJwe{font-size:1.5em;font-weight:450;display:flex;justify-content:center;align-items:center;width:5%;padding:10px;border:1px solid #ccc;text-align:center;cursor:pointer;margin:5px;background-color:#fff;border-radius:10px;transition:background-color .3s ease}.hive-virtual-keyboard-module--key--uQJwe.hive-virtual-keyboard-module--spacebar--qzL73{width:35%}.hive-virtual-keyboard-module--key--uQJwe.hive-virtual-keyboard-module--backspace--Jv6fI{width:7%;background-image:url(assets/images/backspace_6e6805b171a7fa5ea89e.svg);background-size:75% 75%;background-position:center;background-repeat:no-repeat}.hive-virtual-keyboard-module--key--uQJwe.hive-virtual-keyboard-module--shift--Zto3M{width:7%;background-size:50% 50%;background-position:center;background-repeat:no-repeat}.hive-virtual-keyboard-module--key--uQJwe.hive-virtual-keyboard-module--shift--Zto3M.hive-virtual-keyboard-module--active--ByvuS{background-image:url(assets/images/shift_active_833b9ca6c950af74334f.svg)}.hive-virtual-keyboard-module--key--uQJwe.hive-virtual-keyboard-module--shift--Zto3M.hive-virtual-keyboard-module--inactive--XIBiX{background-image:url(assets/images/shift_inactive_dbaf837a6645c6615d2b.svg)}.hive-virtual-keyboard-module--key--uQJwe.hive-virtual-keyboard-module--shift--Zto3M.hive-virtual-keyboard-module--disabled--EaRTK{pointer-events:none;background-color:#e9e9e9;background-image:url(assets/images/shift_disabled_6f10fb575fc78418bdf5.svg);border:none}.hive-virtual-keyboard-module--key--uQJwe:hover{background-color:#e0e0e0}
.LayoutBase-module--main--uY3qZ{width:100%;height:100%}.LayoutBase-module--flex-fill--JESuS{flex:1}
.InfoText-module--info-text--Q7RXu{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;max-width:100%;font-weight:500;padding-top:.313rem}.InfoText-module--icon-gray--SzNS8{display:block;min-width:16px;max-width:16px;min-height:16px;max-height:16px;margin-right:10px;background-image:url(assets/images/icon-information-gray_cd493f7c6f3d137e56b4.svg)}.InfoText-module--text-gray--FPml2{text-align:left;font-size:.8em;color:#565656}.InfoText-module--icon-red--EP13u{display:block;min-width:16px;max-width:16px;min-height:16px;max-height:16px;margin-right:10px;background-image:url(assets/images/icon-information-red_4cd2dc1b38bf8257f834.svg)}.InfoText-module--text-red--jdbx9{text-align:left;font-size:.8em;color:#ff624d}
.PasswordStrength-module--password-strength--sEH_U{display:flex;flex-direction:column;margin-top:10px}.PasswordStrength-module--indicator--wRdyC{display:flex;flex-direction:row;justify-content:space-around}.PasswordStrength-module--pill--NhW11{flex:1;background-color:#e5e5e5;min-width:10px;max-width:400px;height:4px;border-radius:5px}.PasswordStrength-module--label--WR0sZ{align-self:flex-start;margin-top:5px;font-size:.781rem;font-weight:bold}
.AuthTopBar-module--auth-top-bar--DfT5a{background-color:rgba(255,255,254,.84);height:40px;width:100%;margin:0;display:flex;align-items:center}.AuthTopBar-module--logo--AUe57{background-image:url(assets/images/pl-dark-tm_3e35e7973dd88bf070f4.svg);background-repeat:no-repeat;background-size:contain;height:30px;margin-top:.313rem;margin-bottom:.313rem;width:100%}.AuthTopBar-module--logo-alliance--rMmVm{background-image:url(assets/images/alliance-logo_d44f5b63b25e627320c4.svg);background-repeat:no-repeat;background-size:contain;height:20px;margin-top:.313rem;margin-bottom:.313rem;width:100%}.AuthTopBar-module--marginLeft--wOkDv{margin-left:3.13rem}.AuthTopBar-module--backgroundCenter--Wkuga{background-position:center}
.AuthBottomBar-module--auth-bottom-bar--StFhu{display:flex;flex-direction:row !important;align-items:center;justify-content:center;width:100%;height:100px;background-color:rgba(0,0,0,0);align-self:flex-end}.AuthBottomBar-module--flexColumn--f1Cse{flex-direction:column}.AuthBottomBar-module--legalStuff--M49HS{margin:.781rem;font-size:calc(var(--legibility-scale-factor)*.781rem)}
.LoadingButton-module--loading-button--T56lz{display:flex;align-items:center;justify-content:center;height:calc(var(--hit-scale-factor)*40px);background-color:#f19e21;border-radius:5px}.LoadingButton-module--qa-loading-button--g7Ti2{display:flex;align-items:center;justify-content:center;height:calc(var(--hit-scale-factor)*40px);background-color:#4990d0;border-radius:5px}.LoadingButton-module--qa-loading-button--g7Ti2.LoadingButton-module--disabled--nq49h{background-color:#bdd5ed}.LoadingButton-module--qa-loading-button--g7Ti2:active{background-color:#3e79b4}.LoadingButton-module--loading-button--T56lz:active{background-color:#feb140}.LoadingButton-module--text--vBCn5{font-weight:700;font-size:calc(var(--legibility-scale-factor)*15px);color:#fff}.LoadingButton-module--disabled--nq49h{background-color:#fbe1bc}.LoadingButton-module--completed--EH0o1{animation:LoadingButton-module--fade-in-up-animation--WTkhd .5s ease both}@keyframes LoadingButton-module--fade-in-up-animation--WTkhd{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}
.UploadImageCard-module--upload-image-card--XFWCe{display:flex;flex-direction:row;background-color:#fff;padding:2px !important;max-width:65px;border-radius:3px;border:1px solid #e6e6e6 !important;box-shadow:0 0 10px #fbfbfb}.UploadImageCard-module--glyph--HTcis{display:flex;justify-content:center;align-items:center;width:65px;height:65px;background-color:#989898;border-radius:3px}.UploadImageCard-module--image--keNBO{width:40px;height:40px;background-image:url(assets/images/upload2_2b63593ccef1502f2c0e.svg);background-size:cover}.UploadImageCard-module--upload--SYvKR{margin-left:20px;align-self:center;font-size:.8em}.UploadImageCard-module--drag--I9nTd{margin-left:4px;align-self:center;font-size:.8em}
.SimplePicker-module--simple-picker--yu_hG{position:relative}.SimplePicker-module--check-box--ivlVk{background-color:rgba(0,0,0,0);border:0px;background-image:url(assets/images/chevron_779254552a6f975b656f.svg);background-size:contain;background-position-y:center;background-repeat:no-repeat;cursor:pointer;width:.625rem;height:.625rem;appearance:none;-webkit-appearance:none;padding:0px}.SimplePicker-module--login--UvNol{background-image:url(assets/images/chevron-2_61c607bb99397366b3b2.svg)}.SimplePicker-module--check-box--ivlVk:checked{rotate:180deg}.SimplePicker-module--picker-options--yy6NP{right:0;z-index:10;width:11.3rem;text-align:left;position:absolute;border-radius:2px;border-width:1px;border-style:solid;border-color:#b3b3b3;margin:.625rem 0 0rem 1.75rem;background-color:#edeff1;box-shadow:inset -0.1px 1.3px 1px 0 rgba(0,0,0,.2),inset .1px -1px 1px 0 hsla(0,0%,100%,.75),inset 0 0 8px 0 rgba(89,89,89,.1)}.SimplePicker-module--picker-option--gJ4pS{cursor:pointer;display:flex;align-items:center;height:2.38rem;color:#5a5960;font-size:1rem;font-weight:500;padding:0rem .625rem}.SimplePicker-module--picker-option--gJ4pS:hover{background-color:rgba(242,159,0,.09)}
.OrganizationInvitesList-module--organization-invites-list--06pdL{width:31.3rem;display:flex;flex-direction:column;align-items:flex-start}.OrganizationInvitesList-module--wrapper--UQPsZ{display:flex;flex-direction:row;align-items:center;width:100%}.OrganizationInvitesList-module--field-wrapper--xx7HH{position:relative;width:100%}.OrganizationInvitesList-module--text-field--jGNGL{min-height:auto;height:40px;border-radius:5px;background:#fff;border:1px solid #f2f1f1;padding-right:4.69rem}.OrganizationInvitesList-module--type-button--OTlWj{position:absolute;right:0px;top:7%;background-color:rgba(0,0,0,0) !important;border-radius:0px !important;box-shadow:unset !important;border:0px !important}.OrganizationInvitesList-module--button--kkS10{font-size:.844rem;font-weight:500;margin-left:1.56rem;align-self:center;justify-content:center;background-color:#fff;color:#5d5c62;border-radius:5px;padding:7px 15px;box-shadow:0 0 2px #eee;border:2px solid #f2f1f1}.OrganizationInvitesList-module--picker-title--W7SFJ{border:solid 0px rgba(0,0,0,0) !important;background-color:rgba(0,0,0,0) !important;box-shadow:none !important}.OrganizationInvitesList-module--repeater--ROzKf{margin:1.56rem 0rem}.OrganizationInvitesList-module--email-wrapper--iKHA3{display:flex;height:40px;width:31.3rem;flex-direction:row;align-items:center;font-size:.844rem;font-weight:500}.OrganizationInvitesList-module--email-wrapper--iKHA3:nth-child(odd){background-color:#f0f0f0}.OrganizationInvitesList-module--email-view--_es9r{margin-left:.938rem;margin-right:auto}.OrganizationInvitesList-module--role-view--rb6pE{margin-right:.313rem}.OrganizationInvitesList-module--info-text--noKZ2{order:5;margin-bottom:.313rem}.OrganizationInvitesList-module--picker--TWSbv{margin-right:.781rem}
.Checkbox-module--checkbox--wCAS_{display:flex}.Checkbox-module--box--L_M2V{border:unset;background-image:url(assets/images/checkbox_224484bee39fc741746f.svg);background-repeat:no-repeat;background-size:contain;cursor:pointer;width:.938rem;height:.938rem;appearance:none;-webkit-appearance:none;padding:0px}.Checkbox-module--box--L_M2V:checked{padding:0px;background-image:url(assets/images/checkbox-checked_58735ac45f1bdf98de36.svg);background-repeat:no-repeat;background-size:contain}
.SmallOrganizationCard-module--small-organization-card--q2TRA{display:flex;align-items:center;justify-content:space-between;flex-direction:row;max-width:400px;min-height:55px;border-radius:3px;padding:1em;cursor:pointer;margin-bottom:1.3em;background-color:#fff;border:1px solid #e6e6e6 !important;box-shadow:0 0 10px #eee}.SmallOrganizationCard-module--org--G1pqN{display:flex;align-items:center;flex-direction:row;justify-content:center}.SmallOrganizationCard-module--name--yP8F1{align-self:center;margin-left:10px;font-size:1.5em;font-weight:500}.SmallOrganizationCard-module--action--aA45y{align-self:flex-end;width:13px;height:13px;margin-bottom:20px;background-image:url(assets/images/chevron-2_61c607bb99397366b3b2.svg)}
.DefaultImage-module--default-image--lpw5I{display:flex;justify-content:center;align-items:center;width:33px;height:33px;border-radius:3px}.DefaultImage-module--text--XHuZB{font-size:1.06rem;color:#fff;max-width:45px;display:inline-flex;align-items:center}
.FlatButton-module--flat-button--M2CYe{display:flex;justify-content:center;padding:1em !important;margin-bottom:1em;background-color:#fff;max-width:400px;border-radius:3px;border:1px solid #f2f1f1 !important;box-shadow:0 0 10px #eee}.FlatButton-module--icon--WsqKg{width:8px;height:18px;padding-right:10px;background-image:url(assets/images/plus_84478f1596d8d93aef24.svg)}