@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,700");

.smallnote {
	font-size: smaller;
	font-style: italic;
}

.smalltext {
	font-size: smaller;
}

#pageheader {
	height: 85px;
	min-width: 1260px;
	text-align: center;
}

#pageheader_left {
	float: left;
	text-align: left;
}

#pageheader_right {
	float: right;
	text-align: right;
	font-size: 10pt;
}

.c-try-radiance__content {
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    font-family: 'Open Sans';
    height: 74px;
    text-align: center;
    padding-top: 8px;
}

#sidebar_radiance {
    height: 100%;
    text-indent: 0;
}

#sidebar_radiance:hover {
    background: none;
}

    .c-try-radiance__content a {
        color: #000;
        text-decoration: none;
        cursor: pointer;
    }

    .c-try-radiance__content h6 {
        margin: 0;
        font-size: 14px;
        margin-bottom: 6px;
        margin-top: 3px;
    }

    .c-try-radiance__content .c-btn {
        cursor: pointer;
        display: inline-block;
        font-weight: 600;
        text-align: center;
        user-select: none;
        vertical-align: middle;
        white-space: nowrap;
        color: #ffffff;
        background-color: #f26522;
        border: none;
        border-color: #f26522;
        box-shadow: none;
        font-family: 'Open Sans';
    }

    .c-try-radiance__content .c-btn--xsml {
        padding: 0 0.65rem;
        font-size: 13px;
        line-height: 1.9rem;
        letter-spacing: 1.1px;
        border-radius: 3px;
    }

#sidebar_radiance a {
    color: #f26522;
}

span.providedby {
    font-size: 10px;
    letter-spacing: -0.02em;
}

table.radioTable {
	border: none;
}

table.radioTable td {
	vertical-align: top;
	text-align: center;
}

table.radioTable td.radioTableIncluded {
	background-color: #eee;
}

h3.sectionHeader {
	background-color:#e7ecee
	/* padding-left: 25px; */
}


#dtabs {
	min-width: 1000px;
	padding: 10px;
}

#dtabs.fullscreen {
    padding: 0;
}

div.newarea {
	width: 400px;
	height: 200px;
	background: #aaa url('') no-repeat center;
	float: left;
	margin-top: 43px;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
}

.dashboard-tab {
	background-color: #888;
	width: 150px;
	height: 16px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 16px;
	cursor: pointer;
}

.dashboard-tab-active {
	background-color: #bbb;
}

a.tabLink {
	color: #444;
}

.dashboard-newtab {
	background: #888 url('') no-repeat center;
	width: 18px;
	height: 18px;
	border: solid 1px black;
	cursor: pointer;
}

.dashboard-options {
	width: 16px;
	height: 16px;
	background: #888 url('') no-repeat center;
	display: inline-block;
}

ul.tabbar {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul.tabbar > li {
	float: left;
}

img.tab-move-img {
    cursor: move;
    margin-left: 5px;
    width: 17px;
    height: 17px;
}

.dashboard-tab-message {
    text-align: center;
    margin: 15px;
}
    .dashboard-tab-message a:link, .dashboard-tab-message a:visited {
        color: #0000ee;
    }
    .dashboard-tab-message a:hover {
        text-decoration: underline;
        cursor: pointer;
    }

div#notification-bar {
    display: none;
    background-color: rgb(232, 155, 155);
    color: black;
    font-weight: 700;
    margin: -15px -15px 15px;
    padding: 0;
    border: 2px solid rgb(228, 129, 129);
}
    div#notification-bar ul {
        display: none;
        position: relative;
        margin: 5px 0 5px 5px;
        list-style: none;

    }
        div#notification-bar ul > li {
            margin: 0;
            padding: 0;
            text-align: center;
            color: #2f2f2f;
        }
            div#notification-bar ul > li > p {
                display: inline;
                padding: 0 7.5px;
                margin: 0;
                line-height: 25px;
            }
                div#notification-bar ul > li > p:hover {
                    background-color: lightpink;
                    border-radius: 3px;
                }
            div#notification-bar ul > li > a {
                display: inline;
                line-height: 25px;
            }
                div#notification-bar ul > li > a:link, div#notification-bar ul > li > a:visited {
                    color: #2f2f2f;
                }
                div#notification-bar ul > li > a:hover {
                    text-decoration: underline;
                    cursor: pointer;
                }
            div#notification-bar ul > li > img {
                margin-left: 5px;
                cursor: pointer;
            }

.graphFrame {
	width: 400px;
	height: 220px;
	background-color: transparent;
	margin: 10px;
	float: left;
	overflow: hidden;
	padding: 10px;
}

div.graphbox {
	width: 400px;
	height: 200px;
	background-color: transparent;
	margin: 10px;
	float: left;
	overflow: hidden;
	padding: 0;
}

.chartArea {
	width: 400px;
	height: 200px;
	clear: both;
}

ul.inputArea {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul.inputArea > li label {
	width: 130px;
	text-align: right;
	display: inline-block;
	padding: 5px;
}




/*
 * Styles for mapping page
 */

#mapgroup {
	position: absolute;
	bottom: 0;
	left: 208px; /* 128px linkbuttons, 40px section paddings, 20px container padding, 20px inside spacing */
	right: 20px;
	top: 150px;
}

ul.treeview {
	list-style-type: circle;
	padding: 0 0 0 20px;
	margin: 0;
	background-color: #fafbfc;
	color: black;
}

ul.treeview .treeview_leaf {
	/* background-color: yellow; */
	/* width: 400px; */
	cursor: pointer;
	text-wrap: none;
}
ul.treeview .treeview_node {
	/* background-color: green; */
	/* width:400px; */
	text-wrap: none;
}

#mapItems {
	width: 50%;
	overflow: scroll;
	border: solid 1px black;
	font-size: 10pt;
	position: absolute;
	bottom: 20px;
	left: -188px;
	top: 0;
}

#reportItemTypes {
	width: 50%;
	overflow: scroll;
	border: solid 1px black;
	font-size: 10pt;
	position: absolute;
	bottom: 20px;
	right: 0;
	top: 0;
}

a.linkButton {
	width: 76px;
	text-align: center;
	display: block;
	margin: 10px;
	color: black;
	text-decoration: none;
	background-color: #eeeeee;
	border: 2px outset #eeeeee;
}

#btnLink {
	background-color: #7fff7f;
	border: 2px outset #7fff7f;
}
#btnLink:hover {
	background-color: #9fff9f;
	border: 2px outset #9fff9f;
}
#btnLink:active {
	background-color: #9fff9f;
	border: 2px inset #9fff9f;
}

#btnUnlink {
	background-color: #ff7f7f;
	border: 2px outset #ff7f7f;
}
#btnUnlink:hover {
	background-color: #ff9f9f;
	border: 2px outset #ff9f9f;
}
#btnUnlink:active {
	background-color: #ff9f9f;
	border: 2px inset #ff9f9f;
}

#linkbutton-container {
	right: 20px;
	width: 50%;
	position: absolute;
	height: 100%;
}

#linkbuttons {
	vertical-align: top;
	width: 100px;
	background-color: #fafbfc;
	position: relative;
	left: -138px;
	top: 40%;
	padding: 5px 10px;
}

.mapped {
	background-color: #bfffbf;
}

.unmapped {
	background-color: #ffbfbf;
}

.mapped_selected {
	background-color: #6fff6f;
}

.unmapped_selected {
	background-color: #ff6f6f;
}

.selected {
	background-color: #6fff6f;
}

.highlighted {
	background-color: yellow;
}

#productlinesgroup {
	position: absolute;
	top: 150px;
	bottom: 20px;
	left: 20px;
	right: 20px;
	overflow: auto;
	padding-right: 40px;
}

div.ajaxLoading {
	position: fixed;
	background: url('images/wait30.gif') black center no-repeat;
	width: 30px;
	height: 30px;
	border: solid 2px white;
	padding: 5px;
	top: 50%;
	left: 50%;
	z-index: 2000;
	-moz-box-shadow: 5px 5px 5px #888;
	-webkit-box-shadow: 5px 5px 5px #888;
	box-shadow: 5px 5px 5px #888;
}


#edit-chart-items {
	margin: 0;
	padding: 0;
	list-style: none;
}

#edit-chart-items li {
	margin: 0;
	padding: 10px;
}

fieldset.inputForm label {
	display: inline-block;
	width: 200px;
	padding: 5px;
}

ul.inputForm {
	padding: 4px;
	margin: 0;
	list-style-type: none;
}

ul.inputForm li {
	padding: 4px;
}

ul.inputForm label {
	display: inline-block;
	min-width: 150px;
}

ul.inputForm input {
	width: 250px;
}


#edit-dashboard-dialog {
    display:none;
}
#edit-dashboard-dialog img[alt="tooltip"] {
    cursor: help;
}
#edit-dashboard-dialog p {
    margin-top: 14px;
    margin-bottom: 14px;
}
#edit-dashboard-dialog small {
    font-size: 11px;
    line-height: 12px;
    color: gray;
}

#edit-dashboard-dialog p.chart-height-field {
    margin-bottom: 5px;
}

#edit-dashboard-dialog div.height-scale-headers {
    width: 100%;
    margin-bottom: 7.5px;
    text-align: center;
}

    #edit-dashboard-dialog div.height-scale-headers small:first-child {
        position: absolute;
        left: 30px;
    }
    #edit-dashboard-dialog div.height-scale-headers small:last-child {
        position: absolute;
        right: 30px;
    }
#edit-dashboard-dialog p.height-value {
    text-align: center;
}
#edit-dashboard-dialog #edit-dash-filter-replace {
    display: none;
    width: 300px
}

#edit-dashboard-dialog .edit-dash-field-row {
    margin-bottom: 10px;
}

#edit-dashboard-dialog .large-input-container {
    display: inline-block;
    width: 300px;
}

#edit-dashboard-dialog .large-input-container input {
    width: 100%;
}

#edit-dashboard-dialog .edit-dash-rt-ecc-commands-enabled-field {
    display: none;
}

div.ticker-text-wrapper {
    margin: 10px 5px;
}
textarea.ticker-text {
    position: relative;
    left: -5px;
    width: 100%;
    padding: 5px;
    font-family: Arial;
    resize: none;
}

div.ticker-text-example-wrapper {
    position: relative;
    font-family: Arial;
    height: 1.5em;
    margin-top: 10px;
}
div#ticker-text-example-container {
    position: absolute;
    left: 0;
    right: 0;
    line-height: 1.4em;
    height: 100%;
    white-space: nowrap;
    overflow: hidden;
    border: 1px solid black;
}
span#ticker-text-example {
    position: absolute;
    left: 5px;
}
.ticker-code-desc,
.ticker-code {
    display: inline-block;
    padding: 0 3px;
    font-family: monospace;
}
.ticker-code {

}
.ticker-sms-fields {
    border: none;
}
p.ticker-sms-disclaimer,
p.ticker-sms-usage-desc {
    margin: 25px 0;
    line-height: 1.6em;
    font-style: italic;
}
p.ticker-sms-disclaimer {
    margin-top: 0;
}
p.ticker-sms-usage-desc code {
    background-color: #dfdfdf;
    padding: 3px;
    border: 1px solid #bebebe;
    border-radius: 2px;
    font-size: 0.9em;
    font-style: normal;
}
ul.ticker-phone-numbers {
    list-style: none;
    padding: 0;
    margin: 0;
    max-height: 300px;
    overflow-y: auto;
}
ul.ticker-phone-numbers > li {
    padding: 2px 5px;
}
a.ticker-phone-number-entry {
    /* display: inline-block; */
    /* padding: 3px; */
}
span.ticker-phone-number-entry-desc {
    color: gray;
}
img.ticker-add-phone-number,
img.ticker-remove-phone-number {
    cursor: pointer;
}
input.ticker-new-phone-number {
    width: 125px;
    padding: 1px 3px;
}
input.ticker-new-phone-number-description {
    width: 200px;
    padding: 1px 3px;
}

.ticker-log-container {
    overflow: hidden !important;
}
table.ticker-log-table {
    border-collapse: collapse;
}
    table.ticker-log-table th {
        background-color: #dfdfdf;
    }
    table.ticker-log-table td,
    table.ticker-log-table th {
        padding: 5px;
        border: 1px #ccc solid;
    }
    table.ticker-log-table td.timestamp {
        white-space: nowrap;
    }
    table.ticker-log-table td.from {
        white-space: nowrap;
    }
    table.ticker-log-table td.text {
        max-width: 350px;
    }


/* TICKER BAR ELS */
#tab-ticker-outer-container {
    display: none;
    height: 1.6em;
    font-family: Arial;
    font-size: 32px;
}
#tab-ticker-container{
    display: none;
    position: fixed;
    box-sizing: border-box;
    bottom: 0;
    left: 0;
    border: 1px solid #ccc;
    overflow: hidden;
    height: 1.5em;
    line-height: 1.5em;
    white-space: nowrap;
    z-index: 4;
}

.tab-ticker-text {
    position: absolute;
    left: 0;
    white-space: nowrap;
}

