openmct/platform/commonUI/general/res/css/theme-espresso.css
Victor Woeltjen 10863514cb [Licenses] Add license headers
WTD-1051.
2015-05-13 16:43:30 -07:00

3168 lines
102 KiB
CSS

/*****************************************************************************
* Open MCT Web, Copyright (c) 2014-2015, United States Government
* as represented by the Administrator of the National Aeronautics and Space
* Administration. All rights reserved.
*
* Open MCT Web is licensed under the Apache License, Version 2.0 (the
* "License"); you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
* http://www.apache.org/licenses/LICENSE-2.0.
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
* WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
* License for the specific language governing permissions and limitations
* under the License.
*
* Open MCT Web includes source code licensed under additional open source
* licenses. See the Open Source Licenses file (LICENSES.md) included with
* this source code distribution or the Licensing information page available
* at runtime from the About dialog for additional information.
*****************************************************************************/
/* CONSTANTS */
/* line 17, ../../../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font: inherit;
font-size: 100%;
vertical-align: baseline; }
/* line 22, ../../../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
html {
line-height: 1; }
/* line 24, ../../../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
ol, ul {
list-style: none; }
/* line 26, ../../../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
table {
border-collapse: collapse;
border-spacing: 0; }
/* line 28, ../../../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
text-align: left;
font-weight: normal;
vertical-align: middle; }
/* line 30, ../../../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
quotes: none; }
/* line 103, ../../../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after {
content: "";
content: none; }
/* line 32, ../../../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
a img {
border: none; }
/* line 116, ../../../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
display: block; }
/* line 2, ../sass/_effects.scss */
.disabled,
a.disabled {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
opacity: 0.3;
pointer-events: none !important;
cursor: default !important; }
/* line 8, ../sass/_effects.scss */
.incised {
-webkit-box-shadow: inset rgba(0, 0, 0, 0.8) 0 1px 5px;
-moz-box-shadow: inset rgba(0, 0, 0, 0.8) 0 1px 5px;
box-shadow: inset rgba(0, 0, 0, 0.8) 0 1px 5px;
border-bottom: 1px solid rgba(255, 255, 255, 0.3); }
/* line 13, ../sass/_effects.scss */
.outline {
border: 1px solid #666666; }
/* line 17, ../sass/_effects.scss */
.test-stripes {
background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 0, 0.1) 25%, transparent 25%, transparent 50%, rgba(255, 255, 0, 0.1) 50%, rgba(255, 255, 0, 0.1) 75%, transparent 75%, transparent 0%);
background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 0, 0.1) 25%, transparent 25%, transparent 50%, rgba(255, 255, 0, 0.1) 50%, rgba(255, 255, 0, 0.1) 75%, transparent 75%, transparent 0%);
background-image: -o-linear-gradient(-45deg, rgba(255, 255, 0, 0.1) 25%, transparent 25%, transparent 50%, rgba(255, 255, 0, 0.1) 50%, rgba(255, 255, 0, 0.1) 75%, transparent 75%, transparent 0%);
background-image: linear-gradient(-45deg, rgba(255, 255, 0, 0.1) 25%, transparent 25%, transparent 50%, rgba(255, 255, 0, 0.1) 50%, rgba(255, 255, 0, 0.1) 75%, transparent 75%, transparent 0%);
background-repeat: repeat;
background-size: 40px 40px; }
/* line 21, ../sass/_effects.scss */
.test {
background-color: rgba(255, 204, 0, 0.2); }
/* line 1, ../sass/_global.scss */
a {
color: #ccc;
cursor: pointer;
text-decoration: none; }
/* line 5, ../sass/_global.scss */
a:hover {
color: #fff; }
/* line 10, ../sass/_global.scss */
body, html {
background-color: #333333;
color: #999999;
font-family: Helvetica, Arial, sans-serif;
font-size: 100%;
height: 100%;
width: 100%;
overflow: hidden; }
/* line 20, ../sass/_global.scss */
em {
font-style: normal; }
/* line 25, ../sass/_global.scss */
input, textarea {
font-family: Helvetica, Arial, sans-serif; }
/* line 29, ../sass/_global.scss */
h1, h2, h3 {
margin: 0; }
/* line 33, ../sass/_global.scss */
h1 {
font-size: 1.7em;
font-weight: normal !important;
line-height: 120%;
margin-bottom: 20px;
margin-top: 0; }
/* line 41, ../sass/_global.scss */
p {
margin-bottom: 10px; }
/* line 45, ../sass/_global.scss */
span {
/* 618 DEBUG
box-sizing: border-box;
*/ }
/* line 51, ../sass/_global.scss */
.abs, .btn-menu span.l-click-area {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
height: auto;
width: auto; }
/* line 61, ../sass/_global.scss */
.code, .codehilite {
font-family: "Lucida Console", monospace;
font-size: 0.7em;
line-height: 150%;
white-space: pre; }
/* line 68, ../sass/_global.scss */
.codehilite {
background-color: rgba(255, 255, 255, 0.1);
padding: 1em; }
/* line 74, ../sass/_global.scss */
.align-right {
text-align: right; }
/* line 78, ../sass/_global.scss */
.centered {
text-align: center; }
/* line 82, ../sass/_global.scss */
.no-margin {
margin: 0; }
/* line 86, ../sass/_global.scss */
.colorKey {
color: #0099cc; }
/* line 90, ../sass/_global.scss */
.ds {
-webkit-box-shadow: rgba(0, 0, 0, 0.7) 0 4px 10px 2px;
-moz-box-shadow: rgba(0, 0, 0, 0.7) 0 4px 10px 2px;
box-shadow: rgba(0, 0, 0, 0.7) 0 4px 10px 2px; }
/* line 95, ../sass/_global.scss */
.hide,
.hidden {
display: none !important; }
/* line 99, ../sass/_global.scss */
.sep {
color: rgba(255, 255, 255, 0.2); }
@font-face {
/*
* Use https://www.web-font-generator.com/ to gen fonts
*/
font-family: 'symbolsfont';
src: url("../fonts/symbols/wtdsymbols.eot");
src: url("../fonts/symbols/wtdsymbols.eot?#iefix") format("embedded-opentype"), url("../fonts/symbols/wtdsymbols.woff") format("woff"), url("../fonts/symbols/wtdsymbols.ttf") format("truetype"), url("../fonts/symbols/wtdsymbols.svg#armataregular") format("svg");
font-weight: normal;
font-style: normal; }
/* line 15, ../sass/_fonts.scss */
.ui-symbol {
font-family: 'symbolsfont'; }
/* line 11, ../sass/user-environ/_layout.scss */
.holder-all {
top: 3px;
right: 3px;
bottom: 3px;
left: 3px; }
/* line 21, ../sass/user-environ/_layout.scss */
.browse-area,
.edit-area,
.editor {
position: absolute; }
/* line 25, ../sass/user-environ/_layout.scss */
.editor {
-webkit-border-radius: 4.5px;
-moz-border-radius: 4.5px;
-ms-border-radius: 4.5px;
-o-border-radius: 4.5px;
border-radius: 4.5px; }
/* line 29, ../sass/user-environ/_layout.scss */
.contents {
box-sizing: border-box;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0; }
/* line 37, ../sass/user-environ/_layout.scss */
.contents.nomargin {
right: 0px;
bottom: 0px;
left: 0px; }
/* line 46, ../sass/user-environ/_layout.scss */
.bar .icon.major {
margin-right: 5px; }
/* line 49, ../sass/user-environ/_layout.scss */
.bar.abs, .btn-menu span.bar.l-click-area {
text-wrap: none;
white-space: nowrap; }
/* line 53, ../sass/user-environ/_layout.scss */
.bar.abs.left, .btn-menu span.bar.left.l-click-area,
.bar.abs .left,
.btn-menu span.bar.l-click-area .left {
width: 45%;
right: auto; }
/* line 58, ../sass/user-environ/_layout.scss */
.bar.abs.right, .btn-menu span.bar.right.l-click-area,
.bar.abs .right,
.btn-menu span.bar.l-click-area .right {
width: 45%;
left: auto;
right: 0;
text-align: right; }
/* line 63, ../sass/user-environ/_layout.scss */
.bar.abs.right .icon.major, .btn-menu span.bar.right.l-click-area .icon.major,
.bar.abs .right .icon.major,
.btn-menu span.bar.l-click-area .right .icon.major {
margin-left: 15px; }
/* line 76, ../sass/user-environ/_layout.scss */
.user-environ .browse-area,
.user-environ .edit-area,
.user-environ .editor {
top: 45px;
right: 5px;
bottom: 30px;
left: 5px; }
/* line 85, ../sass/user-environ/_layout.scss */
.user-environ .browse-area > .contents,
.user-environ .edit-area > .contents {
left: 0;
right: 0; }
/* line 93, ../sass/user-environ/_layout.scss */
.user-environ .edit-area .tool-bar {
bottom: auto;
height: 35px;
line-height: 28px; }
/* line 98, ../sass/user-environ/_layout.scss */
.user-environ .edit-area .work-area {
top: 45px; }
/* line 103, ../sass/user-environ/_layout.scss */
.user-environ .bottom-bar {
top: auto;
right: 5px;
bottom: 5px;
left: 5px;
height: 20px; }
/* line 109, ../sass/user-environ/_layout.scss */
.user-environ .bottom-bar .status-holder {
right: 110px; }
/* line 112, ../sass/user-environ/_layout.scss */
.user-environ .bottom-bar .app-logo {
left: auto;
width: 105px; }
/* line 119, ../sass/user-environ/_layout.scss */
.cols {
overflow: hidden;
*zoom: 1; }
/* line 121, ../sass/user-environ/_layout.scss */
.cols .col {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
*zoom: 1;
float: left;
margin-left: 1.5%;
padding-left: 5px;
position: relative; }
/* line 129, ../sass/user-environ/_layout.scss */
.cols .col:first-child {
margin-left: 0;
padding-left: 0; }
/* line 136, ../sass/user-environ/_layout.scss */
.cols.cols-2 .col-1 {
min-width: 250px;
width: 48.5%; }
/* line 142, ../sass/user-environ/_layout.scss */
.cols.cols-2-ff .col-100px {
width: 100px; }
/* line 149, ../sass/user-environ/_layout.scss */
.cols.cols-6 .col-1 {
min-width: 83.33333px;
width: 15.16667%; }
/* line 155, ../sass/user-environ/_layout.scss */
.cols.cols-16 .col-1 {
min-width: 31.25px;
width: 4.75%; }
/* line 158, ../sass/user-environ/_layout.scss */
.cols.cols-16 .col-2 {
min-width: 62.5px;
width: 11%; }
/* line 161, ../sass/user-environ/_layout.scss */
.cols.cols-16 .col-7 {
min-width: 218.75px;
width: 42.25%; }
/* line 167, ../sass/user-environ/_layout.scss */
.cols.cols-32 .col-2 {
min-width: 31.25px;
width: 4.75%; }
/* line 170, ../sass/user-environ/_layout.scss */
.cols.cols-32 .col-15 {
min-width: 234.375px;
width: 45.375%; }
/* line 174, ../sass/user-environ/_layout.scss */
.cols .l-row {
overflow: hidden;
*zoom: 1;
padding: 5px 0; }
/* line 180, ../sass/user-environ/_layout.scss */
.pane {
position: absolute; }
/* line 183, ../sass/user-environ/_layout.scss */
.pane.treeview .create-btn-holder {
bottom: auto;
height: 35px; }
/* line 186, ../sass/user-environ/_layout.scss */
.pane.treeview .tree-holder {
overflow: auto;
top: 40px; }
/* line 195, ../sass/user-environ/_layout.scss */
.pane.items .object-holder {
top: 40px; }
/* line 200, ../sass/user-environ/_layout.scss */
.pane.edit-main .object-holder {
top: 0; }
/* line 206, ../sass/user-environ/_layout.scss */
.pane .object-holder {
overflow: auto; }
/* line 214, ../sass/user-environ/_layout.scss */
.split-layout.horizontal > .pane {
margin-top: 5px; }
/* line 217, ../sass/user-environ/_layout.scss */
.split-layout.horizontal > .pane:first-child {
margin-top: 0; }
/* line 224, ../sass/user-environ/_layout.scss */
.split-layout.vertical > .pane {
margin-left: 5px; }
/* line 226, ../sass/user-environ/_layout.scss */
.split-layout.vertical > .pane > .holder {
left: 0;
right: 0; }
/* line 230, ../sass/user-environ/_layout.scss */
.split-layout.vertical > .pane:first-child {
margin-left: 0; }
/* line 232, ../sass/user-environ/_layout.scss */
.split-layout.vertical > .pane:first-child .holder {
right: 5px; }
/* line 241, ../sass/user-environ/_layout.scss */
.vscroll {
overflow-y: auto; }
/* line 2, ../sass/_fixed-position.scss */
.t-fixed-position.l-fixed-position {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: auto;
height: auto; }
/* line 12, ../sass/_fixed-position.scss */
.t-fixed-position.l-fixed-position .l-grid-holder {
position: relative;
height: 100%;
width: 100%; }
/* line 16, ../sass/_fixed-position.scss */
.t-fixed-position.l-fixed-position .l-grid-holder .l-grid {
position: absolute;
height: 100%;
width: 100%;
pointer-events: none;
z-index: 0; }
/* line 27, ../sass/_fixed-position.scss */
.t-fixed-position .l-fixed-position-item {
position: absolute;
border: 1px solid transparent; }
/* line 31, ../sass/_fixed-position.scss */
.t-fixed-position .l-fixed-position-item.s-selected {
-webkit-box-shadow: rgba(0, 0, 0, 0.7) 0 3px 10px;
-moz-box-shadow: rgba(0, 0, 0, 0.7) 0 3px 10px;
box-shadow: rgba(0, 0, 0, 0.7) 0 3px 10px;
border-color: #0099cc;
cursor: move; }
/* line 36, ../sass/_fixed-position.scss */
.t-fixed-position .l-fixed-position-item.s-not-selected {
opacity: 0.8; }
/* line 42, ../sass/_fixed-position.scss */
.t-fixed-position .l-fixed-position-item .l-fixed-position-box,
.t-fixed-position .l-fixed-position-item .l-fixed-position-image,
.t-fixed-position .l-fixed-position-item .l-fixed-position-text {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
height: 100%;
width: 100%; }
/* line 51, ../sass/_fixed-position.scss */
.t-fixed-position .l-fixed-position-item .l-fixed-position-image {
background-size: cover;
background-repeat: no-repeat;
background-position: center; }
/* line 57, ../sass/_fixed-position.scss */
.t-fixed-position .l-fixed-position-item .l-fixed-position-text {
text-shadow: rgba(0, 0, 0, 0.1) 0 1px 2px;
border: 1px solid transparent;
font-size: 0.8rem; }
/* line 62, ../sass/_fixed-position.scss */
.t-fixed-position .l-fixed-position-item .l-fixed-position-text.l-static-text {
padding: 3px; }
/* line 67, ../sass/_fixed-position.scss */
.t-fixed-position .l-fixed-position-item .l-fixed-position-text.l-telemetry .l-elem {
overflow: hidden;
position: absolute;
top: 3px;
right: 3px;
bottom: 3px;
left: 3px;
width: auto;
height: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 50%; }
/* line 71, ../sass/_fixed-position.scss */
.t-fixed-position .l-fixed-position-item .l-fixed-position-text.l-telemetry .l-elem.l-title {
right: auto;
left: 3px; }
/* line 75, ../sass/_fixed-position.scss */
.t-fixed-position .l-fixed-position-item .l-fixed-position-text.l-telemetry .l-elem.l-value {
right: 3px;
left: auto;
text-align: right; }
/* line 80, ../sass/_fixed-position.scss */
.t-fixed-position .l-fixed-position-item .l-fixed-position-text.l-telemetry .l-elem.l-value.telem-only {
left: 3px;
width: auto; }
/* line 91, ../sass/_fixed-position.scss */
.t-fixed-position .l-fixed-position-item-handle {
background: rgba(0, 153, 204, 0.5);
cursor: crosshair;
border: 1px solid #0099cc;
position: absolute; }
/* line 105, ../sass/_fixed-position.scss */
.edit-mode .t-fixed-position.l-fixed-position .l-grid-holder .l-grid.l-grid-x {
background-image: -webkit-linear-gradient(90deg, rgba(255, 255, 255, 0.05) 1px, transparent 1px, transparent 100%);
background-image: -moz-linear-gradient(90deg, rgba(255, 255, 255, 0.05) 1px, transparent 1px, transparent 100%);
background-image: -o-linear-gradient(90deg, rgba(255, 255, 255, 0.05) 1px, transparent 1px, transparent 100%);
background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.05) 1px, transparent 1px, transparent 100%);
background-repeat: repeat-x; }
/* line 109, ../sass/_fixed-position.scss */
.edit-mode .t-fixed-position.l-fixed-position .l-grid-holder .l-grid.l-grid-y {
background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0.05) 1px, transparent 1px, transparent 100%);
background-image: -moz-linear-gradient(0deg, rgba(255, 255, 255, 0.05) 1px, transparent 1px, transparent 100%);
background-image: -o-linear-gradient(0deg, rgba(255, 255, 255, 0.05) 1px, transparent 1px, transparent 100%);
background-image: linear-gradient(0deg, rgba(255, 255, 255, 0.05) 1px, transparent 1px, transparent 100%);
background-repeat: repeat-y; }
/* line 117, ../sass/_fixed-position.scss */
.edit-mode .t-fixed-position .l-fixed-position-item:not(.s-selected) {
border: 1px dotted rgba(0, 153, 204, 0.75); }
/* line 119, ../sass/_fixed-position.scss */
.edit-mode .t-fixed-position .l-fixed-position-item:not(.s-selected):hover {
border: 1px dotted #0099cc; }
/* line 5, ../sass/_about.scss */
.l-about.abs, .btn-menu span.l-about.l-click-area {
overflow: auto; }
/* line 10, ../sass/_about.scss */
.l-about .l-logo-holder {
position: relative;
height: 45%; }
/* line 13, ../sass/_about.scss */
.l-about .l-logo-holder .l-logo {
position: absolute; }
/* line 16, ../sass/_about.scss */
.l-about .l-logo-holder .l-logo.l-logo-app {
top: 0;
right: 15%;
bottom: 0;
left: 15%; }
/* line 20, ../sass/_about.scss */
.l-about .l-logo-holder .l-logo.s-logo-nasa {
background-image: url("../images/logo-nasa.svg");
top: 10px;
right: auto;
bottom: auto;
left: 10px;
width: 10%;
height: auto;
padding-bottom: 5%;
padding-top: 5%; }
/* line 29, ../sass/_about.scss */
.l-about .l-content {
position: relative;
margin-top: 10px; }
/* line 36, ../sass/_about.scss */
.s-about {
line-height: 120%; }
/* line 40, ../sass/_about.scss */
.s-about a {
color: #84b3ff; }
/* line 47, ../sass/_about.scss */
.s-about .s-logo-holder {
background: url("../images/bg-about-openmctweb.jpg") no-repeat center;
background-size: cover; }
/* line 51, ../sass/_about.scss */
.s-about .s-logo {
background-position: center;
background-repeat: no-repeat;
background-size: contain; }
/* line 57, ../sass/_about.scss */
.s-about .s-logo-openmctweb {
background-image: url("../images/logo-openmctweb-shdw.svg"); }
/* line 60, ../sass/_about.scss */
.s-about .s-btn, .s-about .s-icon-btn {
line-height: 2em; }
/* line 64, ../sass/_about.scss */
.s-about .l-licenses-software .l-license-software {
border-top: 1px solid #4d4d4d;
padding: 0.5em 0; }
/* line 67, ../sass/_about.scss */
.s-about .l-licenses-software .l-license-software:first-child {
border-top: none; }
/* line 70, ../sass/_about.scss */
.s-about .l-licenses-software .l-license-software em {
color: #666666; }
/* line 77, ../sass/_about.scss */
.s-about .l-licenses-software .l-license-software h3 {
font-size: 1.25em; }
/* line 80, ../sass/_about.scss */
.s-about .l-licenses-software .l-license-software .s-license-text {
font-size: 0.9em; }
/* line 3, ../sass/_text.scss */
.abs.l-standalone, .btn-menu span.l-standalone.l-click-area {
padding: 5% 20%; }
/* line 8, ../sass/_text.scss */
.s-text {
font-size: 0.8em; }
/* line 10, ../sass/_text.scss */
.s-text ol, .s-text ul {
list-style: square;
margin-left: 1.5em; }
/* line 18, ../sass/_text.scss */
.s-text h1, .s-text h2, .s-text h3 {
color: #fff;
font-weight: normal !important;
margin-bottom: 1em; }
/* line 24, ../sass/_text.scss */
.s-text h2 {
border-top: 1px solid #4d4d4d;
font-size: 1.5em;
margin-top: 2em;
padding-top: 1em; }
/* line 31, ../sass/_text.scss */
.s-text h3 {
margin-top: 2em; }
/* line 1, ../sass/_badges.scss */
.badge {
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffd233), color-stop(100%, #ffc700));
background-image: -webkit-linear-gradient(#ffd233, #ffc700);
background-image: -moz-linear-gradient(#ffd233, #ffc700);
background-image: -o-linear-gradient(#ffd233, #ffc700);
background-image: linear-gradient(#ffd233, #ffc700);
color: #333333;
display: inline-block;
text-align: center; }
/* line 8, ../sass/_badges.scss */
.top-bar .badge {
-webkit-border-radius: 4.5px;
-moz-border-radius: 4.5px;
-ms-border-radius: 4.5px;
-o-border-radius: 4.5px;
border-radius: 4.5px;
font-size: 1.4em;
height: 35px;
line-height: 35px;
margin-right: 5px;
width: 35px;
vertical-align: middle; }
/* line 33, ../sass/_badges.scss */
.super-menu .badge {
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #00bfff), color-stop(100%, #0099cc));
background-image: -webkit-linear-gradient(#00bfff, #0099cc);
background-image: -moz-linear-gradient(#00bfff, #0099cc);
background-image: -o-linear-gradient(#00bfff, #0099cc);
background-image: linear-gradient(#00bfff, #0099cc);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
-moz-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
padding: 2px 7px; }
/* line 1, ../sass/_icons.scss */
.triangle {
width: 0;
height: 0;
border-top: 5px solid transparent;
border-left: 5px solid #0099cc;
border-bottom: 5px solid transparent; }
/* line 5, ../sass/_icons.scss */
.triangle.triangle-down {
width: 0;
height: 0;
border-left: 5px solid transparent;
border-top: 5px solid #0099cc;
border-right: 5px solid transparent; }
/* line 12, ../sass/_icons.scss */
.ui-symbol.icon {
color: #0099cc;
text-shadow: rgba(0, 0, 0, 0.1) 0 1px 2px; }
/* line 15, ../sass/_icons.scss */
.ui-symbol.icon.alert {
color: #ff3c00; }
/* line 17, ../sass/_icons.scss */
.ui-symbol.icon.alert:hover {
color: #ff8a66; }
/* line 21, ../sass/_icons.scss */
.ui-symbol.icon.major {
font-size: 1.65em; }
/* line 33, ../sass/_icons.scss */
.bar .icon {
display: inline-block; }
/* line 37, ../sass/_icons.scss */
.invoke-menu {
color: #0099cc;
display: inline-block;
font-size: 1rem;
vertical-align: middle; }
/* line 171, ../sass/_mixins.scss */
.invoke-menu:hover {
color: #33ccff; }
/* line 45, ../sass/_icons.scss */
.btn-menu .invoke-menu,
.icon.major .invoke-menu {
margin-left: 5px; }
/* line 49, ../sass/_icons.scss */
.icon-buttons-main .invoke-menu {
color: #666666; }
/* line 171, ../sass/_mixins.scss */
.icon-buttons-main .invoke-menu:hover {
color: #999999; }
/* line 57, ../sass/_icons.scss */
.object-header .type-icon {
color: #ffc700;
margin-right: 5px; }
/* line 65, ../sass/_icons.scss */
.menu .type-icon,
.tree-item .type-icon,
.icon-btn .menu.dropdown .icon,
.super-menu.menu.dropdown .icon {
font-size: 1.395rem;
line-height: 1.695rem;
position: absolute; }
/* line 1, ../sass/lists/_tabular.scss */
.w1 {
background: #4d4d4d;
padding-top: 20px;
position: relative; }
/* line 6, ../sass/lists/_tabular.scss */
.w2 {
background: #1a1a1a;
overflow-y: auto; }
/* line 11, ../sass/lists/_tabular.scss */
.tabular {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-spacing: 0;
border-collapse: collapse;
display: table;
font-size: 0.8em;
width: 100%; }
/* line 18, ../sass/lists/_tabular.scss */
.tabular .tr {
display: table-row; }
/* line 20, ../sass/lists/_tabular.scss */
.tabular .tr:first-child .td {
border-top: none; }
/* line 23, ../sass/lists/_tabular.scss */
.tabular .tr:hover {
background: rgba(255, 255, 255, 0.1); }
/* line 26, ../sass/lists/_tabular.scss */
.tabular .tr.header {
display: table-header-group; }
/* line 28, ../sass/lists/_tabular.scss */
.tabular .tr.header .th {
border: none;
color: transparent;
height: 0px;
line-height: 0;
padding: 0 5px;
white-space: nowrap;
vertical-align: middle; }
/* line 36, ../sass/lists/_tabular.scss */
.tabular .tr.header .th:first-child em {
border-left: none; }
/* line 40, ../sass/lists/_tabular.scss */
.tabular .tr.header .th.sort em:after {
display: inline-block;
font-family: symbolsfont;
margin-left: 5px; }
/* line 45, ../sass/lists/_tabular.scss */
.tabular .tr.header .th.sort.asc em:after {
content: '0'; }
/* line 46, ../sass/lists/_tabular.scss */
.tabular .tr.header .th.sort.desc em:after {
content: '1'; }
/* line 48, ../sass/lists/_tabular.scss */
.tabular .tr.header .th em {
border-left: 1px solid rgba(255, 255, 255, 0.1);
color: #b3b3b3;
cursor: pointer;
display: block;
font-style: normal;
font-weight: bold;
height: 20px;
line-height: 20px;
margin-left: -5px;
padding: 0 5px;
position: absolute;
top: 0;
vertical-align: middle; }
/* line 63, ../sass/lists/_tabular.scss */
.tabular .tr.header .th em:hover {
color: #e6e6e6; }
/* line 69, ../sass/lists/_tabular.scss */
.tabular .tr .th, .tabular .tr .td {
display: table-cell; }
/* line 72, ../sass/lists/_tabular.scss */
.tabular .tr .td {
border-top: 1px solid rgba(255, 255, 255, 0.1);
padding: 2px 5px; }
/* line 75, ../sass/lists/_tabular.scss */
.tabular .tr .td.numeric {
text-align: right; }
/*********************************** TYPE STYLES */
/* line 4, ../sass/controls/_buttons.scss */
.t-btn {
cursor: pointer; }
/*********************************** STYLE STYLES */
/* line 10, ../sass/controls/_buttons.scss */
.s-btn, .s-icon-btn {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-shadow: rgba(0, 0, 0, 0.3) 0 1px 1px;
line-height: 1.2em;
padding: 0 10px;
text-decoration: none; }
/* line 18, ../sass/controls/_buttons.scss */
.s-btn.s-very-subtle, .s-very-subtle.s-icon-btn {
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4d4d4d), color-stop(100%, #404040));
background-image: -webkit-linear-gradient(#4d4d4d, #404040);
background-image: -moz-linear-gradient(#4d4d4d, #404040);
background-image: -o-linear-gradient(#4d4d4d, #404040);
background-image: linear-gradient(#4d4d4d, #404040);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
-moz-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
border: none;
border-top: 1px solid #666666;
color: #999999;
display: inline-block; }
/* line 82, ../sass/_mixins.scss */
.s-btn.s-very-subtle:hover, .s-very-subtle.s-icon-btn:hover {
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #666666), color-stop(100%, #595959));
background-image: -webkit-linear-gradient(#666666, #595959);
background-image: -moz-linear-gradient(#666666, #595959);
background-image: -o-linear-gradient(#666666, #595959);
background-image: linear-gradient(#666666, #595959); }
/* line 23, ../sass/controls/_buttons.scss */
.s-icon-btn {
font-size: 1.2em; }
/* line 26, ../sass/controls/_buttons.scss */
.s-icon-btn .icon {
color: #0099cc; }
/* line 30, ../sass/controls/_buttons.scss */
.s-icon-btn:not(.disabled):hover .icon {
color: #33ccff; }
/* line 34, ../sass/controls/_buttons.scss */
.s-icon-btn.labeled {
padding: 0 5px; }
/* line 36, ../sass/controls/_buttons.scss */
.s-icon-btn.labeled .icon {
font-size: 1.5em; }
/* line 39, ../sass/controls/_buttons.scss */
.s-icon-btn.labeled .title-label {
margin-left: 5px; }
/*********************************** LAYOUT STYLES */
/* line 50, ../sass/controls/_buttons.scss */
span.l-btn,
span.l-btn span,
a.l-btn,
a.l-btn span {
display: inline-block; }
/* line 1, ../sass/controls/_color-palette.scss */
.l-color-palette {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 5px !important; }
/* line 10, ../sass/controls/_color-palette.scss */
.l-color-palette .l-palette-row {
overflow: hidden;
*zoom: 1;
line-height: 16px;
width: 170px; }
/* line 15, ../sass/controls/_color-palette.scss */
.l-color-palette .l-palette-row .l-palette-item {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-shadow: rgba(0, 0, 0, 0.8) 0 1px 2px;
-webkit-transition-property: visibility, opacity, background-color, border-color;
-moz-transition-property: visibility, opacity, background-color, border-color;
-o-transition-property: visibility, opacity, background-color, border-color;
transition-property: visibility, opacity, background-color, border-color;
-webkit-transition-duration: 0.25s;
-moz-transition-duration: 0.25s;
-o-transition-duration: 0.25s;
transition-duration: 0.25s;
-webkit-transition-timing-function: ease-in-out;
-moz-transition-timing-function: ease-in-out;
-o-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out;
border: 1px solid transparent;
color: white;
display: block;
font-family: 'symbolsfont';
float: left;
height: 16px;
width: 16px;
line-height: 16px;
margin: 0 1px 1px 0;
text-align: center;
vertical-align: middle; }
/* line 32, ../sass/controls/_color-palette.scss */
.l-color-palette .l-palette-row .s-palette-item:hover {
-webkit-transition-property: none;
-moz-transition-property: none;
-o-transition-property: none;
transition-property: none;
border-color: white !important; }
/* line 38, ../sass/controls/_color-palette.scss */
.l-color-palette .l-palette-row .l-palette-item-label {
margin-left: 5px; }
/* line 42, ../sass/controls/_color-palette.scss */
.l-color-palette .l-palette-row.l-option-row {
margin-bottom: 5px; }
/* line 44, ../sass/controls/_color-palette.scss */
.l-color-palette .l-palette-row.l-option-row .s-palette-item {
border-color: #999999; }
/* line 3, ../sass/controls/_controls.scss */
.control.view-control .icon {
display: inline-block;
margin: -1px 5px 1px 2px;
vertical-align: middle; }
/* line 7, ../sass/controls/_controls.scss */
.control.view-control .icon.triangle-down {
margin: 2px 2px -2px 0px; }
/* line 12, ../sass/controls/_controls.scss */
.control.view-control .label {
display: inline-block;
font-size: 11px;
vertical-align: middle; }
/* line 18, ../sass/controls/_controls.scss */
.control.view-control .toggle {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
display: inline-block;
padding: 1px 6px 4px 4px; }
/* line 22, ../sass/controls/_controls.scss */
.control.view-control .toggle:hover {
background: rgba(255, 255, 255, 0.1); }
/* line 29, ../sass/controls/_controls.scss */
.accordion {
margin-top: 5px; }
/* line 32, ../sass/controls/_controls.scss */
.accordion:first-child {
margin-top: 0; }
/* line 35, ../sass/controls/_controls.scss */
.accordion .accordion-head {
-webkit-border-radius: 2.25px;
-moz-border-radius: 2.25px;
-ms-border-radius: 2.25px;
-o-border-radius: 2.25px;
border-radius: 2.25px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: rgba(153, 153, 153, 0.2);
cursor: pointer;
font-size: 0.75em;
line-height: 18px;
margin-bottom: 5px;
padding: 0 5px;
position: absolute;
top: 0;
right: 0;
bottom: auto;
left: 0;
width: auto;
height: 18px;
text-transform: uppercase; }
/* line 49, ../sass/controls/_controls.scss */
.accordion .accordion-head:hover {
background: rgba(153, 153, 153, 0.4); }
/* line 52, ../sass/controls/_controls.scss */
.accordion .accordion-head:after {
content: "^";
display: block;
font-family: 'symbolsfont';
font-size: 1.2em;
position: absolute;
right: 5px;
text-transform: none;
top: 0; }
/* line 62, ../sass/controls/_controls.scss */
.accordion .accordion-head:not(.expanded):after {
content: "v"; }
/* line 66, ../sass/controls/_controls.scss */
.accordion .accordion-contents {
position: absolute;
top: 23px;
right: 0;
bottom: 0;
left: 0;
overflow-y: auto;
overflow-x: hidden; }
/* line 74, ../sass/controls/_controls.scss */
.btn {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-shadow: rgba(0, 0, 0, 0.3) 0 1px 1px;
padding: 0 10px;
text-decoration: none; }
/* line 84, ../sass/controls/_controls.scss */
.btn.create-btn {
height: 35px;
line-height: 35px;
font-size: 1.1em;
padding: 0 15px 0 10px; }
/* line 90, ../sass/controls/_controls.scss */
.btn.create-btn .menu {
margin-left: -10px; }
/* line 93, ../sass/controls/_controls.scss */
.btn.create-btn .ui-symbol.major {
font-size: 1.1em; }
/* line 97, ../sass/controls/_controls.scss */
.btn.major {
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #00bfff), color-stop(100%, #00ace6));
background-image: -webkit-linear-gradient(#00bfff, #00ace6);
background-image: -moz-linear-gradient(#00bfff, #00ace6);
background-image: -o-linear-gradient(#00bfff, #00ace6);
background-image: linear-gradient(#00bfff, #00ace6);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
-moz-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
border: none;
border-top: 1px solid #33ccff;
color: #999999;
display: inline-block;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #33ccff), color-stop(100%, #0099cc));
background-image: -webkit-linear-gradient(#33ccff, #0099cc);
background-image: -moz-linear-gradient(#33ccff, #0099cc);
background-image: -o-linear-gradient(#33ccff, #0099cc);
background-image: linear-gradient(#33ccff, #0099cc);
color: #ccf2ff; }
/* line 135, ../sass/_mixins.scss */
.btn.major:not(.disabled):hover {
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #66d9ff), color-stop(100%, #00bfff));
background-image: -webkit-linear-gradient(#66d9ff, #00bfff);
background-image: -moz-linear-gradient(#66d9ff, #00bfff);
background-image: -o-linear-gradient(#66d9ff, #00bfff);
background-image: linear-gradient(#66d9ff, #00bfff); }
/* line 102, ../sass/controls/_controls.scss */
.btn.major:hover {
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #1ac6ff), color-stop(100%, #00bfff));
background-image: -webkit-linear-gradient(#1ac6ff, #00bfff);
background-image: -moz-linear-gradient(#1ac6ff, #00bfff);
background-image: -o-linear-gradient(#1ac6ff, #00bfff);
background-image: linear-gradient(#1ac6ff, #00bfff);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
-moz-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
border: none;
border-top: 1px solid #4dd2ff;
color: #999999;
display: inline-block;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4dd2ff), color-stop(100%, #00ace6));
background-image: -webkit-linear-gradient(#4dd2ff, #00ace6);
background-image: -moz-linear-gradient(#4dd2ff, #00ace6);
background-image: -o-linear-gradient(#4dd2ff, #00ace6);
background-image: linear-gradient(#4dd2ff, #00ace6);
color: #ccf2ff; }
/* line 135, ../sass/_mixins.scss */
.btn.major:hover:not(.disabled):hover {
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #80dfff), color-stop(100%, #1ac6ff));
background-image: -webkit-linear-gradient(#80dfff, #1ac6ff);
background-image: -moz-linear-gradient(#80dfff, #1ac6ff);
background-image: -o-linear-gradient(#80dfff, #1ac6ff);
background-image: linear-gradient(#80dfff, #1ac6ff); }
/* line 106, ../sass/controls/_controls.scss */
.btn.major .invoke-menu {
color: #ccf2ff; }
/* line 110, ../sass/controls/_controls.scss */
.btn.normal {
padding: 5px 7px; }
/* line 114, ../sass/controls/_controls.scss */
.btn.outline:hover {
background: rgba(255, 255, 255, 0.1); }
/* line 118, ../sass/controls/_controls.scss */
.btn.subtle {
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #808080), color-stop(100%, #737373));
background-image: -webkit-linear-gradient(#808080, #737373);
background-image: -moz-linear-gradient(#808080, #737373);
background-image: -o-linear-gradient(#808080, #737373);
background-image: linear-gradient(#808080, #737373);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
-moz-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
border: none;
border-top: 1px solid #999999;
color: #cccccc;
display: inline-block; }
/* line 127, ../sass/_mixins.scss */
.btn.subtle:not(.disabled):hover {
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #999999), color-stop(100%, #808080));
background-image: -webkit-linear-gradient(#999999, #808080);
background-image: -moz-linear-gradient(#999999, #808080);
background-image: -o-linear-gradient(#999999, #808080);
background-image: linear-gradient(#999999, #808080); }
/* line 122, ../sass/controls/_controls.scss */
.btn.very-subtle {
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4d4d4d), color-stop(100%, #404040));
background-image: -webkit-linear-gradient(#4d4d4d, #404040);
background-image: -moz-linear-gradient(#4d4d4d, #404040);
background-image: -o-linear-gradient(#4d4d4d, #404040);
background-image: linear-gradient(#4d4d4d, #404040);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
-moz-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
border: none;
border-top: 1px solid #666666;
color: #b3b3b3;
display: inline-block; }
/* line 127, ../sass/_mixins.scss */
.btn.very-subtle:not(.disabled):hover {
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #666666), color-stop(100%, #4d4d4d));
background-image: -webkit-linear-gradient(#666666, #4d4d4d);
background-image: -moz-linear-gradient(#666666, #4d4d4d);
background-image: -o-linear-gradient(#666666, #4d4d4d);
background-image: linear-gradient(#666666, #4d4d4d); }
/* line 125, ../sass/controls/_controls.scss */
.btn.lg {
-webkit-border-radius: 4.5px;
-moz-border-radius: 4.5px;
-ms-border-radius: 4.5px;
-o-border-radius: 4.5px;
border-radius: 4.5px;
font-size: 1.2em;
padding: 7px 25px; }
/* line 131, ../sass/controls/_controls.scss */
.btn.icon-btn .icon {
color: #0099cc; }
/* line 135, ../sass/controls/_controls.scss */
.btn.icon-btn:not(.disabled):hover .icon {
color: #33ccff; }
/* line 145, ../sass/controls/_controls.scss */
.btn-bar .btn,
.btn-bar .btn-set,
.btn-bar .t-btn {
display: inline-block; }
/* line 157, ../sass/controls/_controls.scss */
.l-composite-control {
vertical-align: middle; }
/* line 160, ../sass/controls/_controls.scss */
.l-composite-control.l-checkbox .composite-control-label {
line-height: 18px; }
/* line 166, ../sass/controls/_controls.scss */
.l-control-group {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-left: 1px solid #4d4d4d;
display: inline-block;
padding: 0 5px;
position: relative; }
/* line 174, ../sass/controls/_controls.scss */
.l-control-group:first-child {
border-left: none;
padding-left: 0; }
/* line 180, ../sass/controls/_controls.scss */
.btn-set {
display: inline-block;
position: relative; }
/* line 185, ../sass/controls/_controls.scss */
.btn-set .btn,
.btn-set .t-btn {
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
border-left: 1px solid #666666;
margin-left: 0; }
/* line 189, ../sass/controls/_controls.scss */
.btn-set .btn:first-child,
.btn-set .t-btn:first-child {
border-left: none;
-moz-border-radius-topleft: 3px;
-webkit-border-top-left-radius: 3px;
border-top-left-radius: 3px;
-moz-border-radius-bottomleft: 3px;
-webkit-border-bottom-left-radius: 3px;
border-bottom-left-radius: 3px; }
/* line 193, ../sass/controls/_controls.scss */
.btn-set .btn:last-child,
.btn-set .t-btn:last-child {
-moz-border-radius-topright: 3px;
-webkit-border-top-right-radius: 3px;
border-top-right-radius: 3px;
-moz-border-radius-bottomright: 3px;
-webkit-border-bottom-right-radius: 3px;
border-bottom-right-radius: 3px; }
/* line 204, ../sass/controls/_controls.scss */
.object-browse-bar .btn,
.object-browse-bar .t-btn,
.top-bar .buttons-main .btn,
.top-bar .buttons-main .t-btn,
.tool-bar .btn,
.tool-bar .t-btn {
display: inline-block;
font-size: 12.6px;
height: 28px;
line-height: 28px; }
/* line 210, ../sass/controls/_controls.scss */
.object-browse-bar .btn .icon:not(.invoke-menu),
.object-browse-bar .t-btn .icon:not(.invoke-menu),
.top-bar .buttons-main .btn .icon:not(.invoke-menu),
.top-bar .buttons-main .t-btn .icon:not(.invoke-menu),
.tool-bar .btn .icon:not(.invoke-menu),
.tool-bar .t-btn .icon:not(.invoke-menu) {
font-size: 150%;
vertical-align: middle; }
/* line 218, ../sass/controls/_controls.scss */
label.checkbox.custom {
cursor: pointer;
display: inline-block;
line-height: 14px;
margin-right: 20px;
padding-left: 19px;
position: relative;
vertical-align: top; }
/* line 229, ../sass/controls/_controls.scss */
label.checkbox.custom em {
color: #999999;
display: inline-block;
height: 14px;
min-width: 14px; }
/* line 234, ../sass/controls/_controls.scss */
label.checkbox.custom em:before {
-webkit-border-radius: 2.25px;
-moz-border-radius: 2.25px;
-ms-border-radius: 2.25px;
-o-border-radius: 2.25px;
border-radius: 2.25px;
background: #666666;
border-bottom: 1px solid gray;
box-sizing: border-box;
content: " ";
font-family: 'symbolsfont';
font-size: 0.8em;
display: inline-block;
margin-right: 5px;
height: 14px;
width: 14px;
left: 0;
top: 0;
position: absolute;
text-align: center; }
/* line 252, ../sass/controls/_controls.scss */
label.checkbox.custom.no-text {
overflow: hidden;
margin-right: 0;
padding-left: 0;
height: 14px;
width: 14px; }
/* line 258, ../sass/controls/_controls.scss */
label.checkbox.custom.no-text em {
overflow: hidden; }
/* line 262, ../sass/controls/_controls.scss */
label.checkbox.custom input {
display: none; }
/* line 264, ../sass/controls/_controls.scss */
label.checkbox.custom input:checked ~ em:before {
background: #0099cc;
color: #ccf2ff;
content: "2"; }
/* line 272, ../sass/controls/_controls.scss */
.input-labeled {
margin-left: 5px; }
/* line 274, ../sass/controls/_controls.scss */
.input-labeled label {
display: inline-block;
margin-right: 3px; }
/* line 278, ../sass/controls/_controls.scss */
.input-labeled.inline {
display: inline-block; }
/* line 281, ../sass/controls/_controls.scss */
.input-labeled:first-child {
margin-left: 0; }
/* line 286, ../sass/controls/_controls.scss */
.btn-menu label.checkbox.custom {
margin-left: 5px; }
/* line 291, ../sass/controls/_controls.scss */
.item .checkbox.checked label {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
border-bottom: none; }
/* line 297, ../sass/controls/_controls.scss */
.btn-menu {
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4d4d4d), color-stop(100%, #404040));
background-image: -webkit-linear-gradient(#4d4d4d, #404040);
background-image: -moz-linear-gradient(#4d4d4d, #404040);
background-image: -o-linear-gradient(#4d4d4d, #404040);
background-image: linear-gradient(#4d4d4d, #404040);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
-moz-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
border: none;
border-top: 1px solid #666666;
color: #999999;
display: inline-block;
height: 20px;
line-height: 20px; }
/* line 127, ../sass/_mixins.scss */
.btn-menu:not(.disabled):hover {
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #666666), color-stop(100%, #4d4d4d));
background-image: -webkit-linear-gradient(#666666, #4d4d4d);
background-image: -moz-linear-gradient(#666666, #4d4d4d);
background-image: -o-linear-gradient(#666666, #4d4d4d);
background-image: linear-gradient(#666666, #4d4d4d); }
/* line 304, ../sass/controls/_controls.scss */
.btn-menu.dropdown {
padding-left: 10px;
padding-right: 10px; }
/* line 310, ../sass/controls/_controls.scss */
.btn-menu:not(.disabled):hover {
color: #cccccc; }
/* line 314, ../sass/controls/_controls.scss */
.btn-menu.btn-invoke-menu {
color: #0099cc;
padding: 0 5px; }
/* line 318, ../sass/controls/_controls.scss */
.btn-menu.btn-invoke-menu:hover {
color: deepskyblue; }
/* line 328, ../sass/controls/_controls.scss */
.btn-menu .type-icon {
margin-right: 5px; }
/* line 331, ../sass/controls/_controls.scss */
.btn-menu .menu {
position: absolute;
left: 0;
text-align: left; }
/* line 336, ../sass/controls/_controls.scss */
.btn-menu .menu .ui-symbol.icon {
width: 12px; }
/* line 342, ../sass/controls/_controls.scss */
.top-bar .btn-menu {
height: 35px;
line-height: 35px;
padding-right: 10px; }
/* line 350, ../sass/controls/_controls.scss */
.top-bar .btn-menu.browse-btn {
margin-right: 5px;
padding-left: 35px; }
/* line 353, ../sass/controls/_controls.scss */
.top-bar .btn-menu.browse-btn .badge {
-webkit-border-radius: 4.5px;
-moz-border-radius: 4.5px;
-ms-border-radius: 4.5px;
-o-border-radius: 4.5px;
border-radius: 4.5px;
display: block;
font-size: 1em;
line-height: 25px;
position: absolute;
top: 5px;
left: 5px;
bottom: 5px;
right: auto;
width: 25px;
height: auto; }
/******************************************************** OBJECT-HEADER */
/* line 370, ../sass/controls/_controls.scss */
.object-header {
display: inline-block;
font-size: 1em; }
/* line 373, ../sass/controls/_controls.scss */
.object-header .title {
color: white; }
/* line 376, ../sass/controls/_controls.scss */
.object-header .type-icon {
font-size: 1.5em;
margin-right: 5px;
vertical-align: middle; }
/* line 385, ../sass/controls/_controls.scss */
.top-bar .object-header,
.object-browse-bar .object-header {
font-size: 1.1em; }
/* line 387, ../sass/controls/_controls.scss */
.top-bar .object-header span,
.object-browse-bar .object-header span {
display: inline-block; }
/******************************************************** VIEW-CONTROLS */
/* line 396, ../sass/controls/_controls.scss */
.view-controls .view-type {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
box-sizing: border-box;
display: inline-block;
margin-left: 5px;
height: 20px;
line-height: 20px;
padding-left: 5px;
padding-right: 5px; }
/* line 407, ../sass/controls/_controls.scss */
.view-controls .view-type.cur {
background: #666666; }
/* line 412, ../sass/controls/_controls.scss */
.edit-mode .top-bar .control-set.edit-view-controls {
margin-right: 50px; }
/******************************************************** SLIDERS */
/* line 423, ../sass/controls/_controls.scss */
.slider .slot {
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: inset rgba(0, 0, 0, 0.7) 0 1px 5px;
-moz-box-shadow: inset rgba(0, 0, 0, 0.7) 0 1px 5px;
box-shadow: inset rgba(0, 0, 0, 0.7) 0 1px 5px;
background-color: rgba(0, 0, 0, 0.4);
border-bottom: 1px solid rgba(77, 77, 77, 0.4);
border-right: 1px solid rgba(77, 77, 77, 0.4);
height: 50%;
width: auto;
position: absolute;
top: 25%;
right: 0;
bottom: auto;
left: 0; }
/* line 434, ../sass/controls/_controls.scss */
.slider .knob {
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4d4d4d), color-stop(100%, #404040));
background-image: -webkit-linear-gradient(#4d4d4d, #404040);
background-image: -moz-linear-gradient(#4d4d4d, #404040);
background-image: -o-linear-gradient(#4d4d4d, #404040);
background-image: linear-gradient(#4d4d4d, #404040);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
-moz-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
border: none;
border-top: 1px solid #666666;
color: #999999;
display: inline-block;
cursor: ew-resize;
position: absolute;
height: 100%;
width: 12px;
top: 0;
auto: 0;
bottom: auto;
left: auto; }
/* line 127, ../sass/_mixins.scss */
.slider .knob:not(.disabled):hover {
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #666666), color-stop(100%, #4d4d4d));
background-image: -webkit-linear-gradient(#666666, #4d4d4d);
background-image: -moz-linear-gradient(#666666, #4d4d4d);
background-image: -o-linear-gradient(#666666, #4d4d4d);
background-image: linear-gradient(#666666, #4d4d4d); }
/* line 99, ../sass/_mixins.scss */
.slider .knob:before {
content: '';
display: block;
height: auto;
position: absolute;
z-index: 2;
border-left: 1px solid rgba(0, 0, 0, 0.3);
left: 2px;
bottom: 5px;
top: 5px; }
/* line 120, ../sass/_mixins.scss */
.slider .knob:not(.disabled):hover:before {
border-color: rgba(0, 153, 204, 0.9); }
/* line 445, ../sass/controls/_controls.scss */
.slider .knob:before {
top: 1px;
bottom: 3px;
left: 5px; }
/* line 452, ../sass/controls/_controls.scss */
.slider .range {
background: rgba(0, 153, 204, 0.6);
cursor: ew-resize;
position: absolute;
top: 0;
right: auto;
bottom: 0;
left: auto;
height: auto;
width: auto; }
/* line 462, ../sass/controls/_controls.scss */
.slider .range:hover {
background: rgba(0, 153, 204, 0.7); }
/******************************************************** BROWSER ELEMENTS */
/* line 470, ../sass/controls/_controls.scss */
::-webkit-scrollbar {
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: inset rgba(0, 0, 0, 0.7) 0 1px 5px;
-moz-box-shadow: inset rgba(0, 0, 0, 0.7) 0 1px 5px;
box-shadow: inset rgba(0, 0, 0, 0.7) 0 1px 5px;
background-color: rgba(0, 0, 0, 0.4);
border-bottom: 1px solid rgba(77, 77, 77, 0.4);
border-right: 1px solid rgba(77, 77, 77, 0.4);
height: 10px;
width: 10px; }
/* line 476, ../sass/controls/_controls.scss */
::-webkit-scrollbar-thumb {
background-image: -webkit-gradient(linear, 50% 0%, 50% 20, color-stop(0%, #666666), color-stop(100%, #595959));
background-image: -webkit-linear-gradient(#666666, #595959 20px);
background-image: -moz-linear-gradient(#666666, #595959 20px);
background-image: -o-linear-gradient(#666666, #595959 20px);
background-image: linear-gradient(#666666, #595959 20px);
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
-ms-border-radius: 1px;
-o-border-radius: 1px;
border-radius: 1px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
-moz-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
border-top: 1px solid gray; }
/* line 483, ../sass/controls/_controls.scss */
::-webkit-scrollbar-thumb:hover {
background-image: -webkit-gradient(linear, 50% 0%, 50% 20, color-stop(0%, #808080), color-stop(100%, #737373));
background-image: -webkit-linear-gradient(#808080, #737373 20px);
background-image: -moz-linear-gradient(#808080, #737373 20px);
background-image: -o-linear-gradient(#808080, #737373 20px);
background-image: linear-gradient(#808080, #737373 20px); }
/* line 488, ../sass/controls/_controls.scss */
::-webkit-scrollbar-corner {
background: rgba(0, 0, 0, 0.4); }
/* line 2, ../sass/controls/_lists.scss */
.checkbox-list label.checkbox.custom {
display: block;
margin-bottom: 5px; }
/* line 6, ../sass/controls/_lists.scss */
.checkbox-list li {
margin-bottom: 5px; }
/* line 14, ../sass/controls/_lists.scss */
.l-tree-item-flat-list .tree-item .label {
left: 5px !important; }
/******************************************************** MENUS */
/* line 2, ../sass/controls/_menus.scss */
.menu-element {
cursor: pointer;
position: relative; }
/* line 8, ../sass/controls/_menus.scss */
.menu-element .menu {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #595959), color-stop(100%, #4d4d4d));
background-image: -webkit-linear-gradient(#595959, #4d4d4d);
background-image: -moz-linear-gradient(#595959, #4d4d4d);
background-image: -o-linear-gradient(#595959, #4d4d4d);
background-image: linear-gradient(#595959, #4d4d4d);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
-moz-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
border: none;
border-top: 1px solid #737373;
color: #999999;
display: inline-block;
text-shadow: rgba(0, 0, 0, 0.2) 0 1px 2px;
display: block;
padding: 3px 0;
position: absolute;
z-index: 10; }
/* line 16, ../sass/controls/_menus.scss */
.menu-element .menu ul {
margin: 0;
padding: 0; }
/* line 179, ../sass/_mixins.scss */
.menu-element .menu ul li {
list-style-type: none;
margin: 0;
padding: 0; }
/* line 18, ../sass/controls/_menus.scss */
.menu-element .menu ul li {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-top: 1px solid #737373;
line-height: 1.5rem;
padding: 3px 10px 3px 35px;
white-space: nowrap; }
/* line 25, ../sass/controls/_menus.scss */
.menu-element .menu ul li:first-child {
border: none; }
/* line 28, ../sass/controls/_menus.scss */
.menu-element .menu ul li:hover {
background: #737373; }
/* line 30, ../sass/controls/_menus.scss */
.menu-element .menu ul li:hover a {
color: white; }
/* line 33, ../sass/controls/_menus.scss */
.menu-element .menu ul li:hover .icon {
color: #33ccff; }
/* line 37, ../sass/controls/_menus.scss */
.menu-element .menu ul li a {
color: #d9d9d9;
display: block; }
/* line 41, ../sass/controls/_menus.scss */
.menu-element .menu ul li .type-icon {
left: 10px; }
/* line 47, ../sass/controls/_menus.scss */
.menu-element .super-menu {
width: 450px;
height: 430px; }
/* line 54, ../sass/controls/_menus.scss */
.menu-element .super-menu .contents {
overflow: none; }
/* line 55, ../sass/controls/_menus.scss */
.menu-element .super-menu .pane {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
/* line 57, ../sass/controls/_menus.scss */
.menu-element .super-menu .pane.left {
border-right: 1px solid rgba(255, 255, 255, 0.2);
left: 0;
padding-right: 5px;
right: auto;
width: 225px !important;
overflow-x: hidden;
overflow-y: auto; }
/* line 67, ../sass/controls/_menus.scss */
.menu-element .super-menu .pane.left ul li {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
border-top: none; }
/* line 73, ../sass/controls/_menus.scss */
.menu-element .super-menu .pane.left ul li:hover {
background: #737373; }
/* line 76, ../sass/controls/_menus.scss */
.menu-element .super-menu .pane.left ul li .icon {
text-shadow: rgba(0, 0, 0, 0.4) 0 1px 2px;
left: 5px; }
/* line 83, ../sass/controls/_menus.scss */
.menu-element .super-menu .pane.right {
left: 225px;
right: 0;
padding: 25px;
width: 225px !important; }
/* line 94, ../sass/controls/_menus.scss */
.menu-element .menu-item-description .desc-area.icon {
position: relative;
color: #8c8c8c;
font-size: 8em;
left: 0;
height: 150px;
line-height: 150px;
text-align: center; }
/* line 107, ../sass/controls/_menus.scss */
.menu-element .menu-item-description .desc-area.description {
color: #8c8c8c;
font-size: 0.8em; }
/* line 111, ../sass/controls/_menus.scss */
.menu-element .menu-item-description .desc-area.title {
color: #d9d9d9;
font-size: 1.2em;
margin-bottom: 1rem; }
/* line 118, ../sass/controls/_menus.scss */
.menu-element .context-menu {
font-size: 0.80rem;
pointer-events: auto; }
/* line 124, ../sass/controls/_menus.scss */
.menu-element .context-menu.menu {
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #8c8c8c), color-stop(100%, #808080));
background-image: -webkit-linear-gradient(#8c8c8c, #808080);
background-image: -moz-linear-gradient(#8c8c8c, #808080);
background-image: -o-linear-gradient(#8c8c8c, #808080);
background-image: linear-gradient(#8c8c8c, #808080);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
-moz-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
border: none;
border-top: 1px solid #a6a6a6;
color: #999999;
display: inline-block; }
/* line 126, ../sass/controls/_menus.scss */
.menu-element .context-menu.menu ul li {
padding-left: 30px; }
/* line 128, ../sass/controls/_menus.scss */
.menu-element .context-menu.menu ul li a {
color: white; }
/* line 129, ../sass/controls/_menus.scss */
.menu-element .context-menu.menu ul li .icon {
color: #1ac6ff; }
/* line 132, ../sass/controls/_menus.scss */
.menu-element .context-menu.menu ul li .type-icon {
left: 5px; }
/* line 135, ../sass/controls/_menus.scss */
.menu-element .context-menu.menu ul li:hover .icon {
color: #33ccff; }
/* line 143, ../sass/controls/_menus.scss */
.context-menu-holder {
pointer-events: none;
position: absolute;
height: 200px;
width: 170px;
z-index: 59; }
/* line 149, ../sass/controls/_menus.scss */
.context-menu-holder .context-menu-wrapper {
position: absolute;
height: 100%;
width: 100%; }
/* line 156, ../sass/controls/_menus.scss */
.context-menu-holder.go-left .context-menu {
right: 0; }
/* line 157, ../sass/controls/_menus.scss */
.context-menu-holder.go-up .context-menu {
bottom: 0; }
/* line 161, ../sass/controls/_menus.scss */
.btn-bar.right .menu,
.menus-to-left .menu {
left: auto;
right: 0;
width: auto; }
/* line 3, ../sass/forms/_elems.scss */
.form .section-header {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
background: rgba(255, 255, 255, 0.1);
font-size: 0.8em;
margin-top: 5px;
padding: 5px; }
/* line 9, ../sass/forms/_elems.scss */
.form .section-header:first-child {
margin-top: 0; }
/* line 13, ../sass/forms/_elems.scss */
.form .form-section {
position: relative; }
/* line 17, ../sass/forms/_elems.scss */
.form .form-row {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
*zoom: 1;
border-top: 1px solid #4d4d4d;
margin-top: 5px;
padding: 5px;
position: relative; }
/* line 24, ../sass/forms/_elems.scss */
.form .form-row.first {
border-top: none; }
/* line 29, ../sass/forms/_elems.scss */
.form .form-row .label,
.form .form-row .controls {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
*zoom: 1;
box-sizing: border-box;
font-size: 0.75rem;
line-height: 22px;
min-height: 22px; }
/* line 39, ../sass/forms/_elems.scss */
.form .form-row > .label {
float: left;
position: relative;
white-space: nowrap;
width: 20%; }
/* line 47, ../sass/forms/_elems.scss */
.form .form-row .value {
color: #cccccc; }
/* line 51, ../sass/forms/_elems.scss */
.form .form-row .controls {
float: left;
position: relative;
width: 79.9%; }
/* line 58, ../sass/forms/_elems.scss */
.form .form-row .controls .l-composite-control.l-checkbox {
display: inline-block;
line-height: 14px;
margin-right: 5px; }
/* line 67, ../sass/forms/_elems.scss */
.form .form-row .controls input[type="text"] {
height: 22px;
line-height: 22px;
margin-top: -4px;
vertical-align: baseline; }
/* line 74, ../sass/forms/_elems.scss */
.form .form-row .controls .l-med input[type="text"] {
width: 200px; }
/* line 78, ../sass/forms/_elems.scss */
.form .form-row .controls .l-small input[type="text"] {
width: 50px; }
/* line 82, ../sass/forms/_elems.scss */
.form .form-row .controls .l-numeric input[type="text"] {
text-align: right; }
/* line 86, ../sass/forms/_elems.scss */
.form .form-row .controls .select {
margin-right: 5px; }
/* line 91, ../sass/forms/_elems.scss */
.form .form-row .field-hints {
color: #666666; }
/* line 95, ../sass/forms/_elems.scss */
.form .form-row .selector-list {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: rgba(0, 0, 0, 0.2);
padding: 5px;
position: relative;
height: 150px;
overflow: auto; }
/* line 106, ../sass/forms/_elems.scss */
.form .form-row .selector-list .wrapper {
overflow-y: auto;
position: absolute;
top: 5px;
right: 5px;
bottom: 5px;
left: 5px; }
/* line 120, ../sass/forms/_elems.scss */
label.form-control.checkbox input {
margin-right: 5px;
vertical-align: top; }
/* line 127, ../sass/forms/_elems.scss */
.hint,
.s-hint {
font-size: 0.9em; }
/* line 131, ../sass/forms/_elems.scss */
.l-result {
display: inline-block;
min-width: 32px;
min-height: 32px;
position: relative;
vertical-align: top; }
/* line 138, ../sass/forms/_elems.scss */
.l-result div.s-hint {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
background: rgba(255, 153, 0, 0.8);
display: block;
color: #ffd699;
padding: 5px; }
/* line 4, ../sass/forms/_validation.scss */
.validates > .label {
padding-right: 25px; }
/* line 7, ../sass/forms/_validation.scss */
.validates > .label::after {
display: block;
position: absolute;
top: 0;
right: 10px;
bottom: 0;
left: auto;
height: auto;
width: 15px;
font-family: symbolsfont;
font-size: 1.1em;
text-align: right;
vertical-align: middle; }
/* line 25, ../sass/forms/_validation.scss */
.validates.invalid > .label::after, .validates.invalid.req > .label::after {
color: #ff9900;
content: "x"; }
/* line 32, ../sass/forms/_validation.scss */
.validates.valid > .label::after, .validates.valid.req > .label::after {
color: #33cc33;
content: "2"; }
/* line 38, ../sass/forms/_validation.scss */
.validates.req > .label::after {
color: #ffc700;
content: "*"; }
/* line 45, ../sass/forms/_validation.scss */
span.req {
color: #ffc700; }
/* line 1, ../sass/forms/_text-input.scss */
input[type="text"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: inset rgba(0, 0, 0, 0.5) 0 1px 5px;
-moz-box-shadow: inset rgba(0, 0, 0, 0.5) 0 1px 5px;
box-shadow: inset rgba(0, 0, 0, 0.5) 0 1px 5px;
background: rgba(255, 255, 255, 0.1);
border: none;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
color: #cccccc;
outline: none;
padding: 0 3px; }
/* line 12, ../sass/forms/_mixins.scss */
input[type="text"].error {
background: rgba(255, 0, 0, 0.5); }
/* line 8, ../sass/forms/_text-input.scss */
input[type="text"].numeric {
text-align: right; }
/* line 1, ../sass/forms/_selects.scss */
.form-control.select {
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4d4d4d), color-stop(100%, #404040));
background-image: -webkit-linear-gradient(#4d4d4d, #404040);
background-image: -moz-linear-gradient(#4d4d4d, #404040);
background-image: -o-linear-gradient(#4d4d4d, #404040);
background-image: linear-gradient(#4d4d4d, #404040);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
-moz-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
border: none;
border-top: 1px solid #666666;
color: #999999;
display: inline-block;
cursor: pointer;
display: inline-block;
margin: 0 0 2px 2px;
overflow: hidden;
position: relative; }
/* line 127, ../sass/_mixins.scss */
.form-control.select:not(.disabled):hover {
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #666666), color-stop(100%, #4d4d4d));
background-image: -webkit-linear-gradient(#666666, #4d4d4d);
background-image: -moz-linear-gradient(#666666, #4d4d4d);
background-image: -o-linear-gradient(#666666, #4d4d4d);
background-image: linear-gradient(#666666, #4d4d4d); }
/* line 8, ../sass/forms/_selects.scss */
.form-control.select select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: none;
color: #999999;
border: none !important;
cursor: pointer;
padding: 4px 25px 2px 5px;
width: 120%; }
/* line 17, ../sass/forms/_selects.scss */
.form-control.select select option {
margin: 5px 0; }
/* line 21, ../sass/forms/_selects.scss */
.form-control.select:after {
color: #0099cc;
content: "v";
display: block;
font-family: 'symbolsfont';
pointer-events: none;
position: absolute;
right: 5px;
top: 0; }
/* line 2, ../sass/forms/_channel-selector.scss */
.channel-selector .line {
margin-bottom: 5px;
min-height: 22px; }
/* line 6, ../sass/forms/_channel-selector.scss */
.channel-selector .treeview {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: inset rgba(0, 0, 0, 0.5) 0 1px 5px;
-moz-box-shadow: inset rgba(0, 0, 0, 0.5) 0 1px 5px;
box-shadow: inset rgba(0, 0, 0, 0.5) 0 1px 5px;
background: rgba(255, 255, 255, 0.1);
border: none;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
color: #cccccc;
outline: none;
padding: 0 3px;
background: #3b3b3b;
border-bottom: 1px solid #4d4d4d;
min-height: 300px;
max-height: 400px;
overflow: auto;
padding: 5px; }
/* line 12, ../sass/forms/_mixins.scss */
.channel-selector .treeview.error {
background: rgba(255, 0, 0, 0.5); }
/* line 15, ../sass/forms/_channel-selector.scss */
.channel-selector .btns-add-remove {
margin-top: 150px; }
/* line 18, ../sass/forms/_channel-selector.scss */
.channel-selector .btns-add-remove .btn {
display: block;
font-size: 1.5em;
margin-bottom: 5px;
padding: 10px;
text-align: center; }
/* line 2, ../sass/forms/_datetime.scss */
.complex.datetime span {
display: inline-block;
margin-right: 5px; }
/* line 15, ../sass/forms/_datetime.scss */
.complex.datetime .fields {
margin-top: 3px 0;
padding: 3px 0; }
/* line 20, ../sass/forms/_datetime.scss */
.complex.datetime .date {
width: 85px; }
/* line 23, ../sass/forms/_datetime.scss */
.complex.datetime .date input {
width: 80px; }
/* line 29, ../sass/forms/_datetime.scss */
.complex.datetime .time.sm {
width: 45px; }
/* line 32, ../sass/forms/_datetime.scss */
.complex.datetime .time.sm input {
width: 40px; }
/* line 4, ../sass/forms/_filter.scss */
.filter input.filter,
.filter input.t-filter-input,
.t-filter input.filter,
.t-filter input.t-filter-input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: inset rgba(0, 0, 0, 0.5) 0 1px 5px;
-moz-box-shadow: inset rgba(0, 0, 0, 0.5) 0 1px 5px;
box-shadow: inset rgba(0, 0, 0, 0.5) 0 1px 5px;
background: rgba(255, 255, 255, 0.1);
border: none;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
color: #cccccc;
outline: none;
padding: 0 3px;
background: #3b3b3b;
border-bottom: 1px solid #4d4d4d; }
/* line 12, ../sass/forms/_mixins.scss */
.filter input.filter.error,
.filter input.t-filter-input.error,
.t-filter input.filter.error,
.t-filter input.t-filter-input.error {
background: rgba(255, 0, 0, 0.5); }
/* line 7, ../sass/forms/_filter.scss */
.filter input.t-filter-input,
.t-filter input.t-filter-input {
height: 22px;
width: 200px; }
/* line 17, ../sass/forms/_filter.scss */
.filter input.t-filter-input:not(.ng-dirty) + .t-a-clear,
.t-filter input.t-filter-input:not(.ng-dirty) + .t-a-clear {
display: none; }
/* line 21, ../sass/forms/_filter.scss */
.filter .icon.ui-symbol,
.t-filter .icon.ui-symbol {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
display: inline-block;
font-size: 1.3em;
height: 22px;
line-height: 22px;
padding: 0px 5px;
vertical-align: middle; }
/* line 29, ../sass/forms/_filter.scss */
.filter .icon.ui-symbol:hover,
.t-filter .icon.ui-symbol:hover {
background: rgba(255, 255, 255, 0.1); }
/* line 33, ../sass/forms/_filter.scss */
.filter .s-a-clear.ui-symbol,
.t-filter .s-a-clear.ui-symbol {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
opacity: 0.2;
background: white;
color: #333333;
display: block;
position: absolute;
height: 13px;
width: 13px;
line-height: 13px;
margin-top: -6.5px;
overflow: hidden;
padding-top: 1px;
right: 4.5px;
top: 50%;
text-align: center;
z-index: 5; }
/* line 53, ../sass/forms/_filter.scss */
.filter .s-a-clear.ui-symbol:hover,
.t-filter .s-a-clear.ui-symbol:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
opacity: 0.6;
background-color: #0099cc; }
/* line 61, ../sass/forms/_filter.scss */
.l-filter {
display: inline-block;
position: relative; }
/* line 68, ../sass/forms/_filter.scss */
.top-bar input.filter {
font-size: .9em;
height: 35px;
line-height: 35px;
margin-right: 5px;
padding-left: 10px;
padding-right: 10px;
vertical-align: top; }
/* line 79, ../sass/forms/_filter.scss */
.top-bar .icon-filter {
font-size: 1.4em; }
/* line 10, ../sass/plots/_plots-main.scss */
.gl-plot {
color: #999999;
font-size: 0.7rem;
position: relative;
width: 100%;
height: 100%; }
/* line 17, ../sass/plots/_plots-main.scss */
.gl-plot .gl-plot-axis-area {
position: absolute; }
/* line 20, ../sass/plots/_plots-main.scss */
.gl-plot .gl-plot-axis-area.gl-plot-x {
top: auto;
right: 0;
bottom: 5px;
left: 60px;
height: 32px;
width: auto;
overflow: hidden; }
/* line 29, ../sass/plots/_plots-main.scss */
.gl-plot .gl-plot-axis-area.gl-plot-y {
top: 29px;
right: auto;
bottom: 37px;
left: 0;
width: 60px; }
/* line 38, ../sass/plots/_plots-main.scss */
.gl-plot .gl-plot-coords {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
background: rgba(255, 199, 0, 0.5);
color: #e6e6e6;
padding: 2px 5px;
position: absolute;
top: 39px;
right: auto;
bottom: auto;
left: 70px;
z-index: 10; }
/* line 50, ../sass/plots/_plots-main.scss */
.gl-plot .gl-plot-coords:empty {
display: none; }
/* line 55, ../sass/plots/_plots-main.scss */
.gl-plot .gl-plot-display-area {
position: absolute;
top: 29px;
right: 0;
bottom: 37px;
left: 60px;
cursor: crosshair;
border: 1px solid #4d4d4d; }
/* line 66, ../sass/plots/_plots-main.scss */
.gl-plot .gl-plot-label,
.gl-plot .l-plot-label {
color: #cccccc;
position: absolute;
text-align: center; }
/* line 74, ../sass/plots/_plots-main.scss */
.gl-plot .gl-plot-label.gl-plot-x-label, .gl-plot .gl-plot-label.l-plot-x-label,
.gl-plot .l-plot-label.gl-plot-x-label,
.gl-plot .l-plot-label.l-plot-x-label {
top: auto;
right: 0;
bottom: 0;
left: 0;
height: auto; }
/* line 83, ../sass/plots/_plots-main.scss */
.gl-plot .gl-plot-label.gl-plot-y-label, .gl-plot .gl-plot-label.l-plot-y-label,
.gl-plot .l-plot-label.gl-plot-y-label,
.gl-plot .l-plot-label.l-plot-y-label {
-webkit-transform-origin: 50% 0;
-moz-transform-origin: 50% 0;
-ms-transform-origin: 50% 0;
-o-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transform: translateX(-50%) rotate(-90deg);
-moz-transform: translateX(-50%) rotate(-90deg);
-ms-transform: translateX(-50%) rotate(-90deg);
-o-transform: translateX(-50%) rotate(-90deg);
transform: translateX(-50%) rotate(-90deg);
display: inline-block;
margin-left: 5px;
left: 0;
top: 50%;
white-space: nowrap; }
/* line 96, ../sass/plots/_plots-main.scss */
.gl-plot .gl-plot-y-options {
position: absolute;
top: 50%;
right: auto;
bottom: auto;
left: auto5px;
margin-top: -16px;
height: auto;
min-height: 32px;
width: 32px; }
/* line 110, ../sass/plots/_plots-main.scss */
.gl-plot .gl-plot-hash {
position: absolute;
border: 0 rgba(255, 255, 255, 0.3) dashed; }
/* line 113, ../sass/plots/_plots-main.scss */
.gl-plot .gl-plot-hash.hash-v {
border-right-width: 1px;
height: 100%; }
/* line 117, ../sass/plots/_plots-main.scss */
.gl-plot .gl-plot-hash.hash-h {
border-bottom-width: 1px;
width: 100%; }
/* line 123, ../sass/plots/_plots-main.scss */
.gl-plot .gl-plot-legend {
position: absolute;
top: 0;
right: 0;
bottom: auto;
left: 0;
height: 24px;
overflow-x: hidden;
overflow-y: auto; }
/* line 151, ../sass/plots/_plots-main.scss */
.gl-plot-legend .plot-legend-item,
.gl-plot-legend .legend-item,
.legend .plot-legend-item,
.legend .legend-item {
display: inline-block;
margin-right: 10px; }
/* line 154, ../sass/plots/_plots-main.scss */
.gl-plot-legend .plot-legend-item span,
.gl-plot-legend .legend-item span,
.legend .plot-legend-item span,
.legend .legend-item span {
vertical-align: middle; }
/* line 158, ../sass/plots/_plots-main.scss */
.gl-plot-legend .plot-legend-item .plot-color-swatch,
.gl-plot-legend .plot-legend-item .color-swatch,
.gl-plot-legend .legend-item .plot-color-swatch,
.gl-plot-legend .legend-item .color-swatch,
.legend .plot-legend-item .plot-color-swatch,
.legend .plot-legend-item .color-swatch,
.legend .legend-item .plot-color-swatch,
.legend .legend-item .color-swatch {
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
display: inline-block;
height: 8px;
width: 8px;
margin-right: 3px; }
/* line 172, ../sass/plots/_plots-main.scss */
.tick {
position: absolute;
border: 0 rgba(255, 255, 255, 0.3) solid; }
/* line 175, ../sass/plots/_plots-main.scss */
.tick.tick-x {
border-right-width: 1px;
height: 100%; }
/* line 183, ../sass/plots/_plots-main.scss */
.gl-plot-tick,
.tick-label {
font-size: 0.7rem;
position: absolute;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis; }
/* line 191, ../sass/plots/_plots-main.scss */
.gl-plot-tick.gl-plot-x-tick-label, .gl-plot-tick.tick-label-x,
.tick-label.gl-plot-x-tick-label,
.tick-label.tick-label-x {
right: auto;
bottom: auto;
left: auto;
height: auto;
width: 20%;
margin-left: -10%;
text-align: center; }
/* line 201, ../sass/plots/_plots-main.scss */
.gl-plot-tick.gl-plot-y-tick-label, .gl-plot-tick.tick-label-y,
.tick-label.gl-plot-y-tick-label,
.tick-label.tick-label-y {
top: auto;
height: 1em;
width: auto;
margin-bottom: -0.5em;
text-align: right; }
/* line 212, ../sass/plots/_plots-main.scss */
.gl-plot-tick.gl-plot-x-tick-label {
top: 5px; }
/* line 215, ../sass/plots/_plots-main.scss */
.gl-plot-tick.gl-plot-y-tick-label {
right: 5px;
left: 5px; }
/* line 222, ../sass/plots/_plots-main.scss */
.tick-label.tick-label-x {
top: 0; }
/* line 225, ../sass/plots/_plots-main.scss */
.tick-label.tick-label-y {
right: 0;
left: 0; }
/* line 2, ../sass/overlay/_overlay.scss */
.overlay .blocker {
background: rgba(0, 0, 0, 0.7);
z-index: 100; }
/* line 6, ../sass/overlay/_overlay.scss */
.overlay .btn.close {
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px;
padding: 3px 6px;
position: absolute;
border: none;
top: 3px;
right: 3px;
bottom: auto;
left: auto;
z-index: 100; }
/* line 17, ../sass/overlay/_overlay.scss */
.overlay > .holder {
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4d4d4d), color-stop(100%, #404040));
background-image: -webkit-linear-gradient(#4d4d4d, #404040);
background-image: -moz-linear-gradient(#4d4d4d, #404040);
background-image: -o-linear-gradient(#4d4d4d, #404040);
background-image: linear-gradient(#4d4d4d, #404040);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
-moz-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
border: none;
border-top: 1px solid #666666;
color: #999999;
display: inline-block;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
-ms-border-radius: 9px;
-o-border-radius: 9px;
border-radius: 9px;
color: #999999;
top: 15%;
right: 15%;
bottom: 15%;
left: 15%;
z-index: 101; }
/* line 24, ../sass/overlay/_overlay.scss */
.overlay > .holder > .contents {
top: 25px;
right: 25px;
bottom: 25px;
left: 25px; }
/* line 29, ../sass/overlay/_overlay.scss */
.overlay .title {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 1.3em; }
/* line 34, ../sass/overlay/_overlay.scss */
.overlay .top-bar {
height: 60px; }
/* line 38, ../sass/overlay/_overlay.scss */
.overlay .editor {
top: 70px;
bottom: 50px;
left: 0;
right: 0; }
/* line 44, ../sass/overlay/_overlay.scss */
.overlay .bottom-bar {
top: auto;
right: 0;
bottom: 0;
left: 0;
font-size: 1em;
height: 40px;
text-align: right; }
/* line 49, ../sass/overlay/_overlay.scss */
.overlay .bottom-bar .btn {
margin-left: 10px; }
/* line 53, ../sass/overlay/_overlay.scss */
.overlay .contents.l-dialog {
top: 5px;
right: 5px;
bottom: 5px;
left: 5px;
overflow: auto; }
/* line 4, ../sass/user-environ/_frame.scss */
.frame.child-frame.panel {
background: #333333;
border: 1px solid #4d4d4d; }
/* line 7, ../sass/user-environ/_frame.scss */
.frame.child-frame.panel:hover {
border-color: #666666; }
/* line 14, ../sass/user-environ/_frame.scss */
.frame > .object-header.abs, .btn-menu .frame > span.object-header.l-click-area {
font-size: 0.75em;
height: 20px; }
/* line 18, ../sass/user-environ/_frame.scss */
.frame > .object-holder.abs, .btn-menu .frame > span.object-holder.l-click-area {
top: 23px; }
/* line 21, ../sass/user-environ/_frame.scss */
.frame .contents {
top: 5px;
right: 5px;
bottom: 5px;
left: 5px; }
/* line 31, ../sass/user-environ/_frame.scss */
.edit-main .frame.child-frame.panel:hover {
border-color: #0099cc;
-webkit-box-shadow: rgba(0, 0, 0, 0.7) 0 3px 10px;
-moz-box-shadow: rgba(0, 0, 0, 0.7) 0 3px 10px;
box-shadow: rgba(0, 0, 0, 0.7) 0 3px 10px; }
/* line 1, ../sass/user-environ/_top-bar.scss */
.top-bar {
line-height: 35px; }
/* line 7, ../sass/user-environ/_top-bar.scss */
.top-bar.browse, .top-bar.edit {
border-bottom: 1px solid #4d4d4d;
top: 5px;
right: 5px;
bottom: auto;
left: 5px;
height: 35px; }
/* line 16, ../sass/user-environ/_top-bar.scss */
.top-bar .title {
color: #fff; }
/* line 21, ../sass/user-environ/_top-bar.scss */
.top-bar .buttons-main {
font-size: 0.8em;
left: auto;
text-align: right; }
/* line 26, ../sass/user-environ/_top-bar.scss */
.top-bar .buttons-main .btn {
margin-left: 5px; }
/* line 34, ../sass/user-environ/_top-bar.scss */
.edit-mode .top-bar .buttons-main {
white-space: nowrap; }
/* line 38, ../sass/user-environ/_top-bar.scss */
.edit-mode .top-bar .buttons-main.abs, .edit-mode .top-bar .btn-menu span.buttons-main.l-click-area, .btn-menu .edit-mode .top-bar span.buttons-main.l-click-area {
bottom: auto;
left: auto; }
/* line 1, ../sass/user-environ/_bottom-bar.scss */
.ue-bottom-bar {
color: gray;
font-size: 0.7em;
line-height: 16px; }
/* line 5, ../sass/user-environ/_bottom-bar.scss */
.ue-bottom-bar .status-holder {
-webkit-border-radius: 5.25px;
-moz-border-radius: 5.25px;
-ms-border-radius: 5.25px;
-o-border-radius: 5.25px;
border-radius: 5.25px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: black;
border-bottom: 1px solid #4d4d4d;
padding: 2px 5px;
text-transform: uppercase; }
/* line 13, ../sass/user-environ/_bottom-bar.scss */
.ue-bottom-bar .app-logo {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
cursor: pointer;
font-size: 0.8em;
line-height: 10px;
padding-top: 1px;
text-transform: uppercase; }
/* line 20, ../sass/user-environ/_bottom-bar.scss */
.ue-bottom-bar .app-logo.logo-openmctweb {
background: url("../images/logo-openmctweb.svg") no-repeat center center; }
/* line 26, ../sass/user-environ/_bottom-bar.scss */
.status.block {
display: inline-block;
margin-right: 20px; }
/* line 29, ../sass/user-environ/_bottom-bar.scss */
.status.block .status-indicator {
-webkit-border-radius: 2.7px;
-moz-border-radius: 2.7px;
-ms-border-radius: 2.7px;
-o-border-radius: 2.7px;
border-radius: 2.7px;
-webkit-box-shadow: inset rgba(0, 0, 0, 0.5) 0 0 3px;
-moz-box-shadow: inset rgba(0, 0, 0, 0.5) 0 0 3px;
box-shadow: inset rgba(0, 0, 0, 0.5) 0 0 3px;
text-shadow: rgba(0, 0, 0, 0.3) 0 0 2px;
display: inline-block;
font-size: 1.25em;
vertical-align: middle;
margin-right: 5px; }
/* line 37, ../sass/user-environ/_bottom-bar.scss */
.status.block .status-indicator.ok {
color: #009900; }
/* line 40, ../sass/user-environ/_bottom-bar.scss */
.status.block .status-indicator.caution {
color: #ffaa00; }
/* line 1, ../sass/user-environ/_object-browse.scss */
.object-browse-bar {
height: 35px;
line-height: 35px; }
/* line 5, ../sass/user-environ/_object-browse.scss */
.object-browse-bar .items-select .btn-menu {
margin-right: 15px; }
/* line 1, ../sass/user-environ/_tool-bar.scss */
.tool-bar {
border-bottom: 1px solid #4d4d4d; }
/* line 3, ../sass/user-environ/_tool-bar.scss */
.tool-bar .l-control-group {
height: 28px; }
/* line 6, ../sass/user-environ/_tool-bar.scss */
.tool-bar input[type="text"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: .9em;
height: 28px;
margin-bottom: 1px;
position: relative; }
/* line 12, ../sass/user-environ/_tool-bar.scss */
.tool-bar input[type="text"].sm {
width: 28px; }
/* line 16, ../sass/user-environ/_tool-bar.scss */
.tool-bar .input-labeled label {
font-size: 12.6px; }
/* line 6, ../sass/helpers/_bubbles.scss */
.l-infobubble-wrapper {
-webkit-box-shadow: rgba(0, 0, 0, 0.4) 0 1px 5px;
-moz-box-shadow: rgba(0, 0, 0, 0.4) 0 1px 5px;
box-shadow: rgba(0, 0, 0, 0.4) 0 1px 5px;
position: absolute;
z-index: 70; }
/* line 11, ../sass/helpers/_bubbles.scss */
.l-infobubble-wrapper .l-infobubble {
display: inline-block;
max-width: 250px;
padding: 5px 10px; }
/* line 15, ../sass/helpers/_bubbles.scss */
.l-infobubble-wrapper .l-infobubble:before {
content: "";
position: absolute;
width: 0;
height: 0; }
/* line 21, ../sass/helpers/_bubbles.scss */
.l-infobubble-wrapper .l-infobubble table {
width: 100%; }
/* line 24, ../sass/helpers/_bubbles.scss */
.l-infobubble-wrapper .l-infobubble table tr td {
padding: 2px 0;
vertical-align: top; }
/* line 31, ../sass/helpers/_bubbles.scss */
.l-infobubble-wrapper .l-infobubble table tr td.label {
padding-right: 10px;
white-space: nowrap; }
/* line 35, ../sass/helpers/_bubbles.scss */
.l-infobubble-wrapper .l-infobubble table tr td.value {
white-space: nowrap; }
/* line 39, ../sass/helpers/_bubbles.scss */
.l-infobubble-wrapper .l-infobubble table tr td.align-wrap {
white-space: normal; }
/* line 45, ../sass/helpers/_bubbles.scss */
.l-infobubble-wrapper .l-infobubble .title {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
margin-bottom: 5px; }
/* line 52, ../sass/helpers/_bubbles.scss */
.l-infobubble-wrapper.arw-left {
margin-left: 10px; }
/* line 54, ../sass/helpers/_bubbles.scss */
.l-infobubble-wrapper.arw-left .l-infobubble::before {
right: 100%;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-right: 7.5px solid #dddddd; }
/* line 62, ../sass/helpers/_bubbles.scss */
.l-infobubble-wrapper.arw-right {
margin-right: 10px; }
/* line 64, ../sass/helpers/_bubbles.scss */
.l-infobubble-wrapper.arw-right .l-infobubble::before {
left: 100%;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-left: 7.5px solid #dddddd; }
/* line 73, ../sass/helpers/_bubbles.scss */
.l-infobubble-wrapper.arw-top .l-infobubble::before {
top: 10px; }
/* line 79, ../sass/helpers/_bubbles.scss */
.l-infobubble-wrapper.arw-btm .l-infobubble::before {
bottom: 10px; }
/* line 84, ../sass/helpers/_bubbles.scss */
.l-infobubble-wrapper.arw-down {
margin-bottom: 10px; }
/* line 86, ../sass/helpers/_bubbles.scss */
.l-infobubble-wrapper.arw-down .l-infobubble::before {
left: 50%;
top: 100%;
margin-left: -5px;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 7.5px solid #dddddd; }
/* line 99, ../sass/helpers/_bubbles.scss */
.s-infobubble {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
background: #dddddd;
color: #666666;
font-size: 0.8rem; }
/* line 105, ../sass/helpers/_bubbles.scss */
.s-infobubble .title {
color: #333333;
font-weight: bold; }
/* line 110, ../sass/helpers/_bubbles.scss */
.s-infobubble tr td {
border-top: 1px solid #c4c4c4;
font-size: 0.9em; }
/* line 114, ../sass/helpers/_bubbles.scss */
.s-infobubble tr:first-child td {
border-top: none; }
/* line 118, ../sass/helpers/_bubbles.scss */
.s-infobubble .value {
color: #333333; }
/* line 8, ../sass/helpers/_splitter.scss */
.split-layout .splitter {
background-color: #404040;
-webkit-box-shadow: rgba(0, 0, 0, 0.4) 0 0 3px;
-moz-box-shadow: rgba(0, 0, 0, 0.4) 0 0 3px;
box-shadow: rgba(0, 0, 0, 0.4) 0 0 3px;
overflow: hidden;
position: absolute;
z-index: 1; }
/* line 15, ../sass/helpers/_splitter.scss */
.split-layout.horizontal {
overflow: hidden; }
/* line 18, ../sass/helpers/_splitter.scss */
.split-layout.horizontal .pane {
left: 0;
right: 0; }
/* line 21, ../sass/helpers/_splitter.scss */
.split-layout.horizontal .pane.top {
bottom: auto; }
/* line 25, ../sass/helpers/_splitter.scss */
.split-layout.horizontal .pane.bottom {
top: auto; }
/* line 30, ../sass/helpers/_splitter.scss */
.split-layout.horizontal > .splitter {
cursor: row-resize;
left: 0;
right: 0;
width: auto;
height: 5px; }
/* line 99, ../sass/_mixins.scss */
.split-layout.horizontal > .splitter:before {
content: '';
display: block;
height: auto;
position: absolute;
z-index: 2;
border-top: 1px dotted #1a1a1a;
top: 2px;
left: 5px;
right: 5px; }
/* line 120, ../sass/_mixins.scss */
.split-layout.horizontal > .splitter:not(.disabled):hover:before {
border-color: rgba(0, 153, 204, 0.9); }
/* line 42, ../sass/helpers/_splitter.scss */
.split-layout.vertical .pane {
top: 0;
bottom: 0; }
/* line 45, ../sass/helpers/_splitter.scss */
.split-layout.vertical .pane.left {
right: auto; }
/* line 49, ../sass/helpers/_splitter.scss */
.split-layout.vertical .pane.right {
left: auto; }
/* line 54, ../sass/helpers/_splitter.scss */
.split-layout.vertical > .splitter {
bottom: 0;
cursor: col-resize;
width: 5px; }
/* line 99, ../sass/_mixins.scss */
.split-layout.vertical > .splitter:before {
content: '';
display: block;
height: auto;
position: absolute;
z-index: 2;
border-left: 1px dotted #1a1a1a;
left: 2px;
bottom: 5px;
top: 5px; }
/* line 120, ../sass/_mixins.scss */
.split-layout.vertical > .splitter:not(.disabled):hover:before {
border-color: rgba(0, 153, 204, 0.9); }
/* line 65, ../sass/helpers/_splitter.scss */
.browse-area .splitter {
top: 40px; }
/* line 69, ../sass/helpers/_splitter.scss */
.edit-area .splitter {
top: 0; }
@-webkit-keyframes rotation {
/* line 2, ../sass/helpers/_wait-spinner.scss */
from {
-webkit-transform: rotate(0deg); }
/* line 3, ../sass/helpers/_wait-spinner.scss */
to {
-webkit-transform: rotate(359deg); } }
@-moz-keyframes rotation {
/* line 7, ../sass/helpers/_wait-spinner.scss */
from {
-moz-transform: rotate(0deg); }
/* line 8, ../sass/helpers/_wait-spinner.scss */
to {
-moz-transform: rotate(359deg); } }
@-o-keyframes rotation {
/* line 12, ../sass/helpers/_wait-spinner.scss */
from {
-o-transform: rotate(0deg); }
/* line 13, ../sass/helpers/_wait-spinner.scss */
to {
-o-transform: rotate(359deg); } }
@keyframes rotation {
/* line 17, ../sass/helpers/_wait-spinner.scss */
from {
transform: rotate(0deg); }
/* line 18, ../sass/helpers/_wait-spinner.scss */
to {
transform: rotate(359deg); } }
/* line 22, ../sass/helpers/_wait-spinner.scss */
.t-wait-spinner,
.wait-spinner {
display: block;
position: absolute;
-webkit-animation: rotation 0.6s infinite linear;
-moz-animation: rotation 0.6s infinite linear;
-o-animation: rotation 0.6s infinite linear;
animation: rotation 0.6s infinite linear;
border-color: rgba(0, 153, 204, 0.25);
border-top-color: #0099cc;
border-style: solid;
border-width: 0.5em;
border-radius: 100%;
top: 50%;
left: 50%;
height: auto;
width: auto;
padding: 5%;
pointer-events: none;
margin-top: -5%;
margin-left: -5%;
z-index: 2; }
/* line 34, ../sass/helpers/_wait-spinner.scss */
.l-wait-spinner-holder {
pointer-events: none;
position: absolute; }
/* line 38, ../sass/helpers/_wait-spinner.scss */
.l-wait-spinner-holder.align-left .t-wait-spinner {
left: 0;
margin-left: 0; }
/* line 43, ../sass/helpers/_wait-spinner.scss */
.l-wait-spinner-holder.full-size {
display: inline-block;
height: 100%;
width: 100%; }
/* line 46, ../sass/helpers/_wait-spinner.scss */
.l-wait-spinner-holder.full-size .t-wait-spinner {
top: 0;
margin-top: 0;
padding: 30%; }
/* line 55, ../sass/helpers/_wait-spinner.scss */
.treeview .wait-spinner {
display: block;
position: absolute;
-webkit-animation: rotation 0.6s infinite linear;
-moz-animation: rotation 0.6s infinite linear;
-o-animation: rotation 0.6s infinite linear;
animation: rotation 0.6s infinite linear;
border-color: rgba(0, 153, 204, 0.25);
border-top-color: #0099cc;
border-style: solid;
border-width: 0.25em;
border-radius: 100%;
height: 18px;
width: 18px;
margin: 0 !important;
padding: 0 !important;
top: 2px;
left: 0; }
/* Classes to be used for lists of properties and values */
/* line 4, ../sass/_properties.scss */
.properties .s-row {
border-top: 1px solid #4d4d4d;
font-size: 0.8em; }
/* line 7, ../sass/_properties.scss */
.properties .s-row:first-child {
border: none; }
/* line 10, ../sass/_properties.scss */
.properties .s-row .s-value {
color: #fff; }
/* line 1, ../sass/_autoflow.scss */
.autoflow {
font-size: 0.75rem; }
/* line 9, ../sass/_autoflow.scss */
.autoflow .l-autoflow-header {
bottom: auto;
height: 22px;
line-height: 22px; }
/* line 13, ../sass/_autoflow.scss */
.autoflow .l-autoflow-header span {
vertical-align: middle; }
/* line 16, ../sass/_autoflow.scss */
.autoflow .l-autoflow-header .l-filter {
margin-left: 5px; }
/* line 21, ../sass/_autoflow.scss */
.autoflow .l-autoflow-items {
overflow-x: scroll;
overflow-y: hidden;
top: 32px;
white-space: nowrap; }
/* line 27, ../sass/_autoflow.scss */
.autoflow .l-autoflow-items .l-autoflow-col {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-left: 1px solid #4d4d4d;
display: inline-block;
padding-left: 5px;
padding-right: 5px;
vertical-align: top;
width: 225px; }
/* line 37, ../sass/_autoflow.scss */
.autoflow .l-autoflow-items .l-autoflow-col .l-autoflow-row {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-bottom: 1px solid rgba(255, 255, 255, 0.05);
display: block;
height: 15px;
line-height: 15px;
margin-bottom: 1px;
margin-top: 1px;
position: relative; }
/* line 46, ../sass/_autoflow.scss */
.autoflow .l-autoflow-items .l-autoflow-col .l-autoflow-row:first-child {
border-top: none; }
/* line 49, ../sass/_autoflow.scss */
.autoflow .l-autoflow-items .l-autoflow-col .l-autoflow-row:hover {
background: rgba(255, 255, 255, 0.1); }
/* line 52, ../sass/_autoflow.scss */
.autoflow .l-autoflow-items .l-autoflow-col .l-autoflow-row.stale {
color: #666666; }
/* line 56, ../sass/_autoflow.scss */
.autoflow .l-autoflow-items .l-autoflow-col .l-autoflow-row:not(.stale) .l-autoflow-item.r {
color: #cccccc; }
/* line 61, ../sass/_autoflow.scss */
.autoflow .l-autoflow-items .l-autoflow-col .l-autoflow-row.alert .l-autoflow-item.r {
background: #cc0000; }
/* line 65, ../sass/_autoflow.scss */
.autoflow .l-autoflow-items .l-autoflow-col .l-autoflow-row.first-in-group {
border-top: 1px solid gray; }
/* line 68, ../sass/_autoflow.scss */
.autoflow .l-autoflow-items .l-autoflow-col .l-autoflow-row .l-autoflow-item {
display: block; }
/* line 70, ../sass/_autoflow.scss */
.autoflow .l-autoflow-items .l-autoflow-col .l-autoflow-row .l-autoflow-item.l {
float: none;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: auto; }
/* line 78, ../sass/_autoflow.scss */
.autoflow .l-autoflow-items .l-autoflow-col .l-autoflow-row .l-autoflow-item.r {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
float: right;
margin-left: 5px;
padding-left: 2px;
padding-right: 2px;
text-align: right; }
/* line 90, ../sass/_autoflow.scss */
.autoflow .l-autoflow-items .l-autoflow-col:first-child {
border-left: none;
padding-left: 0; }
/* Styles for the iframe EmbeddedPageController element */
/* line 4, ../sass/_iframe.scss */
.l-iframe iframe {
display: block;
height: 100%;
width: 100%; }
/******************************** BROWSE */
/* line 6, ../sass/_hide-non-functional.scss */
.browse-mode .browse.top-bar {
display: none; }
/* line 11, ../sass/_hide-non-functional.scss */
.browse-mode .browse-area.holder {
top: 5px; }
/* line 18, ../sass/_hide-non-functional.scss */
.browse-mode .browse-area.holder > .contents.split-layout .object-browse-bar .t-btn.key-window {
display: none; }