/****************************************************************************
*             GRID NET, INC. CONFIDENTIAL
*
* The source code contained or described herein and all documents related
* to the source code ("Material") are owned by Grid Net, Inc. or its
* suppliers or licensors. Title to the Material remains with Grid Net or its
* suppliers and licensors. The Material contains trade secrets and proprietary
* and confidential information of Grid Net or its suppliers and licensors. The
* Material is protected by worldwide copyright and trade secret laws and treaty
* provisions. No part of the Material may be used, copied, reproduced, modified,
* published, uploaded, posted, transmitted, distributed, or disclosed in any way
* without the prior express written permission of Grid Net, Inc.
*
* No license under any patent, copyright, trade secret or other intellectual
* property right is granted to or conferred upon you by disclosure or delivery
* of the Material, either expressly, by implication, inducement, estoppel or
* otherwise. Any license under such intellectual property rights must be
* express and approved by Grid Net, Inc. in writing.
*
*      Copyright (c) 2006-2008 Grid Net, Inc.  All Rights Reserved.
*
****************************************************************************/
/****************************************************************************
*
*
*
*
*
*
*
*
*
*
* WARNING: Do not edit the wwwroot/css/style.css file. Instead edit the
* source SCSS file located at build/scss/source/.
*
* To compile the SCSS file to CSS, from top level directory, execute:
* $> make scss
*
*
*
*
*
*
*
*
*
****************************************************************************/

/* Resets
---------------------------------------------------------------------- */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
hr,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
}


/* body { line-height:1; } */
ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}

ins {
  text-decoration: none;
}

del {
  text-decoration: line-through;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* Overrides
---------------------------------------------------------------------- */
body {
  height: 100%;
  background: #FFF;
  color: #333;
  font-size: 12px;
  font-weight: normal;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

a,
a:link,
a:visited,
a:hover,
a:active {
  color: #1532c5;
}

a:hover {
  text-decoration: underline;
}

a:active,
a:focus {
  outline-style: none;
  -moz-outline-style: none;
}

p {
  padding: 5px 0;
}

input[type='text'],
input[type='password'],
textarea {
  border: 1px solid #CCC;
  font-size: 12px;
  margin: 0;
}

input[type='password'],
input[type='text'] {
  padding: 2px;
}

input[type='radio'] {
  cursor: pointer;
}

select {
  font-size: 12px;
  margin: 0;
}

/* Common & General Elements
---------------------------------------------------------------------- */
/* colors */
.black {
  color: #333;
}

.bg-black {
  background-color: #333;
}

.white {
  color: #FFF;
}

.blue {
  color: #06C;
}

.gray {
  color: #555;
}

.green,
a.green,
a.green:hover {
  color: #38953c !important;
}

.red,
a.red,
a.red:hover {
  color: #900 !important;
  font-weight: normal;
}

/* text styling */
.tc {
  text-align: center;
}

.vm {
  vertical-align: middle;
}

.tr {
  text-align: right;
}

.block {
  display: block;
}

.bold {
  font-weight: bold;
}

.italic {
  font-style: italic;
}

.notbold {
  font-weight: normal !important;
}

.uppercase {
  text-transform: uppercase;
}

.big {
  font-size: 14px;
}

.small {
  font-size: 11px;
}

.text-small {
  font-size: 11px;
}

.text-small-gray {
  font-size: 11px;
  color: #666;
}

.text-normal {
  font-weight: normal;
}

.text-regular {
  font-size: 12px;
}

.text-medium {
  font-size: 13px;
  font-weight: normal;
}

.text-large {
  font-size: 15px;
}

.label {
  color: #677;
  font-weight: bold;
}

.label-small {
  color: #677;
  font-weight: bold;
  font-size: 11px;
}

.label-regular {
  color: #677;
  font-weight: bold;
  font-size: 12px;
}

.label-medium {
  color: #677;
  font-weight: bold;
  font-size: 13px;
}

.label-large {
  color: #677;
  font-weight: bold;
  font-size: 15px;
}

.faux-link {
  color: #1532c5;
  text-decoration: underline;
}

.faux-link:hover {
  color: #1532c5;
  text-decoration: underline;
  cursor: pointer;
}

.tdnone {
  text-decoration: none !important;
}

.footnote {
  font-size: 11px;
  color: #666;
}

.sublabel {
  display: block;
  font-size: 11px;
  color: #666;
}

.parenthetical {
  padding-left: 5px;
  font-size: 11px;
  color: #666;
}

/* box elements */
.padding-none {
  padding: 0 !important;
}

.margin-none {
  margin: 0 !important;
}

.padding-top {
  padding-top: 10px !important;
}

.padding-left {
  padding-left: 10px !important;
}

.margin-top {
  margin-top: 10px !important;
}

.noborder {
  border: none !important;
}

/* layout elements */
.page-heading {
  clear: both;
  padding: 20px 20px 15px;
}

.page-content {
  clear: both;
  margin: 0 20px 10px 20px;
  border-top: none;
  padding-bottom: 30px;
  min-width: 1280px;
  /* 980px */
  max-width: 1920px;
}

.layout-container {
  clear: both;
  padding-top: 10px;
  width: 100%;
  margin-bottom: 30px;
}

/* Fix for wrap on IE7 if lower resolution on device details */
.ie7 #tab_device_detail_1 .layout-container {
  width: 1100px;
}

.layout-left {
  float: left;
}

.layout-left-table-cell {
  padding-right: 20px;
  display: table-cell;
  min-width: 220px;
}

.layout-leftwmargin {
  float: left;
  margin-right: 20px;
}

.layout-leftwnav {
  float: left;
  width: 200px;
  border-right: 5px solid #BCD;
}

#gn-network-topos {
  float: left;
  width: 300px;
}

.layout-right {
  margin-left: 220px;
}

.layout-right-table-cell {
  display: table-cell;
}

.layout-rightwnav {
  margin-left: 200px;
  border-left: 5px solid #BCD;
  padding: 10px 0px 0px 10px;
}

.layout-rightwtree {
  margin-left: 320px;
}

.layout-multicol {
  float: left;
  margin-right: 100px;
  margin-bottom: 50px;
}

.fl {
  float: left !important;
}

.fr {
  float: right !important;
}

.hide {
  display: none !important;
}

.clear {
  clear: both;
}

/* fixes #7891, but why clear is display none in the first place?? */
.ie7 .clear {
  display: block;
}

/* miscellaneous elements */
.delimiter {
  color: #666;
  padding: 0 5px;
}

#soap-notice {
  color: green;
  background: whitesmoke;
  border: green 2px solid;
  margin: 50px 75px;
  padding: 15px;
  font-size: 13px;
  font-weight: bold;
}

#stack-trace {
  color: black;
  background: whitesmoke;
  border: #900 2px solid;
  margin: 50px 0px;
  padding: 15px;
  font-size: 13px;
}

#stack-trace pre {
  /* allow lines to wrap and not overflow the box */
  white-space: pre-wrap;
}

/* links */
a.on {
  color: #333;
  font-weight: normal;
  text-decoration: none;
  cursor: default;
}

a.on:hover {
  text-decoration: none;
}

/* faux link clickable element */
.clickable:hover {
  cursor: pointer;
}

/* hidden actions */
.has-hidden-action,
dl dd ul.list li.has-hidden-action {
  padding: 3px 3px 3px 3px;
  position: relative;
}

.has-hidden-action .hidden-action {
  visibility: hidden;
  position: absolute;
  right: 5px;
  top: 0px;
  background: url("../images/icon-delete2.gif");
}

.has-hidden-action:hover {
  background: #b8db99;
}

.has-hidden-action:hover .hidden-action {
  visibility: visible;
}

.has-hidden-action:hover .hidden-action:hover {
  background: url("../images/icon-delete-hover.gif");
}

.hidden-action:hover {
  cursor: pointer;
}

/* collapse/expand links */
.expanded {
  padding-left: 15px;
  background: url("../images/sprites-icons.gif") no-repeat 0 -8698px;
}

.collapsed {
  padding-left: 15px;
  background: url("../images/sprites-icons.gif") no-repeat 0 -8598px;
}

/* Heading Elements
---------------------------------------------------------------------- */
h1 {
  font-size: 24px;
  padding-left: 38px;
  height: 33px;
  color: #4da501;
  font-weight: normal;
  background: url("../images/header-icons.png") no-repeat;
  vertical-align: middle;
}

.meter-3-phase h1#page-title {
  padding-left: 50px;
  background-position: 0 -2600px;
}

.policy h1 {
  background-position: 0 0;
}

.policy-detail h1 {
  background-position: 0 -100px;
}

.policy-create h1 {
  background-position: 0 -200px;
}

.policy-edit h1 {
  background-position: 0 -300px;
}

.device h1 {
  background-position: 0 -400px;
}

.group h1 {
  background-position: 0 -500px;
}

.group-detail h1 {
  background-position: 0 -500px;
}

.group-create h1 {
  background-position: 0 -600px;
}

.group-edit h1 {
  background-position: 0 -700px;
}

.event h1 {
  background-position: 0 -800px;
}

.maps h1 {
  background-position: 0 -3600px;
}

.report h1 {
  background-position: 0 -900px;
}

.user h1 {
  background-position: 0 -1000px;
}

.user-detail h1 {
  background-position: 0 -1100px;
}

.role h1 {
  background-position: 0 -1200px;
}

.role-detail h1 {
  background-position: 0 -1200px;
}

.user-create h1 {
  background-position: 0 -1300px;
}

.user-edit h1 {
  background-position: 0 -1400px;
}

.role-create h1 {
  background-position: 0 -1500px;
}

.role-edit h1 {
  background-position: 0 -1600px;
}

.account h1 {
  background-position: 0 -1700px;
}

.system-settings h1 {
  background-position: 0 -1800px;
}

.advanced-search h1 {
  background-position: 0 -1900px;
}

.device-search h1 {
  background-position: 0 -1900px;
}

.audit h1 {
  background-position: 0 -2000px;
}

.billing-cycle h1 {
  background-position: 0 -2100px;
}

.meter-ansi h1 {
  background-position: 0 -2200px;
}

.meter-ansi-unbound h1 {
  background-position: 0 -5902px;
}

.meter-ansi-3-phase h1 {
  background-position: 0 -5701px;
  padding-left: 45px;
}

.meter-ansi-3-phase-unbound h1 {
  background-position: 0 -5803px;
  padding-left: 45px;
}

.device-custom-attr h1 {
  background-position: 0 -2300px;
}

.meter-iec h1 {
  background-position: 0 -5600px;
}

.meter-iec-unbound h1 {
  background-position: 0 -2500px;
}

.meter-3-phase h1,
.meter-iec-3-phase h1 {
  background-position: 0 -2600px;
}

.meter-iec-3-phase-unbound h1 {
  background-position: 0 -2500px;
}

.router h1 {
  background-position: 0 -2700px;
}

.water-meter h1 {
  background-position: 0 -2800px;
}

.gas-meter h1 {
  background-position: 0 -6000px;
}

.firmware h1 {
  background-position: 0 -2900px;
}

.firmware-detail h1 {
  background-position: 0 -2900px;
}

.import h1 {
  background-position: 0 -3000px;
}

.public-key h1 {
  background-position: 0 -3100px;
}

.program h1 {
  background-position: 0 -3200px;
}

.program-detail h1 {
  background-position: 0 -3200px;
}

.qosprofile h1 {
  background-position: 0 -3300px;
}

.qosprofile-detail h1 {
  background-position: 0 -3300px;
}

.qosprofile-create h1 {
  background-position: 0 -3400px;
}

.qosprofile-edit h1 {
  background-position: 0 -3500px;
}

.service-location h1 {
  background-position: 0 -3600px;
}

.topics h1 {
  background-position: 0 -3700px;
}

.user-sec-rules-edit h1 {
  background-position: 0 -3800px;
}

.planned-outage h1 {
  background-position: 0 -3900px;
}

.planned-outage-detail h1 {
  background-position: 0 -3900px;
}

.planned-outage-create h1 {
  background-position: 0 -4000px;
}

.planned-outage-edit h1 {
  background-position: 0 -4100px;
}

.feeder-detail h1 {
  background-position: 0 -4200px;
}

.pan-dred h1 {
  background-position: 0 -4300px;
}

.pan-smart-plug h1 {
  background-position: 0 -4400px;
}

.pan-panel-meter h1 {
  background-position: 0 -4500px;
}

.pan-display h1 {
  background-position: 0 -4600px;
}

.sgc-card-detail h1 {
  background-position: 0 -4700px;
}

.network-topology h1 {
  background-position: 0 -5100px;
}

/* used for section headers */
h2 {
  font-size: 14px;
  color: #4da501;
}

h2.inline {
  display: inline-block;
}

/* used for sub-titles, under main page title */
.title-deck {
  padding-left: 39px;
  padding-top: 3px;
  font-weight: normal;
}