/***
Spectrum Colorpicker v1.8.0
https://github.com/bgrins/spectrum
Author: Brian Grinstead
License: MIT
***/
.sp-container{position:absolute;top:0;left:0;display:inline-block;z-index:9999994;overflow:hidden}.sp-container.sp-flat,.sp-top{position:relative}.sp-container,.sp-container *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.sp-top{width:100%;display:inline-block}.sp-alpha-handle,.sp-color,.sp-dragger,.sp-hue,.sp-sat,.sp-slider,.sp-top-inner,.sp-val{position:absolute}.sp-top-inner{top:0;left:0;bottom:0;right:0}.sp-color{top:0;left:0;bottom:0;right:20%}.sp-hue{top:0;right:0;bottom:0;left:84%;height:100%}.sp-clear-enabled .sp-hue{top:33px;height:77.5%}.sp-fill{padding-top:80%}.sp-sat,.sp-val{top:0;left:0;right:0;bottom:0}.sp-alpha-enabled .sp-top{margin-bottom:18px}.sp-alpha-enabled .sp-alpha{display:block}.sp-alpha-handle{top:-4px;bottom:-4px;width:6px;left:50%;cursor:pointer;border:1px solid #000;background:#fff;opacity:.8}.sp-alpha{display:none;bottom:-14px;right:0;left:0;height:8px}.sp-alpha-inner{border:1px solid #333}.sp-clear{display:none}.sp-clear.sp-clear-display{background-position:center}.sp-clear-enabled .sp-clear{display:block;position:absolute;top:0;right:0;bottom:0;left:84%;height:28px}.sp-alpha,.sp-alpha-handle,.sp-clear,.sp-container,.sp-container button,.sp-container.sp-dragging .sp-input,.sp-dragger,.sp-preview,.sp-replacer,.sp-slider{-webkit-user-select:none;-moz-user-select:-moz-none;-o-user-select:none;user-select:none}.sp-container.sp-buttons-disabled .sp-button-container,.sp-container.sp-input-disabled .sp-input-container,.sp-container.sp-palette-buttons-disabled .sp-palette-button-container,.sp-initial-disabled .sp-initial,.sp-palette-disabled .sp-palette-container,.sp-palette-only .sp-picker-container{display:none}.sp-sat{background-image:-webkit-gradient(linear,0 0,100% 0,from(#FFF),to(rgba(204,154,129,0)));background-image:-webkit-linear-gradient(left,#FFF,rgba(204,154,129,0));background-image:-moz-linear-gradient(left,#fff,rgba(204,154,129,0));background-image:-o-linear-gradient(left,#fff,rgba(204,154,129,0));background-image:-ms-linear-gradient(left,#fff,rgba(204,154,129,0));background-image:linear-gradient(to right,#fff,rgba(204,154,129,0));-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)";filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#FFFFFFFF', endColorstr='#00CC9A81')}.sp-val{background-image:-webkit-gradient(linear,0 100%,0 0,from(#000),to(rgba(204,154,129,0)));background-image:-webkit-linear-gradient(bottom,#000,rgba(204,154,129,0));background-image:-moz-linear-gradient(bottom,#000,rgba(204,154,129,0));background-image:-o-linear-gradient(bottom,#000,rgba(204,154,129,0));background-image:-ms-linear-gradient(bottom,#000,rgba(204,154,129,0));background-image:linear-gradient(to top,#000,rgba(204,154,129,0));-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)";filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CC9A81', endColorstr='#FF000000')}.sp-hue{background:-moz-linear-gradient(top,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%);background:-ms-linear-gradient(top,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%);background:-o-linear-gradient(top,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%);background:-webkit-gradient(linear,left top,left bottom,from(red),color-stop(.17,#ff0),color-stop(.33,#0f0),color-stop(.5,#0ff),color-stop(.67,#00f),color-stop(.83,#f0f),to(red));background:-webkit-linear-gradient(top,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%);background:linear-gradient(to bottom,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%)}.sp-1{height:17%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#ffff00')}.sp-2{height:16%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00', endColorstr='#00ff00')}.sp-3{height:17%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff00', endColorstr='#00ffff')}.sp-4{height:17%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffff', endColorstr='#0000ff')}.sp-5{height:16%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000ff', endColorstr='#ff00ff')}.sp-6{height:17%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00ff', endColorstr='#ff0000')}.sp-hidden{display:none!important}.sp-cf:after,.sp-cf:before{content:"";display:table}.sp-cf:after{clear:both}@media (max-device-width:480px){.sp-color{right:40%}.sp-hue{left:63%}.sp-fill{padding-top:60%}}.sp-dragger{border-radius:5px;height:5px;width:5px;border:1px solid #fff;background:#000;cursor:pointer;top:0;left:0}.sp-slider{top:0;cursor:pointer;height:3px;left:-1px;right:-1px;border:1px solid #000;background:#fff;opacity:.8}.sp-container{border-radius:0;background-color:#ECECEC;border:1px solid #f0c49B;padding:0}.sp-clear,.sp-color,.sp-container,.sp-container button,.sp-container input,.sp-hue{font:400 12px "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Verdana,sans-serif;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.sp-top{margin-bottom:3px}.sp-clear,.sp-color,.sp-hue{border:1px solid #666}.sp-input-container{float:right;width:100px;margin-bottom:4px}.sp-initial-disabled .sp-input-container,.sp-input{width:100%}.sp-input{font-size:12px!important;border:1px inset;padding:4px 5px;margin:0;background:0 0;border-radius:3px;color:#222}.sp-input:focus{border:1px solid orange}.sp-input.sp-validation-error{border:1px solid red;background:#fdd}.sp-palette-container,.sp-picker-container{float:left;position:relative;padding:10px 10px 300px;margin-bottom:-290px}.sp-picker-container{width:172px;border-left:solid 1px #fff}.sp-palette-container{border-right:solid 1px #ccc}.sp-palette-only .sp-palette-container{border:0}.sp-palette .sp-thumb-el{display:block;position:relative;float:left;cursor:pointer}.sp-palette .sp-thumb-el.sp-thumb-active,.sp-palette .sp-thumb-el:hover{border-color:orange}.sp-thumb-el{position:relative}.sp-initial{float:left;border:1px solid #333}.sp-initial span{width:30px;height:25px;border:none;display:block;float:left;margin:0}.sp-initial .sp-clear-display{background-position:center}.sp-button-container,.sp-palette-button-container{float:right}.sp-replacer{margin:0;overflow:hidden;cursor:pointer;padding:4px;display:inline-block;border:1px solid #91765d;background:#eee;color:#333;vertical-align:middle}.sp-replacer.sp-active,.sp-replacer:hover{border-color:#F0C49B;color:#111}.sp-replacer.sp-disabled{cursor:default;border-color:silver;color:silver}.sp-dd{padding:2px 0;height:16px;line-height:16px;float:left;font-size:10px}.sp-preview{width:25px;height:20px;border:1px solid #222;margin-right:5px;float:left;z-index:0}.sp-palette{max-width:220px}.sp-palette .sp-thumb-el{width:16px;height:16px;margin:2px 1px;border:1px solid #d0d0d0}.sp-container{padding-bottom:0}.sp-container button{background-color:#eee;background-image:-webkit-linear-gradient(top,#eee,#ccc);background-image:-moz-linear-gradient(top,#eee,#ccc);background-image:-ms-linear-gradient(top,#eee,#ccc);background-image:-o-linear-gradient(top,#eee,#ccc);background-image:linear-gradient(to bottom,#eee,#ccc);border:1px solid #ccc;border-bottom:1px solid #bbb;border-radius:3px;color:#333;font-size:14px;line-height:1;padding:5px 4px;text-align:center;text-shadow:0 1px 0 #eee;vertical-align:middle}.sp-container button:hover{background-color:#ddd;background-image:-webkit-linear-gradient(top,#ddd,#bbb);background-image:-moz-linear-gradient(top,#ddd,#bbb);background-image:-ms-linear-gradient(top,#ddd,#bbb);background-image:-o-linear-gradient(top,#ddd,#bbb);background-image:linear-gradient(to bottom,#ddd,#bbb);border:1px solid #bbb;border-bottom:1px solid #999;cursor:pointer;text-shadow:0 1px 0 #ddd}.sp-container button:active{border:1px solid #aaa;border-bottom:1px solid #888;-webkit-box-shadow:inset 0 0 5px 2px #aaa,0 1px 0 0 #eee;-moz-box-shadow:inset 0 0 5px 2px #aaa,0 1px 0 0 #eee;-ms-box-shadow:inset 0 0 5px 2px #aaa,0 1px 0 0 #eee;-o-box-shadow:inset 0 0 5px 2px #aaa,0 1px 0 0 #eee;box-shadow:inset 0 0 5px 2px #aaa,0 1px 0 0 #eee}.sp-cancel{font-size:11px;color:#d93f3f!important;margin:0 5px 0 0;padding:2px;vertical-align:middle;text-decoration:none}.sp-cancel:hover{color:#d93f3f!important;text-decoration:underline}.sp-palette span.sp-thumb-active,.sp-palette span:hover{border-color:#000}.sp-alpha,.sp-preview,.sp-thumb-el{position:relative;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)}.sp-alpha-inner,.sp-preview-inner,.sp-thumb-inner{display:block;position:absolute;top:0;left:0;bottom:0;right:0}.sp-palette .sp-thumb-inner{background-position:50% 50%;background-repeat:no-repeat}.sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=)}.sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=)}.sp-clear-display{background-repeat:no-repeat;background-position:center;background-image:url(data:image/gif;base64,R0lGODlhFAAUAPcAAAAAAJmZmZ2dnZ6enqKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq/Hx8fLy8vT09PX19ff39/j4+Pn5+fr6+vv7+wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAAUABQAAAihAP9FoPCvoMGDBy08+EdhQAIJCCMybCDAAYUEARBAlFiQQoMABQhKUJBxY0SPICEYHBnggEmDKAuoPMjS5cGYMxHW3IiT478JJA8M/CjTZ0GgLRekNGpwAsYABHIypcAgQMsITDtWJYBR6NSqMico9cqR6tKfY7GeBCuVwlipDNmefAtTrkSzB1RaIAoXodsABiZAEFB06gIBWC1mLVgBa0AAOw==)}
/* Custom addition */
.sp-container {
    border-width: 2px;
}
/* end */


/* ****************


From Achilles:



***************** */

#content,#sidebar {
	vertical-align: middle;
    text-align: left;
	-webkit-border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	border-radius: 8px;

}

#sidebar {
    background-color: #f2f3f4;
    border-color: #ffffff;
    display: none;
	vertical-align:middle;
	width:235px;
	float: left;
}
#content {
	/* width:100%; */
	/* position:absolute; */
    /* background-color: #FFF; */
	padding-left: 30px;
}

#footer {
	text-align: right;
	font-size: small;
	color: #444;
	padding-left: 30px;
}

img.sidebar-icon {
	margin-left: 10px;
	margin-right: 12px;
	vertical-align: middle;
	border:0;
}

/* .use-sidebar #content {position:absolute; left:290px; float:left; width:80%;} */
.use-sidebar #sidebar {
    display: block;
    width: 235px;
	max-width: 235px;
	vertical-align:middle;
	min-height: 200px;
}

.use-sidebar #content {
	padding-left: 270px;
}

.use-sidebar #footer {
	padding-left: 270px;
}

/*
.sidebar-at-left #sidebar {margin-right: 10px;}
.sidebar-at-right #sidebar {margin-left: 10px;}

.sidebar-at-left #content, .use-sidebar.sidebar-at-right #sidebar, .sidebar-at-right #separator {position:absolute; min-width:800px; max-width:98%; float: left}
.sidebar-at-left #content, .use-sidebar.sidebar-at-right #sidebar, .sidebar-at-right #separator {float: left;}
.sidebar-at-right #content, .use-sidebar.sidebar-at-left #sidebar, .sidebar-at-left #separator {float: left;}
*/

#separator {
    border: 1px solid #cce1ef;
    border-left-width: 0px;
    display: block;
	position: relative;
    outline: none;
	height: 121px;
	width: 21px;
	top:37px;
	/* left:-20px; */
	text-decoration: none;
	float: left;
	/* margin-left: 4px; */
	background: url('images/sidenav_coll.png') no-repeat center top;
}
#separator:hover {
	background: url('images/sidenav_coll-h.png') no-repeat center top;
}
.use-sidebar #separator {
    background: url('images/sidenav_exp.png') no-repeat center top;
	/* left:-4px; */
}
.use-sidebar #separator:hover {
	background: url('images/sidenav_exp-h.png') no-repeat center top;
}

/* grad */
	#gradient {
		color: #000;
		height: 20px;
		padding: 1px;
		/* For WebKit (Safari, Google Chrome etc) */
		background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#fff));
		/* For Mozilla/Gecko (Firefox etc) */
		background: -moz-linear-gradient(top, #ccc, #fff);
		/* For Internet Explorer 5.5 - 7 */
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#cccccc, endColorstr=#FFFFFFFF);
		/* For Internet Explorer 8 */
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#cccccc, endColorstr=#ffffff)";
	}
	.gradtab {
		color: #000;
		padding: 1px;
		/* For WebKit (Safari, Google Chrome etc) */
		background: -webkit-gradient(linear, left top, left bottom, from(#ffab00), to(#ff8900));
		/* For Mozilla/Gecko (Firefox etc) */
		background: -moz-linear-gradient(top, #ffab00, #ff8900);
		/* For Internet Explorer 5.5 - 7 */
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffab00, endColorstr=#ff8900);
		/* For Internet Explorer 8 */
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffab00, endColorstr=#ff8900)";
	}
	.standardHeader {
		color: #ffffff;
		font-weight:bold;
		text-indent:10px;
		margin: 1px 0 0 0;
		padding: 0.5em;
		font-size: 16px;
	}

	#sbgradient {
		background: linear-gradient(rgb(57, 57, 149),rgb(36,36,129));
        border-top-right-radius: 8px;
        border-top-left-radius: 8px;
	}
	#datamenu {
		background: transparent url('images/DS_menu_header.png') no-repeat left top;
	}
	/*
	#datamenu {
		color: #ffffff;
		font-weight:bold;
		text-indent:15px;
		list-style-type:none;
		margin:0px;
		margin-top: 1px;
  		padding: 0.5em;
		background: -webkit-gradient(linear, left top, left bottom, from(#ffab00), to(#ff8900));
		background: -moz-linear-gradient(top, #ffab00, #ff8900);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffab00, endColorstr=#ff8900);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffab00, endColorstr=#ff8900)";
	}
	*/
.sidenav {
		color:#555555;
		text-indent:15px;
		font-weight:bold;
		background-color:#f2f3f4;
		border-style:solid;
		border-width:1px;
		border-color:#ffffff;
		border-bottom-color:#dddddd;
		text-decoration: none;
		vertical-align:baseline;
		list-style-type:none;
		padding:0px;
		margin:0px;
		-webkit-border-bottom-right-radius: 8px;
		-webkit-border-bottom-left-radius: 8px;
		-moz-border-radius-bottomright: 8px;
		-moz-border-radius-bottomleft: 8px;
		border-bottom-right-radius: 8px;
		border-bottom-left-radius: 8px;

	}
.sidenav > li {
		color:#555555;
		text-indent:15px;
		font-weight:bold;
		font-size:16px;
		vertical-align:middle;
		background-color:#f2f3f4;
		border-style:solid;
		border-width:1px;
		border-color:#ffffff;
		border-bottom-color:#dddddd;
		border-spacing:0px;
		text-decoration: none;
		list-style-type:none;
		margin:0px;
		height:38px;
		border-left-width:0px;
		border-right-width:0px;
	}

.sidenav > li#bottom {
		border-bottom-width:0px;
		height:350px;
	}

.sidenav > li:hover {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-image: url('images/side_bg.png');
}

.sidenav > li.active {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-image: url('images/side_bg.png');
}


.sidenav > li#bottom:hover {
  background-image: none;
}

.sidenav > li.setupWizard {
	background-image: none;
	height: 150px;
}

a {
	text-decoration: none;
	/* font-style: italic; */
}

a:hover {
	text-decoration: underline;
}

.sidenav > li > a {
  color: #555;
  display: block;
  padding: 8px 0 0 2px;
}


.brighttab {
-webkit-border-top-right-radius: 8px;
-webkit-border-top-left-radius: 8px;
-moz-border-radius-topright: 8px;
-moz-border-radius-topleft: 8px;
border-top-right-radius: 8px;
border-top-left-radius: 8px;
}

/* Chart Styles */
.charthead {
	color: #ffffff;
	font-weight:bold;
	/* text-indent:15px; */
	margin:0px;
	margin-top: 1px;
	background: orange;
	padding: 0;
	overflow: hidden;
    height: 34px;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
}

.charthead span {
	display: block;
    position: absolute;
    left: 0;
    right: 60px;
	padding: 0.5em 15px;
	float: left;
	height: 1em;
	overflow: hidden;
    white-space: nowrap;
}

