TPS
/
ORIENT
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Create "windex" z-index window manager 

Convert all storm UI z-indexes to variables
Refs #1021
This commit is contained in:
Samuel Georges 2016-05-21 14:42:10 +10:00
parent f936ff64f8
commit aae177e7bc
25 changed files with 119 additions and 96 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
modules/backend/assets/less/controls/panels.less
View File

@ -74,4 +74,4 @@ div.panel {
> label {
margin-bottom: 5px;
}
}
}

12
modules/backend/assets/less/october.less
View File

@ -1,15 +1,3 @@
//
// Z-Index frequencies:
//
// 0-200 - Base layer (content)
// 200-400 - Base menus / dropdowns
// 400-600 - Secondary layer (full screen)
// 600-800 - Secondary menus / dropdowns
// 800-1000 - Tertiary layer (popups)
// 1000-1200 - Tertiary menus / dropdowns
// 1200-9000 - Reserved for frequency manager
//
// Vendor
@import "../vendor/sweet-alert/sweet-alert.less";
@import "../vendor/jcrop/css/jquery.Jcrop.min.css";

1
modules/backend/formwidgets/richeditor/assets/css/richeditor.css
View File

@ -368,6 +368,7 @@ body .fr-box .ace_editor{display:none}
body .fr-box .ace_editor{position:absolute;top:0;bottom:0;left:0;right:0;margin:0}
body .fr-box.fr-code-view .ace_editor{display:block}
body .fr-command.fr-btn[data-cmd=fullscreen]{float:right}
body .fr-box.fr-fullscreen{z-index:9997 !important}
body .fr-toolbar{border-top-color:transparent;background:#f2f2f2}
body .fr-popup.fr-desktop .fr-arrow,body .fr-toolbar.fr-inline.fr-desktop .fr-arrow{top:-7px}
body .fr-popup.fr-desktop.fr-above .fr-arrow,body .fr-toolbar.fr-inline.fr-desktop.fr-above .fr-arrow{bottom:-7px}

4
modules/backend/formwidgets/richeditor/assets/less/_froala.less
View File

@ -44,6 +44,10 @@ body {
float: right;
}
.fr-box.fr-fullscreen {
z-index: @zindex-fullscreen !important;
}
//
// Toolbar
//

4
modules/system/assets/ui/less/breadcrumb.less
View File

@ -47,7 +47,7 @@
top: 0;
right: -15px;
position: absolute;
z-index: 10;
z-index: @zindex-breadcrumb;
}
&:after {
@ -56,7 +56,7 @@
&:before {
right: -16px;
z-index: 9;
z-index: @zindex-breadcrumb - 1;
.triangle(right, 15px, 45px, @color-breadcrumb-background);
}

2
modules/system/assets/ui/less/button.groups.less
View File

@ -17,7 +17,7 @@
&:focus,
&:active,
&.active {
z-index: 2;
z-index: @zindex-button;
}
&:focus {
// Remove focus outline when dropdown JS adds it after closing the menu

8
modules/system/assets/ui/less/chart.less
View File

@ -52,16 +52,16 @@
font-size: 30px;
font-weight: 100;
color: @color-scoreboard-title;
z-index: 10;
z-index: @zindex-chart - 1;
}
svg {
z-index: 20;
z-index: @zindex-chart;
}
}
&.full-width div.canvas {
margin-right: 0!important;
margin-right: 0 !important;
}
ul {
@ -169,7 +169,7 @@
padding: 7px 10px;
background: @color-chart-tooltip-bg;
position: absolute;
z-index: 100;
z-index: @zindex-tooltip;
color: @color-chart-tooltip-text;
.border-radius(@border-radius-base*2);
font-size: 12px;

8
modules/system/assets/ui/less/checkbox.less
View File

@ -198,7 +198,7 @@
* { .box-sizing(border-box); }
&.disabled { .opacity(.5); }
.slide-button {
z-index: 4;
z-index: @zindex-checkbox - 1;
display: block;
position: absolute;
right: 42px;
@ -217,14 +217,14 @@
}
label {
z-index: 3;
z-index: @zindex-checkbox - 2;
width: 100%;
display: block;
position: relative;
}
input {
z-index: 5;
z-index: @zindex-checkbox;
position: absolute;
left: 0;
top: 0;
@ -260,7 +260,7 @@
.border-radius(20px);
span {
z-index: 5;
z-index: @zindex-checkbox;
display: block;
width: 50%;
position: absolute;

6
modules/system/assets/ui/less/datepicker.date.less
View File

@ -3,7 +3,7 @@
// --------------------------------------------------
.pika-single {
z-index: 9999;
z-index: @zindex-datepicker;
display: block;
position: relative;
width: 240px;
@ -36,7 +36,7 @@
display: inline-block;
*display: inline;
position: relative;
z-index: 9999;
z-index: @zindex-datepicker;
overflow: hidden;
margin: 0;
padding: 5px 3px;
@ -50,7 +50,7 @@
select {
cursor: pointer;
position: absolute;
z-index: 9998;
z-index: @zindex-datepicker - 1;
margin: 0;
left: 0;
top: 5px;

4
modules/system/assets/ui/less/datepicker.less
View File

@ -58,7 +58,3 @@
}
}
}
.clockpicker-popover {
z-index: 9999;
}

2
modules/system/assets/ui/less/datepicker.time.less
View File

@ -10,7 +10,7 @@
position: absolute;
top: 0;
left: 0;
z-index: 1010;
z-index: @zindex-datepicker;
display: none;
max-width: 276px;
padding: 1px;

8
modules/system/assets/ui/less/dropdown.less
View File

@ -41,7 +41,7 @@
position: absolute;
left: 15px;
top: -8px;
z-index: 101;
z-index: @zindex-dropdown + 1;
}
&:before {
@ -49,7 +49,7 @@
position: absolute;
left: 14px;
top: -9px;
z-index: 100;
z-index: @zindex-dropdown;
}
li {
@ -109,7 +109,7 @@
position: absolute;
left: 15px;
top: -8px;
z-index: 102;
z-index: @zindex-dropdown + 2;
}
}
&:active {
@ -198,7 +198,7 @@ body.dropdown-open {
right: 0;
bottom: 0;
// background: rgba(0,0,0,0.1);
z-index: 300;
z-index: @zindex-dropdown - 1;
}
}