/* ACTION BUTTONS
---------------------------------------------------------------------- */
a.button {
  display: inline-block;
  height: 27px;
  line-height: 26px;
  /* temp fix, remove when the old buttons are gone */
  padding: 0 10px !important;
  margin: 0 10px 0 0;
  color: #FFF !important;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

a.primary,
a.regular {
  color: #f1f6fd;
  border: solid 1px #3563a1;
}

a.primary,
a.regular {
  background: #5e9df3;
  background: -ms-linear-gradient(top, #5e9df3, #1063d4);
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #5e9df3), color-stop(100%, #1063d4));
  background: -webkit-linear-gradient(top, #5e9df3, #1063d4);
  background: -moz-linear-gradient(top, #5e9df3, #1063d4);
  background: -o-linear-gradient(top, #5e9df3, #1063d4);
  background: linear-gradient(top, #5e9df3, #1063d4);
}

.ie8 a.primary,
.ie8 a.regular {
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF5E9DF3', endColorstr='#FF1063D4');
}

.ie9 a.primary,
.ie9 a.regular {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzVlOWRmMyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzEwNjNkNCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: linear-gradient(top, #5e9df3, #1063d4);
}

a.primary:hover,
a.regular:hover {
  background: #548cd8;
  background: -ms-linear-gradient(top, #548cd8, #1059be);
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #548cd8), color-stop(100%, #1059be));
  background: -webkit-linear-gradient(top, #548cd8, #1059be);
  background: -moz-linear-gradient(top, #548cd8, #1059be);
  background: -o-linear-gradient(top, #548cd8, #1059be);
  background: linear-gradient(top, #548cd8, #1059be);
}

.ie8 a.primary:hover,
.ie8 a.regular:hover {
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF548CD8', endColorstr='#FF1059BE');
}

.ie9 a.primary:hover,
.ie9 a.regular:hover {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU0OGNkOCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzEwNTliZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: linear-gradient(top, #548cd8, #1059be);
}

a.primary:active,
a.regular:active {
  background: #1059be;
  background: -ms-linear-gradient(top, #1059be, #548cd8);
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #1059be), color-stop(100%, #548cd8));
  background: -webkit-linear-gradient(top, #1059be, #548cd8);
  background: -moz-linear-gradient(top, #1059be, #548cd8);
  background: -o-linear-gradient(top, #1059be, #548cd8);
  background: linear-gradient(top, #1059be, #548cd8);
}

.ie8 a.primary:active,
.ie8 a.regular:active {
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF1059BE', endColorstr='#FF548CD8');
}

.ie9 a.primary:active,
.ie9 a.regular:active {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzEwNTliZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzU0OGNkOCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: linear-gradient(top, #1059be, #548cd8);
}

a.cancel,
a.no {
  color: #900 !important;
  font-weight: normal !important;
  text-decoration: underline !important;
  border: 1px solid transparent;
}

a.cancel:hover,
a.no:hover {
  text-decoration: none !important;
  font-weight: bold !important;
  color: #faddde !important;
  border: solid 1px #980c10;
}

a.cancel:hover,
a.no:hover {
  background: #ed1c24;
  background: -ms-linear-gradient(top, #ed1c24, #aa1317);
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ed1c24), color-stop(100%, #aa1317));
  background: -webkit-linear-gradient(top, #ed1c24, #aa1317);
  background: -moz-linear-gradient(top, #ed1c24, #aa1317);
  background: -o-linear-gradient(top, #ed1c24, #aa1317);
  background: linear-gradient(top, #ed1c24, #aa1317);
}

.ie8 a.cancel:hover,
.ie8 a.no:hover {
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFED1C24', endColorstr='#FFAA1317');
}

.ie9 a.cancel:hover,
.ie9 a.no:hover {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VkMWMyNCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2FhMTMxNyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: linear-gradient(top, #ed1c24, #aa1317);
}

a.cancel:active,
a.no:active {
  background: #aa1317;
  background: -ms-linear-gradient(top, #aa1317, #ed1c24);
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #aa1317), color-stop(100%, #ed1c24));
  background: -webkit-linear-gradient(top, #aa1317, #ed1c24);
  background: -moz-linear-gradient(top, #aa1317, #ed1c24);
  background: -o-linear-gradient(top, #aa1317, #ed1c24);
  background: linear-gradient(top, #aa1317, #ed1c24);
}

.ie8 a.cancel:active,
.ie8 a.no:active {
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFAA1317', endColorstr='#FFED1C24');
}

.ie9 a.cancel:active,
.ie9 a.no:active {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FhMTMxNyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VkMWMyNCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: linear-gradient(top, #aa1317, #ed1c24);
}

a.disabled {
  color: #666;
  background: #CCC;
  text-decoration: none;
  cursor: default;
  pointer-events: none;
}

a.disabled:hover {
  text-decoration: none;
}

a.smallbutton {
  font-family: Tahoma, Arial, sans-serif;
  font-size: 11px;
  color: #333333 !important;
  display: inline-block;
  height: 14px;
  line-height: 12px;
  /* temp fix, remove when the old buttons are gone */
  padding: 0 8px !important;
  text-align: center;
  text-decoration: none;
  font-weight: normal;
  -ms-border-radius: 3px;
  border-radius: 3px;
  border: solid 1px #888888;
}

a.smallbutton {
  background: #f0f0f0;
  background: -ms-linear-gradient(top, #f0f0f0, #e0e0e0);
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f0f0f0), color-stop(100%, #e0e0e0));
  background: -webkit-linear-gradient(top, #f0f0f0, #e0e0e0);
  background: -moz-linear-gradient(top, #f0f0f0, #e0e0e0);
  background: -o-linear-gradient(top, #f0f0f0, #e0e0e0);
  background: linear-gradient(top, #f0f0f0, #e0e0e0);
}

.ie8 a.smallbutton {
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF0F0F0', endColorstr='#FFE0E0E0');
}

.ie9 a.smallbutton {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjBmMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2UwZTBlMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: linear-gradient(top, #f0f0f0, #e0e0e0);
}

a.smallbutton:hover {
  background: #dadada;
  background: -ms-linear-gradient(top, #dadada, #cacaca);
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dadada), color-stop(100%, #cacaca));
  background: -webkit-linear-gradient(top, #dadada, #cacaca);
  background: -moz-linear-gradient(top, #dadada, #cacaca);
  background: -o-linear-gradient(top, #dadada, #cacaca);
  background: linear-gradient(top, #dadada, #cacaca);
}

.ie8 a.smallbutton:hover {
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFDADADA', endColorstr='#FFCACACA');
}

.ie9 a.smallbutton:hover {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RhZGFkYSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2NhY2FjYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: linear-gradient(top, #dadada, #cacaca);
}

a.smallbutton:active {
  background: #cacaca;
  background: -ms-linear-gradient(top, #cacaca, #dadada);
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #cacaca), color-stop(100%, #dadada));
  background: -webkit-linear-gradient(top, #cacaca, #dadada);
  background: -moz-linear-gradient(top, #cacaca, #dadada);
  background: -o-linear-gradient(top, #cacaca, #dadada);
  background: linear-gradient(top, #cacaca, #dadada);
}

.ie8 a.smallbutton:active {
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFCACACA', endColorstr='#FFDADADA');
}

.ie9 a.smallbutton:active {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NhY2FjYSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2RhZGFkYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: linear-gradient(top, #cacaca, #dadada);
}

/* for action button */
.action-icon {
  display: inline-block;
  background: transparent url("../images/sprites-icons.gif") no-repeat 0 -8200px;
  vertical-align: middle;
  white-space: nowrap;
  height: 18px;
  width: 18px;
  line-height: 18px;
  margin-right: 5px;
}

/* action button has different + icon for these */
body.policy .action-icon,
body.group .action-icon,
body.qosprofile .action-icon,
body.user .action-icon,
body.planned-outage .action-icon,
body.topics .action-icon,
body.order .action-icon,
body.order-create .action-icon,
body.customer .action-icon,
body.slas .action-icon {
  background-position: 0 -8100px;
}

a.submit-icon {
  background: #eeeeee url("../images/sprites-icons.gif") no-repeat 0 -6800px;
  height: 16px;
  width: 18px;
  line-height: 18px;
  padding: 0;
  -ms-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #999999;
  cursor: pointer;
  top: 0px;
}

a.submit-icon:hover {
  background: #666666 url("../images/sprites-icons.gif") no-repeat 0 -6820px;
  border: 1px solid #666;
}

a.checkbox-submit {
  background: #06C;
  position: relative;
  top: 3px;
  height: 18px;
  line-height: 18px;
  padding: 0 7px;
}

a.system-time,
ul.foot-nav li a.system-time {
  display: inline-block;
  background: url("../images/sprites-icons.gif") no-repeat 0 -8300px;
  width: 17px;
  height: 17px;
  padding: 0 2px;
}

a.system-time,
ul.foot-nav li a.system-time:hover {
  background-position: 0 -8400px;
}

a.check-all {
  /* temp fix, remove when the old buttons are gone */
  padding: 0 !important;
}

a.check-all-label {
  /* temp fix, remove when the old buttons are gone */
  padding: 0 5px !important;
}

p.buttons {
  clear: both;
  border-top: 1px solid #BCD;
  margin: 20px 0 0;
  padding: 20px 0;
  line-height: normal;
}

.buttons a.main,
.buttons a.alt,
.buttons a.cancel,
.buttons a.no,
.buttons a.disabled,
.buttons a.save,
.buttons a.search {
  display: inline-block;
  height: 27px;
  line-height: 26px;
  margin: 0 10px 0 0;
  padding: 0px 10px;
  -webkit-font-smoothing: antialiased;
  -ms-border-radius: 4px;
  border-radius: 4px;
}

.buttons a.save,
.buttons a.search,
.buttons a.main {
  color: #f1f6fd;
  border: solid 1px #3563a1;
  text-decoration: none;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
}

.buttons a.save,
.buttons a.search,
.buttons a.main {
  background: #5e9df3;
  background: -ms-linear-gradient(top, #5e9df3, #1063d4);
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #5e9df3), color-stop(100%, #1063d4));
  background: -webkit-linear-gradient(top, #5e9df3, #1063d4);
  background: -moz-linear-gradient(top, #5e9df3, #1063d4);
  background: -o-linear-gradient(top, #5e9df3, #1063d4);
  background: linear-gradient(top, #5e9df3, #1063d4);
}

.ie8 .buttons a.save,
.ie8 .buttons a.search,
.ie8 .buttons a.main {
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF5E9DF3', endColorstr='#FF1063D4');
}

.ie9 .buttons a.save,
.ie9 .buttons a.search,
.ie9 .buttons a.main {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzVlOWRmMyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzEwNjNkNCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: linear-gradient(top, #5e9df3, #1063d4);
}

.buttons a.save:hover,
.buttons a.search:hover,
.buttons a.main:hover {
  background: #548cd8;
  background: -ms-linear-gradient(top, #548cd8, #1059be);
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #548cd8), color-stop(100%, #1059be));
  background: -webkit-linear-gradient(top, #548cd8, #1059be);
  background: -moz-linear-gradient(top, #548cd8, #1059be);
  background: -o-linear-gradient(top, #548cd8, #1059be);
  background: linear-gradient(top, #548cd8, #1059be);
}

.ie8 .buttons a.save:hover,
.ie8 .buttons a.search:hover,
.ie8 .buttons a.main:hover {
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF548CD8', endColorstr='#FF1059BE');
}

.ie9 .buttons a.save:hover,
.ie9 .buttons a.search:hover,
.ie9 .buttons a.main:hover {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU0OGNkOCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzEwNTliZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: linear-gradient(top, #548cd8, #1059be);
}

.buttons a.save:active,
.buttons a.search:active,
.buttons a.main:active {
  background: #1059be;
  background: -ms-linear-gradient(top, #1059be, #548cd8);
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #1059be), color-stop(100%, #548cd8));
  background: -webkit-linear-gradient(top, #1059be, #548cd8);
  background: -moz-linear-gradient(top, #1059be, #548cd8);
  background: -o-linear-gradient(top, #1059be, #548cd8);
  background: linear-gradient(top, #1059be, #548cd8);
}

.ie8 .buttons a.save:active,
.ie8 .buttons a.search:active,
.ie8 .buttons a.main:active {
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF1059BE', endColorstr='#FF548CD8');
}

.ie9 .buttons a.save:active,
.ie9 .buttons a.search:active,
.ie9 .buttons a.main:active {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzEwNTliZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzU0OGNkOCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: linear-gradient(top, #1059be, #548cd8);
}

/* link 'alt' style */
.buttons a.alt {
  color: #f1f6fd;
  border: solid 1px #3563a1;
  text-decoration: none;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
}

.buttons a.alt {
  background: #5e9df3;
  background: -ms-linear-gradient(top, #5e9df3, #1063d4);
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #5e9df3), color-stop(100%, #1063d4));
  background: -webkit-linear-gradient(top, #5e9df3, #1063d4);
  background: -moz-linear-gradient(top, #5e9df3, #1063d4);
  background: -o-linear-gradient(top, #5e9df3, #1063d4);
  background: linear-gradient(top, #5e9df3, #1063d4);
}

.ie8 .buttons a.alt {
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF5E9DF3', endColorstr='#FF1063D4');
}

.ie9 .buttons a.alt {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzVlOWRmMyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzEwNjNkNCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: linear-gradient(top, #5e9df3, #1063d4);
}

.buttons a.alt:hover {
  background: #548cd8;
  background: -ms-linear-gradient(top, #548cd8, #1059be);
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #548cd8), color-stop(100%, #1059be));
  background: -webkit-linear-gradient(top, #548cd8, #1059be);
  background: -moz-linear-gradient(top, #548cd8, #1059be);
  background: -o-linear-gradient(top, #548cd8, #1059be);
  background: linear-gradient(top, #548cd8, #1059be);
}

.ie8 .buttons a.alt:hover {
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF548CD8', endColorstr='#FF1059BE');
}

.ie9 .buttons a.alt:hover {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU0OGNkOCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzEwNTliZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: linear-gradient(top, #548cd8, #1059be);
}

.buttons a.alt:active {
  background: #1059be;
  background: -ms-linear-gradient(top, #1059be, #548cd8);
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #1059be), color-stop(100%, #548cd8));
  background: -webkit-linear-gradient(top, #1059be, #548cd8);
  background: -moz-linear-gradient(top, #1059be, #548cd8);
  background: -o-linear-gradient(top, #1059be, #548cd8);
  background: linear-gradient(top, #1059be, #548cd8);
}

.ie8 .buttons a.alt:active {
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF1059BE', endColorstr='#FF548CD8');
}

.ie9 .buttons a.alt:active {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzEwNTliZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzU0OGNkOCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: linear-gradient(top, #1059be, #548cd8);
}

.buttons a.cancel,
.buttons a.no {
  color: #900;
  font-weight: normal;
}

.buttons a.cancel:hover,
.buttons a.no:hover {
  color: #faddde !important;
  font-weight: bold !important;
  border: solid 1px #980c10;
}

.buttons a.cancel:hover,
.buttons a.no:hover {
  background: #ed1c24;
  background: -ms-linear-gradient(top, #ed1c24, #aa1317);
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ed1c24), color-stop(100%, #aa1317));
  background: -webkit-linear-gradient(top, #ed1c24, #aa1317);
  background: -moz-linear-gradient(top, #ed1c24, #aa1317);
  background: -o-linear-gradient(top, #ed1c24, #aa1317);
  background: linear-gradient(top, #ed1c24, #aa1317);
}

.ie8 .buttons a.cancel:hover,
.ie8 .buttons a.no:hover {
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFED1C24', endColorstr='#FFAA1317');
}

.ie9 .buttons a.cancel:hover,
.ie9 .buttons a.no:hover {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VkMWMyNCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2FhMTMxNyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: linear-gradient(top, #ed1c24, #aa1317);
}

.buttons a.cancel:active,
.buttons a.no:active {
  background: #aa1317;
  background: -ms-linear-gradient(top, #aa1317, #ed1c24);
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #aa1317), color-stop(100%, #ed1c24));
  background: -webkit-linear-gradient(top, #aa1317, #ed1c24);
  background: -moz-linear-gradient(top, #aa1317, #ed1c24);
  background: -o-linear-gradient(top, #aa1317, #ed1c24);
  background: linear-gradient(top, #aa1317, #ed1c24);
}

.ie8 .buttons a.cancel:active,
.ie8 .buttons a.no:active {
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFAA1317', endColorstr='#FFED1C24');
}

.ie9 .buttons a.cancel:active,
.ie9 .buttons a.no:active {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FhMTMxNyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VkMWMyNCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: linear-gradient(top, #aa1317, #ed1c24);
}

.buttons a.disabled {
  background: #CCC;
  color: white;
  font-weight: bold;
  text-decoration: none;
  cursor: default;
  border: 1px solid #ccc;
}

.buttons a.disabled:hover {
  text-decoration: none;
}

.buttons span.confirm {
  display: none;
  padding: 5px 10px 7px 20px;
}

dd p.buttons {
  margin: 0;
  padding: 10px 0;
  width: 100%;
}

dd div p.buttons {
  border-top: none;
}

/* CONTROL BUTTONS
---------------------------------------------------------------------- */
a.cbutton {
  background: #F00;
  display: inline-block;
  background: #eeeeee url("../images/sprites-icons.gif") no-repeat 0 0;
  border: 1px solid #999;
  -ms-border-radius: 3px;
  border-radius: 3px;
  vertical-align: middle;
  white-space: nowrap;
  cursor: pointer;
  height: 18px;
  width: 18px;
  line-height: 18px;
  float: right;
}

a.cbutton:hover {
  border: 1px solid #666;
  background: #666666 url("../images/sprites-icons.gif") no-repeat 0 0;
}

a.cb-config {
  background-position: 1px -6899px;
}

a.cb-config:hover {
  background-position: 1px -6919px;
}

a.cb-pan {
  margin-right: 10px;
  background-position: 1px -6899px;
}

a.cb-pan:hover {
  margin-right: 10px;
  background-position: 1px -6919px;
}

.has-cbutton {
  display: block;
  padding: 3px 0px 3px 0px;
  height: 21px;
  line-height: 21px;
}

.has-cbutton:hover {
  background-color: #b8db99;
}

/* fix for #7894 #8026 */
.ie7 .has-cbutton a.cbutton {
  margin-top: -22px;
}

/* for system settings / PAN labels */
ul.list-generic li.has-cbutton {
  width: 230px;
  padding: 3px 10px 3px 10px;
}

/* TOOLTIPS
---------------------------------------------------------------------- */
span.tip {
  display: none;
  z-index: 10;
  background: #f1f2fc;
  padding: 2px 12px 3px 12px;
  color: #333;
  font-size: 11px;
  line-height: 16px;
  font-weight: normal;
  text-decoration: none;
  white-space: nowrap;
  border: 1px solid #858ec3;
  -ms-border-radius: 3px;
  border-radius: 3px;
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.4);
}

a.tip-has {
  position: relative;
}

a.tip-has:hover {
  z-index: 1002;
}

a.tip-has:hover span.tip {
  display: block;
  position: absolute;
  top: 22px;
  left: 0;
  z-index: 10;
  text-decoration: none;
}

a.tip-has:hover span.over {
  top: -25px;
}

a.tip-has:hover span.right {
  left: auto;
  right: 0;
}

a.tip-has:hover span.error {
  background-color: #D0BDBD;
}

a.tip-has:hover span.multiline {
  width: 300px;
  white-space: normal !important;
  text-decoration: none;
}

a:not([href]).tip-text {
  color: #333;
  text-decoration: none;
  cursor: default;
  border-bottom: 1px dotted #333;
}

a:not([href]).tip-text:hover {
  text-decoration: none;
  border-bottom: 1px dotted #333;
}

.tip-hint {
  border-bottom: 1px dotted #333;
  cursor: default;
}

.tip label {
  color: #677;
  font-weight: bold;
  font-size: 11px;
}

/* special case for navigation tooltips */
a.tip-js {
  position: relative;
}

span.nav-tip {
  z-index: 10;
  position: absolute;
  text-align: left;
}

/* CUSTOMIZATIONS */
li.error a.tip-has {
  color: #900;
  cursor: default;
}

/* use for truncated attribute names */
dt a.tip-has {
  color: #677;
}

/* tooltips on firmware/program/profile selector */
label.radio-with-tooltip a {
  display: inline;
  border-bottom: none;
  cursor: pointer;
}

label.radio-with-tooltip a:hover {
  background: none;
}

label.radio-with-tooltip a.tip-has:hover span.tip {
  left: 40px;
}

/* Notices & warnings
---------------------------------------------------------------------- */
.info-notice,
.warning-notice,
.error-notice {
  margin-top: 4px;
  padding: 5px 12px 5px 26px;
  vertical-align: middle;
  font-size: 12px;
}

.warning-notice {
  background: #fdfe87 url("../images/notification-icons.png") no-repeat 0 -190px;
  border: 1px solid #D3D521;
}

.info-notice {
  background: #bbd9f9 url("../images/notification-icons.png") no-repeat 0 -95px;
  border: 1px solid #8AB9EB;
}

.error-notice {
  background: #fec3c3 url("../images/notification-icons.png") no-repeat 0 0;
  border: 1px solid #BF0505;
  color: #990000;
}

.datatable-notice {
  display: inline-block;
}

.trendchart-notice {
  display: inline-block;
  margin-top: 60px;
  width: 600px;
  position: absolute;
}

.datachart-notice {
  display: inline-block;
  margin-top: 40px;
}

.inline-notice {
  max-width: 200px;
  height: auto;
  line-height: 1.2;
  padding-top: 4px;
  padding-bottom: 4px;
  margin-top: 4px;
}

/* ALERTS, ERRORS, & NOTICES
---------------------------------------------------------------------- */
#alert-container {
  width: 300px;
  max-width: 300px;
  position: fixed;
  right: auto;
  left: 50%;
  margin-left: -150px;
  top: 45px;
  z-index: 120;
}

div.alert {
  /* 300px - 42px padding left - 15px padding right */
  width: 243px;
  max-width: 243px;
  overflow-wrap: break-word;
  max-height: 85px;
  background: #333333 url("../images/notification-icons.png") no-repeat;
  background: rgba(3, 3, 3, 0.8) url("../images/notification-icons.png") no-repeat;
  filter: alpha(opacity=80);
  color: #FFF;
  font-size: 12px;
  padding: 15px 15px 15px 42px;
  margin-bottom: 10px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 2px #333;
  -moz-box-shadow: 0 0 2px #333;
  box-shadow: 0 0 2px #333;
  z-index: 120;
}

/* TODO: get ride of progress and notice */
/* TODO: rename class alert=>notification */
div.success {
  background-position: 0 -803px;
}

div.warning {
  background: url(../images/sprites-icon-events.gif) no-repeat -770px 2px;
  color: #900 !important;
  padding: 5px 0 5px 18px !important;
}


/* TODO: rename .error => .warning */
div.error {
  background-position: 0 -912px;
}

div.progress,
div.notice,
div.info {
  background-position: 0 -694px;
}

div#app-id-err {
  margin-top: 5px;
}

/* misc. error alerts */
p#crud-error,
p#creation-error {
  color: #900 !important;
  background: #fec3c3 url("../images/sprites-icon-events.gif") no-repeat -765px 2px;
  border: 1px solid #bf0505;
  padding: 4px 26px;
  margin-bottom: 5px;
}

p.error a {
  display: block;
  margin: 0 0 10px;
}

span.error,
p.error {
  color: #900 !important;
  font-weight: bold;
}

/* ERROR PAGE (404, 500, etc..) */
div#ohno {
  clear: both;
  margin: 0 58px 0 58px;
  padding: 50px 0 0;
}

div#ohno p {
  padding: 10px 0 0 40px;
}

div#ohno h1 {
  color: #900;
  margin: 0;
  padding: 0px 0 0 40px;
  background: url("../images/header-icons.png") no-repeat 0px -5300px;
  height: auto !important;
  min-height: 33px;
}

/* MODAL DIALOG and Action Area
---------------------------------------------------------------------- */
#action-area {
  float: right;
}

#modal-bg {
  position: fixed;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  background: #333;
  opacity: 0.6;
  filter: alpha(opacity=60);
  z-index: 100;
}


.dialog-box {
  position: absolute;
  top: 50px;
  right: 150px;
  width: 300px;
  background: #FFF;
  border: 10px solid #CCC;
  -ms-border-radius: 6px;
  border-radius: 6px;
  z-index: 110;
}

.dialog-close {
  position: absolute;
  right: -20px;
  top: -20px;
  width: 30px;
  height: 30px;
  border: 0;
  background: url("../images/icon-modal-close.png") no-repeat;
}

/* commmon dialog classes */
.dialog-title {
  padding: 10px 15px;
  font-size: 16px;
}

.dialog-content {
  padding: 10px 15px;
  border-top: 1px solid #CCC;
}

.dialog-heading {
  font-size: 12px;
  padding: 0 0 0 22px;
  min-height: 18px;
  line-height: 18px;
}

.dialog-heading {
  background: url("../images/sprites-icons.gif") no-repeat 0 0;
}

.dialog-list {
  margin: 0;
  padding: 0 0 0 22px;
  list-style: none;
}

.dialog-list li {}

.dialog-group {
  padding-bottom: 20px;
}

.dialog-grouping {
  padding-bottom: 10px;
}

.dialog-grouping .dialog-list {
  padding: 0;
}

.dialog-grouping li {
  padding: 5px 0;
}

.dialog-centered {
  position: fixed;
  right: inherit;
  left: 450px;
  top: 65px;
}

/* action button links with hover */
.dialog-list a {
  display: inline-block;
  width: auto;
  padding: 4px 7px;
  line-height: 16px;
  color: #333;
  font-weight: normal;
  text-align: left;
  text-decoration: none;
  font-size: 12px;
}

.dialog-list a:hover {
  background-color: #b8db99 !important;
}

/* used for "disabled" links */
.dialog-list .action-disabled a.tip-has,
.dialog-list .action-disabled a.disabled-action,
.dialog-list .action-disabled a:hover {
  color: #999;
  cursor: default;
  background-color: transparent !important;
}

/* dialog-display */
table.dialog-display {
  margin: 0;
  padding: 0;
  width: 100%;
}

table.dialog-display td {
  border: 0;
  padding: 0;
  vertical-align: top;
  width: 50%;
}

table.dialog-display tr:hover {
  background: none;
}

/* dialog confirmation */
.dialog-confirm-title {
  padding-bottom: 10px;
  font-weight: bold;
}

.dialog-confirm-buttons,
.dialog-custom-confirm-buttons {
  padding: 15px 0 10px 0;
}

.dialog-confirm-list {
  margin: 5px 0 5px 0;
}

.dialog-confirm-device-export-certificates {
  overflow: hidden;
}

/* dialog icons */
.dialog-distribution-monitoring-control {
  background: rgba(0, 0, 0, 0) url("../images/sprites-tree.gif") no-repeat scroll 0 0;
  background-position: 0 -100px;
}

.dialog-device-load-profile {
  background: rgba(0, 0, 0, 0) url("../images/sprites-tree.gif") no-repeat scroll 0 0;
  background-position: 0 -100px;
}

.dialog-meter-data-collect {
  background-position: 0 -4600px;
}

.dialog-meter-data-billing {
  background-position: 0 -4600px;
}

.dialog-device-monitor {
  background-position: 0 -4700px;
}

.dialog-device-conf {
  background-position: 0 -4800px;
}

.dialog-pan {
  background-position: 0 -4900px;
}

.dialog-distributed-energy-resource-management {
  background: rgba(0, 0, 0, 0) url("../images/sprites-tree.gif") no-repeat scroll 0 0;
  background-position: 0 -1502px;
}

.dialog-service-ctrl {
  background-position: 0 -5000px;
}

.dialog-load-control {
  background-position: 0 -5100px;
}

.dialog-demand-resp {
  background-position: 0 -5200px;
}

.dialog-system {
  background-position: 0 -5300px;
}

.dialog-admin {
  background-position: 0 -5400px;
}

.dialog-internal-use {
  background-position: 0 -5500px;
}

.dialog-meter-ansi {
  background-position: 0 -5600px;
}

.dialog-meter-iec {
  background-position: 0 -4000px;
}

.dialog-on-request {
  background-position: 0 -4600px;
}

.dialog-svc-switch {
  background-position: 0 -5000px;
}

.dialog-pan-network {
  background-position: 0 -4900px;
}

.dialog-info {
  background-position: 0 -7700px;
}

.dialog-device {
  background-position: 0 -100px;
}

.dialog-modify {
  background-position: 0 -5800px;
}

.dialog-deploy {
  background-position: 0 -5900px;
}

.dialog-provisioning {
  background-position: 0 -6100px;
}

.dialog-water-meter {
  background-position: 0 -4100px;
}

.dialog-gas-meter {
  background-position: 0 -4200px;
}

.dialog-router {
  background-position: 0 -2800px;
}

.dialog-approval {
  background-position: 0 -5900px;
}

.dialog-export {
  background-position: 0 -4300px;
}

/* exceptions */
.wide-dialog {
  width: 600px;
}

.medium-dialog {
  width: 400px;
}

.pan-dialog,
.left-dialog {
  top: 100px;
  left: 130px;
  right: none;
  width: 600px;
}

.topics-dialog {
  top: 100px;
  left: 130px;
  right: none;
  width: 700px;
}

.system-time-dialog {
  height: 110px;
}

.userperms-dialog {
  width: 450px;
  left: 400px;
}

.userperms-re-login {
  width: 450px;
  left: 10px;
}

.left-dialog {
  left: 40px;
}

.dialog-no-icons {
  background: none;
}

.dialog-groups {
  background: none;
  padding-top: 5px;
  padding-left: 0;
}

.dialog-user .dialog-grouping {
  padding-bottom: 5px;
}

/* wider to fit the date picker from disable action */
.dialog-user {
  width: 500px;
}

.events-dialog {
  width: 550px;
}

.bottom-dialog {
  top: auto;
  bottom: 50px;
}

.failure-dialog,
.confirm-dialog,
.progress-dialog {
  width: 500px;
  margin-left: -250px;
  left: 50%;
  right: auto;
}

.failure-dialog .dialog-grouping {
  padding-left: 40px;
  background: url("../images/notification-icons.png") no-repeat 0 -285px;
}

.confirm-dialog .dialog-grouping {
  padding-left: 40px;
  background: url("../images/notification-icons.png") no-repeat 0 -592px;
}

/* links with icons */
#action-group-meter,
#action-group-adn {
  padding: 3px 5px 5px 30px;
  background: url("../images/sprites-icons.gif") no-repeat 5px -5598px;
}

#action-group-multicast-meter {
  padding: 3px 5px 5px 30px;
  background: url("../images/sprites-icons.gif") no-repeat 5px -3898px;
}

#action-group-router,
#action-group-esr,
#action-group-nic {
  padding: 3px 5px 5px 30px;
  background: url("../images/sprites-icons.gif") no-repeat 5px -2798px;
}

#action-group-water-meter {
  padding: 3px 5px 5px 30px;
  background: url("../images/sprites-icons.gif") no-repeat 5px -4098px;
}

#action-group-gas-meter {
  padding: 3px 5px 5px 30px;
  background: url("../images/sprites-icons.gif") no-repeat 5px -4198px;
}

#action-group-pan-device {
  padding: 3px 5px 5px 30px;
  background: url("../images/sprites-icons.gif") no-repeat 5px -4898px;
}

/* LISTS (dl dd dt, ul li)
---------------------------------------------------------------------- */
.list-generic {
  list-style: none;
  margin: 3px 0 25px 0;
}

.list-generic li {
  margin: 0;
}

.list-oflabels li {
  clear: both;
}

dl {
  margin: 10px 0 20px;
}

dt {
  color: #333333;
  font-size: 11px;
  font-weight: bold;
}

dd {
  font-size: 12px;
}

dl dd {
  padding: 1px 0 10px 0;
}

dl dd dl {
  clear: both;
  margin-left: 30px;
  margin-bottom: 0;
  padding-top: 5px;
}

dl dd p.footnote {
  font-style: italic;
}

dl.horizontal {
  float: left;
  padding-right: 30px;
  margin-bottom: 0;
}

/* NOTE CFM: the rest of these need review and refactoring */
/* Padding-bottom comes from table.cols */
dl dd#flags {
  padding: 10px 0 0;
}

dl dd#flags b {
  color: #024f6a;
  display: block;
}

dl dd div.pad {
  padding: 0 20px;
}

dl dd p.none {
  padding: 0;
}

dl dd em {
  clear: both;
  display: block;
  font-size: 10px;
  font-style: normal;
  padding: 10px 0 5px;
}

dl dd.indent,
dl dt.indent {
  padding-left: 15px;
  width: auto;
}

dl dd.indent {
  margin-bottom: 0;
}

dl dt.indent {
  padding: 5px 0px;
  color: #677;
  margin-left: 20px;
}

ul.list li.none-selected {
  color: #555;
}

ul.list li {
  clear: both;
  list-style: none;
}

dl dd ul.list {
  margin-bottom: -15px !important;
  padding: 0;
}

/* Enforce line wraps in policy/group create */
dl dd ul.list {
  list-style: none;
  padding-bottom: 10px;
}

dl dd ul.list li {
  clear: both;
}

dl dd ul.list li a {
  padding: 5px 10px 5px 30px;
}

dl dd ul.list li a:hover {
  background: #fff;
}

dl dd ul li.in {
  padding: 0 0 15px 0;
}

dl dd ul.selected li {
  padding: 0 0 10px 0;
}

dl.meter-passwordset dd {
  font-family: courier;
}

div#meter-metrics-container {
  display: flex;
}

div#meter-metrics-container-customers {
  display: flex;
}

div#meter-metrics-container-customers div.meter-metrics {
  /*border: 1px solid #999999;*/
  width: 150px;
  /*height: 80px;*/
  /*margin-right:20px;*/
  padding: 10px;
}

div#meter-metrics-container div.meter-metrics {
  display: none;
  /*border: 1px solid #999999;*/
  width: 150px;
  /*height: 80px;*/
  /*margin-right:20px;*/
  padding: 10px;
}


div#meter-metrics-container div.meter-metrics div.meter-metrics-body {
  display: none;
  /*font-size:11px;*/
}

div#meter-metrics-container div.meter-metrics div.meter-metrics-body span.metric-title {
  font-weight: bold;
  color: #333333;
}

div#meter-metrics-container-customers div.meter-metrics div.meter-metrics-body span.metric-title {
  font-weight: bold;
  color: #333333;
}

/* fix for meter password set */
tr.password-set td {
  padding-bottom: 15px;
}

/* ACCORDION */
.accordion dt,
.topics dt {
  clear: both;
  color: #333;
  font-size: 12px;
  font-weight: bold;
  padding: 5px 0;
}

.accordion dd dl dt {
  color: #667777;
}

/* the following h5 styles are used in: gnHelperAccordion (group/policy/roles/users... create/edit)  */
h5 {
  clear: both;
  background: #cccccc;
  margin: 0 0 5px;
  padding: 5px 10px;
  text-transform: uppercase;
  -webkit-font-smoothing: antialiased;
}

h5.on {
  color: #FFF;
  background: #333333;
}

h5.done {
  color: #FFF;
  cursor: pointer;
  background: #333333;
}

h5.error {
  color: #900;
  cursor: pointer;
  background: #DBB;
}

h5 span a {
  display: none;
}

h5.done span a,
h5.on span a {
  color: #fff !important;
}

h5.error span a {
  color: #900 !important;
}

h5.error span a,
h5.done span a {
  display: inline;
  font-size: 9px;
  font-weight: normal;
  margin: 0 0 0 10px;
  text-transform: none;
}

/* FORM */
.form dt {
  clear: both;
  color: #333;
  font-size: 13px;
  font-weight: bold;
  padding: 5px 0;
}

/* LISTBOX (autocomplete: combobox, filter, picker, search)
---------------------------------------------------------------------- */
ul.ui-autocomplete {
  list-style: none;
  background: #FFF;
  border: 1px solid #999999;
  border-top: 0;
  -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.15);
  font-size: 11px;
  margin: -1px 0 0;
  padding: 0;
  position: absolute;
  text-align: left !important;
  width: 250px;
  z-index: 20;
}

.ui-autocomplete li {
  display: block;
  width: 100%;
}

.ui-autocomplete a,
.ui-autocomplete div.ui-menu-item-wrapper {
  display: block;
  padding: 3px 10px;
  cursor: pointer;
  font-size: 11px;
  color: #06C;
}

.ui-autocomplete em {
  font-style: normal;
  font-weight: bold;
  text-decoration: underline;
}

/* headings */
.ui-autocomplete .header {
  display: block;
  padding-top: 5px;
  padding-bottom: 5px;
  color: #666;
  cursor: default;
  text-decoration: none;
  border-bottom: 1px solid #bbb;
}

.ui-autocomplete .subheader {
  display: block;
  padding-top: 5px;
  color: #666;
  cursor: default;
  text-decoration: none;
}

/* no results */
.ui-autocomplete .no-results {
  display: block;
  padding-top: 5px;
  padding-bottom: 5px;
  color: #666;
  cursor: default;
  text-decoration: none;
}

/* hover */
.ui-autocomplete li a.ui-state-hover {
  background: #b8db99;
  text-decoration: none !important;
}

/* search */
.mast-searchfield .autocomplete-search {
  width: 309px;
}

.autocomplete-search {
  width: 251px;
}

.ui-autocomplete .select {
  text-decoration: none;
  color: #333;
}

.ui-autocomplete li a:hover {
  text-decoration: none !important;
  cursor: default;
}

.ui-autocomplete li .ac-error {
  color: #900;
  text-decoration: none !important;
  cursor: default;
}

.ui-autocomplete li a:hover .select {
  cursor: pointer;
}

/* customize icon for device quick search */
.ui-autocomplete .meter-1-ansi,
.ui-autocomplete .meter-1-iec,
.ui-autocomplete .meter-3-phase,
.ui-autocomplete .router,
.ui-autocomplete .t-meter1iec,
.ui-autocomplete .t-meter3iec,
.ui-autocomplete .water-meter,
.ui-autocomplete .gas-meter,
.ui-autocomplete .pan-dred,
.ui-autocomplete .pan-display,
.ui-autocomplete .pan-smart-plug,
.ui-autocomplete .pan-smart-plug-off,
.ui-autocomplete .pan-panel-meter,
.ui-autocomplete .sg-card {
  /* needed so that we can set some height to have enough space for the icons */
  display: block;
  height: 13px;
  padding: 4px 0 6px 25px;
  background: url("../images/sprites-tree.gif") no-repeat 0 0;
}

.ui-autocomplete .meter-1-ansi {
  background-position: 0 -300px;
}

.ui-autocomplete .meter-1-iec {
  background-position: 0 -400px;
}

.ui-autocomplete .meter-3-phase {
  background-position: 0 -5700px;
}

.ui-autocomplete .router,
.ui-autocomplete .t-meter1iec,
.ui-autocomplete .t-meter3iec {
  background-position: 0 -500px;
}

.ui-autocomplete .water-meter {
  background-position: 0 -700px;
}

.ui-autocomplete .gas-meter {
  background-position: 0 -600px;
}

.ui-autocomplete .pan-dred {
  background-position: 0 -4400px;
}

.ui-autocomplete .pan-display {
  background-position: 0 -5100px;
}

.ui-autocomplete .pan-smart-plug {
  background-position: 0 -4600px;
}

.ui-autocomplete .pan-smart-plug-off {
  background-position: 0 -4700px;
}

.ui-autocomplete .pan-panel-meter {
  background-position: 0 -5200px;
}

.ui-autocomplete .sg-card {
  background-position: 0 -5500px;
}

.ui-autocomplete .meter-1-ansi.offline {
  background-position: 0 -2200px;
}

.ui-autocomplete .meter-1-iec.offline {
  background-position: 0 -2300px;
}

.ui-autocomplete .meter-3-phase.offline {
  background-position: 0 -5800px;
}

.ui-autocomplete .water-meter.offline {
  background-position: 0 -2600px;
}

.ui-autocomplete .pan-dred.offline {
  background-position: 0 -4300px;
}

.ui-autocomplete .pan-display.offline {
  background-position: 0 -5000px;
}

.ui-autocomplete .pan-smart-plug.offline {
  background-position: 0 -4500px;
}

.ui-autocomplete .pan-panel-meter.offline {
  background-position: 0 -5300px;
}

.ui-autocomplete .water-meter.unknown {
  background-position: 0 -4100px;
}

.ui-autocomplete .gas-meter.unknown {
  background-position: 0 -4000px;
}

.ui-autocomplete .pan-dred.unknown {
  background-position: 0 -4200px;
}

.ui-autocomplete .pan-display.unknown {
  background-position: 0 -4900px;
}

.ui-autocomplete .pan-smart-plug.unknown {
  background-position: 0 -4800px;
}

.ui-autocomplete .pan-panel-meter.unknown {
  background-position: 0 -5400px;
}

.ui-autocomplete .sg-card.unbound {
  background-position: 0 -5600px;
}

/* filter */
.autocomplete-filter {
  width: 100%;
  /* margin-right: 30px;  MOVED TO ul.filters li.text-box */
}

/* picker */
.autocomplete-picker {
  width: 250px;
}

.ui-autocomplete .hint-more {
  color: #777;
  cursor: default;
}

.ui-autocomplete .signal {
  padding-right: 5px;
}

/* combobox (used in advanced search */
.autocomplete-combobox {
  width: 185px;
}

.autocomplete-combobox ul.ui-autocomplete {
  width: 160px;
}

/* input stylings */
.autocomplete-combobox input[type='text'],
.autocomplete-filter input[type='text'],
.table-filter input[type='number'],
.autocomplete-picker input[type='text'],
.autocomplete-search input[type='text'] {
  background: #FFF;
  border: 1px solid #999999;
  border-right: 0;
  color: #666;
  font-size: 11px;
  margin: 0;
  outline-style: none;
  -moz-outline-style: none;
  padding: 4px 8px;
  width: 207px !important;
  height: 12px;
}

#quick-device {
  width: 265px !important;
}

.table-filter input[type='number'] {
  width: 100px !important;
}

.autocomplete-combobox input[type='text'] {
  width: 142px !important;
}

.autocomplete-combobox input[type='text']:focus,
.autocomplete-filter input[type='text']:focus,
.autocomplete-picker input[type='text']:focus,
.autocomplete-search input[type='text']:focus {
  color: #333;
}

/* firefox-only adjustments */
.autocomplete-combobox input[type='text'],
x:-moz-any-link,
.autocomplete-filter input[type='text'],
x:-moz-any-link,
.autocomplete-picker input[type='text'],
x:-moz-any-link,
.autocomplete-search input[type='text'],
x:-moz-any-link {
  padding-bottom: 3px;
}

.autocomplete-search input[type='text'] {
  height: 13px;
  padding-bottom: 3px;
}

/* submit button */
.autocomplete-button,
.suggest {
  float: right;
  height: 20px;
  width: 24px;
  border: 1px solid #999;
  background: white url("../images/sprites-icons.gif") no-repeat 0px -8898px;
}

.suggest {
  background: white url("../images/bg-search-suggest.gif") no-repeat center center !important;
}

.autocomplete-button:hover {
  background: #717171 url("../images/sprites-icons.gif") no-repeat 0px -8998px;
}

.autocomplete-combobox .autocomplete-button {
  margin-top: 18px;
}

#advanced-search-form .autocomplete-combobox .autocomplete-button {
  margin-top: 16px;
}

/* cancel button */
.autocomplete-cancel,
.input-value-clear {
  float: right;
  padding: 3px 0 0 7px;
  cursor: pointer;
  background: url("../images/sprites-icons.gif") no-repeat 0 -9800px;
}

.autocomplete-cancel:hover,
.input-value-clear:hover {
  background: url("../images/sprites-icons.gif") no-repeat 0 -9900px;
}

/* fix for IE7 */
.ie7 .autocomplete-combobox input[type='text'],
.ie7 .autocomplete-filter input[type='text'],
.ie7 .autocomplete-picker input[type='text'],
.ie7 .autocomplete-search input[type='text'] {
  height: 13px;
  margin-top: -1px;
  margin-right: 40px;
}

.ie7 .autocomplete-search input[type='text'] {
  margin-top: -26px;
}

.ie7 .autocomplete-filter {
  position: relative;
}

.ie7 .autocomplete-filter .autocomplete-cancel {
  position: absolute;
  right: 0;
}

.ie7 .autocomplete-filter .autocomplete-button {
  position: absolute;
  right: 15px;
}

.ie7 .table-filter .autocomplete-button {
  margin-right: 5px;
}

/* fix for IE9 wrapping the autocomplete */
.ie9 .autocomplete-filter {
  position: relative;
}

.ie9 .autocomplete-filter .autocomplete-cancel {
  position: absolute;
  right: -2px;
}

.ie9 .autocomplete-filter .autocomplete-button {
  position: absolute;
  right: 15px;
}

.ie9 .autocomplete-filter input[type='text'] {
  margin-right: 40px;
}

/* LOCAL NAVIGATION (at the page level)
---------------------------------------------------------------------- */
.ui-tabs-panel {
  border: 0;
  margin: 0;
  padding-bottom: 20px;
}

.ui-tabs-hide {
  display: none;
}

.ui-tabs {
  width: 100%;
}

ul.ui-tabs-nav {
  clear: both;
  padding: 0;
  list-style: none;
  width: 100%;
  height: 30px;
  background: #ffffff;
  border-bottom: 1px solid #999999;
}

ul.ui-tabs-nav li {
  display: block;
  float: left;
  height: 29px;
  line-height: 30px;
  padding: 0 10px;
  white-space: nowrap;
  background: #CCCCCC;
  border: 1px solid #999999;
  margin-right: 3px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

ul.ui-tabs-nav li:hover {
  display: block;
  float: left;
  height: 29px;
  line-height: 30px;
  padding: 0 10px;
  white-space: nowrap;
  background: #bcbcbc;
  border-left: 1px solid #999999;
  border-right: 1px solid #999999;
}

ul.ui-tabs-nav a {
  display: inline-block;
  height: 100%;
  color: #333;
  text-decoration: none;
}

ul.ui-tabs-nav a:hover {
  display: inline-block;
  height: 100%;
}

ul.ui-tabs-nav li.ui-tabs-selected {
  background: #ffffff;
  border: 1px solid #999999;
  border-bottom: none;
  height: 30px;
}

ul.ui-tabs-nav li.ui-tabs-selected a,
ul.vert-nav li.ui-tabs-selected a {
  color: #333 !important;
  text-decoration: none;
  cursor: default;
}

ul.ui-tabs-nav li.ui-state-disabled {
  background: #EEE;
}

ul.ui-tabs-nav li.ui-state-disabled>* {
  color: #999;
  cursor: default;
}

.ui-tabs-sublabel {
  padding-left: 5px;
  color: #666;
}

ul.ui-tabs-nav li.ui-tabs-selected .ui-tabs-sublabel {
  color: #333 !important;
}

/* second level nav */
ul.sub-nav {
  margin-bottom: 15px;
  margin-top: 20px;
}

ul.sub-nav li {
  display: block;
  float: left;
}

ul.sub-nav li.fr {
  float: right;
  margin: 0 20px 0 0;
  text-align: left;
}

ul.sub-nav li ul {
  visibility: hidden;
}

ul.sub-nav li.ui-tabs-selected a {
  color: #333 !important;
}

ul.sub-nav li.ui-tabs-selected a:hover {
  color: #333 !important;
}

/* vertical nav */
ul.vert-nav {
  float: left;
  width: 160px;
}

ul.vert-nav li {
  display: block;
  padding: 0;
}

ul.list-reports li.ui-tabs-selected,
ul.vert-nav li.ui-tabs-selected {
  background: #b8db99;
}

ul.vert-nav li:hover {
  background: #e2f4d3;
}

ul.vert-nav li.ui-tabs-selected:hover {
  background: #b8db99;
}

li.ui-tabs-selected dt {
  color: #333;
}

ul.vert-nav li a {
  display: block;
  padding: 5px 5px 5px 5px;
  color: #333333;
  text-decoration: none;
  font-size: 12px;
  margin-top: 10px;
}

/* group builer nav */
ul.query-builder-nav {
  background: #DEE7EA;
  border: 0;
}

ul.query-builder-nav li {
  margin-left: 10px;
  margin-right: -8px;
  margin-bottom: -1px;
  border-bottom: 1px solid #cccccc;
}

ul.query-builder-nav li.ui-tabs-selected {
  background: #003344;
  border: 1px solid #003344;
}

ul.query-builder-nav li.ui-tabs-selected a {
  color: #FFF !important;
}

/* target picker */
a.add-targets,
a.add-meters {
  background: url("../images/sprites-icons.gif") no-repeat 0 -9100px;
  color: #1532c5 !important;
  font-weight: normal;
  margin: 0 15px 0 5px;
  padding: 0 0 0 22px;
}

#targets-selected {
  margin-bottom: 10px;
}

h4.target-heading {
  color: #444;
  font-size: 11px;
  padding-bottom: 5px;
}

.target-picker-modal {
  width: 1010px;
  left: 40px;
  top: 40px;
}

.target-picker-modal table {
  width: 720px;
}

.target-picker-modal table td {
  padding: 0 !important;
}

.target-picker-modal table td.empty {
  height: 29px;
}

.target-picker-modal table td.loading:hover {
  padding: 2px 10px 3px 0;
  background: none;
}

#tabs_target-picker {
  margin-top: 15px;
  width: 740px;
  height: 400px;
  float: left;
}

.target-picker-selection {
  width: 220px;
  margin-left: 20px;
  margin-top: 45px;
  float: right;
}

#selected-targets-drop {
  margin-top: 10px;
  margin-bottom: 13px;
  height: 270px;
  overflow: auto;
}

#selected-targets-drop ul {
  margin-bottom: 5px !important;
}

.target_picker_tab {
  position: relative;
  border-left: 1px solid #999999;
  border-right: 1px solid #999999;
  border-bottom: 1px solid #999999;
  height: 336px;
}

.target_picker_tab tfoot.loaded {
  display: none;
}

.picker-pagination {
  position: absolute;
  bottom: 10px;
  left: 5px;
}

.picker-sort {
  position: absolute;
  right: 5px;
  bottom: 10px;
  padding-top: 2px;
  margin-right: 15px;
}

.picker-sort a {
  text-decoration: underline;
}

.select-target,
.select-target:hover {
  display: block;
  height: 26px;
  line-height: 20px;
  padding: 4px 0 0 23px;
  text-decoration: none;
  background: url("../images/sprites-icons.gif") no-repeat 3px -9094px transparent;
}

.select-target:hover {
  background-color: #b8db99;
}

.select-target.disabled {
  background: url("../images/sprites-icons.gif") no-repeat 3px -9194px transparent;
  cursor: default;
}

.select-target.ineligible {
  background: url("../images/sprites-icons.gif") no-repeat 3px -9394px transparent;
  cursor: default;
  color: #666;
}

.select-target.ineligible:hover {
  background: white url("../images/sprites-icons.gif") no-repeat 3px -9394px !important;
  cursor: default;
}

.target {
  text-decoration: none;
}

.target.disabled {
  background: white;
  color: #666;
}

.target:hover {
  text-decoration: none;
}

.target-picker-modal table td:hover a.disabled {
  background-color: #ffffff;
}

.target.disabled:hover {
  background: #ffffff;
}

.target-picker-modal table td a.select-target.disabled:hover span.tip {
  display: none;
}

.target.ineligible {
  cursor: default;
  color: #ffffff;
}

.individual-targets {
  margin: 0 15px 25px;
}

.individual-targets td {
  padding-bottom: 20px;
}

.individual-targets ul {
  margin-right: 20px;
  width: 150px;
}

.individual-targets ul li.none-selected {
  padding: 3px 3px 3px 10px;
}

/* fix for #7890 */
.ie7 .individual-targets ul li.none-selected {
  position: relative;
}

dl dd ul.list li a.has-hidden-action {
  display: block;
  padding: 0;
  text-decoration: none;
  color: #333;
}

dl dd ul.list li a.has-hidden-action:hover {
  background: #b8db99;
}

/* FILTERS
---------------------------------------------------------------------- */
ul.filters {
  list-style: none;
  margin: 0;
  padding: 0;
}

ul.filters li {
  display: block;
  float: left;
  font-size: 12px;
}

/*ul.filters li:hover { position:relative; }*/
ul.filters-additional1 {
  margin-top: 30px;
}

ul.filters-additional2 {
  margin-top: 60px;
}

.filters-hide {
  display: none;
}

.filter-label {
  color: #333;
  font-weight: normal;
  padding-top: 4px;
  margin-right: 2px;
}

.filter-value {
  color: #333;
  font-weight: normal;
}

.filter-select,
.filter-threshold {
  margin-right: 30px;
}

.filter-threshold input[type=text],
.filter-threshold .fat-select,
.filter-threshold .filter-label {
  float: left;
}

.filter-threshold input[type=text] {
  margin-left: 3px;
  border: 1px solid #999999;
  height: 16px;
}

.filter-threshold.error input[type=text] {
  border: 2px solid red;
}

.filter-select .fat-select,
.filter-select .filter-label {
  float: left;
}

.filter-hide {
  display: none;
}

/* This is for dropdown in the filter bar of the tables */
a.select-value {
  display: block;
  background: white url("../images/bg-filter-arrows.gif") no-repeat right;
  padding: 2px 20px 3px 5px;
  border: 1px solid #999;
  -ms-border-radius: 3px;
  border-radius: 3px;
  color: #333;
}

a.select-value {
  text-decoration: none;
}

a.select-value:hover {
  background: white url("../images/bg-filter-arrows.gif") no-repeat right;
}

ul.dropdownmenu {
  position: absolute;
  display: none;
  /* left:-9999px; top:-9999px; we use JS to display .dropdownmenu */
  margin: 0;
  padding: 0;
  list-style: none;
  background: #FFF;
  border: 1px solid #999;
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.4);
  z-index: 30;
  color: #333;
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 200px;
}

/* ul.filters :hover .dropdownmenu { left:0px; top:20px; } we use JS to display .dropdownmenu */
ul.dropdownmenu li {
  display: block;
  float: none;
}

ul.dropdownmenu a {
  display: block;
  padding: 4px 20px 4px 10px;
  white-space: nowrap;
}

ul.dropdownmenu a {
  color: #333;
  font-size: 11px;
  font-weight: normal;
  text-decoration: none;
}

ul.dropdownmenu a:hover {
  position: relative;
  background: #b8db99;
  color: #333;
}

ul.dropdownmenu a.optiongroup {
  font-weight: bold;
  margin-top: 15px;
}

/* misc */
ul.filters li select {
  border: none;
}

ul.filters li.dates {
  margin: 0 35px 0 -30px;
  padding-top: 3px;
}

ul.filters li.text-box {
  padding: 0px 30px 0px 0px;
}

ul.filters li.count {
  background: #15445c;
  color: #BCD;
  margin: 5px 0 5px 11px;
  padding: 3px 10px;
  -ms-border-radius: 2px;
  border-radius: 2px;
}

/* this is for addtional filters bar show/hide toggle */
tr.table-filters a.more,
tr.table-filters a.less {
  float: right;
}

/* specific overrides for system reliability report */
#system-reliability-indexes-table,
#system-reliability-indexes-table ul.filters {
  /* fixes #8239 */
  min-width: 900px;
}

#system-reliability-indexes-table li.text-box label {
  text-align: right;
  width: 150px;
  display: inline-block;
}

#system-reliability-indexes-table li.filter-threshold span.filter-label {
  text-align: right;
  width: 40px;
  display: inline-block;
}

/* various fixes for system reliability report expandable filters under ie7*/
.ie7 #system-reliability-indexes-table ul.filters-additional1,
ul.filters-additional2 {
  clear: both;
  margin-top: 0px;
}

.ie7 #system-reliability-indexes-table li.filter-threshold {
  margin-right: 10px;
}

.ie7 #system-reliability-indexes-table .autocomplete-filter {
  margin-right: 0px;
}

.ie7 #system-reliability-indexes-table .autocomplete-filter input[type='text'] {
  width: 127px !important;
  margin-right: 41px;
}

.ie7 #system-reliability-indexes-table tr.table-filters td {
  padding-left: 5px;
}

.ie7 #system-reliability-indexes-table ul.filters {
  /* fixes #8239 */
  min-width: auto;
}

/* specific overrides for system outages report */
input#system-outages-table-transformer,
input#system-outages-table-feeder {
  width: 135px !important;
}

input#system-outages-table-subtransformer {
  width: 188px !important;
}

#system-outages-report {
  position: relative;
  overflow: auto;
}

#system-outages-filter-list-container {
  position: relative;
  width: 240px;
}

#system-outages-filter-tree-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 99;
  display: none;
}

#system-outages-content {
  position: absolute;
  left: 240px;
  right: 0;
  top: 0;
  bottom: 0;
}

#system-outages-map-container {
  position: absolute;
  left: 0;
  right: 0;
  top: 35px;
  bottom: 0;
  border-left: 1px solid #BDBDBD;
}

#system-outages-table-map-main {
  position: relative;
}

#system-outages-table-map-main p {
  margin-left: 5px;
}

/* .svn.inline-chart {
  min-width: 875px;
} */

#system-outages-level2-layout-toggle {
  display: none;
  margin-right: 0;
}

.system-outages-distribution-filter-list h3 {
  margin-top: 5px;
}

.system-outages-distribution-filter-list h3:hover {
  cursor: pointer;
}

.system-outages-distribution-filter-list ul {
  background: #EEE;
  border: 1px inset black;
  margin: 3px 0 0 10px;
  padding: 0 0 5px 5px;
  width: 200px;
  overflow: auto;
  max-height: 200px;
  position: relative;
}

.system-outages-distribution-filter-list ul li {
  clear: both;
}

.system-outages-distribution-filter-list ul.closed {
  display: none;
}

.system-outages-first-row {
  height: 28px;
  padding-top: 6px;
  border-bottom: 1px solid #BDBDBD;
}

.system-outages-first-row div {
  margin-left: 10px;
}

#system-outages-back-to-level1 {
  margin-left: 10px;
}

#system-outages-map-container .datatable-notice {
  padding: 5px 15px 5px 10px;
  border-bottom: 1px solid #BDBDBD;
  width: 100%;
}

/* specific overrides for water meter alerts report */
input#water-meter-alerts-table-transformer,
input#water-meter-alerts-table-feeder {
  width: 135px !important;
}

input#water-meter-alerts-table-subtransformer {
  width: 188px !important;
}

#water-meter-alerts-report {
  position: relative;
  overflow: auto;
}

#water-meter-alerts-filter-list-container {
  position: relative;
  width: 240px;
}

#water-meter-alerts-map-container {
  position: absolute;
  left: 0;
  right: 0;
  top: 35px;
  bottom: 0;
  border-left: 1px solid #BDBDBD;
}

/* #water-meter-alerts-content {
margin-right: 20px;
} */

#water-meter-alerts-table-map-main {
  position: relative;
}

#water-meter-alerts-table-map-main p {
  margin-left: 5px;
}

#water-meter-alerts-map-legend {
  background-color: white;
  border-radius: 15px;
  display: none;
  margin: 10px;
  padding: 13px 17px 7px 14px;
  position: absolute;
  left: 0;
}

.water-meter-alerts-map-legend-item {
  margin-bottom: 6px;
}

.water-meter-alerts-map-legend-item span {
  margin-left: 5px;
  position: relative;
  top: -3px
}

#water-meter-alerts-level2-layout-toggle {
  display: none;
  margin-right: 0;
}

.water-meter-alerts-distribution-filter-list h3 {
  margin-top: 5px;
}

.water-meter-alerts-distribution-filter-list h3:hover {
  cursor: pointer;
}

.water-meter-alerts-distribution-filter-list ul {
  background: #EEE;
  border: 1px inset black;
  margin: 3px 0 0 10px;
  padding: 0 0 5px 5px;
  width: 200px;
  overflow: auto;
  max-height: 200px;
  position: relative;
}

.water-meter-alerts-distribution-filter-list ul li {
  clear: both;
}

.water-meter-alerts-distribution-filter-list ul.closed {
  display: none;
}

.water-meter-alerts-first-row {
  height: 28px;
  padding-top: 6px;
  border-bottom: 1px solid #BDBDBD;
}

.water-meter-alerts-first-row div {
  margin-left: 10px;
}

/* PAGINATION
---------------------------------------------------------------------- */
.page-button {
  float: left;
  height: 18px;
  font-size: 13px;
  background: #EEE;
  border: 1px solid #999;
  -ms-border-radius: 2px;
  border-radius: 2px;
}

.page-button a {
  position: relative;
  text-decoration: none;
  color: #333;
}

.page-button a:hover {
  cursor: pointer;
}

.page-button a {
  background: white;
  background: -ms-linear-gradient(top, white, #cecdce);
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #cecdce));
  background: -webkit-linear-gradient(top, #ffffff, #cecdce);
  background: -moz-linear-gradient(top, #ffffff, #cecdce);
  background: -o-linear-gradient(top, #ffffff, #cecdce);
  background: linear-gradient(top, #ffffff, #cecdce);
}

.ie8 .page-button a {
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFCECDCE');
}

.ie9 .page-button a {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2NlY2RjZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: linear-gradient(top, #ffffff, #cecdce);
}

.page-button a:hover {
  background: #cecdce;
  background: -ms-linear-gradient(top, #cecdce, white);
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #cecdce), color-stop(100%, #ffffff));
  background: -webkit-linear-gradient(top, #cecdce, #ffffff);
  background: -moz-linear-gradient(top, #cecdce, #ffffff);
  background: -o-linear-gradient(top, #cecdce, #ffffff);
  background: linear-gradient(top, #cecdce, #ffffff);
}

.ie8 .page-button a:hover {
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFCECDCE', endColorstr='#FFFFFFFF');
}

.ie9 .page-button a:hover {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NlY2RjZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: linear-gradient(top, #cecdce, #ffffff);
}

.page-button span.aquo {
  display: block;
  margin-top: -1px;
}

.page-first {
  display: block;
  float: left;
  height: 100%;
  width: 22px;
  text-align: center;
}

.page-prev {
  display: block;
  float: left;
  height: 100%;
  width: 22px;
  text-align: center;
  font-weight: bold;
  border-left: 1px solid #999;
}

.page-next {
  display: block;
  float: left;
  height: 100%;
  width: 22px;
  text-align: center;
  font-weight: bold;
  border-right: 1px solid #999;
}

.page-last {
  display: block;
  float: left;
  height: 100%;
  width: 22px;
  text-align: center;
}

.page-showing {
  float: left;
  margin: 3px 10px 0px 4px;
}

.page-showing a {
  padding: 0 5px;
}

.page-per,
.table-layout,
.table-export {
  float: right;
  margin-top: 3px;
  color: #333;
  font-weight: normal;
}

.page-per a,
.table-layout a,
.table-export a {
  padding: 0 5px;
  font-weight: normal;
}

.page-button .disabled {
  color: #999 !important;
  cursor: default;
}

.page-button .disabled {
  background: white;
  background: -ms-linear-gradient(top, white, #cecdce);
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #cecdce));
  background: -webkit-linear-gradient(top, #ffffff, #cecdce);
  background: -moz-linear-gradient(top, #ffffff, #cecdce);
  background: -o-linear-gradient(top, #ffffff, #cecdce);
  background: linear-gradient(top, #ffffff, #cecdce);
}

.ie8 .page-button .disabled {
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFCECDCE');
}

.ie9 .page-button .disabled {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2NlY2RjZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: linear-gradient(top, #ffffff, #cecdce);
}

.table-layout,
.table-export {
  margin-right: 30px;
  margin-left: 30px;
}

/* TABLES
---------------------------------------------------------------------- */
/* table headers */
th {
  border: 1px solid #BDBDBD !important;
  padding: 4px 14px 3px 10px;
  text-align: left;
  vertical-align: top;
  font-weight: bold;
  color: #333333;
  white-space: nowrap;
}

th {
  background: #ebecee;
  background: -ms-linear-gradient(top, white, #ebecee);
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #ebecee));
  background: -webkit-linear-gradient(top, #ffffff, #ebecee);
  background: -moz-linear-gradient(top, #ffffff, #ebecee);
  background: -o-linear-gradient(top, #ffffff, #ebecee);
  background: linear-gradient(top, #ffffff, #ebecee);
}

.ie9 th {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ViZWNlZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: linear-gradient(top, #ffffff, #ebecee);
}

/* table filters */
tr.table-filters {
  border-top: 1px solid #BDBDBD;
}

tr.table-filters {
  background: #f0f0f0;
  background: -ms-linear-gradient(top, #f0f0f0, #d9d9d9);
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f0f0f0), color-stop(100%, #d9d9d9));
  background: -webkit-linear-gradient(top, #f0f0f0, #d9d9d9);
  background: -moz-linear-gradient(top, #f0f0f0, #d9d9d9);
  background: -o-linear-gradient(top, #f0f0f0, #d9d9d9);
  background: linear-gradient(top, #f0f0f0, #d9d9d9);
}

.ie8 tr.table-filters {
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF0F0F0', endColorstr='#FFD9D9D9');
}

.ie9 tr.table-filters {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjBmMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Q5ZDlkOSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: linear-gradient(top, #f0f0f0, #d9d9d9);
}

/* table pagination */
tr.table-pagination {
  background: #ffffff !important;
  padding: 5px 5px 5px 3px;
}

tr.table-pagination td {
  border: none !important;
  background: #fffffff;
  padding: 5px 5px 5px 3px;
  margin-top: 5px;
}

tr.table-pagination-buttons td {
  padding-top: 25px !important;
}

tr.table-pagination:hover {
  background: none;
}

/* table borders */
table.no-border,
table.no-border td {
  border: none !important;
}

table.outerborder {
  border: 1px solid #bdbdbd !important;
}

tr.bordertop {
  border-top: 1px solid #bdbdbd !important;
}

td.no-border,
table.nav td.no-border {
  border: none;
}


/* hover states (only for data tables -- we could make this more generic by building a class table.hover)*/
table.datatable tbody tr:hover {
  background: #f7f7f7;
}

table.datatable tr.no-hover:hover {
  background: none;
}

table.datatable th:hover {
  cursor: pointer;
  text-decoration: none;
  font-weight: bold;
  color: #333333;
}

table.datatable th:hover {
  background: #f3f3f3;
  background: -ms-linear-gradient(top, #ebecee, white);
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ebecee), color-stop(100%, #ffffff));
  background: -webkit-linear-gradient(top, #ebecee, #ffffff);
  background: -moz-linear-gradient(top, #ebecee, #ffffff);
  background: -o-linear-gradient(top, #ebecee, #ffffff);
  background: linear-gradient(top, #ebecee, #ffffff);
}

.ie9 table.datatable th:hover {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ViZWNlZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: linear-gradient(top, #ebecee, #ffffff);
}

table.datatable th.no-sort,
table.datatable th.no-sort:hover,
th.no-sort,
th.no-sort:hover {
  color: #333 !important;
  cursor: default !important;
  text-decoration: none !important;
  white-space: nowrap;
}

"table.datatable th.no-sort, table.datatable th.no-sort:hover, th.no-sort, th.no-sort:hover" top {
  background: #ebecee;
  background: -ms-linear-gradient(white, #ebecee, #ebecee);
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(50%, #ebecee), color-stop(100%, #ebecee));
  background: -webkit-linear-gradient(#ffffff, #ebecee, #ebecee);
  background: -moz-linear-gradient(#ffffff, #ebecee, #ebecee);
  background: -o-linear-gradient(#ffffff, #ebecee, #ebecee);
  background: linear-gradient(#ffffff, #ebecee, #ebecee);
}

.ie8 "table.datatable th.no-sort, table.datatable th.no-sort:hover, th.no-sort, th.no-sort:hover" top {
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFEBECEE', endColorstr='#FFEBECEE');
}

.ie9 "table.datatable th.no-sort, table.datatable th.no-sort:hover, th.no-sort, th.no-sort:hover" top {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZWJlY2VlIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZWJlY2VlIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background: linear-gradient(#ffffff, #ebecee, #ebecee);
}

/* for the case when a report is in progress (on request report) */
table.datatable td.in-progress {
  padding-left: 35px;
  background: white url("../images/arrows-loading.gif") no-repeat 15px center !important;
}

/* fix bg bug on ie7 seen on DRED table */
.ie7 table.datatable tr.table-filters td {
  background: #DDD;
}

/* fix for missing border at bottom of tables on topics only */
.ie7 .topics table.datatable {
  border-bottom: 1px solid #BDBDBD;
}

/* tables used for page layout (not data) */
table.layout {
  background: none;
  border: none !important;
  vertical-align: top;
}

table.layout td {
  background: none;
  border: none !important;
  padding: 0;
  vertical-align: top;
}

table.nav {
  background: none;
  border: none !important;
  vertical-align: top;
  margin-bottom: 30px;
}

table.nav td {
  background: none;
  vertical-align: top;
}

table.nav td.td-nav {
  border: none;
  padding: 0;
}

table.nav td.td-content {
  padding: 10px 0px 0 25px;
  border: none;
}

table.nav td.row-check {
  width: 40px;
}

table.cols {
  background: none;
  border: none !important;
  margin-bottom: 10px;
  margin-left: 10px;
}

table.cols td {
  border: none !important;
  padding: 2px 10px 3px 0;
  vertical-align: top;
}

table.datatable {
  min-width: 890px;
  white-space: nowrap;
}

div#scm-license-table-container,
div#scm-transaction-history-table-container {
  display: block;
  max-width: -moz-fit-content;
  max-width: fit-content;
  margin: 0 auto;
  overflow: auto;
  scrollbar-width: auto;
  -ms-overflow-style: auto;
}


/* width */

div#scm-license-table-container::-webkit-scrollbar,
div#scm-transaction-history-table-container::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

/* Track */
div#scm-license-table-container::-webkit-scrollbar-track,
div#scm-transaction-history-table-container::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  border-radius: 10px;
  background: #f1f1f1;
}

/* Handle */
div#scm-license-table-container::-webkit-scrollbar-thumb,
div#scm-transaction-history-table-container::-webkit-scrollbar-thumb {
  background: #BDBDBD;
  border-radius: 10px;
}


div#scm-license-table-container #scm-license-table .page-per,
div#scm-license-table-container #scm-license-table .page-showing,
div#scm-transaction-history-table-container #scm-transaction-history-table .page-per,
div#scm-transaction-history-table-container #scm-transaction-history-table .page-showing {
  position: -webkit-sticky;
  position: sticky;
  right: 300pt;
}

/*@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
   IE10+ CSS styles go here

  div#scm-license-table-container #scm-license-table .page-per,
  div#scm-transaction-history-table-container #scm-transaction-history-table .page-per,
  div#scm-license-table-container #scm-license-table .table-export,
  div#scm-transaction-history-table-container #scm-transaction-history-table .table-export{
    position: relative !important; 
    display: inline-block;
  }
} */

div#scm-license-table-container #scm-license-table .table-export,
div#scm-transaction-history-table-container #scm-transaction-history-table .table-export {
  position: -webkit-sticky;
  position: sticky;
  right: 200pt;
}

/* used when loading data into the table */
table.datatable td.loading {
  text-align: center;
  background: white url("../images/arrows-loading.gif") no-repeat center !important;
}

/* sorted columns */
table.datatable th.sortedASC,
table.datatable th.sortedDESC {
  background: #cccccc url("../images/sprites-col-headers.png") no-repeat;
  text-decoration: none;
}

table.datatable th.sortedASC {
  background-position: right -3px;
}

table.datatable th.sortedASC:hover {
  background-position: right -53px;
}

table.datatable th.sortedDESC {
  background-position: right -103px;
}

table.datatable th.sortedDESC:hover {
  background-position: right -153px;
}

/* data cells */
td {
  border: 1px solid #BDBDBD;
  padding: 5px 15px 5px 10px;
}

td.top {
  vertical-align: top;
}

table.datatable td dl {
  float: left;
  margin-right: 35px;
}

/* event viewer cell styles */
table.datatable td.info {
  color: #2b71c7 !important;
  background: #eaf1fa;
}

table.datatable td.debug {
  color: #56b064 !important;
  background: #eef7f0;
}

table.datatable td.error {
  color: #900 !important;
  font-weight: bold;
  background: #f7eaeb;
}

table.datatable td.warning {
  color: #f8951f !important;
  background: #fef5e9;
}

/* generic cell styles */
table.datatable td.blank {
  border: 1px solid #fff;
  border-top: none;
  border-bottom: none;
  padding: 5px 0;
}

/* tweak datatable headers */
table.datatable thead td {
  padding: 5px 5px;
}

table.datatable thead th {
  white-space: nowrap;
}

/* for any table (datatable or not) have a specific style for empty cell */
/* specificity for table.datatable for the case it's embedded in a .nav container */
table td.empty,
table.datatable td.empty {
  background: #f4f4f4;
}

a.remove-apn {
  /*background: url("../images/sprites-icons.gif") no-repeat 0 -9400px; /* grey x */
  background: url("../images/sprites-icons.gif") no-repeat 0 -9700px;
  /* red x */
  color: #1532c5 !important;
  font-weight: normal;
  margin: 0 0 0 0;
  padding: 0 0 0 22px;
}

/* map and chart table layouts */
.table-map {
  height: 500px;
  padding: 0;
}

.table-sidebar {
  padding: 0;
  vertical-align: top;
  border-right: 1px solid #BDBDBD;
}

.table-chart {
  padding: 0;
  vertical-align: top;
  height: 500px;
  width: 800px;
  background: #BDBDBD;
}

/* chart table content */
.table-chart table tr,
.table-chart table tr:hover {
  background: #FFF;
}

.table-chart table th,
.table-chart table th:hover {
  background: #FFF;
  text-decoration: none;
  cursor: default;
  border: none !important;
  border-bottom: 1px solid #AAA !important;
  border-right: 1px solid #AAA !important;
}

.table-chart table td {
  width: 100%;
  border: none;
  padding: 0;
  border-bottom: 1px solid #AAA;
}

/* specific for failed enforcement: hover on the td background should look clickable */
table.datatable td.failed-enforcements:hover {
  background: #CCDDFF;
  cursor: pointer;
}

/* specific for failed enforcement: we need to make the tooltip over as wide as we can in the cell */
a.failed-enforcements {
  display: block;
}

/* specific for failed enforcement: we need to tweak the tooltip position to avoid the horizontal scrollbar */
a.failed-enforcements:hover span.tip {
  right: 0;
  left: auto;
}

/* used for yellow fading the last modified object */
table.datatable tr.fade7 td {
  background: #feebd6;
}

table.datatable tr.fade6 td {
  background: #feeedb;
}

table.datatable tr.fade5 td {
  background: #fef1e1;
}

table.datatable tr.fade4 td {
  background: #fff4e7;
}

table.datatable tr.fade3 td {
  background: #fff7ed;
}

table.datatable tr.fade2 td {
  background: #fff9f3;
}

table.datatable tr.fade1 td {
  background: #fffcf9;
}


/* NOTE CFM: the rest, is table stuff CFM hasn't reviewed */
td.cl {
  border-right: none;
  padding: 5px 2px 5px 20px;
  text-align: left;
}

/*td.clb { border-right: none; font-size: 14px; font-weight: bold; padding: 4px 8px 4px 20px; text-align: right; } not used anymore */
td.cll {
  border-right: none;
  font-size: 12px;
  font-weight: normal;
  padding: 5px 20px;
}

td.cc {
  border-left: none;
  border-right: none;
  padding: 5px 2px;
}

/*td.ccl { border-left: none; border-right: none; padding: 5px 20px 5px 38px; } not used anymore */
td.ccr {
  border-left: none;
  border-right: none;
  padding: 5px 38px 5px 20px;
}

td.cr {
  border-left: none;
  padding: 5px 20px 5px 3px;
  white-space: nowrap;
}

td.crb {
  border-left: none;
  font-size: 12px;
  font-weight: normal;
  padding: 4px 20px 4px 0;
  text-align: right;
}

td.crbl {
  border-left: none;
  font-size: 12px;
  font-weight: normal;
  padding: 4px 20px 4px 3px;
  text-align: left;
}

td.divider {
  background: #BDBDBD;
  border: 1px solid #BDBDBD;
  height: 2px;
  padding: 0 !important;
}

th.over {
  color: #2970c7;
  cursor: pointer;
  text-decoration: underline;
}

td.red {
  font-weight: bold;
}

/* INPUTS & LABELS
---------------------------------------------------------------------- */
div.inputs {
  display: inline;
  margin: 0;
  padding: 0;
  white-space: nowrap;
}

div.inputs input[type='text'] {
  text-align: center;
}

div.inputs img.spinwheel {
  cursor: pointer;
  margin: 0;
  vertical-align: top;
}

.ie7 div.inputs {
  vertical-align: top;
}

.ie7 div.inputs img.spinwheel {
  vertical-align: -25%;
}

input.med {
  margin: 0 !important;
  width: 50px !important;
}

input.short {
  margin: 0 !important;
  text-align: center;
  width: 30px !important;
}

input.focus {
  background: #FFD;
}

span.timepicker {
  background: white url("../images/sprites-icons.gif") no-repeat 5px -8798px;
  color: #333;
  font-size: 11px;
  font-weight: normal;
  margin-left: 5px;
  padding: 1px 10px 1px 25px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #999999;
}

span.timepicker:focus {
  background: white url("../images/sprites-icons.gif") no-repeat 5px -8798px;
}

ul.filters li span.timepicker {
  padding: 2px 10px 3px 25px;
}

/* checkbox buttons */
label.checkbox_checked,
label.checkbox_unchecked,
label.checkbox_disabled {
  float: left;
  display: block;
  padding: 5px 15px 4px 23px;
  font-size: 12px;
  color: #333;
  text-decoration: none;
  cursor: pointer;
  background: url("../images/bg-label.png") 0 -37px;
}

label.checkbox_checked {
  font-weight: normal;
  background: url("../images/bg-label.png") -1000px -37px;
}

label.checkbox_disabled {
  cursor: default;
  color: #666;
  background: url("../images/bg-label.png") -4000px -37px;
}

/* checkbox hovers */
label.checkbox_unchecked:hover {
  -ms-border-radius: 5px;
  border-radius: 5px;
  background: #eeeeee url("../images/bg-label.png") 0 -37px;
}

label.checkbox_checked:hover {
  -ms-border-radius: 5px;
  border-radius: 5px;
  background: #eeeeee url("../images/bg-label.png") -1000px -37px;
}

/* special case: checkboxes in a datatable */
table.datatable label.row-check,
label.row-check {
  padding: 0px 0px 5px 17px;
  margin-top: -5px;
}

/* radio buttons */
label.radio_checked,
label.radio_unchecked,
label.radio_disabled {
  float: left;
  display: block;
  padding: 5px 15px 6px 26px;
  font-size: 12px;
  color: #333;
  text-decoration: none;
  cursor: pointer;
  background: url("../images/bg-label.png") -2000px -37px;
}

label.radio_checked {
  font-weight: normal;
  background: url("../images/bg-label.png") -3000px -37px;
}

label.radio_disabled {
  cursor: default;
  color: #666;
  background: url("../images/bg-label.png") -5000px -37px;
}

/* radio hovers */
label.radio_unchecked:hover {
  -ms-border-radius: 5px;
  border-radius: 5px;
  background: #eeeeee url("../images/bg-label.png") -2000px -37px;
}

label.radio_checked:hover {
  -ms-border-radius: 5px;
  border-radius: 5px;
  background: #eeeeee url("../images/bg-label.png") -3000px -37px;
}

span.input-static-text {
  padding: 5px 15px 4px 26px;
  display: block;
  float: left;
}

/* moves the input-form HTML off the screen */
input.fat {
  position: absolute;
  left: -10000px;
}

/* NOTE CFM: refactor these */
label em,
dl dd label em {
  display: block;
  color: #666;
  font-size: 10px;
  font-style: normal;
  font-weight: normal;
  padding: 0;
}

dl dd ul.list li.last {
  vertical-align: top !important;
}

/* removes some padding for the schedule picker spinwheel on policy create */
dl dd ul.list li.last label {
  padding-right: 10px !important;
}

/* DO NOT CHANGE OR REMOVE */
/* says who? why? */
label.block {
  display: block !important;
  float: none;
  margin: 0 0 10px;
}

/* STATUS PANELS
---------------------------------------------------------------------- */
.status-panels {
  margin-bottom: 20px;
}

.status-panel {
  float: left;
  width: 180px;
  padding: 10px;
  background: #F5F5F5;
  -ms-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
  border: 1px solid #bdbdbd;
}

.spanel-xwide {
  float: none;
  width: 980px;
}

.status-panel .more {
  float: right;
}

.report-panel-left {
  float: left;
  margin-right: 60px;
}

.status-panel dt {
  font-size: 12px;
}

/*
*
* styles by section
*
*/

.masthead {
  border-bottom: 1px solid red;
  height: 35px;
  padding: 0 15px 0 10px;
  position: relative;
  z-index: 10;
}

.mast-logo {
  float: left;
  padding-right: 15px;
  position: relative;
  top: -5px;
}

.mast-search {
  float: right;
  padding: 2px 5px 4px 2px;
  min-width: 285px;
}

.mast-searchfield {
  float: right;
  padding-top: 5px;
}

a.mast-asearch {
  position: relative;
  display: block;
  float: right;
  margin: 5px 0 0 0px;
  height: 20px;
  width: 24px;
  font-size: 24px;
  line-height: 26px;
  text-align: center;
  text-decoration: none;
  background: #FFF;
  border: 1px solid #999999;
  border-left: none;
  color: #7c7c7c;
}

a.mast-asearch:hover {
  background: #717171;
  color: #ffffff !important;
  border: 1px solid #999;
  border-left: none;
}

a.mast-asearch:hover span.tip {
  top: 30px;
  left: auto;
  right: 0;
}

ul.mast-nav {
  margin: 0;
  padding: 0;
  list-style: none;
  min-width: 900px;
}

ul.mast-nav li {
  position: relative;
  display: block;
  float: left;
}

/* ul.mast-nav li:hover { position:relative; } */
.selected-nav {
  color: #ffffff;
  text-decoration: underline !important;
}

.selected-nav:hover {
  color: #ffffff;
  text-decoration: underline !important;
}

ul.mast-nav a {
  display: block;
  padding: 0px 20px;
  height: 100%;
  line-height: 32px;
  text-align: center;
  color: #FFF !important;
  font-size: 13px;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
}

ul.mast-nav a:hover {
  position: relative;
  color: #FFF !important;
  text-decoration: underline;
  z-index: 500;
}

ul.mast-nav a.mast-morelink {
  padding-right: 14px;
  background: url("../images/sprites-icons.gif") no-repeat 55px -8485px;
}

ul.mast-moremenu {
  background: #FFF;
  border: 1px solid #999;
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.4);
  display: none;
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  width: 170px;
  z-index: 90;
}

/* ul.mast-nav :hover .mast-moremenu { left:0; top:28px; } we use JS to display .mast-moremenu */
ul.mast-moremenu li {
  float: none;
  background: #FFF;
}

ul.mast-moremenu a {
  display: block;
  width: 140px;
  line-height: 16px;
  padding-top: 5px;
  padding-bottom: 8px;
  padding-left: 10px;
  color: #333333 !important;
  font-weight: normal;
  text-align: left;
  text-decoration: none;
  white-space: nowrap;
  font-size: 12px;
}

ul.mast-moremenu a:hover {
  background: #b8db99;
  color: #333333 !important;
  text-decoration: none;
  font-size: 12px;
  height: 16px !important;
}

li.mast-separator {
  border-bottom: 1px solid #CCC;
}

/* FOOTER */
.footer {
  position: fixed;
  bottom: 0;
  height: 25px;
  width: 100%;
  border-top: 1px solid #333333;
  font-size: 12px;
  color: #999;
  z-index: 1001;
  font-weight: normal;
}

.ie8 .footer {
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF070707', endColorstr='#FF505050');
}

.footer a {
  color: #ffffff !important;
  font-weight: normal;
  text-decoration: none;
}

.footer a:hover {
  color: #ffffff;
  text-decoration: underline;
}

ul.foot-nav {
  float: right;
  list-style: none;
  margin: 0;
  padding: 4px 7px 0 0;
}

ul.foot-nav li {
  display: block;
  float: left;
}

ul.foot-nav li a {
  display: block;
  padding: 0 15px;
}

.foot-copyright {
  padding-top: 5px;
  padding-left: 12px;
  font-size: 11px;
  color: #cccccc;
}

.foot-lastlogin {
  float: right;
  margin-right: 20px;
  padding-top: 5px;
  font-size: 11px;
  font-weight: normal;
  color: #cccccc;
}

/* POLICIES */
.policy-layout-left {
  float: left;
  padding-top: 29px;
  margin-right: 20px;
  margin-bottom: 70px;
}

.policy-needsapproval {
  padding: 5px 0 15px 0;
  color: #900;
  font-weight: bold;
}

h4.rateprogram-heading {
  color: #333333;
  font-size: 12px;
}

dl#policy-content dd {
  margin-left: 20px;
}

dl#policy-content dd.indent {
  margin-left: 5px;
}

dl#policy-content dd:after {
  visibility: hidden;
  display: block;
  clear: both;
  height: 0;
  font-size: 0;
  content: " ";
}

dl#targets-content dd.controls {
  margin-top: 10px;
}

dl#policy-content dd.controls {
  clear: both;
  margin-left: 0;
  margin-top: 5px;
}

dl#details-content dd.controls {
  margin-top: 20px;
}

dl#details-content input[type='text'].text {
  width: 75%;
}

dl#details-content input[type='text'].text.user-domain {
  width: auto;
}

.list-policyresults {
  margin-top: 10px;
}

.list-policyresults li {
  margin-bottom: 10px;
}

body.policy-detail table.cols td {
  padding: 5px 0px;
}

body.policy-detail dl dd#flags {
  padding: 0px 0px;
}

body.policy-create table.group td input[type='text'] {
  width: 100%;
}

span.match {
  background: #ffff75;
  color: #333;
  font-weight: bold;
}

/* policy deploy/enforce status bar */
.deploy-bar {
  width: 148px;
  height: 8px;
  line-height: 0;
  border: 1px solid #CCC;
  margin: 3px 0 2px 0;
}

.deploy-bar span {
  display: block;
  height: 8px;
  line-height: 0;
  background: #333;
}

.deploy-count {
  color: #333 !important;
}

.enforce-bar {
  width: 148px;
  height: 8px;
  border: 1px solid #BDB;
  margin: 3px 0 2px 0;
}

.enforce-bar span {
  display: block;
  height: 8px;
  line-height: 0;
  background: #390;
}

.enforce-count {
  color: #333 !important;
}

/* frequency picker */
.freq-picker-value {
  margin: 0 5px;
  padding: 0 5px;
  border: 1px solid #CCC;
  color: #333;
  font-weight: normal;
}

.freq-picker-values {
  background: #FFF;
  padding: 10px;
  border: 1px solid #999999;
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.4);
  z-index: 10;
}

.freq-picker-values ol li {
  float: left;
  clear: none !important;
  padding: 0 0 5px 0 !important;
}

label.freq-picker-pick {
  width: 25px;
  padding: 3px 0;
  background: none;
  text-align: center;
  color: #06C;
}

label.freq-picker-pick:hover {
  background: #b8db99;
  -ms-border-radius: 0;
  border-radius: 0;
}

div.pan-text,
textarea.pan-text {
  width: 300px;
}

/* fix #7594 */
#pricing-tiers td {
  white-space: nowrap;
  vertical-align: top;
  padding-top: 10px;
}

#pricing-tiers-chart {
  border: 1px solid #CCC;
  margin-top: 10px;
  padding: 10px;
  width: 600px;
  height: 200px;
}

#pricing-tiers-chart.loading,
#pricing-tiers-chart.no-chart {
  background: #F4F4F4;
}

#pan-pricing-subcateg {
  padding-left: 30px;
}

/* DEVICES */
.devdash-ln-stat {
  padding-left: 10px;
  font-size: 10px;
  color: #666;
}

.ui-tabs-selected .devdash-ln-stat {
  color: #777 !important;
}

.devdash-headcount {
  padding-left: 3px;
  font-weight: normal;
  font-size: 13px;
  color: #666;
}

body.device-detail dl.han dd {
  padding: 8px 0 15px;
}

.device-status {
  padding-left: 5px;
}

.passwordTimeout {
  display: none;
  font-size: 14px;
  color: #69B;
  font-weight: bold;
}

/* TREEVIEW */
ul.ui-tree-view {
  list-style: none;
  margin: 0;
  padding: 5px 0 0;
}

.ui-tree-view li {
  display: block;
}

.ui-tree-node,
.ui-tree-node-empty {
  padding: 3px 0 3px 5px;
}

.ui-tree-node-empty {
  padding-left: 17px;
}

.ui-tree-group {
  list-style: none;
  margin: 0;
  padding: 0 0 0 12px;
}

.ui-tree-view .hide {
  display: none;
}

.ui-tree-view .outdent {
  margin-left: -17px;
}

.ui-tree-view .indent {
  padding-left: 36px;
}

/*.ui-tree-view.indent {
padding-left: 36px;
}*/
.gn-comms-tree-view {
  padding-left: 14px !important;
  display: block;
  margin-top: -10px !important;
}

.gn-parent-padding {
  padding-left: 16px !important;
}

.gn-child-padding {
  padding-left: 28px !important;
}

.gn-this-device-padding {
  padding-left: 45px !important;
}

a.t-open {
  display: inline-block;
  width: 12px;
  text-decoration: none;
  background: url("../images/sprites-tree.gif") no-repeat 0 -5800px;
}

a.t-closed {
  display: inline-block;
  width: 12px;
  text-decoration: none;
  background: url("../images/sprites-tree.gif") no-repeat 0 -5700px;
}

.t-this {
  background: #ffffff;
}

.t-count {
  display: inline-block;
  padding-left: 5px;
  font-size: 11px;
}

.ui-tree-node a {
  line-height: 16px;
}

.ui-tree-node h4,
.ui-tree-node-empty h4 {
  display: inline-block;
  margin-left: 3px;
  padding: 6px 0 3px 20px;
  font-weight: normal;
  background: url("../images/sprites-tree.gif") no-repeat;
  line-height: 10px;
}

#this-device>h4 {
  line-height: 16px;
}

h4.t-meter3phase {
  padding: 4px 0px 3px 33px;
}

.ui-tree-node-empty h4 {
  line-height: 16px;
}

.ie7 a.t-open,
.ie7 a.t-closed {
  position: absolute;
}

.ie7 .ui-tree-node h4,
.ie7 .ui-tree-node-empty h4 {
  margin-left: 15px;
}

h4.gn-topology-node {
  background: none;
  padding-left: 5px;
}

h4.t-subtransformer {
  background-position: 0 -200px;
}

h4.t-feeder {
  background-position: 0 -100px;
}

h4.t-comms {
  background-position: 0 -6400px;
}

h4.t-basestation {
  background-position: 0 -6500px;
}

h4.t-meter1ansi {
  background-position: 0 -300px;
}

h4.t-meter3ansi {
  background-position: 0 -6200px;
  padding-left: 34px;
}

h4.t-meter1iec {
  background-position: 0 -5900px;
}

h4.t-meter3iec {
  background-position: 0 -3800px;
}

h4.t-meter3phase {
  background-position: 0 -3800px;
}

h4.t-router {
  background-position: 0 -500px;
}

h4.t-gas-meter {
  background-position: 0 -600px;
}

h4.t-water-meter {
  background-position: 0 -700px;
}

h4.t-pan-other,
h4.t-no-pan {
  background-position: 0 -1800px;
}

h4.t-pan-refrigerator {
  background-position: 0 -800px;
}

h4.t-pan-entertainment-system {
  background-position: 0 -1200px;
}

h4.t-pan-washer-dryer {
  background-position: 0 -900px;
}

h4.t-pan-dishwasher {
  background-position: 0 -1000px;
}

h4.t-pan-air-conditioning {
  background-position: 0 -1400px;
}

h4.t-pan-computer-printer {
  background-position: 0 -1300px;
}

h4.t-pan-lights {
  background-position: 0 -1600px;
}

h4.t-pan-oven-hot-water {
  background-position: 0 -1100px;
}

h4.t-pan-solar-power {
  background-position: 0 -1500px;
}

h4.t-pan-fuel-cell {
  background-position: 0 -1700px;
}

h4.t-pan-dred {
  background-position: 0 -4400px;
}

h4.t-pan-display {
  background-position: 0 -5100px;
}

h4.t-pan-smart-plug {
  background-position: 0 -4600px;
}

h4.t-pan-smart-plug-off {
  background-position: 0 -4700px;
}

h4.t-pan-panel-meter {
  background-position: 0 -5200px;
}

h4.t-meter1ansi.offline {
  background-position: 0 -2200px;
}

h4.t-meter3ansi.offline {
  background-position: 0 -6100px;
  padding-left: 34px;
}

h4.t-meter1iec.offline {
  background-position: 0 -6000px;
}

h4.t-meter3iec.offline,
h4.t-meter3phase.offline {
  background-position: 0 -3900px;
}

h4.t-router.offline {
  background-position: 0 -2400px;
}

h4.t-gas-meter.offline {
  background-position: 0 -2500px;
}

h4.t-water-meter.offline {
  background-position: 0 -2600px;
}

h4.t-pan-other.offline {
  background-position: 0 -3700px;
}

h4.t-pan-refrigerator.offline {
  background-position: 0 -2700px;
}

h4.t-pan-entertainment-system.offline {
  background-position: 0 -2100px;
}

h4.t-pan-washer-dryer.offline {
  background-position: 0 -2800px;
}

h4.t-pan-dishwasher.offline {
  background-position: 0 -2900px;
}

h4.t-pan-air-conditioning.offline {
  background-position: 0 -3300px;
}

h4.t-pan-computer-printer.offline {
  background-position: 0 -3200px;
}

h4.t-pan-lights.offline {
  background-position: 0 -3500px;
}

h4.t-pan-oven-hot-water.offline {
  background-position: 0 -3000px;
}

h4.t-pan-solar-power.offline {
  background-position: 0 -3400px;
}

h4.t-pan-fuel-cell.offline {
  background-position: 0 -3600px;
}

h4.t-pan-dred.offline {
  background-position: 0 -4300px;
}

h4.t-pan-display.offline {
  background-position: 0 -5000px;
}

h4.t-pan-smart-plug.offline {
  background-position: 0 -4500px;
}

h4.t-pan-panel-meter.offline {
  background-position: 0 -5300px;
}

h4.t-pan-dred.unknown {
  background-position: 0 -4200px;
}

h4.t-pan-display.unknown {
  background-position: 0 -4900px;
}

h4.t-pan-smart-plug.unknown {
  background-position: 0 -4800px;
}

h4.t-pan-panel-meter.unknown {
  background-position: 0 -5400px;
}

h4.t-water-meter.unknown {
  background-position: 0 -4100px;
}

h4.t-gas-meter.unknown {
  background-position: 0 -4000px;
}

h4.esr-wisun-child {
  background-position: 0 -300px;
}

h4.esr-wisun-child-offline {
  background-position: 0 -2200px;
}

h4.adn-wisun-child {
  background-position: 0 -502px;
}

h4.adn-wisun-child-offline {
  background-position: 0 -2402px;
}

h4.adn-wisun-child-inverter {
  background-position: 0 -1502px;
}

h4.adnb-wisun-child-inverter-offline {
  background-position: 0 -3402px;
}

h4.adn-wisun-child-switch {
  background-position: 0 -4405px;
}

h4.adn-wisun-child-switch-offline {
  background-position: 0 -4405px;
}

h4.adn-wisun-child-battery {
  background-position: 0 -202px;
}

h4.adn-wisun-child-battery-offline {
  background-position: 0 -202px;
}

h4.adn-wisun-child-unknown {
  background-position: 0 -1800px;
}

h4.wisun-link {
  background-position: 0px -6400px;
}

h4.adn-subnet-link {
  background-position: 0 -6400px;
}

.ui-tree-node .gn-parent-node {
  line-height: 16px;
}

/* DEVICE TREND CHARTS */
/* No height in pixel, this is controlled by the helper */
.chart-container {
  width: 740px;
  margin-top: 5px;
  margin-bottom: 45px;
}

.chart-header {
  width: 740px;
}

.chart-scale,
.chart-range {
  float: left;
  width: 50%;
}

.chart-scale a {
  display: inline-block;
  margin-right: 5px;
}

.chart-scale-selected {
  color: #333 !important;
  font-weight: normal;
  text-decoration: none;
  cursor: default;
}

.chart-scale-selected:hover {
  color: #333 !important;
  font-weight: normal;
  text-decoration: none;
}

.chart-range {
  text-align: right;
}

.chart-scroll-controls {
  margin-top: 5px;
}

/* The viewport is the chart container (labels + chart) */
.chart-viewport {
  position: relative;
  width: 740px;
  border: 1px solid #BDBDBD;
}

/* This is the chart container, eg the container within which the chart data is sliding "under" */
.chart-overflow {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

/* This is the slide container that "slides" within the chart overflow */
.chart-slide {
  width: 740px;
  background: url("../images/bg-grid.png");
}

/* This is the titles in fixed position in the graph */
.chart-serie-label1,
.chart-serie-label2,
.chart-serie-label3,
.chart-serie-label4,
.chart-serie-label5,
.chart-serie-label6 {
  position: absolute;
  left: 5px;
  z-index: 5;
  color: #666;
  font-size: 11px;
  font-weight: bold;
}

.chart-loading {
  color: #444444;
  z-index: 5;
}

.chart-loading {
  position: absolute;
  left: auto;
  right: 5px;
  z-index: 5;
  padding-left: 20px;
  color: #666;
  font-size: 12px;
  background: url("../images/arrows-loading.gif") no-repeat;
}

/* a chart slice is a undividable unit of the graph (eg, a day or a week or a month, it depends on the scale of the graph) */
/* note that width is variable hence it's added inline by the server side code */
.chart-slide div {
  position: relative;
  float: left;
  height: 100%;
  padding: 0;
  margin: 0;
}

/* a slice label that sits at the bottom of the graph */
/* note that width is variable hence it's added inline by the server side code */
.chart-slide div span {
  position: absolute;
  bottom: 0;
  left: 0;
  display: inline-block;
  height: 17px;
  width: 100%;
  border-top: 1px solid #999999;
  border-left: 1px solid #999999;
  padding-top: 2px;
  color: #666;
  font-size: 11px;
  text-align: center;
  background: #E5E5E5;
}

/* add overflow to last label to avoid wrapping */
.chart-slice-label-last {
  overflow: hidden;
  white-space: nowrap;
}

/* this is the hover vertical bar on the chart */
.chart-hover {
  z-index: 9;
  background: #999999;
  width: 1px;
  position: absolute;
  display: none;
  /*cursor: pointer;*/
}

.chart-hover-no-left-border {
  border-left: none;
}

/* this is the tooltip on the chart next to hover bar*/
.chart-tip {
  float: left;
  z-index: 10;
  background: #f1f2fc;
  padding: 2px 12px 3px 12px;
  color: #333;
  font-size: 11px;
  line-height: 16px;
  font-weight: normal;
  white-space: nowrap;
  display: none;
  position: absolute;
  border: 1px solid #858ec3;
  -ms-border-radius: 3px;
  border-radius: 3px;
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.4);
}

/* for the event trend color the count on the tooltip */
.chart-tip span[rel=errors] {
  color: #990000;
  font-weight: bold;
}

.chart-tip span[rel=warnings] {
  color: #CC9933;
  font-weight: bold;
}

.chart-tip span[rel=info] {
  color: #2B71C7;
}

.chart-tip span[rel=debug] {
  color: #9999CC;
}

/* the scale legend on the right */
.chart-scale-legend {
  position: absolute;
  top: 26px;
  padding: 0;
  right: -45px;
  width: 40px;
}

.chart-scale-legend p {
  position: absolute;
  padding: 0;
  margin: 0;
}

/* GROUPS */
img.delete {
  cursor: pointer;
  margin: 0 0 -3px 10px;
}

img.edit {
  cursor: pointer;
  margin: 0 0 -3px 20px;
}

dl.group-create dt {
  border-bottom: 1px solid #d7ead8;
  color: #38953c;
  font-size: 12px;
  margin-top: 10px;
  padding: 5px 20px;
  text-transform: uppercase;
  width: 860px;
}

dl dt.error {
  background: url("../images/sprites-icon-events.gif") no-repeat -770px 2px;
  color: #900 !important;
  padding: 5px 0 5px 18px !important;
}

dl.group-create dt.error {
  background: url("../images/sprites-icon-events.gif") no-repeat -767px 2px !important;
  padding: 5px 20px !important;
  text-transform: none;
}

dl dt.disabled,
dl dd.disabled {
  color: #80A7B5 !important;
}

body.group-create ul.ui-autocomplete {
  width: 156px;
}

body.group-create table.cols td {
  padding-right: 20px !important;
}

/* EVENTS */
/* event summary bar */
.summary-bar {
  width: 500px;
  height: 8px;
  border: none;
  margin: 3px 0 2px 0;
}

.summary-bar span {
  display: block;
  height: 8px;
  line-height: 0;
  background: #333;
}

.summary-bar span.info {
  background: #2B71C7;
}

.summary-bar span.debug {
  background: #9999CC;
}

.summary-bar span.error {
  background: #990000;
}

.summary-bar span.warning {
  background: #CC9933;
}

/* REPORTS */
h2.report-read,
h2.report-system,
h2.report-water-meter,
h2.report-gas-meter,
h2.report-gateway,
h2.report-comm,
h2.report-bill,
h2.report-ops,
h2.electric-read,
h2.report-maps,
h2.report-custom {
  background: url("../images/sprites-icons.gif") no-repeat;
  line-height: 18px;
  margin-bottom: 10px;
  padding-left: 20px !important;
}

h2.report-read {
  background-position: 0 -4600px;
}

h2.electric-read {
  background-position: 0 -5600px;
}

h2.report-system {
  background-position: 0 -5300px;
}

h2.report-ops,
h2.report-comm {
  background-position: 0 -6000px;
}

h2.report-bill {
  background-position: 0 -4500px;
}

h2.report-water-meter {
  background-position: 0 -4100px;
}

h2.report-gas-meter {
  background-position: 0 -4200px;
}

h2.report-gateway {
  background-position: 0 -2798px;
  padding-bottom: 5px;
}

h2.report-maps {
  background-position: 0 -6299px;
}

h2.report-custom {
  background-position: 0 -900px;
}

.list-reports {
  margin-bottom: 40px;
}

.list-reports li {
  /*margin: 0 0 15px 20px;*/
  padding: 5px 10px 10px 10px;
}

.barchart-unit {
  padding: 5px 0;
}

.barchart-bar {
  height: 8px;
  margin: 4px 10px 0 0;
}

.barchart-count {
  color: #333;
  padding-right: 1px;
}

/* IMPORTS */
h2.billing-cycles,
h2.device-custom-attrs,
h2.device-firmware,
h2.brand-firmware,
h2.device-operational-state,
h2.devices,
h2.meter-programs,
h2.network-topologies,
h2.qos-profiles,
h2.service-locations,
h2.base-stations,
h2.pan-sp-binding,
h2.water-sp-binding,
h2.gas-sp-binding,
h2.device-export-certificate,
h2.application-software,
h2.gn-migrate-smccs,
h2.gn-import-water-meter,
h2.gn-import-gas-meter,
h2.gn-import-gateway {
  padding-left: 38px;
  height: 30px;
  padding-top: 3px;
  background: url("../images/header-icons.png") no-repeat;
}

h2.device-export-certificate {
  color: #1532c5;
}

h2.billing-cycles {
  background-position: 0 -2099px;
}

h2.device-custom-attrs {
  background-position: 0 -2299px;
}

h2.device-firmware h2.brand-firmware {
  background-position: 0 -2899px;
}

h2.application-software {
  background-position: 0 -2899px;
}

h2.device-operational-state {
  background-position: 0 -4799px;
}

h2.devices {
  background-position: 0 -3099px;
}

h2.meter-programs {
  background-position: 0 -3199px;
}

h2.network-topologies {
  background-position: 0 -5099px;
}

h2.qos-profiles {
  background-position: 0 -2999px;
}

h2.pan-sp-binding {
  background-position: 0 -4999px;
}

h2.water-sp-binding {
  background-position: 0 -2799px;
}

h2.gas-sp-binding {
  background-position: 0 -2899px;
}

h2.device-export-certificate {
  background-position: 0 -4899px;
}

h2.service-locations {
  background-position: 0 -3599px;
}

h2.base-stations {
  background-position: 0 -5499px;
}

h2.gn-migrate-smccs {
  background-position: 0 -3099px;
}

h2.gn-import-water-meter {
  background-position: 0 -2799px;
}

h2.gn-import-gas-meter {
  background-position: 0 -5999px;
}

h2.gn-import-gateway {
  background-position: 0 -2700px;
}

table.imports {
  margin: 0px;
  width: 100%;
}

table.imports td {
  border: 0px;
  padding: 20px 20px 0;
  vertical-align: top;
}

table#billing-cycle-table td {
  padding: 5px;
}

table#billing-cycle-table td:first-child {
  padding: 5px 20px;
}

table#billing-cycle-table th {
  padding: 5px;
}

table#billing-cycle-table th:first-child {
  padding: 5px 20px;
}

.fileupload {
  display: block;
  padding: 0px 38px 40px;
}

.fileupload input[type="text"] {
  display: block;
  margin: 0 0 5px;
  color: #666;
}

.upload-progress-bar {
  border: solid 1px #9ECD9A;
  margin: 5px;
  width: 300px;
}

.upload-progress-bar>span {
  text-align: center;
  background-color: #9ECD9A;
  width: 1%;
  display: block;
}

/* FIRMWARE / HARDWARE / PROFILES */
table.rateprogram {
  margin-bottom: 20px;
}

/* TOPICS */
.topics-dialog dl {
  margin-bottom: 0 !important;
}

.topics-dialog dd.controls {
  padding-bottom: 0 !important;
}

/* ROLES & USERS */
.user-status {
  padding: 5px 0;
  color: #900;
  font-weight: bold;
}

td.deny {
  color: #900;
  font-weight: bold;
  padding-left: 36px;
  height: 37px;
  background: #f1e5e5 url("../images/sprites-icons.gif") no-repeat 20px -9683px;
}

td.grant {
  color: #090;
  padding-left: 36px;
  height: 37px;
  background: #e3ebe0 url("../images/sprites-icons.gif") no-repeat 20px -9483px;
}

td.revoke {
  color: #666;
  padding-left: 36px;
  height: 37px;
  background: url("../images/sprites-icons.gif") no-repeat 20px -9583px;
}

label.grant {
  color: #090;
  font-weight: bold;
  margin: 0;
  padding: 5px 8px 6px 22px !important;
}

label.deny {
  color: #900;
  font-weight: bold;
  margin: 0;
  padding: 5px 15px 6px 22px !important;
}

/* SEARCH */
/* headings */
.search-device,
.search-network,
.search-location,
.search-customer {
  background: url("../images/sprites-icons.gif") no-repeat;
}

.search-device {
  background-position: 0 -5590px;
}

.search-network {
  background-position: 0 -5990px;
}

.search-location {
  background-position: 0 -6290px;
}

.search-customer {
  background-position: 0 -6390px;
}

table.asearch tr:hover {
  background: none;
}

table.asearch td {
  border: none;
  padding: 0 0 10px 20px;
  vertical-align: top;
}

table.asearch td input[type='text'] {
  width: 180px;
}

table.asearch td label {
  display: block;
  float: none;
  padding-bottom: 2px;
}

table.asearch td.top {
  color: #034;
  font-size: 14px;
  font-weight: bold;
  padding: 10px 20px;
}

table.asearch label.checkbox_checked,
table.asearch label.checkbox_unchecked,
table.asearch label.checkbox_disabled {
  margin-left: 0px !important;
}

.map-image {
  float: left;
  border: 1px solid #333;
  background-color: #9ebcd8;
  padding: 0px;
  height: 400px;
  margin-left: 20px;
  width: 590px;
}

/* position:relative is for bing maps */
#mapcontainer {
  width: 800px;
  height: 400px;
  float: left;
  position: relative;
}

.table-map {
  position: relative;
}

.map-controls {
  float: left;
  margin-left: 10px;
  width: 160px;
}

.map-controls a.selected {
  font-style: normal;
  font-weight: bold;
}

.map-controls p.buttons {
  border-top: none;
  margin: 0;
  padding: 0;
}

.map-controls dt {
  color: black;
}

.map-controls dd {
  margin-left: 10px;
}

.tips-toggle {
  position: relative;
  left: 628px;
  top: -35px;
}

#map-instructions {
  position: relative;
  left: -96px;
  font-weight: bold;
  font-size: 14px;
}

.table-map td {
  padding: 0;
  border: none;
}

.mapInfoBubble {
  margin: 10px;
}

.infowindow .window .top .right .user .layout {
  background: white;
}

/* LOGIN */
.login-container {
  width: 490px;
  margin: 100px auto;
}

.login-main {
  width: 390px;
  margin: 0 auto;
}

.login-box {
  border: 1px solid #BDBDBD;
  padding: 0 0 20px 40px;
  width: 350px;
}

.login-logo img {
  display: block;
  margin: auto;
}

.login-heading {
  border-top: 4px solid #BDBDBD;
  color: red;
  display: block;
  float: left;
  padding-top: 2px;
  text-transform: uppercase;
}

#gn-login-title {
  background: url(../images/meter-logo.jpg) 70px center/34px no-repeat;
  color: red;
  font-size: 30px;
  margin-bottom: 25px;
  padding-left: 40px;
  text-align: center;
}

.login-fields {
  clear: both;
  margin-top: 35px;
}

.login-button {
  padding-top: 20px;
}

body.login label {
  display: block;
  padding-bottom: 4px;
}

body.login input {
  font-size: 13px;
  margin: 0;
  width: 290px;
  color: #333;
}

.login-error,
.login-notice {
  color: #FFF;
  padding: 10px;
  margin-bottom: 20px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  -webkit-font-smoothing: antialiased;
  background: #900;
}

.login-mfa {
  /* width: 300px; */
  /* max-width: 300px; */
  /* position: fixed; */
  right: auto;
  left: 50%;
  margin-left: -50px;
  margin-right: -40px;
  margin-bottom: 50px;
  /* top: 45px; */
  /* z-index: 120; */
}

.login-mfa-msg {
  /* width: 243px; */
  /* max-width: 243px; */
  /* max-height: 85px; */
  /* background: #333333 url(../images/lock.png) no-repeat; */
  background: rgba(3, 3, 3, 0.8) url(../images/lock.png) no-repeat;
  background-size: 20px 20px;
  background-position: 12px 18px;
  filter: alpha(opacity=80);
  color: #FFF;
  font-size: 12px;
  padding: 10px 10px 10px 42px;
  margin-bottom: 10px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 2px #333;
  -moz-box-shadow: 0 0 2px #333;
  box-shadow: 0 0 2px #333;
  z-index: 120;
}

.login-notice {
  background: #060;
}

/* FLOATING MENU TO BE POSITIONED NEXT TO ANOTHER ELEMENT */
ul.floating-menu {
  position: absolute;
  display: none;
  margin: 0;
  padding: 0;
  list-style: none;
  background: #FFF;
  border: 1px solid #999999;
  -webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.4);
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.4);
  z-index: 90;
}

ul.floating-menu a {
  display: block;
  height: 25px;
  line-height: 23px;
  padding: 0 10px;
  color: #333333 !important;
  font-weight: normal;
  text-align: left;
  text-decoration: none;
  white-space: nowrap;
  font-size: 11px;
}

ul.floating-menu a:hover {
  background: #b8db99;
  color: #333333 !important;
  text-decoration: none;
}

/* =another, more, less links
---------------------------------------------------------------------- */
a.another,
a.map,
a.more,
a.less,
span.another {
  background: url("../images/sprites-icons.gif") no-repeat 0 -9100px;
  display: block;
  font-weight: normal;
  margin: 0 15px 0 5px;
  padding: 0 0 0 25px;
}

a.more,
a.less {
  margin: 0;
}

a.map {
  background-position: 0 -3300px;
  display: inline;
}

a.less {
  background-position: 0 -9300px;
}

span.another {
  color: #555;
  background-position: 0 -9200px;
}

ul.sub-topics {
  font-size: 11px;
  margin: 0 0 0 10px;
}

ul.sub-topics li {
  list-style: inside circle;
}

a.hide-perm,
a.view perm {
  clear: both;
  float: left;
  font-size: 10px;
  font-style: italic;
  margin: 0 0 10px 45px;
}

/* =Calendar
---------------------------------------------------------------------- */
table.jCalendar {
  background: #fff;
  border: 1px solid #b1cad0;
  border-collapse: collapse;
  margin: 0 10px 5px;
}

table.jCalendar th {
  background: #d9e5e9;
  border: 1px solid #b1cad0;
  color: #333;
  font-weight: bold;
  padding: 5px;
  text-align: center;
}

table.jCalendar td {
  background: #fff;
  border: 1px solid #b1cad0;
  color: #333;
  height: 26px;
  padding: 0;
  text-align: center;
  vertical-align: middle;
  width: 30px;
}

table.jCalendar td.other-month {
  background: #F4F4F4;
}

table.jCalendar td.today {
  background: #fff;
  font-weight: bold;
}

table.jCalendar td.selected {
  background: #2970c7;
  color: #fff;
  font-weight: bold;
}

table.jCalendar td.selected:hover {
  background: #2970c7;
  color: #fff;
  font-weight: bold;
}

table.jCalendar td:hover,
table.jCalendar td.dp-hover {
  background: #2970c7;
  color: #fff;
}

table.jCalendar td.disabled,
table.jCalendar td.disabled:hover {
  background: #F4F4F4;
  color: #b1cad0;
}

#dp-popup {
  background: #ecf2f4;
  border: 1px solid #999999;
  min-height: 172px;
  position: absolute;
  width: 237px;
  z-index: 150;
  margin-top: 1px;
  -ms-border-radius: 3px;
  border-radius: 3px;
}

#dp-popup .before span.title {
  background: #333;
  color: #dee7ea;
  display: block;
  font-size: 10px;
  padding: 5px 10px;
  text-transform: uppercase;
}

#dp-popup .before span.quick {
  border-bottom: 1px solid #b1cad0;
  display: block;
  font-weight: bold;
}

#dp-popup .before span.quick a {
  display: block;
  background: #fff;
  padding: 5px 10px 7px;
}

#dp-popup .before span.quick a:hover {
  background: #2970c7;
  color: #fff !important;
}

#dp-popup .after {
  padding: 5px 10px 10px;
}

#dp-popup .after span {
  display: inline-block;
  display: -moz-inline-box;
}

/* ff hack */
#dp-popup .after span,
x:-moz-any-link {
  text-align: middle;
  vertical-align: -40%;
}

#dp-popup .after span span.inputs {
  display: block;
}

#dp-popup .after p.buttons {
  border-top: none;
  margin: 10px 0 0;
  padding: 10px 0;
}

#dp-popup .dp-calendar {
  clear: both;
}

#dp-popup h2 {
  color: #333;
  font-size: 11px;
  margin: 0;
  padding: 5px 0;
  text-align: center;
}

#dp-close {
  color: #900 !important;
  display: block;
  font-size: 10px;
  padding: 10px 10px 5px;
  text-align: center;
}

#dp-popup .dp-nav-prev {
  float: left;
  margin: -17px 40px 0 0;
  padding: 0 0 0 10px;
}

#dp-popup .dp-nav-prev a {
  float: left;
  margin: 0 3px 0 0;
}

#dp-popup .dp-nav-prev a,
#dp-popup .dp-nav-next a {
  cursor: pointer;
}

#dp-popup .dp-nav-prev a.disabled,
#dp-popup .dp-nav-next a.disabled {
  cursor: default;
}

#dp-popup .dp-nav-next {
  float: right;
  margin: -17px 0 0 40px;
  padding: 0 10px 0 0;
}

#dp-popup .dp-nav-next a {
  float: right;
  margin: 0 0 0 3px;
}

#dp-popup .dp-nav-prev-month,
#dp-popup a.dp-nav-next-month {
  background: transparent url("../images/sprites-calendar.png") no-repeat 0 0;
  width: 16px;
  height: 16px;
}

#dp-popup .dp-nav-prev-month {
  background-position: 0 -50px;
}

#dp-popup .dp-nav-next-month.disabled {
  background-position: 0 -25px;
}

#dp-popup .dp-nav-prev-month.disabled {
  background-position: 0 -75px;
}

#dp-popup a.disabled {
  cursor: default;
}

#dp-popup .red {
  background: #900;
  color: #fff !important;
  padding: 5px 10px;
}

#dp-popup td {
  cursor: pointer;
}

#dp-popup td.disabled {
  cursor: default;
}

#d3-graph-container>span.d3-loading {}

/* =loading and success for ajax
---------------------------------------------------------------------- */
span.ajax-loading,
div.d3-loading {
  position: absolute;
  background: transparent url("../images/arrows-loading.gif") no-repeat center;
  width: 16px;
  height: 16px;
}

#page-title {
  display: inline;
}

/* Hidden by default include the ajax-loading-show class to default to visiable */
span.ajax-loading-page-title {
  display: none;
  /* toggled to inline on ajax loading without tables */
  background: transparent url("../images/arrows-loading.gif") no-repeat center;
  width: 16px;
  height: 16px;
  padding-left: 16px;
}

span.ajax-loading-page-title.ajax-loading-show {
  display: inline !important;
  /* toggled to inline on ajax loading without tables */
}

span.spinner {
  background: transparent url("../images/arrows-loading.gif") no-repeat left center;
  width: 16px;
  height: 16px;
  padding-left: 0px;
  padding-right: 16px;
}

/* =interval error icons
---------------------------------------------------------------------- */
a.error-dst,
a.error-pf,
a.error-crf,
a.error-crb,
a.error-ca,
a.error-g,
a.error-dnv,
a.error-ci,
a.error-over,
a.error-part,
a.error-long,
a.error-skip,
a.error-test {
  background: url("../images/sprites-interval-errors.png") no-repeat 0 0;
  border-bottom: none !important;
  display: -moz-inline-block;
  display: inline-block;
  height: 12px;
  margin: 0 2px 0 0;
  vertical-align: middle;
  width: 21px;
  text-decoration: none;
}

a.error-dst {
  background-position: 0 0;
}

a.error-pf {
  background-position: -50px 0;
}

a.error-crf {
  background-position: -100px 0;
}

a.error-crb {
  background-position: -150px 0;
}

a.error-ca {
  background-position: -100px 0;
}

a.error-g {
  background-position: -350px 0;
}

a.error-dnv {
  background-position: -300px 0;
}

a.error-ci {
  background-position: -300px 0;
}

a.error-over {
  background-position: -200px 0;
}

a.error-part {
  background-position: -250px 0;
}

a.error-long {
  background-position: -300px 0;
}

a.error-skip {
  background-position: -350px 0;
}

a.error-test {
  background-position: -400px 0;
}

/* =password strength
---------------------------------------------------------------------- */
span#pwstrength span.meter {
  background: #fff;
  border: 1px solid #BCD;
  display: block;
  height: 10px;
  line-height: 0;
  margin: 7px 0 3px;
  padding: 0;
  width: 150px;
}

span#pwstrength span.meter span {
  display: block;
  height: 100%;
  line-height: 0;
}

span#pwstrength span.meter span.bad {
  width: 10%;
  background: #c90909 repeat-x right center;
}

span#pwstrength span.meter span.weak {
  width: 40%;
  background: #f26522 repeat-x left center;
}

span#pwstrength span.meter span.good {
  width: 70%;
  background: #fcdc41 repeat-x left center;
}

span#pwstrength span.meter span.strong {
  width: 100%;
  background: #2f9934 repeat-x right center;
}

img.del-set {
  cursor: pointer;
}

.optional {
  color: #333333;
  font-weight: bold;
  font-size: 12px;
}

/* =new sliders
---------------------------------------------------------------------- */
/**
* Common code for UI sliders
*/
.has-slider {
  margin: 20px;
}

.ui-slider {
  background: url("../images/dlc-slider-sprite.png") repeat-x;
  position: relative;
  text-align: left;
  width: 401px;
  height: 11px;
  color: #333;
}

.ui-slider .ui-slider-handle {
  position: absolute;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
}

.ui-slider .ui-slider-range {
  position: absolute;
  font-size: .7em;
  display: block;
  border: 0;
  background-position: 0 0;
  background: #38953C;
  color: white;
  font-weight: bold;
  opacity: .7;
}

/* this is the range bar */
.lc-set-range .ui-widget-header {
  border: none;
}

.ui-slider-horizontal {
  height: .8em;
}

.ui-slider-horizontal .ui-slider-handle {
  top: -0.3em;
  margin-left: -0.6em;
  height: 25px;
  width: 25px;
  overflow: visible !important;
}

.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}

/* this is the range slider handles */
.ui-slider-handle1,
.ui-slider-start,
.ui-slider-end,
.ui-slider-handle2 {
  background: url("../images/dlc-slider-sprite.png") 0px -190px no-repeat;
}

/* hover state */
.ui-slider-handle1:hover,
.ui-slider-handle2:hover {
  cursor: pointer;
  background-position: 0 -162px;
}

/* focus state */
.ui-slider-handle1.ui-state-focus,
.ui-slider-handle1.ui-state-focus:hover,
.ui-slider-handle2.ui-state-focus,
.ui-slider-handle2.ui-state-focus:hover {
  cursor: pointer;
  background-position: 0 -122px;
  margin-top: -6px;
  margin-left: -12px;
}

/* this is the range ticks with labels */
ol.slider-tooltips,
ol.slider-labels {
  position: relative;
  top: 5px;
  width: 100%;
}

ol.slider-tooltips li,
ol.slider-labels li {
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  overflow: visible;
  color: #38953c;
  font-size: 11px;
}

ol.voltage-band-slider-labels li {
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  overflow: visible;
  color: #000000;
  font-size: 11px;
}

ol.voltage-band-slider-labels {
  position: relative;
  top: -11px;
  width: 100%;
}

ol.slider-labels span,
ol.voltage-band-slider-labels span {
  margin-left: -18px;
}

ol.slider-tooltips {
  position: relative;
  top: -20px;
  width: 100%;
}

/* this is the range slider tooltips above handle */
span.slider-tooltip1,
span.slider-tooltip2 {
  background: url("../images/dlc-slider-sprite.png") 0 -249px no-repeat;
  color: #fff;
  font-size: 10px;
  margin-left: -21px;
  margin-top: -5px;
  width: 41px;
  padding: 6px 1px 5px;
  display: inline-block;
  text-align: center;
}

span.slider-tooltip-bottom {
  background: url("../images/dlc-slider-sprite.png") 0 -280px no-repeat;
  color: #fff;
  font-size: 10px;
  margin-left: -21px;
  margin-top: 28px;
  width: 41px;
  padding: 8px 1px 5px;
  display: inline-block;
  text-align: center;
}

/* IE7 fixes for #8520 */
.ie7 div.has-slider {
  height: 20px;
}

.ie7 ol.slider-labels span,
.ie7 ol.voltage-band-slider-labels span,
.ie7 ol.slider-tooltips span {
  display: inline-block;
}

.ie7 span.slider-tooltip1 {
  padding-left: 1px;
  padding-top: 2px;
  background-position: 0 -218px;
}

.ie7 span.slider-tooltip2 {
  padding-left: 1px;
  padding-top: 2px;
  background-position: 0 -253px;
}

.ie8 .ui-slider-horizontal .ui-slider-handle {
  top: -0.2em;
}

/**
* UI sliders customization for load control schedule policy
*/
/* We override the width and background of the slider */
.lc-set-range .ui-slider {
  width: 721px;
  background: url("../images/dlc-slider-sprite.png") repeat-x;
}

/* This is the range bar background */
.lc-set-range .ui-widget-header {
  background: #bf837f;
}

/* Tweak the slider icon to red/green */
.lc-set-range .ui-slider-handle1,
.lc-set-range .ui-slider-start,
.lc-set-range .ui-slider-end,
.lc-set-range .ui-slider-handle2 {
  /* off state is default */
  background: url("../images/dlc-slider-sprite.png") 0px -94px no-repeat;
}

/* Off state is default */
.lc-set-range .ui-slider-end,
.lc-set-range .ui-slider-handle2 {
  background-position: 0px -190px;
}

/* hover state */
.lc-set-range .ui-slider-handle1:hover {
  background-position: 0 -66px;
}

.lc-set-range .ui-slider-handle2:hover {
  background-position: 0 -162px;
}

/* focus state */
.lc-set-range .ui-slider-handle1.ui-state-focus,
.lc-set-range .ui-slider-handle1.ui-state-focus:hover {
  background-position: 0 -26px;
  margin-top: -6px;
  margin-left: -12px;
}

.lc-set-range .ui-slider-handle2.ui-state-focus,
.lc-set-range .ui-slider-handle2.ui-state-focus:hover {
  background-position: 0 -122px;
  margin-top: -6px;
  margin-left: -12px;
}

/* this is the range slider tooltips above handle */
.lc-set-range span.slider-tooltip1,
.lc-set-range span.slider-tooltip2 {
  background-image: url("../images/dlc-slider-sprite.png");
}

.lc-set-range span.slider-tooltip1 {
  background-position: 0 -214px;
}

.lc-set-range span.slider-tooltip2 {
  background-position: 0 -249px;
}

.ie7 #weekday-lc-schedule,
.ie7 #weekend-lc-schedule {
  border-bottom: 1px solid #BDBDBD;
}

div.voltage-band-container {
  display: block;
  padding: 10px 5px;
  margin-bottom: 15px;
  border-radius: 10px;
  opacity: .9;
}

img.voltage-button {
  cursor: pointer;
}

table.voltagebands {
  margin-bottom: 20px;
}

.voltagebands tr th:nth-child(2) {
  width: 90px;
}

.voltageBandTableTitle {
  font-size: 15px;
  padding: 0px 5px 5px 15px;
  display: inline-block;
  font-weight: bold;

}

.voltageBandTitle {
  padding: 5px 0px 5px 20px;
  font-size: 12px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  vertical-align: 3px;
  letter-spacing: 2px;
}

.voltageBandSetRange {
  font-weight: bold;
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -10%, 0);
    transform: translate3d(0, -10%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -10%, 0);
    transform: translate3d(0, -10%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}


.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
  -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -10%, 0);
    transform: translate3d(0, -10%, 0);
  }
}

@keyframes fadeOutUp {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -10%, 0);
    transform: translate3d(0, -10%, 0);
  }
}



table[id^="voltage-bands-"] {
  display: none;
}

/**
* UI sliders customization for voltage range settings
*/
/* =New group builder stuff
---------------------------------------------------------------------- */
#building-area {
  /* to describe the drawing area */
  border: 10px solid #dee7ea;
  min-height: 542px;
  /* this value came to align the toolbox and the building area on the group builder -- but not on the qos builder */
  margin: 0 0 0 320px;
  padding: 10px;
}

/* override for QoS profile -- need clean up, such as a .wide class */
.qosprofile-create #building-area,
.qosprofile-edit #building-area {
  margin: 0 0 0 370px;
}

span#query-builder-hint {
  display: block;
  margin: 100px auto;
  text-align: center;
  width: 60%;
}

span#query-builder-hint h2 {
  background: #bbd9f9 url("../images/notification-icons.png") no-repeat 10px -380px;
  border: 1px solid #8AB9EB;
  color: #333;
  -ms-border-radius: 10px;
  border-radius: 10px;
  margin: 0 0 20px;
  padding: 15px 20px 15px 50px;
  text-align: left;
}

span#query-builder-hint a.skip-filter {
  color: #900 !important;
}

/* the toolbox container (tabs or simple div)*/
#tabs_attributes,
.query-builder-attributes {
  background: #dee7ea;
  float: left;
  margin: 0;
  width: 330px;
}

/* override for QoS profile -- need clean up, such as a .wide class */
.qosprofile-create #tabs_attributes,
.qosprofile-edit #tabs_attributes,
.qosprofile-create .query-builder-attributes,
.qosprofile-edit .query-builder-attributes {
  width: 380px;
}

/* the tab panels of the toolbox */
#tab_attributes_1,
#tab_attributes_2,
.query-builder-attributes .attr-container {
  background: #003344;
  clear: both;
  margin: 0px 10px 10px;
  padding: 10px;
  height: 472px;
  overflow: auto;
}

.query-builder-attributes .attr-container dl {
  height: 300px;
  overflow: auto;
}

/* the non-tab version of the toolbox container */
.query-builder-attributes {
  padding-top: 10px;
}

#tab_attributes_1 dl {
  clear: both;
}

div.matches {
  /* the match count */
  color: #003344;
  font-size: 14px;
  font-weight: bold;
  margin: 10px;
  padding: 5px 20px;
  text-align: center;
  vertical-align: middle;
}

div.clauses {
  clear: both;
  margin: 15px 0 5px;
}

div.clauses div,
div.clause-dragging {
  color: #f1f6fd;
  border: solid 1px #1b7917;
  text-decoration: none;
  font-weight: bold;
  display: inline-block;
  font-size: 14px;
  margin-right: 10px;
  padding: 5px 10px 5px 10px;
  vertical-align: middle;
  cursor: pointer;
  -ms-border-radius: 4px;
  border-radius: 4px;
  -webkit-font-smoothing: antialiased;
}

div.clauses div,
div.clause-dragging {
  background: #43a947;
  background: -ms-linear-gradient(top, #43a947, #2a702d);
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #43a947), color-stop(100%, #2a702d));
  background: -webkit-linear-gradient(top, #43a947, #2a702d);
  background: -moz-linear-gradient(top, #43a947, #2a702d);
  background: -o-linear-gradient(top, #43a947, #2a702d);
  background: linear-gradient(top, #43a947, #2a702d);
}

.ie8 div.clauses div,
.ie8 div.clause-dragging {
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF43A947', endColorstr='#FF2A702D');
}

.ie9 div.clauses div,
.ie9 div.clause-dragging {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQzYTk0NyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzJhNzAyZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: linear-gradient(top, #43a947, #2a702d);
}

#tab_attributes_1 div dl,
#tab_attributes_2 div dl,
.query-builder-attributes dl {
  /* the accordion inside the tab panel */
  border: 0;
  margin: 0;
  padding: 0;
}

#tab_attributes_1 div h5,
#tab_attributes_2 div h5,
.query-builder-attributes h5 {
  background: #BBCCDD;
  cursor: pointer;
  margin: 3px 0 0 !important;
}

div.filter-category {
  background: #fff !important;
  padding: 5px 10px;
}

div.filter-category span.enabled,
span.filter-dragging {
  /* for enabled filters or filter that are being dragged */
  background: url("../images/sprites-group-builder.png") no-repeat 0px 0px;
  cursor: move;
  /* will this work with all browsers? */
  display: block;
  padding: 1px 0 1px 25px;
}

div.filter-category span.enabled:hover {
  background: #b8db99 url("../images/sprites-group-builder.png") no-repeat 0px -25px;
  display: block;
  padding: 1px 0 1px 25px;
}

div.filter-category span.disabled {
  /* for disabled filters */
  background: url("../images/sprites-group-builder.png") no-repeat 0px -50px;
  color: #999999;
  cursor: no-drop;
  /* will this work with all browsers? */
  display: block;
  padding: 1px 0 1px 25px;
}

li.filter {
  /* single filter dragdrop */
  background: #9bca9d;
  border-bottom: 1px solid #38953c;
  border-top: 1px solid #38953c;
  color: #333;
  display: block;
  font-size: 13px;
  list-style: none;
  margin: 0 0 10px;
  padding: 2px 0;
  vertical-align: middle !important;
}

li.filter span.handle {
  cursor: move;
  margin: 0 16px 0 0 !important;
  width: 12px;
}

li.filter span.handle img {
  margin: 0 !important;
  padding: 0;
  vertical-align: middle;
}

li.filter span.edit,
li.filter span.human {
  padding: 2px;
}

body.group-create li.filter span.human:hover {
  text-decoration: underline !important;
  cursor: pointer;
}

li.filter span input,
li.filter span select {
  margin: 0 0 0 5px;
}

li.clause {
  /* dragdrop clause with filters */
  background: #ebf4eb;
  border: 2px solid #38953c;
  -ms-border-radius: 2px;
  border-radius: 2px;
  list-style: none;
  margin-bottom: 10px;
  padding: 20px 28px 10px 6px;
}

li.clause img.delete-clause {
  cursor: pointer;
  margin: 0 0 -3px 20px;
}

li.clause span.handle {
  cursor: move;
  float: left;
  margin: 3px 0 0 -8px;
  width: 12px;
}

li.clause span.handle,
x:-moz-any-link {
  margin: 4px 0 0 -8px;
}

/* ff hack */
li.clause li.filter span.handle {
  float: none;
  margin: 0;
}

li.clause span.handle img {
  margin: 0 !important;
  padding: 0;
  vertical-align: middle;
}

li.relation {
  /* for and / or connector to indent them to the left */
  color: #2b732e;
  font-size: 12px;
  font-weight: bold;
  list-style: none;
  margin: 0 0 10px 55px;
  padding: 5px 0;
  text-transform: uppercase;
}

span.right-off,
span.right-on,
span.left-off,
span.left-on {
  padding: 3px 15px;
}

span.right-off {
  background: url("../images/bg-label.png") repeat scroll -2005px -39px transparent !important;
  color: #333333;
  font-weight: normal;
}

span.right-on {
  background: url("../images/bg-label.png") repeat scroll -3005px -39px transparent !important;
  color: #333333;
  font-weight: normal;
}

span.left-off {
  background: url("../images/bg-label.png") repeat scroll -2005px -39px transparent !important;
  color: #333333;
  font-weight: normal;
}

span.left-on {
  background: url("../images/bg-label.png") repeat scroll -3005px -39px transparent !important;
  color: #333333;
  font-weight: normal;
}

span.right-off:hover,
span.left-off:hover {
  color: #333333;
  cursor: pointer;
  text-decoration: normal;
}

li.clause ul li.filter,
li.clause ul li.clause {
  margin-left: 20px !important;
}

body.group-detail ul.rules {
  background: url("../images/bg-group-rules.png") no-repeat top left;
  border-left: 0;
  padding: 0;
}

body.group-detail ul.rules ul {
  background: url("../images/bg-group-rules.png") no-repeat bottom left;
  border-left: 2px solid #BCD;
  margin: 0;
  padding: 10px 0;
}

.ie7 body.group-detail ul.rules ul {
  margin: -12px 0 0;
}

body.group-detail li.filter {
  background: none;
  border: none;
  font-size: 12px;
  margin: 0;
  padding: 0;
}

body.group-detail li.filter span {
  padding: 0;
}

body.group-detail li.clause {
  background: url("../images/bg-group-rules.png") no-repeat top left;
  border: none;
  margin: 0 !important;
  padding: 0 !important;
}

body.group-detail li.relation {
  color: #999999;
  font-weight: bold;
  margin: 10px 0 10px 20px;
}

ul.human li.filter {
  /* for clause human mode*/
  border: none;
  background: none;
}

ul.human li.filter img {
  display: none;
}

li.ui-sortable-helper {
  list-style: none;
}

/* to make sure there is no bullet when dragging on a sort list */
li.sort-here {
  background: #fcefa1;
  height: 20px;
  list-style: none;
  margin-left: 20px !important;
  margin-top: 10px;
}

img.add-filter {
  cursor: pointer;
}

/* button to add a filter without dragdropping */
li.clause-hint {
  /* hint on clause */
  list-style: none;
  margin-bottom: 10px;
  margin-left: 28px !important;
}

#building-area ul li.error {
  /* for errors */
  background: #d0bdbd url("../images/sprites-icon-events.gif") no-repeat -757px center;
  border-bottom: 1px solid #900;
  border-top: 1px solid #900;
  padding: 5px 30px;
}

#building-area ul li.error span.edit,
#building-area ul li.error span.human {
  padding: 2px;
}

#building-area ul li.error span.handle,
#building-area ul li.error span.handle img {
  display: none;
}

/* =sparklines
---------------------------------------------------------------------- */
div.energy7days,
div.signal7days {
  background: transparent url("../images/bg-sparkline.png") no-repeat;
  display: block;
  height: 12px;
  width: 168px;
}

span.spark {
  width: 4px;
  height: 12px;
  padding: 0;
  margin: 0;
  position: relative;
  float: left;
}

span.spark0,
span.spark1,
span.spark2,
span.spark3,
span.spark4,
span.spark5 {
  overflow: hidden;
  position: absolute;
  text-indent: -9999px;
  width: 100%;
  background-color: #900;
  height: 3px;
  left: 0;
  bottom: 0;
}

span.spark0 {
  background-color: #900;
  height: 0;
  bottom: 2px;
}

span.spark1 {
  background-color: #38953c;
  bottom: 2px;
  height: 10px;
}

span.spark2 {
  background-color: #ffcc00;
  bottom: 2px;
  height: 10px;
}

span.spark3,
span.spark4 {
  background-color: #38953c;
  bottom: 2px;
  height: 4px;
}

span.spark3 {
  height: 6px;
}

span.spark4 {
  height: 8px;
}

span.spark5 {
  background-color: #ffcc00;
  bottom: 2px;
  height: 10px;
}

div.signal7days span.spark {
  width: 24px;
}

div.energy7days span.spark {
  width: 1px;
}

div.energy7days span.spark0 {
  background-color: #900;
  bottom: 0;
  height: 2px;
}

div.energy7days span.spark1 {
  background-color: green;
  bottom: 2px;
  height: 10px;
}

div.energy7days span.spark2 span.spark5 {
  background-color: #ffcc00;
  bottom: 2px;
  height: 10px;
}

/* =Itvl read filter autocomplete
---------------------------------------------------------------------- */
.pick-meter {
  margin: 5px 0 0;
  width: 243px;
}

/* =Event Viewer
---------------------------------------------------------------------- */
.event-viewer tr {
  border: 1px #BDBDBD;
}

a.event-count:hover {
  cursor: pointer;
}

#no-severity {
  padding: 10px;
  border: 1px solid #BDBDBD;
}

#severity-code-filters {
  height: 28px;
  padding-top: 3px;
  border: 1px #BDBDBD;
  border-style: solid solid none;
  display: block;
  min-width: 740px;
}

/*.level1, .level2, .level3 {display:block}*/
label.severity-level {
  margin: 0 35px 0 5px;
  font-weight: bold;
}

label.severity-level.error,
#event-code-picker-list li.error label span.code {
  color: #900;
}

label.severity-level.warning,
#event-code-picker-list li.warning label span.code {
  color: #C93;
}

label.severity-level.info,
#event-code-picker-list li.info label span.code {
  color: #2B71C7;
}

label.severity-level.debug,
#event-code-picker-list li.debug label span.code {
  color: #99C;
}

#event-code-picker-list input.fat {
  visibility: hidden;
}