.charthead img {
    cursor: default;
}

img.chart-warning-icon {
    float: right;
    padding: 6px;
    cursor: help;
}

.charthead_old1 {
	list-style-type:none;
	padding: 0.5em;
	/* For WebKit (Safari, Google Chrome etc) */
	background: -webkit-gradient(linear, left top, left bottom, from(#00a000), to(#008000));
	/* For Mozilla/Gecko (Firefox etc) */
	background: -moz-linear-gradient(top, #00a000, #008000);
	/* For Internet Explorer 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00a000, endColorstr=#008000);
	/* For Internet Explorer 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00a000, endColorstr=#008000)";

}

.charthead2 {
	color: #ffffff;
	font-weight:bold;
	text-indent:15px;
	list-style-type:none;
	margin:0px;
	margin-top: 1px;
	padding: 0.5em;
	/* For WebKit (Safari, Google Chrome etc) */
	background: -webkit-gradient(linear, left top, left bottom, from(#0076fb), to(#0064d3));
	/* For Mozilla/Gecko (Firefox etc) */
	background: -moz-linear-gradient(top, #0076fb, #0064d3);
	/* For Internet Explorer 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0076fb, endColorstr=#0064d3);
	/* For Internet Explorer 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#0076fb, endColorstr=#0064d3)";
}

.chartbody {
	/*
	-webkit-border-bottom-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	-moz-border-radius-bottomleft: 8px;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
	*/
	border-style:solid;
	border-width:1px;
	border-color:#aaaaaa;
	border-spacing:0px;
	margin:0px;
	/* padding-top:0px; */
	padding: 4px;
	overflow: hidden;
	text-align: center;
	background-color: #fefefa;
    overflow: auto;
}



.cancel {
	/* For WebKit (Safari, Google Chrome etc) */
			background: -webkit-gradient(linear, left top, left bottom, from(#e2e9ed), to(#d2dde3));
			/* For Mozilla/Gecko (Firefox etc) */
			background: -moz-linear-gradient(top, #e2e9ed, #d2dde3);
			/* For Internet Explorer 5.5 - 7 */
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#e2e9ed, endColorstr=#d2dde3);
			/* For Internet Explorer 8 */
			-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#e2e9ed, endColorstr=#d2dde3)";
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	height:25px;
	width:35px;
	color:#8ca5b3;
	font-weight:bold;
}

.save
{
		background: -webkit-gradient(linear, left top, left bottom, from(#53b7ff), to(#0196ff));
		/* For Mozilla/Gecko (Firefox etc) */
		background: -moz-linear-gradient(top, #53b7ff, #0196ff);
		/* For Internet Explorer 5.5 - 7 */
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#53b7ff, endColorstr=#0196ff);
		/* For Internet Explorer 8 */
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#53b7ff, endColorstr=#0196ff)";
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
height:25px;
width:35px;
color:#ffffff;
font-weight:bold;
}
/* Accordian */
ul#menu, ul#menu ul {
  list-style-type:none;
  margin: 20;
  padding: 0;
  width: 15em;
}

ul#menu a {
  display: block;
  text-decoration: none;
  font-weight:bold;
  font-size:14px;
}

ul#menu li {
  margin-top: 1px;
  border-style:solid;
  border-width:0px;
  border-bottom-width:1px;
  border-color:#d5dcdf;
  border-spacing:0px;
}

ul#menu li a {
  background: #e7ecee;
  color: #333333;
  padding: 0.5em;
}

ul#menu li a:hover {
  background: #d4dce2;
}

ul#menu li ul li a {
  background: #f5f7f8;
  color: #333333;
  padding-left: 20px;
}

ul#menu li ul li a:hover {
  background: #d4dce2;
  border-left: 5px #cccccc solid;
  padding-left: 15px;
}

.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }
.code code { display: block; padding: 3px; margin-bottom: 0; }
.code li { background: #ddd; border: 1px solid #ccc; margin: 0 0 2px 2.2em; }
.indent1 { padding-left: 1em; }
.indent2 { padding-left: 2em; }


body {
font-family:Arial;
font-size:14px;
/* min-width:1350px;  */
margin:0;
padding:15px;
}

.column { width: 33%; float: left; padding-bottom: 100px; }
.sortable-dimensions { visibility: visible; height: 25px !important; }
.sortable-dimensions * { visibility: hidden; }

#content2 .ss-placeholder-child {

}

#content2 {
    position: relative;
    width: 100%;
}

div.clearer {
	clear: both;
}


.trans-border {
    border-color: transparent;
}

ul.dataselection1 {
	padding: 0;
	margin: 0;
	list-style-type: none;
	background-color:#f5f7f8;
}

ul.dataselection2 {
	padding: 0 15px;
	margin: 0 0 10px 0;
	list-style-type: none;
}

span.dataselectionitem {
	cursor: url(cursor_drag_hand.png), pointer;
	display: block;
	border: solid 1px #888;
	background-color: #ddd;
	margin: 3px;
	padding: 2px;
	-webkit-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border-radius: 4px;
}

span.dataselectionitem:hover {
	background-color: #eee;
}

.ui-accordion {
	font-size: 14px;
	width: auto;
}

.ui-accordion .ui-accordion-content {
	padding: 0 0 0 10px;
	overflow: visible;
}

.addChartItemBtn {
    float: right;
}



img {
	border: 0;
	vertical-align: middle;
}

img.tabSpacer {
	margin-left: 10px;
	margin-right: 10px;
	vertical-align: bottom;
}

img.tabOptions {
	margin-left: 5px;
	margin-right: 10px;
}


.chartOptions {
	display: none;
	height: 200px;
	width: 200px;
	background-color: #777;
	/* float:right; */
	position: absolute;
	right: 0;
	z-index: 100;
}

.chartOptionsButton {
	margin-right: 15px;
	/* clear: right; */
	float: right;
}

.chartOptionsMenu {
	position: absolute;
	display: none;
	z-index: 100;
	right: 15px;
	height: 55px;
	width: 120px;
	background-color: #eff3f5;
}

.dashboard_toolbar {
	float: right;
    margin-right: 15px;
    border: 1px solid whitesmoke;
}

.dashboard_toolbar > div {
    height: 75px;
    padding: 5px 10px;
    text-align: center;
    margin: 2px;
    float: left;
    cursor: pointer;
    font-size: 12px;
}

/* the tile image */
.dashboard_toolbar > div > img {
    position: relative;
    height: 34px;
    width: 34px;
    margin: 0 auto;
    display: block;
}

.dashboard_toolbar > div:hover {
    background-color: #b8b8b8;
}


.dashboard_toolbar > div.disabled {
    cursor: default;
    color: darkgray;
}

.dashboard_toolbar > div.disabled:hover {
    background-color: transparent;
}

.dashboard_toolbar > div > span {
    position: relative;
    top: 10px;
}

ul.chartMenuItems {
	list-style-type: none;
	padding: 10px 0 10px 30px;
	font-family: Arial;
	font-size: 10px;
	color: #333333;
    margin: 0;
}

ul.chartMenuItems li {
	cursor: pointer;
}

ul.chartMenuItems li:hover {
	background-color: #f1f5f7;
}

ul.chartMenuItems li.disabledItem {
	color: #888888;
	cursor: default;
}

ul.dashboardTabs {
	list-style-type: none;
	padding: 0;
	margin: 0;
	overflow: hidden;
}

li.dashboardTab {
	float: left;
	min-width: 48px;
	padding: 8px 10px;
	font-size: 10pt;
	font-weight: bold;
	background-color: #ddd;
	color: #444;
	border: 1px solid #bbb;
	border-bottom: 2px solid #bbb;
	margin-right: 3px;
	margin-top: 6px;
	cursor: pointer;
}

li.dashboardTabNew {
	height: 16px;
	background-image: url('images/silk/page_white_add.png');
	background-repeat: no-repeat;
	background-position: center center;
}

li.dashboardTabSelected {
	padding-bottom: 14px;
	margin-top: 0;
}

li.dashboardTab.ui-sortable-placeholder {
    height: 1px;
}

.dlg-chart-item-sortable-placeholder {
    height: 17px;
    width: 100%;
}

td.dlg-chart-item-values {
    white-space: nowrap;
}

#tabRunner {
	border-left: 1px solid #bbb;
	border-right: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	height: 4px;
	position: relative;
}

#recommendations {
	font-size: 10pt;
	font-weight: normal;
	padding: 5px 20px;
	text-indent: 0px;
}

.ui-dialog {
	box-shadow: rgba(0, 0, 0, 0.250) 0px 0px 32px;
}

.ui-dialog-content {
	font-size: 14px;
}

div.dataSelectionSection {
	padding: 0 0 0 10px;
}

ul.MyAccordion {
	list-style-type: none;
	padding: 0 0 0 10px;
	font-size: 14px;
	display: none;
	background-color: #eee;
	-moz-user-select: none;
	-webkit-user-select: none;
}

ul.MyAccordion li {
	border-left: dotted 1px #aaa;
}

ul.MyAccordion span {
	padding-left: 20px;
	display: block;
	cursor: pointer;
}

ul.MyAccordion .selectable {
	cursor: url(images/cursor-hand.png), pointer;
}

ul.MyAccordion .hasChildren {
	background-image: url('images/tv-plus.png');
	background-repeat: no-repeat;
	background-position: 4px 0px;
}

ul.MyAccordion .expanded {
	background-image: url('images/tv-minus.png');
}



#zoomchart {
	position: absolute;
	left: 20px;
	top: 20px;
	bottom: 20px;
	right: 20px;
	display: none;
	border: solid 1px #777;
	background-color: white;
	z-index: 20;
	overflow: auto;
}

#zoomchart-fullwindow {
	/* border: solid 1px #777; */
	background-color: white;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

#zoomchart #zoomchart_chartarea {
	position: absolute;
	top: 36px;
	height: 250px;
	left: 10px;
	right: 10px;
}

#zoomchart-fullwindow #zoomchart_chartarea {
	height: 250px;
    overflow-y: auto;
}

#zoomchart_titlebar {
	height: 18px;
	text-align: center;
	border: solid 1px #aaa;
	margin: 4px;
	background-color: #eee;
	padding: 4px;
}

#zoomchart_title {
	font-weight: bold;
	font-size: 16px;
}

#zoomchart #zoomchart_datetimearea {
	position: absolute;
	top: 285px;
	left: 24px;
	right: 24px;
	height: 65px;
}

#zoomchart-fullwindow #zoomchart_datetimearea {
	position: relative;
	height: 65px;
	margin: 0 10px;
}

#zoomchart-fullwindow #zoomchart_pivottablearea {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

#zoomchart_pivottable_control {
	float: left;
	margin: 10px;
	width: 185px;
}

#zoomchart #zoomchart_detailsarea {
	position: absolute;
	bottom: 0;
	top: 350px;
	left: 10px;
	right: 10px;
}

#zoomchart-fullwindow #zoomchart_detailsarea {
	position: absolute;
	top: 350px;
	left: 0;
	bottom: 0;
	right: 0;
}

#zoomchart_barchartopts, #zoomchart_piechartopts {
    height: 25px;
    width: 350px;
}
#zoomchart_barchartopts > div {
    float: left;
}

#zoomchart_piechartopts > div {
    float: right;
}

#barchartopts_stacked_container,
#barchartopts_showvalue_container,
#piechartopts_showvalue_container  {
    margin-right: 10px;
}

#zoomchart_barchartopts > div:first-child .ui-state-active {
    background-image: url('images/ItemStatusOkay-small.png');
    background-repeat: no-repeat;
    background-position: right bottom;
}


/*
#zoomchart-fullwindow #zoomchart_pivottablecontent {
	position: absolute;
	top: 0;
	left: 220px;
	bottom: 10px;
	right: 10px;
	overflow: auto;
}
*/

#zoomchart_detailsleft {
	float: left;
	width: 300px;
	overflow: auto;
	padding: 20px;
}

#zoomchart_detailsright {
	overflow: auto;
	padding: 0 20px;
	height: 100%;
}

#zoomchart_detailstable td {
	background-color: #eee;
}

span.detailsDrillDown {
	display: block;
	width: 16px;
	height: 16px;
	background-image: url('images/tv-plus.png');
	background-repeat: no-repeat;
	background-position: left;
	cursor: pointer;
}

span.detailsDrillDownCollapse {
	background-image: url('images/tv-minus.png');
}

span.removeButton {
	display: block;
	text-indent: -9999px;
	width: 91px;
	height: 20px;
	background: transparent url('images/remove.png') no-repeat left center;
}

span.edit-chart-item-title {
	display: inline-block;
	width: 290px;
	text-align: right;
	padding-right: 10px;
}

.brightmetrics-flowgrid-table {
    width: 100%;
}

    .brightmetrics-flowgrid-table > tbody > tr {
        height: 80px;
    }

        .brightmetrics-flowgrid-table > tbody > tr > td {
            position: relative;
            height: 80px;
            padding: 0;
        }

/**
 * 1. Important because of how specific the selector is for the table cell background-color.
 * TODO: This should not be !important.
 */
.brightmetrics-flowgrid-helper {
    background-color: #b9c8d6 !important;
}

/**
 * 1. Because jQueryUI insists on modifying the styles inline, we need
 * some way of overruling it.
 */
.brighmetrics-flowgrid-chart .ui-resizable-handle {
    display: none !important;
}

.brightmetrics-flowgrid:not(.brightmetrics-flowgrid-disabled) .brightmetrics-flowgrid-drag-handle {
    cursor: move;
}

.brightmetrics-flowgrid:not(.brightmetrics-flowgrid-disabled) .brightmetrics-flowgrid-table > tbody > tr > td {
    background-color: #e6ecf2;
}

.image-chart {
    width: 100%;
    height: 100%;
    background-color: white;
    background-repeat: no-repeat;
    background-position: center;
}

.ui-checkboxradio-radio-label .ui-icon-background {
    display: none;
}

table.inputForm {
    border: 0;
}
table.inputForm td {
	padding: 1px;
}

table.itemGrid {
	border: 0;
}
table.itemGrid td {
	padding: 1px;
}
table.itemGrid td:first-child {
	text-align: right;
}

ul.setup-wizard {
	font-size: 10pt;
	font-weight: normal;
	list-style-type: none;
	margin: 0;
	padding: 5px 20px;
}

ul.setup-wizard > li {
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 18px;
}

ul.setup-wizard > li > a {
	color: #444;
}

li.setup-wizard-item-warning {
	background-image: url('images/silk/error.png');
}

li.setup-wizard-item-completed  {
	background-image: url('images/silk/accept.png');
}

li.setup-wizard-item-completed > a {
	color: #888;
}

li.setup-wizard-item-next {
	background-image: url('images/silk/bullet_go.png');
}

span.sparklineStandard {
	width: 100px;
	height: 20px;
	display: inline-block;
	background-repeat: no-repeat;
	background-position: left top;
	/* background-image determined at runtime */
}
span.sparklineStandardIndicator {
	height: 20px;
	display: block;
	border-right: solid 1px red;
	/* width determined at runtime */
}


