alihan/openmct
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

[Frontend] type-icon evolving to universal t-item-icon

Browse Source 
open #90
Major work in-progress on switching to .t-item-icon from
.type-icon to get item icons working better, especially
in .inspector-location in Inspector;
Significant mods to label.html;
This commit is contained in:
Charles Hacskaylo
2015-10-28 00:24:57 -07:00
parent fc704b8056
commit 134d853f19
10 changed files with 481 additions and 372 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
platform/commonUI/browse/res/templates/items/grid-item.html
View File

@@ -26,14 +26,8 @@
<div class='ui-symbol profile' title='Shared'>&#x4f;</div> <div class='ui-symbol profile' title='Shared'>&#x4f;</div>
<mct-representation class="desktop-hide" key="'info-button'" mct-object="domainObject"></mct-representation> <mct-representation class="desktop-hide" key="'info-button'" mct-object="domainObject"></mct-representation>
</div> </div>
<div class='item-main abs'> <div class='item-main abs lg'>
<div class='ui-symbol icon lg item-type'> <span class="t-item-icon" ng-class="{ 'l-icon-link':location.isLink() }">{{type.getGlyph()}}</span>
{{type.getGlyph()}}
<span
class="ui-symbol l-icon-link" title="This object is a link"
ng-show="location.isLink()"
></span>
</div>
<div class='ui-symbol abs item-open'>}</div> <div class='ui-symbol abs item-open'>}</div>
</div> </div>
<div class='bottom-bar bar abs'> <div class='bottom-bar bar abs'>

35
platform/commonUI/general/res/sass/_icons.scss
View File

@@ -50,19 +50,6 @@
&.icon-calendar:after { &.icon-calendar:after {
content: "\e605"; content: "\e605";
} }
&.l-icon-link {
color: $colorIconLink;
height: auto;
line-height: 100%;
position: absolute;
font-size: 0.4em !important;
left: 0px;
bottom: 5%;
z-index: 2;
&:before {
content: "\f4";
}
}
} }
.bar .ui-symbol { .bar .ui-symbol {
@@ -91,4 +78,26 @@
color: $colorAlert; color: $colorAlert;
content: "!"; content: "!";
} }
}
// NEW!!
.t-item-icon {
// Used in grid-item.html, tree-item, inspector location, more?
@extend .ui-symbol;
@extend .icon;
display: inline-block;
position: relative;
&.l-icon-link {
&:before {
color: $colorIconLink;
height: 30%; width: auto;
line-height: normal;
position: absolute;
font-size: 0.35em;
left: 0px;
bottom: 10%;
z-index: 2;
content: "\f4";
}
}
} }

2
platform/commonUI/general/res/sass/controls/_lists.scss
View File

@@ -32,7 +32,7 @@
.l-tree-item-flat-list { .l-tree-item-flat-list {
// For lists of tree-items that are flat. Remove margin, etc. normally needed for the expansion arrow. // For lists of tree-items that are flat. Remove margin, etc. normally needed for the expansion arrow.
.tree-item { .tree-item {
.label { .t-object-label {
left: $interiorMargin !important; left: $interiorMargin !important;
} }
} }

19
platform/commonUI/general/res/sass/items/_item.scss
View File

@@ -86,17 +86,16 @@
//top: $ueBrowseGridItemTopBarH; bottom: $ueBrowseGridItemBottomBarH; // //top: $ueBrowseGridItemTopBarH; bottom: $ueBrowseGridItemBottomBarH; //
line-height: $lh; line-height: $lh;
z-index: 1; z-index: 1;
.item-type { .item-type,
//@include trans-prop-nice("color", $transTime); .t-item-icon {
@include absPosDefault($iconMargin, hidden); //@include test();
//@include test(red); @include transform(translateX(-50%) translateY(-55%));
//color: $colorItemIc; position: absolute;
text-align: center; top: 50%; left: 50%;
//height: $iconD; width: $iconD;
font-size: $iconD * 0.95; //6em; font-size: $iconD * 0.95; //6em;
line-height: $iconD; //line-height: normal;
bottom: auto; //text-align: center;
height: $iconD;
top: $iconMargin - 10;
} }
.item-open { .item-open {
@include trans-prop-nice("opacity", $transTime); @include trans-prop-nice("opacity", $transTime);

15
platform/commonUI/general/res/sass/mobile/_item.scss
View File

@@ -49,18 +49,11 @@
} }
.item-main { .item-main {
.item-type { .item-type,
//@include test(blue); .t-item-icon {
font-size: $mobileListIconSize; font-size: $mobileListIconSize;
right: auto; left: $interiorMarginLg + $interiorMargin;
bottom: auto; line-height: normal;
left: 0;
line-height: 100%;
text-align: left;
width: $mobileListIconSize;
.l-icon-link {
bottom: 0;
}
} }
.item-open { .item-open {
display: block; display: block;

13
platform/commonUI/general/res/sass/mobile/_tree.scss
View File

@@ -37,21 +37,18 @@
//@include test(red); //@include test(red);
position: absolute; position: absolute;
font-size: 1.1em; font-size: 1.1em;
height: $mobileTreeItemH;
line-height: inherit;
right: 0px; right: 0px;
width: $mobileTreeRightArrowW; width: $mobileTreeRightArrowW;
text-align: center; text-align: center;
} }
.label { .label,
.t-object-label {
left: 0; left: 0;
right: $mobileTreeRightArrowW + $interiorMargin; // Allows tree item name to stop prior to the arrow right: $mobileTreeRightArrowW + $interiorMargin; // Allows tree item name to stop prior to the arrow
line-height: $mobileTreeItemH; line-height: inherit;
//font-size: 1.1em; // CH CO
.type-icon {
@include verticalCenterBlock($mobileTreeItemH, $treeTypeIconH);
}
.title-label {
}
} }
} }
} }

21
platform/commonUI/general/res/sass/tree/_tree.scss
View File