#code-filter-button {
  display: block;
  float: right;
  position: relative;
  top: 2px;
  right: 5px;
}

.level-navigation-row {
  background: #EEE;
  height: 25px;
  padding: 5px 5px 0 5px;
  border: 1px #BDBDBD;
  border-style: solid solid none;
  position: relative;
}

.level-navigation-row.bottom {
  border-style: solid;
  margin-bottom: 50px;
  padding: 0;
  height: 30px;
}

.level-navigation-row.bottom div.row-check {
  float: left;
  padding: 5px 10px 0 10px;
}

.level-navigation-row .time-navigation {
  float: right;
  margin-right: 6px;
}

.level-navigation-row.bottom .time-navigation {
  padding: 5px 0;
}

.level-navigation-row .time-navigation .dates {
  float: left;
  margin: 0 5px;
  line-height: 21px;
}

.link-to-level1 {
  margin-right: 15px;
}

#modal-event-viewer-codes {
  width: 550px;
}

#event-code-picker-header h2 {
  display: inline;
}

#event-code-picker-list {
  max-height: 500px;
  overflow: auto;
  margin: 0;
}

#event-code-picker-list span.code {
  min-width: 60px;
  display: block;
  font-weight: bold;
  float: left;
}

#event-code-picker-list span.event-category {
  display: block;
  font-weight: normal;
  font-size: 10px;
  color: #666;
}