#pagecontent {
	background-color: #f2f3f4;
	border: 1px solid #555;
	color: #444;
	padding: 20px;
	position: relative;
}

#pagenoaccess {
	background-color: #f2f3f4;
	border: 1px solid #555;
	color: #444;
	padding: 20px;
	display: none;
}

span.errormessage {
	display: block;
	background: #f5ded0 url('images/silk/delete.png') no-repeat 4px center;
	border: 2px solid #e44;
	padding: 4px 4px 4px 28px;
    margin: 0 15px;
}

span.successmessage {
    display: block;
	background: #e8f3e1 url('images/silk/accept.png') no-repeat 4px center;
	border: 2px solid #4fa055;
	padding: 4px 4px 4px 28px;
    margin: 0 15px;
}

div.errormessage {
	background-color: #f2f3e4;
	border: 1px solid #e44;
	padding: 4px;
	margin: 10px;
}

span.errorexplanation {
	display: none;
	font-size: 14px;
	color: #b44;
}

span.darkerText {
	color: #333;
	font-size: 12px;
}

#summaryContainer {
	float: left;
	overflow: auto;
	min-width: 800px;
	position: relative;
}

#mitemMoreInfo {
	display: none;
	position: absolute;
	width: 300px;
	height: 300px;
	border: 1px solid black;
	background-color: #eee;
	padding: 6px;
	z-index: 20;
}

#mitemMoreInfo-close {
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url('images/silk/cancel.png') no-repeat;
}

span.mitem-moreinfo {
	display: inline-block;
	width: 20px;
	height: 20px;
	background: transparent url('images/silk/help.png') no-repeat;
}

span.mitem-status {
	display: block;
	width: 16px;
	height: 16px;
	background-color: transparent;
}

span.mitem-status-warn {
	background-color: #ebb;
}

span.mitem-status-alert {
	background-color: #e11;
}

#leftarea {
	float: left;
	height: 88%;
}

#summaryAlertSection {
	list-style-type: none;
	padding: 0;
	margin: 0;
	width: 250px;
	overflow: auto;
	height: 400px;
	background-color: white;
	border: 1px solid #333;
	font-size: 12px;
}

li.overall-alertitem {
	padding: 5px 5px 5px 55px;
	background-repeat: no-repeat;
	background-position: 5px center;
	overflow: hidden;
	min-height: 45px;
	cursor: pointer;
}

li.overall-alertitem:hover {
	background-color: #fffff0;
}

li.overall-alertitemtype-Savings {
	background-image: url('images/IconSavings.png');
}

li.alertitem {
	padding: 5px 5px 5px 55px;
	background-repeat: no-repeat;
	background-position: 5px center;
	overflow: hidden;
	min-height: 45px;
}

li.alertitem:hover {
	background-color: #eee;
}

li.alertitem-type-GoodDownwardTrend {
	background-image: url('images/Down_Trend_Good.png');
}

li.alertitem-type-GoodDownwardShift {
	background-image: url('images/Down_Trend_Good.png');
}

li.alertitem-type-GoodUpwardTrend {
	background-image: url('images/Up_Trend_Good.png');
}

li.alertitem-type-GoodUpwardShift {
	background-image: url('images/Up_Trend_Good.png');
}

li.alertitem-type-BadDownwardTrend {
	background-image: url('images/Down_Trend_Bad.png');
}

li.alertitem-type-BadDownwardShift {
	background-image: url('images/Down_Trend_Bad.png');
}

li.alertitem-type-BadUpwardTrend {
	background-image: url('images/Up_Trend_Bad.png');
}

li.alertitem-type-BadUpwardShift {
	background-image: url('images/Up_Trend_Bad.png');
}

li.alertitem-type-BadUpwardProjection {
	background-image: url('images/Up_Trend_Threshold_Bad.png');
}

li.alertitem-type-BadDownwardProjection {
	background-image: url('images/Down_Trend_Threshold_Bad.png');
}

li.alertitem-type-UnusuallyHigh {
	background-image: url('images/Unusually_High.png');
}

li.alertitem-type-UnusuallyLow {
	background-image: url('images/Unusually_Low.png');
}

.alertitem-label {
	font-size: 14px;
	display: block;
	float: left;
	padding: 4px;
}

.alertitem-currentvalue {
	font-size: 12px;
	font-weight: bold;
	display: block;
	float: left;
	padding: 4px;
}

.alertitem-description {
	font-size: 12px;
	display: block;
	clear: both;
}

.scrollableContent {
	overflow: auto;
}

#summaryScrollContainer {
	min-width: 1200px;
}

.hiddenpopup {
	display: none;
	position: absolute;
}

.standardpopup {
	background-color: #efefef;
	border: 1px solid black;
	width: 200px;
	font-size: 12px;
	text-align: center;
}

.fullscreenpopup {
	background-color: #efefef;
	border: 1px solid black;
	font-size: 12px;
	text-align: center;
	left: 35px;
	top: 35px;
	right: 35px;
	bottom: 35px;
	z-index: 10;
}

#segment-hoverinfo {
	width: 400px;
	padding: 10px;
}

#segment-hoverinfo-title {
	font-weight: bold;
}

#segment-hoverinfo-sparkline {
	width: 350px;
	height: 70px;
	margin: 10px auto;
	position: relative;
}

#segment-hoverinfo-moreinfo {
	text-align: left;
	list-style-type: none;
}

#segment-hoverinfo-alerts {
	text-align: left;
	list-style-type: none;
}




#summary-segment-hoverinfo {
	width: 400px;
	padding: 10px;
}

#summary-segment-hoverinfo-title {
	font-weight: bold;
}

#summary-segment-hoverinfo-moreinfo {
	text-align: left;
}

#summary-segment-hoverinfo-moreinfo dd {
	margin: 0;
}

#summary-segment-hoverinfo-moreinfo ul {
	list-style-type: none;
}



li.segment-hoverinfo-infoitem {
	padding: 5px 5px 5px 34px;
	background-repeat: no-repeat;
	background-position: 5px center;
	overflow: hidden;
	min-height: 24px;
}

li.segment-hoverinfo-infoitemtype-alert {
	background-image: url('images/ItemStatusAlert.png');
}

li.segment-hoverinfo-infoitemtype-warning {
	background-image: url('images/ItemStatusWarning.png');
}

li.segment-hoverinfo-infoitemtype-okay {
	background-image: url('images/ItemStatusOkay.png');
}

li.segment-hoverinfo-alertitem {
	padding: 5px 5px 5px 42px;
	background-repeat: no-repeat;
	background-position: 5px center;
	overflow: hidden;
	min-height: 32px;
}

li.segment-hoverinfo-alertitemtype-GoodDownwardTrend {
	background-image: url('images/Down_Trend_Good_small.png');
}

li.segment-hoverinfo-alertitemtype-GoodDownwardShift {
	background-image: url('images/Down_Trend_Good_small.png');
}

li.segment-hoverinfo-alertitemtype-GoodUpwardTrend {
	background-image: url('images/Up_Trend_Good_small.png');
}

li.segment-hoverinfo-alertitemtype-GoodUpwardShift {
	background-image: url('images/Up_Trend_Good_small.png');
}

li.segment-hoverinfo-alertitemtype-BadDownwardTrend {
	background-image: url('images/Down_Trend_Bad_small.png');
}

li.segment-hoverinfo-alertitemtype-BadDownwardShift {
	background-image: url('images/Down_Trend_Bad_small.png');
}

li.segment-hoverinfo-alertitemtype-BadUpwardTrend {
	background-image: url('images/Up_Trend_Bad_small.png');
}

li.segment-hoverinfo-alertitemtype-BadUpwardShift {
	background-image: url('images/Up_Trend_Bad_small.png');
}

li.segment-hoverinfo-alertitemtype-BadUpwardProjection {
	background-image: url('images/Up_Trend_Threshold_Bad_small.png');
}

li.segment-hoverinfo-alertitemtype-BadDownwardProjection {
	background-image: url('images/Down_Trend_Threshold_Bad_small.png');
}

li.segment-hoverinfo-alertitemtype-UnusuallyHigh {
	background-image: url('images/Unusually_High_small.png');
}

li.segment-hoverinfo-alertitemtype-UnusuallyLow {
	background-image: url('images/Unusually_Low_small.png');
}

a.looksLikeLink,
span.looksLikeLink {
	color: blue !important;
	text-decoration: underline;
	cursor: pointer;
}

span.productline-delete {
	display: inline-block;
	width: 16px;
	height: 16px;
	text-indent: -9999px;
	background: url('images/silk/basket_delete.png') no-repeat;
	cursor: pointer;
	margin-left: 20px;
}

/*
span.productline-header {
	-webkit-transform: rotate(-60deg);
	-moz-transform: rotate(-60deg);
	filter: progid:DXImageTransform.Microsoft.Matrix(M11=1,M12=0,M21=0,M22=1);
}
*/

span.productline-header {
	display: block;
	position: relative;
	width: 20px;
	overflow: visible;
}

#productlinesscrollable {
	overflow: auto;
	position: absolute;
	top: 110px;
	bottom: 0px;
}

.closebox {
	display: block;
	text-indent: -9999px;
	width: 16px;
	height: 16px;
	margin: 1px;
	background: transparent url('images/silk/delete.png') no-repeat center;
	float: right;
	cursor: pointer;
}

.chart-frame-context {
	float: left;
	width: 24px;
	height: 24px;
	background-repeat: no-repeat;
	background-position: center center;
}

.chart-frame-context-infotype-alert {
	background-image: url('images/ItemStatusAlert.png');
}

.chart-frame-context-infotype-warning {
	background-image: url('images/ItemStatusWarning.png');
}

.chart-frame-context-infotype-okay {
	background-image: url('images/ItemStatusOkay.png');
}

.smallertext {
	font-size: 14px;
	margin-top: 5px;
	margin-bottom: 5px;
}

div.column_third {
	width: 33%;
	float: left;
}

div.column_twothirds {
	width: 66%;
	float: left;
}

.column_text {
	padding: 20px;
	text-align: left;
	vertical-align: top;
}

.box-shadow {
	-moz-box-shadow:    4px 4px 16px #333;
	-webkit-box-shadow: 4px 4px 16px #333;
	box-shadow:         4px 4px 16px #333;
	/* this is ugly
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color='#333333')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color='#333333');
	*/
}

tbody.configuredDataSourceGroup_instances td {
    padding-right: 5px;
}

.template {
	display: none;
}

#mapSourceList {
	width: 50%;
	overflow: scroll;
	border: solid 1px black;
	font-size: 10pt;
	position: absolute;
	bottom: 20px;
	left: -188px;
	top: 0;
}

#mapTargetList {
	width: 50%;
	overflow: scroll;
	border: solid 1px black;
	font-size: 10pt;
	position: absolute;
	bottom: 20px;
	right: 0;
	top: 0;
}

table.pivottable {
	border: solid 2px #eee;
	font-size: 10pt;
}

.pivottable_title {
	font-size: 12pt;
}

table.pivottable tr {
	height: 1.6em;
}

td.pivottable-valuecell {
	border-bottom: solid 1px #efefef;
	padding: 0px 5px;
	text-align: right;
	white-space: nowrap;
	vertical-align: top;
}

td.pivottable-rowheader {
	white-space: nowrap;
	border-bottom: solid 1px #ddd;
	padding: 0px 2px;
	vertical-align: top;
}

span.pivottable-rowheader-expandable {
    padding: 0px 2px 0px 18px;
    background: transparent url('images/tv-plus.png') no-repeat center left;
    cursor: pointer;
}

span.pivottable-rowheader-expanded {
    padding: 0px 2px 0px 18px;
    background: transparent url('images/tv-minus.png') no-repeat center left;
    cursor: pointer;
}

td.pivottable-colheader {
	white-space: nowrap;
}

td.pivottable-valueheader {
	/* white-space: nowrap; */
	border-bottom: solid 1px #999;
	cursor: pointer;
}

td.pivottable-valueheader:hover {
	text-decoration: underline;
}

td.pivottable-totalcolumn {
	background-color: #ccc;
}

#zoomchart_pivottable_control ul {
	min-height: 10px;
	list-style-type: none;
}

ul.pivottable_controls {
	padding: 0;
}

li.pivottable_controls_section {
	border: solid 2px #aaa;
	margin: 6px 0;
	padding: 4px;
}

ul.pivottable_controls_section {
	border: solid 2px transparent;
	padding: 0;
}

ul.pivottable_controls_section.add-item {
	border-color: #ADE7AD;
}

ul.pivottable_controls_section.remove-item {
	border-color: #F6E484;
}

span.pivottable_controls_section_title {
    display: block;
    text-align: center;
}

span.pivottable_controls_section_title.add-item {
    background-color: #ADE7AD;
}

span.pivottable_controls_section_title_availdroparea {
    display: block;
    text-align: center;
    background-color: #F6E484;
}


li.pivot_control_item {
	background-color: #ddf;
	margin: 4px;
	cursor: move;
	height: 20px;
	overflow: hidden;
	position: relative;
	white-space: nowrap;
}

li.pivot_control_item.custom-calculated-field {
    background-color: peachpuff;
}
li.pivot_control_item.partner-custom-calculated-field {
    background-color: gainsboro;
}

li.pivot_control_grouped_item
{
    margin-left: 8px;
}

li.pivot-control-item-placeholder {
	background-color: #ddd;
	height: 20px;
	margin: 4px;
}

.pivot-control-item-filterbutton {
	width: 20px;
	height: 20px;
	position: absolute;
	top: 0px;
	right: 0px;
	/* float: right; */
	cursor: pointer;
	display: block;
	text-indent: -9999px;
}
.pivot-control-item-filterbutton:hover {
	background-color: #bbf;
}
.pivot-control-item-filterbutton-add {
	background: transparent url('images/silk/database_add.png') no-repeat center center;
}
.pivot-control-item-filterbutton-edit {
	background: transparent url('images/silk/database_edit.png') no-repeat center center;
}
.pivot-control-item-filterbutton-remove {
	background: transparent url('images/silk/database_delete.png') no-repeat center center;
}

.pivot-control-item-sortbutton-add {
    background: transparent url('images/silk/table_sort.png') no-repeat center center;
}

li.pivot_control_item:hover {
	background-color: #ccf;
}
li.pivot_control_item.custom-calculated-field:hover {
    background-color: peachpuff;
}
li.pivot_control_item.partner-custom-calculated-field:hover {
    background-color: gainsboro;
}

a.printlink {
	padding: 4px 4px 4px 24px;
	background: transparent url('images/silk/printer.png') no-repeat 4px center;
	min-height: 16px;
	border: 2px outset #bbb;
}

a.exportlink {
	padding: 4px 4px 4px 24px;
	background: transparent url('images/silk/table_go.png') no-repeat 4px center;
	min-height: 16px;
	border: 2px outset #bbb;
}