@@ -52,7 +52,6 @@ ul.tree {
font-size: 0.75em; font-size: 0.75em;
width: $treeVCW; width: $treeVCW;
$runningItemW: $interiorMargin + $treeVCW; $runningItemW: $interiorMargin + $treeVCW;
// NOTE: [Mobile] Removed Hover on Mobile
@include desktop { @include desktop {
&:hover { &:hover {
color: $colorItemTreeVCHover !important; color: $colorItemTreeVCHover !important;
@@ -60,13 +59,20 @@ ul.tree {
} }
} }
.label { .label,
.t-object-label {
display: block; display: block;
// @include test(orange);
@include absPosDefault(); @include absPosDefault();
//left: $runningItemW + $interiorMargin; // Adding pad to left to make room for link icon
line-height: $menuLineH; line-height: $menuLineH;
//left: $runningItemW;
.t-item-icon {
$d: $treeTypeIconH; // 16px is crisp size
@include txtShdwSubtle($shdwItemTreeIcon);
font-size: $d;
color: $colorItemTreeIcon;
position: absolute;
left: $interiorMargin; right: auto; width: $d;
}
.type-icon { .type-icon {
//@include absPosDefault(0, false); //@include absPosDefault(0, false);
@@ -100,7 +106,8 @@ ul.tree {
} }
} }
} }
.title-label { .title-label,
.t-title-label {
@include absPosDefault(); @include absPosDefault();
display: block; display: block;
left: $runningItemW + ($interiorMargin * 3); left: $runningItemW + ($interiorMargin * 3);
@@ -152,7 +159,7 @@ ul.tree {
} }
.tree-item { .tree-item {
.label { .t-object-label {
left: $interiorMargin + $treeVCW; left: $interiorMargin + $treeVCW;
} }
} }

15
platform/commonUI/general/res/templates/label.html
View File

@@ -19,16 +19,7 @@
this source code distribution or the Licensing information page available this source code distribution or the Licensing information page available
at runtime from the About dialog for additional information. at runtime from the About dialog for additional information.
--> -->
<span class="label s-label"> <span class="t-object-label">
<span class='ui-symbol icon type-icon'> <span class="t-item-icon" ng-class="{ 'l-icon-link':location.isLink() }">{{type.getGlyph()}}</span>
{{type.getGlyph()}} <span class='t-title-label'>{{model.name}}</span>
<span
class='ui-symbol icon l-icon-link'
ng-show="location.isLink()"
></span>
<span class='ui-symbol icon l-icon-alert'></span>
</span>
<span class='title-label'>
{{model.name}}
</span>
</span> </span>

364
platform/commonUI/themes/espresso/res/css/theme-espresso.css
View File

@@ -604,69 +604,74 @@ mct-container {
border-right: 5px solid transparent; } border-right: 5px solid transparent; }
/* line 31, ../../../../general/res/sass/_icons.scss */ /* line 31, ../../../../general/res/sass/_icons.scss */
.ui-symbol, .s-icon-btn, .mini-tab-icon, .l-datetime-picker .l-month-year-pager .pager { .ui-symbol, .t-item-icon, .s-icon-btn, .mini-tab-icon, .l-datetime-picker .l-month-year-pager .pager {
font-family: 'symbolsfont'; } font-family: 'symbolsfont'; }
/* line 33, ../../../../general/res/sass/_icons.scss */ /* line 33, ../../../../general/res/sass/_icons.scss */
.ui-symbol.type-icon, .type-icon.s-icon-btn, .type-icon.mini-tab-icon, .l-datetime-picker .l-month-year-pager .type-icon.pager { .ui-symbol.type-icon, .type-icon.t-item-icon, .type-icon.s-icon-btn, .type-icon.mini-tab-icon, .l-datetime-picker .l-month-year-pager .type-icon.pager {
color: #cccccc; } color: #cccccc; }
/* line 36, ../../../../general/res/sass/_icons.scss */ /* line 36, ../../../../general/res/sass/_icons.scss */
.ui-symbol.icon, .icon.s-icon-btn, .icon.mini-tab-icon, .l-datetime-picker .l-month-year-pager .icon.pager { .ui-symbol.icon, .t-item-icon, .icon.s-icon-btn, .icon.mini-tab-icon, .l-datetime-picker .l-month-year-pager .icon.pager, .l-datetime-picker .l-month-year-pager .pager.t-item-icon {
color: #0099cc; color: #0099cc;
font-size: inherit; } font-size: inherit; }
/* line 40, ../../../../general/res/sass/_icons.scss */ /* line 40, ../../../../general/res/sass/_icons.scss */
.ui-symbol.icon.alert, .icon.alert.s-icon-btn, .icon.alert.mini-tab-icon, .l-datetime-picker .l-month-year-pager .icon.alert.pager { .ui-symbol.icon.alert, .alert.t-item-icon, .icon.alert.s-icon-btn, .icon.alert.mini-tab-icon, .l-datetime-picker .l-month-year-pager .icon.alert.pager, .l-datetime-picker .l-month-year-pager .alert.pager.t-item-icon {
color: #ff3c00; } color: #ff3c00; }
/* line 42, ../../../../general/res/sass/_icons.scss */ /* line 42, ../../../../general/res/sass/_icons.scss */
.ui-symbol.icon.alert:hover, .icon.alert.s-icon-btn:hover, .icon.alert.mini-tab-icon:hover, .l-datetime-picker .l-month-year-pager .icon.alert.pager:hover { .ui-symbol.icon.alert:hover, .alert.t-item-icon:hover, .icon.alert.s-icon-btn:hover, .icon.alert.mini-tab-icon:hover, .l-datetime-picker .l-month-year-pager .icon.alert.pager:hover {
color: #ff8a66; } color: #ff8a66; }
/* line 46, ../../../../general/res/sass/_icons.scss */ /* line 46, ../../../../general/res/sass/_icons.scss */
.ui-symbol.icon.major, .icon.major.s-icon-btn, .icon.major.mini-tab-icon, .l-datetime-picker .l-month-year-pager .icon.major.pager { .ui-symbol.icon.major, .major.t-item-icon, .icon.major.s-icon-btn, .icon.major.mini-tab-icon, .l-datetime-picker .l-month-year-pager .icon.major.pager, .l-datetime-picker .l-month-year-pager .major.pager.t-item-icon {
font-size: 1.65em; } font-size: 1.65em; }
/* line 50, ../../../../general/res/sass/_icons.scss */ /* line 50, ../../../../general/res/sass/_icons.scss */
.ui-symbol.icon-calendar:after, .icon-calendar.s-icon-btn:after, .icon-calendar.mini-tab-icon:after, .l-datetime-picker .l-month-year-pager .icon-calendar.pager:after { .ui-symbol.icon-calendar:after, .icon-calendar.t-item-icon:after, .icon-calendar.s-icon-btn:after, .icon-calendar.mini-tab-icon:after, .l-datetime-picker .l-month-year-pager .icon-calendar.pager:after {
content: "\e605"; } content: "\e605"; }
/* line 53, ../../../../general/res/sass/_icons.scss */
.ui-symbol.l-icon-link, .l-icon-link.s-icon-btn, .l-icon-link.mini-tab-icon, .l-datetime-picker .l-month-year-pager .l-icon-link.pager {
color: #49dedb;
height: auto;
line-height: 100%;
position: absolute;
font-size: 0.4em !important;
left: 0px;
bottom: 5%;
z-index: 2; }
/* line 62, ../../../../general/res/sass/_icons.scss */
.ui-symbol.l-icon-link:before, .l-icon-link.s-icon-btn:before, .l-icon-link.mini-tab-icon:before, .l-datetime-picker .l-month-year-pager .l-icon-link.pager:before {
content: "\f4"; }
/* line 68, ../../../../general/res/sass/_icons.scss */ /* line 55, ../../../../general/res/sass/_icons.scss */
.bar .ui-symbol, .bar .s-icon-btn, .bar .mini-tab-icon, .bar .l-datetime-picker .l-month-year-pager .pager, .l-datetime-picker .l-month-year-pager .bar .pager { .bar .ui-symbol, .bar .t-item-icon, .bar .s-icon-btn, .bar .mini-tab-icon, .bar .l-datetime-picker .l-month-year-pager .pager, .l-datetime-picker .l-month-year-pager .bar .pager {
display: inline-block; } display: inline-block; }
/* line 72, ../../../../general/res/sass/_icons.scss */ /* line 59, ../../../../general/res/sass/_icons.scss */
.invoke-menu { .invoke-menu {
text-shadow: none; text-shadow: none;
display: inline-block; } display: inline-block; }
/* line 77, ../../../../general/res/sass/_icons.scss */ /* line 64, ../../../../general/res/sass/_icons.scss */
.s-menu-btn .invoke-menu, .s-menu-btn .invoke-menu,
.icon.major .invoke-menu { .icon.major .invoke-menu,
.major.t-item-icon .invoke-menu {
margin-left: 3px; } margin-left: 3px; }
/* line 82, ../../../../general/res/sass/_icons.scss */ /* line 69, ../../../../general/res/sass/_icons.scss */
.menu .type-icon, .menu .type-icon,
.tree-item .type-icon, .tree-item .type-icon,
.super-menu.menu .type-icon { .super-menu.menu .type-icon {
position: absolute; } position: absolute; }
/* line 88, ../../../../general/res/sass/_icons.scss */ /* line 75, ../../../../general/res/sass/_icons.scss */
.l-icon-alert { .l-icon-alert {
display: none !important; } display: none !important; }
/* line 90, ../../../../general/res/sass/_icons.scss */ /* line 77, ../../../../general/res/sass/_icons.scss */
.l-icon-alert:before { .l-icon-alert:before {
color: #ff3c00; color: #ff3c00;
content: "!"; } content: "!"; }
/* line 84, ../../../../general/res/sass/_icons.scss */
.t-item-icon {
display: inline-block;
position: relative; }
/* line 91, ../../../../general/res/sass/_icons.scss */
.t-item-icon.l-icon-link:before {
color: #49dedb;
height: 30%;
width: auto;
line-height: normal;
position: absolute;
font-size: 0.35em;
left: 0px;
bottom: 10%;
z-index: 2;
content: "\f4"; }
/* line 13, ../../../../general/res/sass/_limits.scss */ /* line 13, ../../../../general/res/sass/_limits.scss */
.s-limit-red { .s-limit-red {
background: rgba(255, 0, 0, 0.3) !important; } background: rgba(255, 0, 0, 0.3) !important; }
@@ -1316,7 +1321,7 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
background: rgba(153, 153, 153, 0.1); background: rgba(153, 153, 153, 0.1);
color: #cccccc; } color: #cccccc; }
/* line 86, ../../../../general/res/sass/_inspector.scss */ /* line 86, ../../../../general/res/sass/_inspector.scss */
.l-inspect .inspector-location .location-item:hover .icon { .l-inspect .inspector-location .location-item:hover .icon, .l-inspect .inspector-location .location-item:hover .t-item-icon {
color: #33ccff; } color: #33ccff; }
/* line 91, ../../../../general/res/sass/_inspector.scss */ /* line 91, ../../../../general/res/sass/_inspector.scss */
.l-inspect .inspector-location:not(.first):before { .l-inspect .inspector-location:not(.first):before {
@@ -1350,7 +1355,7 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
display: inline-block; display: inline-block;
padding: 2px 4px; } padding: 2px 4px; }
/* line 18, ../../../../general/res/sass/controls/_breadcrumb.scss */ /* line 18, ../../../../general/res/sass/controls/_breadcrumb.scss */
.l-breadcrumb .l-breadcrumb-item a .icon { .l-breadcrumb .l-breadcrumb-item a .icon, .l-breadcrumb .l-breadcrumb-item a .t-item-icon {
color: #0099cc; color: #0099cc;
margin-right: 5px; } margin-right: 5px; }
/* line 22, ../../../../general/res/sass/controls/_breadcrumb.scss */ /* line 22, ../../../../general/res/sass/controls/_breadcrumb.scss */
@@ -1358,7 +1363,7 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
background: #4d4d4d; background: #4d4d4d;
color: #b3b3b3; } color: #b3b3b3; }
/* line 25, ../../../../general/res/sass/controls/_breadcrumb.scss */ /* line 25, ../../../../general/res/sass/controls/_breadcrumb.scss */
.l-breadcrumb .l-breadcrumb-item a:hover .icon { .l-breadcrumb .l-breadcrumb-item a:hover .icon, .l-breadcrumb .l-breadcrumb-item a:hover .t-item-icon {
color: #33ccff; } color: #33ccff; }
/***************************************************************************** /*****************************************************************************
@@ -1402,7 +1407,7 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
padding: 0 7.5px; padding: 0 7.5px;
font-size: 0.7rem; } font-size: 0.7rem; }
/* line 39, ../../../../general/res/sass/controls/_buttons.scss */ /* line 39, ../../../../general/res/sass/controls/_buttons.scss */
.s-btn .icon, .s-menu-btn .icon { .s-btn .icon, .s-menu-btn .icon, .s-btn .t-item-icon, .s-menu-btn .t-item-icon {
font-size: 0.8rem; font-size: 0.8rem;
color: #0099cc; } color: #0099cc; }
/* line 44, ../../../../general/res/sass/controls/_buttons.scss */ /* line 44, ../../../../general/res/sass/controls/_buttons.scss */
@@ -1447,14 +1452,14 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
transition: background, 0.25s; transition: background, 0.25s;
text-shadow: rgba(0, 0, 0, 0.1) 0 1px 2px; } text-shadow: rgba(0, 0, 0, 0.1) 0 1px 2px; }
/* line 274, ../../../../general/res/sass/_mixins.scss */ /* line 274, ../../../../general/res/sass/_mixins.scss */
.s-btn.major .icon, .major.s-menu-btn .icon { .s-btn.major .icon, .major.s-menu-btn .icon, .s-btn.major .t-item-icon, .major.s-menu-btn .t-item-icon {
color: #fff; } color: #fff; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
/* line 279, ../../../../general/res/sass/_mixins.scss */ /* line 279, ../../../../general/res/sass/_mixins.scss */
.s-btn.major:not(.disabled):hover, .major.s-menu-btn:not(.disabled):hover { .s-btn.major:not(.disabled):hover, .major.s-menu-btn:not(.disabled):hover {
background: linear-gradient(#1ac6ff, #00bfff); } background: linear-gradient(#1ac6ff, #00bfff); }
/* line 281, ../../../../general/res/sass/_mixins.scss */ /* line 281, ../../../../general/res/sass/_mixins.scss */
.s-btn.major:not(.disabled):hover > .icon, .major.s-menu-btn:not(.disabled):hover > .icon { .s-btn.major:not(.disabled):hover > .icon, .major.s-menu-btn:not(.disabled):hover > .icon, .s-btn.major:not(.disabled):hover > .t-item-icon, .major.s-menu-btn:not(.disabled):hover > .t-item-icon {
color: white; } } color: white; } }
/* line 66, ../../../../general/res/sass/controls/_buttons.scss */ /* line 66, ../../../../general/res/sass/controls/_buttons.scss */
.s-btn:not(.major), .s-menu-btn:not(.major) { .s-btn:not(.major), .s-menu-btn:not(.major) {
@@ -1486,17 +1491,17 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
transition: background, 0.25s; transition: background, 0.25s;
text-shadow: rgba(0, 0, 0, 0.1) 0 1px 2px; } text-shadow: rgba(0, 0, 0, 0.1) 0 1px 2px; }
/* line 274, ../../../../general/res/sass/_mixins.scss */ /* line 274, ../../../../general/res/sass/_mixins.scss */
.s-btn:not(.major) .icon, .s-menu-btn:not(.major) .icon { .s-btn:not(.major) .icon, .s-menu-btn:not(.major) .icon, .s-btn:not(.major) .t-item-icon, .s-menu-btn:not(.major) .t-item-icon {
color: #0099cc; } color: #0099cc; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
/* line 279, ../../../../general/res/sass/_mixins.scss */ /* line 279, ../../../../general/res/sass/_mixins.scss */
.s-btn:not(.major):not(.disabled):hover, .s-menu-btn:not(.major):not(.disabled):hover { .s-btn:not(.major):not(.disabled):hover, .s-menu-btn:not(.major):not(.disabled):hover {
background: linear-gradient(#6b6b6b, #5e5e5e); } background: linear-gradient(#6b6b6b, #5e5e5e); }
/* line 281, ../../../../general/res/sass/_mixins.scss */ /* line 281, ../../../../general/res/sass/_mixins.scss */
.s-btn:not(.major):not(.disabled):hover > .icon, .s-menu-btn:not(.major):not(.disabled):hover > .icon { .s-btn:not(.major):not(.disabled):hover > .icon, .s-menu-btn:not(.major):not(.disabled):hover > .icon, .s-btn:not(.major):not(.disabled):hover > .t-item-icon, .s-menu-btn:not(.major):not(.disabled):hover > .t-item-icon {
color: #33ccff; } } color: #33ccff; } }
/* line 75, ../../../../general/res/sass/controls/_buttons.scss */ /* line 75, ../../../../general/res/sass/controls/_buttons.scss */
.s-btn.pause-play .icon:before, .pause-play.s-menu-btn .icon:before { .s-btn.pause-play .icon:before, .pause-play.s-menu-btn .icon:before, .s-btn.pause-play .t-item-icon:before, .pause-play.s-menu-btn .t-item-icon:before {
content: "\0000F1"; } content: "\0000F1"; }
/* line 78, ../../../../general/res/sass/controls/_buttons.scss */ /* line 78, ../../../../general/res/sass/controls/_buttons.scss */
.s-btn.pause-play.paused, .pause-play.paused.s-menu-btn { .s-btn.pause-play.paused, .pause-play.paused.s-menu-btn {
@@ -1528,17 +1533,17 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
transition: background, 0.25s; transition: background, 0.25s;
text-shadow: rgba(0, 0, 0, 0.1) 0 1px 2px; } text-shadow: rgba(0, 0, 0, 0.1) 0 1px 2px; }
/* line 274, ../../../../general/res/sass/_mixins.scss */ /* line 274, ../../../../general/res/sass/_mixins.scss */
.s-btn.pause-play.paused .icon, .pause-play.paused.s-menu-btn .icon { .s-btn.pause-play.paused .icon, .pause-play.paused.s-menu-btn .icon, .s-btn.pause-play.paused .t-item-icon, .pause-play.paused.s-menu-btn .t-item-icon {
color: #fff; } color: #fff; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
/* line 279, ../../../../general/res/sass/_mixins.scss */ /* line 279, ../../../../general/res/sass/_mixins.scss */
.s-btn.pause-play.paused:not(.disabled):hover, .pause-play.paused.s-menu-btn:not(.disabled):hover { .s-btn.pause-play.paused:not(.disabled):hover, .pause-play.paused.s-menu-btn:not(.disabled):hover {
background: linear-gradient(#fe9815, #f88c01); } background: linear-gradient(#fe9815, #f88c01); }
/* line 281, ../../../../general/res/sass/_mixins.scss */ /* line 281, ../../../../general/res/sass/_mixins.scss */
.s-btn.pause-play.paused:not(.disabled):hover > .icon, .pause-play.paused.s-menu-btn:not(.disabled):hover > .icon { .s-btn.pause-play.paused:not(.disabled):hover > .icon, .pause-play.paused.s-menu-btn:not(.disabled):hover > .icon, .s-btn.pause-play.paused:not(.disabled):hover > .t-item-icon, .pause-play.paused.s-menu-btn:not(.disabled):hover > .t-item-icon {
color: white; } } color: white; } }
/* line 80, ../../../../general/res/sass/controls/_buttons.scss */ /* line 80, ../../../../general/res/sass/controls/_buttons.scss */
.s-btn.pause-play.paused .icon, .pause-play.paused.s-menu-btn .icon { .s-btn.pause-play.paused .icon, .pause-play.paused.s-menu-btn .icon, .s-btn.pause-play.paused .t-item-icon, .pause-play.paused.s-menu-btn .t-item-icon {
-moz-animation-name: pulse; -moz-animation-name: pulse;
-webkit-animation-name: pulse; -webkit-animation-name: pulse;
animation-name: pulse; animation-name: pulse;
@@ -1555,10 +1560,10 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
-webkit-animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out; } animation-timing-function: ease-in-out; }
/* line 82, ../../../../general/res/sass/controls/_buttons.scss */ /* line 82, ../../../../general/res/sass/controls/_buttons.scss */
.s-btn.pause-play.paused .icon :before, .pause-play.paused.s-menu-btn .icon :before { .s-btn.pause-play.paused .icon :before, .pause-play.paused.s-menu-btn .icon :before, .s-btn.pause-play.paused .t-item-icon :before, .pause-play.paused.s-menu-btn .t-item-icon :before {
content: "\0000EF"; } content: "\0000EF"; }
/* line 90, ../../../../general/res/sass/controls/_buttons.scss */ /* line 90, ../../../../general/res/sass/controls/_buttons.scss */
.s-btn.show-thumbs .icon:before, .show-thumbs.s-menu-btn .icon:before { .s-btn.show-thumbs .icon:before, .show-thumbs.s-menu-btn .icon:before, .s-btn.show-thumbs .t-item-icon:before, .show-thumbs.s-menu-btn .t-item-icon:before {
content: "\000039"; } content: "\000039"; }
/* line 96, ../../../../general/res/sass/controls/_buttons.scss */ /* line 96, ../../../../general/res/sass/controls/_buttons.scss */
@@ -1635,14 +1640,14 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
transition: background, 0.25s; transition: background, 0.25s;
text-shadow: rgba(0, 0, 0, 0.1) 0 1px 2px; } text-shadow: rgba(0, 0, 0, 0.1) 0 1px 2px; }
/* line 274, ../../../../general/res/sass/_mixins.scss */ /* line 274, ../../../../general/res/sass/_mixins.scss */
.mini-tab.collapsed .icon { .mini-tab.collapsed .icon, .mini-tab.collapsed .t-item-icon {
color: #0099cc; } } color: #0099cc; } }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px) and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 800px) and (min-device-height: 1025px) and (min-device-width: 1025px) and (min-device-height: 800px), screen and (min-device-width: 1025px) and (min-device-height: 800px) and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 800px) and (min-device-height: 1025px) and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 800px) and (min-device-height: 1025px) and (min-device-width: 1025px) and (min-device-height: 800px), screen and (min-device-width: 1025px) and (min-device-height: 800px) and (min-device-width: 1025px) and (min-device-height: 800px) {
/* line 279, ../../../../general/res/sass/_mixins.scss */ /* line 279, ../../../../general/res/sass/_mixins.scss */
.mini-tab.collapsed:not(.disabled):hover { .mini-tab.collapsed:not(.disabled):hover {
background: linear-gradient(#6b6b6b, #5e5e5e); } background: linear-gradient(#6b6b6b, #5e5e5e); }
/* line 281, ../../../../general/res/sass/_mixins.scss */ /* line 281, ../../../../general/res/sass/_mixins.scss */
.mini-tab.collapsed:not(.disabled):hover > .icon { .mini-tab.collapsed:not(.disabled):hover > .icon, .mini-tab.collapsed:not(.disabled):hover > .t-item-icon {
color: #33ccff; } } color: #33ccff; } }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
/* line 140, ../../../../general/res/sass/controls/_buttons.scss */ /* line 140, ../../../../general/res/sass/controls/_buttons.scss */
@@ -2527,7 +2532,7 @@ label.checkbox.custom {
margin-bottom: 5px; } margin-bottom: 5px; }
/* line 35, ../../../../general/res/sass/controls/_lists.scss */ /* line 35, ../../../../general/res/sass/controls/_lists.scss */
.l-tree-item-flat-list .tree-item .label { .l-tree-item-flat-list .tree-item .t-object-label {
left: 5px !important; } left: 5px !important; }
/***************************************************************************** /*****************************************************************************
@@ -2553,7 +2558,7 @@ label.checkbox.custom {
*****************************************************************************/ *****************************************************************************/
/******************************************************** MENU BUTTONS */ /******************************************************** MENU BUTTONS */
/* line 31, ../../../../general/res/sass/controls/_menus.scss */ /* line 31, ../../../../general/res/sass/controls/_menus.scss */
.s-menu-btn .icon { .s-menu-btn .icon, .s-menu-btn .t-item-icon {
font-size: 120%; } font-size: 120%; }
/* line 35, ../../../../general/res/sass/controls/_menus.scss */ /* line 35, ../../../../general/res/sass/controls/_menus.scss */
.s-menu-btn .title-label { .s-menu-btn .title-label {
@@ -2580,7 +2585,7 @@ label.checkbox.custom {
left: 0; left: 0;
text-align: left; } text-align: left; }
/* line 62, ../../../../general/res/sass/controls/_menus.scss */ /* line 62, ../../../../general/res/sass/controls/_menus.scss */
.s-menu-btn .menu .ui-symbol.icon, .s-menu-btn .menu .icon.s-icon-btn, .s-menu-btn .menu .icon.mini-tab-icon, .s-menu-btn .menu .l-datetime-picker .l-month-year-pager .icon.pager, .l-datetime-picker .l-month-year-pager .s-menu-btn .menu .icon.pager { .s-menu-btn .menu .ui-symbol.icon, .s-menu-btn .menu .t-item-icon, .s-menu-btn .menu .icon.s-icon-btn, .s-menu-btn .menu .s-icon-btn.t-item-icon, .s-menu-btn .menu .icon.mini-tab-icon, .s-menu-btn .menu .mini-tab-icon.t-item-icon, .s-menu-btn .menu .l-datetime-picker .l-month-year-pager .icon.pager, .l-datetime-picker .l-month-year-pager .s-menu-btn .menu .icon.pager, .s-menu-btn .menu .l-datetime-picker .l-month-year-pager .pager.t-item-icon, .l-datetime-picker .l-month-year-pager .s-menu-btn .menu .pager.t-item-icon {
width: 12px; } width: 12px; }
/******************************************************** MENUS THEMSELVES */ /******************************************************** MENUS THEMSELVES */
@@ -2648,7 +2653,7 @@ label.checkbox.custom {
background: #878787; background: #878787;
color: #fff; } color: #fff; }
/* line 103, ../../../../general/res/sass/controls/_menus.scss */ /* line 103, ../../../../general/res/sass/controls/_menus.scss */
.menu ul li:hover .icon { .menu ul li:hover .icon, .menu ul li:hover .t-item-icon {
color: #fff; } color: #fff; }
/* line 107, ../../../../general/res/sass/controls/_menus.scss */ /* line 107, ../../../../general/res/sass/controls/_menus.scss */
.menu ul li .type-icon { .menu ul li .type-icon {
@@ -2667,10 +2672,13 @@ label.checkbox.custom {
.super-menu ul li a { .super-menu ul li a {
color: white; } color: white; }
/* line 123, ../../../../general/res/sass/controls/_menus.scss */ /* line 123, ../../../../general/res/sass/controls/_menus.scss */
.menu ul li .icon, .menu ul li .icon, .menu ul li .t-item-icon,
.context-menu ul li .icon, .context-menu ul li .icon,
.checkbox-menu ul li .icon, .checkbox-menu ul li .icon,
.super-menu ul li .icon { .context-menu ul li .t-item-icon,
.checkbox-menu ul li .t-item-icon,
.super-menu ul li .icon,
.super-menu ul li .t-item-icon {
color: #24c8ff; } color: #24c8ff; }
/* line 126, ../../../../general/res/sass/controls/_menus.scss */ /* line 126, ../../../../general/res/sass/controls/_menus.scss */
.menu ul li .type-icon, .menu ul li .type-icon,
@@ -2744,7 +2752,7 @@ label.checkbox.custom {
padding: 25px; padding: 25px;
width: 50%; } width: 50%; }
/* line 202, ../../../../general/res/sass/controls/_menus.scss */ /* line 202, ../../../../general/res/sass/controls/_menus.scss */
.super-menu .menu-item-description .desc-area.icon { .super-menu .menu-item-description .desc-area.icon, .super-menu .menu-item-description .desc-area.t-item-icon {
color: white; color: white;
position: relative; position: relative;
font-size: 8em; font-size: 8em;
@@ -2868,12 +2876,17 @@ mct-include.l-time-controller {
mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-inputs-elem .lbl { mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-inputs-elem .lbl {
color: #666666; } color: #666666; }
/* line 69, ../../../../general/res/sass/controls/_time-controller.scss */ /* line 69, ../../../../general/res/sass/controls/_time-controller.scss */
mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-input .ui-symbol.icon, mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-input .icon.s-icon-btn, mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-input .icon.mini-tab-icon, mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-input .l-datetime-picker .l-month-year-pager .icon.pager, .l-datetime-picker .l-month-year-pager mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-input .icon.pager, mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-input .ui-symbol.icon, mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-input .t-item-icon, mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-input .icon.s-icon-btn, mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-input .s-icon-btn.t-item-icon, mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-input .icon.mini-tab-icon, mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-input .mini-tab-icon.t-item-icon, mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-input .l-datetime-picker .l-month-year-pager .icon.pager, .l-datetime-picker .l-month-year-pager mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-input .icon.pager, mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-input .l-datetime-picker .l-month-year-pager .pager.t-item-icon, .l-datetime-picker .l-month-year-pager mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-input .pager.t-item-icon,
mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-inputs-elem .ui-symbol.icon, mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-inputs-elem .ui-symbol.icon,
mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-inputs-elem .t-item-icon,
mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-inputs-elem .icon.s-icon-btn, mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-inputs-elem .icon.s-icon-btn,
mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-inputs-elem .s-icon-btn.t-item-icon,
mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-inputs-elem .icon.mini-tab-icon, mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-inputs-elem .icon.mini-tab-icon,
mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-inputs-elem .mini-tab-icon.t-item-icon,
mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-inputs-elem .l-datetime-picker .l-month-year-pager .icon.pager, mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-inputs-elem .l-datetime-picker .l-month-year-pager .icon.pager,
.l-datetime-picker .l-month-year-pager mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-inputs-elem .icon.pager { .l-datetime-picker .l-month-year-pager mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-inputs-elem .icon.pager,
mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-inputs-elem .l-datetime-picker .l-month-year-pager .pager.t-item-icon,
.l-datetime-picker .l-month-year-pager mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-inputs-elem .pager.t-item-icon {
font-size: 11px; font-size: 11px;
width: 11px; } width: 11px; }
/* line 76, ../../../../general/res/sass/controls/_time-controller.scss */ /* line 76, ../../../../general/res/sass/controls/_time-controller.scss */
@@ -3327,14 +3340,14 @@ textarea {
position: relative; position: relative;
line-height: 22px; } line-height: 22px; }
/* line 274, ../../../../general/res/sass/_mixins.scss */ /* line 274, ../../../../general/res/sass/_mixins.scss */
.select .icon { .select .icon, .select .t-item-icon {
color: #0099cc; } color: #0099cc; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
/* line 279, ../../../../general/res/sass/_mixins.scss */ /* line 279, ../../../../general/res/sass/_mixins.scss */
.select:not(.disabled):hover { .select:not(.disabled):hover {
background: linear-gradient(#6b6b6b, #5e5e5e); } background: linear-gradient(#6b6b6b, #5e5e5e); }
/* line 281, ../../../../general/res/sass/_mixins.scss */ /* line 281, ../../../../general/res/sass/_mixins.scss */
.select:not(.disabled):hover > .icon { .select:not(.disabled):hover > .icon, .select:not(.disabled):hover > .t-item-icon {
color: #33ccff; } } color: #33ccff; } }
/* line 31, ../../../../general/res/sass/forms/_selects.scss */ /* line 31, ../../../../general/res/sass/forms/_selects.scss */
.select select { .select select {
@@ -3597,12 +3610,17 @@ span.req {
.t-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; } display: none; }
/* line 42, ../../../../general/res/sass/forms/_filter.scss */ /* line 42, ../../../../general/res/sass/forms/_filter.scss */
.filter .icon.ui-symbol, .filter .icon.s-icon-btn, .filter .icon.mini-tab-icon, .filter .l-datetime-picker .l-month-year-pager .icon.pager, .l-datetime-picker .l-month-year-pager .filter .icon.pager, .filter .icon.ui-symbol, .filter .t-item-icon, .filter .icon.s-icon-btn, .filter .s-icon-btn.t-item-icon, .filter .icon.mini-tab-icon, .filter .mini-tab-icon.t-item-icon, .filter .l-datetime-picker .l-month-year-pager .icon.pager, .l-datetime-picker .l-month-year-pager .filter .icon.pager, .filter .l-datetime-picker .l-month-year-pager .pager.t-item-icon, .l-datetime-picker .l-month-year-pager .filter .pager.t-item-icon,
.t-filter .icon.ui-symbol, .t-filter .icon.ui-symbol,
.t-filter .t-item-icon,
.t-filter .icon.s-icon-btn, .t-filter .icon.s-icon-btn,
.t-filter .s-icon-btn.t-item-icon,
.t-filter .icon.mini-tab-icon, .t-filter .icon.mini-tab-icon,
.t-filter .mini-tab-icon.t-item-icon,
.t-filter .l-datetime-picker .l-month-year-pager .icon.pager, .t-filter .l-datetime-picker .l-month-year-pager .icon.pager,
.l-datetime-picker .l-month-year-pager .t-filter .icon.pager { .l-datetime-picker .l-month-year-pager .t-filter .icon.pager,
.t-filter .l-datetime-picker .l-month-year-pager .pager.t-item-icon,
.l-datetime-picker .l-month-year-pager .t-filter .pager.t-item-icon {
-moz-border-radius: 3px; -moz-border-radius: 3px;
-webkit-border-radius: 3px; -webkit-border-radius: 3px;
border-radius: 3px; border-radius: 3px;
@@ -3613,16 +3631,22 @@ span.req {
padding: 0px 5px; padding: 0px 5px;
vertical-align: middle; } vertical-align: middle; }
/* line 50, ../../../../general/res/sass/forms/_filter.scss */ /* line 50, ../../../../general/res/sass/forms/_filter.scss */
.filter .icon.ui-symbol:hover, .filter .icon.s-icon-btn:hover, .filter .icon.mini-tab-icon:hover, .filter .l-datetime-picker .l-month-year-pager .icon.pager:hover, .l-datetime-picker .l-month-year-pager .filter .icon.pager:hover, .filter .icon.ui-symbol:hover, .filter .t-item-icon:hover, .filter .icon.s-icon-btn:hover, .filter .s-icon-btn.t-item-icon:hover, .filter .icon.mini-tab-icon:hover, .filter .mini-tab-icon.t-item-icon:hover, .filter .l-datetime-picker .l-month-year-pager .icon.pager:hover, .l-datetime-picker .l-month-year-pager .filter .icon.pager:hover, .filter .l-datetime-picker .l-month-year-pager .pager.t-item-icon:hover, .l-datetime-picker .l-month-year-pager .filter .pager.t-item-icon:hover,
.t-filter .icon.ui-symbol:hover, .t-filter .icon.ui-symbol:hover,
.t-filter .t-item-icon:hover,
.t-filter .icon.s-icon-btn:hover, .t-filter .icon.s-icon-btn:hover,
.t-filter .s-icon-btn.t-item-icon:hover,
.t-filter .icon.mini-tab-icon:hover, .t-filter .icon.mini-tab-icon:hover,
.t-filter .mini-tab-icon.t-item-icon:hover,
.t-filter .l-datetime-picker .l-month-year-pager .icon.pager:hover, .t-filter .l-datetime-picker .l-month-year-pager .icon.pager:hover,
.l-datetime-picker .l-month-year-pager .t-filter .icon.pager:hover { .l-datetime-picker .l-month-year-pager .t-filter .icon.pager:hover,
.t-filter .l-datetime-picker .l-month-year-pager .pager.t-item-icon:hover,
.l-datetime-picker .l-month-year-pager .t-filter .pager.t-item-icon:hover {
background: rgba(255, 255, 255, 0.1); } background: rgba(255, 255, 255, 0.1); }
/* line 54, ../../../../general/res/sass/forms/_filter.scss */ /* line 54, ../../../../general/res/sass/forms/_filter.scss */
.filter .s-a-clear.ui-symbol, .filter .s-a-clear.s-icon-btn, .filter .s-a-clear.mini-tab-icon, .filter .l-datetime-picker .l-month-year-pager .s-a-clear.pager, .l-datetime-picker .l-month-year-pager .filter .s-a-clear.pager, .filter .s-a-clear.ui-symbol, .filter .s-a-clear.t-item-icon, .filter .s-a-clear.s-icon-btn, .filter .s-a-clear.mini-tab-icon, .filter .l-datetime-picker .l-month-year-pager .s-a-clear.pager, .l-datetime-picker .l-month-year-pager .filter .s-a-clear.pager,
.t-filter .s-a-clear.ui-symbol, .t-filter .s-a-clear.ui-symbol,
.t-filter .s-a-clear.t-item-icon,
.t-filter .s-a-clear.s-icon-btn, .t-filter .s-a-clear.s-icon-btn,
.t-filter .s-a-clear.mini-tab-icon, .t-filter .s-a-clear.mini-tab-icon,
.t-filter .l-datetime-picker .l-month-year-pager .s-a-clear.pager, .t-filter .l-datetime-picker .l-month-year-pager .s-a-clear.pager,
@@ -3650,8 +3674,9 @@ span.req {
text-align: center; text-align: center;
z-index: 5; } z-index: 5; }
/* line 74, ../../../../general/res/sass/forms/_filter.scss */ /* line 74, ../../../../general/res/sass/forms/_filter.scss */
.filter .s-a-clear.ui-symbol:hover, .filter .s-a-clear.s-icon-btn:hover, .filter .s-a-clear.mini-tab-icon:hover, .filter .l-datetime-picker .l-month-year-pager .s-a-clear.pager:hover, .l-datetime-picker .l-month-year-pager .filter .s-a-clear.pager:hover, .filter .s-a-clear.ui-symbol:hover, .filter .s-a-clear.t-item-icon:hover, .filter .s-a-clear.s-icon-btn:hover, .filter .s-a-clear.mini-tab-icon:hover, .filter .l-datetime-picker .l-month-year-pager .s-a-clear.pager:hover, .l-datetime-picker .l-month-year-pager .filter .s-a-clear.pager:hover,
.t-filter .s-a-clear.ui-symbol:hover, .t-filter .s-a-clear.ui-symbol:hover,
.t-filter .s-a-clear.t-item-icon:hover,
.t-filter .s-a-clear.s-icon-btn:hover, .t-filter .s-a-clear.s-icon-btn:hover,
.t-filter .s-a-clear.mini-tab-icon:hover, .t-filter .s-a-clear.mini-tab-icon:hover,
.t-filter .l-datetime-picker .l-month-year-pager .s-a-clear.pager:hover, .t-filter .l-datetime-picker .l-month-year-pager .s-a-clear.pager:hover,
@@ -3734,7 +3759,7 @@ span.req {
left: 0px; } left: 0px; }
/* line 67, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 67, ../../../../general/res/sass/user-environ/_layout.scss */
.bar .icon.major { .bar .icon.major, .bar .major.t-item-icon {
margin-right: 5px; } margin-right: 5px; }
/* line 70, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 70, ../../../../general/res/sass/user-environ/_layout.scss */
.bar.abs, .l-datetime-picker .l-month-year-pager .bar.pager, .bar.abs, .l-datetime-picker .l-month-year-pager .bar.pager,
@@ -3762,11 +3787,16 @@ span.req {
text-align: right; } text-align: right; }
/* line 83, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 83, ../../../../general/res/sass/user-environ/_layout.scss */
.bar.abs.right .icon.major, .l-datetime-picker .l-month-year-pager .bar.right.pager .icon.major, .bar.abs.right .icon.major, .l-datetime-picker .l-month-year-pager .bar.right.pager .icon.major,
.l-datetime-picker .l-month-year-pager .bar.right.val .icon.major, .s-menu-btn span.bar.right.l-click-area .icon.major, .l-datetime-picker .l-month-year-pager .bar.right.val .icon.major, .s-menu-btn span.bar.right.l-click-area .icon.major, .bar.abs.right .major.t-item-icon, .l-datetime-picker .l-month-year-pager .bar.right.pager .major.t-item-icon,
.l-datetime-picker .l-month-year-pager .bar.right.val .major.t-item-icon, .s-menu-btn span.bar.right.l-click-area .major.t-item-icon,
.bar.abs .right .icon.major, .bar.abs .right .icon.major,
.l-datetime-picker .l-month-year-pager .bar.pager .right .icon.major, .l-datetime-picker .l-month-year-pager .bar.pager .right .icon.major,
.l-datetime-picker .l-month-year-pager .bar.val .right .icon.major, .l-datetime-picker .l-month-year-pager .bar.val .right .icon.major,
.s-menu-btn span.bar.l-click-area .right .icon.major { .s-menu-btn span.bar.l-click-area .right .icon.major,
.bar.abs .right .major.t-item-icon,
.l-datetime-picker .l-month-year-pager .bar.pager .right .major.t-item-icon,
.l-datetime-picker .l-month-year-pager .bar.val .right .major.t-item-icon,
.s-menu-btn span.bar.l-click-area .right .major.t-item-icon {
margin-left: 15px; } margin-left: 15px; }
/* line 89, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 89, ../../../../general/res/sass/user-environ/_layout.scss */
.bar.abs .l-flex .left, .l-datetime-picker .l-month-year-pager .bar.pager .l-flex .left, .bar.abs .l-flex .left, .l-datetime-picker .l-month-year-pager .bar.pager .l-flex .left,
@@ -4878,14 +4908,14 @@ span.req {
transition: background, 0.25s; transition: background, 0.25s;
text-shadow: rgba(0, 0, 0, 0.1) 0 1px 2px; } text-shadow: rgba(0, 0, 0, 0.1) 0 1px 2px; }
/* line 274, ../../../../general/res/sass/_mixins.scss */ /* line 274, ../../../../general/res/sass/_mixins.scss */
.overlay .bottom-bar .s-btn:not(.major) .icon, .overlay .bottom-bar .s-menu-btn:not(.major) .icon { .overlay .bottom-bar .s-btn:not(.major) .icon, .overlay .bottom-bar .s-menu-btn:not(.major) .icon, .overlay .bottom-bar .s-btn:not(.major) .t-item-icon, .overlay .bottom-bar .s-menu-btn:not(.major) .t-item-icon {
color: #fff; } color: #fff; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
/* line 279, ../../../../general/res/sass/_mixins.scss */ /* line 279, ../../../../general/res/sass/_mixins.scss */
.overlay .bottom-bar .s-btn:not(.major):not(.disabled):hover, .overlay .bottom-bar .s-menu-btn:not(.major):not(.disabled):hover { .overlay .bottom-bar .s-btn:not(.major):not(.disabled):hover, .overlay .bottom-bar .s-menu-btn:not(.major):not(.disabled):hover {
background: linear-gradient(#a6a6a6, #999999); } background: linear-gradient(#a6a6a6, #999999); }
/* line 281, ../../../../general/res/sass/_mixins.scss */ /* line 281, ../../../../general/res/sass/_mixins.scss */
.overlay .bottom-bar .s-btn:not(.major):not(.disabled):hover > .icon, .overlay .bottom-bar .s-menu-btn:not(.major):not(.disabled):hover > .icon { .overlay .bottom-bar .s-btn:not(.major):not(.disabled):hover > .icon, .overlay .bottom-bar .s-menu-btn:not(.major):not(.disabled):hover > .icon, .overlay .bottom-bar .s-btn:not(.major):not(.disabled):hover > .t-item-icon, .overlay .bottom-bar .s-menu-btn:not(.major):not(.disabled):hover > .t-item-icon {
color: white; } } color: white; } }
/* line 85, ../../../../general/res/sass/overlay/_overlay.scss */ /* line 85, ../../../../general/res/sass/overlay/_overlay.scss */
.overlay .contents.l-dialog { .overlay .contents.l-dialog {
@@ -5010,13 +5040,15 @@ ul.tree {
font-size: 0.75em; font-size: 0.75em;
width: 10px; } width: 10px; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
/* line 57, ../../../../general/res/sass/tree/_tree.scss */ /* line 56, ../../../../general/res/sass/tree/_tree.scss */
.tree-item .view-control:hover, .tree-item .view-control:hover,
.search-result-item .view-control:hover { .search-result-item .view-control:hover {
color: #ffc700 !important; } } color: #ffc700 !important; } }
/* line 63, ../../../../general/res/sass/tree/_tree.scss */ /* line 62, ../../../../general/res/sass/tree/_tree.scss */
.tree-item .label, .tree-item .label,
.search-result-item .label { .tree-item .t-object-label,
.search-result-item .label,
.search-result-item .t-object-label {
display: block; display: block;
overflow: hidden; overflow: hidden;
position: absolute; position: absolute;
@@ -5027,9 +5059,23 @@ ul.tree {
width: auto; width: auto;
height: auto; height: auto;
line-height: 1.5rem; } line-height: 1.5rem; }
/* line 71, ../../../../general/res/sass/tree/_tree.scss */ /* line 68, ../../../../general/res/sass/tree/_tree.scss */
.tree-item .label .t-item-icon,
.tree-item .t-object-label .t-item-icon,
.search-result-item .label .t-item-icon,
.search-result-item .t-object-label .t-item-icon {
text-shadow: rgba(0, 0, 0, 0.6) 0 1px 2px;
font-size: 16px;
color: #0099cc;
position: absolute;
left: 5px;
right: auto;
width: 16px; }
/* line 77, ../../../../general/res/sass/tree/_tree.scss */
.tree-item .label .type-icon, .tree-item .label .type-icon,
.search-result-item .label .type-icon { .tree-item .t-object-label .type-icon,
.search-result-item .label .type-icon,
.search-result-item .t-object-label .type-icon {
text-shadow: rgba(0, 0, 0, 0.6) 0 1px 2px; text-shadow: rgba(0, 0, 0, 0.6) 0 1px 2px;
font-size: 16px; font-size: 16px;
color: #0099cc; color: #0099cc;
@@ -5041,15 +5087,30 @@ ul.tree {
line-height: 100%; line-height: 100%;
right: auto; right: auto;
width: 16px; } width: 16px; }
/* line 84, ../../../../general/res/sass/tree/_tree.scss */ /* line 90, ../../../../general/res/sass/tree/_tree.scss */
.tree-item .label .type-icon .icon.l-icon-link, .tree-item .label .type-icon .icon.l-icon-alert, .tree-item .label .type-icon .icon.l-icon-link, .tree-item .label .type-icon .l-icon-link.t-item-icon, .tree-item .label .type-icon .icon.l-icon-alert, .tree-item .label .type-icon .l-icon-alert.t-item-icon,
.tree-item .t-object-label .type-icon .icon.l-icon-link,
.tree-item .t-object-label .type-icon .l-icon-link.t-item-icon,
.tree-item .t-object-label .type-icon .icon.l-icon-alert,
.tree-item .t-object-label .type-icon .l-icon-alert.t-item-icon,
.search-result-item .label .type-icon .icon.l-icon-link, .search-result-item .label .type-icon .icon.l-icon-link,
.search-result-item .label .type-icon .icon.l-icon-alert { .search-result-item .label .type-icon .l-icon-link.t-item-icon,
.search-result-item .label .type-icon .icon.l-icon-alert,
.search-result-item .label .type-icon .l-icon-alert.t-item-icon,
.search-result-item .t-object-label .type-icon .icon.l-icon-link,
.search-result-item .t-object-label .type-icon .l-icon-link.t-item-icon,
.search-result-item .t-object-label .type-icon .icon.l-icon-alert,
.search-result-item .t-object-label .type-icon .l-icon-alert.t-item-icon {
position: absolute; position: absolute;
z-index: 2; } z-index: 2; }
/* line 89, ../../../../general/res/sass/tree/_tree.scss */ /* line 95, ../../../../general/res/sass/tree/_tree.scss */
.tree-item .label .type-icon .icon.l-icon-alert, .tree-item .label .type-icon .icon.l-icon-alert, .tree-item .label .type-icon .l-icon-alert.t-item-icon,
.search-result-item .label .type-icon .icon.l-icon-alert { .tree-item .t-object-label .type-icon .icon.l-icon-alert,
.tree-item .t-object-label .type-icon .l-icon-alert.t-item-icon,
.search-result-item .label .type-icon .icon.l-icon-alert,
.search-result-item .label .type-icon .l-icon-alert.t-item-icon,
.search-result-item .t-object-label .type-icon .icon.l-icon-alert,
.search-result-item .t-object-label .type-icon .l-icon-alert.t-item-icon {
color: #ff3c00; color: #ff3c00;
font-size: 8px; font-size: 8px;
line-height: 8px; line-height: 8px;
@@ -5057,9 +5118,14 @@ ul.tree {
width: 8px; width: 8px;
top: 1px; top: 1px;
right: -2px; } right: -2px; }
/* line 95, ../../../../general/res/sass/tree/_tree.scss */ /* line 101, ../../../../general/res/sass/tree/_tree.scss */
.tree-item .label .type-icon .icon.l-icon-link, .tree-item .label .type-icon .icon.l-icon-link, .tree-item .label .type-icon .l-icon-link.t-item-icon,
.search-result-item .label .type-icon .icon.l-icon-link { .tree-item .t-object-label .type-icon .icon.l-icon-link,
.tree-item .t-object-label .type-icon .l-icon-link.t-item-icon,
.search-result-item .label .type-icon .icon.l-icon-link,
.search-result-item .label .type-icon .l-icon-link.t-item-icon,
.search-result-item .t-object-label .type-icon .icon.l-icon-link,
.search-result-item .t-object-label .type-icon .l-icon-link.t-item-icon {
color: #49dedb; color: #49dedb;
font-size: 8px; font-size: 8px;
line-height: 8px; line-height: 8px;
@@ -5067,9 +5133,15 @@ ul.tree {
width: 8px; width: 8px;
left: -3px; left: -3px;
bottom: 0px; } bottom: 0px; }
/* line 103, ../../../../general/res/sass/tree/_tree.scss */ /* line 109, ../../../../general/res/sass/tree/_tree.scss */
.tree-item .label .title-label, .tree-item .label .title-label,
.search-result-item .label .title-label { .tree-item .label .t-title-label,
.tree-item .t-object-label .title-label,
.tree-item .t-object-label .t-title-label,
.search-result-item .label .title-label,
.search-result-item .label .t-title-label,
.search-result-item .t-object-label .title-label,
.search-result-item .t-object-label .t-title-label {
overflow: hidden; overflow: hidden;
position: absolute; position: absolute;
top: 0px; top: 0px;
@@ -5083,48 +5155,49 @@ ul.tree {
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; } white-space: nowrap; }
/* line 113, ../../../../general/res/sass/tree/_tree.scss */ /* line 120, ../../../../general/res/sass/tree/_tree.scss */
.tree-item.selected, .tree-item.selected,
.search-result-item.selected { .search-result-item.selected {
background: #006080; background: #006080;
color: #cccccc; } color: #cccccc; }
/* line 116, ../../../../general/res/sass/tree/_tree.scss */ /* line 123, ../../../../general/res/sass/tree/_tree.scss */
.tree-item.selected .view-control, .tree-item.selected .view-control,
.search-result-item.selected .view-control { .search-result-item.selected .view-control {
color: rgba(255, 255, 255, 0.3); } color: rgba(255, 255, 255, 0.3); }
/* line 119, ../../../../general/res/sass/tree/_tree.scss */ /* line 126, ../../../../general/res/sass/tree/_tree.scss */
.tree-item.selected .label .type-icon, .tree-item.selected .label .type-icon,
.search-result-item.selected .label .type-icon { .search-result-item.selected .label .type-icon {
color: #cccccc; } color: #cccccc; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
/* line 127, ../../../../general/res/sass/tree/_tree.scss */ /* line 134, ../../../../general/res/sass/tree/_tree.scss */
.tree-item:not(.selected):hover, .tree-item:not(.selected):hover,
.search-result-item:not(.selected):hover { .search-result-item:not(.selected):hover {
background: rgba(153, 153, 153, 0.1); background: rgba(153, 153, 153, 0.1);
color: #cccccc; } color: #cccccc; }
/* line 130, ../../../../general/res/sass/tree/_tree.scss */ /* line 137, ../../../../general/res/sass/tree/_tree.scss */
.tree-item:not(.selected):hover .icon, .tree-item:not(.selected):hover .icon, .tree-item:not(.selected):hover .t-item-icon,
.search-result-item:not(.selected):hover .icon { .search-result-item:not(.selected):hover .icon,
.search-result-item:not(.selected):hover .t-item-icon {
color: #33ccff; } } color: #33ccff; } }
/* line 137, ../../../../general/res/sass/tree/_tree.scss */ /* line 144, ../../../../general/res/sass/tree/_tree.scss */
.tree-item:not(.loading), .tree-item:not(.loading),
.search-result-item:not(.loading) { .search-result-item:not(.loading) {
cursor: pointer; } cursor: pointer; }
/* line 141, ../../../../general/res/sass/tree/_tree.scss */ /* line 148, ../../../../general/res/sass/tree/_tree.scss */
.tree-item .context-trigger, .tree-item .context-trigger,
.search-result-item .context-trigger { .search-result-item .context-trigger {
top: -1px; top: -1px;
position: absolute; position: absolute;
right: 3px; } right: 3px; }
/* line 146, ../../../../general/res/sass/tree/_tree.scss */ /* line 153, ../../../../general/res/sass/tree/_tree.scss */
.tree-item .context-trigger .invoke-menu, .tree-item .context-trigger .invoke-menu,
.search-result-item .context-trigger .invoke-menu { .search-result-item .context-trigger .invoke-menu {
font-size: 0.75em; font-size: 0.75em;
height: 0.9rem; height: 0.9rem;
line-height: 0.9rem; } line-height: 0.9rem; }
/* line 155, ../../../../general/res/sass/tree/_tree.scss */ /* line 162, ../../../../general/res/sass/tree/_tree.scss */
.tree-item .label { .tree-item .t-object-label {
left: 15px; } left: 15px; }
/***************************************************************************** /*****************************************************************************
@@ -5164,21 +5237,19 @@ ul.tree {
.search-result-item .view-control { .search-result-item .view-control {
position: absolute; position: absolute;
font-size: 1.1em; font-size: 1.1em;
height: 35px;
line-height: inherit;
right: 0px; right: 0px;
width: 30px; width: 30px;
text-align: center; } text-align: center; }
/* line 45, ../../../../general/res/sass/mobile/_tree.scss */ /* line 47, ../../../../general/res/sass/mobile/_tree.scss */
.tree-item .label, .tree-item .label,
.search-result-item .label { .tree-item .t-object-label,
.search-result-item .label,
.search-result-item .t-object-label {
left: 0; left: 0;
right: 35px; right: 35px;
line-height: 35px; } line-height: inherit; } }
/* line 50, ../../../../general/res/sass/mobile/_tree.scss */
.tree-item .label .type-icon,
.search-result-item .label .type-icon {
top: 9px;
bottom: auto;
height: 16px; } }
/***************************************************************************** /*****************************************************************************
* Open MCT Web, Copyright (c) 2014-2015, United States Government * Open MCT Web, Copyright (c) 2014-2015, United States Government
* as represented by the Administrator of the National Aeronautics and Space * as represented by the Administrator of the National Aeronautics and Space
@@ -6238,14 +6309,14 @@ table {
margin-right: 3px; margin-right: 3px;
position: relative; } position: relative; }
/* line 274, ../../../../general/res/sass/_mixins.scss */ /* line 274, ../../../../general/res/sass/_mixins.scss */
.items-holder .item.grid-item .icon { .items-holder .item.grid-item .icon, .items-holder .item.grid-item .t-item-icon {
color: #0099cc; } color: #0099cc; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
/* line 279, ../../../../general/res/sass/_mixins.scss */ /* line 279, ../../../../general/res/sass/_mixins.scss */
.items-holder .item.grid-item:not(.disabled):hover { .items-holder .item.grid-item:not(.disabled):hover {
background: linear-gradient(#666666, #595959); } background: linear-gradient(#666666, #595959); }
/* line 281, ../../../../general/res/sass/_mixins.scss */ /* line 281, ../../../../general/res/sass/_mixins.scss */
.items-holder .item.grid-item:not(.disabled):hover > .icon { .items-holder .item.grid-item:not(.disabled):hover > .icon, .items-holder .item.grid-item:not(.disabled):hover > .t-item-icon {
color: #33ccff; } } color: #33ccff; } }
/* line 45, ../../../../general/res/sass/items/_item.scss */ /* line 45, ../../../../general/res/sass/items/_item.scss */
.items-holder .item.grid-item:hover .item-main .item-type { .items-holder .item.grid-item:hover .item-main .item-type {
@@ -6274,10 +6345,10 @@ table {
.items-holder .item.grid-item .bar.top-bar .left, .items-holder .item.grid-item .bar.top-bar .right { .items-holder .item.grid-item .bar.top-bar .left, .items-holder .item.grid-item .bar.top-bar .right {
width: auto; } width: auto; }
/* line 70, ../../../../general/res/sass/items/_item.scss */ /* line 70, ../../../../general/res/sass/items/_item.scss */
.items-holder .item.grid-item .bar.top-bar .left .icon, .items-holder .item.grid-item .bar.top-bar .right .icon { .items-holder .item.grid-item .bar.top-bar .left .icon, .items-holder .item.grid-item .bar.top-bar .left .t-item-icon, .items-holder .item.grid-item .bar.top-bar .right .icon, .items-holder .item.grid-item .bar.top-bar .right .t-item-icon {
margin-left: 3px; } margin-left: 3px; }
/* line 72, ../../../../general/res/sass/items/_item.scss */ /* line 72, ../../../../general/res/sass/items/_item.scss */
.items-holder .item.grid-item .bar.top-bar .left .icon.l-icon-link, .items-holder .item.grid-item .bar.top-bar .right .icon.l-icon-link { .items-holder .item.grid-item .bar.top-bar .left .icon.l-icon-link, .items-holder .item.grid-item .bar.top-bar .left .l-icon-link.t-item-icon, .items-holder .item.grid-item .bar.top-bar .right .icon.l-icon-link, .items-holder .item.grid-item .bar.top-bar .right .l-icon-link.t-item-icon {
color: #49dedb; } color: #49dedb; }
/* line 78, ../../../../general/res/sass/items/_item.scss */ /* line 78, ../../../../general/res/sass/items/_item.scss */
.items-holder .item.grid-item .bar.bottom-bar { .items-holder .item.grid-item .bar.bottom-bar {
@@ -6288,22 +6359,17 @@ table {
line-height: 160px; line-height: 160px;
z-index: 1; } z-index: 1; }
/* line 89, ../../../../general/res/sass/items/_item.scss */ /* line 89, ../../../../general/res/sass/items/_item.scss */
.items-holder .item.grid-item .item-main .item-type { .items-holder .item.grid-item .item-main .item-type,
overflow: hidden; .items-holder .item.grid-item .item-main .t-item-icon {
-moz-transform: translateX(-50%) translateY(-55%);
-ms-transform: translateX(-50%) translateY(-55%);
-webkit-transform: translateX(-50%) translateY(-55%);
transform: translateX(-50%) translateY(-55%);
position: absolute; position: absolute;
top: 40px; top: 50%;
right: 40px; left: 50%;
bottom: 40px; font-size: 96.9px; }
left: 40px; /* line 100, ../../../../general/res/sass/items/_item.scss */
width: auto;
height: auto;
text-align: center;
font-size: 96.9px;
line-height: 102px;
bottom: auto;
height: 102px;
top: 30px; }
/* line 101, ../../../../general/res/sass/items/_item.scss */
.items-holder .item.grid-item .item-main .item-open { .items-holder .item.grid-item .item-main .item-open {
-moz-transition-property: "opacity"; -moz-transition-property: "opacity";
-o-transition-property: "opacity"; -o-transition-property: "opacity";
@@ -6328,14 +6394,14 @@ table {
width: 50px; width: 50px;
pointer-events: none; pointer-events: none;
text-align: right; } text-align: right; }
/* line 111, ../../../../general/res/sass/items/_item.scss */ /* line 110, ../../../../general/res/sass/items/_item.scss */
.items-holder .item.grid-item .title { .items-holder .item.grid-item .title {
text-shadow: rgba(0, 0, 0, 0.1) 0 1px 2px; text-shadow: rgba(0, 0, 0, 0.1) 0 1px 2px;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
color: #bfbfbf; } color: #bfbfbf; }
/* line 116, ../../../../general/res/sass/items/_item.scss */ /* line 115, ../../../../general/res/sass/items/_item.scss */
.items-holder .item.grid-item .details { .items-holder .item.grid-item .details {
text-shadow: rgba(0, 0, 0, 0.1) 0 1px 2px; text-shadow: rgba(0, 0, 0, 0.1) 0 1px 2px;
overflow: hidden; overflow: hidden;
@@ -6343,7 +6409,7 @@ table {
white-space: nowrap; white-space: nowrap;
color: #8c8c8c; color: #8c8c8c;
font-size: 0.8em; } font-size: 0.8em; }
/* line 122, ../../../../general/res/sass/items/_item.scss */ /* line 121, ../../../../general/res/sass/items/_item.scss */
.items-holder .item.grid-item.selected { .items-holder .item.grid-item.selected {
background-color: #0099cc; background-color: #0099cc;
-moz-border-radius: 3px; -moz-border-radius: 3px;
@@ -6374,25 +6440,25 @@ table {
text-shadow: rgba(0, 0, 0, 0.1) 0 1px 2px; text-shadow: rgba(0, 0, 0, 0.1) 0 1px 2px;
color: #80dfff; } color: #80dfff; }
/* line 274, ../../../../general/res/sass/_mixins.scss */ /* line 274, ../../../../general/res/sass/_mixins.scss */
.items-holder .item.grid-item.selected .icon { .items-holder .item.grid-item.selected .icon, .items-holder .item.grid-item.selected .t-item-icon {
color: #0099cc; } color: #0099cc; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
/* line 279, ../../../../general/res/sass/_mixins.scss */ /* line 279, ../../../../general/res/sass/_mixins.scss */
.items-holder .item.grid-item.selected:not(.disabled):hover { .items-holder .item.grid-item.selected:not(.disabled):hover {
background: linear-gradient(#1ac6ff, #00bfff); } background: linear-gradient(#1ac6ff, #00bfff); }
/* line 281, ../../../../general/res/sass/_mixins.scss */ /* line 281, ../../../../general/res/sass/_mixins.scss */
.items-holder .item.grid-item.selected:not(.disabled):hover > .icon { .items-holder .item.grid-item.selected:not(.disabled):hover > .icon, .items-holder .item.grid-item.selected:not(.disabled):hover > .t-item-icon {
color: #33ccff; } } color: #33ccff; } }
/* line 127, ../../../../general/res/sass/items/_item.scss */ /* line 126, ../../../../general/res/sass/items/_item.scss */
.items-holder .item.grid-item.selected .item-type, .items-holder .item.grid-item.selected .top-bar .icon:not(.alert) { .items-holder .item.grid-item.selected .item-type, .items-holder .item.grid-item.selected .top-bar .icon:not(.alert), .items-holder .item.grid-item.selected .top-bar .t-item-icon:not(.alert) {
color: #80dfff; } color: #80dfff; }
/* line 128, ../../../../general/res/sass/items/_item.scss */ /* line 127, ../../../../general/res/sass/items/_item.scss */
.items-holder .item.grid-item.selected .item-main .item-open { .items-holder .item.grid-item.selected .item-main .item-open {
color: #80dfff; } color: #80dfff; }
/* line 129, ../../../../general/res/sass/items/_item.scss */ /* line 128, ../../../../general/res/sass/items/_item.scss */
.items-holder .item.grid-item.selected .title { .items-holder .item.grid-item.selected .title {
color: white; } color: white; }
/* line 131, ../../../../general/res/sass/items/_item.scss */ /* line 130, ../../../../general/res/sass/items/_item.scss */
.items-holder .item.grid-item.selected:hover .item-main .item-type { .items-holder .item.grid-item.selected:hover .item-main .item-type {
color: white !important; } color: white !important; }
@@ -6440,18 +6506,12 @@ table {
left: 40px; left: 40px;
right: 60px; } right: 60px; }
/* line 52, ../../../../general/res/sass/mobile/_item.scss */ /* line 52, ../../../../general/res/sass/mobile/_item.scss */
.items-holder .item.grid-item .item-main .item-type { .items-holder .item.grid-item .item-main .item-type,
.items-holder .item.grid-item .item-main .t-item-icon {
font-size: 30px; font-size: 30px;
right: auto; left: 15px;
bottom: auto; line-height: normal; }
left: 0; /* line 66, ../../../../general/res/sass/mobile/_item.scss */
line-height: 100%;
text-align: left;
width: 30px; }
/* line 61, ../../../../general/res/sass/mobile/_item.scss */
.items-holder .item.grid-item .item-main .item-type .l-icon-link {
bottom: 0; }
/* line 65, ../../../../general/res/sass/mobile/_item.scss */
.items-holder .item.grid-item .item-main .item-open { .items-holder .item.grid-item .item-main .item-open {
display: block; display: block;
opacity: 1; opacity: 1;
@@ -6461,40 +6521,40 @@ table {
/* line 29, ../../../../general/res/sass/mobile/_item.scss */ /* line 29, ../../../../general/res/sass/mobile/_item.scss */
.items-holder .item.grid-item { .items-holder .item.grid-item {
height: 50px; } height: 50px; }
/* line 78, ../../../../general/res/sass/mobile/_item.scss */ /* line 79, ../../../../general/res/sass/mobile/_item.scss */
.items-holder .item.grid-item .bar.top-bar { .items-holder .item.grid-item .bar.top-bar {
line-height: 50px !important; } line-height: 50px !important; }
/* line 82, ../../../../general/res/sass/mobile/_item.scss */ /* line 83, ../../../../general/res/sass/mobile/_item.scss */
.items-holder .item.grid-item .bar.bottom-bar { .items-holder .item.grid-item .bar.bottom-bar {
top: 7px; top: 7px;
bottom: auto; bottom: auto;
height: 35px; } height: 35px; }
/* line 87, ../../../../general/res/sass/mobile/_item.scss */ /* line 88, ../../../../general/res/sass/mobile/_item.scss */
.items-holder .item.grid-item .item-main .item-type { .items-holder .item.grid-item .item-main .item-type {
top: 10px; top: 10px;
bottom: auto; bottom: auto;
height: 30px; } height: 30px; }
/* line 90, ../../../../general/res/sass/mobile/_item.scss */ /* line 91, ../../../../general/res/sass/mobile/_item.scss */
.items-holder .item.grid-item .item-main .item-open { .items-holder .item.grid-item .item-main .item-open {
line-height: 50px; } } line-height: 50px; } }
@media screen and (orientation: portrait) and (min-width: 515px) and (max-width: 799px) and (min-height: 741px) and (max-height: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 1024px) and (max-device-height: 799px) { @media screen and (orientation: portrait) and (min-width: 515px) and (max-width: 799px) and (min-height: 741px) and (max-height: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 1024px) and (max-device-height: 799px) {
/* line 29, ../../../../general/res/sass/mobile/_item.scss */ /* line 29, ../../../../general/res/sass/mobile/_item.scss */
.items-holder .item.grid-item { .items-holder .item.grid-item {
height: 66px; } height: 66px; }
/* line 100, ../../../../general/res/sass/mobile/_item.scss */ /* line 101, ../../../../general/res/sass/mobile/_item.scss */
.items-holder .item.grid-item .bar.top-bar { .items-holder .item.grid-item .bar.top-bar {
line-height: 66px !important; } line-height: 66px !important; }
/* line 104, ../../../../general/res/sass/mobile/_item.scss */ /* line 105, ../../../../general/res/sass/mobile/_item.scss */
.items-holder .item.grid-item .bar.bottom-bar { .items-holder .item.grid-item .bar.bottom-bar {
top: 15px; top: 15px;
bottom: auto; bottom: auto;
height: 35px; } height: 35px; }
/* line 109, ../../../../general/res/sass/mobile/_item.scss */ /* line 110, ../../../../general/res/sass/mobile/_item.scss */
.items-holder .item.grid-item .item-main .item-type { .items-holder .item.grid-item .item-main .item-type {
top: 18px; top: 18px;
bottom: auto; bottom: auto;
height: 30px; } height: 30px; }
/* line 112, ../../../../general/res/sass/mobile/_item.scss */ /* line 113, ../../../../general/res/sass/mobile/_item.scss */
.items-holder .item.grid-item .item-main .item-open { .items-holder .item.grid-item .item-main .item-open {
line-height: 66px; } } line-height: 66px; } }
@@ -6837,7 +6897,7 @@ table {
left: 0; left: 0;
z-index: 1; } z-index: 1; }
/* line 22, ../../../../general/res/sass/features/_time-display.scss */ /* line 22, ../../../../general/res/sass/features/_time-display.scss */
.l-time-display.l-timer .l-elem.l-value .ui-symbol.direction, .l-time-display.l-timer .l-elem.l-value .direction.s-icon-btn, .l-time-display.l-timer .l-elem.l-value .direction.mini-tab-icon, .l-time-display.l-timer .l-elem.l-value .l-datetime-picker .l-month-year-pager .direction.pager, .l-datetime-picker .l-month-year-pager .l-time-display.l-timer .l-elem.l-value .direction.pager { .l-time-display.l-timer .l-elem.l-value .ui-symbol.direction, .l-time-display.l-timer .l-elem.l-value .direction.t-item-icon, .l-time-display.l-timer .l-elem.l-value .direction.s-icon-btn, .l-time-display.l-timer .l-elem.l-value .direction.mini-tab-icon, .l-time-display.l-timer .l-elem.l-value .l-datetime-picker .l-month-year-pager .direction.pager, .l-datetime-picker .l-month-year-pager .l-time-display.l-timer .l-elem.l-value .direction.pager {
font-size: 0.8em; } font-size: 0.8em; }
/* line 26, ../../../../general/res/sass/features/_time-display.scss */ /* line 26, ../../../../general/res/sass/features/_time-display.scss */
.l-time-display.l-timer:hover .l-elem.l-value { .l-time-display.l-timer:hover .l-elem.l-value {

359
platform/commonUI/themes/snow/res/css/theme-snow.css
View File

@@ -604,69 +604,74 @@ mct-container {
border-right: 5px solid transparent; } border-right: 5px solid transparent; }
/* line 31, ../../../../general/res/sass/_icons.scss */ /* line 31, ../../../../general/res/sass/_icons.scss */
.ui-symbol, .s-icon-btn, .mini-tab-icon, .l-datetime-picker .l-month-year-pager .pager { .ui-symbol, .t-item-icon, .s-icon-btn, .mini-tab-icon, .l-datetime-picker .l-month-year-pager .pager {
font-family: 'symbolsfont'; } font-family: 'symbolsfont'; }
/* line 33, ../../../../general/res/sass/_icons.scss */ /* line 33, ../../../../general/res/sass/_icons.scss */
.ui-symbol.type-icon, .type-icon.s-icon-btn, .type-icon.mini-tab-icon, .l-datetime-picker .l-month-year-pager .type-icon.pager { .ui-symbol.type-icon, .type-icon.t-item-icon, .type-icon.s-icon-btn, .type-icon.mini-tab-icon, .l-datetime-picker .l-month-year-pager .type-icon.pager {
color: #b3b3b3; } color: #b3b3b3; }
/* line 36, ../../../../general/res/sass/_icons.scss */ /* line 36, ../../../../general/res/sass/_icons.scss */
.ui-symbol.icon, .icon.s-icon-btn, .icon.mini-tab-icon, .l-datetime-picker .l-month-year-pager .icon.pager { .ui-symbol.icon, .t-item-icon, .icon.s-icon-btn, .icon.mini-tab-icon, .l-datetime-picker .l-month-year-pager .icon.pager, .l-datetime-picker .l-month-year-pager .pager.t-item-icon {
color: #0099cc; color: #0099cc;
font-size: inherit; } font-size: inherit; }
/* line 40, ../../../../general/res/sass/_icons.scss */ /* line 40, ../../../../general/res/sass/_icons.scss */
.ui-symbol.icon.alert, .icon.alert.s-icon-btn, .icon.alert.mini-tab-icon, .l-datetime-picker .l-month-year-pager .icon.alert.pager { .ui-symbol.icon.alert, .alert.t-item-icon, .icon.alert.s-icon-btn, .icon.alert.mini-tab-icon, .l-datetime-picker .l-month-year-pager .icon.alert.pager, .l-datetime-picker .l-month-year-pager .alert.pager.t-item-icon {
color: #ff3c00; } color: #ff3c00; }
/* line 42, ../../../../general/res/sass/_icons.scss */ /* line 42, ../../../../general/res/sass/_icons.scss */
.ui-symbol.icon.alert:hover, .icon.alert.s-icon-btn:hover, .icon.alert.mini-tab-icon:hover, .l-datetime-picker .l-month-year-pager .icon.alert.pager:hover { .ui-symbol.icon.alert:hover, .alert.t-item-icon:hover, .icon.alert.s-icon-btn:hover, .icon.alert.mini-tab-icon:hover, .l-datetime-picker .l-month-year-pager .icon.alert.pager:hover {
color: #ff8a66; } color: #ff8a66; }
/* line 46, ../../../../general/res/sass/_icons.scss */ /* line 46, ../../../../general/res/sass/_icons.scss */
.ui-symbol.icon.major, .icon.major.s-icon-btn, .icon.major.mini-tab-icon, .l-datetime-picker .l-month-year-pager .icon.major.pager { .ui-symbol.icon.major, .major.t-item-icon, .icon.major.s-icon-btn, .icon.major.mini-tab-icon, .l-datetime-picker .l-month-year-pager .icon.major.pager, .l-datetime-picker .l-month-year-pager .major.pager.t-item-icon {
font-size: 1.65em; } font-size: 1.65em; }
/* line 50, ../../../../general/res/sass/_icons.scss */ /* line 50, ../../../../general/res/sass/_icons.scss */
.ui-symbol.icon-calendar:after, .icon-calendar.s-icon-btn:after, .icon-calendar.mini-tab-icon:after, .l-datetime-picker .l-month-year-pager .icon-calendar.pager:after { .ui-symbol.icon-calendar:after, .icon-calendar.t-item-icon:after, .icon-calendar.s-icon-btn:after, .icon-calendar.mini-tab-icon:after, .l-datetime-picker .l-month-year-pager .icon-calendar.pager:after {
content: "\e605"; } content: "\e605"; }
/* line 53, ../../../../general/res/sass/_icons.scss */
.ui-symbol.l-icon-link, .l-icon-link.s-icon-btn, .l-icon-link.mini-tab-icon, .l-datetime-picker .l-month-year-pager .l-icon-link.pager {
color: #49dedb;
height: auto;
line-height: 100%;
position: absolute;
font-size: 0.4em !important;
left: 0px;
bottom: 5%;
z-index: 2; }
/* line 62, ../../../../general/res/sass/_icons.scss */
.ui-symbol.l-icon-link:before, .l-icon-link.s-icon-btn:before, .l-icon-link.mini-tab-icon:before, .l-datetime-picker .l-month-year-pager .l-icon-link.pager:before {
content: "\f4"; }
/* line 68, ../../../../general/res/sass/_icons.scss */ /* line 55, ../../../../general/res/sass/_icons.scss */
.bar .ui-symbol, .bar .s-icon-btn, .bar .mini-tab-icon, .bar .l-datetime-picker .l-month-year-pager .pager, .l-datetime-picker .l-month-year-pager .bar .pager { .bar .ui-symbol, .bar .t-item-icon, .bar .s-icon-btn, .bar .mini-tab-icon, .bar .l-datetime-picker .l-month-year-pager .pager, .l-datetime-picker .l-month-year-pager .bar .pager {
display: inline-block; } display: inline-block; }
/* line 72, ../../../../general/res/sass/_icons.scss */ /* line 59, ../../../../general/res/sass/_icons.scss */
.invoke-menu { .invoke-menu {
text-shadow: none; text-shadow: none;
display: inline-block; } display: inline-block; }
/* line 77, ../../../../general/res/sass/_icons.scss */ /* line 64, ../../../../general/res/sass/_icons.scss */
.s-menu-btn .invoke-menu, .s-menu-btn .invoke-menu,
.icon.major .invoke-menu { .icon.major .invoke-menu,
.major.t-item-icon .invoke-menu {
margin-left: 3px; } margin-left: 3px; }
/* line 82, ../../../../general/res/sass/_icons.scss */ /* line 69, ../../../../general/res/sass/_icons.scss */
.menu .type-icon, .menu .type-icon,
.tree-item .type-icon, .tree-item .type-icon,
.super-menu.menu .type-icon { .super-menu.menu .type-icon {
position: absolute; } position: absolute; }
/* line 88, ../../../../general/res/sass/_icons.scss */ /* line 75, ../../../../general/res/sass/_icons.scss */
.l-icon-alert { .l-icon-alert {
display: none !important; } display: none !important; }
/* line 90, ../../../../general/res/sass/_icons.scss */ /* line 77, ../../../../general/res/sass/_icons.scss */
.l-icon-alert:before { .l-icon-alert:before {
color: #ff3c00; color: #ff3c00;
content: "!"; } content: "!"; }
/* line 84, ../../../../general/res/sass/_icons.scss */
.t-item-icon {
display: inline-block;
position: relative; }
/* line 91, ../../../../general/res/sass/_icons.scss */
.t-item-icon.l-icon-link:before {
color: #49dedb;
height: 30%;
width: auto;
line-height: normal;
position: absolute;
font-size: 0.35em;
left: 0px;
bottom: 10%;
z-index: 2;
content: "\f4"; }
/* line 13, ../../../../general/res/sass/_limits.scss */ /* line 13, ../../../../general/res/sass/_limits.scss */
.s-limit-red { .s-limit-red {
background: rgba(255, 0, 0, 0.3) !important; } background: rgba(255, 0, 0, 0.3) !important; }
@@ -1316,7 +1321,7 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
background: rgba(102, 102, 102, 0.1); background: rgba(102, 102, 102, 0.1);
color: #333333; } color: #333333; }
/* line 86, ../../../../general/res/sass/_inspector.scss */ /* line 86, ../../../../general/res/sass/_inspector.scss */
.l-inspect .inspector-location .location-item:hover .icon { .l-inspect .inspector-location .location-item:hover .icon, .l-inspect .inspector-location .location-item:hover .t-item-icon {
color: #0099cc; } color: #0099cc; }
/* line 91, ../../../../general/res/sass/_inspector.scss */ /* line 91, ../../../../general/res/sass/_inspector.scss */
.l-inspect .inspector-location:not(.first):before { .l-inspect .inspector-location:not(.first):before {
@@ -1350,7 +1355,7 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
display: inline-block; display: inline-block;
padding: 2px 4px; } padding: 2px 4px; }
/* line 18, ../../../../general/res/sass/controls/_breadcrumb.scss */ /* line 18, ../../../../general/res/sass/controls/_breadcrumb.scss */
.l-breadcrumb .l-breadcrumb-item a .icon { .l-breadcrumb .l-breadcrumb-item a .icon, .l-breadcrumb .l-breadcrumb-item a .t-item-icon {
color: #0099cc; color: #0099cc;
margin-right: 5px; } margin-right: 5px; }
/* line 22, ../../../../general/res/sass/controls/_breadcrumb.scss */ /* line 22, ../../../../general/res/sass/controls/_breadcrumb.scss */
@@ -1358,7 +1363,7 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
background: white; background: white;
color: gray; } color: gray; }
/* line 25, ../../../../general/res/sass/controls/_breadcrumb.scss */ /* line 25, ../../../../general/res/sass/controls/_breadcrumb.scss */
.l-breadcrumb .l-breadcrumb-item a:hover .icon { .l-breadcrumb .l-breadcrumb-item a:hover .icon, .l-breadcrumb .l-breadcrumb-item a:hover .t-item-icon {
color: #0099cc; } color: #0099cc; }
/***************************************************************************** /*****************************************************************************
@@ -1402,7 +1407,7 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
padding: 0 7.5px; padding: 0 7.5px;
font-size: 0.7rem; } font-size: 0.7rem; }
/* line 39, ../../../../general/res/sass/controls/_buttons.scss */ /* line 39, ../../../../general/res/sass/controls/_buttons.scss */
.s-btn .icon, .s-menu-btn .icon { .s-btn .icon, .s-menu-btn .icon, .s-btn .t-item-icon, .s-menu-btn .t-item-icon {
font-size: 0.8rem; font-size: 0.8rem;
color: #0099cc; } color: #0099cc; }
/* line 44, ../../../../general/res/sass/controls/_buttons.scss */ /* line 44, ../../../../general/res/sass/controls/_buttons.scss */
@@ -1438,14 +1443,14 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
transition: background, 0.25s; transition: background, 0.25s;
text-shadow: none; } text-shadow: none; }
/* line 274, ../../../../general/res/sass/_mixins.scss */ /* line 274, ../../../../general/res/sass/_mixins.scss */
.s-btn.major .icon, .major.s-menu-btn .icon { .s-btn.major .icon, .major.s-menu-btn .icon, .s-btn.major .t-item-icon, .major.s-menu-btn .t-item-icon {
color: #fff; } color: #fff; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
/* line 279, ../../../../general/res/sass/_mixins.scss */ /* line 279, ../../../../general/res/sass/_mixins.scss */
.s-btn.major:not(.disabled):hover, .major.s-menu-btn:not(.disabled):hover { .s-btn.major:not(.disabled):hover, .major.s-menu-btn:not(.disabled):hover {
background: deepskyblue; } background: deepskyblue; }
/* line 281, ../../../../general/res/sass/_mixins.scss */ /* line 281, ../../../../general/res/sass/_mixins.scss */
.s-btn.major:not(.disabled):hover > .icon, .major.s-menu-btn:not(.disabled):hover > .icon { .s-btn.major:not(.disabled):hover > .icon, .major.s-menu-btn:not(.disabled):hover > .icon, .s-btn.major:not(.disabled):hover > .t-item-icon, .major.s-menu-btn:not(.disabled):hover > .t-item-icon {
color: white; } } color: white; } }
/* line 66, ../../../../general/res/sass/controls/_buttons.scss */ /* line 66, ../../../../general/res/sass/controls/_buttons.scss */
.s-btn:not(.major), .s-menu-btn:not(.major) { .s-btn:not(.major), .s-menu-btn:not(.major) {
@@ -1468,17 +1473,17 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
transition: background, 0.25s; transition: background, 0.25s;
text-shadow: none; } text-shadow: none; }
/* line 274, ../../../../general/res/sass/_mixins.scss */ /* line 274, ../../../../general/res/sass/_mixins.scss */
.s-btn:not(.major) .icon, .s-menu-btn:not(.major) .icon { .s-btn:not(.major) .icon, .s-menu-btn:not(.major) .icon, .s-btn:not(.major) .t-item-icon, .s-menu-btn:not(.major) .t-item-icon {
color: #eee; } color: #eee; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
/* line 279, ../../../../general/res/sass/_mixins.scss */ /* line 279, ../../../../general/res/sass/_mixins.scss */
.s-btn:not(.major):not(.disabled):hover, .s-menu-btn:not(.major):not(.disabled):hover { .s-btn:not(.major):not(.disabled):hover, .s-menu-btn:not(.major):not(.disabled):hover {
background: #0099cc; } background: #0099cc; }
/* line 281, ../../../../general/res/sass/_mixins.scss */ /* line 281, ../../../../general/res/sass/_mixins.scss */
.s-btn:not(.major):not(.disabled):hover > .icon, .s-menu-btn:not(.major):not(.disabled):hover > .icon { .s-btn:not(.major):not(.disabled):hover > .icon, .s-menu-btn:not(.major):not(.disabled):hover > .icon, .s-btn:not(.major):not(.disabled):hover > .t-item-icon, .s-menu-btn:not(.major):not(.disabled):hover > .t-item-icon {
color: white; } } color: white; } }
/* line 75, ../../../../general/res/sass/controls/_buttons.scss */ /* line 75, ../../../../general/res/sass/controls/_buttons.scss */
.s-btn.pause-play .icon:before, .pause-play.s-menu-btn .icon:before { .s-btn.pause-play .icon:before, .pause-play.s-menu-btn .icon:before, .s-btn.pause-play .t-item-icon:before, .pause-play.s-menu-btn .t-item-icon:before {
content: "\0000F1"; } content: "\0000F1"; }
/* line 78, ../../../../general/res/sass/controls/_buttons.scss */ /* line 78, ../../../../general/res/sass/controls/_buttons.scss */
.s-btn.pause-play.paused, .pause-play.paused.s-menu-btn { .s-btn.pause-play.paused, .pause-play.paused.s-menu-btn {
@@ -1501,17 +1506,17 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
transition: background, 0.25s; transition: background, 0.25s;
text-shadow: none; } text-shadow: none; }
/* line 274, ../../../../general/res/sass/_mixins.scss */ /* line 274, ../../../../general/res/sass/_mixins.scss */
.s-btn.pause-play.paused .icon, .pause-play.paused.s-menu-btn .icon { .s-btn.pause-play.paused .icon, .pause-play.paused.s-menu-btn .icon, .s-btn.pause-play.paused .t-item-icon, .pause-play.paused.s-menu-btn .t-item-icon {
color: #fff; } color: #fff; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
/* line 279, ../../../../general/res/sass/_mixins.scss */ /* line 279, ../../../../general/res/sass/_mixins.scss */
.s-btn.pause-play.paused:not(.disabled):hover, .pause-play.paused.s-menu-btn:not(.disabled):hover { .s-btn.pause-play.paused:not(.disabled):hover, .pause-play.paused.s-menu-btn:not(.disabled):hover {
background: #ffad33; } background: #ffad33; }
/* line 281, ../../../../general/res/sass/_mixins.scss */ /* line 281, ../../../../general/res/sass/_mixins.scss */
.s-btn.pause-play.paused:not(.disabled):hover > .icon, .pause-play.paused.s-menu-btn:not(.disabled):hover > .icon { .s-btn.pause-play.paused:not(.disabled):hover > .icon, .pause-play.paused.s-menu-btn:not(.disabled):hover > .icon, .s-btn.pause-play.paused:not(.disabled):hover > .t-item-icon, .pause-play.paused.s-menu-btn:not(.disabled):hover > .t-item-icon {
color: white; } } color: white; } }
/* line 80, ../../../../general/res/sass/controls/_buttons.scss */ /* line 80, ../../../../general/res/sass/controls/_buttons.scss */
.s-btn.pause-play.paused .icon, .pause-play.paused.s-menu-btn .icon { .s-btn.pause-play.paused .icon, .pause-play.paused.s-menu-btn .icon, .s-btn.pause-play.paused .t-item-icon, .pause-play.paused.s-menu-btn .t-item-icon {
-moz-animation-name: pulse; -moz-animation-name: pulse;
-webkit-animation-name: pulse; -webkit-animation-name: pulse;
animation-name: pulse; animation-name: pulse;
@@ -1528,10 +1533,10 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
-webkit-animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out; } animation-timing-function: ease-in-out; }
/* line 82, ../../../../general/res/sass/controls/_buttons.scss */ /* line 82, ../../../../general/res/sass/controls/_buttons.scss */
.s-btn.pause-play.paused .icon :before, .pause-play.paused.s-menu-btn .icon :before { .s-btn.pause-play.paused .icon :before, .pause-play.paused.s-menu-btn .icon :before, .s-btn.pause-play.paused .t-item-icon :before, .pause-play.paused.s-menu-btn .t-item-icon :before {
content: "\0000EF"; } content: "\0000EF"; }
/* line 90, ../../../../general/res/sass/controls/_buttons.scss */ /* line 90, ../../../../general/res/sass/controls/_buttons.scss */
.s-btn.show-thumbs .icon:before, .show-thumbs.s-menu-btn .icon:before { .s-btn.show-thumbs .icon:before, .show-thumbs.s-menu-btn .icon:before, .s-btn.show-thumbs .t-item-icon:before, .show-thumbs.s-menu-btn .t-item-icon:before {
content: "\000039"; } content: "\000039"; }
/* line 96, ../../../../general/res/sass/controls/_buttons.scss */ /* line 96, ../../../../general/res/sass/controls/_buttons.scss */
@@ -1599,14 +1604,14 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
transition: background, 0.25s; transition: background, 0.25s;
text-shadow: none; } text-shadow: none; }
/* line 274, ../../../../general/res/sass/_mixins.scss */ /* line 274, ../../../../general/res/sass/_mixins.scss */
.mini-tab.collapsed .icon { .mini-tab.collapsed .icon, .mini-tab.collapsed .t-item-icon {
color: #eee; } } color: #eee; } }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px) and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 800px) and (min-device-height: 1025px) and (min-device-width: 1025px) and (min-device-height: 800px), screen and (min-device-width: 1025px) and (min-device-height: 800px) and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 800px) and (min-device-height: 1025px) and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 800px) and (min-device-height: 1025px) and (min-device-width: 1025px) and (min-device-height: 800px), screen and (min-device-width: 1025px) and (min-device-height: 800px) and (min-device-width: 1025px) and (min-device-height: 800px) {
/* line 279, ../../../../general/res/sass/_mixins.scss */ /* line 279, ../../../../general/res/sass/_mixins.scss */
.mini-tab.collapsed:not(.disabled):hover { .mini-tab.collapsed:not(.disabled):hover {
background: #0099cc; } background: #0099cc; }
/* line 281, ../../../../general/res/sass/_mixins.scss */ /* line 281, ../../../../general/res/sass/_mixins.scss */
.mini-tab.collapsed:not(.disabled):hover > .icon { .mini-tab.collapsed:not(.disabled):hover > .icon, .mini-tab.collapsed:not(.disabled):hover > .t-item-icon {
color: white; } } color: white; } }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
/* line 140, ../../../../general/res/sass/controls/_buttons.scss */ /* line 140, ../../../../general/res/sass/controls/_buttons.scss */
@@ -2491,7 +2496,7 @@ label.checkbox.custom {
margin-bottom: 5px; } margin-bottom: 5px; }
/* line 35, ../../../../general/res/sass/controls/_lists.scss */ /* line 35, ../../../../general/res/sass/controls/_lists.scss */
.l-tree-item-flat-list .tree-item .label { .l-tree-item-flat-list .tree-item .t-object-label {
left: 5px !important; } left: 5px !important; }
/***************************************************************************** /*****************************************************************************
@@ -2517,7 +2522,7 @@ label.checkbox.custom {
*****************************************************************************/ *****************************************************************************/
/******************************************************** MENU BUTTONS */ /******************************************************** MENU BUTTONS */
/* line 31, ../../../../general/res/sass/controls/_menus.scss */ /* line 31, ../../../../general/res/sass/controls/_menus.scss */
.s-menu-btn .icon { .s-menu-btn .icon, .s-menu-btn .t-item-icon {
font-size: 120%; } font-size: 120%; }
/* line 35, ../../../../general/res/sass/controls/_menus.scss */ /* line 35, ../../../../general/res/sass/controls/_menus.scss */
.s-menu-btn .title-label { .s-menu-btn .title-label {
@@ -2544,7 +2549,7 @@ label.checkbox.custom {
left: 0; left: 0;
text-align: left; } text-align: left; }
/* line 62, ../../../../general/res/sass/controls/_menus.scss */ /* line 62, ../../../../general/res/sass/controls/_menus.scss */
.s-menu-btn .menu .ui-symbol.icon, .s-menu-btn .menu .icon.s-icon-btn, .s-menu-btn .menu .icon.mini-tab-icon, .s-menu-btn .menu .l-datetime-picker .l-month-year-pager .icon.pager, .l-datetime-picker .l-month-year-pager .s-menu-btn .menu .icon.pager { .s-menu-btn .menu .ui-symbol.icon, .s-menu-btn .menu .t-item-icon, .s-menu-btn .menu .icon.s-icon-btn, .s-menu-btn .menu .s-icon-btn.t-item-icon, .s-menu-btn .menu .icon.mini-tab-icon, .s-menu-btn .menu .mini-tab-icon.t-item-icon, .s-menu-btn .menu .l-datetime-picker .l-month-year-pager .icon.pager, .l-datetime-picker .l-month-year-pager .s-menu-btn .menu .icon.pager, .s-menu-btn .menu .l-datetime-picker .l-month-year-pager .pager.t-item-icon, .l-datetime-picker .l-month-year-pager .s-menu-btn .menu .pager.t-item-icon {
width: 12px; } width: 12px; }
/******************************************************** MENUS THEMSELVES */ /******************************************************** MENUS THEMSELVES */
@@ -2606,7 +2611,7 @@ label.checkbox.custom {
background: #e6e6e6; background: #e6e6e6;
color: #4d4d4d; } color: #4d4d4d; }
/* line 103, ../../../../general/res/sass/controls/_menus.scss */ /* line 103, ../../../../general/res/sass/controls/_menus.scss */
.menu ul li:hover .icon { .menu ul li:hover .icon, .menu ul li:hover .t-item-icon {
color: #0099cc; } color: #0099cc; }
/* line 107, ../../../../general/res/sass/controls/_menus.scss */ /* line 107, ../../../../general/res/sass/controls/_menus.scss */
.menu ul li .type-icon { .menu ul li .type-icon {
@@ -2625,10 +2630,13 @@ label.checkbox.custom {
.super-menu ul li a { .super-menu ul li a {
color: #4d4d4d; } color: #4d4d4d; }
/* line 123, ../../../../general/res/sass/controls/_menus.scss */ /* line 123, ../../../../general/res/sass/controls/_menus.scss */
.menu ul li .icon, .menu ul li .icon, .menu ul li .t-item-icon,
.context-menu ul li .icon, .context-menu ul li .icon,
.checkbox-menu ul li .icon, .checkbox-menu ul li .icon,
.super-menu ul li .icon { .context-menu ul li .t-item-icon,
.checkbox-menu ul li .t-item-icon,
.super-menu ul li .icon,
.super-menu ul li .t-item-icon {
color: #0099cc; } color: #0099cc; }
/* line 126, ../../../../general/res/sass/controls/_menus.scss */ /* line 126, ../../../../general/res/sass/controls/_menus.scss */
.menu ul li .type-icon, .menu ul li .type-icon,
@@ -2702,7 +2710,7 @@ label.checkbox.custom {
padding: 25px; padding: 25px;
width: 50%; } width: 50%; }
/* line 202, ../../../../general/res/sass/controls/_menus.scss */ /* line 202, ../../../../general/res/sass/controls/_menus.scss */
.super-menu .menu-item-description .desc-area.icon { .super-menu .menu-item-description .desc-area.icon, .super-menu .menu-item-description .desc-area.t-item-icon {
color: #0099cc; color: #0099cc;
position: relative; position: relative;
font-size: 8em; font-size: 8em;
@@ -2826,12 +2834,17 @@ mct-include.l-time-controller {
mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-inputs-elem .lbl { mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-inputs-elem .lbl {
color: #999999; } color: #999999; }
/* line 69, ../../../../general/res/sass/controls/_time-controller.scss */ /* line 69, ../../../../general/res/sass/controls/_time-controller.scss */
mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-input .ui-symbol.icon, mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-input .icon.s-icon-btn, mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-input .icon.mini-tab-icon, mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-input .l-datetime-picker .l-month-year-pager .icon.pager, .l-datetime-picker .l-month-year-pager mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-input .icon.pager, mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-input .ui-symbol.icon, mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-input .t-item-icon, mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-input .icon.s-icon-btn, mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-input .s-icon-btn.t-item-icon, mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-input .icon.mini-tab-icon, mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-input .mini-tab-icon.t-item-icon, mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-input .l-datetime-picker .l-month-year-pager .icon.pager, .l-datetime-picker .l-month-year-pager mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-input .icon.pager, mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-input .l-datetime-picker .l-month-year-pager .pager.t-item-icon, .l-datetime-picker .l-month-year-pager mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-input .pager.t-item-icon,
mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-inputs-elem .ui-symbol.icon, mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-inputs-elem .ui-symbol.icon,
mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-inputs-elem .t-item-icon,
mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-inputs-elem .icon.s-icon-btn, mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-inputs-elem .icon.s-icon-btn,
mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-inputs-elem .s-icon-btn.t-item-icon,
mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-inputs-elem .icon.mini-tab-icon, mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-inputs-elem .icon.mini-tab-icon,
mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-inputs-elem .mini-tab-icon.t-item-icon,
mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-inputs-elem .l-datetime-picker .l-month-year-pager .icon.pager, mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-inputs-elem .l-datetime-picker .l-month-year-pager .icon.pager,
.l-datetime-picker .l-month-year-pager mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-inputs-elem .icon.pager { .l-datetime-picker .l-month-year-pager mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-inputs-elem .icon.pager,
mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-inputs-elem .l-datetime-picker .l-month-year-pager .pager.t-item-icon,
.l-datetime-picker .l-month-year-pager mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-inputs-elem .pager.t-item-icon {
font-size: 11px; font-size: 11px;
width: 11px; } width: 11px; }
/* line 76, ../../../../general/res/sass/controls/_time-controller.scss */ /* line 76, ../../../../general/res/sass/controls/_time-controller.scss */
@@ -3275,7 +3288,7 @@ textarea {
position: relative; position: relative;
line-height: 22px; } line-height: 22px; }
/* line 274, ../../../../general/res/sass/_mixins.scss */ /* line 274, ../../../../general/res/sass/_mixins.scss */
.select .icon { .select .icon, .select .t-item-icon {
color: #eee; } color: #eee; }
/* line 31, ../../../../general/res/sass/forms/_selects.scss */ /* line 31, ../../../../general/res/sass/forms/_selects.scss */
.select select { .select select {
@@ -3538,12 +3551,17 @@ span.req {
.t-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; } display: none; }
/* line 42, ../../../../general/res/sass/forms/_filter.scss */ /* line 42, ../../../../general/res/sass/forms/_filter.scss */
.filter .icon.ui-symbol, .filter .icon.s-icon-btn, .filter .icon.mini-tab-icon, .filter .l-datetime-picker .l-month-year-pager .icon.pager, .l-datetime-picker .l-month-year-pager .filter .icon.pager, .filter .icon.ui-symbol, .filter .t-item-icon, .filter .icon.s-icon-btn, .filter .s-icon-btn.t-item-icon, .filter .icon.mini-tab-icon, .filter .mini-tab-icon.t-item-icon, .filter .l-datetime-picker .l-month-year-pager .icon.pager, .l-datetime-picker .l-month-year-pager .filter .icon.pager, .filter .l-datetime-picker .l-month-year-pager .pager.t-item-icon, .l-datetime-picker .l-month-year-pager .filter .pager.t-item-icon,
.t-filter .icon.ui-symbol, .t-filter .icon.ui-symbol,
.t-filter .t-item-icon,
.t-filter .icon.s-icon-btn, .t-filter .icon.s-icon-btn,
.t-filter .s-icon-btn.t-item-icon,
.t-filter .icon.mini-tab-icon, .t-filter .icon.mini-tab-icon,
.t-filter .mini-tab-icon.t-item-icon,
.t-filter .l-datetime-picker .l-month-year-pager .icon.pager, .t-filter .l-datetime-picker .l-month-year-pager .icon.pager,
.l-datetime-picker .l-month-year-pager .t-filter .icon.pager { .l-datetime-picker .l-month-year-pager .t-filter .icon.pager,
.t-filter .l-datetime-picker .l-month-year-pager .pager.t-item-icon,
.l-datetime-picker .l-month-year-pager .t-filter .pager.t-item-icon {
-moz-border-radius: 4px; -moz-border-radius: 4px;
-webkit-border-radius: 4px; -webkit-border-radius: 4px;
border-radius: 4px; border-radius: 4px;
@@ -3554,16 +3572,22 @@ span.req {
padding: 0px 5px; padding: 0px 5px;
vertical-align: middle; } vertical-align: middle; }
/* line 50, ../../../../general/res/sass/forms/_filter.scss */ /* line 50, ../../../../general/res/sass/forms/_filter.scss */
.filter .icon.ui-symbol:hover, .filter .icon.s-icon-btn:hover, .filter .icon.mini-tab-icon:hover, .filter .l-datetime-picker .l-month-year-pager .icon.pager:hover, .l-datetime-picker .l-month-year-pager .filter .icon.pager:hover, .filter .icon.ui-symbol:hover, .filter .t-item-icon:hover, .filter .icon.s-icon-btn:hover, .filter .s-icon-btn.t-item-icon:hover, .filter .icon.mini-tab-icon:hover, .filter .mini-tab-icon.t-item-icon:hover, .filter .l-datetime-picker .l-month-year-pager .icon.pager:hover, .l-datetime-picker .l-month-year-pager .filter .icon.pager:hover, .filter .l-datetime-picker .l-month-year-pager .pager.t-item-icon:hover, .l-datetime-picker .l-month-year-pager .filter .pager.t-item-icon:hover,
.t-filter .icon.ui-symbol:hover, .t-filter .icon.ui-symbol:hover,
.t-filter .t-item-icon:hover,
.t-filter .icon.s-icon-btn:hover, .t-filter .icon.s-icon-btn:hover,
.t-filter .s-icon-btn.t-item-icon:hover,
.t-filter .icon.mini-tab-icon:hover, .t-filter .icon.mini-tab-icon:hover,
.t-filter .mini-tab-icon.t-item-icon:hover,
.t-filter .l-datetime-picker .l-month-year-pager .icon.pager:hover, .t-filter .l-datetime-picker .l-month-year-pager .icon.pager:hover,
.l-datetime-picker .l-month-year-pager .t-filter .icon.pager:hover { .l-datetime-picker .l-month-year-pager .t-filter .icon.pager:hover,
.t-filter .l-datetime-picker .l-month-year-pager .pager.t-item-icon:hover,
.l-datetime-picker .l-month-year-pager .t-filter .pager.t-item-icon:hover {
background: rgba(255, 255, 255, 0.1); } background: rgba(255, 255, 255, 0.1); }
/* line 54, ../../../../general/res/sass/forms/_filter.scss */ /* line 54, ../../../../general/res/sass/forms/_filter.scss */
.filter .s-a-clear.ui-symbol, .filter .s-a-clear.s-icon-btn, .filter .s-a-clear.mini-tab-icon, .filter .l-datetime-picker .l-month-year-pager .s-a-clear.pager, .l-datetime-picker .l-month-year-pager .filter .s-a-clear.pager, .filter .s-a-clear.ui-symbol, .filter .s-a-clear.t-item-icon, .filter .s-a-clear.s-icon-btn, .filter .s-a-clear.mini-tab-icon, .filter .l-datetime-picker .l-month-year-pager .s-a-clear.pager, .l-datetime-picker .l-month-year-pager .filter .s-a-clear.pager,
.t-filter .s-a-clear.ui-symbol, .t-filter .s-a-clear.ui-symbol,
.t-filter .s-a-clear.t-item-icon,
.t-filter .s-a-clear.s-icon-btn, .t-filter .s-a-clear.s-icon-btn,
.t-filter .s-a-clear.mini-tab-icon, .t-filter .s-a-clear.mini-tab-icon,
.t-filter .l-datetime-picker .l-month-year-pager .s-a-clear.pager, .t-filter .l-datetime-picker .l-month-year-pager .s-a-clear.pager,
@@ -3591,8 +3615,9 @@ span.req {
text-align: center; text-align: center;
z-index: 5; } z-index: 5; }
/* line 74, ../../../../general/res/sass/forms/_filter.scss */ /* line 74, ../../../../general/res/sass/forms/_filter.scss */
.filter .s-a-clear.ui-symbol:hover, .filter .s-a-clear.s-icon-btn:hover, .filter .s-a-clear.mini-tab-icon:hover, .filter .l-datetime-picker .l-month-year-pager .s-a-clear.pager:hover, .l-datetime-picker .l-month-year-pager .filter .s-a-clear.pager:hover, .filter .s-a-clear.ui-symbol:hover, .filter .s-a-clear.t-item-icon:hover, .filter .s-a-clear.s-icon-btn:hover, .filter .s-a-clear.mini-tab-icon:hover, .filter .l-datetime-picker .l-month-year-pager .s-a-clear.pager:hover, .l-datetime-picker .l-month-year-pager .filter .s-a-clear.pager:hover,
.t-filter .s-a-clear.ui-symbol:hover, .t-filter .s-a-clear.ui-symbol:hover,
.t-filter .s-a-clear.t-item-icon:hover,
.t-filter .s-a-clear.s-icon-btn:hover, .t-filter .s-a-clear.s-icon-btn:hover,
.t-filter .s-a-clear.mini-tab-icon:hover, .t-filter .s-a-clear.mini-tab-icon:hover,
.t-filter .l-datetime-picker .l-month-year-pager .s-a-clear.pager:hover, .t-filter .l-datetime-picker .l-month-year-pager .s-a-clear.pager:hover,
@@ -3675,7 +3700,7 @@ span.req {
left: 0px; } left: 0px; }
/* line 67, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 67, ../../../../general/res/sass/user-environ/_layout.scss */
.bar .icon.major { .bar .icon.major, .bar .major.t-item-icon {
margin-right: 5px; } margin-right: 5px; }
/* line 70, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 70, ../../../../general/res/sass/user-environ/_layout.scss */
.bar.abs, .l-datetime-picker .l-month-year-pager .bar.pager, .bar.abs, .l-datetime-picker .l-month-year-pager .bar.pager,
@@ -3703,11 +3728,16 @@ span.req {
text-align: right; } text-align: right; }
/* line 83, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 83, ../../../../general/res/sass/user-environ/_layout.scss */
.bar.abs.right .icon.major, .l-datetime-picker .l-month-year-pager .bar.right.pager .icon.major, .bar.abs.right .icon.major, .l-datetime-picker .l-month-year-pager .bar.right.pager .icon.major,
.l-datetime-picker .l-month-year-pager .bar.right.val .icon.major, .s-menu-btn span.bar.right.l-click-area .icon.major, .l-datetime-picker .l-month-year-pager .bar.right.val .icon.major, .s-menu-btn span.bar.right.l-click-area .icon.major, .bar.abs.right .major.t-item-icon, .l-datetime-picker .l-month-year-pager .bar.right.pager .major.t-item-icon,
.l-datetime-picker .l-month-year-pager .bar.right.val .major.t-item-icon, .s-menu-btn span.bar.right.l-click-area .major.t-item-icon,
.bar.abs .right .icon.major, .bar.abs .right .icon.major,
.l-datetime-picker .l-month-year-pager .bar.pager .right .icon.major, .l-datetime-picker .l-month-year-pager .bar.pager .right .icon.major,
.l-datetime-picker .l-month-year-pager .bar.val .right .icon.major, .l-datetime-picker .l-month-year-pager .bar.val .right .icon.major,
.s-menu-btn span.bar.l-click-area .right .icon.major { .s-menu-btn span.bar.l-click-area .right .icon.major,
.bar.abs .right .major.t-item-icon,
.l-datetime-picker .l-month-year-pager .bar.pager .right .major.t-item-icon,
.l-datetime-picker .l-month-year-pager .bar.val .right .major.t-item-icon,
.s-menu-btn span.bar.l-click-area .right .major.t-item-icon {
margin-left: 15px; } margin-left: 15px; }
/* line 89, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 89, ../../../../general/res/sass/user-environ/_layout.scss */
.bar.abs .l-flex .left, .l-datetime-picker .l-month-year-pager .bar.pager .l-flex .left, .bar.abs .l-flex .left, .l-datetime-picker .l-month-year-pager .bar.pager .l-flex .left,
@@ -4801,14 +4831,14 @@ span.req {
transition: background, 0.25s; transition: background, 0.25s;
text-shadow: none; } text-shadow: none; }
/* line 274, ../../../../general/res/sass/_mixins.scss */ /* line 274, ../../../../general/res/sass/_mixins.scss */
.overlay .bottom-bar .s-btn:not(.major) .icon, .overlay .bottom-bar .s-menu-btn:not(.major) .icon { .overlay .bottom-bar .s-btn:not(.major) .icon, .overlay .bottom-bar .s-menu-btn:not(.major) .icon, .overlay .bottom-bar .s-btn:not(.major) .t-item-icon, .overlay .bottom-bar .s-menu-btn:not(.major) .t-item-icon {
color: #fff; } color: #fff; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
/* line 279, ../../../../general/res/sass/_mixins.scss */ /* line 279, ../../../../general/res/sass/_mixins.scss */
.overlay .bottom-bar .s-btn:not(.major):not(.disabled):hover, .overlay .bottom-bar .s-menu-btn:not(.major):not(.disabled):hover { .overlay .bottom-bar .s-btn:not(.major):not(.disabled):hover, .overlay .bottom-bar .s-menu-btn:not(.major):not(.disabled):hover {
background: #7d7d7d; } background: #7d7d7d; }
/* line 281, ../../../../general/res/sass/_mixins.scss */ /* line 281, ../../../../general/res/sass/_mixins.scss */
.overlay .bottom-bar .s-btn:not(.major):not(.disabled):hover > .icon, .overlay .bottom-bar .s-menu-btn:not(.major):not(.disabled):hover > .icon { .overlay .bottom-bar .s-btn:not(.major):not(.disabled):hover > .icon, .overlay .bottom-bar .s-menu-btn:not(.major):not(.disabled):hover > .icon, .overlay .bottom-bar .s-btn:not(.major):not(.disabled):hover > .t-item-icon, .overlay .bottom-bar .s-menu-btn:not(.major):not(.disabled):hover > .t-item-icon {
color: white; } } color: white; } }
/* line 85, ../../../../general/res/sass/overlay/_overlay.scss */ /* line 85, ../../../../general/res/sass/overlay/_overlay.scss */
.overlay .contents.l-dialog { .overlay .contents.l-dialog {
@@ -4933,13 +4963,15 @@ ul.tree {
font-size: 0.75em; font-size: 0.75em;
width: 10px; } width: 10px; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
/* line 57, ../../../../general/res/sass/tree/_tree.scss */ /* line 56, ../../../../general/res/sass/tree/_tree.scss */
.tree-item .view-control:hover, .tree-item .view-control:hover,
.search-result-item .view-control:hover { .search-result-item .view-control:hover {
color: #0099cc !important; } } color: #0099cc !important; } }
/* line 63, ../../../../general/res/sass/tree/_tree.scss */ /* line 62, ../../../../general/res/sass/tree/_tree.scss */
.tree-item .label, .tree-item .label,
.search-result-item .label { .tree-item .t-object-label,
.search-result-item .label,
.search-result-item .t-object-label {
display: block; display: block;
overflow: hidden; overflow: hidden;
position: absolute; position: absolute;
@@ -4950,9 +4982,22 @@ ul.tree {
width: auto; width: auto;
height: auto; height: auto;
line-height: 1.5rem; } line-height: 1.5rem; }
/* line 71, ../../../../general/res/sass/tree/_tree.scss */ /* line 68, ../../../../general/res/sass/tree/_tree.scss */
.tree-item .label .t-item-icon,
.tree-item .t-object-label .t-item-icon,
.search-result-item .label .t-item-icon,
.search-result-item .t-object-label .t-item-icon {
font-size: 16px;
color: #0099cc;
position: absolute;
left: 5px;
right: auto;
width: 16px; }
/* line 77, ../../../../general/res/sass/tree/_tree.scss */
.tree-item .label .type-icon, .tree-item .label .type-icon,
.search-result-item .label .type-icon { .tree-item .t-object-label .type-icon,
.search-result-item .label .type-icon,
.search-result-item .t-object-label .type-icon {
font-size: 16px; font-size: 16px;
color: #0099cc; color: #0099cc;
left: 5px; left: 5px;
@@ -4963,15 +5008,30 @@ ul.tree {
line-height: 100%; line-height: 100%;
right: auto; right: auto;
width: 16px; } width: 16px; }
/* line 84, ../../../../general/res/sass/tree/_tree.scss */ /* line 90, ../../../../general/res/sass/tree/_tree.scss */
.tree-item .label .type-icon .icon.l-icon-link, .tree-item .label .type-icon .icon.l-icon-alert, .tree-item .label .type-icon .icon.l-icon-link, .tree-item .label .type-icon .l-icon-link.t-item-icon, .tree-item .label .type-icon .icon.l-icon-alert, .tree-item .label .type-icon .l-icon-alert.t-item-icon,
.tree-item .t-object-label .type-icon .icon.l-icon-link,
.tree-item .t-object-label .type-icon .l-icon-link.t-item-icon,
.tree-item .t-object-label .type-icon .icon.l-icon-alert,
.tree-item .t-object-label .type-icon .l-icon-alert.t-item-icon,
.search-result-item .label .type-icon .icon.l-icon-link, .search-result-item .label .type-icon .icon.l-icon-link,
.search-result-item .label .type-icon .icon.l-icon-alert { .search-result-item .label .type-icon .l-icon-link.t-item-icon,
.search-result-item .label .type-icon .icon.l-icon-alert,
.search-result-item .label .type-icon .l-icon-alert.t-item-icon,
.search-result-item .t-object-label .type-icon .icon.l-icon-link,
.search-result-item .t-object-label .type-icon .l-icon-link.t-item-icon,
.search-result-item .t-object-label .type-icon .icon.l-icon-alert,
.search-result-item .t-object-label .type-icon .l-icon-alert.t-item-icon {
position: absolute; position: absolute;
z-index: 2; } z-index: 2; }
/* line 89, ../../../../general/res/sass/tree/_tree.scss */ /* line 95, ../../../../general/res/sass/tree/_tree.scss */
.tree-item .label .type-icon .icon.l-icon-alert, .tree-item .label .type-icon .icon.l-icon-alert, .tree-item .label .type-icon .l-icon-alert.t-item-icon,
.search-result-item .label .type-icon .icon.l-icon-alert { .tree-item .t-object-label .type-icon .icon.l-icon-alert,
.tree-item .t-object-label .type-icon .l-icon-alert.t-item-icon,
.search-result-item .label .type-icon .icon.l-icon-alert,
.search-result-item .label .type-icon .l-icon-alert.t-item-icon,
.search-result-item .t-object-label .type-icon .icon.l-icon-alert,
.search-result-item .t-object-label .type-icon .l-icon-alert.t-item-icon {
color: #ff3c00; color: #ff3c00;
font-size: 8px; font-size: 8px;
line-height: 8px; line-height: 8px;
@@ -4979,9 +5039,14 @@ ul.tree {
width: 8px; width: 8px;
top: 1px; top: 1px;
right: -2px; } right: -2px; }
/* line 95, ../../../../general/res/sass/tree/_tree.scss */ /* line 101, ../../../../general/res/sass/tree/_tree.scss */
.tree-item .label .type-icon .icon.l-icon-link, .tree-item .label .type-icon .icon.l-icon-link, .tree-item .label .type-icon .l-icon-link.t-item-icon,
.search-result-item .label .type-icon .icon.l-icon-link { .tree-item .t-object-label .type-icon .icon.l-icon-link,
.tree-item .t-object-label .type-icon .l-icon-link.t-item-icon,
.search-result-item .label .type-icon .icon.l-icon-link,
.search-result-item .label .type-icon .l-icon-link.t-item-icon,
.search-result-item .t-object-label .type-icon .icon.l-icon-link,
.search-result-item .t-object-label .type-icon .l-icon-link.t-item-icon {
color: #49dedb; color: #49dedb;
font-size: 8px; font-size: 8px;
line-height: 8px; line-height: 8px;
@@ -4989,9 +5054,15 @@ ul.tree {
width: 8px; width: 8px;
left: -3px; left: -3px;
bottom: 0px; } bottom: 0px; }
/* line 103, ../../../../general/res/sass/tree/_tree.scss */ /* line 109, ../../../../general/res/sass/tree/_tree.scss */
.tree-item .label .title-label, .tree-item .label .title-label,
.search-result-item .label .title-label { .tree-item .label .t-title-label,
.tree-item .t-object-label .title-label,
.tree-item .t-object-label .t-title-label,
.search-result-item .label .title-label,
.search-result-item .label .t-title-label,
.search-result-item .t-object-label .title-label,
.search-result-item .t-object-label .t-title-label {
overflow: hidden; overflow: hidden;
position: absolute; position: absolute;
top: 0px; top: 0px;
@@ -5005,48 +5076,49 @@ ul.tree {
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; } white-space: nowrap; }
/* line 113, ../../../../general/res/sass/tree/_tree.scss */ /* line 120, ../../../../general/res/sass/tree/_tree.scss */
.tree-item.selected, .tree-item.selected,
.search-result-item.selected { .search-result-item.selected {
background: #1ac6ff; background: #1ac6ff;
color: #fcfcfc; } color: #fcfcfc; }
/* line 116, ../../../../general/res/sass/tree/_tree.scss */ /* line 123, ../../../../general/res/sass/tree/_tree.scss */
.tree-item.selected .view-control, .tree-item.selected .view-control,
.search-result-item.selected .view-control { .search-result-item.selected .view-control {
color: #fcfcfc; } color: #fcfcfc; }
/* line 119, ../../../../general/res/sass/tree/_tree.scss */ /* line 126, ../../../../general/res/sass/tree/_tree.scss */
.tree-item.selected .label .type-icon, .tree-item.selected .label .type-icon,
.search-result-item.selected .label .type-icon { .search-result-item.selected .label .type-icon {
color: #fcfcfc; } color: #fcfcfc; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
/* line 127, ../../../../general/res/sass/tree/_tree.scss */ /* line 134, ../../../../general/res/sass/tree/_tree.scss */
.tree-item:not(.selected):hover, .tree-item:not(.selected):hover,
.search-result-item:not(.selected):hover { .search-result-item:not(.selected):hover {
background: rgba(102, 102, 102, 0.1); background: rgba(102, 102, 102, 0.1);
color: #333333; } color: #333333; }
/* line 130, ../../../../general/res/sass/tree/_tree.scss */ /* line 137, ../../../../general/res/sass/tree/_tree.scss */
.tree-item:not(.selected):hover .icon, .tree-item:not(.selected):hover .icon, .tree-item:not(.selected):hover .t-item-icon,
.search-result-item:not(.selected):hover .icon { .search-result-item:not(.selected):hover .icon,
.search-result-item:not(.selected):hover .t-item-icon {
color: #0099cc; } } color: #0099cc; } }
/* line 137, ../../../../general/res/sass/tree/_tree.scss */ /* line 144, ../../../../general/res/sass/tree/_tree.scss */
.tree-item:not(.loading), .tree-item:not(.loading),
.search-result-item:not(.loading) { .search-result-item:not(.loading) {
cursor: pointer; } cursor: pointer; }
/* line 141, ../../../../general/res/sass/tree/_tree.scss */ /* line 148, ../../../../general/res/sass/tree/_tree.scss */
.tree-item .context-trigger, .tree-item .context-trigger,
.search-result-item .context-trigger { .search-result-item .context-trigger {
top: -1px; top: -1px;
position: absolute; position: absolute;
right: 3px; } right: 3px; }
/* line 146, ../../../../general/res/sass/tree/_tree.scss */ /* line 153, ../../../../general/res/sass/tree/_tree.scss */
.tree-item .context-trigger .invoke-menu, .tree-item .context-trigger .invoke-menu,
.search-result-item .context-trigger .invoke-menu { .search-result-item .context-trigger .invoke-menu {
font-size: 0.75em; font-size: 0.75em;
height: 0.9rem; height: 0.9rem;
line-height: 0.9rem; } line-height: 0.9rem; }
/* line 155, ../../../../general/res/sass/tree/_tree.scss */ /* line 162, ../../../../general/res/sass/tree/_tree.scss */
.tree-item .label { .tree-item .t-object-label {
left: 15px; } left: 15px; }
/***************************************************************************** /*****************************************************************************
@@ -5086,21 +5158,19 @@ ul.tree {
.search-result-item .view-control { .search-result-item .view-control {
position: absolute; position: absolute;
font-size: 1.1em; font-size: 1.1em;
height: 35px;
line-height: inherit;
right: 0px; right: 0px;
width: 30px; width: 30px;
text-align: center; } text-align: center; }
/* line 45, ../../../../general/res/sass/mobile/_tree.scss */ /* line 47, ../../../../general/res/sass/mobile/_tree.scss */
.tree-item .label, .tree-item .label,
.search-result-item .label { .tree-item .t-object-label,
.search-result-item .label,
.search-result-item .t-object-label {
left: 0; left: 0;
right: 35px; right: 35px;
line-height: 35px; } line-height: inherit; } }
/* line 50, ../../../../general/res/sass/mobile/_tree.scss */
.tree-item .label .type-icon,
.search-result-item .label .type-icon {
top: 9px;
bottom: auto;
height: 16px; } }
/***************************************************************************** /*****************************************************************************
* Open MCT Web, Copyright (c) 2014-2015, United States Government * Open MCT Web, Copyright (c) 2014-2015, United States Government
* as represented by the Administrator of the National Aeronautics and Space * as represented by the Administrator of the National Aeronautics and Space
@@ -6151,14 +6221,14 @@ table {
margin-right: 3px; margin-right: 3px;
position: relative; } position: relative; }
/* line 274, ../../../../general/res/sass/_mixins.scss */ /* line 274, ../../../../general/res/sass/_mixins.scss */
.items-holder .item.grid-item .icon { .items-holder .item.grid-item .icon, .items-holder .item.grid-item .t-item-icon {
color: #0099cc; } color: #0099cc; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
/* line 279, ../../../../general/res/sass/_mixins.scss */ /* line 279, ../../../../general/res/sass/_mixins.scss */
.items-holder .item.grid-item:not(.disabled):hover { .items-holder .item.grid-item:not(.disabled):hover {
background: #d0d0d0; } background: #d0d0d0; }
/* line 281, ../../../../general/res/sass/_mixins.scss */ /* line 281, ../../../../general/res/sass/_mixins.scss */
.items-holder .item.grid-item:not(.disabled):hover > .icon { .items-holder .item.grid-item:not(.disabled):hover > .icon, .items-holder .item.grid-item:not(.disabled):hover > .t-item-icon {
color: #33ccff; } } color: #33ccff; } }
/* line 45, ../../../../general/res/sass/items/_item.scss */ /* line 45, ../../../../general/res/sass/items/_item.scss */
.items-holder .item.grid-item:hover .item-main .item-type { .items-holder .item.grid-item:hover .item-main .item-type {
@@ -6187,10 +6257,10 @@ table {
.items-holder .item.grid-item .bar.top-bar .left, .items-holder .item.grid-item .bar.top-bar .right { .items-holder .item.grid-item .bar.top-bar .left, .items-holder .item.grid-item .bar.top-bar .right {
width: auto; } width: auto; }
/* line 70, ../../../../general/res/sass/items/_item.scss */ /* line 70, ../../../../general/res/sass/items/_item.scss */
.items-holder .item.grid-item .bar.top-bar .left .icon, .items-holder .item.grid-item .bar.top-bar .right .icon { .items-holder .item.grid-item .bar.top-bar .left .icon, .items-holder .item.grid-item .bar.top-bar .left .t-item-icon, .items-holder .item.grid-item .bar.top-bar .right .icon, .items-holder .item.grid-item .bar.top-bar .right .t-item-icon {
margin-left: 3px; } margin-left: 3px; }
/* line 72, ../../../../general/res/sass/items/_item.scss */ /* line 72, ../../../../general/res/sass/items/_item.scss */
.items-holder .item.grid-item .bar.top-bar .left .icon.l-icon-link, .items-holder .item.grid-item .bar.top-bar .right .icon.l-icon-link { .items-holder .item.grid-item .bar.top-bar .left .icon.l-icon-link, .items-holder .item.grid-item .bar.top-bar .left .l-icon-link.t-item-icon, .items-holder .item.grid-item .bar.top-bar .right .icon.l-icon-link, .items-holder .item.grid-item .bar.top-bar .right .l-icon-link.t-item-icon {
color: #49dedb; } color: #49dedb; }
/* line 78, ../../../../general/res/sass/items/_item.scss */ /* line 78, ../../../../general/res/sass/items/_item.scss */
.items-holder .item.grid-item .bar.bottom-bar { .items-holder .item.grid-item .bar.bottom-bar {
@@ -6201,22 +6271,17 @@ table {
line-height: 160px; line-height: 160px;
z-index: 1; } z-index: 1; }
/* line 89, ../../../../general/res/sass/items/_item.scss */ /* line 89, ../../../../general/res/sass/items/_item.scss */
.items-holder .item.grid-item .item-main .item-type { .items-holder .item.grid-item .item-main .item-type,
overflow: hidden; .items-holder .item.grid-item .item-main .t-item-icon {
-moz-transform: translateX(-50%) translateY(-55%);
-ms-transform: translateX(-50%) translateY(-55%);
-webkit-transform: translateX(-50%) translateY(-55%);
transform: translateX(-50%) translateY(-55%);
position: absolute; position: absolute;
top: 40px; top: 50%;
right: 40px; left: 50%;
bottom: 40px; font-size: 96.9px; }
left: 40px; /* line 100, ../../../../general/res/sass/items/_item.scss */
width: auto;
height: auto;
text-align: center;
font-size: 96.9px;
line-height: 102px;
bottom: auto;
height: 102px;
top: 30px; }
/* line 101, ../../../../general/res/sass/items/_item.scss */
.items-holder .item.grid-item .item-main .item-open { .items-holder .item.grid-item .item-main .item-open {
-moz-transition-property: "opacity"; -moz-transition-property: "opacity";
-o-transition-property: "opacity"; -o-transition-property: "opacity";
@@ -6241,14 +6306,14 @@ table {
width: 50px; width: 50px;
pointer-events: none; pointer-events: none;
text-align: right; } text-align: right; }
/* line 111, ../../../../general/res/sass/items/_item.scss */ /* line 110, ../../../../general/res/sass/items/_item.scss */
.items-holder .item.grid-item .title { .items-holder .item.grid-item .title {
text-shadow: none; text-shadow: none;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
color: #666; } color: #666; }
/* line 116, ../../../../general/res/sass/items/_item.scss */ /* line 115, ../../../../general/res/sass/items/_item.scss */
.items-holder .item.grid-item .details { .items-holder .item.grid-item .details {
text-shadow: none; text-shadow: none;
overflow: hidden; overflow: hidden;
@@ -6256,7 +6321,7 @@ table {
white-space: nowrap; white-space: nowrap;
color: #8c8c8c; color: #8c8c8c;
font-size: 0.8em; } font-size: 0.8em; }
/* line 122, ../../../../general/res/sass/items/_item.scss */ /* line 121, ../../../../general/res/sass/items/_item.scss */
.items-holder .item.grid-item.selected { .items-holder .item.grid-item.selected {
background-color: #0099cc; background-color: #0099cc;
-moz-border-radius: 4px; -moz-border-radius: 4px;
@@ -6278,18 +6343,18 @@ table {
text-shadow: none; text-shadow: none;
color: #80dfff; } color: #80dfff; }
/* line 274, ../../../../general/res/sass/_mixins.scss */ /* line 274, ../../../../general/res/sass/_mixins.scss */
.items-holder .item.grid-item.selected .icon { .items-holder .item.grid-item.selected .icon, .items-holder .item.grid-item.selected .t-item-icon {
color: #eee; } color: #eee; }
/* line 127, ../../../../general/res/sass/items/_item.scss */ /* line 126, ../../../../general/res/sass/items/_item.scss */
.items-holder .item.grid-item.selected .item-type, .items-holder .item.grid-item.selected .top-bar .icon:not(.alert) { .items-holder .item.grid-item.selected .item-type, .items-holder .item.grid-item.selected .top-bar .icon:not(.alert), .items-holder .item.grid-item.selected .top-bar .t-item-icon:not(.alert) {
color: #80dfff; } color: #80dfff; }
/* line 128, ../../../../general/res/sass/items/_item.scss */ /* line 127, ../../../../general/res/sass/items/_item.scss */
.items-holder .item.grid-item.selected .item-main .item-open { .items-holder .item.grid-item.selected .item-main .item-open {
color: #80dfff; } color: #80dfff; }
/* line 129, ../../../../general/res/sass/items/_item.scss */ /* line 128, ../../../../general/res/sass/items/_item.scss */
.items-holder .item.grid-item.selected .title { .items-holder .item.grid-item.selected .title {
color: white; } color: white; }
/* line 131, ../../../../general/res/sass/items/_item.scss */ /* line 130, ../../../../general/res/sass/items/_item.scss */
.items-holder .item.grid-item.selected:hover .item-main .item-type { .items-holder .item.grid-item.selected:hover .item-main .item-type {
color: white !important; } color: white !important; }
@@ -6337,18 +6402,12 @@ table {
left: 40px; left: 40px;
right: 60px; } right: 60px; }
/* line 52, ../../../../general/res/sass/mobile/_item.scss */ /* line 52, ../../../../general/res/sass/mobile/_item.scss */
.items-holder .item.grid-item .item-main .item-type { .items-holder .item.grid-item .item-main .item-type,
.items-holder .item.grid-item .item-main .t-item-icon {
font-size: 30px; font-size: 30px;
right: auto; left: 15px;
bottom: auto; line-height: normal; }
left: 0; /* line 66, ../../../../general/res/sass/mobile/_item.scss */
line-height: 100%;
text-align: left;
width: 30px; }
/* line 61, ../../../../general/res/sass/mobile/_item.scss */
.items-holder .item.grid-item .item-main .item-type .l-icon-link {
bottom: 0; }
/* line 65, ../../../../general/res/sass/mobile/_item.scss */
.items-holder .item.grid-item .item-main .item-open { .items-holder .item.grid-item .item-main .item-open {
display: block; display: block;
opacity: 1; opacity: 1;
@@ -6358,40 +6417,40 @@ table {
/* line 29, ../../../../general/res/sass/mobile/_item.scss */ /* line 29, ../../../../general/res/sass/mobile/_item.scss */
.items-holder .item.grid-item { .items-holder .item.grid-item {
height: 50px; } height: 50px; }
/* line 78, ../../../../general/res/sass/mobile/_item.scss */ /* line 79, ../../../../general/res/sass/mobile/_item.scss */
.items-holder .item.grid-item .bar.top-bar { .items-holder .item.grid-item .bar.top-bar {
line-height: 50px !important; } line-height: 50px !important; }
/* line 82, ../../../../general/res/sass/mobile/_item.scss */ /* line 83, ../../../../general/res/sass/mobile/_item.scss */
.items-holder .item.grid-item .bar.bottom-bar { .items-holder .item.grid-item .bar.bottom-bar {
top: 7px; top: 7px;
bottom: auto; bottom: auto;
height: 35px; } height: 35px; }
/* line 87, ../../../../general/res/sass/mobile/_item.scss */ /* line 88, ../../../../general/res/sass/mobile/_item.scss */
.items-holder .item.grid-item .item-main .item-type { .items-holder .item.grid-item .item-main .item-type {
top: 10px; top: 10px;
bottom: auto; bottom: auto;
height: 30px; } height: 30px; }
/* line 90, ../../../../general/res/sass/mobile/_item.scss */ /* line 91, ../../../../general/res/sass/mobile/_item.scss */
.items-holder .item.grid-item .item-main .item-open { .items-holder .item.grid-item .item-main .item-open {
line-height: 50px; } } line-height: 50px; } }
@media screen and (orientation: portrait) and (min-width: 515px) and (max-width: 799px) and (min-height: 741px) and (max-height: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 1024px) and (max-device-height: 799px) { @media screen and (orientation: portrait) and (min-width: 515px) and (max-width: 799px) and (min-height: 741px) and (max-height: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 1024px) and (max-device-height: 799px) {
/* line 29, ../../../../general/res/sass/mobile/_item.scss */ /* line 29, ../../../../general/res/sass/mobile/_item.scss */
.items-holder .item.grid-item { .items-holder .item.grid-item {
height: 66px; } height: 66px; }
/* line 100, ../../../../general/res/sass/mobile/_item.scss */ /* line 101, ../../../../general/res/sass/mobile/_item.scss */
.items-holder .item.grid-item .bar.top-bar { .items-holder .item.grid-item .bar.top-bar {
line-height: 66px !important; } line-height: 66px !important; }
/* line 104, ../../../../general/res/sass/mobile/_item.scss */ /* line 105, ../../../../general/res/sass/mobile/_item.scss */
.items-holder .item.grid-item .bar.bottom-bar { .items-holder .item.grid-item .bar.bottom-bar {
top: 15px; top: 15px;
bottom: auto; bottom: auto;
height: 35px; } height: 35px; }
/* line 109, ../../../../general/res/sass/mobile/_item.scss */ /* line 110, ../../../../general/res/sass/mobile/_item.scss */
.items-holder .item.grid-item .item-main .item-type { .items-holder .item.grid-item .item-main .item-type {
top: 18px; top: 18px;
bottom: auto; bottom: auto;
height: 30px; } height: 30px; }
/* line 112, ../../../../general/res/sass/mobile/_item.scss */ /* line 113, ../../../../general/res/sass/mobile/_item.scss */
.items-holder .item.grid-item .item-main .item-open { .items-holder .item.grid-item .item-main .item-open {
line-height: 66px; } } line-height: 66px; } }
@@ -6734,7 +6793,7 @@ table {
left: 0; left: 0;
z-index: 1; } z-index: 1; }
/* line 22, ../../../../general/res/sass/features/_time-display.scss */ /* line 22, ../../../../general/res/sass/features/_time-display.scss */
.l-time-display.l-timer .l-elem.l-value .ui-symbol.direction, .l-time-display.l-timer .l-elem.l-value .direction.s-icon-btn, .l-time-display.l-timer .l-elem.l-value .direction.mini-tab-icon, .l-time-display.l-timer .l-elem.l-value .l-datetime-picker .l-month-year-pager .direction.pager, .l-datetime-picker .l-month-year-pager .l-time-display.l-timer .l-elem.l-value .direction.pager { .l-time-display.l-timer .l-elem.l-value .ui-symbol.direction, .l-time-display.l-timer .l-elem.l-value .direction.t-item-icon, .l-time-display.l-timer .l-elem.l-value .direction.s-icon-btn, .l-time-display.l-timer .l-elem.l-value .direction.mini-tab-icon, .l-time-display.l-timer .l-elem.l-value .l-datetime-picker .l-month-year-pager .direction.pager, .l-datetime-picker .l-month-year-pager .l-time-display.l-timer .l-elem.l-value .direction.pager {
font-size: 0.8em; } font-size: 0.8em; }
/* line 26, ../../../../general/res/sass/features/_time-display.scss */ /* line 26, ../../../../general/res/sass/features/_time-display.scss */
.l-time-display.l-timer:hover .l-elem.l-value { .l-time-display.l-timer:hover .l-elem.l-value {