#event-code-picker-list label {
  float: none;
}

#event-code-picker-list dt {
  clear: both;
}

#event-code-picker-list dd {
  margin-bottom: 20px;
}

#event-code-picker-list dt p {
  color: black;
  display: inline;
  font-size: 14px;
}

#event-code-picker-list li {
  clear: both;
}

#event-code-picker-list li label span.event-name {
  font-weight: normal;
}

#event-code-picker-list .no-events {
  display: none;
}

#event-viewer-type-titles {
  display: none;
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 5px;
  color: #4da501;
}

a.event-check-none,
a.event-check-all {
  font-weight: normal;
  margin-left: 15px;
  position: relative;
  top: -2px;
}

li.level3 a {
  display: inline;
}

table#event-summary-table,
table#event-viewer-table {
  width: 100%;
}

div.level1 .chart-header,
table#event-summary-table thead tr.table-pagination,
table#event-viewer-table thead tr.table-pagination {
  background: #EEE;
}

table#event-viewer-table thead tr.table-pagination td {
  border: 1px #BDBDBD solid !important;
  border-bottom: none;
}

.gn-history-labels {
  margin: 10px 0px 15px 0px;

}

div.level1 .chart-header {
  padding: 6px 3px 0;
  height: 1px;
  width: 734px !important;
  background: none;
  border-left: 1px solid #BDBDBD;
  border-right: 1px solid #BDBDBD;
}