span.save-pivot-table-link {
	padding: 4px 4px 4px 24px;
	background: transparent url('images/silk/table_save.png') no-repeat 4px center;
	min-height: 16px;
	border: 2px outset #bbb;
	cursor: pointer;
}

ul.plainlist {
	list-style: none outside none;
	padding: 0;
	margin: 0;
}

ul.innerlist {
	padding: 5px 32px;
	font-size: 10px;
}

ul.ui-checkbox-list {
	list-style-type: none;
	padding: 6px;
	margin: 0;
	border: solid 1px black;
	background-color: white;
	overflow: auto;
}

#new-chartitem-new-itemarea {
	list-style-type: none;
	padding: 0;
}

span.new-chartitem-new-labelarea {
	padding-left: 20px;
	background: transparent url('images/tv-plus.png') no-repeat left center;
}

span.new-chartitem-new-labelarea-expanded  {
	background-image: url('images/tv-minus.png');
}

table.call-details th {
    padding: 2px 6px;
    cursor: pointer;
}

table.call-details th:hover {
    text-decoration: underline;
}

table.call-details td {
    padding: 2px 6px;
}

.clickable {
	cursor: pointer;
}

.clickable:hover {
	text-decoration: underline;
}

.visually-clickable {
    margin: 0 5px;
    text-decoration: none !important;
    border-bottom: 1px dotted black;
    cursor: pointer;
}

.visually-clickable:hover {
    text-decoration: none !important;
    border-bottom: 1px solid gray;
}

.prominent {
    font-weight: bold;
    font-style: normal;
}
.italicized {
    font-style: italic;
}

img.screenshot {
	margin: 10px;
}

img.cardtype {
	margin: 0 4px;
}

table.zebra {
	border-collapse: collapse;
	font-size: 10pt;
}

table.zebra th {
	background-color: white;
	padding: 2px 6px;
}

table.zebra td {
	background-color: white;
	padding: 2px 6px;
}

table.zebra > tbody > tr:nth-child(odd) > td {
	background-color: #f5f5f5;
}

table.zebra > tbody > tr > td.rowGroupHeader {
	background-color: white;
}

td.totalRow {
	font-weight: bold;
	border-top: solid 1px #999;
	border-bottom: solid 1px black;
}

td.rowGroupHeader {
	border-top: solid 1px black;
	border-bottom: solid 1px black;
}

td.rowHeader {
	border-right: solid 1px #999;
}

table.zebra td.drillDown {
    padding: 2px 6px 2px 18px;
    background: transparent url('images/tv-plus.png') no-repeat left 5px;
}

th.colHeader {
	border-left: solid 1px black;
}

th.cornerHeader {
	border-right: solid 1px black;
	border-bottom: solid 1px black;
}

th.valHeader {
	border-bottom: solid 1px black;
}

td.totalColumn {
	border-left: solid 1px black;
}

td.sectionStartColumn {
	border-left: solid 1px #999;
}

ul.reportTypesView {
    max-height: 1000px;
    overflow-y: auto;
    border: solid 1px #333;
    background-color: #def;
    list-style-type: none;
    padding: 4px 4px 4px 8px;
    margin: 8px 0;
}

ul.reportGroup {
	list-style-type: none;
	margin: 0;
	padding: 4px 4px 4px 8px;
}

ul.reportGroup li.report {
	background: transparent url("images/silk/report.png") no-repeat left center;
	padding-left: 24px;
}

ul.reportGroup li.newReport {
	background-image: url("images/silk/report_add.png");
	font-style: italic;
}

ul.scheduleitems {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

ul.scheduleitems li {
    padding: 4px;
    margin: 1px;
    border: solid 3px #dfdfdf;
}

ul.scheduleitems li:hover {
    background-color: #dfdfdf;
}

ul.scheduleitems li.newentry {
    padding: 24px;
}

span.newentry {
    padding-left: 20px;
    background: transparent url('images/silk/add.png') no-repeat left center;
}

.scheduleitem-controls {
    float: right;
    padding-left: 8px;
}
.controls-delete {
    background: transparent url('images/silk/delete.png') no-repeat center left;
    padding-left: 20px;
}
.controls-edit {
    background: transparent url('images/silk/pencil.png') no-repeat center left;
    padding: 0 0 0 24px;
}

table.buttongrid td {
    width: auto !important;
}
table.buttongrid .ui-button-text {
    font-size: smaller;
    padding: 4px;
}
table.buttongrid .ui-button {
    box-sizing: border-box;
    width: 100%;
}

table.buttongrid .ui-state-active {
    background-image: url('images/ItemStatusOkay-small.png');
    background-repeat: no-repeat;
    background-position: right bottom;
}

.expandable {
	background-image: url('images/tv-plus.png');
	background-repeat: no-repeat;
	background-position: 4px 0px;
	padding-left: 20px;
}

.expanded {
	background-image: url('images/tv-minus.png');
}


.expandable2 {
	background-image: url('images/tv-plus.png');
	background-repeat: no-repeat;
	background-position: left center;
}
.expanded2 {
    background-image: url('images/tv-minus.png');
    background-repeat: no-repeat;
    background-position: left center;
}

.reportGroup-Name {
    padding-left: 20px;
    cursor: pointer;
}

.hidden {
    display: none;
}

.hidden-by-height {
    height: 0px;
    max-height: 0px;
}

.chartopt_defcolor {
	border: solid 1px transparent;
	color: transparent;
	cursor: pointer;
}

.chartopt_defcolor:hover {
	border: solid 1px black;
}

.chartopt_selectedcolor {
	border: solid 1px white;
}

ul.expandableItems {
	list-style-type: none;
	list-style-image: url('images/silk/bullet_toggle_plus.png');
}

ul.expandableItems li.expandedItem {
	list-style-image: url('images/silk/bullet_toggle_minus.png');
}

span.templateSelect {
	display: block;
    line-height: 1.3em;
	max-width: 208px;
	white-space: nowrap;
	overflow: hidden;
}

.tabPermission {
	text-indent: -9999px;
	background: transparent url('images/permissionLevel0.png') no-repeat center center;
	width: 64px;
	height: 22px;
}

.tabPermissionR {
	background-image: url('images/permissionLevel1.png');
}

.tabPermissionW {
	background-image: url('images/permissionLevel2.png');
}

.tabPermissionX {
	background-image: url('images/permissionLevel3.png');
}

tr.rowgrouphead td {
	border-top: 1px solid #ccc;
}

table.standard {
	font-size: 8pt;
    border-collapse: collapse;
}

table.standard tr:hover {
    background-color: #E5E7E8;
}

table.standard td, table.standard th {
    padding: 4px 16px;
    margin: 0;
}

table.standard td.highlighted, table.standard th.highlighted {
    background-color: #E5E7E8;
}

table.standard th {
    white-space: nowrap;
}

table.standard td.icon-cell {
    width: 16px;
    height: 16px;
    padding: 4px;
    text-align: center;
}

.downclickable {
    width: 12px;
    height: 9px;
    background: transparent url('images/dn.png') no-repeat center center;
}

.downclickable:hover {
    background-image: url('images/dn-h.png');
}

ol.olstandard li {
	margin: 30px 0px;
}

td.reportParameterArea {
	min-width: 300px;
}

input.datePicker {
    width: 85px;
}

input.timePicker {
    width: 60px;
}

input.filterValueHourPart, input.filterValueMinutesPart {
    width: 20px;
}

span.littlebutton
{
    font-size: 7pt;
    background-color: #cfcfcf;
    border: solid 1px #888;
    padding: 1px;
    margin-left: 12px;
    cursor: default;
}

span.littlebutton:hover
{
    background: #efefef;
}

div.color-picker-widget {
    width: 20px;
    height: 20px;
    cursor: pointer;
    border: 1px solid #d0d0d0;
}

img.var-sml-logo {
    width: auto;
    height: auto;
	max-width: 224px;
	max-height: 64px;
}
img.var-lrg-logo {
    width: auto;
    height: auto;
	max-width: 350px;
	max-height: 175px;
}
table.var-logo-container th {
	font-size: 1.1em;
}
table.var-logo-container td {
	padding: 5px;
}
table.var-logo-container td.logo-info {
	max-width: 200px;
}
table.var-logo-container td.logo-controls {
	border: 1px solid #ccc;
}

table.customerList {
    border-collapse: collapse;
}

table.customerList > tbody > tr:nth-child(odd):hover {
    background-color: #E5E7E8;
}

.one-off schedule-time-component {
    display: none;
}

.schedule-dialog-table {
    border-collapse: separate;
    margin: 10px;
}
    .schedule-dialog-table tr td:first-child {
        width: 145px;
    }
.ko-schedule-component {
    display: none;
}

.ui-widget button.smallbutton
{
    font-size: 10px;
    background-color: #e3e3e3;
    border-radius: 3px;
    border: solid 1px #3f3f3f;
    cursor: pointer;
}

.ui-widget button.smallbutton:hover
{
    background-color: #efefef;
}

.possible-values-grouping-dlg table {
    padding: 10px 0;
}

.possible-values-grouping-dlg table td {
    vertical-align: top;
}

.possible-values-grouping-dlg table td:first-child {
    padding-right: 10px;
}

.possible-values-grouping-dlg table td:last-child {
    white-space: nowrap;
}

.possible-values-grouping-dlg table td.clickable {
    width: 200px;
}

div.atc {
    position: relative;
    font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, "sans-serif";
    overflow-x: hidden;
}
.atc__chart-body-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 100px;
}
.atc__chart-loading-placeholder {
    display: table;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
}
.atc__chart-loading-placeholder span {
    display: table-cell;
    vertical-align: middle;
}
.atc__category-area-outer-wrapper {
    position: absolute;
    top: 20px;
    bottom: 55px;
    left: 20px;
    width: 100px;
    font-size: 12px;
}
.atc__category-area-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    /* border: 1px pink dotted; */
}
.atc__timeline-wrapper {
    position: absolute;
    top: 20px;
    right: 20px;
    left: 120px;
    height: 100%;
    text-align: left;
}
.atc__timeline-wrapper .ui-slider-handle {
    top: 0 !important;
    height: 0.4em !important;
    outline: none !important;
}
.atc__timeline-wrapper .ui-slider {
    height: 0.5em;
    border: 1px solid transparent;
}
.atc__timeline {
    position: static;
    width: 100%;
    height: 100%;
    /* border: 1px yellow dotted; */
}
.atc__scroll-bar {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1px;
}
.atc__graph-area {
    position: static;
    width: 100%;
}
.atc__legend-area-wrapper {
    position: absolute;
    right: 20px;
    bottom: 10px;
    left: 10px;
    height: 30px;
    padding: 0 15px 10px;
    overflow-y: auto;
    text-align: center;
    /* border: 1px orange dotted; */
}
.atc__tick-area {
    position: static;
    height: 40px;
    width: 100%;
    /* border: 1px dotted blue; */
}
.atc__tick-line {
    position: absolute;
    top: 0;
    left: 0;
    height: 10px;
    width: 2px;
    background-color: #ccc;
    z-index: 1;
}
.atc__tick-line-value {
    position: absolute;
    display: inline-block;
    top: 12px;
    left: 0;
    line-height: 14px;
    font-size: 11px;
    transform: rotate(65deg);
    /* border: 1px orange solid; */
}
.atc__category {
    display: table;
    position: absolute;
    top: 0;
    left: 0;
    width: 90px;
    padding: 0 5px;
    margin: 0;
    text-align: center;
    /* border: 1px solid green; */
}
.atc__category:nth-child(odd) {
    background-color: #F6F6F6;
    border: 1px solid #F1F1F1;
    border-right: none;
}
.atc__category span {
    display: table-cell;
    line-height: 12px;
    vertical-align: middle;
}
.atc__chart-category-row {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.atc__chart-category-row:nth-child(odd) {
    background-color: #F6F6F6;
    border-bottom: 1px solid #F1F1F1;
    border-top: 1px solid #F1F1F1;
}

.atc__chart-sub-category-row {
    position: absolute;
    top: 0;
    left: 0;
    height: 0;
    width: 100%;
    overflow-x: hidden;
    /* box-sizing: border-box; */
}

/*
.atc__chart-sub-category-row:nth-child(3n) {
    border-bottom: 1px solid gray;
}
*/

.atc__legend-item {
    display: inline-block;
    padding: 0 5px;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
}
.atc__legend-item-icon {
    display: inline-block;
    width: 12px;
    height: 10px;
    margin-right: 5px;
}
.atc__time-block {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    cursor: pointer;
    z-index: 2;
}



.atc-tooltip.wrapper {
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
    display: inline-block;
    border: 1px solid gray;
    font-family: 'Lucida Grande', 'Lucida Sans Unicode';
    border-radius: 5px;
    padding: 2px 2px 8px;
    z-index: 3;
    background-color: rgba(255, 255, 255, 0.9);
    box-shadow: 0 0 7px lightgray;
}

.atc-tooltip__arrow-bottom {
    position: absolute;
    width: 70px;
    height: 11px;
    overflow: hidden;
    left: 50%;
    margin-left: -35px;
    bottom: -11px;
}
.atc-tooltip__arrow-bottom-point {
    background-color: white;
    border: 1px solid gray;
    content: "";
    position: absolute;
    left: 20px;
    top: -22px;
    width: 25px;
    height: 25px;
    -webkit-transform: rotate(45deg);
    -moz-transform:    rotate(45deg);
    -ms-transform:     rotate(45deg);
    -o-transform:      rotate(45deg);
}

.atc-tooltip__arrow-right {
    position: absolute;
    width: 10px;
    height: 70px;
    overflow: hidden;
    top: 50%;
    margin-top: -35px;
    right: -10px;
}
.atc-tooltip__arrow-right-point {
    background-color: white;
    border: 1px solid gray;
    content: "";
    position: absolute;
    top: 20px;
    right: 6px;
    width: 25px;
    height: 25px;
    -webkit-transform: rotate(135deg);
    -moz-transform:    rotate(135deg);
    -ms-transform:     rotate(135deg);
    -o-transform:      rotate(135deg);
}

h3.atc-tooltip__title {
    font-size: 12px;
    text-align: center;
    margin: 3px 0;
}

.atc-tooltip__body {
    font-size: 12px;
    border: none;
    display: inline-block;
}

.atc-tooltip__body table {
    border-collapse: collapse;
    padding-bottom: 5px;
}

td.atc-tooltip__value, td.atc-tooltip__name {
    height: 14px;
    line-height: 14px;
    max-width: 200px;
    white-space: normal;
}
td.atc-tooltip__value {
    color: gray;
}
td.atc-tooltip__name::after {
    content: ":";
}



.rt-label {
    padding: 5px 0 2px;
}

.rt-bigtext {}

.rt-mediumtext {}
.col-table td.rt-warning {
    color: rgb(235, 182, 41);
    background-color: inherit;
}
td.rt-warning {
    background-color: #FAFAA5;
}
div.rt-warning {
    color: rgb(235, 182, 41);
}
.col-table td.rt-alert {
    color: rgb(235, 55, 41);
    background-color: inherit;
}
td.rt-alert {
    background-color: #FFA7A0;
}

@keyframes background-blink-animation-red {
    50% {
        background-color: red;
        color: white;
    }
}
@-webkit-keyframes background-blink-animation-red {
    50% {
        background-color: red;
        color: white;
    }
}

@keyframes background-blink-animation-yellow {
    50% {
        background-color: rgb(235, 182, 41);
        color: white;
    }
}
@-webkit-keyframes background-blink-animation-yellow {
    50% {
        background-color: rgb(235, 182, 41);
        color: white;
    }
}

.rt-table div.text-content-wrapper {
    display: inline-block;
}

td.rt-threshold-indication span.text-content-wrapper {
    font-weight: bold;
}

.rt-threshold-indication.rt-alert .text-content-wrapper {
    animation: background-blink-animation-red 1s step-end infinite;
    -webkit-animation: background-blink-animation-red 1s step-end infinite;
}

.rt-threshold-indication.rt-warning .text-content-wrapper {
    animation: background-blink-animation-yellow 1s step-end infinite;
    -webkit-animation: background-blink-animation-yellow 1s step-end infinite;
}

div.rt-alert {
    color: rgb(235, 55, 41);
}

table.rt-table {
    border-collapse: collapse;
    text-align: center;
    width: 100%;
}

thead.rt-header, div.rt-header {
    background-color: lightGreen;
    font-weight: bold;
}

table.rt-table th {
    padding: 5px;
    border: 1px solid lightgray;
}

table.rt-table td {
    border: solid 1px lightgray;
    padding: 5px;
}

table.rt-table-nowrap td {
    white-space: nowrap;
}

table.rt-table td.time-scale {
    text-align: right;
    padding-left: 10px;
    padding-right: 10px;
    white-space: nowrap;
}

table.rt-table.rt-board-style {
    table-layout: fixed;
}

table.rt-table.rt-board-style td {
    border-left: solid 1px lightgray;
    border-right: solid 1px lightgray;
    border-bottom: none;
    border-top: none;
    padding: 0 5px;
}


table.rt-table.rt-board-style td:first-child {
    border-left: none;
    border-bottom: none;
    border-top: none;
    padding-left: 0;
}
table.rt-table.rt-board-style td:last-child {
    border-right: none;
    border-bottom: none;
    border-top: none;
    padding-right: 0;
}

table.rt-table.rt-board-style * {
    white-space: nowrap;
    overflow: hidden;
}

table.rt-table.rt-col-grp-style table.col-table {
    width: auto;
    margin: auto;
}

table.rt-table.rt-col-grp-style table.col-table td {
    border: none;
    padding: 5px 10px;
}


table.rt-table.rt-col-grp-style td {
    vertical-align: top;
    padding: 0;
}

a.obviousLink {
    text-decoration: underline;
}

/************************************************************/
/*** CUSTOM JQ-AUTOCOMPLETE STYLES FOR ECC COMMAND DIALOG ***/
/************************************************************/

.ui-autocomplete.custom-css {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    max-height: 150px;
    overflow-y: auto;
    overflow-x: hidden;
}
.ui-autocomplete.custom-css .ui-corner-all {
    border-radius: 0;
}
.ui-autocomplete.custom-css .ui-menu-item a {
    background-color: white;
    border: 1px solid white;
}
.ui-autocomplete.custom-css a.ui-state-focus,
.ui-autocomplete.custom-css a.ui-state-focus:hover,
.ui-autocomplete.custom-css a.ui-state-focus:link,
.ui-autocomplete.custom-css a.ui-state-focus:visited {
    margin: 0 !important;
    border: 1px solid #003eff;
    background: #007fff;
    font-weight: normal;
    color: #ffffff;
}

/**************************/
/*** ECC COMMAND DIALOG ***/
/**************************/

/*** COLOR PALETTE ***/
/*
    fonts
    ---
    * darkest       - #333
    * gray          - #808080 (gray)
    * lighter gray  - #bbb
    * white         - #fff (white)
    * error         - #f00 (red)

    borders
    ---
    * lighter gray          - #ddd
    * light gray            - #ccc
    * dark gray             - #a4a4a4
    * darker gray           - #848484
    * darkest gray          - #333
    * 'outline' blue        - #1e90ff (dodgerblue)
    * light 'warning' yellow- #ececec
    * dark BM blue          - #191970 (midnightblue)
    * dark primary btn blue - #2e6da4

    backgrounds
    ---
    * white                 - #fff (white)
    * light gray            - #f5f5f5 (whitesmoke)
    * medium gray           - #eee
    * 'selection' blue      - #8FCBF9
    * light 'positive' green- #effff1
    * 'positive' green      - #90ee90
    * 'negative' red        - #ee9090
    * 'warning' yellow      - #fff59c
    * BM blue               - #2f2f8c
    * dark BM blue          - #191970 (midnightblue)
    * BM orange             - #f16725
    * primary btn blue      - #337ab7

    labels / icons
    ---
    * release bullet        - #ff3030
    * release label         - #848fef
    * idle bullet           - #009900 (green)
    * idle label            - #7d4500
    * logged out bullet     - #ccc
    * logged out label      - #e0e0e0
    * logged in label       - #c7e4f8
    * other label (ACD/etc) - #ffdd96

    (share link dialog specific)

    backgrounds
    ---
    * 'ok' green    - #d8ff9c (exactly complimentary to 'warning' yellow)
    * medium gray   - #e0e0e0 (slightly darker than #eee)

    borders
    ---
    * darker 'ok' green - #b1ff3a
*/

/*** RESETS/NORMALIZATIONS ***/
#ccgs div,
#ccgs p,
#ccgs span,
#ccgs img,
#ccgs a,
#ccgs button,
#ccgs input,
#ccgs ul,
#ccgs li,
#ccgs small,
#ccgs h3,
#ccgs h5 {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
#ccgs ul {
    list-style: none;
}
#ccgs input,
#ccgs button {
    color: inherit;
    outline: none;
    border: none;
    background-color: inherit;
    border-radius: 0;
}
/* IE/Edge has a built in clear "X" input button, we don't want that */
#ccgs input::-ms-clear {
    display: none;
}