2
modules/system/assets/ui/less/filter.less
View File

@ -266,7 +266,7 @@
top: 5px;
right: 5px;
font-size: 28px;
z-index: 2;
z-index: @zindex-filter;
}
}
}

2
modules/system/assets/ui/less/flashmessage.less
View File

@ -28,7 +28,7 @@
color: @color-flash-text;
font-size: 14px;
padding: 10px 30px 10px 15px;
z-index: 10000;
z-index: @zindex-flashmessage;
word-wrap: break-word;
text-shadow: 0 -1px 0px rgba(0,0,0,.25);
text-align: center;

4
modules/system/assets/ui/less/form.groups.less
View File

@ -20,7 +20,7 @@
// Ensure that the input is always above the *appended* addon button for
// proper border colors.
position: relative;
z-index: 2;
z-index: @zindex-form;
// IE9 fubars the placeholder attribute in text inputs and the arrows on
// select elements in input groups. To fix it, we float the input. Details:
@ -142,7 +142,7 @@
&:hover,
&:focus,
&:active {
z-index: 2;
z-index: @zindex-form;
}
}

4
modules/system/assets/ui/less/form.less
View File

@ -216,7 +216,7 @@
> .icon {
position: absolute;
z-index: 2;
z-index: @zindex-form;
padding: 13px;
pointer-events: none;
color: @color-form-field-icon;
@ -437,7 +437,7 @@ body.slim-container {
}
.select2-dropdown {
z-index: 10000;
z-index: @zindex-select;
}
//

1
modules/system/assets/ui/less/global.less
View File

@ -22,3 +22,4 @@
@import "toolbar.variables.less";
@import "tooltip.variables.less";
@import "popup.variables.less";
@import "windex.variables.less";

12
modules/system/assets/ui/less/global.variables.less
View File

@ -47,18 +47,6 @@
@screen-sm-max: (@screen-md-min - 1);
@screen-md-max: (@screen-lg-min - 1);
//
// Z-Indexes
// --------------------------------------------------
@zindex-navbar: 1000;
@zindex-dropdown: 1000;
@zindex-popover: 1010;
@zindex-navbar-fixed: 1030;
@zindex-modal-background: 1040;
@zindex-modal: 1050;
@zindex-tooltip: 1060; // Tooltips should always be on the top
//
// Typography
// --------------------------------------------------

4
modules/system/assets/ui/less/inspector.less
View File

@ -27,7 +27,7 @@
.inspector-autocomplete-list() {
background: white;
font-size: 12px;
z-index: 100000; // It's safe to set z-index any high value for drop-downs
z-index: @zindex-inspector;
li a {
padding: 5px 12px;
@ -684,4 +684,4 @@ ul.autocomplete.dropdown-menu.inspector-autocomplete {
}
}
}
}
}