div.level1 .chart-container {
  margin-top: 0;
}

#no-severity {
  display: none;
}

a.event-count:hover span.tip {
  right: 30px;
  left: auto;
}

/* I7 fix for #7169 */
.ie7 #event-code-picker-list a.event-check-all,
.ie7 #event-code-picker-list a.event-check-none {
  display: none;
}

/* =jqplot
---------------------------------------------------------------------- */
/* NOTE JPC: this will need a clean up */
/*rules for the plot target div.  These will be cascaded down to all plot elements according to css rules*/
.jqplot-target {
  position: relative;
}

/*rules applied to all axes*/
.jqplot-xaxis {
  margin-top: 10px;
}

.jqplot-x2axis {
  margin-bottom: 10px;
}

.jqplot-yaxis {
  margin-right: 10px;
}

.jqplot-y2axis,
.jqplot-y3axis,
.jqplot-y4axis,
.jqplot-y5axis,
.jqplot-y6axis,
.jqplot-y7axis,
.jqplot-y8axis,
.jqplot-y9axis {
  margin-left: 10px;
  margin-right: 10px;
}

/*rules applied to all axis tick divs*/
.jqplot-axis-tick,
.jqplot-xaxis-tick,
.jqplot-yaxis-tick,
.jqplot-x2axis-tick,
.jqplot-y2axis-tick,
.jqplot-y3axis-tick,
.jqplot-y4axis-tick,
.jqplot-y5axis-tick,
.jqplot-y6axis-tick,
.jqplot-y7axis-tick,
.jqplot-y8axis-tick,
.jqplot-y9axis-tick {
  position: absolute;
}