/*** STYLES ***/
#ccgs {
    height: 99%;
    width: 100%;
    color: #333;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1;
    background-color: white;
}

#ccgs input[type="text"]::-webkit-input-placeholder { /* Chrome */
    color: #bbb;
}

#ccgs input[type="text"]:-ms-input-placeholder { /* IE 10+ */
    color: #bbb;
}

#ccgs input[type="text"]::-moz-placeholder { /* Firefox 19+ */
    color: #bbb;
    opacity: 1;
}

#ccgs input[type="text"]:-moz-placeholder { /* Firefox 4 - 18 */
    color: #bbb;
    opacity: 1;
}
#ccgs .styleless-link,
#ccgs .styleless-link:hover,
#ccgs .styleless-link:active,
#ccgs .styleless-link:visited {
    text-decoration: none;
    color: inherit;
    outline: none;
}
#ccgs div.ccgs-inner-wrp {
    position: relative;
    height: 100%;
    width: 100%;
    border: 1px solid #ccc;
    overflow: auto;
}
#ccgs div.info-message-wrp {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    height: 1px;
    width: 100%;
    text-align: center;
    line-height: 24px;
    z-index: 1;
}
#ccgs div.info-message-wrp.visible {
    display: block;
}
#ccgs p.info-message {
    display: inline-block;
    padding: 0 5px;
    border: 1px solid #ececec;
    background-color: #fff59c;
}
#ccgs div.info-message-wrp.with-spinner p.info-message {
    padding-left: 30px;
    background-image: url(images/wait30trans.gif); /*TODO: Find a better loading spinner gif*/
    background-size: 24px;
    background-position-x: left;
    background-position-y: top;
    background-repeat: no-repeat;
}

#ccgs .side-bar-icon {
    width: 33px;
    height: 33px;
    border: 1px solid #2f2f8c;
    cursor: pointer;
}
#ccgs .side-bar-icon:hover {
    border-color: midnightblue;
}
#ccgs .side-bar-icon.active {
    background-color: midnightblue;
    border-color: midnightblue;
}
#ccgs .side-bar-icon.theme2 {
    background-color: #f16725;
    border-color: #f16725;
}
#ccgs .img-valign-helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
#ccgs .side-bar-icon img {
    vertical-align: middle;
}
#ccgs div.side-bar {
    display: inline-block;
    height: 100%;
    width: 34px;
    background-color: #2f2f8c;
    border-right: 1px solid midnightblue;
}
#ccgs div.entity-list-wrp {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 35px;
    width: 172px;
    height: 100%;
    border-right: 1px solid #a4a4a4;
}
#ccgs div.entity-list-wrp.hidden {
    display: none;
}

#ccgs .seamless-sel {
    height: 20px;
    line-height: 20px;
    background: inherit;
    box-sizing: content-box;
    border: 1px solid #a4a4a4;
    border-radius: 2px;
    font-size: 0.875em;
    font-family: inherit;
}

#ccgs .branding-bar {
    height: 36px;
    background-color: #f16725;
}
#ccgs .branding-bar a.styleless-link {
    font-size: 1.2em;
    line-height: 36px;
    color: white;
}
#ccgs div.entity-search-wrp {
    border: 1px solid #ccc;
    border-right: none;
}
#ccgs .search-wrp {
    position: relative;
    border-bottom: 1px solid #ccc;
}
#ccgs .search-reset {
    display: inline-block;
    position: absolute;
    right: 1px;
    top: 1px;
    line-height: 19px;
    margin: 2px 2px 2px 0;
    padding: 0 5px;
    background-color: white;
    cursor: pointer;
    color: grey;
}
#ccgs .search-reset:hover {
    color: #333;
}
#ccgs .search-reset.hidden {
    display: none;
}
#ccgs .search {
    line-height: 25px;
    height: 25px;
    padding: 0 5px;
}
#ccgs .search:focus {
    outline: 2px solid #8FCBF9;
}
#ccgs .search-focus {
    position: absolute;
    right: 2px;
    top: 4px;
    cursor: pointer;
}
#ccgs .search-focus.hidden {
    display: none;
}
#ccgs input.entity-search {
    width: 161px;
}
#ccgs input.tile-search {
    width: 100%;
    box-sizing: border-box; /* So our padding doesnt overflow-x our wrapper */
}
#ccgs ul.entity-list {
    position: absolute;
    top: 27px;
    bottom: 0;
    width: 171px;
    padding-top: 5px;
    border-left: 1px solid #ccc;
    overflow-y: auto;
    overflow-x: hidden;
}
#ccgs .entity-list-item {
    width: 162px;
    padding: 0 5px;
    height: 1.5em;
    line-height: 1.5em;
    white-space: nowrap;
    cursor: pointer;
    overflow: hidden;
}

@media (max-width: 675px) {
    #ccgs .entity-list-item {
        height: 2em;
        line-height: 2em;
        font-size: 1.1em;
    }
}

#ccgs .entity-list-item-description.italicized {
    font-style: italic;
}
#ccgs .entity-list-item:hover {
    background-color: #f5f5f5;
}
#ccgs .entity-list-item.selected,
#ccgs .entity-list-item.selected:hover {
    background-color: #8FCBF9;
}
#ccgs .entity-list-item-description {
    display: inline-block;
    height: 100%;
    width: 160px;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left;
}
#ccgs .entity-list-item-description svg {
    vertical-align: middle;
}
#ccgs .entity-list-item-description span {
    height: 100%;
    vertical-align: middle;
}
#ccgs .entity-list-item-description small {
    height: 100%;
    font-size: 0.8em;
    vertical-align: middle;
}

#ccgs div.entity-context-wrp {
    position: absolute;
    display: inline-block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 208px;
    min-width: 292px;
    overflow: hidden;
}
#ccgs div.entity-context-wrp.exp-mode {
    left: 35px;
}
#ccgs div.entity-status-info-wrp {
    border-bottom: 1px solid #ccc;
    background-color: #f5f5f5;
    overflow: hidden;
}
#ccgs div.entity-status-info {
    height: 36px;
    margin: 10px 0 5px 5px;
    overflow: hidden;
    /*white-space: nowrap;*/
    /*text-overflow: ellipsis;*/
}

@media (min-width: 1100px) {
    #ccgs div.entity-status-info.dynamic-overflow {
        overflow: visible;
    }
}

#ccgs img.large-entity-icon {
    vertical-align: middle;
}
#ccgs span.entity-name {
    font-weight: bold;
    padding-right: 6px;
    vertical-align: middle;
}
#ccgs .entity-status-label {
    display: inline-block;
    font-size: 0.875em;
    font-weight: bold;
    line-height: 1.55em;
    height: 1.55em;
    padding: 0 4px;
    margin: 2px 0;
    background-color: #ffdd96;
    border-radius: 4px;
    vertical-align: middle;
}

#ccgs .entity-status-label.status-logged-in {
    background-color: #c7e4f8;
}

#ccgs .entity-status-label.status-logged-out {
    background-color: #e0e0e0;
}

#ccgs .entity-status-label.status-idle {
    background-color: #7d4500;
    color: white;
}

#ccgs .entity-status-label.status-release {
    background-color: #848fef;
    color: white;
}

#ccgs .entity-status-text {
    display: inline-block;
    font-size: 0.875em;
    font-weight: bold;
    padding-right: 6px;
    vertical-align: middle;
}
#ccgs .entity-status-text span {
    vertical-align: baseline;
}

#ccgs .entity-status-text span.error-txt {
    color: #f00;
}

#ccgs .small-btn.entity-status-mini-label-wrp {
    vertical-align: middle;
    padding-left: 0;
    padding-right: 0;
    border-radius: 3px;
}

#ccgs .entity-status-mini-label {
    display: inline-block;
    float: left;
    background-color: #ffdd96;
    padding: 1px 4px;
}

#ccgs .entity-status-mini-label.status-logged-in {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    background-color: #c7e4f8;
}

#ccgs .entity-status-mini-label.status-logged-out {
    background-color: #e0e0e0;
}

#ccgs .entity-status-mini-label.status-idle {
    background-color: #7d4500;
    color: white;
}

#ccgs .entity-status-mini-label.status-release {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    background-color: #848fef;
    color: white;
}

#ccgs div.entity-status-details-wrp {
    margin: 0 5px;
}

#ccgs a.branding-link {
    display: none;
    /*cursor: pointer;*/
    float: right;
}
@media (min-width: 1100px) {
    #ccgs a.branding-link {
        display: inline-block;
        height: 36px;
        width: 226px;
        padding-right: 35px;
    }
}

#ccgs img.company-img {
    vertical-align: middle;
}
#ccgs div.entity-actions {
    margin: 5px;
}

#ccgs .extension-field {
    width: 50px;
    font-size: 12px;
    font-weight: normal;
    line-height: 14px;
    border-bottom: 1px solid #808080;
}
#ccgs .tile-extension-field-wrp .extension-field {
    color: grey;
}

#ccgs .btn-grp-wrp {
    display: inline-block;
    margin-top: 4px;
}