4
modules/system/assets/ui/less/loader.less
View File

@ -19,7 +19,7 @@
font-weight: 500;
background: @body-bg;
text-align: left;
z-index: 100;
z-index: @zindex-loader;
> span {
background: transparent url('@{loader-image-path}/loader.gif') no-repeat 0 50%;
@ -221,7 +221,7 @@ html.cssanimations {
left: 0;
width: 100%;
overflow: hidden;
z-index: 2000;
z-index: @zindex-flashmessage;
.stripe, .stripe-loaded {
height: @stripe-loader-height;

18
modules/system/assets/ui/less/popover.less
View File

@ -21,7 +21,7 @@ div.control-popover {
background-clip: content-box;
left: 0;
top: 0;
z-index: 570;
z-index: @zindex-popover - 1;
visibility: hidden;
&.in, &.fade {
@ -54,8 +54,8 @@ div.control-popover {
position: absolute;
}
&:after { z-index: 601; }
&:before { z-index: 600; }
&:after { z-index: @zindex-popover + 1; }
&:before { z-index: @zindex-popover; }
}
&.placement-bottom > div {
@ -135,7 +135,7 @@ div.control-popover {
border-bottom: 2px solid @color-popover-border;
&:before {
z-index: 602;
z-index: @zindex-popover + 2;
position: absolute;
}
@ -246,9 +246,9 @@ div.control-popover {
.popover-highlight {
position: relative;
z-index: 562 !important;
z-index: (@zindex-popover - 2) !important;
&:hover, &:active, &:focus {
z-index: 562 !important;
z-index: (@zindex-popover - 2) !important;
}
}
@ -259,7 +259,7 @@ div.popover-overlay {
right: 0;
bottom: 0;
background: @overlay-background;
z-index: 560;
z-index: @zindex-popover - 3;
}
@media (max-width: @screen-xs) {
@ -274,7 +274,7 @@ div.popover-overlay {
margin: 0;
padding: 10px;
width: 100% !important;
z-index: 609;
z-index: @zindex-popover + 3;
top: 0 !important;
right: 0 !important;
bottom: 0 !important;
@ -299,4 +299,4 @@ div.popover-overlay {
}
}
}
}
}

2
modules/system/assets/ui/less/select.less
View File

@ -539,7 +539,7 @@
display: table;
table-layout: fixed;
position: relative;
z-index: 2;
z-index: @zindex-form;
float: left;
width: 100%;
margin-bottom: 0;

18
modules/system/assets/ui/less/tab.less
View File

@ -78,7 +78,7 @@
vertical-align: bottom;
margin-right: 20px;
position: relative;
z-index: 90;
z-index: @zindex-tab - 2;
&:last-child {
margin-right: 0;
@ -120,7 +120,7 @@
}
&.active {
z-index: 100;
z-index: @zindex-tab;
a {
color: @color-tab-active-text;
@ -183,7 +183,7 @@
cursor: pointer;
i {
display: inline-block;
z-index: 101;
z-index: @zindex-tab + 1;
top: -7px;
right: 5px;
position: relative;
@ -222,7 +222,7 @@
font-size: 15px;
border-bottom: transparent 4px solid;
position: relative;
z-index: 101;
z-index: @zindex-tab + 1;
line-height: 100%;
}
@ -250,7 +250,7 @@
bottom: 0;
height: 1px;
width: 100%;
z-index: 95;
z-index: @zindex-tab - 1;
content: ' ';
border-bottom: 2px solid @color-tab-active-border;
}
@ -275,7 +275,7 @@
padding-bottom: 3px;
margin: 0;
position: relative;
z-index: 101;
z-index: @zindex-tab + 1;
background: transparent;
overflow: visible;
@ -284,7 +284,7 @@
display: inline-block;
padding: 4px 25px 0px 25px;
.box-sizing(border-box);
z-index: 100;
z-index: @zindex-tab;
&:before, &:after {
content: '';
@ -326,10 +326,10 @@
}
&.active a {
z-index: 107;
z-index: @zindex-tab + 3;
> span.title {
z-index: 105;
z-index: @zindex-tab + 2;
border-top-color: #d6d6d6;
&:before, &:after{

46
modules/system/assets/ui/less/windex.variables.less Normal file
View File

@ -0,0 +1,46 @@
//
// Dependencies
// --------------------------------------------------
@import "global.less";
//
// "Windex" Z-Index Window Manager
// --------------------------------------------------
//
// Z-Index frequencies:
//
// 0-200 - Base layer (content)
// 200-400 - Base menus / dropdowns
// 400-600 - Secondary layer (full screen)
// 600-800 - Secondary menus / dropdowns
// 800-1000 - Tertiary layer (popups)
// 1000-1200 - Tertiary menus / dropdowns
// 1200-9000 - Reserved for frequency manager
//
//
// Z-Indexes
// --------------------------------------------------
@zindex-filter: 2;
@zindex-button: 2;
@zindex-form: 2;
@zindex-checkbox: 5;
@zindex-breadcrumb: 10;
@zindex-chart: 20;
@zindex-tab: 100;
@zindex-loader: 100;
@zindex-popover: 600;
@zindex-navbar: 1000;
@zindex-dropdown: 1000;
@zindex-navbar-fixed: 1030;
@zindex-modal-background: 1040;
@zindex-modal: 1050;
@zindex-tooltip: 1060;
@zindex-fullscreen: 9990;
@zindex-datepicker: 9999;
@zindex-flashmessage: 10000;
@zindex-select: 10000;
@zindex-inspector: 100000;

37
modules/system/assets/ui/storm.css
View File

@ -1297,8 +1297,8 @@ button.close{padding:0;cursor:pointer;background:transparent;border:0;-webkit-ap
.dropdown-menu{padding:0;background:transparent;border:none;-webkit-box-shadow:none;box-shadow:none}
.dropdown-menu.offset-left{left:10px}
.dropdown-menu .dropdown-container > ul{background-color:#ffffff;padding:0;list-style:none;position:relative;margin-top:7px;-webkit-box-shadow:0 1px 6px rgba(0,0,0,0.12),0 1px 4px rgba(0,0,0,0.24);box-shadow:0 1px 6px rgba(0,0,0,0.12),0 1px 4px rgba(0,0,0,0.24);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
.dropdown-menu .dropdown-container > ul:after{content:'';display:block;width:0;height:0;border-left:7.5px solid transparent;border-right:7.5px solid transparent;border-bottom:8px solid #ffffff;position:absolute;left:15px;top:-8px;z-index:101}
.dropdown-menu .dropdown-container > ul:before{content:'';display:block;width:0;height:0;border-left:8.5px solid transparent;border-right:8.5px solid transparent;border-bottom:9px solid rgba(0,0,0,0.2);position:absolute;left:14px;top:-9px;z-index:100}
.dropdown-menu .dropdown-container > ul:after{content:'';display:block;width:0;height:0;border-left:7.5px solid transparent;border-right:7.5px solid transparent;border-bottom:8px solid #ffffff;position:absolute;left:15px;top:-8px;z-index:1001}
.dropdown-menu .dropdown-container > ul:before{content:'';display:block;width:0;height:0;border-left:8.5px solid transparent;border-right:8.5px solid transparent;border-bottom:9px solid rgba(0,0,0,0.2);position:absolute;left:14px;top:-9px;z-index:1000}
.dropdown-menu .dropdown-container > ul li a{outline:none;padding:10px 15px;font-size:13px;display:block;color:#39454a;position:relative;text-decoration:none}
.dropdown-menu .dropdown-container > ul li a:hover,.dropdown-menu .dropdown-container > ul li a:focus{color:#ffffff;background-color:#4ea5e0}
.dropdown-menu .dropdown-container > ul li a:hover[class^="oc-icon-"]:before,.dropdown-menu .dropdown-container > ul li a:focus[class^="oc-icon-"]:before,.dropdown-menu .dropdown-container > ul li a:hover[class*=" oc-icon-"]:before,.dropdown-menu .dropdown-container > ul li a:focus[class*=" oc-icon-"]:before{color:#ffffff}
@ -1306,7 +1306,7 @@ button.close{padding:0;cursor:pointer;background:transparent;border:0;-webkit-ap
.dropdown-menu .dropdown-container > ul li a:active[class^="oc-icon-"]:before,.dropdown-menu .dropdown-container > ul li a:active[class*=" oc-icon-"]:before{color:#ffffff}
.dropdown-menu .dropdown-container > ul li a[class^="oc-icon-"],.dropdown-menu .dropdown-container > ul li a[class*=" oc-icon-"]{padding-left:30px}
.dropdown-menu .dropdown-container > ul li a[class^="oc-icon-"]:before,.dropdown-menu .dropdown-container > ul li a[class*=" oc-icon-"]:before{position:absolute;font-size:14px;left:9px;top:10px;color:rgba(0,0,0,0.2)}
.dropdown-menu .dropdown-container > ul li.first-item a:hover:after,.dropdown-menu .dropdown-container > ul li.first-item a:focus:after,.dropdown-menu .dropdown-container > ul li.first-item a:active:after{content:'';display:block;width:0;height:0;border-left:7.5px solid transparent;border-right:7.5px solid transparent;border-bottom:8px solid #4ea5e0;position:absolute;left:15px;top:-8px;z-index:102}
.dropdown-menu .dropdown-container > ul li.first-item a:hover:after,.dropdown-menu .dropdown-container > ul li.first-item a:focus:after,.dropdown-menu .dropdown-container > ul li.first-item a:active:after{content:'';display:block;width:0;height:0;border-left:7.5px solid transparent;border-right:7.5px solid transparent;border-bottom:8px solid #4ea5e0;position:absolute;left:15px;top:-8px;z-index:1002}
.dropdown-menu .dropdown-container > ul li.first-item a:active:after{content:'';display:block;width:0;height:0;border-left:7.5px solid transparent;border-right:7.5px solid transparent;border-bottom:8px solid #3498db}
.dropdown-menu .dropdown-container > ul li.dropdown-title{display:none}
.dropdown-menu .dropdown-container > ul li.divider{margin:0}
@ -1318,7 +1318,7 @@ button.close{padding:0;cursor:pointer;background:transparent;border:0;-webkit-ap
.touch .dropdown-menu .dropdown-container > ul li a:hover{color:#39454a;background:white}
.touch .dropdown-menu .dropdown-container > ul li a:hover:before{position:absolute;font-size:14px;left:9px;top:7px;color:rgba(0,0,0,0.2)}
.touch .dropdown-menu .dropdown-container > ul li.first-item a:hover:after{content:'';display:none}
body.dropdown-open .dropdown-overlay{position:fixed;left:0;top:0;right:0;bottom:0;z-index:300}
body.dropdown-open .dropdown-overlay{position:fixed;left:0;top:0;right:0;bottom:0;z-index:999}
@media (max-width:480px){body.dropdown-open{overflow:hidden}
body.dropdown-open .dropdown-overlay{background:rgba(0,0,0,0.4)}
body.dropdown-open .dropdown-menu{overflow:auto;overflow-y:scroll;position:fixed !important;margin:0 !important;top:0 !important;right:0 !important;bottom:0 !important;left:0 !important;z-index:1040}
@ -1329,7 +1329,7 @@ body.dropdown-open .dropdown-menu .dropdown-container ul li.dropdown-title{displ
body.dropdown-open .dropdown-menu .dropdown-container ul li.dropdown-title:after{font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;*margin-right:.3em;content:"\f00d";position:absolute;top:7px;right:13px;opacity:0.3;filter:alpha(opacity=30)}
body.dropdown-open .dropdown-menu .dropdown-container ul li.first-item a:hover:after,body.dropdown-open .dropdown-menu .dropdown-container ul li.first-item :focus:after{content:'';display:none}
}
div.control-popover{position:absolute;background-clip:content-box;left:0;top:0;z-index:570;visibility:hidden}
div.control-popover{position:absolute;background-clip:content-box;left:0;top:0;z-index:599;visibility:hidden}
div.control-popover.in,div.control-popover.fade{visibility:visible}
div.control-popover.fade > div{opacity:0;filter:alpha(opacity=0);-webkit-transition:all 0.3s,width 0s;transition:all 0.3s,width 0s;-webkit-transform:scale(0.7);-ms-transform:scale(0.7);transform:scale(0.7)}
div.control-popover.fade.in > div{opacity:1;filter:alpha(opacity=100);-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
@ -1368,11 +1368,11 @@ div.control-popover.popover-danger.placement-left > div:after{content:'';display
div.control-popover.popover-danger.placement-right > div:after{content:'';display:block;width:0;height:0;border-top:7.5px solid transparent;border-bottom:7.5px solid transparent;border-right:8px solid #ab2a1c}
div.control-popover.popover-danger .popover-head{background-color:#ab2a1c}
div.control-popover div.popover-fixed-height{height:300px}
.popover-highlight{position:relative;z-index:562 !important}
.popover-highlight:hover,.popover-highlight:active,.popover-highlight:focus{z-index:562 !important}
div.popover-overlay{position:fixed;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,0.2);z-index:560}
.popover-highlight{position:relative;z-index:598 !important}
.popover-highlight:hover,.popover-highlight:active,.popover-highlight:focus{z-index:598 !important}
div.popover-overlay{position:fixed;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,0.2);z-index:597}
@media (max-width:480px){body.popover-open{overflow:hidden}
body.popover-open .control-popover{overflow:auto;overflow-y:scroll;position:fixed;margin:0;padding:10px;width:100% !important;z-index:609;top:0 !important;right:0 !important;bottom:0 !important;left:0 !important}
body.popover-open .control-popover{overflow:auto;overflow-y:scroll;position:fixed;margin:0;padding:10px;width:100% !important;z-index:603;top:0 !important;right:0 !important;bottom:0 !important;left:0 !important}
body.popover-open .control-popover > div{padding:0;min-height:100%}
body.popover-open .control-popover > div:before,body.popover-open .control-popover > div:after{display:none}
body.popover-open .control-popover div.popover-fixed-height{height:100%;min-height:100%}
@ -1500,7 +1500,7 @@ to{background-position:0 0}
.control-tabs.scroll-active-after:after{color:#d0d0d0}
.control-tabs:before,.control-tabs:after{top:10px;margin-top:0}
.control-tabs > ul.nav-tabs,.control-tabs > div > ul.nav-tabs,.control-tabs > div > div > ul.nav-tabs{white-space:nowrap;font-size:0;overflow:hidden;border-bottom:none;vertical-align:bottom}
.control-tabs > ul.nav-tabs > li,.control-tabs > div > ul.nav-tabs > li,.control-tabs > div > div > ul.nav-tabs > li{font-size:15px;float:none;display:inline-block;vertical-align:bottom;margin-right:20px;position:relative;z-index:90}
.control-tabs > ul.nav-tabs > li,.control-tabs > div > ul.nav-tabs > li,.control-tabs > div > div > ul.nav-tabs > li{font-size:15px;float:none;display:inline-block;vertical-align:bottom;margin-right:20px;position:relative;z-index:98}
.control-tabs > ul.nav-tabs > li:last-child,.control-tabs > div > ul.nav-tabs > li:last-child,.control-tabs > div > div > ul.nav-tabs > li:last-child{margin-right:0}
.control-tabs > ul.nav-tabs > li a,.control-tabs > div > ul.nav-tabs > li a,.control-tabs > div > div > ul.nav-tabs > li a{border-left:none !important;border-top:none !important;border-right:none !important;padding:0 0 10px 0;color:rgba(0,0,0,0.4);background:#f9f9f9;font-weight:400;overflow:hidden}
.control-tabs > ul.nav-tabs > li a:hover,.control-tabs > div > ul.nav-tabs > li a:hover,.control-tabs > div > div > ul.nav-tabs > li a:hover{background-color:transparent;border-bottom-color:transparent}
@ -1531,7 +1531,7 @@ to{background-position:0 0}
.control-tabs.master-tabs > ul.nav-tabs > li.active a,.control-tabs.master-tabs > div > ul.nav-tabs > li.active a,.control-tabs.master-tabs > div > div > ul.nav-tabs > li.active a{border-bottom:#d0d0d0 4px solid}
.control-tabs.primary-tabs{margin-bottom:5px}
.control-tabs.primary-tabs > ul.nav-tabs,.control-tabs.primary-tabs > div > ul.nav-tabs,.control-tabs.primary-tabs > div > div > ul.nav-tabs{position:relative;margin-left:0;margin-right:0}
.control-tabs.primary-tabs > ul.nav-tabs:before,.control-tabs.primary-tabs > div > ul.nav-tabs:before,.control-tabs.primary-tabs > div > div > ul.nav-tabs:before{position:absolute;bottom:0;height:1px;width:100%;z-index:95;content:' ';border-bottom:2px solid #d0d0d0}
.control-tabs.primary-tabs > ul.nav-tabs:before,.control-tabs.primary-tabs > div > ul.nav-tabs:before,.control-tabs.primary-tabs > div > div > ul.nav-tabs:before{position:absolute;bottom:0;height:1px;width:100%;z-index:99;content:' ';border-bottom:2px solid #d0d0d0}
.control-tabs.primary-tabs > ul.nav-tabs > li,.control-tabs.primary-tabs > div > ul.nav-tabs > li,.control-tabs.primary-tabs > div > div > ul.nav-tabs > li{padding-right:0;padding-left:0;margin-left:0;margin-right:-20px;background:transparent}
.control-tabs.primary-tabs > ul.nav-tabs > li:first-child,.control-tabs.primary-tabs > div > ul.nav-tabs > li:first-child,.control-tabs.primary-tabs > div > div > ul.nav-tabs > li:first-child{padding-left:20px !important}
.control-tabs.primary-tabs > ul.nav-tabs > li:last-child,.control-tabs.primary-tabs > div > ul.nav-tabs > li:last-child,.control-tabs.primary-tabs > div > div > ul.nav-tabs > li:last-child{margin-right:0}
@ -1542,8 +1542,8 @@ to{background-position:0 0}
.control-tabs.primary-tabs > ul.nav-tabs > li a > span.title:after,.control-tabs.primary-tabs > div > ul.nav-tabs > li a > span.title:after,.control-tabs.primary-tabs > div > div > ul.nav-tabs > li a > span.title:after{right:0;border-right:2px solid #e0e0e0;-webkit-border-radius:0 8px 0 0;-moz-border-radius:0 8px 0 0;border-radius:0 8px 0 0;-webkit-transform:skewX(20deg);-ms-transform:skewX(20deg);transform:skewX(20deg)}
.control-tabs.primary-tabs > ul.nav-tabs > li:last-child,.control-tabs.primary-tabs > div > ul.nav-tabs > li:last-child,.control-tabs.primary-tabs > div > div > ul.nav-tabs > li:last-child{background-image:none;margin-right:0;padding-right:5px}
.control-tabs.primary-tabs > ul.nav-tabs > li:first-child,.control-tabs.primary-tabs > div > ul.nav-tabs > li:first-child,.control-tabs.primary-tabs > div > div > ul.nav-tabs > li:first-child{padding-left:0}
.control-tabs.primary-tabs > ul.nav-tabs > li.active a,.control-tabs.primary-tabs > div > ul.nav-tabs > li.active a,.control-tabs.primary-tabs > div > div > ul.nav-tabs > li.active a{z-index:107}
.control-tabs.primary-tabs > ul.nav-tabs > li.active a > span.title,.control-tabs.primary-tabs > div > ul.nav-tabs > li.active a > span.title,.control-tabs.primary-tabs > div > div > ul.nav-tabs > li.active a > span.title{z-index:105;border-top-color:#d6d6d6}
.control-tabs.primary-tabs > ul.nav-tabs > li.active a,.control-tabs.primary-tabs > div > ul.nav-tabs > li.active a,.control-tabs.primary-tabs > div > div > ul.nav-tabs > li.active a{z-index:103}
.control-tabs.primary-tabs > ul.nav-tabs > li.active a > span.title,.control-tabs.primary-tabs > div > ul.nav-tabs > li.active a > span.title,.control-tabs.primary-tabs > div > div > ul.nav-tabs > li.active a > span.title{z-index:102;border-top-color:#d6d6d6}
.control-tabs.primary-tabs > ul.nav-tabs > li.active a > span.title:before,.control-tabs.primary-tabs > div > ul.nav-tabs > li.active a > span.title:before,.control-tabs.primary-tabs > div > div > ul.nav-tabs > li.active a > span.title:before,.control-tabs.primary-tabs > ul.nav-tabs > li.active a > span.title:after,.control-tabs.primary-tabs > div > ul.nav-tabs > li.active a > span.title:after,.control-tabs.primary-tabs > div > div > ul.nav-tabs > li.active a > span.title:after{border-color:#d0d0d0}
.control-tabs.primary-tabs > ul.nav-tabs > li.active a > span.title span,.control-tabs.primary-tabs > div > ul.nav-tabs > li.active a > span.title span,.control-tabs.primary-tabs > div > div > ul.nav-tabs > li.active a > span.title span{border-top-color:#d0d0d0}
.control-tabs.primary-tabs > ul.nav-tabs > li.active a:before,.control-tabs.primary-tabs > div > ul.nav-tabs > li.active a:before,.control-tabs.primary-tabs > div > div > ul.nav-tabs > li.active a:before{position:absolute;bottom:0;height:2px;right:2px;left:2px;content:' ';background-color:#f9f9f9}
@ -1576,7 +1576,7 @@ to{background-position:0 0}
.form-sidebar .control-tabs.secondary > div > ul.nav-tabs > li a{background:transparent}
.control-chart{text-align:left}
.control-chart div.canvas{display:inline-block;margin-right:20px;margin-bottom:20px;position:relative}
.control-chart div.canvas span.center{position:absolute;display:block;text-align:center;width:100%;top:50%;margin-top:-21px;font-size:30px;font-weight:100;color:#666666;z-index:10}
.control-chart div.canvas span.center{position:absolute;display:block;text-align:center;width:100%;top:50%;margin-top:-21px;font-size:30px;font-weight:100;color:#666666;z-index:19}
.control-chart div.canvas svg{z-index:20}
.control-chart.full-width div.canvas{margin-right:0 !important}
.control-chart ul{display:inline-block;height:inherit;margin:0;padding:0;list-style:none;position:relative;vertical-align:top}
@ -1597,7 +1597,7 @@ to{background-position:0 0}
.control-chart.wrap-legend div.chart-legend table tr:last-child td{padding-bottom:7px}
.report-container .wrapped .control-chart{text-align:left}
.report-container .wrapped .control-chart .canvas{margin-right:20px;display:inline-block}
#flotTip,#chart-tooltip{white-space:nowrap;padding:7px 10px;background:#000000;position:absolute;z-index:100;color:#ffffff;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;font-size:12px;opacity:0.8;filter:alpha(opacity=80)}
#flotTip,#chart-tooltip{white-space:nowrap;padding:7px 10px;background:#000000;position:absolute;z-index:1060;color:#ffffff;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;font-size:12px;opacity:0.8;filter:alpha(opacity=80)}
.title-value h4{font-size:12px;text-transform:uppercase;color:#666666;margin:0}
.title-value span.goal-meter-indicator{float:left;height:24px;width:10px;margin-right:5px;position:relative;top:9px;background:#cc3300}
.title-value span.goal-meter-indicator > span{text-indent:-10000em;display:block;position:absolute;width:10px;left:0;bottom:0;background:#95b753;height:0;-webkit-transition:all 0.2s;transition:all 0.2s}
@ -2126,7 +2126,7 @@ html.cssanimations .cursor-loading-indicator.hide{display:none}
.bar-loading-indicator .progress-bar{-webkit-animation:infinite-loader 90s ease-in forwards;animation:infinite-loader 90s ease-in forwards;-webkit-transition-duration:0s;transition-duration:0s}
.bar-loading-indicator.bar-loaded{opacity:0;filter:alpha(opacity=0);-webkit-transition-delay:0.3s;transition-delay:0.3s}
.bar-loading-indicator.bar-loaded .progress-bar{width:100% !important;-webkit-transition:width 0.3s linear;transition:width 0.3s linear;-webkit-animation:none;animation:none}
.stripe-loading-indicator{height:4px;background:transparent;position:fixed;top:0;left:0;width:100%;overflow:hidden;z-index:2000}
.stripe-loading-indicator{height:4px;background:transparent;position:fixed;top:0;left:0;width:100%;overflow:hidden;z-index:10000}
.stripe-loading-indicator .stripe,.stripe-loading-indicator .stripe-loaded{height:4px;display:block;background:#3498db;position:absolute;-webkit-box-shadow:inset 0 1px 1px -1px #FFF,inset 0 -1px 1px -1px #FFF;box-shadow:inset 0 1px 1px -1px #FFF,inset 0 -1px 1px -1px #FFF}
.stripe-loading-indicator .stripe{width:100%;-webkit-animation:infinite-loader 60s linear;animation:infinite-loader 60s linear}
.stripe-loading-indicator .stripe-loaded{width:0;opacity:0;filter:alpha(opacity=0)}
@ -2869,7 +2869,7 @@ ul.autocomplete.dropdown-menu.inspector-autocomplete li a{padding:5px 12px;white
.is-selected .pika-button{color:#fff;font-weight:bold;background:#33aaff;box-shadow:inset 0 1px 3px #178fe5;border-radius:3px}
.is-disabled .pika-button{pointer-events:none;cursor:default;color:#999;opacity:.3}
.pika-button:hover{color:#fff !important;background:#ff8000 !important;box-shadow:none !important;border-radius:3px !important}
.clockpicker-popover{position:absolute;top:0;left:0;z-index:1010;display:none;max-width:276px;padding:1px;text-align:left;white-space:normal;background-color:#fff;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.2);border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);box-shadow:0 5px 10px rgba(0,0,0,0.2)}
.clockpicker-popover{position:absolute;top:0;left:0;z-index:9999;display:none;max-width:276px;padding:1px;text-align:left;white-space:normal;background-color:#fff;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.2);border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);box-shadow:0 5px 10px rgba(0,0,0,0.2)}
.clockpicker-popover.top{margin-top:-10px}
.clockpicker-popover.right{margin-left:10px}
.clockpicker-popover.bottom{margin-top:10px}
@ -2923,5 +2923,4 @@ ul.autocomplete.dropdown-menu.inspector-autocomplete li a{padding:5px 12px;white
.pika-single .pika-button:hover{background:#5fb6f5 !important}
.pika-single .pika-label{font-weight:normal}
.pika-single .pika-table th{text-transform:uppercase}
.pika-single .pika-footer .pika-label{font-size:12px}
.clockpicker-popover{z-index:9999}
.pika-single .pika-footer .pika-label{font-size:12px}