.jqplot-xaxis-tick {
  top: 0px;
  /* initial position untill tick is drawn in proper place */
  left: 15px;
  vertical-align: top;
}

.jqplot-x2axis-tick {
  bottom: 0px;
  /* initial position untill tick is drawn in proper place */
  left: 15px;
  vertical-align: bottom;
}

.jqplot-yaxis-tick {
  right: 0px;
  /* initial position untill tick is drawn in proper place */
  top: 15px;
  text-align: right;
}

.jqplot-y2axis-tick,
.jqplot-y3axis-tick,
.jqplot-y4axis-tick,
.jqplot-y5axis-tick,
.jqplot-y6axis-tick,
.jqplot-y7axis-tick,
.jqplot-y8axis-tick,
.jqplot-y9axis-tick {
  left: 0px;
  /* initial position untill tick is drawn in proper place */
  top: 15px;
  text-align: left;
}

.jqplot-xaxis-label {
  margin-top: 10px;
  position: absolute;
}

.jqplot-x2axis-label {
  margin-bottom: 10px;
  position: absolute;
}

.jqplot-yaxis-label {
  margin-right: 10px;
  position: absolute;
}

.jqplot-y2axis-label,
.jqplot-y3axis-label,
.jqplot-y4axis-label,
.jqplot-y5axis-label,
.jqplot-y6axis-label,
.jqplot-y7axis-label,
.jqplot-y8axis-label,
.jqplot-y9axis-label {
  position: absolute;
}

table.jqplot-table-legend,
table.jqplot-cursor-legend {
  background-color: rgba(255, 255, 255, 0.6);
  border: 1px solid #cccccc;
  position: absolute;
}

td.jqplot-table-legend {
  vertical-align: middle;
  padding: 5px;
}

td.jqplot-table-legend div {
  padding: 0.2em;
}

div.jqplot-table-legend-swatch {
  border-bottom: 3px solid #0066CC;
  width: 15px;
  height: 1px;
  margin-bottom: 4px;
}

.legend2 div.jqplot-table-legend-swatch {
  border-bottom: 3px dotted #0066CC;
}

.jqplot-title {
  top: 0px;
  left: 0px;
  font-weight: bold;
  padding-bottom: 1.5em;
}

table.jqplot-cursor-tooltip {
  border: 1px solid #cccccc;
}

.jqplot-cursor-tooltip {
  border: 1px solid #cccccc;
  white-space: nowrap;
  background: rgba(208, 208, 208, 0.5);
  padding: 1px;
}

.jqplot-highlighter-tooltip {
  border: 1px solid #cccccc;
  white-space: nowrap;
  background: rgba(208, 208, 208, 0.5);
  padding: 1px;
}

td.jqplot-cursor-legend-swatch {
  vertical-align: middle;
  text-align: center;
}

div.jqplot-cursor-legend-swatch {
  width: 1.2em;
  height: 0.7em;
}

/* graph area */
td.data-chart {
  padding: 20px 20px 20px;
  border-top: 1px solid #CCC !important;
  border-bottom: 1px solid #CCC !important;
}

/* this decide the size of the graph */
/* this need to be a child selector! */
td.data-chart div.chart {
  width: 300px;
  height: 150px;
}

div.chart#pw-quality-profile-report-table-voltage-chart,
div.chart#pw-quality-profile-report-table-current-chart {
  width: 1000px;
  height: 250px;
}

#pw-quality-profile-report-table {
  width: 1040px;
}

/* this decide the size of the graph */
/* this need to be a child selector! */
td.data-chart div.loading,
td.data-chart div.no-chart {
  background: #F4F4F4;
  border: 1px solid #CCC;
  height: 130px;
  padding: 10px;
  width: 280px;
}

/* this decide the size of the graph */
/* this need to be a child selector! */
td.data-chart div.chart-large {
  width: 720px;
  height: 435px;
}

div.sla-tick-header {
  font-size: 25px;
  position: relative;
  bottom: 35px;
}

div.sla-tick-reported {
  position: relative;
  bottom: 28px;
}