#ccgs .btn-grp {
    display: inline-block;
    white-space: nowrap;
}
#ccgs .small-btn {
    font-size: 0.875em;
    margin: 0;
    padding: 0 0.35em;
    line-height: 20px;
    border-radius: 2px;
    border: 1px solid #a4a4a4;
    background-color: inherit;
    cursor: pointer;
}
#ccgs .small-btn:hover {
    background-color: #eee;
    border-color: #848484;
}
#ccgs .small-btn.primary-btn {
    background-color: #337ab7;
    border-color: #2e6da4;
    color: white;
}
#ccgs .small-btn.primary-btn[disabled],
#ccgs .small-btn.primary-btn[disabled]:hover {
    background-color: gray;
    border-color: gray;
    color: #ccc;
    cursor: default;
}
#ccgs .small-btn.primary-btn:hover {
    background-color: #286090;
    border-color: #204d74;
    color: white;
}
#ccgs .small-btn-divider {
    color: #ccc;
}
#ccgs .small-btn-divider::after {
    content: " | ";
}
#ccgs select.release-code-sel {

}
#ccgs div.tiles-wrp {

}
#ccgs ul.tiles {
    padding-right: 5px;
    overflow: auto;
}
#ccgs ul.tiles .legend-style-header-wrp {
    height: 6px;
    margin: 10px 0 10px 5px;
    border-bottom: 1px solid #ccc;
    text-align: center;
}
#ccgs .legend-style-header {
    display: inline-block;
    padding: 0 3px;
    background-color: white;
    font-size: 12px;
    font-weight: 400;
    color: #808080;
    vertical-align: top;
}
#ccgs .clearer {
    clear: left;
    height: 0;
}
#ccgs .tile-wrp {
    display: inline-block;
    float: left;
    padding: 5px 0 0 5px;
    width: 150px;
}
#ccgs .tile {
    position: relative;
    height: 49px;
    cursor: pointer;
    padding: 2.5px;
    border: 2px solid #ccc;
}
#ccgs .tile:hover {
    border: 2px solid dodgerblue;
}

#ccgs .tile.tile-style-1.selected {
    background-color: #ee9090;
    border: 2px solid dodgerblue;
}
#ccgs .tile.tile-style-3.selected,
#ccgs .tile.tile-style-2.selected {
    background-color: #90ee90;
    border: 2px solid dodgerblue;
}
#ccgs .tile-style-1 {
    background-color: #effff1;
}
#ccgs .tile-style-3 {
    background-color: #eee;
    color: gray;
}
#ccgs .tile-name {
    font-weight: bold;
    font-size: 1em;
    margin: 0;
    padding: 2px 3px 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#ccgs .tile-info {
    padding: 5px;
    text-align:center;
}
#ccgs .tile-info-detail {
    display: inline-block;
    white-space: nowrap;
}
#ccgs .tile-info-detail img {
    vertical-align: middle;
}
#ccgs .tile-info-detail small {
    display: inline-block;
    font-size: 12px;
    height: 18px;
    line-height: 18px;
    white-space: nowrap;
    max-width: 110px;
    overflow-x: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
}
#ccgs .list-scroll-helper {
    height: 30px;
}
#ccgs div.selected-tiles-actions-wrp {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 30px;
    width: 100%;
    border-top: 1px solid #ccc;
    background-color: whitesmoke;
}
@keyframes spring-animation {
    from {
        height: 0;
        opacity: 0;
    }
    to {
        height: 30px;
        opacity: 1;
    }
}
#ccgs div.selected-tiles-actions-wrp.spring-animation {
    animation: spring-animation .9s;
    animation-fill-mode: both;
}

#ccgs div.selected-tiles-info-wrp {
    display: inline-block;
    padding: 0 5px;
    height: 100%;
}
#ccgs p.selected-tiles-info {
    line-height: 30px;
}
#ccgs div.selected-tiles-actions {
    display: inline-block;
    float:right;
    margin: 4px;
}
#ccgs {}
#ccgs {}
#ccgs {}
#ccgs {}
#ccgs {}
#ccgs {}
#ccgs {}
#ccgs {}
#ccgs {}
#ccgs {}

/*************************************/
/*** ECC COMMAND SHARE LINK DIALOG ***/
/*************************************/

/*** RESETS/NORMALIZATIONS ***/
#ccgs-share-link-dialog div,
#ccgs-share-link-dialog fieldset,
#ccgs-share-link-dialog span,
#ccgs-share-link-dialog label,
#ccgs-share-link-dialog input[type="text"],
#ccgs-share-link-dialog button {
    margin: 0;
    padding: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    border: none;
}
#ccgs-share-link-dialog input[type="text"],
#ccgs-share-link-dialog button {
    outline: none;
    border: none;
    background-color: inherit;
    border-radius: 0;
}

#ccgs-share-link-dialog input[type="text"]::-webkit-input-placeholder { /* Chrome */
    color: #bbb;
}

#ccgs-share-link-dialog input[type="text"]:-ms-input-placeholder { /* IE 10+ */
    color: #bbb;
}

#ccgs-share-link-dialog input[type="text"]::-moz-placeholder { /* Firefox 19+ */
    color: #bbb;
    opacity: 1;
}

#ccgs-share-link-dialog input[type="text"]:-moz-placeholder { /* Firefox 4 - 18 */
    color: #bbb;
    opacity: 1;
}

/*** STYLES ***/
#ccgs-share-link-dialog {
    position: relative;
    width: 100%;
    font-family: Arial, Helvetica, sans-serif;
    color: #333;
    line-height: 1;
}

@media (min-width: 400px) {
    #ccgs-share-link-dialog {
        width: 350px;
    }
}
#ccgs-share-link-dialog .info-message-wrp.hidden {
    display: none;
}
#ccgs-share-link-dialog .info-message-wrp {
    text-align: center;
    padding: 5px;
    border: 1px solid #ccc;
}
#ccgs-share-link-dialog .info-message-wrp.info {
    background-color: #d8ff9c;
    border-color: #b1ff3a;
}
#ccgs-share-link-dialog .info-message-wrp.error {
    background-color: #fff59c;
    border-color: #ffeb3a;
}
#ccgs-share-link-dialog .info-message {}
#ccgs-share-link-dialog .dialog-body-wrp {}

#ccgs-share-link-dialog fieldset {
    margin: 20px 0;
}

#ccgs-share-link-dialog fieldset:last-child {
    margin-bottom: 5px;
}

#ccgs-share-link-dialog label > span {
    display: inline-block;
    line-height: 1.1em;
    padding: 0 0 6px;
}

#ccgs-share-link-dialog .input-btn-txt-combo-wrp .combo-txt,
#ccgs-share-link-dialog .input-btn-txt-combo-wrp .combo-btn {
    float: left;
    line-height: 23px;
    height: 23px;
    box-sizing: content-box;
}

#ccgs-share-link-dialog .input-btn-txt-combo-wrp .combo-txt {
    width: calc(100% - (50px + 2px + 5px));
    min-width: 175px;
    padding-left: 5px;
    border: 1px solid #ccc;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    background-color: white;
}
#ccgs-share-link-dialog .input-btn-txt-combo-wrp .combo-txt:focus {
    outline: 2px solid #8FCBF9;
}

#ccgs-share-link-dialog .input-btn-txt-combo-wrp .combo-btn {
    width: 49px;
    border: 1px solid #ccc;
    border-left: none;
    background-color: #eee;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    cursor: pointer;
}

#ccgs-share-link-dialog .combo-btn:hover,
#ccgs-share-link-dialog .combo-btn:active {
    background-color: #e0e0e0;
}


.logs-vm-container div.top-controls-area-wrp {
    padding-bottom: 25px;
}

.logs-vm-container fieldset.filter-area {
    display: inline-block;
    margin-bottom: 25px;
}

.logs-vm-container .datepicker-txt {
    width: 100px;
}

.logs-vm-container .hidden {
    display: none !important;
}



.data-customization-page .selector-view fieldset {
    border: none;
    padding: 0;
    margin: 10px;
}
.data-customization-page .info-message-container {
    height: 2em;
}
.data-customization-page .selector-view .ccf-list-container {
    border: 1px solid #ccc;
    width: 650px;
    padding: 15px;
}
.data-customization-page .selector-view .ccf-add-btn-container {
    height: 2em;
}
.data-customization-page .selector-view .cdd-list-container {
    border: 1px solid #ccc;
    width: 650px;
    padding: 15px;
}

.data-customization-page .selector-view .cdd-add-btn-container {
    height: 2em;
}
.data-customization-page .editor-view fieldset {
    border: none;
    padding: 0;
    margin: 10px;
}
.data-customization-page .editor-view label {
    display: inline-block;
}
.data-customization-page .editor-view .ccf-name {
    padding: 5px;
    margin: 0;
    height: 1em;
}
.data-customization-page .editor-view .ccf-value {max-width: 700px;}
.data-customization-page .editor-view .ccf-hide {
    display: none;
}
.data-customization-page .editor-view .ccf-op {
    padding: 0 5px;
}
.data-customization-page .editor-view .ccf-txt {
    width: 100%;
}
.data-customization-page .editor-view textarea.ccf-txt {
    resize: none;
    font: inherit;
    height: 3.5em;
}
.data-customization-page .editor-view .cdd-name {
    padding: 5px;
    margin: 0;
    height: 1em;
}

.data-customization-page .editor-view .cdd-value {
    max-width: 700px;
}

.data-customization-page .editor-view .cdd-hide {
    display: none;
}

.data-customization-page .editor-view .cdd-op {
    padding: 0 5px;
}

.data-customization-page .editor-view .cdd-txt {
    width: 100%;
}

.data-customization-page .editor-view textarea.cdd-txt {
    resize: none;
    font: inherit;
    height: 3.5em;
}
.data-customization-page .editor-view .calculation-expression-area {
	min-height: 3em;
	width: 825px;
	height: 125px;
	padding: 5px;
	background-color: white;
	border: 1px solid #ccc;
}
.data-customization-page .editor-view .info-message {
    padding: 5px;
    margin: 0;
    height: 1em;
}
.data-customization-page .editor-view .calculation-expression-area > p {
	display: inline-block;
}
.data-customization-page .editor-view .field-selection {
	border: 1px solid #ccc;
	overflow-y: scroll;
	overflow-x: hidden;
	height: 150px;
	list-style: none;
	margin: 0;
	padding: 0 10px;
}
.data-customization-page .editor-view .field-selection > li {
	line-height: 1.3em;
}
.data-customization-page .editor-view .field-selection span:first-child {
	cursor: pointer;
}
.data-customization-page .editor-view .field-selection span:first-child:active {
	color: cornflowerblue;
}
.data-customization-page .editor-view .widget {
	display: inline-block;
	position: relative;
	border: 1px solid #ccc;
	border-radius: 4px;
	padding: 2px;
	margin: 0 2px;
	background-color: #f2f3f4;
}
.data-customization-page .editor-view .widget .widget-focus-guard {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 40px;
    bottom: 0;
    left: 0;
    background-color: transparent;
}
.data-customization-page .editor-view .widget .widget-name {
    display: inline-block;
    margin-right: 40px;
}
.data-customization-page .editor-view .widget .widget-icons {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 36px;
    padding: 2px 4px 2px 0;
    text-align: right;
}
.data-customization-page .editor-view .widget .close-icon {
	display: inline-block;
	width: 1em;
	text-align: center;
	font-size: 0.8em;
	line-height: 1.3em;
	height: 1.3em;
	font-weight: 700;
	color: white;
	background-color: salmon;
	border-radius: 2px;
	cursor: pointer;
}
.data-customization-page .editor-view .widget .filter-icon {
	display: inline-block;
	cursor: pointer;
}
ul.dimension-list {
    list-style:none;
}
ul.dimension-list li.dimension-list-item {
    margin-bottom: 5px;
}
ul.dimension-list li.dimension-list-item img {
    cursor:pointer;
}
.expression-fieldset {
    margin: 10px;
}
.data-customization-page .ccf-btn-grp {
    margin: 20px 10px;
}
#ccf-usage-info p {
    color: red;
}
#ccf-usage-info table {
  font-family: inherit;
  font-size: 12px;
  border-collapse: collapse;
  max-height: 500px;
  /* height: 500px; */
  /* min-height: auto; */
  overflow-y: scroll;
}
#ccf-usage-info table td {
  text-align: center;
}
#ccf-usage-info table th {
    border-bottom: 1px solid #ccc;
}
#ccf-usage-info table td, #ccf-usage-info table th {
  padding: 0.3em;
  white-space: nowrap;
}
#ccf-usage-info table .separator th {
  padding-top: 1.3em;
}
#cdd-usage-info p {
    color: red;
}

#cdd-usage-info table {
    font-family: inherit;
    font-size: 12px;
    border-collapse: collapse;
    max-height: 500px;
    /* height: 500px; */
    /* min-height: auto; */
    overflow-y: scroll;
}

    #cdd-usage-info table td {
        text-align: center;
    }

    #cdd-usage-info table th {
        border-bottom: 1px solid #ccc;
    }

    #cdd-usage-info table td, #cdd-usage-info table th {
        padding: 0.3em;
        white-space: nowrap;
    }

    #cdd-usage-info table .separator th {
        padding-top: 1.3em;
    }

.cct {
    font-size: 16px;
    font-weight: 400;
}
.cct fieldset {
    border: none;
}
.cct input[type="text"] {
    font-size: inherit;
    line-height: 1.2em;
    padding-left: 5px;
    padding-right: 5px;
    margin-left: -5px;
    width: 100%;
}
.cct__error-text, .cct span.errormessage {
    display: none;
    font-size: 14px;
}

div.template-customer-access__search-container {
    padding: 10px 0;
}
table.template-customer-access__access-table {
    display: block;
    max-height: 750px;
    max-width: 750px;
    overflow: auto;
    border: 1px solid #ccc;
}
div.template-customer-access__buttonset {
    padding-top: 15px;
}

select.report-group-change__rg-sel,
input.report-group-change__rg-new-txt {
    width: 265px;
}

#cta ul {
    list-style: none;
}
#cta li {
    white-space: nowrap;
}
#cta .outermost, #cta .outer {
    padding: 0;
}









/*#pagecontent.partner-templates-page #content {
  position: absolute;
  top: 10px;
  right: 10px;
  left: 10px;
  bottom: 10px;
}

#pagecontent.partner-templates-page {
    height: 1300px;
}
#pagecontent.partner-templates-page #side-panel {
  position: absolute;
  top: 52px;
  left: 0;
  width: 200px;
  border: 1px solid #ccc;
}
#pagecontent.partner-templates-page #side-panel h4 {
  margin: 5px;
}
#pagecontent.partner-templates-page #side-panel ul {
  margin: 5px 0;
  padding: 0;
  list-style: none;
}
#pagecontent.partner-templates-page #side-panel ul li {
  padding: 1px 5px;
}
#pagecontent.partner-templates-page #side-panel .templates li {
  cursor: pointer;
}

#pagecontent.partner-templates-page #inner-content {
  position: absolute;
  top: 0;
  left: 202px;
  right: 0;
  height: 50px;
}
#pagecontent.partner-templates-page #inner-content #tabs-wrapper {
  height: 100%;
}
#pagecontent.partner-templates-page #inner-content #tabs-wrapper ul {
  margin: 0;
  padding: 0;
  list-style: none;
  height: 100%;
}
#pagecontent.partner-templates-page #inner-content #tabs-wrapper ul li {
  display: inline-block;
  height: 100%;
  min-width: 100px;
  line-height: 50px;
  border: 1px solid grey;
}
#pagecontent.partner-templates-page #inner-content #tabs-wrapper ul li label {
  display: inline-block;
  cursor: pointer;
  text-align: center;
  width: 100%;
}
#pagecontent.partner-templates-page #inner-content #tabs-wrapper ul li input {
  visibility: hidden;
}
#pagecontent.partner-templates-page #inner-content #editor p,
#pagecontent.partner-templates-page #inner-content #editor h3 {
  margin: 10px;
}
#pagecontent.partner-templates-page #editor-area {
    height: 850px;
}
#pagecontent.partner-templates-page #editor-area .col {
    display: inline-block;
    width: 400px;
    float: left;
}
#pagecontent.partner-templates-page #editor-area .dnd-container {
    border: 1px dotted #ccc;
    margin: 10px;
}
#pagecontent.partner-templates-page #editor-area .dnd-container h4 {
    margin: 0.2em;
    padding: 0;
    text-align: center;
}
#pagecontent.partner-templates-page #editor-area .dnd-container ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
#pagecontent.partner-templates-page #editor-area .dnd-container li {
    padding: 5px;
    margin: 0;
    background-color: lavender;
    border: 1px solid #ccc;
}
#pagecontent.partner-templates-page #editor-area .dnd-container li .filter-icon {
    cursor: pointer;
    float: right;
}*/
#pagecontent.ptpage {
    padding: 10px;
}
.ptpage .info-message-container,
#dtabs .info-message-container {
    height: 2em;
}
#page-header {
    padding: 0 10px 10px;
}
#page-header h1 {
    margin: 0;
}
.area {
    position: relative;
    vertical-align: top;
}
.ptpage #tabs-area {
    margin: 5px;
}
.ptpage .tab-runner {
    background-color:#cde ;
    height: 4px;
    border-bottom: 1px solid #bbb;
    border-right: 1px solid #bbb;
    border-left: 1px solid #bbb;
}
.ptpage .dsg-tab {
    display: inline-block;
    padding: 8px 10px;
    border: 1px solid #ccc;
    cursor: pointer;
    background-color: #abc;
    vertical-align: bottom;
    font-weight: bold;
}
.ptpage .sel-dsg-tab {
    padding-bottom: 14px;
    background-color: #cde;
    border-bottom-color: #cde;
}
.ptpage .dsg-tab a {
    font-size: 10pt;
    color: #444;
}
.ptpage .panel-section {
    margin-bottom: 5px;
    padding: 10px;
    border: 1px solid #444;
    background-color: #def;
}

.ptpage .panel-section.reports-list-section {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 1000px;
}

.ptpage .expandable2 + ul {
    display: none;
}

.ptpage .area-wrp {
    display: table-row;
}

.ptpage #side-area {
    display: table-cell;
    min-width: 300px;
    margin: 5px;
}
.ptpage .value-filter-text {
    width: 50px;
}
.ptpage .tpl-grp-list h3 {
    margin: 5px 0;
    font-size: 1.15em;
    font-weight: normal;
}
.ptpage .tpl-list {
    margin-bottom: 10px;
}
.ptpage .tpl-list > li {
    padding-left: 24px;
    background: transparent url(images/silk/report.png) no-repeat left center;
    cursor: pointer;
    position: relative;
}
.ptpage .tpl-list > li.prt {
    background: transparent url(images/silk/report_user.png) no-repeat left center;
}
.ptpage .tpl-list.create-tpl {
    margin-bottom: 0;
}
.ptpage .tpl-list.create-tpl > li {
    background: transparent url(images/silk/report_add.png) no-repeat left center;
}
.ptpage .tpl-list > li > span {
    display: inline-block;
    margin-right: 22px;
    max-width: 350px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ptpage div.reports-list-section.has-actions .tpl-list > li > span {
    margin-right: 48px;
}
.ptpage .action-icon-container {
    position: absolute;
    top: 0;
    right: 0;
}
.ptpage .schedule-list-item {
    margin-bottom: 1px;
    padding: 8px;
    border: 3px solid #dfdfdf;
}
.ptpage .schedule-list-item:hover {
    background-color: #dfdfdf;
}
.ptpage .schedule-list-item table {
    display: inline-block;
    border-collapse: collapse;
}
.ptpage .schedule-list-item table td {
    max-width: 350px;
    vertical-align: top;
}
.ptpage .schedule-list-item .destinations-txt {
    display: inline-block;
    width: 300px;
    overflow-x: hidden;
    text-overflow: ellipsis;
}
.ptpage .schedule-list-item .schedule-list-item-actions {
    display: inline-block;
    vertical-align: top;
    padding: 0 15px;
}
.ptpage .schedule-list-item .schedule-list-item-action-wrp {
    cursor: pointer;
}
.ptpage .schedule-list-item .create-schedule-entry {
    padding: 15px;
    cursor: pointer;
}
.ptpage #tpl-info-section h3 {
    font-size: 20px;
}
.ptpage input.tpl-grp-name-txt, .ptpage input.tpl-rpt-name-txt {
    font-size: 20px;
}
.ptpage span.tpl-grp-name-txt-wrp {
    display: inline-block;
    height: 26px;
    vertical-align: middle;
}
.ptpage input.tpl-grp-name-txt {
    float: left;
    box-sizing: border-box;
    width: 15em;
    height: 26px;
    line-height: 26px;
    margin: 0;
    padding: 0 0.3em;
    border: 1px solid #ccc;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
.ptpage .auto-cpt-dd {
    float: left;
    display: inline-block;
    box-sizing: border-box;
    height: 26px;
    width: 28px;
    padding: 5px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #ccc;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    cursor: pointer;
}

.ptpage .auto-cpt-dd:hover {
    background-color: #eee;
}
.ptpage input.tpl-rpt-name-txt {
    width: 20em;
    height: 26px;
    line-height: 26px;
    padding: 0 0.3em;
    box-sizing: border-box;
    vertical-align: middle;
    margin: 0;
    border: 1px solid #ccc;
    border-radius: 3px;
}



.edit-schedule-dialog * {
    /* resets */
    margin: 0;
    padding: 0;
    font-family: Arial;
}
.edit-schedule-dialog {

}
.edit-schedule-dialog span.errormessage {
    margin: 5px;
}
.edit-schedule-dialog table {
    border: none;
}
.edit-schedule-dialog table td {
    padding: 2px;
}
.edit-schedule-dialog table td:first-child {
    width: 100px;
}
.edit-schedule-dialog table td:nth-child(2) {
    width: 400px;
}
.edit-schedule-dialog p.example-txt {
    box-sizing: border-box;
    padding: 5px;
    margin: 5px 0;
    background-color: whitesmoke;
    border: 1px solid #ddd;
}
.edit-schedule-dialog select.tz-sel {
    width: 400px;
}
.edit-schedule-dialog textarea {
    box-sizing: border-box;
    padding: 5px;
    width: 100%;
    resize: vertical;
}
.edit-schedule-dialog input.custom-subj-txt {
    box-sizing: border-box;
    width: 100%;
}
.edit-schedule-dialog input[type=text] {
    margin: 5px 0;
    padding-left: 5px;
}

.send-schedule-now-dlg p,
.send-schedule-now-dlg textarea {
    width: 350px;
}
.send-schedule-now-dlg .errormessage {
    margin: 5px 0;
}

.tca-customer-section {
    margin-top: 15px;
}
.tca-customer-list-wrapper {
    margin-top: 5px;
    width: 400px;
    height: 400px;
    overflow: auto;
    border: 1px solid gray;
}
.ptpage .tca-customer-list-wrapper {
    height: 700px;
}
.tca-customer-list-wrapper ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.ptpage .tca-buttonset{
    margin-top: 15px;
}
.ptpage #main-area {
    display: table-cell;
    padding-left: 25px;
    margin-left: 10px;
}
.ptpage .param-date-picker {
    width: 115px;
}
.ptpage .param-lxd {
    width: 35px;
}
.ptpage #aso-section {
    margin-bottom: 10px;
}
.ptpage .aso-expander {
    display: inline-block;
    margin-bottom: 5px;
}
.ptpage .aso-table {
    width: 100%;
}
.ptpage #editor-section {
    vertical-align: top;
    margin-bottom: 10px;
}
.ptpage .dnd-col {
    vertical-align: top;
    margin-right: 6px;
    display: inline-block;
    width: 275px;
}
.ptpage .dnd-fld-list-section {
    border: 2px solid #aaa;
    margin: 6px 0;
    padding: 8px;
}
.ptpage .dnd-fld-list-wrapper {
    border: 2px solid transparent;
}
.ptpage .add-destination {
    border: 2px solid #ade7ad !important;
}
.ptpage .add-destination h4 {
    background-color: #ade7ad !important;
}
.ptpage .remove-destination {
    border: 2px solid  #F6E484 !important;
}
.ptpage .remove-destination h4 {
    background-color: #F6E484 !important;
}
.ptpage .dnd-fld-list-section h4 {
    font-weight: normal;
    margin: 0;
    text-align: center;
    line-height: 1.3em;
}
.ptpage .ko-sort {
    min-height: 20px;
}
.ptpage .dnd-fld-list-section li {
    padding: 1px;
    background-color: #ddf;
    margin: 3px 0;
}
.ptpage .dnd-fld-list-section li.movable {
    cursor: move;
}
.ptpage .dnd-fld-list-section li.movable:hover {
    background-color: #ccf;
}
.ptpage .dnd-fld-list-section li.grouping {
    background-color: inherit;
    padding-top: 0;
    padding-bottom: 0;
}
.ptpage .dnd-fld-list-section li.ccf, .ptpage .dnd-fld-list-section li.ccf:hover {
    background-color: peachpuff;
}
.ptpage .dnd-fld-list-section li.pccf, .ptpage .dnd-fld-list-section li.pccf:hover {
    background-color: gainsboro;
}
.ptpage .dnd-fld-list-section li img, .ptpage .dnd-fld-list-section li label {
    cursor: pointer;
}
.ptpage .dnd-fld-list-section li img.filter-icon {
    float: right;
}
.ptpage #buttonset-section {
    margin-bottom: 10px;
}
.ptpage ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.ptpage li {
    margin: 0;
    padding: 0;
}
.ptpage img {
    cursor: pointer;
}
.ptpage .invisible {
    visibility: hidden;
    width: 0;
    height: 0;
    position: absolute;
    margin-top: -99px;
}
.ptpage .breadcrumb,
#dtabs .breadcrumb {
    font-family: monospace;
    color: gray;
    padding: 0 3px;
}
.ptpage .tooltip {
    margin-left: 10px;
}
#email-report-dialog ul {
    list-style: none;
    padding-left: 0;
}
#email-report-dialog input[type=text],
#change-report-name-dialog input[type=text],
#change-report-group-name-dialog input[type=text] {
    width: 300px;
}
#save-report-dialog fieldset,
#email-report-dialog fieldset,
#change-report-name-dialog fieldset,
#change-report-group-name-dialog fieldset {
    border: none;
}

#save-report-dialog span.grp-name-txt-wrp {
    display: inline-block;
    height: 20px;
    vertical-align: middle;
}

#save-report-dialog input.grp-name-txt {
    float: left;
    box-sizing: border-box;
    width: 15em;
    height: 20px;
    line-height: 20px;
    margin: 0;
    padding: 0 0.3em;
    border: 1px solid #ccc;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

#save-report-dialog .auto-cpt-dd {
    float: left;
    display: inline-block;
    box-sizing: border-box;
    height: 20px;
    width: 22px;
    padding: 2px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #ccc;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    cursor: pointer;
}
#save-report-dialog .auto-cpt-dd:hover {
    background-color: #eee;
}
#save-report-dialog input.rpt-name-txt {
    width: 20em;
    height: 20px;
    line-height: 20px;
    padding: 0 0.3em;
    box-sizing: border-box;
    vertical-align: middle;
    margin: 0;
    border: 1px solid #ccc;
    border-radius: 3px;
}
#create-tpl-dialog ul {
    list-style:none;
    padding: 0;
}
#create-tpl-dialog ul ul {
    padding-left: 5px;
}

.pdtpage {}
.pdtpage .get-started {
    height: 100px;
    line-height: 100px;
}
.pdtpage .get-started_info {
    text-align: center;
}

.template-filter-prompt { }
.template-filter-prompt fieldset {
    padding: 0;
    margin: 5px 0;
    border: none;
}
.template-filter-prompt input[type="text"] {
    width: 310px;
}


.sidebar-sub-menu {
    display: none;
    background-color: #f2f3f4;
    border-radius: 4px;
    -webkit-box-shadow: 10px -1px 41px 0px rgba(0,0,0,0.14);
    -moz-box-shadow: 10px -1px 41px 0px rgba(0,0,0,0.14);
    box-shadow: 10px -1px 41px 0px rgba(0,0,0,0.14);
    z-index: 5;
}
.sidebar-sub-menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.sidebar-sub-menu ul li {
    border: 1px solid #eaeaea;
}
.sidebar-sub-menu ul li:hover {
    background-color: #e4e9ec;
}
.sidebar-sub-menu ul li:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.sidebar-sub-menu ul li:last-child {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
.sidebar-sub-menu ul li a {
    display: block;
    padding: 0 0.6em;
    color: #555;
    font-weight: bold;
    font-size: 16px;
    height: 35px;
    line-height: 35px;
}


span.breadcrumb-separator {
    font-family: monospace;
    font-size: 1.2em;
}

#tab-link-mgmt-dialog table {
    width: 860px;
}

#tab-link-mgmt-dialog td,
#tab-link-filter-mgmt-dialog td {
    text-align: center;
}

#tab-link-mgmt-dialog td input.link-txt {
    width: 225px;
}

#tab-link-mgmt-dialog td input.description-txt,
#tab-link-filter-mgmt-dialog td input.description-txt {
    width: 350px;
}

#tab-link-filter-mgmt-dialog td input.filter-txt,
#tab-link-filter-mgmt-dialog td input.filter-txt.error:focus {
    border: 1px solid #bbb;
}

#tab-link-filter-mgmt-dialog td input.filter-txt.error {
    border: 1px solid #ea6c59;
}

#tab-link-mgmt-dialog a {
    text-decoration: underline;
}

#tab-link-filter-mgmt-dialog td {
    text-align: left;
}

#tab-link-mgmt-dialog .bottom-controls,
#tab-link-filter-mgmt-dialog .bottom-controls {
    margin-top: 15px;
}