div.sla-tick-target {
  position: relative;
  bottom: 14px;
}

div.sla-tick-progress {
  position: relative;
}

.sla-status-error {
  color: #E00;
}

.aligncenter {
  display: inline-block;
  text-align: left;
}

ol.decimal {
  list-style-type: decimal;
  list-style-position: inside;
}

.sla-requirements-list {
  width: 400px;
}

span.sla-status-error {
  padding: 5px 12px 5px 12px;
  background: url("../images/notification-icons.png") no-repeat 0 0;
}

#sla-name {
  font-size: 20px;
}

/* = Automated Voltage Control checkbox/spinwheel alignment
---------------------------------------------------------------------- */
.checkbox_spinwheel {
  position: relative;
  right: 15px;
  top: 3px;
}

/***
Spectrum Colorpicker v1.3.3
https://github.com/bgrins/spectrum
Author: Brian Grinstead
License: MIT
***/

.sp-container {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  /* https://github.com/bgrins/spectrum/issues/40 */
  z-index: 9999994;
  overflow: hidden;
}

.sp-container.sp-flat {
  position: relative;
}

/* Fix for * { box-sizing: border-box; } */
.sp-container,
.sp-container * {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

/* http://ansciath.tumblr.com/post/7347495869/css-aspect-ratio */
.sp-top {
  position: relative;
  width: 100%;
  display: inline-block;
}

.sp-top-inner {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.sp-color {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 20%;
}

.sp-hue {
  position: absolute;
  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 {
  position: absolute;
  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 {
  position: absolute;
  top: -4px;
  bottom: -4px;
  width: 6px;
  left: 50%;
  cursor: pointer;
  border: 1px solid black;
  background: white;
  opacity: .8;
}

.sp-alpha {
  display: none;
  position: absolute;
  bottom: -14px;
  right: 0;
  left: 0;
  height: 8px;
}

.sp-alpha-inner {
  border: solid 1px #333;
}

.sp-clear {
  display: none;
}

.sp-clear.sp-clear-display {
  background-position: center;
}

.sp-clear-enabled .sp-clear {
  display: block;
  position: absolute;
  top: 0px;
  right: 0;
  bottom: 0;
  left: 84%;
  height: 28px;
}

/* Don't allow text selection */
.sp-container,
.sp-replacer,
.sp-preview,
.sp-dragger,
.sp-slider,
.sp-alpha,
.sp-clear,
.sp-alpha-handle,
.sp-container.sp-dragging .sp-input,
.sp-container button {
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -o-user-select: none;
  user-select: none;
}

.sp-container.sp-input-disabled .sp-input-container {
  display: none;
}

.sp-container.sp-buttons-disabled .sp-button-container {
  display: none;
}

.sp-palette-only .sp-picker-container {
  display: none;
}

.sp-palette-disabled .sp-palette-container {
  display: none;
}

.sp-initial-disabled .sp-initial {
  display: none;
}


/* Gradients for hue, saturation and value instead of images.  Not pretty... but it works */
.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(#000000), to(rgba(204, 154, 129, 0)));
  background-image: -webkit-linear-gradient(bottom, #000000, 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, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
  background: -ms-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
  background: -o-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#ff0000), color-stop(0.17, #ffff00), color-stop(0.33, #00ff00), color-stop(0.5, #00ffff), color-stop(0.67, #0000ff), color-stop(0.83, #ff00ff), to(#ff0000));
  background: -webkit-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
}

/* IE filters do not support multiple color stops.
Generate 6 divs, line them up, and do two color gradients for each.
Yes, really.
*/
.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;
}

#meterInputField {
  display: none;
  width: 65px;
  padding: 4px;
  margin-right: 3px;
}

#deleteMeterInput {
  display: none;
}

#deleteMeterInput,
#modifyMeterUsnPencil {
  /*  add cursor and space to the top of icon*/
  cursor: pointer;
  position: relative;
  top: 3px;
}

#itvl-read-table .table-filter,
/*ADD SELECTOR FROM PWQUAL TABLE*/
  {
  height: 42px;
}

.gn-is-admin .gn-device-comment-icon {
  display: none;
}

#report-table-timerange-end-picker-after span.gn-time-range-notice {
  display: inline-block;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  white-space: pre-wrap;
  word-wrap: break-word;
  font-size: 11px;
  font-weight: bold;
  background: url("../images/sprites-icon-events.gif") no-repeat -770px 2px;
  color: #900 !important;
  padding: 5px 0 5px 18px !important;
}

#dp-popup {
  margin-bottom: 50px;
}

/* Clearfix hack */
.sp-cf:before,
.sp-cf:after {
  content: "";
  display: table;
}

.sp-cf:after {
  clear: both;
}

.sp-cf {
  *zoom: 1;
}

/* Mobile devices, make hue slider bigger so it is easier to slide */
@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;
  position: absolute;
  top: 0;
  left: 0;
}

.sp-slider {
  position: absolute;
  top: 0;
  cursor: pointer;
  height: 3px;
  left: -1px;
  right: -1px;
  border: 1px solid #000;
  background: white;
  opacity: .8;
}

/*
Theme authors:
Here are the basic themeable display options (colors, fonts, global widths).
See http://bgrins.github.io/spectrum/themes/ for instructions.
*/

.sp-container {
  border-radius: 0;
  background-color: #ECECEC;
  border: solid 1px #f0c49B;
  padding: 0;
}

.sp-container,
.sp-container button,
.sp-container input,
.sp-color,
.sp-hue,
.sp-clear {
  font: normal 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-color,
.sp-hue,
.sp-clear {
  border: solid 1px #666;
}

/* Input */
.sp-input-container {
  float: right;
  width: 100px;
  margin-bottom: 4px;
}

.sp-initial-disabled .sp-input-container {
  width: 100%;
}

.sp-input {
  font-size: 12px !important;
  border: 1px inset;
  padding: 4px 5px;
  margin: 0;
  width: 100%;
  background: transparent;
  border-radius: 3px;
  color: #222;
}

.sp-input:focus {
  border: 1px solid orange;
}

.sp-input.sp-validation-error {
  border: 1px solid red;
  background: #fdd;
}

.sp-picker-container,
.sp-palette-container {
  float: left;
  position: relative;
  padding: 10px;
  padding-bottom: 300px;
  margin-bottom: -290px;
}

.sp-picker-container {
  width: 172px;
  border-left: solid 1px #fff;
}

/* Palettes */
.sp-palette-container {
  border-right: solid 1px #ccc;
}

.sp-palette .sp-thumb-el {
  display: block;
  position: relative;
  float: left;
  width: 24px;
  height: 15px;
  margin: 3px;
  cursor: pointer;
  border: solid 2px transparent;
}

.sp-palette .sp-thumb-el:hover,
.sp-palette .sp-thumb-el.sp-thumb-active {
  border-color: orange;
}

.sp-thumb-el {
  position: relative;
}

/* Initial */
.sp-initial {
  float: left;
  border: solid 1px #333;
}

.sp-initial span {
  width: 30px;
  height: 25px;
  border: none;
  display: block;
  float: left;
  margin: 0;
}

.sp-initial .sp-clear-display {
  background-position: center;
}

/* Buttons */
.sp-button-container {
  float: right;
}

/* Replacer (the little preview div that shows up instead of the <input>) */
.sp-replacer {
  margin: 0;
  overflow: hidden;
  cursor: pointer;
  padding: 4px;
  display: inline-block;
  *zoom: 1;
  *display: inline;
  border: solid 1px #91765d;
  background: #eee;
  color: #333;
  vertical-align: middle;
}

.sp-replacer:hover,
.sp-replacer.sp-active {
  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 {
  position: relative;
  width: 25px;
  height: 20px;
  border: solid 1px #222;
  margin-right: 5px;
  float: left;
  z-index: 0;
}

.sp-palette {
  *width: 220px;
  max-width: 220px;
}

.sp-palette .sp-thumb-el {
  width: 16px;
  height: 16px;
  margin: 2px 1px;
  border: solid 1px #d0d0d0;
}

.sp-container {
  padding-bottom: 0;
}


/* Buttons: http://hellohappy.org/css3-buttons/ */
.sp-container button {
  background-color: #eeeeee;
  background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
  background-image: linear-gradient(to bottom, #eeeeee, #cccccc);
  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: #dddddd;
  background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb);
  background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb);
  background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb);
  background-image: -o-linear-gradient(top, #dddddd, #bbbbbb);
  background-image: linear-gradient(to bottom, #dddddd, #bbbbbb);
  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 #aaaaaa, 0 1px 0 0 #eeeeee;
  -moz-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
  -ms-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
  -o-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
  box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
}

.sp-cancel {
  font-size: 11px;
  color: #d93f3f !important;
  margin: 0;
  padding: 2px;
  margin-right: 5px;
  vertical-align: middle;
  text-decoration: none;

}

.sp-cancel:hover {
  color: #d93f3f !important;
  text-decoration: underline;
}


.sp-palette span:hover,
.sp-palette span.sp-thumb-active {
  border-color: #000;
}

.sp-preview,
.sp-alpha,
.sp-thumb-el {
  position: relative;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
}

.sp-preview-inner,
.sp-alpha-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==);
}

#orderInfoContainer dl dt {
  float: left;
  /*font-weight: normal;*/
  margin-right: 5px;
  padding: 5px;
  /*width: 60px;*/
}

.order-dialog {
  width: 600px;
  top: 50px;
}

.feature-dialog {
  left: 350px;
  top: 200px;
  width: 800px;
}

#optionalFeatures {
  padding-left: 120px;
}

#billingInfo dl dt.address-label,
#shippingInfo dl dt.address-label {
  font-weight: bold;
  width: 210px;
}

#customerOptions dl dt {
  width: 100px;
}

.shopping-cart {
  clear: both;
}

#modal-order-form dl dt {
  float: left;
  font-weight: bold;
  margin-right: 5px;
  padding: 5px;
  width: 100px;
  text-align: right;
}

#gn-available-meters {
  position: relative;
  top: 4px;
}

#form_create_topic[action="/gn/policynet/orders/create"] .dialog-content dt {
  width: 140px;
}

#form_create_topic[action="/gn/policynet/orders/create"] .dialog-close {
  display: none;
}

.orders-create #action-button {
  display: none;
}

/*#gn-meter-password-container {
display: none;
}*/

.gn-provision-input {
  margin-top: 0px;
}

.gn-modal-error {
  background: url(../images/sprites-icon-events.gif) no-repeat -770px 2px;
  color: #900 !important;
  display: none;
  padding: 5px 0 5px 18px !important;
}

.gn-modal-error img {
  float: left;
  margin: -8px 10px 0 0;
}

#modal-order-form {
  height: 320px;
  overflow-x: hidden;
  overflow-y: auto;
}

#orderInfoContainer #billingInfo #billing-address dd {
  position: relative;
  top: 3px;
  visibility: hidden;
}

#gn-order-preview #billingInfo #billing-address dd {
  position: relative;
  top: -2px;
}

#form_detail_order #billingInfo #billing-address dd {
  position: relative;
  top: -2px;
  visibility: hidden;
}

#vendor-details,
#gn-vendor-select,
#gn-meter-type-select {
  display: none;
}

dt#customer-title {
  /*display: none;*/
}

div#customer-details {
  display: none;
  margin-top: 5px;
  margin-left: 10px;
}

div#customer-details span {
  margin-top: 5px;
}

span.title {
  font-weight: bold;
}

span.meters-low {
  color: #900;
  font-weight: bold;
}

input.default-password-not-set {
  color: grey;
  font-style: italic;
}

div.vendor-details dt {
  font-weight: bold;
}

#shippingInfo>dl>dt {
  width: 85px;
}

#orderInfoContainer .orderTotals {
  padding: 10px 0;
}

button#applyPromo {
  position: relative;
  left: 10px;
}

dl.address {
  margin: 0px 0 5px;
}

dl#billing-address dt {
  float: left;
  font-weight: normal;
  margin-right: 5px;
  text-align: right;
  width: initial;
}

dl#billing-address input.text[type="text"],
dl#shipping-address input.text[type="text"] {
  width: auto;
}

dl#shipping-address dt {
  float: left;
  font-weight: normal;
  margin-right: 5px;
  text-align: right;
  width: 90px;
}

dd.billingAddress {
  position: relative;
  left: 50px;
  top: 2px;
}

dd.useCorporateAddress {
  position: relative;
  left: 70px;
  top: 3px;
}

.shippingAddressLabel {
  float: left;
}

#action-add-electric-meter {
  padding: 3px 5px 5px 30px;
  background: url("../images/sprites-icons.gif") no-repeat 5px -5598px;
}

#action-add-gas-meter {
  padding: 3px 5px 5px 30px;
  background: url("../images/sprites-icons.gif") no-repeat 5px -4198px;
}

#action-add-water-meter {
  padding: 3px 5px 5px 30px;
  background: url("../images/sprites-icons.gif") no-repeat 5px -4098px;
}

.display-none {
  display: none;
}

#order-errors {
  color: #D8000C;
  padding-left: 25px;
}

#splash-box {
  font-size: 20px;
  left: 0;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  right: 0;
  text-align: center;
  top: 17%;
  width: 300px;
}

#splash-box a {
  margin: 5px;
}

a.splash-link {
  background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top, #e72625, #db021d) repeat scroll 0 0;
  border: 1px solid #a13a3a;
  height: 32px;
  line-height: 30px;
  width: 85%
}

a.splash-link:hover {
  background: #548cd8;
  background: -ms-linear-gradient(top, #d31914, #e61414);
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d31914), color-stop(100%, #e61414));
  background: -webkit-linear-gradient(top, #d31914, #e61414);
  background: -moz-linear-gradient(top, #d31914, #e61414);
  background: -o-linear-gradient(top, #d31914, #e61414);
  background: linear-gradient(top, #d31914, #e61414);
}

.tip-title {
  left: 10px;
  top: 5px;
}

.tip-title-modal {
  left: 10px;
}

#password-div>dd {
  clear: both;
}

.centered {
  left: 0;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  right: 0;
  text-align: center;
}

#portal-div {
  color: #6d6e71;
  font-size: 40px;
  font-family: Calibri, Candara, Segoe, Segoe UI, Optima, Arial, sans-serif;
  margin-top: 8%;
}

#button-div {
  font-size: 32px;
  font-family: Calibri, Candara, Segoe, Segoe UI, Optima, Arial, sans-serif;
  margin: 13% auto 0;
  width: 815px;
}

#button-div a {
  color: #e50e15;
  text-decoration: none;
}

.left-center {
  display: inline-block;
  padding: 30px 0 0 260px;
  margin-right: 100px;
  text-align: right;
}

#smart-metering-link {
  background: url(../images/meter-logo.jpg) left center no-repeat;
  padding: 38px 0 15px 84px;
}

.right-center {
  display: inline-block;
  padding: 21px 0 0 0;
  text-align: left;
}

#meter-management-link {
  background: url(../images/mdm-logo.jpg) left center no-repeat;
  padding: 15px 0 15px 83px;
}

.meter-provisions {
  display: none;
}

#gn-order-preview {
  display: none;
}

#gn-order-preview .gn-page-heading-content {
  display: none;
}

#gn-order-preview .buttons {
  border-top: none;
}

.splash-page {
  background: url(../images/splash-bg.png) no-repeat bottom center/100% fixed;
}

#title-div {
  position: absolute;
  top: 3.75%;
}

.gn-notification-addresses {
  display: none;
  font-weight: bold;
  margin-bottom: 10px;
}

.gn-notification-addresses-title {
  margin: 10px 0;
}

.gn-notification-addresses-enabled-title {
  margin-bottom: 10px;
}

.gn-notification-addresses-enabled-title,
.gn-notification-addresses-available-title {
  margin-bottom: 10px;
  text-transform: uppercase;
}

.gn-notification-addresses-enabled {
  max-width: 50%;
}

.gn-notification-addresses-enabled .gn-notification-address {
  background-color: lightgreen;
}

.gn-notification-addresses-lists>div {
  float: left;
}

.gn-notification-addresses-available {
  width: 50%;
}

.gn-notification-addresses-lists img {
  cursor: pointer;
  position: relative;
}

.gn-notification-addresses-enabled-list img {
  top: -15px;
  width: 18px;
}

.gn-notification-addresses-available-list img {
  top: -14px;
  width: 14px;
}

.gn-notification-address {
  background-color: lightgray;
  border: 1px solid black;
  border-radius: 4px;
  display: inline-block;
  font-weight: normal;
  line-height: 26px;
  margin: 0 0 10px 5px;
  max-width: 80%;
  overflow: hidden;
  padding: 0 10px;
}

.gn-normal-li {
  list-style: initial;
}

.gn-display-none {
  display: none !important;
}

#gn-water-meter-circle,
#gn-meter-circle {
  border: 25px solid #153B5F;
  border-radius: 175px;
  height: 300px;
  overflow: hidden;
  width: 300px;
}

.datatable td {
  white-space: nowrap;
}

#gn-water-meter-info,
#gn-gas-meter-info {
  margin: 18% auto 5%;
  width: 210px;
}

#gn-water-meter-units,
#gn-gas-meter-units {
  font-size: 20px;
  margin-bottom: 10px;
  text-align: center;
}

#gn-water-meter-value,
#gn-gas-meter-value {
  text-align: center;
}

#gn-water-meter-front,
#gn-gas-meter-front {
  height: 100%;
  width: 100%;
}

#gn-water-meter-front {
  background-color: #1E8EC0;
}

#gn-gas-meter-front {
  background-color: orange;
}

#gn-water-meter-circle,
#gn-gas-meter-circle {
  border: 15px solid;
  border-radius: 175px;
  height: 200px;
  overflow: hidden;
  width: 200px;
}

#gn-water-meter-circle {
  border-color: #153B5F;
}

#gn-gas-meter-circle {
  border-color: black;
}

.gn-digit {
  border: 2px solid black;
  color: white;
  display: inline-block;
  font-size: 35px;
  margin-right: 3px;
  width: 20px;
}

#gn-water-meter-value .gn-digit {
  background-color: #2997D2;
}

#gn-gas-meter-value .gn-digit {
  background-color: orange;
}

.gn-digit-point {
  font-size: 35px;
  left: 1px;
  margin-right: 5px;
  position: relative;
  top: 9px;
}

/* HACK: Using .page-heading as selector prefix because the historical water chart appears there */

svg#inline-reports-chart-container {
  width: 825px;
  height: 350px;
}

/* .rsrq-trendline {
  stroke-dasharray: 5;
} */

#inline-reports-chart-container svg,
svg.inline-chart,
#water-itvl-read-table-block svg #-itvl-read-table-block svg {
  border: 1px solid black;
  padding: 30px 0 20px;
  min-width: 890px;
  height: 300px;
}

#inline-reports-chart-container .bar.water,
.bar.water,
svg .bar.water {
  fill: steelblue;
}

#inline-reports-chart-container .bar.water:hover,
.bar.water:hover {
  fill: orange !important;
}

#inline-reports-chart-container .bar.gas,
.bar.gas,
.bar .gas {
  fill: orange;
}

#inline-reports-chart-container .bar.gas:hover,
.bar.gas:hover {
  fill: steelblue !important;
}

#inline-reports-chart-container .axis,
#inline-reports-container .axis,
svg .axis {
  font: 10px sans-serif;
}

#inline-reports-chart-container .axis path,
#inline-reports-chart-container .axis line,
#inline-reports-container .axis path,
#inline-reports-container .axis line,
svg .axis path,
svg .axis line {
  fill: none;
  stroke: #000;
  shape-rendering: crispEdges;
}

#inline-reports-chart-container .x.axis path,
#inline-reports-container .x.axis path,
.x.axis path {
  display: none;
}

/*.page-heading path {
fill: none;
stroke: #000;
stroke-width: 1.5px;
}
*/


#water-itvl-read-table,
#gas-itvl-read-table {
  width: 700px;
}

rect.bar {
  cursor: pointer;
}

#gn-bar-value {
  background-color: yellow;
  border-radius: 20px;
  display: none;
  padding: 3px 8px;
  position: fixed;
  font-size: 20px;
  z-index: 1000;
}

g.tick image {
  cursor: pointer;
}

#gn-event-modal {
  background-color: yellow;
  border: 3px solid steelblue;
  border-radius: 10px;
  display: none;
  max-width: 160px;
  padding: 10px;
  position: fixed;
  z-index: 1000;
}

.gn-wsdl-warning,
.gn-sftp-credentials {
  display: none;
  margin-top: 5px;
}

.gn-sftp-credentials,
.gn-sftp-consumerKey {
  margin-left: 20px;
}

.sftp-consumer-key-select {
  margin-left: 5px;
}

.gn-sftp-username,
.gn-sftp-option-consumerKey {
  margin-bottom: 5px;
}

.gn-sftp-username input {
  border: 1px solid #CCC;
  font-size: 12px;
  margin-left: 5px;
  padding: 2px;
  width: 181px;
}

.gn-sftp-password input {
  margin-left: 5px;
  width: 181px;
}

.gn-sftp-credentials-display .gn-sftp-username,
.gn-sftp-credentials-display .gn-sftp-password {
  margin-top: 10px;
}

dl.client_authentication_http,
dl.client_authentication_sftp,
dl.client_authentication_http .gn-sftp-credentials,
dl.client_authentication_http .transport-protocol-client-authentication,
dl.client_authentication_sftp .gn-sftp-credentials,
dl.client_authentication_sftp .gn-sftp-option-credentials,
dl.client_authentication_sftp .gn-sftp-option-consumerKey,
dl.client_authentication_sftp .transport-protocol-client-authentication {
  display: block;
}

dl.client_authentication_invalid_url,
dl.client_authentication_http .gn-sftp-option-credentials,
dl.client_authentication_http .gn-sftp-option-consumerKey,
dl.client_authentication_invalid_url .gn-sftp-credential,
dl.client_authentication_invalid_url .gn-sftp-option-credentials,
dl.client_authentication_invalid_url .gn-sftp-option-consumerKey,
dl.client_authentication_invalid_url .transport-protocol-client-authentication {
  display: none;
}

.gn-red {
  color: #900;
}

.gn-yellow {
  color: #F8DB75;
}

.gn-orange {
  color: orange;
}

.gn-unknown-color {
  color: #ffa500;
}

.gn-unknown-energy-status {
  left: 5px;
  position: relative;
  top: 3px;
}

.gn-topology-node-icon {
  left: 4px;
  position: relative;
  top: 4px;
}

.gn-rightmost-column {
  max-width: 350px;
}

#gn-maint-alert {
  display: none;
  position: fixed;
  top: 60px;
  z-index: 1000;
}

#gn-maint-alert .dialog-box {
  position: static;
}

#gn-maint-alert .failure-dialog .dialog-grouping {
  background: url("../images/alert-icon.png") no-repeat -3px 0;
  padding-left: 40px;
}

#gn-maint-alert a {
  cursor: pointer;
}

.login #gn-maint-alert {
  top: 25px;
}

.gn-info-window-next,
.gn-info-window-list-view {
  color: blue;
  cursor: pointer;
  float: left;
  margin: -5px 10px 10px;
  clear: both;
}

#gn-batch-size-disabled {
  display: none;
}

#gn-signal-strength-widget,
#gn-signal-quality-widget {
  left: 100px;
  margin-top: -18px;
  position: absolute;
  width: 200px;
}

#gn-signal-strength-map-widget,
#gn-signal-quality-map-widget {}

.gn-rsrq-rsrp-table {
  margin-top: 0 !important;
  margin-bottom: -15px !important;
  position: inherit !important;
  width: 130px !important;
}


.gn-signal-value {
  width: 20px;
  color: black;
  font-size: 10px;
  font-weight: bold;
  position: relative;
  top: 6px
}

.gn-arrow-down {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  position: relative;
  width: 0px;
}

.gn-arrow-down-bg {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid black;
  position: relative;
  top: 6px;
  width: 0px;
}

.gn-signal-strength-widget-bar {
  white-space: nowrap;
}

#gn-signal-strength-widget span,
#gn-signal-quality-widget span,
#gn-signal-strength-map-widget span,
#gn-signal-quality-map-widget span {
  display: inline-block;
  height: 15px;
}

.gn-rsrq-rsrp-value {
  margin-left: 30px;
  font-weight: 700;
}

.gn-signal-legend {
  color: black;
  font-size: 8px;
  position: relative;
  top: -4px;
}

.gn-signal-legend div {
  position: relative;
}

#gn-signal-strength-widget-1 {
  background-color: green;
  width: 155px;
}

#gn-signal-strength-widget-2 {
  background: -webkit-linear-gradient(left, green, yellow);
  background: linear-gradient(to right, green, yellow);
  width: 10px;
}

#gn-signal-strength-widget-3 {
  background-color: yellow;
  width: 30px;
}

#gn-signal-strength-widget-4 {
  background: -webkit-linear-gradient(left, yellow, red);
  background: linear-gradient(to right, yellow, red);
  width: 10px;
}

#gn-signal-strength-widget-5 {
  background-color: red;
  width: 35px;
}

#gn-signal-strength-map-widget-1 {
  background-color: green;
  width: 78px;
}

#gn-signal-strength-map-widget-2 {
  background: -webkit-linear-gradient(left, green, yellow);
  background: linear-gradient(to right, green, yellow);
  width: 5px;
}

#gn-signal-strength-map-widget-3 {
  background-color: yellow;
  width: 15px;
}

#gn-signal-strength-map-widget-4 {
  background: -webkit-linear-gradient(left, yellow, red);
  background: linear-gradient(to right, yellow, red);
  width: 5px;
}

#gn-signal-strength-map-widget-5 {
  background-color: red;
  width: 17px;
}

#gn-signal-strength-legend-44 {
  left: -7px;
}

#gn-signal-strength-legend-108 {
  left: 149px;
  top: -9px;
}

#gn-signal-strength-legend-124 {
  left: 186px;
  top: -18px;
}

#gn-signal-strength-legend-140 {
  left: 229px;
  top: -27px;
}

#gn-signal-strength-map-legend-44 {
  left: -7px;
  width: 10px;
}

#gn-signal-strength-map-legend-108 {
  left: 70px;
  top: -9px;
  width: 10px;
}

#gn-signal-strength-map-legend-124 {
  left: 90px;
  top: -19px;
  width: 10px;
}

#gn-signal-strength-map-legend-140 {
  left: 110px;
  top: -29px;
  width: 10px;
}

#gn-rsrp-value {
  margin-bottom: 10px;
}

#gn-signal-quality-widget-1 {
  background-color: green;
  width: 144px;
}

#gn-signal-quality-widget-2 {
  background: -webkit-linear-gradient(left, green, yellow);
  background: linear-gradient(to right, green, yellow);
  width: 10px;
}

#gn-signal-quality-widget-3 {
  background-color: yellow;
  width: 39px;
}

#gn-signal-quality-widget-4 {
  background: -webkit-linear-gradient(left, yellow, red);
  background: linear-gradient(to right, yellow, red);
  width: 10px;
}

#gn-signal-quality-widget-5 {
  background-color: red;
  width: 37px;
}

#gn-signal-quality-map-widget-1 {
  background-color: green;
  width: 72px;
}

#gn-signal-quality-map-widget-2 {
  background: -webkit-linear-gradient(left, green, yellow);
  background: linear-gradient(to right, green, yellow);
  width: 5px;
}

#gn-signal-quality-map-widget-3 {
  background-color: yellow;
  width: 19px;
}

#gn-signal-quality-map-widget-4 {
  background: -webkit-linear-gradient(left, yellow, red);
  background: linear-gradient(to right, yellow, red);
  width: 5px;
}

#gn-signal-quality-map-widget-5 {
  background-color: red;
  width: 19px;
}

#gn-signal-quality-lora-widget-1 {
  background-color: green;
  width: 95px;
}

#gn-signal-quality-lora-widget-2 {
  background: -webkit-linear-gradient(left, green, yellow);
  background: linear-gradient(to right, green, yellow);
  width: 10px;
}

#gn-signal-quality-lora-widget-3 {
  background-color: yellow;
  width: 10px;
}

#gn-signal-quality-lora-widget-4 {
  background: -webkit-linear-gradient(left, yellow, red);
  background: linear-gradient(to right, yellow, red);
  width: 10px;
}

#gn-signal-quality-lora-widget-5 {
  background-color: red;
  width: 115px;
}

#gn-signal-quality-legend-0 {
  left: -2px;
}

#gn-signal-quality-legend-24 {
  left: 141px;
  top: -9px;
}

#gn-signal-quality-legend-32 {
  left: 190px;
  top: -18px;
}

#gn-signal-quality-legend-39 {
  left: 232px;
  top: -27px;
}

#gn-signal-quality-map-legend-0 {
  left: -2px;
  width: 10px;
}

#gn-signal-quality-map-legend-24 {
  left: 69px;
  top: -9px;
  width: 10px;
}

#gn-signal-quality-map-legend-32 {
  left: 92px;
  top: -18px;
  width: 10px;
}

#gn-signal-quality-map-legend-39 {
  left: 113px;
  top: -27px;
  width: 10px;
}

#gn-signal-quality-lora-legend-40 {
  left: -2px;
}

#gn-signal-quality-lora-legend-15 {
  left: 92px;
  top: -9px;
}

#gn-signal-quality-lora-legend-10 {
  left: 112px;
  top: -18px;
}

#gn-signal-quality-lora-legend-20 {
  left: 232px;
  top: -27px;
}

.gn-delta-threshold {
  list-style: inherit;
  margin-left: 40px;
}

.gn-hide {
  display: none !important;
}

dd.gn-no-padding {
  padding: 1px 0 0;
}

dt.gn-pad-top {
  padding-top: 10px;
}

/*#dred-load-shed-chart {
display: none;
}*/

#gn-generated-billing-cycles {
  margin-bottom: 100px;
}

#gn-report-nav-container {
  float: left;
  margin-right: 10px;
}

#gn-report-nav-container.gn-pullup {
  margin-top: -25px;
}

#gn-report-display {
  margin: 25px 0 0 160px;
}

#gn-report-display.gn-indent {
  margin-left: 170px;
}

.gn-cmdh-reporting-window,
.gn-sectorActiveMax,
.gn-spreadingWaitTime,
.gn-initialBackoffTime,
.gn-maximumBackoffTime,
.gn-sca-optypes,
.gn-cycleStartMinutes,
.gn-cycleDurationMinutes {
  display: none;
}

/* pushes the gridwide title and everything else down to fit the logo */
@media (max-width: 1100px) {
  #title-div {
    position: static;
  }

  #portal-div {
    margin-top: 5%;
  }
}

/* pushes things up when the height is not that big; only needed when above rule applied */
@media (max-height: 700px) and (max-width: 1100px) and (orientation: landscape) {
  #title-div {
    margin-top: -3%;
  }

  #portal-div {
    margin-top: 0.5%;
  }

  #button-div {
    margin-top: 4%;
  }
}

#action-custom-data-export {
  background: url(../images/sprites-icons.gif) no-repeat 0 0;
  background-position: 0 -4600px;
  padding: 0 0 3px 22px;
}

#gn-data-export-error,
.form-error {
  background: url(../images/sprites-icon-events.gif) no-repeat -770px 2px;
  color: #900 !important;
  padding: 5px 0 5px 18px !important;
  font-weight: bold;
}

#gn-data-export-error {
  display: none;
}


/*
* Advanced search styles
*/


div.advance-search-section h2.advance-search-title {
  background: url("../images/sprites-icons.gif") no-repeat;
  padding-left: 20px;
  line-height: 18px;
}

div.advance-search-section div.advance-search-filters {
  padding: 10px;
}

div.advance-search-section div.advance-search-filters .text-inputs {}

/* hide extra filters by default */
div.advance-search-section div.advance-search-filters .filters {
  /*margin-bottom: 10px;*/
}

/* default filters */
div.advance-search-section div.advance-search-filters .default-filters {}


/* hide extra filters by default */
div.advance-search-section div.advance-search-filters .extra-filters {
  /*position: absolute;*/
  width: 1085px;
  background-color: #e9e9e9;
  padding: 15px 0px 0px 15px;
  display: none;
}

div.advance-search-section .extra-filters h2 {
  background: url("../images/sprites-icons.gif") no-repeat 0 -9100px;
  padding-left: 25px;
  margin-bottom: 5px;
  margin-left: -3px;
}

div.advance-search-section .row {
  /*display: inline;*/
  /*margin-bottom: 10px;*/
}

div.advance-search-section .col {
  display: inline-block;
  vertical-align: top;
  /*overflow: hidden;*/
  /*float: left;*/
  /*clear: bo*/
  /*margin-bottom: 10px;*/
  min-width: 199px;
  margin-right: 15px;
}

div.advance-search-section .row .filter {
  display: inline-block;
  margin-right: 15px;
  margin-bottom: 15px;
  min-width: 199px; // Force uniform filter width
  max-width: 199px; // Force uniform filter width
}

div.advance-search-section .col .checkbox-filter,
div.advance-search-section .row .checkbox-filter {
  display: block;
  /*float: left;*/
  /*min-width: 199px; // Force uniform filter width*/
  /*max-width: 199px; // Force uniform filter width*/
  border: solid 1px lightgrey;
  background-color: #F4F4F4;
  padding: 10px;
  margin-bottom: 15px;
  max-width: 179px; // Force uniform filter width
}

/* filter title/name */
div.advance-search-section .row .filter h3 {
  font-size: 1.05em;
  padding: 0px 0px 3px 0px;
}

div.advance-search-section .col .checkbox-filter h3,
div.advance-search-section .row .checkbox-filter h3 {
  border-bottom: solid 1px lightgray;
  padding-bottom: 3px;
  margin-bottom: 3px;
}

div.advance-search-section .row .checkbox-filter {
  display: inline-block;
  vertical-align: top;
}

/* filter text input */
div.advance-search-section .row .filter input {
  height: 16px;
}

div.advance-search-section .row .filter select {
  height: 22px;
  min-width: 199px;
  max-width: 199px;
}

div.advance-search-section .col .checkbox-filter input {}

div.advance-search-section .row .extra-filters-toggle {
  font-weight: normal;
  margin: 0 15px 0 5px;
  padding: 0 0 0 25px;
}

div.advance-search-section .row .extra-filters-toggle-more {
  background: url("../images/sprites-icons.gif") no-repeat 0 -9100px;
}

div.advance-search-section .row .extra-filters-toggle-less {
  background: url("../images/sprites-icons.gif") no-repeat 0 -9300px;
  display: none;
}


/* device sectin title - image */
div#advance-search-device h2.advance-search-title {
  background-position: 0 -5600px;
}

div#advance-search-location h2.advance-search-title {
  background-position: 0 -6298px;
}

div#advance-search-customer h2.advance-search-title {
  background-position: 0 -6400px;
}

div#advance-search-network h2.advance-search-title {
  background-position: 0 -6000px;
}

div.advance-search-section div.advance-search-filters .checkbox-filters-container {}

a.provision-imports {
  padding-left: 20px;
  font-size: 10px;

  background: url(../images/header-icons.png) no-repeat;
  background-position: 0px -1500px;
  background-size: 21px;

  margin-top: -4px;
  color: #333;
}

span.provision-imports-text {
  color: #333;
  text-decoration: none;
  cursor: default;
  border-bottom: 1px dotted #333;
}

#d3-graph-container {
  position: relative;
  min-width: 825px;
  min-height: 350px;
}

#d3-graph {
  position: absolute;
  /* width: 1440px; # Must match svg width. */
}

.axis {
  font-size: 10;
  font-family: sans-serif;
  text-anchor: end;
}

.tick line {
  stroke: #000;
  stroke-width: 1px;
}

.axis path {
  fill: none;
  stroke-width: 1px;
  stroke: black;
}

#d3-graph rect:hover {
  fill: #19A2D3;
}

div#tooltip {
  position: absolute;
  min-width: 200px;
  min-height: 75px;
  padding: 15px;
  font: 12px sans-serif;
  background: #fff;
  border: 0px;
  border-radius: 3px;
  pointer-events: none;
}

div#tooltip h3 {
  color: #333C;
  font-size: 1.2em;
  text-align: center;
}

div#tooltip hr {
  display: block;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  margin-left: auto;
  margin-right: auto;
  border-style: inset;
  border-width: 1px;
  clear: both;
}

div#tooltip div {
  width: 100%;
  margin-top: 10px;
  margin-bottom: 35px;
}

div#tooltip span.label {
  float: left;

}

div#tooltip span.value {
  float: right;
  color: #677;
}

#legend {
  text-align: center;
  width: 350px;
  /* height: 20px;
  padding: 0px;
  background: lightsteelblue;
  border: 0px;
  border-radius: 8px;
  pointer-events: none; */
  margin: 0 auto;
  line-height: 30px;
}

#legend div {
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: middle;
}

#legend p {
  display: inline-block;
  padding-left: 10px;
  font: 15px sans-serif;
  vertical-align: middle;
}

/* path {
  stroke-width: 1;
  fill: none;
} */

.empty-table-msg {
  font-weight: bold;
  text-align: center;
}

.table-modal-confirmation {
  position: fixed;
  left: 50%;
  margin-left: -150px;
  /* Must be half the width of the .dialog-box (300px)*/
}

.table-modal-confirmation .table-modal-text {
  font-weight: bold;
}

.table-modal-confirmation #table-modal-consumer-list {
  padding-top: 5px;
}

.table-modal-confirmation #table-modal-consumer-list li {
  padding-bottom: 2px;
}

.meter-faceplate {
  width: 100%;
  margin-top: 35px;
  /* margin-left: 35px; */
}

.meter-faceplate div {
  margin-left: auto;
  margin-right: auto;
}

.comms {
  display: inline-block;
  background: url(../images/sprites-tree-trunk.gif) no-repeat;
  height: 12px;
  width: 20px;
}

.comm-on {
  background-position-y: -6351px;
}

.comm-off {
  background-position-y: -6301px;
}

.comms-2 {
  position: relative;
  display: inline-block;
  background: url(../images/dlc-slider-sprite.png) no-repeat;
  height: 14px;
  width: 20px;
}

.comm-on-2 {
  background-position-y: -162px;
}

.comm-off-2 {
  background-position-y: -66px;
}

.comm-unknown {
  background: url(../images/connnection-status-unknown.png) no-repeat;
  background-position-y: 1px;
}

.device-power {
  position: relative;
  display: inline-block;
  height: 16px;
  width: 20px;
}

.power-on {
  background: url(../images/view-pq-on.png) no-repeat;
  /* background-position-y: -162px; */
}

.power-off {
  background: url(../images/view-pq-off.png) no-repeat;
  /* background-position-y: -66px; */
}

.power-unknown {
  background: url(../images/view-pq-unknown.png) no-repeat;
  /* background-position-y: -66px; */
}


span.tooltip {
  display: none;
  z-index: 1;
  position: absolute;
  top: 18px;
  left: 10px;
  background-color: black;
  color: white;
  padding: 5px;
  /* display:  */
}

/* Toggle tooltip when hovered */
div.has-tooltip:hover span.tooltip {
  display: block;
}

/* Inline reports */
div#inline-reports-container {
  /*width: 1200px;*/
  margin-right: -100px;
}

div#inline-reports-container div#inline-reports-chart-container {
  /* height: 300px; */
  /* background-color: lightgrey; */
}

div#inline-reports-container div#inline-reports-table-container {}

/* Device connectivty tab styles */
div#device-connectivty {
  /* Style tab contents. */
}

div#device-connectivty ul {
  /* Style range list. */
  margin-bottom: 5px;
}

div#device-connectivty ul li {
  display: inline;
  padding-right: 10px;
}

div#device-connectivty ul li::before {
  /* content: '|'; */
}

div#device-connectivty .d3-chart-container {
  background: #F4F4F4;
  border: 1px solid #CCC;
  padding: 10px;
  min-height: 420px;
}

div#device-connectivty .axis path {
  fill: none;
  stroke: #000000;
  stroke-width: 1px;
}

/* div#device-connectivty .axis line {
  fill: none;
  stroke: black;
  shape-rendering: crispEdges;
} */

div#device-connectivty #slider line {
  stroke: lightgrey;
  stroke-width: 3px;
}

div#device-connectivty #slider circle {
  fill: grey;
}

div#device-connectivty .axis text {
  font-family: sans-serif;
  font-size: 11px;
}

div#device-connectivty .horizontal-marker {
  stroke: grey;
  stroke-width: 1px;
  stroke-dasharray: 10, 10;
}

div#device-connectivty rect#tooltip text {
  font-family: sans-serif;
  font-size: 11px;
}

div#device-connectivty rect.bar:hover {
  fill: #000;
  opacity: 0.5;
}

g#tooltip {}

g#tooltip .tooltip-text {
  fill: #677;
  font-family: sans-serif;
  font-weight: bold;
  font-size: 1.1em;
}

g#tooltip .date {
  fill: #333C;
  font-size: 1.2em;
}

g#tooltip .label {}

g#tooltip .value {
  fill: #677;
  font-weight: normal;
  font-size: 1em;
}

g#tooltip path {
  fill: #FFF;
}

.net-stats-line-graph text.horizontal-marker-text {
  font-weight: 600;
  opacity: 0.6;
}

.net-stats-line-graph rect.horizontal-marker-border {
  width: 50px;
  height: 40px;
  fill: #ffffff;
  opacity: 0.85;
  /* stroke: black; */
  stroke-opacity: 0.95;
}

.net-stats-line-graph .line-graph-container {
  /* stroke: grey; */
  /* stroke-width: 1.5; */
}


.net-stats-line-graph .line-graph-container path {
  stroke: lightsteelblue;
  /* stroke: #000000; */
  /* stroke: #A9A9A9; */
  stroke-width: 1;
  stroke-opacity: 0.5;
}

.net-stats-line-graph .points-container .point {
  /* stroke: lightsteelblue; */
  /* stroke: #000000; */
  /* stroke: #A9A9A9; */
  /* stroke-opacity: 0.20; */
  /* stroke-width: 1.5; */
  /* stroke-opacity: 1; */
  opacity: 0.6;
}

.net-stats-line-graph .line-graph-area-container {
  /* fill: #DCDCDC; */
  fill: lightsteelblue;
  opacity: 0.20;
  /* stroke-width: 1.5; */
}

.net-stats-line-graph text.y-axis {
  font-size: 1.3em !important;
  font-weight: 525;
}

.net-stats-line-graph div.radio-selector {
  border: solid 2px rgba(0, 0, 0, .25);
  background-color: rgba(255, 255, 255, .5);
  padding: 10px;
  position: absolute;
  /* top: 300px;
  right: 200px; */
  font-weight: 600;
  opacity: 0.6;
}

#chart-slider-container {}

#chart-slider-container .slider-button {
  fill: 'grey';
}

/* Slider range style. */
#chart-slider-container line {}

/* Slider thumb style. */
#chart-slider-container rect {
  /* fill: #000  ; */
}

/* Slider thumb style. */
#chart-slider-container .slider-hashes text {
  /* fill: #000  ; */
  font-weight: 525;
}

/* Slider thumb style on hover. */
#chart-slider-container rect:hover {
  opacity: 1;
  fill: darkgrey;
}

/* The slider itself */
input#chart-slider {
  background: none;
}

.wrapper {
  /* width set dynamically in widget.js to match table. */
}

.container {
  margin: 0 auto;
}

.meter-graphic-container {
  width: 350px;
  height: 350px;
  border: solid 5px;
  border-radius: 50%;
  /* border-radius: 20px; */
  margin-bottom: 20px;
}

.meter-graphic-container>div {
  position: relative;
  z-index: -1;
  height: 100%;
  width: 100%;
  border-radius: 50%;
}

.meter-graphic-faceplate {
  padding: 2% 0 3% 0;
  background-color: #ededed;
}

/* meter faceplate units style (gallons, ect...) */
.meter-graphic-faceplate h2 {
  font-size: 20px;
  margin-bottom: 0px;
  text-align: center;
  color: grey;
}

/* meter faceplate value style (ex 1089.8) */
.meter-graphic-faceplate h3 {
  text-align: center;
  font-size: 35px;
}

/* meter faceplate value digit style */
.meter-graphic-faceplate span {
  /* border: solid 2px black; */
  /* color: #fff; */
  padding: 3px 1px 3px 1px;

  font-weight: normal;
  width: 10px;
}

.meter-graphic-faceplate span.middle {
  margin: 0px 2px 0px 2px;
}

.meter-graphic-faceplate span.left {
  margin: 0px 2px 0px 0px;
}

.meter-graphic-faceplate span.right {
  margin: 0px 0px 0px 2px;
}

/* water specific meter graphic */
.water-meter-graphic .meter-graphic-container {
  border-color: #153B5F;
}

.water-meter-graphic .meter-graphic-container>div {
  /* .water-meter-graphic .meter-graphic-faceplate span { */
  background-color: #389AC6;
}

/* gas specific meter graphic */
.gas-meter-graphic .meter-graphic-container {
  border-color: #4e5052;
}

.gas-meter-graphic .meter-graphic-container>div {
  /* .gas-meter-graphic .meter-graphic-faceplate span { */
  background-color: #F7AC25;
}

/* .d3-chart>table {
  min-width: 1200px;

} */

.indeterminate-static-upload-progress-bar {
  height: 20px;
  /* Can be anything */
  position: relative;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  border-radius: 25px;
  -webkit-box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3);
  -moz-box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3);
  box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3);
}

.indeterminate-static-upload-progress-bar>span {
  display: block;
  width: 100%;
  height: 100%;
  -webkit-border-top-right-radius: 20px;
  -webkit-border-bottom-right-radius: 20px;
  -moz-border-radius-topright: 20px;
  -moz-border-radius-bottomright: 20px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  -webkit-border-top-left-radius: 20px;
  -webkit-border-bottom-left-radius: 20px;
  -moz-border-radius-topleft: 20px;
  -moz-border-radius-bottomleft: 20px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  background-color: rgb(43, 194, 83);
  background-image: -webkit-gradient(linear,
      left bottom,
      left top,
      color-stop(0, rgb(43, 194, 83)),
      color-stop(1, rgb(84, 240, 84)));
  background-image: -moz-linear-gradient(center bottom,
      rgb(43, 194, 83) 37%,
      rgb(84, 240, 84) 69%);
  -webkit-box-shadow:
    inset 0 2px 9px rgba(255, 255, 255, 0.3),
    inset 0 -2px 6px rgba(0, 0, 0, 0.4);
  -moz-box-shadow:
    inset 0 2px 9px rgba(255, 255, 255, 0.3),
    inset 0 -2px 6px rgba(0, 0, 0, 0.4);
  box-shadow:
    inset 0 2px 9px rgba(255, 255, 255, 0.3),
    inset 0 -2px 6px rgba(0, 0, 0, 0.4);
  position: relative;
  overflow: hidden;
  background-color: #4da501;
  background-image: -moz-linear-gradient(top, #aee77b, #4da501);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #aee77b), color-stop(1, #4da501));
  background-image: -webkit-linear-gradient(#aee77b, #4da501);
  background-image: linear-gradient(top, #aee77b, #4da501);
  /*animation: move-init 6s infinite ease;*/
  /*this is fill up left to right*/
}

.indeterminate-static-upload-progress-bar>span:after,
.animate>span>span {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-image:
    -webkit-gradient(linear, 0 0, 100% 100%,
      color-stop(.25, rgba(255, 255, 255, .2)),
      color-stop(.25, transparent), color-stop(.5, transparent),
      color-stop(.5, rgba(255, 255, 255, .2)),
      color-stop(.75, rgba(255, 255, 255, .2)),
      color-stop(.75, transparent), to(transparent));
  background-image:
    -moz-linear-gradient(-45deg,
      rgba(255, 255, 255, .2) 25%,
      transparent 25%,
      transparent 50%,
      rgba(255, 255, 255, .2) 50%,
      rgba(255, 255, 255, .2) 75%,
      transparent 75%,
      transparent);
  background-image:
    -ms-linear-gradient(135deg,
      rgba(255, 255, 255, .2) 25%,
      transparent 25%,
      transparent 50%,
      rgba(255, 255, 255, .2) 50%,
      rgba(255, 255, 255, .2) 75%,
      transparent 75%,
      transparent);

  z-index: 1;
  background-size: 50px 50px;
  -webkit-background-size: 50px 50px;
  -moz-background-size: 50px 50px;
  animation: move 2s linear infinite;
  -webkit-animation: move 2s linear infinite;
  -webkit-border-top-right-radius: 8px;
  -webkit-border-bottom-right-radius: 8px;
  -moz-border-radius-topright: 8px;
  -moz-border-radius-bottomright: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  -webkit-border-top-left-radius: 20px;
  -webkit-border-bottom-left-radius: 20px;
  -moz-border-radius-topleft: 20px;
  -moz-border-radius-bottomleft: 20px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  overflow: hidden;
}

.animate>span:after {
  display: none;
}

iframe#launcher {
  display: none;
}

iframe#webWidget {
  bottom: 20px !important;
}

@-webkit-keyframes move {
  0% {
    background-position: 0 0;
  }

  100% {
    background-position: 50px 50px;
  }
}

@keyframes move {
  0% {
    background-position: 0 0;
  }

  100% {
    background-position: 50px 50px;
  }
}

@keyframes move-init {
  0% {
    width: 0%
  }

  100% {
    bwidth: 60%
  }
}

/* SCM dashboard rules */
#scm-dashboard {}

#scm-header {
  height: 150px;
}

#scm-header #item-id,
#scm-header #total-licenses {
  background-color: #F8F9FA;
  width: 400px;
}

#scm-header .tc {
  padding-top: 40px;
}

/* Remove all of the default format */
#scm-dashboard * h1,
#scm-dashboard * h2,
#scm-dashboard * h3 {
  background: none;
  background-position: 0%;
  color: #000;
  padding-left: 0px;
  font-weight: bold;
}

#scm-dashboard * h2 {
  font-size: 1.5em;
}

#scm-dashboard * h3 {
  font-size: 1.25em;
}

.scm-chart-container h3 {
  margin-bottom: 15px;
  margin-left: 15px;
}

/* 
 * Hide the scm dashboard chart containers by default.
 * The will be set to visible when the ajax call responds with 
 * data to display.
 */
.scm-charts {
  display: none;
  margin-top: 20px;
}

#scm-dashboard div.horizontal-item {
  display: inline-block;
  height: 100%;
}

#scm-dashboard div.center-content {
  text-align: center;
  height: 100%;
}

#scm-dashboard div.scm-chart-container.half {
  width: 800px;
}

#scm-dashboard div.scm-chart-container.full {
  width: 1600px;
}


.datatable-container {
  clear: both;
  /*overflow-x: auto;*/
  padding-right: 1px;
  padding-left: 1px;
  padding-bottom: 10px;
}


table.datatable th,
table.datatable td,
table.datatable thead th,
table.datatable tbody td,
table.datatable tfoot td,
table.datatable tfoot th {
  width: auto !important;
}


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

ul.statusImgsFootnote li,
.floatLeft {
  float: left;
}

/*! jQuery UI - v1.12.1 - 2021-07-13
* http://jqueryui.com
* Includes: core.css, autocomplete.css, menu.css
* Copyright jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none;
}

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse;
}

.ui-helper-clearfix:after {
  clear: both;
}

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0);
  /* support: IE8 */
}

.ui-front {
  z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important;
  pointer-events: none;
}


/* Icons
----------------------------------*/
.ui-icon {
  display: inline-block;
  vertical-align: middle;
  margin-top: -.25em;
  position: relative;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}

.ui-widget-icon-block {
  left: 50%;
  margin-left: -8px;
  display: block;
}

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default;
}

.ui-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
  outline: 0;
}

.ui-menu .ui-menu {
  position: absolute;
}

.ui-menu .ui-menu-item {
  margin: 0;
  cursor: pointer;
  /* support: IE10, see #8844 */
  list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}

.ui-menu .ui-menu-item-wrapper {
  position: relative;
  padding: 3px 1em 3px .4em;
}

.ui-menu .ui-menu-divider {
  margin: 5px 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0;
}

.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
  margin: -1px;
}

/* icon support */
.ui-menu-icons {
  position: relative;
}

.ui-menu-icons .ui-menu-item-wrapper {
  padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: .2em;
  margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
  left: auto;
  right: 0;
}

#device-image-modal {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -60%);
  background-color: lightgray;
  width: 500px;
  z-index: 100;
  border: solid 3px lightgray;
}

#device-image-modal img {
  width: 100%;
}

#device-image-modal #device-image-description {
  width: 100%;
  height: 100px;
  background-color: #fff;
}

#device-image-modal #device-image-description #device-img-previous-btn {
  color: red;
}

#device-image-modal #device-image-description #device-img-next-btn {
  color: blue;
}

#lwM2MConfig_Config th,
#lwM2MConfig_Config td,
#addBusinessService-table td,
#removeBusinessService-table td {
  font-size: 12px;
}

#lwM2MConfig_Config input,
#addBusinessService-table input,
#removeBusinessService-table input {
  border: 1px solid #CCC;
  font-size: 12px;
  margin: 0;
}

.lwM2MConfig_add td,
.addBusinessService_add td,
.removeBusinessService_remove td {
  padding-bottom: 20px;
  border: none;
}

table.edmiprgPolicyBusinessService {
  margin: 10px 5px;
}

table.edmiprgPolicyBusinessService th,
table.edmiprgPolicyBusinessService td {
  font-size: 11px;
}


#modal-imported-file-records {
  width: 800px;
}

#modal-imported-file-records .datatable {
  min-width: 750px;
}