.colThird {
 float: left;
 width: 33%;
}
.colTwoThird {
 float: left;
 width: 66%;
}
.colHalf {
 float: left;
 width: 49.5%;
}
.colQuarter {
 float: left;
 width: 24.5%;
}
.colThreeQuarter {
 float: left;
 width: 74.5%;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
 display: block;
}
audio,
canvas,
video {
 display: inline-block;
 *display: inline;
 *zoom: 1;
}
audio:not([controls]) {
 display: none;
}
[hidden] {
 display: none;
}
html {
 font-size: 100%;
 -webkit-text-size-adjust: 100%;
 -ms-text-size-adjust: 100%;
}
html,
button,
input,
select,
textarea {
 font-family: sans-serif;
 color: #222;
}
body {
 margin: 0;
 line-height: 1.4;
 overflow: auto;
}
a:hover,
a:active {
 outline: 0;
}
abbr[title] {
 border-bottom: 1px dotted;
}
b,
strong {
 font-weight: bold;
}
blockquote {
 margin: 1em 40px;
}
dfn {
 font-style: italic;
}
/*hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }*/

ins {
 background: #ff9;
 color: #000;
 text-decoration: none;
}
pre,
code,
kbd,
samp {
 font-family: monospace, serif;
 _font-family: 'courier new', monospace;
 font-size: 1em;
}
pre {
 white-space: pre;
 white-space: pre-wrap;
 word-wrap: break-word;
}
q {
 quotes: none;
}
q:before,
q:after {
 content: "";
 content: none;
}
small {
 font-size: 85%;
}
sub,
sup {
 font-size: 75%;
 line-height: 0;
 position: relative;
 vertical-align: baseline;
}
sup {
 top: -0.5em;
}
sub {
 bottom: -0.25em;
}
dd {
 margin: 0 0 0 40px;
}
img {
 border: 0;
 -ms-interpolation-mode: bicubic;
 vertical-align: middle;
}
svg:not(:root) {
 overflow: hidden;
}
figure {
 margin: 0;
}
form {
 margin: 0;
}
fieldset {
 border: 0;
 margin: 0;
 padding: 0;
}
label:not([class*="form-label"]) {
 cursor: pointer;
}
legend {
 border: 0;
 *margin-left: -7px;
 padding: 0;
 white-space: normal;
}
button,
input,
select,
textarea {
 font-size: 100%;
 margin: 0;
 vertical-align: baseline;
 *vertical-align: middle;
}
button,
input {
 line-height: normal;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
 cursor: pointer;
 -webkit-appearance: button;
 *overflow: visible;
}
button[disabled],
input[disabled] {
 cursor: default;
}
input[type="checkbox"],
input[type="radio"] {
 box-sizing: border-box;
 padding: 0;
 *width: 13px;
 *height: 13px;
}
input[type="search"] {
 -webkit-appearance: textfield;
 -moz-box-sizing: content-box;
 -webkit-box-sizing: content-box;
 box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
 -webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
 border: 0;
 padding: 0;
}
textarea {
 overflow: auto;
 vertical-align: top;
 resize: vertical;
}
input:invalid:not([class*="form-"]),
textarea:invalid:not([class*="form-"]) {
 background-color: #f0dddd;
}
table {
 border-collapse: collapse;
 border-spacing: 0;
}
table:not(.align-middle) td {
 vertical-align: top;
}
/* Remove Styling from any list with a "layout" class or inside an HTML5 Nav element */

.layout {
 display: block;
 margin: 0;
 padding: 0;
}
.layout > li,
nav li {
 list-style: none;
 list-style-image: none;
 margin: 0;
 padding: 0;
}
.layout > ul,
nav ul {
 margin: 0 !important;
 padding: 0 !important;
}
/* Bicubic resizing for non-native sized IMG: */

.ie7 img {
 -ms-interpolation-mode: bicubic;
}
/* universal selectors to fix a few common issues */

* {
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
}
/* fix the stupid broken box model */

* {
 position: relative;
}
/* testing this one to see if we like it */

/* Prevent iOS, WinMobile from adjusting font size */

html {
 -webkit-text-size-adjust: none;
 -ms-text-size-adjust: none;
}
@media print {
 * {
 background: transparent !important;
 color: black !important;
 text-shadow: none !important;
 /*filter:none !important; -ms-filter: none !important;*/
 
 }
 a,
 a:visited {
 color: #444 !important;
 text-decoration: underline;
 }
 a[href]:after {
 content: " (" attr(href) ")";
 }
 abbr[title]:after {
 content: " (" attr(title) ")";
 }
 .ir a:after,
 a[href^="javascript:"]:after,
 a[href^="#"]:after {
 content: "";
 }
 /* Don't show links for images, or javascript/internal links */
 
 pre,
 blockquote {
 border: 1px solid #999;
 page-break-inside: avoid;
 }
 thead {
 display: table-header-group;
 }
 /* css-discuss.incutio.com/wiki/Printing_Tables */
 
 tr,
 img {
 page-break-inside: avoid;
 }
 p,
 h2,
 h3 {
 orphans: 3;
 widows: 3;
 }
 h2,
 h3 {
 page-break-after: avoid;
 }
}
@font-face {
 font-family: 'RobotoRegular';
 src: url('../../css/../fonts/Roboto-Regular-webfont.eot');
 src: url('../../css/../fonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../../css/../fonts/Roboto-Regular-webfont.woff') format('woff'), url('../../css/../fonts/Roboto-Regular-webfont.ttf') format('truetype'), url('../../css/../fonts/Roboto-Regular-webfont.svg#RobotoRegular') format('svg');
 font-weight: normal;
 font-style: normal;
}
@font-face {
 font-family: 'RobotoItalic';
 src: url('../../css/../fonts/Roboto-Italic-webfont.eot');
 src: url('../../css/../fonts/Roboto-Italic-webfont.eot?#iefix') format('embedded-opentype'), url('../../css/../fonts/Roboto-Italic-webfont.woff') format('woff'), url('../../css/../fonts/Roboto-Italic-webfont.ttf') format('truetype'), url('../../css/../fonts/Roboto-Italic-webfont.svg#RobotoItalic') format('svg');
 font-weight: normal;
 font-style: normal;
}
@font-face {
 font-family: 'RobotoBold';
 src: url('../../css/../fonts/Roboto-Bold-webfont.eot');
 src: url('../../css/../fonts/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('../../css/../fonts/Roboto-Bold-webfont.woff') format('woff'), url('../../css/../fonts/Roboto-Bold-webfont.ttf') format('truetype'), url('../../css/../fonts/Roboto-Bold-webfont.svg#RobotoBold') format('svg');
 font-weight: normal;
 font-style: normal;
}
@font-face {
 font-family: 'RobotoBoldItalic';
 src: url('../../css/../fonts/Roboto-BoldItalic-webfont.eot');
 src: url('../../css/../fonts/Roboto-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'), url('../../css/../fonts/Roboto-BoldItalic-webfont.woff') format('woff'), url('../../css/../fonts/Roboto-BoldItalic-webfont.ttf') format('truetype'), url('../../css/../fonts/Roboto-BoldItalic-webfont.svg#RobotoBoldItalic') format('svg');
 font-weight: normal;
 font-style: normal;
}
@font-face {
 font-family: 'RobotoCondensed';
 src: url('../../css/../fonts/Roboto-Condensed-webfont.eot');
 src: url('../../css/../fonts/Roboto-Condensed-webfont.eot?#iefix') format('embedded-opentype'), url('../../css/../fonts/Roboto-Condensed-webfont.woff') format('woff'), url('../../css/../fonts/Roboto-Condensed-webfont.ttf') format('truetype'), url('../../css/../fonts/Roboto-Condensed-webfont.svg#RobotoCondensed') format('svg');
 font-weight: normal;
 font-style: normal;
}
@font-face {
 font-family: 'RobotoCondensedItalic';
 src: url('../../css/../fonts/Roboto-CondensedItalic-webfont.eot');
 src: url('../../css/../fonts/Roboto-CondensedItalic-webfont.eot?#iefix') format('embedded-opentype'), url('../../css/../fonts/Roboto-CondensedItalic-webfont.woff') format('woff'), url('../../css/../fonts/Roboto-CondensedItalic-webfont.ttf') format('truetype'), url('../../css/../fonts/Roboto-CondensedItalic-webfont.svg#RobotoCondensedItalic') format('svg');
 font-weight: normal;
 font-style: normal;
}
@font-face {
 font-family: 'RobotoBoldCondensed';
 src: url('../../css/../fonts/Roboto-BoldCondensed-webfont.eot');
 src: url('../../css/../fonts/Roboto-BoldCondensed-webfont.eot?#iefix') format('embedded-opentype'), url('../../css/../fonts/Roboto-BoldCondensed-webfont.woff') format('woff'), url('../../css/../fonts/Roboto-BoldCondensed-webfont.ttf') format('truetype'), url('../../css/../fonts/Roboto-BoldCondensed-webfont.svg#RobotoBoldCondensed') format('svg');
 font-weight: normal;
 font-style: normal;
}
@font-face {
 font-family: 'RobotoBoldCondensedItalic';
 src: url('../../css/../fonts/Roboto-BoldCondensedItalic-webfont.eot');
 src: url('../../css/../fonts/Roboto-BoldCondensedItalic-webfont.eot?#iefix') format('embedded-opentype'), url('../../css/../fonts/Roboto-BoldCondensedItalic-webfont.woff') format('woff'), url('../../css/../fonts/Roboto-BoldCondensedItalic-webfont.ttf') format('truetype'), url('../../css/../fonts/Roboto-BoldCondensedItalic-webfont.svg#RobotoBoldCondensedItalic') format('svg');
 font-weight: normal;
 font-style: normal;
}
@font-face {
 font-family: 'RobotoThin';
 src: url('../../css/../fonts/Roboto-Thin-webfont.eot');
 src: url('../../css/../fonts/Roboto-Thin-webfont.eot?#iefix') format('embedded-opentype'), url('../../css/../fonts/Roboto-Thin-webfont.woff') format('woff'), url('../../css/../fonts/Roboto-Thin-webfont.ttf') format('truetype'), url('../../css/../fonts/Roboto-Thin-webfont.svg#RobotoThin') format('svg');
 font-weight: normal;
 font-style: normal;
}
@font-face {
 font-family: 'RobotoThinItalic';
 src: url('../../css/../fonts/Roboto-ThinItalic-webfont.eot');
 src: url('../../css/../fonts/Roboto-ThinItalic-webfont.eot?#iefix') format('embedded-opentype'), url('../../css/../fonts/Roboto-ThinItalic-webfont.woff') format('woff'), url('../../css/../fonts/Roboto-ThinItalic-webfont.ttf') format('truetype'), url('../../css/../fonts/Roboto-ThinItalic-webfont.svg#RobotoThinItalic') format('svg');
 font-weight: normal;
 font-style: normal;
}
@font-face {
 font-family: 'RobotoLight';
 src: url('../../css/../fonts/Roboto-Light-webfont.eot');
 src: url('../../css/../fonts/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'), url('../../css/../fonts/Roboto-Light-webfont.woff') format('woff'), url('../../css/../fonts/Roboto-Light-webfont.ttf') format('truetype'), url('../../css/../fonts/Roboto-Light-webfont.svg#RobotoLight') format('svg');
 font-weight: normal;
 font-style: normal;
}
@font-face {
 font-family: 'RobotoLightItalic';
 src: url('../../css/../fonts/Roboto-LightItalic-webfont.eot');
 src: url('../../css/../fonts/Roboto-LightItalic-webfont.eot?#iefix') format('embedded-opentype'), url('../../css/../fonts/Roboto-LightItalic-webfont.woff') format('woff'), url('../../css/../fonts/Roboto-LightItalic-webfont.ttf') format('truetype'), url('../../css/../fonts/Roboto-LightItalic-webfont.svg#RobotoLightItalic') format('svg');
 font-weight: normal;
 font-style: normal;
}
@font-face {
 font-family: 'RobotoMedium';
 src: url('../../css/../fonts/Roboto-Medium-webfont.eot');
 src: url('../../css/../fonts/Roboto-Medium-webfont.eot?#iefix') format('embedded-opentype'), url('../../css/../fonts/Roboto-Medium-webfont.woff') format('woff'), url('../../css/../fonts/Roboto-Medium-webfont.ttf') format('truetype'), url('../../css/../fonts/Roboto-Medium-webfont.svg#RobotoMedium') format('svg');
 font-weight: normal;
 font-style: normal;
}
@font-face {
 font-family: 'RobotoMediumItalic';
 src: url('../../css/../fonts/Roboto-MediumItalic-webfont.eot');
 src: url('../../css/../fonts/Roboto-MediumItalic-webfont.eot?#iefix') format('embedded-opentype'), url('../../css/../fonts/Roboto-MediumItalic-webfont.woff') format('woff'), url('../../css/../fonts/Roboto-MediumItalic-webfont.ttf') format('truetype'), url('../../css/../fonts/Roboto-MediumItalic-webfont.svg#RobotoMediumItalic') format('svg');
 font-weight: normal;
 font-style: normal;
}
@font-face {
 font-family: 'RobotoBlack';
 src: url('../../css/../fonts/Roboto-Black-webfont.eot');
 src: url('../../css/../fonts/Roboto-Black-webfont.eot?#iefix') format('embedded-opentype'), url('../../css/../fonts/Roboto-Black-webfont.woff') format('woff'), url('../../css/../fonts/Roboto-Black-webfont.ttf') format('truetype'), url('../../css/../fonts/Roboto-Black-webfont.svg#RobotoBlack') format('svg');
 font-weight: normal;
 font-style: normal;
}
@font-face {
 font-family: 'RobotoBlackItalic';
 src: url('../../css/../fonts/Roboto-BlackItalic-webfont.eot');
 src: url('../../css/../fonts/Roboto-BlackItalic-webfont.eot?#iefix') format('embedded-opentype'), url('../../css/../fonts/Roboto-BlackItalic-webfont.woff') format('woff'), url('../../css/../fonts/Roboto-BlackItalic-webfont.ttf') format('truetype'), url('../../css/../fonts/Roboto-BlackItalic-webfont.svg#RobotoBlackItalic') format('svg');
 font-weight: normal;
 font-style: normal;
}
@font-face {
 font-family: 'weatherIcons';
 src: url('../../css/../fonts/weatherIcons.eot');
 src: url('../../css/../fonts/weatherIcons.eot?#iefix') format('embedded-opentype'), url('../../css/../fonts/weatherIcons.svg#weatherIcons') format('svg'), url('../../css/../fonts/weatherIcons.woff') format('woff'), url('../../css/../fonts/weatherIcons.ttf') format('truetype');
 font-weight: normal;
 font-style: normal;
}
@font-face {
 font-family: 'mainIcons';
 src: url('../../css/../fonts/mainIcons.eot');
 src: url('../../css/../fonts/mainIcons.eot?#iefix') format('embedded-opentype'), url('../../css/../fonts/mainIcons.svg#mainIcons') format('svg'), url('../../css/../fonts/mainIcons.woff') format('woff'), url('../../css/../fonts/mainIcons.ttf') format('truetype');
 font-weight: normal;
 font-style: normal;
}
@font-face {
 font-family: 'FontAwesome5ProRegular';
 src: url('../../css/../fonts/Font Awesome 6 Pro-Regular-400.ttf');
 font-weight: normal;
 font-style: normal;
}
@font-face {
 font-family: 'FontAwesome6ProSolid';
 src: url('../../css/../fonts/Font Awesome 6 Pro-Solid-900.ttf');
 font-weight: normal;
 font-style: normal;
}
.text-black {
 font-family: 'RobotoBlack', Helvetica, Arial, Sans-Serif;
 font-weight: normal;
}
.text-bold {
 font-family: 'RobotoBold', Helvetica, Arial, Sans-Serif;
 font-weight: normal;
}
.text-medium {
 font-family: 'RobotoMedium', Helvetica, Arial, Sans-Serif;
 font-weight: normal;
}
.text-regular {
 font-family: 'RobotoRegular', Helvetica, Arial, Sans-Serif;
 font-weight: normal;
}
.text-light {
 font-family: 'RobotoLight', Helvetica, Arial, Sans-Serif;
 font-weight: normal;
}
.icons {
 font-family: 'mainIcons';
}
.chromeframe {
 margin: 1em 0;
 background: #F4F3F3;
 color: #777;
 padding: 1em 0;
}
/* ----- Basic styling ----- */

html > body {
 overflow-y: scroll;
}
body {
 color: #444;
 background: #fff;
 font-family: 'RobotoRegular', Helvetica, Arial, Sans-Serif;
 font-weight: normal;
}
/* base font family, size, color, etc */

a.disabled,
a.disabled:active,
a.disabled:visited {
 color: #0085CA;
}
a:hover {
 color: #555;
 cursor: pointer;
 text-decoration: none;
}
/* links that go off site */

/* text elements */

h1 {
 font-family: 'RobotoBlack', Helvetica, Arial, Sans-Serif;
 font-weight: normal;
}
h2 {
 font-family: 'RobotoBlack', Helvetica, Arial, Sans-Serif;
 font-weight: normal;
}
h3 {
 font-family: 'RobotoBold', Helvetica, Arial, Sans-Serif;
 font-weight: normal;
}
h4 {
 font-family: 'RobotoBold', Helvetica, Arial, Sans-Serif;
 font-weight: normal;
 font-size: 20px;
}
h5 {
 font-family: 'RobotoMedium', Helvetica, Arial, Sans-Serif;
 font-weight: normal;
}
h6 {
 font-family: 'RobotoMedium', Helvetica, Arial, Sans-Serif;
 font-weight: normal;
 font-size: 14px;
 line-height: 18px;
 margin: 0;
}
/* First paragraph in a container */

/* use this if you want a drop cap. Note it applies to ALL paragraph tags */

strong,
b {
 font-family: 'RobotoBold', Helvetica, Arial, Sans-Serif;
 font-weight: normal;
}
em,
i {
 font-style: italic;
}
/* form elements */

div:not(.form-floating) > label:not(.radio-inline):not([class*="form-"]) {
 color: #222;
 font-size: 14px;
 font-weight: normal;
 max-width: initial;
 margin-bottom: initial;
}
div:not(.form-floating) > label:not(.radio-inline):not([class*="form-"]) input[type="checkbox"],
div:not(.form-floating) > label:not(.radio-inline):not([class*="form-"]) input[type="radio"] {
 display: inline;
 vertical-align: middle;
 top: 0;
}
div:not(.form-floating) > label:not(.radio-inline):not([class*="form-"]) span:not(.noPadding) {
 vertical-align: middle;
 padding-left: 5px;
}
.form-group label {
 color: inherit;
}
/* Use since input[type=text] etc is buggy in most browsers */

input[type="text"]:not([class*="form-"]),
input[type="email"]:not([class*="form-"]),
input[type="password"]:not([class*="form-"]),
input[type="search"]:not([class*="form-"]),
input[type="date"]:not([class*="form-"]) {
 font-size: 14px;
 line-height: 12px;
 border: 1px solid #bbb;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 border-radius: 3px;
 -moz-background-clip: padding;
 -webkit-background-clip: padding-box;
 background-clip: padding-box;
 padding: 5px 4px 4px 4px;
 background: #ffffff;
 cursor: default;
 -webkit-box-shadow: inset 0 0 2px rgba(207, 201, 188, 0.75);
 -moz-box-shadow: inset 0 0 2px rgba(207, 201, 188, 0.75);
 box-shadow: inset 0 0 2px rgba(207, 201, 188, 0.75);
 overflow: hidden;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="date"]:focus,
textarea:not(.form-control) {
 outline: none;
 border: 1px solid #1d70c9;
 color: #1d70c9;
}
select#SecretQuestion:focus {
 outline: none;
 border: 1px solid #1d70c9;
 color: #1d70c9;
}
textarea:not([class*="form-control"]) {
 resize: none;
 color: #000;
 font-size: 14px;
 line-height: 16px;
 border: 1px solid #bbb;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 border-radius: 3px;
 -moz-background-clip: padding;
 -webkit-background-clip: padding-box;
 background-clip: padding-box;
 padding: 5px 4px 4px 4px;
 background: #ffffff;
 color: #444;
 cursor: default;
 -webkit-box-shadow: inset 0 0 2px rgba(207, 201, 188, 0.75);
 -moz-box-shadow: inset 0 0 2px rgba(207, 201, 188, 0.75);
 box-shadow: inset 0 0 2px rgba(207, 201, 188, 0.75);
}
select:after {
 content: "1";
 font-family: 'mainIcons';
}
.ie8 select {
 padding: 5px 0;
 height: auto;
 border: 1px solid #bbb;
}
select:not([class*="form-"]) {
 border: 0;
 line-height: 110%;
 height: 26px;
 border: 1px solid #bbb;
 font-size: 12px;
 -webkit-box-shadow: inset 0 0 2px rgba(207, 201, 188, 0.75);
 -moz-box-shadow: inset 0 0 2px rgba(207, 201, 188, 0.75);
 box-shadow: inset 0 0 2px rgba(207, 201, 188, 0.75);
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 border-radius: 3px;
 -moz-background-clip: padding;
 -webkit-background-clip: padding-box;
 background-clip: padding-box;
}
.error {
 font-style: italic;
 color: #2C3440;
 font-size: 14px;
}
.error span {
 font-weight: bold;
}
.error li {
 text-align: center;
 font-size: 12px;
 padding: 5px;
}
/* use for validation error messages */

.error-text {
 color: #2C3440;
}
.success {
 font-style: italic;
 color: darkgreen;
 font-size: 14px;
 font-weight: bold;
}
.success span {
 color: darkgreen;
}
.success-text {
 color: #006400;
}
.stateMessageContainer {
 position: absolute;
 top: 0;
 left: 50%;
 width: 30%;
 margin: 0px 0 0 -15%;
 z-index: 100;
 text-align: center;
 font-weight: bold;
}
.errorContainer {
 position: fixed;
 top: 10px;
 left: 50%;
 width: 20%;
 margin: 0 0 0 -10%;
 z-index: 100;
 text-align: center;
 font-weight: bold;
 color: #FF3A3A;
 background-color: #E1DCD2;
 border-radius: 5px;
 padding: 5px;
}
.successContainer {
 position: fixed;
 top: 10px;
 left: 50%;
 width: 20%;
 margin: 0 0 0 -10%;
 z-index: 100;
 text-align: center;
 background-color: #E1DCD2;
 border-radius: 5px;
 padding: 5px;
}
.container {
 overflow: auto;
}
.field-validation-error {
 color: #b94a48 !important;
 font-size: 14px;
}
.input-validation-error {
 border: 1px solid #D62129 !important;
}
.registrationError {
 margin-left: 2%;
}
#globalError {
 padding: 5px;
 color: #ffffff;
 position: absolute;
 z-index: 20;
 top: 0px;
 left: 0px;
 width: 100%;
 background: #2C3440;
}
/* alert bar likely for use at the top of a page */

::-webkit-input-placeholder {
 color: #666;
 font-style: italic;
 font-size: 13px;
}
input:-moz-placeholder {
 color: #666;
 font-style: italic;
 font-size: 13px;
}
/* Remove Styling from any list with a "layout" class or inside an HTML5 Nav element */

.layout {
 display: block;
 margin: 0;
 padding: 0;
}
.layout > li,
nav li {
 list-style: none outside !important;
 margin: 0;
 padding: 0;
}
.ie8 .fancySelect .dropDown {
 overflow-y: auto !important;
}
.fancySelect {
 display: inline-block;
 min-width: 100px;
 text-align: left;
 position: relative;
 color: #000;
 font-size: 12px;
 line-height: 12px;
}
.fancySelect .selectMain {
 position: relative;
 border: 1px solid #fafafa;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 border-radius: 3px;
 -moz-background-clip: padding;
 -webkit-background-clip: padding-box;
 background-clip: padding-box;
 padding: 7px 0 4px 6px;
 background: #ffffff;
 color: #444;
 cursor: default;
 -webkit-box-shadow: inset 0 0 5px rgba(207, 201, 188, 0.75);
 -moz-box-shadow: inset 0 0 5px rgba(207, 201, 188, 0.75);
 box-shadow: inset 0 0 5px rgba(207, 201, 188, 0.75);
}
.fancySelect .selectMain span {
 display: block;
 width: 80%;
 white-space: nowrap;
 overflow: hidden;
 -ms-text-overflow: ellipsis;
 -o-text-overflow: ellipsis;
 text-overflow: ellipsis;
}
.fancySelect .selectMain:after {
 content: "2";
 position: absolute;
 font-family: 'mainIcons';
 color: #1d70c9;
 border-left: 1px solid #bbb;
 text-align: center;
 font-size: 17px;
 width: 20px;
 height: 18px;
 top: 0px;
 right: 0px;
 padding-top: 5px;
}
.fancySelect .dropDown {
 /*overflow-x: hidden; overflow-y: auto !important;*/
 max-height: 125px;
 position: absolute;
 z-index: 1000;
 background: #ffffff;
 width: 100%;
 min-width: 100px;
 border: 1px solid #bbb;
 border-top: 0 none transparent;
 -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
 -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.fancySelect .dropDown li {
 cursor: pointer;
 display: block;
 text-align: left;
 padding: 5px;
 -webkit-transition: all 0.18s ease-in-out;
 -moz-transition: all 0.18s ease-in-out;
 transition: all 0.18s ease-in-out;
}
.fancySelect .dropDown li.selected {
 background: #fff;
}
.fancySelect .dropDown li:hover {
 background: #1d70c9;
 color: #ffffff;
}
.fancySelect .dropDown:not(.defaultOverflowSelect) {
 overflow-x: hidden;
 overflow-y: auto !important;
}
.modern .toggleSwitch {
 position: relative;
 z-index: 1;
 cursor: pointer;
 display: block;
 font-size: 9px;
 width: 48px;
 height: 24px;
 font-family: 'RobotoMedium', Helvetica, Arial, Sans-Serif;
 font-weight: normal;
 -webkit-border-radius: 12px;
 -moz-border-radius: 12px;
 border-radius: 12px;
 -moz-background-clip: padding;
 -webkit-background-clip: padding-box;
 background-clip: padding-box;
 text-align: center;
 background-color: #fff;
 -webkit-box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, 0.25);
 -moz-box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, 0.25);
 box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, 0.25);
}
.modern .toggleSwitch input {
 position: absolute;
 opacity: 0;
}
.modern .toggleSwitch span {
 position: absolute;
 height: 24px;
 width: 24px;
 -webkit-border-radius: 12px;
 -moz-border-radius: 12px;
 border-radius: 12px;
 -moz-background-clip: padding;
 -webkit-background-clip: padding-box;
 background-clip: padding-box;
 background: #ffffff;
 z-index: 10;
 top: 0px;
 left: -1px;
 border: 1px solid #bbb;
 -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
 -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
 -webkit-transition: all 0.18s ease-out;
 -moz-transition: all 0.18s ease-out;
 transition: all 0.18s ease-out;
}
.modern .toggleSwitch:before,
.modern .toggleSwitch:after {
 position: relative;
 z-index: 2;
 float: left;
}
.modern .toggleSwitch:before {
 content: attr(data-on);
 padding: 7px 0 0 5px;
 color: #1d70c9;
}
.modern .toggleSwitch:after {
 content: attr(data-off);
 float: right;
 padding: 7px 5px 0 0;
}
.modern .toggleSwitch input:checked + span {
 left: 25px;
}
.modern .radioBtn span {
 display: block;
 font-size: 13px;
}
.modern .radioBtn span:before {
 content: "K";
 font-family: 'mainIcons';
 padding-right: 5px;
 font-size: 14px;
}
.modern .radioBtn input {
 position: absolute;
 opacity: 0;
}
.modern .radioBtn input:checked + span:before {
 content: "k";
}
.tip {
 display: block;
 margin: 10px;
 padding: 10px;
 padding-left: 40px;
 position: relative;
 background: #F4F3F3;
 border: 1px solid #fafafa;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 border-radius: 3px;
 -moz-background-clip: padding;
 -webkit-background-clip: padding-box;
 background-clip: padding-box;
}
.tip:before {
 content: "Quick Tip";
 font-family: 'RobotoLight', Helvetica, Arial, Sans-Serif;
 font-weight: normal;
 font-size: 130%;
 display: block;
 color: #1d70c9;
}
.tip:after {
 content: "V";
 font-family: 'mainIcons';
 position: absolute;
 top: 5px;
 left: 10px;
 font-size: 20px;
 color: #1d70c9;
}
.genericBtn {
 display: inline-block;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 border-radius: 3px;
 -moz-background-clip: padding;
 -webkit-background-clip: padding-box;
 background-clip: padding-box;
 text-transform: uppercase;
 color: #444;
 text-align: center;
 padding: 4px 12px 3px 12px;
 font-size: 12px;
 border: 1px solid #24211D;
 -webkit-transition: all 0.18s ease-in-out;
 -moz-transition: all 0.18s ease-in-out;
 transition: all 0.18s ease-in-out;
}
a.genericBtn {
 color: #555;
}
.genericBtn:after {
 content: "s";
 font-family: 'mainIcons';
 text-transform: none;
 color: #1d70c9;
 display: inline-block;
 padding: 2px 0 0 5px;
 font-size: 90%;
}
.genericBtn:hover {
 background-color: #1d70c9;
 border-color: #1d70c9;
 color: #ffffff;
 background: #1d70c9;
 /* Old browsers */
 background: -moz-linear-gradient(top, #1d70c9 0%, #001489 100%);
 /* FF3.6+ */
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1d70c9), color-stop(100%, #001489));
 /* Chrome,Safari4+ */
 background: -webkit-linear-gradient(top, #1d70c9 0% #001489 100%);
 /* Chrome10+,Safari5.1+ */
 background: -o-linear-gradient(top, #1d70c9 0%, #001489 100%);
 /* Opera 11.10+ */
 background: -ms-linear-gradient(top, #1d70c9 0%, #001489 100%);
 /* IE10+ */
 background: linear-gradient(to bottom, #1d70c9 0%, #001489 100%);
 /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#1d70c9, endColorstr=#001489, GradientType=0);
 /* IE6-9 */

}
.genericBtn.custom::after {
 content: attr(data-icon) !important;
}
.genericBtn:hover:after {
 color: #fff;
}
.genericBtn.nextBtn:after {
 content: "3";
}
.accountWarning p,
.accountWarning h3 {
 margin: 0;
}
.warning {
 max-width: 50%;
 margin: 10px;
}
.warning:not(.account) {
 margin: 20px auto;
 border: 1px solid #bbb;
 padding: 10px;
 -webkit-border-radius: 6px;
 -moz-border-radius: 6px;
 border-radius: 6px;
 -moz-background-clip: padding;
 -webkit-background-clip: padding-box;
 background-clip: padding-box;
 -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
 -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
 box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
}
.warning h3 {
 margin: 0;
}
.warning p {
 margin: 0;
}
/* For image replacement */

.ir {
 display: block;
 border: 0;
 text-indent: -999em;
 overflow: hidden;
 background-color: transparent;
 background-repeat: no-repeat;
 text-align: left;
 direction: ltr;
 *line-height: 0;
}
.ir br {
 display: none;
}
.hidden {
 display: none !important;
 visibility: hidden;
}
.noDisplay {
 display: none;
}
.visuallyhidden {
 border: 0;
 clip: rect(0 0 0 0);
 height: 1px;
 margin: -1px;
 overflow: hidden;
 padding: 0;
 position: absolute;
 width: 1px;
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
 clip: auto;
 height: auto;
 margin: 0;
 overflow: visible;
 position: static;
 width: auto;
}
.invisible {
 visibility: hidden;
}
.clearfix:before,
.clearfix:after {
 content: "";
 display: table;
}
.clearfix:after {
 clear: both;
}
.clearfix {
 *zoom: 1;
}
.block {
 display: block;
}
.right {
 float: right;
}
/* keep legacy sites happy */

.clear {
 clear: both;
}
a:link {
 -webkit-tap-highlight-color: #1d70c9;
 text-decoration: none;
}
/* Ajax loading overlay */

.overlay:not(.large) {
 position: relative;
 z-index: 1;
 filter: alpha(opacity=50);
 -moz-opacity: 0.5;
 -khtml-opacity: 0.5;
 opacity: 0.5;
 /* -webkit-filter: blur(2px); filter: url(#blur-effect-1);*/

}
.overlay .loadingGif {
 position: absolute;
 z-index: 15;
 height: 18px;
 width: 18px;
 top: 50%;
 margin-top: -9px;
 left: 50%;
 margin-left: -9px;
 background-image: url('../../css/../images/Loading.gif');
}
#loadSpinner,
.loadSpinner {
 position: fixed;
 z-index: 52;
 margin: -100px 0 100px -150px;
 top: 50%;
 left: 50%;
 width: 300px;
 text-align: center;
 padding: 50px;
 background: #fff;
 border: 1px solid #fafafa;
 -webkit-border-radius: 6px;
 -moz-border-radius: 6px;
 border-radius: 6px;
 -moz-background-clip: padding;
 -webkit-background-clip: padding-box;
 background-clip: padding-box;
 -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
 -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
#loadSpinner h5,
.loadSpinner h5 {
 font-family: 'RobotoMedium', Helvetica, Arial, Sans-Serif;
 font-weight: normal;
 color: #222;
 font-size: 16px;
 margin: 0;
 margin-bottom: 5px;
}
#loadSpinner span,
.loadSpinner span {
 margin: 0 auto;
 width: 220px;
 height: 19px;
 background-image: url('../../css/../images/ajax-loader.gif');
}
#loadSpinner p,
.loadSpinner p {
 font-size: 11px;
 color: #444;
 line-height: 11px;
}
.ui-datepicker {
 font-size: 10px !important;
}
.ie8 .ieShift,
.ie9 .ieShift {
 top: -8px;
}
.ie8 .ie8Shift {
 top: -8px;
}
.ie9 .ie9Shift {
 top: -8px;
}
body.fullscreen {
 background-color: white;
}
body.fullscreen #main {
 padding: 0;
}
body.fullscreen .contentWrap {
 max-width: 100%;
}
body.fullscreen #markers,
body.fullscreen #export,
body.fullscreen .data-range,
body.fullscreen #dataDataPickerContainer {
 display: none;
}
body.fullscreen .contentContainer #secHeader .tableControlForm .tableControlContainer {
 margin-right: 0;
}
body.fullscreen #container {
 z-index: 1200;
}
#accountList .container {
 overflow: inherit;
 width: 100%;
}
.container-padded {
 padding: 15px;
}
#PayYourBillContainer .modal-header h4 {
 color: #fff;
}
.fullScreenBtn {
 display: block;
 text-align: center;
 font-size: 9px;
 min-width: 0;
 padding: 8px 10px 4px 10px;
 cursor: pointer;
}
.fullScreenBtn:before {
 text-align: center;
 display: block;
 font-size: 14px;
 color: #1d70c9;
}
.fullScreenBtn #popout {
 background: #333 !important;
 color: #fafafa !important;
}
.modal-action-header {
 background: #1d70c9;
 color: white;
}
.modal-header {
 background-color: #1d70c9;
 color: #fff;
}
.modal-header .close {
 color: #fff;
 width: 20px;
 height: 20px;
 border-radius: 20px;
}
.modal-header .close:hover {
 color: #1d70c9;
 background-color: #fff;
}
.modal-content {
 border: none;
}
#OutageModal .blueText {
 color: blue;
}
#OutageModal .modalMargin {
 margin-top: 10px;
 margin-bottom: 10px;
}
#OutageModal .redText {
 color: red;
}
#OutageReportingModal .modalMargin {
 margin-top: 10px;
 margin-bottom: 10px;
}
.accordion-button:not(.collapsed) {
 color: #1d70c9;
 background-color: #1d70c910;
}
.accordion-button {
 background-color: #f5f5f5 !important;
}
.accordion-header {
 color: #333;
 background-color: #f5f5f5 !important;
 border-color: #ddd;
}
.text-action {
 color: #1d70c9;
}
.btn-check:checked + .btn-primary {
 background-color: #1d70c9 !important;
 color: #fff !important;
}
.btn-check + .btn-primary {
 background-color: #e0e0e0 !important;
 color: #000 !important;
 border: none !important;
 box-shadow: none !important;
 /*border-radius: 10px !important;*/

}
.btn-check:active + .btn-primary {
 background-color: inherit !important;
}
#MeterReadForm .requiredField:after {
 content: "*";
 color: #f00;
 margin-left: 3px;
}
#MeterReadForm label {
 font-weight: bold;
}
#MeterReadForm .meterInfo {
 font-weight: bold;
 font-style: italic;
}
#MeterReadForm .input-validation-error {
 border-color: #ccc !important;
 box-shadow: none !important;
 -webkit-box-shadow: none !important;
}
/* Style select color highlight - Currently Catalyst Green */

::-moz-selection {
 background: #1d70c9;
 color: #fff;
 -webkit-text-shadow: none;
 text-shadow: none;
}
::selection {
 background: #1d70c9;
 color: #fff;
 -webkit-text-shadow: none;
 text-shadow: none;
}
.contentWrap {
 width: 100%;
 min-width: 840px;
 max-width: 1200px;
 margin: 0 auto;
}
.special-header-gradient {
 background: #1d70c9;
 background: -moz-linear-gradient(top, #001489 0%, #1d70c9 11%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #001489), color-stop(11%, #1d70c9));
 background: -webkit-linear-gradient(top, #001489 0%, #1d70c9 11%);
 background: -o-linear-gradient(top, #001489 0%, #1d70c9 11%);
 background: -ms-linear-gradient(top, #001489 0%, #1d70c9 11%);
 background: linear-gradient(top bottom, #001489 0%, #1d70c9 11%);
}
.disabledGnrcBtn {
 cursor: not-allowed !important;
 opacity: 0.65;
}
.popoutMessages {
 margin: 20px auto;
 text-align: center;
 background-color: #FFF;
 width: 50%;
 border-radius: 10px;
 Box-Shadow: 10px 10px 10px #ccc;
 padding: 20px;
 font-size: 16px;
 font-family: RobotoBlack, Helvetica, Arial, Sans-Serif;
}
.popoutMessages span {
 color: #333333;
}
.specialHeader {
 color: #ffffff;
 background: #1d70c9;
 background: -moz-linear-gradient(top, #001489 0%, #1d70c9 11%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #001489), color-stop(11%, #1d70c9));
 background: -webkit-linear-gradient(top, #001489 0%, #1d70c9 11%);
 background: -o-linear-gradient(top, #001489 0%, #1d70c9 11%);
 background: -ms-linear-gradient(top, #001489 0%, #1d70c9 11%);
 background: linear-gradient(top bottom, #001489 0%, #1d70c9 11%);
}
.specialHeader .contentWrap {
 padding: 10px;
}
.specialHeader .contentWrap.warning h5 {
 width: auto;
 margin-right: 10px;
}
.specialHeader .contentWrap.warning p.message {
 line-height: 30px;
 font-size: 16px;
}
.specialHeader .contentWrap h5 {
 font-size: 22px;
 font-family: 'RobotoLight', Helvetica, Arial, Sans-Serif;
 font-weight: normal;
 margin: 0;
 padding: 0;
 float: left;
 margin-right: 10px;
 width: 19%;
}
.specialHeader .contentWrap .message {
 float: left;
 font-size: 12px;
 font-family: 'RobotoRegular', Helvetica, Arial, Sans-Serif;
 font-weight: normal;
 margin: 0;
 padding: 0 10px;
 border-left: 1px solid #001489;
 min-height: 30px;
 width: 35%;
 color: #fff;
}
.specialHeader .contentWrap a {
 float: right;
 /*width: 20%;*/
 color: #ffffff;
 border-left: 1px solid #001489;
 text-align: right;
 min-height: 30px;
 padding: 5px 10px;
 font-family: 'RobotoLight', Helvetica, Arial, Sans-Serif;
 font-weight: normal;
 font-size: 16px;
 -webkit-transition: all 0.2s ease-out;
 -moz-transition: all 0.2s ease-out;
 transition: all 0.2s ease-out;
}
.specialHeader .contentWrap a:hover {
 background: #001489;
}
.specialHeader .contentWrap a:after {
 content: "";
 font-family: 'mainIcons';
 display: inline-block;
 padding-left: 10px;
}
.specialHeader .contentWrap .exitImpersonate,
.specialHeader .contentWrap .dismissHeader {
 float: right;
}
.specialHeader .contentWrap .exitImpersonate:after,
.specialHeader .contentWrap .dismissHeader:after {
 content: "l";
}
.specialHeader .contentWrap .email:after {
 content: "q";
}
.specialHeader .contentWrap .downloadReceipt:after {
 content: "h";
}
.specialHeader .contentWrap .search {
 height: 35px;
 line-height: 35px;
 float: left;
}
.header-gradient {
 background: #3b372f;
 background: -moz-linear-gradient(top, #3b372f 0%, #27241f 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3b372f), color-stop(100%, #27241f));
 background: -webkit-linear-gradient(top, #3b372f 0%, #27241f 100%);
 background: -o-linear-gradient(top, #3b372f 0%, #27241f 100%);
 background: -ms-linear-gradient(top, #3b372f 0%, #27241f 100%);
 background: linear-gradient(top bottom, #3b372f 0%, #27241f 100%);
}
header {
 background: #fff;
}
.siteNav {
 z-index: 60;
 -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.75);
 -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.75);
 box-shadow: 0 0 5px rgba(0, 0, 0, 0.75);
 background: #fff;
}
.siteNav .navbar-nav > li > .nav-link {
 color: #444;
 font-size: 15px;
}
.siteNav .navbar-nav > li > .nav-link:hover {
 color: #1d70c9;
}
.siteNav .navbar-nav > li > .nav-link[aria-expanded="true"] {
 color: #1d70c9;
}
.siteNav .settings .dropdown-toggle::after {
 display: none;
}
.siteNav .mainLogo .logo {
 display: block;
 border: 0;
 text-indent: -999em;
 overflow: hidden;
 background-color: rgba(0, 0, 0, 0);
 background-repeat: no-repeat;
 text-align: left;
 direction: ltr;
 *line-height: 0;
 float: left;
 width: 138px;
 height: 35px;
 margin-right: 10px;
 background: transparent url(../images/mmLogoSm.png) top left no-repeat;
 -moz-background-size: 138px 35px;
 -webkit-background-size: 138px 35px;
 -o-background-size: 138px 35px;
 background-size: 138px 35px;
}
.siteNav .logoWrap .utility {
 -ms-text-overflow: ellipsis;
 -o-text-overflow: ellipsis;
 text-overflow: ellipsis;
 overflow: hidden;
 display: block;
 float: left;
 font-size: 12px;
 font-family: 'RobotoMedium', Helvetica, Arial, Sans-Serif;
 font-weight: normal;
 color: #444;
 white-space: nowrap;
}
.nav-deprecated {
 margin: 0 !important;
 border: 0;
}
.nav-deprecated .ms-3 {
 margin-left: 1rem !important;
}
.nav-deprecated .nav-link {
 display: block;
 padding: 0.5rem;
 color: rgba(0, 0, 0, 0.55);
 font-size: 16px;
 font-weight: 400;
}
.nav-deprecated .nav-link .d-flex {
 display: flex;
 align-items: center;
}
.nav-deprecated .badge {
 margin-left: 0.25rem !important;
 display: inline-block;
 padding: 0.35em 0.65em;
 font-size: 0.75em;
 font-weight: 700;
 line-height: 1;
 color: #fff;
 text-align: center;
 white-space: nowrap;
 vertical-align: baseline;
 border-radius: 50rem;
 top: -1px !important;
}
.nav-deprecated .settings .dropdown-menu {
 padding: 0.5rem !important;
 border-radius: 0.25rem;
}
.nav-deprecated .settings .dropdown-menu .dropdown-item {
 border-radius: 0.25rem !important;
 padding: 0.5rem 1rem !important;
 font-size: 1rem;
}
.nav-deprecated .settings .dropdown-menu .dropdown-item:hover {
 color: #1e2125;
 background-color: #e9ecef;
}
.nav-deprecated .navbar-nav > .open > a {
 background-color: transparent !important;
}
.irs-line {
 background: #eee;
 border: none;
}
.irs-bar {
 background: #1d70c9;
 border: none;
}
.irs-slider {
 background: #fff;
 box-shadow: none;
}
.irs-from,
.irs-to,
.irs-single {
 background: #1d70c9;
}
#propertySelect:after {
 display: none;
 content: "";
 position: absolute;
 bottom: -8px;
 width: 0;
 height: 0;
 border-left: 12px solid transparent;
 border-right: 12px solid transparent;
 border-bottom: 18px solid #F4F3F3;
 -webkit-transition: all 0.2s ease-out;
 -moz-transition: all 0.2s ease-out;
 transition: all 0.2s ease-out;
}
#propertySelect.l1:after {
 display: block;
 left: 16.5%;
}
#propertySelect.l2:after {
 display: block;
 left: 49.5%;
}
#propertySelect.l3:after {
 display: block;
 left: 79.5%;
}
.propertyInfo {
 color: #222;
 position: relative;
}
.propertyInfo h2 {
 margin: 0;
 font-size: 20px;
 padding: 0;
 white-space: nowrap;
 overflow: hidden;
 -ms-text-overflow: ellipsis;
 -o-text-overflow: ellipsis;
 text-overflow: ellipsis;
 font-family: 'RobotoBlack', Helvetica, Arial, Sans-Serif;
 font-weight: normal;
}
.propertyInfo h4:not(.name) {
 -ms-text-overflow: ellipsis;
 -o-text-overflow: ellipsis;
 text-overflow: ellipsis;
 overflow: hidden;
}
.propertyInfo h4 {
 margin: 0;
 font-size: 14px;
 color: #666;
 font-family: 'RobotoRegular', Helvetica, Arial, Sans-Serif;
 font-weight: normal;
 padding: 0;
 white-space: nowrap;
}
.propertyInfo h4 span {
 display: inline-block;
}
.propertyInfo h4.name .clip {
 -ms-text-overflow: ellipsis;
 -o-text-overflow: ellipsis;
 text-overflow: ellipsis;
 overflow: hidden;
 max-width: 45%;
 float: left;
 margin-right: 6px;
}
.propertyInfo .select {
 position: absolute;
 top: -10px;
 /*top:-30px;*/
 right: 10px;
 z-index: 56;
 font-size: 9px;
 color: #ffffff;
 background: #1d70c9;
 padding: 3px 5px;
 -webkit-border-top-right-radius: 0;
 -webkit-border-bottom-right-radius: 6px;
 -webkit-border-bottom-left-radius: 6px;
 -webkit-border-top-left-radius: 0;
 -moz-border-radius-topright: 0;
 -moz-border-radius-bottomright: 6px;
 -moz-border-radius-bottomleft: 6px;
 -moz-border-radius-topleft: 0;
 border-top-right-radius: 0;
 border-bottom-right-radius: 6px;
 border-bottom-left-radius: 6px;
 border-top-left-radius: 0;
 -moz-background-clip: padding;
 -webkit-background-clip: padding-box;
 background-clip: padding-box;
 -webkit-transition: all 0.2s ease-out;
 -moz-transition: all 0.2s ease-out;
 transition: all 0.2s ease-out;
}
.propertyInfo .select:hover {
 padding-top: 15px;
}
.propertyInfo .arrow {
 display: none;
 position: absolute;
 top: 25px;
 right: 20px;
 z-index: 51;
 font-family: 'mainIcons';
 font-size: 24px;
 width: 30px;
 height: 30px;
 line-height: 30px;
 background: #fff;
 border: 1px solid #fafafa;
 -webkit-border-radius: 15px;
 -moz-border-radius: 15px;
 border-radius: 15px;
 -moz-background-clip: padding;
 -webkit-background-clip: padding-box;
 background-clip: padding-box;
 text-align: center;
 color: #222;
}
.propertyInfo .deliveryOptionsContainer,
.propertyInfo .AutoPayStatusContainer {
 padding-bottom: 5px;
}
.propertyInfo span.emptyHeading {
 display: block;
 font-size: 12px;
 line-height: 1.1;
}
.propertyInfo span.propertyType {
 font-family: 'mainIcons';
 float: left;
 font-size: 50px;
 margin-right: 10px;
 line-height: 48px;
 /*width:50px;*/
 text-align: center;
}
.propertyInfo #editMeterGroupPanel {
 position: absolute;
 background: #fff;
 padding: 10px 20px;
 z-index: 55;
 border-color: #d4cfc4;
 border-image: none;
 border-radius: 3px;
 border-style: solid;
 border-width: 1px 1px 9px;
 top: 10px;
}
.propertyInfo #editMeterGroupPanel div {
 display: block;
}
.propertyInfo #editMeterGroupPanel .meterRow {
 margin-left: 20px;
}
.propertyInfo #editMeterGroupPanel .name label {
 margin: 5px 10px 0 0;
}
.propertyInfo #MeterGroup_PropertyType {
 width: 175px;
}
.propertyInfo .editMeterGroupOptionsRow {
 text-align: right;
}
.propertyInfo .editMeterGroupText {
 font-size: 12px;
 font-family: Verdana;
}
.propertyInfo #cancelMeterGroupEdit.genericBtn::after {
 content: "l";
}
.propertyInfo #saveMeterGroupEdit.genericBtn::after {
 content: "I";
}
.propertyInfo .showMeterGroupDetails,
.propertyInfo .editMeterGroup,
.propertyInfo .deleteMeterGroup {
 font-family: "RobotoRegular", Helvetica, Arial, sans-serif;
 font-size: 12px;
 font-weight: normal;
 white-space: nowrap;
}
.propertyInfo .addMeterGroup {
 font-family: "RobotoRegular", Helvetica, Arial, sans-serif;
 font-size: 16px;
 font-weight: normal;
 white-space: nowrap;
}
#downloadEnergyStarData.genericBtn::after {
 content: "H";
}
.propertyInfo.active {
 cursor: pointer;
}
.property-list .description {
 float: left;
}
.property-list h5 {
 font-size: 16px;
 white-space: nowrap;
 overflow: hidden;
 -ms-text-overflow: ellipsis;
 -o-text-overflow: ellipsis;
 text-overflow: ellipsis;
 margin: 0;
}
.property-list h6:not(.name) {
 -ms-text-overflow: ellipsis;
 -o-text-overflow: ellipsis;
 text-overflow: ellipsis;
 overflow: hidden;
}
.property-list h6 {
 font-size: 12px;
 color: #666;
 font-family: 'RobotoRegular', Helvetica, Arial, Sans-Serif;
 font-weight: normal;
 white-space: nowrap;
 margin: 0;
}
.property-list h6 span {
 display: inline-block;
}
.property-list ul {
 background: #F4F3F3;
 border: 1px solid transparent;
 padding: 0;
}
.property-list ul li {
 padding: 10px;
 display: inline-block;
 margin: 0;
 -webkit-transition: all 0.2s ease-out;
 -moz-transition: all 0.2s ease-out;
 transition: all 0.2s ease-out;
}
.property-list ul span.propertyType {
 font-family: 'mainIcons';
 float: left;
 font-size: 50px;
 margin-right: 10px;
 line-height: 48px;
 text-align: center;
}
#reportView .page-seperator:after {
 content: '...';
}
#reportView .noResult {
 color: #f00;
 font-size: 18px;
 padding: 10px;
}
#widgetScroller {
 margin: -20px 0;
 float: right;
 background: #fff;
 border-left: 1px solid #bbb;
 width: 70%;
 height: 130px;
}
#widgetScroller > .more::after {
 content: "More";
}
#widgetScroller > .more {
 display: none;
 position: absolute;
 bottom: 1px;
 right: 47%;
 z-index: 45;
 font-size: 9px;
 color: white;
 background: #1d70c9;
 padding: 3px 5px;
 -webkit-border-top-left-radius: 6px;
 -webkit-border-top-right-radius: 6px;
 -moz-border-radius-topleft: 6px;
 -moz-border-radius-topright: 6px;
 border-top-left-radius: 6px;
 border-top-right-radius: 6px;
}
#widgets {
 height: 130px;
 min-width: 600px;
}
#widgets > li {
 position: relative;
 float: left;
 width: 25%;
 min-width: 120px;
 border-right: 1px solid #bbb;
 height: 130px;
}
#widgets > li:last-child {
 border-right: 0;
}
#widgets > li.empty:after {
 content: "m";
 position: absolute;
 top: 35%;
 left: 45%;
 font-family: 'mainIcons';
 font-size: 30px;
 color: #fafafa;
}
#widgets .updateLinkedAccounts .validation-error-control {
 border: 1px solid crimson;
}
.widget {
 position: relative;
 font-size: 100%;
 -webkit-transition: all 0.2s ease-out;
 -moz-transition: all 0.2s ease-out;
 transition: all 0.2s ease-out;
}
.widget .gear {
 font-family: 'mainIcons';
 font-size: 12px;
 position: absolute;
 top: -10px;
 right: -10px;
 z-index: 5;
 cursor: pointer;
 -webkit-transition: all 0.2s ease-out;
 -moz-transition: all 0.2s ease-out;
 transition: all 0.2s ease-out;
}
.widget .gear:hover {
 color: #1d70c9;
}
.widget .bar {
 float: left;
 position: relative;
 height: 80px;
 width: 9%;
 background: #bbb;
 margin-right: 9%;
}
.widget .bar .barFill {
 width: 100%;
 position: absolute;
 bottom: 0px;
 background: #1d70c9;
}
.widget .graphContent {
 float: left;
 width: 82%;
 white-space: nowrap;
}
.widget .widgetWrap {
 width: 80%;
 margin: 20px auto;
}
.widget h2 {
 float: left;
 font-family: 'RobotoBlack', Helvetica, Arial, Sans-Serif;
 font-weight: normal;
 color: #1d70c9;
 font-size: 300%;
 line-height: normal;
 margin: 0;
 margin-bottom: -15px;
 padding: 0;
}
.widget h2 span {
 font-size: 30%;
 line-height: 30%;
 font-family: 'RobotoLight', Helvetica, Arial, Sans-Serif;
 font-weight: normal;
 color: #444;
}
.widget h3 {
 margin: 0;
}
.widget .subhead {
 clear: both;
 font-family: 'RobotoMedium', Helvetica, Arial, Sans-Serif;
 font-weight: normal;
 font-size: 70%;
 color: #555;
 margin: 0;
 padding: 0;
}
.widget .rangeAlert {
 clear: both;
 font-family: 'RobotoBold', Helvetica, Arial, Sans-Serif;
 font-weight: normal;
}
.widget .warn .rangeAlert,
.widget .warn h2 {
 color: #1d70c9;
}
.widget .warn .barFill {
 background: #001489;
 border-top: 1px solid #0085CA;
}
.widget .settings {
 top: 5px;
 display: none;
 width: 100%;
 z-index: 55;
 position: absolute;
 color: #333;
 background: #bbb;
 border-bottom: 2px solid #444;
}
.widget .settings li {
 margin-left: 0px;
 padding: 5px;
 border-bottom: 1px solid #444;
 -webkit-transition: all 0.2s ease-out;
 -moz-transition: all 0.2s ease-out;
 transition: all 0.2s ease-out;
}
.widget .settings li:hover {
 background: #F4F3F3;
}
.widget .settings .removeWidget a {
 display: block;
 font-size: 12px;
 text-align: right;
 color: #222;
}
.widget .settings .removeWidget a:after {
 content: "l";
 font-family: 'mainIcons';
 padding-left: 5px;
}
.widget .theMagicalCupcake {
 font-family: 'mainIcons';
 width: 100%;
 text-align: center;
 margin: 5px 0;
}
.widget .cupcakeGraphContent {
 width: 100%;
}
.widget .cupcakeCenter {
 text-align: center;
}
.widget .genericBtn {
 cursor: pointer;
}
.widget .subTitle {
 clear: both;
 font-family: 'RobotoBold', Helvetica, Arial, Sans-Serif;
 font-weight: normal;
 font-size: 100%;
 color: #1d70c9;
 margin-bottom: 3px;
}
.widget .distinctive {
 font-size: 150%;
 color: #1d70c9;
 font-weight: bold;
}
.widget ol {
 margin: 0;
 padding: 0 0 0 15px;
}
.widget .sublink {
 font-size: 70%;
}
.genericBtn {
 line-height: normal;
}
.widget .usageWidget .gear:hover {
 color: #1d70c9;
}
.widget .usageWidget .bar {
 float: left;
 position: relative;
 height: 80px;
 width: 9%;
 background: #bbb;
 margin-right: 9%;
}
.widget .usageWidget .bar .barFill {
 width: 100%;
 position: absolute;
 bottom: 0px;
 background: #1d70c9;
}
.widget .usageWidget h2 {
 float: none;
 font-family: 'RobotoBlack', Helvetica, Arial, Sans-Serif;
 font-weight: normal;
 color: #1d70c9;
 font-size: 34px;
 line-height: normal;
 margin: 0;
 padding: 0;
}
.widget .usageWidget h2 span {
 font-size: 50%;
 font-family: inherit;
 color: inherit;
}
.widget .usageWidget .subhead {
 clear: both;
 padding: 0;
 font-size: 12px;
 line-height: 1;
 margin: 2px 0px 2px 0px;
}
.widget .usageWidget .widgetWrap .widgetDescription {
 font-family: 'RobotoBold', Helvetica, Arial, Sans-Serif;
 margin-top: 5px;
 margin-bottom: 8px;
 font-size: 0.925rem;
}
.widget .usageWidget .widgetWrap .widgetDescription .widgetTimespan {
 font-family: 'RobotoMedium', Helvetica, Arial, Sans-Serif;
 font-weight: normal;
 font-size: 12px;
}
.widget .usageWidget .widgetWrap .rangeAlert {
 line-height: 1.2;
}
.widget .usageWidget .widgetWrap .rangeAlert span.comparisonLine {
 font-family: 'RobotoMedium', Helvetica, Arial, Sans-Serif;
 font-weight: normal;
 font-size: 12px;
}
.widget .usageWidget .widgetWrap .rangeAlert .usageUp {
 color: #cc0000;
}
.widget .usageWidget .widgetWrap .rangeAlert .usageDown {
 color: #00b300;
}
.widgetCarousel {
 overflow: hidden;
}
.widgetCarousel li {
 width: 90%;
 position: absolute;
 left: 100%;
 margin-top: 10px;
}
.widgetCarousel li.active {
 left: 0;
}
.ie8 .energyChallengeWidget .widgetWrap .bottom {
 min-height: 79px;
}
.energyChallengeWidget {
 min-height: 130px;
}
.energyChallengeWidget .gear {
 top: 10px;
 right: 10px;
}
.energyChallengeWidget.started .top {
 border-bottom: 1px solid #bbb;
}
.energyChallengeWidget.started .top .savings,
.energyChallengeWidget.started .top .months,
.energyChallengeWidget.started .top .challenge {
 border-left: 1px solid #fafafa;
}
.energyChallengeWidget.started .top .savings span,
.energyChallengeWidget.started .top .months span {
 font-size: 60%;
 display: inline-block;
 line-height: normal;
 margin-left: 3px;
}
.energyChallengeWidget.started .top .savings {
 vertical-align: top;
}
.energyChallengeWidget.started .bottom h2 {
 color: #222;
 -webkit-text-shadow: none;
 text-shadow: none;
 float: left;
 display: block;
}
.energyChallengeWidget.started .bottom h2.higher {
 color: #D62129;
}
.energyChallengeWidget.started .bottom h2.lower {
 color: #82C149;
}
.energyChallengeWidget.started .bottom .rangeAlert {
 display: block;
 float: left;
 clear: none;
 padding: 18px 0 0 5px;
}
.energyChallengeWidget.started .bottom .average {
 font-weight: bold;
 /*opacity:.75*/

}
.energyChallengeWidget .widgetWrap {
 margin: 0;
 width: 100%;
}
.energyChallengeWidget .widgetWrap .top {
 /*border-bottom:1px solid @border-color-light;*/
 min-height: 15px;
}
.energyChallengeWidget .widgetWrap .top .savings,
.energyChallengeWidget .widgetWrap .top .months,
.energyChallengeWidget .widgetWrap .top .challenge {
 float: left;
 padding: 8px 10px 0px;
 border-left: 1px solid #bbb;
}
.energyChallengeWidget .widgetWrap .top .months {
 border: 0;
}
.energyChallengeWidget .widgetWrap .top .challenge {
 font-family: 'mainIcons';
 font-weight: normal;
}
.energyChallengeWidget .widgetWrap .bottom {
 padding: 10px 10px 10px;
 min-height: 97px;
 /*.average{color:@interface-color-light; font-size:90%;}*/

}
.energyChallengeWidget .widgetWrap .bottom h4 {
 color: #1d70c9;
}
.energyChallengeWidget .widgetWrap .bottom h3 {
 font-family: 'RobotoBold', Helvetica, Arial, Sans-Serif;
 font-weight: normal;
}
.energyChallengeWidget .widgetWrap .bottom h2 {
 font-size: 230%;
 color: #fff;
}
.energyChallengeWidget .widgetWrap .bottom h2 span {
 padding-left: 3px;
 display: inline-block;
 line-height: normal;
}
.energyChallengeWidget .widgetWrap .bottom .rangeAlert {
 font-size: 90%;
 /*color:@interface-color-darker;*/

}
.energyChallengeWidget .widgetWrap .bottom a {
 position: absolute;
 bottom: 8px;
 right: 8px;
}
.energyChallengeWidget .widgetWrap .bottom .takeChallenge h4 {
 margin: 0 0 15px;
}
.energyChallengeWidget .widgetWrap .bottom .takeChallenge a {
 position: relative;
 bottom: 0;
 right: 0;
 margin: 0;
}
.prepayWidget.gauge {
 overflow: hidden;
}
.prepayWidget.gauge .widgetWrap {
 width: 100%;
}
.prepayWidget.gauge .widgetWrap #gauge {
 margin: -18px 0 -20px -5px;
 height: 130px;
 width: 60px;
 float: left;
}
.prepayWidget.gauge .widgetWrap .graphContent {
 margin-right: -20px;
 float: right;
 width: 75%;
}
.prepayWidget h2 {
 /*margin-top: -10px;*/
 font-size: 250%;
}
.prepayWidget .subhead {
 margin-top: 0;
}
.prepayWidget .subhead span {
 color: #444;
}
.latestReadWidget.gauge {
 overflow: hidden;
}
.latestReadWidget.gauge .widgetWrap {
 width: 85%;
}
.latestReadWidget.gauge .widgetWrap .gaugeDecal {
 margin: -17px 0px 0px -15px;
 height: 90px;
 width: 70px;
 float: left;
}
.latestReadWidget.gauge .widgetWrap .graphContent {
 margin-right: -20px;
 float: right;
 width: 75%;
}
.latestReadWidget h2 {
 /*margin-top: -10px;*/
 font-size: 250%;
}
.latestReadWidget .subhead {
 margin-top: 0;
}
.latestReadWidget .subhead span {
 color: #444;
}
.onDemandReadWidget .widgetWrap {
 height: 110px;
 margin: 20px auto 0;
}
.onDemandReadWidget .widgetWrap .start h4 {
 margin-top: 0px;
}
.onDemandReadWidget .widgetWrap .slide {
 height: 66px;
 position: absolute;
 -webkit-transition: left 0.2s ease-out;
 -moz-transition: left 0.2s ease-out;
 transition: left 0.2s ease-out;
 -webkit-transition: right 0.2s ease-out;
 -moz-transition: right 0.2s ease-out;
 transition: right 0.2s ease-out;
 display: none;
 margin-top: 10px;
}
.onDemandReadWidget .widgetWrap .slide h2 {
 font-size: 190% !important;
}
.onDemandReadWidget .widgetWrap .slide h2 span {
 font-size: 34%;
}
.onDemandReadWidget .widgetWrap .slide h3 {
 margin-top: 20px;
}
.onDemandReadWidget .widgetWrap .slide.active {
 display: block;
 left: 0;
 right: 0;
}
.onDemandReadWidget .widgetWrap .slide.left {
 left: 100%;
}
.onDemandReadWidget .widgetWrap .slide.right {
 right: 100%;
}
.onDemandReadWidget .widgetWrap .slide .subhead {
 margin-top: 0;
}
.onDemandReadWidget .selector {
 height: 24px;
 position: absolute;
 top: 6px;
 right: 25px;
}
.onDemandReadWidget .selector .next {
 font-family: 'mainIcons';
 float: left;
 line-height: 24px;
}
.onDemandReadWidget .selector .previous {
 font-family: 'mainIcons';
 float: left;
 line-height: 24px;
}
.onDemandReadWidget .selector .update {
 float: right;
 margin: 0;
}
.SingleMeterWidget .widgetWrap {
 height: 110px;
 margin: 20px auto 0;
}
.SingleMeterWidget .widgetWrap .slide {
 height: 66px;
 position: absolute;
 -webkit-transition: left 0.2s ease-out;
 -moz-transition: left 0.2s ease-out;
 transition: left 0.2s ease-out;
 -webkit-transition: right 0.2s ease-out;
 -moz-transition: right 0.2s ease-out;
 transition: right 0.2s ease-out;
 display: none;
}
.SingleMeterWidget .widgetWrap .slide h3 {
 margin-top: 6px;
 font-weight: bold;
 color: #1d70c9;
 font-size: 20px;
}
.SingleMeterWidget .widgetWrap .slide h2 {
 color: #1d70c9;
}
.SingleMeterWidget .widgetWrap .slide.active {
 display: block;
 left: 0;
 right: 0;
}
.SingleMeterWidget .widgetWrap .slide.left {
 left: 100%;
}
.SingleMeterWidget .widgetWrap .slide.right {
 right: 100%;
}
.SingleMeterWidget .widgetWrap .slide .subhead {
 margin-top: 0;
}
.SingleMeterWidget .selector {
 height: 24px;
 position: absolute;
 bottom: 10px;
 left: 8px;
}
.SingleMeterWidget .selector .next {
 font-family: 'mainIcons';
 float: left;
 line-height: 24px;
 color: #1d70c9;
}
.SingleMeterWidget .selector .previous {
 font-family: 'mainIcons';
 float: left;
 line-height: 24px;
 color: #1d70c9;
}
.SingleMeterWidget .selector .update {
 float: right;
 margin: 0;
}
.SingleMeterWidget .selector .noDisplay {
 display: none;
}
.SingleMeterWidget .selector .genericBtn {
 margin-top: 0px;
}
.billPayWidget .sansMargin {
 margin-top: 2px !important;
}
.billPayWidget h2 {
 font-size: 20px;
}
.billPayWidget .genericBtn {
 padding-left: 9px;
 padding-right: 9px;
}
.peakDemandEventsWidget .subhead {
 font-size: 12px;
}
label.displayOnlyToggle,
label.displayOnlyToggle:hover,
label.displayOnlyToggle > span,
label.displayOnlyToggle > span:hover {
 cursor: default;
}
#RateOverlay .thumbnail {
 padding: 4px;
 margin-bottom: 20px;
 border: 1px solid #ddd;
 border-radius: 4px;
 transition: border 0.2s ease-in-out;
}
@media only screen and (min-width: 0px) {
 #IntegrationLogDetailsDiv tbody tr td {
 word-break: break-all;
 }
 .RateAnalyzerWidget h4 {
 margin-right: 10px;
 }
 .RateAnalyzerWidget .genericBtn {
 margin: 0;
 }
 .RateAnalyzerWidget .rateComparisonWidgetImage {
 float: left;
 margin-right: 15px;
 margin-top: 5px;
 }
 .RateAnalyzerWidget .rateComparisonWidgetText {
 display: inline;
 font-size: 16px;
 }
 .RateAnalyzerWidget .rateComparisonWidgetButton {
 margin-top: 5px;
 }
 #ManageAccountsDynamicModal .accountAddressIcons {
 display: none;
 }
 #ManageAccountsDynamicModal div.accountAddressContainer {
 margin-left: 0 !important;
 padding-left: 1rem !important;
 }
 div.accountAddressContainer {
 margin-left: 1rem;
 padding-left: 1.5rem;
 }
 div.accountAddressContainer div.d-flex div.col-12 {
 display: flex;
 }
 div.accountAddressContainer div.d-flex div.col-12 h5 {
 max-width: 83.3333%;
 }
 div.accountAddressContainer div.d-flex div.col-12 i.fa-edit {
 font-size: 1rem;
 vertical-align: text-top;
 }
 div.accountAddressContainer .noPadding {
 padding: 0;
 }
 div.accountAddressContainer h4 {
 line-height: 1.3;
 }
 #UpdateAllAutoPayForm .widthOverride,
 #UpdateAllBillDeliveryOptionsForm .widthOverride,
 #RequestPaymentArrangementForm .widthOverride,
 #UserAccountGroupForm .widthOverride {
 width: 100%;
 }
 #RateAnalyzer a {
 color: darkblue;
 }
 #thirdPartyRegistrationModal .panel-group {
 padding-left: 15px;
 padding-right: 15px;
 }
 #thirdPartyRegistrationModal .panel-group .panel {
 border: none;
 box-shadow: none;
 }
 #thirdPartyRegistrationModal .panel-heading {
 padding-top: 0;
 padding-bottom: 5px;
 }
 #thirdPartyRegistrationModal .glyphicon-question-sign {
 color: #1d70c9;
 }
 #thirdPartyRegistrationModal #thirdPartyHelpContainer {
 max-height: 300px;
 overflow: auto;
 }
 #thirdPartyRegistrationModal #thirdPartyHelpContainer .panel-body {
 border: none;
 padding-top: 5px;
 }
 #SliderRow.single .irs-bar {
 background: #eeeeee;
 }
 #SliderRow.single .irs-bar-edge {
 background: #eeeeee;
 border: none;
 }
 .thirdWhatIfColumn {
 background-color: #1d70c910;
 }
 .slider-container .irs-bar {
 background: #eeeeee;
 }
 .slider-container .irs-bar-edge {
 background: #eeeeee;
 border: none;
 }
 #userAccountGroupContainer {
 width: 375px;
 }
 #userAccountGroupContainer .dropdown-item {
 color: #337ab7;
 }
 #userAccountGroupContainer .dropdown-item:active {
 background-color: transparent;
 }
 .topMargin {
 margin-top: 10px;
 }
 .paySelectCheckBox {
 vertical-align: middle;
 }
 #progressTabDetail {
 padding-top: 20px;
 background: white;
 }
 .saveMoreGiveMoreBtn {
 margin-top: 20px;
 margin-bottom: 40px;
 }
 .leaderboardProgress {
 padding-top: 20px;
 margin-bottom: 40px;
 }
 .circle {
 width: 50px;
 line-height: 50px;
 -ms-border-radius: 50%;
 border-radius: 50%;
 text-align: center;
 font-size: 20px;
 border: 2px solid darkorange;
 display: inline-block;
 color: #1d70c9;
 }
 label.milestoneLabel {
 display: block;
 text-align: center;
 font-weight: bold;
 font-size: 16px;
 color: darkorange;
 }
 label.dollarLabel {
 font-weight: bold;
 color: #1d70c9;
 }
 .milestoneLabel:hover {
 cursor: text;
 }
 .chart-wrap {
 max-width: 1000px;
 margin-top: 15px;
 }
 .chart-title {
 margin-bottom: 10px;
 font-size: 16px;
 text-align: center;
 text-transform: uppercase;
 }
 .row.chartRow {
 position: relative;
 height: 70px;
 padding: 15px 50px 15px 100px;
 }
 .bar-wrap {
 position: relative;
 background: transparent;
 width: 100%;
 height: 100%;
 overflow: hidden;
 }
 .bar {
 position: absolute;
 top: 0;
 text-align: right;
 left: 0;
 height: 100%;
 background: #4d96e6;
 transition: all 1s;
 transform: translateX(-100%);
 }
 .bar.in {
 transform: translateX(0%);
 }
 .chartLabel {
 position: absolute;
 top: 0;
 left: 0;
 width: 100px;
 padding-left: 5px;
 padding-right: 5px;
 text-align: left;
 font-size: 14px;
 height: 70px;
 line-height: normal;
 font-weight: bold;
 }
 span.number {
 height: inherit;
 font-size: 16px;
 font-weight: bold;
 color: white;
 margin-right: 5px;
 }
 .outerLabelSpan {
 line-height: 70px;
 border-right: 1px solid lightgray;
 }
 .outerSpan {
 line-height: 40px;
 }
 .innerSpan {
 display: inline-block;
 vertical-align: middle;
 line-height: 1em;
 }
 .selectedCause {
 outline: 2px solid red;
 }
 .householdPoints {
 outline: 2px solid #FF7F27;
 }
 ul.yourCauseTag {
 position: absolute;
 top: 0;
 right: 0;
 margin: 0;
 padding: 0;
 list-style: none;
 width: 50px;
 }
 ul.yourCauseTag li {
 margin: 0;
 text-align: center;
 }
 ul.yourCauseTag li span.heartIcon {
 font-size: 26px;
 color: red;
 }
 ul.yourCauseTag li span.starIcon {
 font-size: 26px;
 color: #FFF200;
 }
 ul.yourCauseTag li span.causeCallout {
 font-size: 14px;
 }
 .totalPointsLabel {
 font-size: 18px;
 margin-left: 10px;
 font-weight: bold;
 color: #1d70c9;
 }
 .yourProgress {
 padding-top: 20px;
 }
 #otherActions #otherActionsHeading {
 min-height: 22px;
 }
 .previewTile {
 margin: 0 -15px !important;
 background-color: #f4f3f3;
 }
 .previewTile .action-tile-description-back {
 overflow-y: scroll;
 overflow-x: hidden;
 }
 .previewTile .btn,
 .previewTile .action-tile-not-pledged {
 cursor: not-allowed;
 }
 .previewTile .action-tile-repeatable-text {
 margin-left: -8px;
 }
 .panelContent {
 background-color: white;
 display: flex;
 }
 .action-tile {
 padding-top: 15px;
 padding-bottom: 15px;
 }
 .action-tile-title h4 {
 line-height: 20px;
 font-size: 17px !important;
 overflow: hidden;
 text-overflow: ellipsis;
 }
 .actions-display-featured {
 background-color: #e7e4e4;
 }
 .actions-display-featured .featured.actionHeading {
 margin-top: 20px;
 }
 .btnLinkButton {
 font-size: 12px;
 margin-left: 0;
 display: inline-block;
 }
 .action-tile-not-pledged {
 margin-top: 12px;
 font-size: 22px !important;
 color: grey;
 }
 .action-tile-image {
 padding-left: 0;
 }
 .action-tile-one-time-back {
 margin-left: 0px;
 }
 .action-1x {
 margin-left: 3px;
 }
 .action-tile-one-time-text {
 font-size: 12px;
 }
 .action-tile-point-text {
 position: absolute;
 top: 32px;
 left: 15px;
 font-size: 0.8rem;
 }
 .action-flip-back-btn {
 font-size: 12px;
 line-height: 1.5;
 border-radius: 3px;
 padding-right: 0;
 }
 .dot {
 height: 22px;
 width: 22px;
 background-color: #dddddd;
 border-radius: 50%;
 display: inline-block;
 padding-left: 4px;
 padding-top: 4px;
 font-size: 12px;
 }
 .action-pledge {
 margin-top: 7px;
 font-size: 22px !important;
 color: red;
 }
 .ribbon-box-points-four-dig {
 margin-left: 4px;
 position: absolute;
 top: -30px;
 }
 .ribbon-box-points-three-dig {
 margin-left: 10px;
 position: absolute;
 top: -30px;
 }
 .ribbon-box-points-two-dig {
 margin-left: 11px;
 position: absolute;
 top: -66px;
 }
 .ribbon-box .ribbon:before,
 .ribbon-box .ribbon:after {
 content: "";
 display: block;
 position: absolute;
 height: 50px;
 bottom: 0px;
 border: 25px solid #ede4e4;
 }
 .ribbon-box .ribbon:before {
 border-bottom-color: transparent;
 bottom: -25px;
 }
 .ribbon-box {
 margin-left: 7px;
 top: 50px;
 position: absolute;
 }
 .ribbon-box-inside {
 margin-left: 18px;
 position: absolute;
 top: -44px;
 }
 .action-tile-repeatable {
 color: grey;
 font-size: 12px;
 margin-top: 1px;
 }
 .action-tile-repeatable-text {
 font-size: 12px;
 margin-left: -10px;
 }
 .action-tile-description-front {
 font-size: 12px;
 overflow-x: hidden;
 text-overflow: ellipsis;
 }
 .action-learn-more-btn {
 margin-left: 0px;
 margin-right: 2px;
 display: inline-block;
 font-size: 11px;
 }
 .action-mark-complete-btn {
 margin-left: 0px;
 display: inline-block;
 font-size: 11px;
 }
 .action-click-complete-btn {
 margin-left: 0px;
 display: inline-block;
 font-size: 11px;
 }
 .action-tile-back-image {
 visibility: hidden;
 }
 .action-tile-repeat-back {
 margin-left: 0px;
 }
 .action-tile-description-back {
 position: relative;
 overflow: scroll;
 }
 .action-row {
 padding-bottom: 5px;
 }
 .action-row-small {
 padding-bottom: 3px;
 }
 body #propertyOverview ul.nav-tabs li.nav-item {
 margin-left: 0.9375rem;
 }
 body #propertyOverview #energyStarDetail div.location,
 body #propertyOverview #propertyDetail div.location,
 body #propertyOverview #progressTabDetail div.location {
 float: left;
 padding-bottom: 15px;
 border-bottom: 1px dashed #ffffff;
 border-right: 1px dashed #ffffff;
 }
 #UsageAverageModal {
 font-size: 18px;
 }
 #UsageAverageModal .currentRateCallout {
 margin-top: 20px;
 font-size: 14px;
 }
 #UsageAverageModal .usageUp {
 color: #cc0000;
 }
 #UsageAverageModal .usageDown {
 color: #00b300;
 }
 #UsageAverageModal table.touAverageTable {
 width: 90%;
 margin: 0 auto;
 }
 #UsageAverageModal table.touAverageTable th {
 border: none;
 }
 #UsageAverageModal table.touAverageTable tr td {
 border: none;
 vertical-align: middle;
 }
 #UsageAverageModal table.touAverageTable tbody td:first-child {
 width: 33%;
 }
 #UsageAverageModal table.touAverageTable tbody tr:nth-last-child(2) td {
 border-bottom: 1px solid #ddd;
 }
 #UsageAverageModal table.touAverageTable tbody .boldPositiveCallout {
 font-weight: bold;
 color: #00b300;
 }
 #UsageAverageModal table.touAverageTable tbody .boldNegativeCallout {
 font-weight: bold;
 color: #cc0000;
 }
 #UsageAverageModal table.touAverageTable tbody .neutralCallout {
 font-weight: bold;
 color: black;
 }
 #UsageAverageModal table.touAverageTable tbody .backgroundEmphasis {
 background-color: #eee;
 }
 #UsageAverageModal table.touAverageTable tbody .noEmphasis {
 background-color: none;
 }
 #UsageAverageModal .modal-header {
 background: #3a96fa;
 }
 #UsageAverageModal .modal-header .modal-title {
 color: white;
 font-size: 28px;
 }
 #UsageAverageModal .modal-header .close {
 position: absolute;
 right: 15px;
 top: 15px;
 border-radius: 25px;
 height: 23px;
 width: 23px;
 background: #1C4184;
 text-shadow: none;
 color: white;
 }
 #UsageAverageModal .modal-header .close:hover {
 color: #1C4184;
 background: white;
 }
 #PreferencePortalModal .prefPortalBlurEffect {
 filter: blur(2px);
 -webkit-filter: blur(2px);
 }
 #PreferencePortalModal .modal-body .multipleAccountsSelected {
 display: none;
 }
 .translateAndVersion {
 width: 100%;
 float: left;
 text-align: center;
 }
 .translateAndVersion #google_translate_element {
 margin: 10px auto;
 }
 .translateAndVersion #google_translate_element .goog-te-gadget-simple {
 -webkit-border-radius: 3px;
 border-radius: 3px;
 border: 1px solid #bbbbbb;
 height: 26px;
 -webkit-box-shadow: inset 0 0 2px rgba(207, 201, 188, 0.75);
 box-shadow: inset 0 0 2px rgba(207, 201, 188, 0.75);
 }
 .translateAndVersion #google_translate_element .goog-te-gadget-simple span > a.goog-te-menu-value span {
 border: none !important;
 }
 .translateAndVersion #google_translate_element .goog-te-gadget-simple span > a.goog-te-menu-value span:nth-of-type(3) {
 font-size: 9px;
 color: #000 !important;
 }
 iframe.goog-te-menu-frame {
 box-shadow: none;
 }
 .carbonFootprintWidget .forceSmall {
 font-size: 10px !important;
 }
 .carbonFootprintWidget .carbonFootprintWidgetImage {
 margin-right: 10px;
 float: left;
 }
 .carbonFootprintWidget .carbonRangeAlert {
 line-height: 1;
 }
 .carbonFootprintWidget h2 span {
 font-size: 10px;
 }
 .carbonFootprintWidget span.carbonFootprintWidgetText {
 font-size: 70%;
 }
 .carbonFootprintWidget .carbonFootprintComparisonResult {
 font-size: 14px;
 }
 .carbonFootprintWidget .carbonFootprintSubhead {
 margin-top: 5px;
 line-height: 1.25;
 }
 #meterGroupPropertySelect #selectMeterGroup h4 {
 font-size: 12px;
 font-weight: normal;
 white-space: nowrap;
 color: #666666;
 font-family: 'RobotoRegular', Helvetica, Arial, Sans-Serif;
 margin: 0;
 }
 #meterGroupPropertySelect #selectMeterGroup h2 {
 font-family: "RobotoRegular", Helvetica, Arial, sans-serif;
 font-size: 16px;
 white-space: nowrap;
 margin: 0;
 padding: 0;
 overflow: hidden;
 -ms-text-overflow: ellipsis;
 -o-text-overflow: ellipsis;
 text-overflow: ellipsis;
 font-weight: normal;
 }
 label.modernSwitch.smallTop {
 margin-top: 5px;
 }
 .modern .modernSwitch.inline {
 display: inline-block;
 }
 .modern .modernSwitch {
 position: relative;
 display: block;
 height: 20px;
 width: 44px;
 border-radius: 12px;
 margin-top: 0px;
 }
 .modern .modernSwitch input {
 opacity: 0;
 width: 0;
 height: 0;
 }
 .modern .modernSwitch span.slider {
 border-radius: 12px;
 position: absolute;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 transition: all 0.18s ease-out;
 box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, 0.25);
 background-color: white;
 }
 .modern .modernSwitch input:checked + .slider {
 background-color: #4ed164;
 }
 .modern .modernSwitch input:checked + .slider:before {
 left: 25px;
 }
 .modern .modernSwitch span.slider:before {
 position: absolute;
 height: 20px;
 width: 20px;
 border: 1px solid #bbbbbb;
 border-radius: 50%;
 background-clip: padding-box;
 background-color: white;
 z-index: 10;
 top: 0px;
 left: -1px;
 content: "";
 transition: all 0.18s ease-out;
 }
 div#DataCelltooltipcontainer {
 z-index: 60 !important;
 }
 #hoverChartFrame {
 left: -10px;
 }
 #hoverChartFrame,
 .hoverChartContainer {
 width: 300px;
 }
 #propertyOverview #energyStarDetail div.location,
 #propertyOverview #propertyDetail div.location,
 #propertyOverview #progressTabDetail div.location {
 padding-left: 0;
 padding-right: 0;
 }
 #propertyOverview #energyStarDetail div#details,
 #propertyOverview #propertyDetail div#details,
 #propertyOverview #progressTabDetail div#details {
 padding-left: 0;
 padding-right: 0;
 margin-bottom: 30px;
 }
 #propertyOverview #energyStarDetail div#details div,
 #propertyOverview #propertyDetail div#details div,
 #propertyOverview #progressTabDetail div#details div {
 max-width: 350px;
 }
 #propertyOverview #energyStarDetail div#propertyProfileDetails,
 #propertyOverview #propertyDetail div#propertyProfileDetails,
 #propertyOverview #progressTabDetail div#propertyProfileDetails {
 padding-left: 0;
 padding-right: 0;
 }
 #propertyOverview #energyStarDetail #propertyProfileDetails div,
 #propertyOverview #propertyDetail #propertyProfileDetails div,
 #propertyOverview #progressTabDetail #propertyProfileDetails div {
 max-width: 350px;
 }
 #propertyOverview #energyStarDetail div#propertyProfilePercentComplete,
 #propertyOverview #propertyDetail div#propertyProfilePercentComplete,
 #propertyOverview #progressTabDetail div#propertyProfilePercentComplete {
 padding-left: 0;
 }
 #propertyOverview #energyStarDetail div.percentBarHousing,
 #propertyOverview #propertyDetail div.percentBarHousing,
 #propertyOverview #progressTabDetail div.percentBarHousing {
 margin-top: 30px;
 padding-left: 0;
 padding-right: 0;
 }
 #propertySelect {
 float: left;
 width: 30%;
 min-width: 280px;
 min-height: 130px;
 position: relative;
 margin: -20px 0;
 }
 #propertySelect #propertyInfo {
 color: #222;
 position: relative;
 margin-top: 10px;
 }
 #propertySelect #propertyInfo h2 {
 margin: 0;
 font-size: 16px;
 padding: 0;
 white-space: nowrap;
 overflow: hidden;
 -ms-text-overflow: ellipsis;
 -o-text-overflow: ellipsis;
 text-overflow: ellipsis;
 font-family: 'RobotoBlack', Helvetica, Arial, Sans-Serif;
 font-weight: normal;
 }
 #propertySelect #propertyInfo h4:not(.name) {
 -ms-text-overflow: ellipsis;
 -o-text-overflow: ellipsis;
 text-overflow: ellipsis;
 overflow: hidden;
 }
 #propertySelect #propertyInfo h4 {
 margin: 0;
 font-size: 12px;
 color: #666;
 font-family: 'RobotoRegular', Helvetica, Arial, Sans-Serif;
 font-weight: normal;
 padding: 0;
 white-space: nowrap;
 }
 #propertySelect #propertyInfo h4 span {
 display: inline-block;
 }
 #propertySelect #propertyInfo h4.name .clip {
 -ms-text-overflow: ellipsis;
 -o-text-overflow: ellipsis;
 text-overflow: ellipsis;
 overflow: hidden;
 max-width: 45%;
 float: left;
 margin-right: 6px;
 }
 #propertySelect #propertyInfo h4.name .wideclip {
 -ms-text-overflow: ellipsis;
 -o-text-overflow: ellipsis;
 text-overflow: ellipsis;
 overflow: hidden;
 float: left;
 margin-right: 6px;
 }
 #propertySelect #propertyInfo .select {
 position: absolute;
 top: -10px;
 right: 10px;
 z-index: 57;
 font-size: 9px;
 color: #ffffff;
 background: #1d70c9;
 padding: 3px 5px;
 -webkit-border-top-right-radius: 0;
 -webkit-border-bottom-right-radius: 6px;
 -webkit-border-bottom-left-radius: 6px;
 -webkit-border-top-left-radius: 0;
 -moz-border-radius-topright: 0;
 -moz-border-radius-bottomright: 6px;
 -moz-border-radius-bottomleft: 6px;
 -moz-border-radius-topleft: 0;
 border-top-right-radius: 0;
 border-bottom-right-radius: 6px;
 border-bottom-left-radius: 6px;
 border-top-left-radius: 0;
 -moz-background-clip: padding;
 -webkit-background-clip: padding-box;
 background-clip: padding-box;
 -webkit-transition: all 0.2s ease-out;
 -moz-transition: all 0.2s ease-out;
 transition: all 0.2s ease-out;
 }
 #propertySelect #propertyInfo .select:hover {
 padding-top: 15px;
 }
 #propertySelect #propertyInfo .arrow {
 display: none;
 position: absolute;
 top: 25px;
 right: 20px;
 z-index: 51;
 font-family: 'mainIcons';
 font-size: 24px;
 width: 30px;
 height: 30px;
 line-height: 30px;
 background: #fff;
 border: 1px solid #fafafa;
 -webkit-border-radius: 15px;
 -moz-border-radius: 15px;
 border-radius: 15px;
 -moz-background-clip: padding;
 -webkit-background-clip: padding-box;
 background-clip: padding-box;
 text-align: center;
 color: #222;
 }
 #propertySelect #propertyInfo .selectPropertyListContainer {
 width: 100%;
 position: relative;
 z-index: 55;
 background: #fff;
 border: 1px solid transparent;
 overflow-x: hidden;
 overflow-y: hidden;
 }
 #propertySelect #propertyInfo .selectPropertyListContainer li {
 padding: 10px;
 position: relative;
 display: none;
 -webkit-transition: all 0.2s ease-out;
 -moz-transition: all 0.2s ease-out;
 transition: all 0.2s ease-out;
 }
 #propertySelect #propertyInfo .selectPropertyListContainer li.current {
 display: block;
 }
 #propertySelect #propertyInfo span.emptyHeading {
 display: block;
 font-size: 12px;
 line-height: 1.1;
 }
 #propertySelect #propertyInfo .selectPropertyListContainer:hover {
 border: 1px solid transparent;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 border-radius: 3px;
 -moz-background-clip: padding;
 -webkit-background-clip: padding-box;
 background-clip: padding-box;
 }
 #propertySelect #propertyInfo span.propertyType {
 font-family: 'mainIcons';
 float: left;
 font-size: 50px;
 margin-right: 10px;
 line-height: 48px;
 /*width:50px;*/
 text-align: center;
 }
 #propertySelect #propertyInfo #editMeterGroupPanel {
 position: absolute;
 background: #fff;
 padding: 0px 20px 10px;
 z-index: 55;
 border-color: #d4cfc4;
 border-image: none;
 border-radius: 3px;
 border-style: solid;
 border-width: 1px 1px 9px;
 top: 10px;
 width: 100%;
 }
 #propertySelect #propertyInfo #editMeterGroupPanel div {
 display: block;
 }
 #propertySelect #propertyInfo #editMeterGroupPanel #ToolSearch,
 #propertySelect #propertyInfo #editMeterGroupPanel #MeterGroupEditToolSearch {
 margin-top: 5px;
 }
 #propertySelect #propertyInfo #editMeterGroupPanel .accountRow {
 margin-bottom: 15px;
 }
 #propertySelect #propertyInfo #editMeterGroupPanel .meterRow {
 margin-left: 20px;
 }
 #propertySelect #propertyInfo #editMeterGroupPanel .name label {
 margin: 5px 10px 0 0;
 }
 #propertySelect #propertyInfo #editMeterGroupPanel .selectMeters {
 max-height: 500px;
 border-top: 1px solid #bbb;
 border-bottom: 1px solid #bbb;
 overflow-y: scroll;
 padding-top: 10px;
 }
 #propertySelect #propertyInfo #MeterGroup_PropertyType {
 width: 175px;
 }
 #propertySelect #propertyInfo .editMeterGroupOptionsRow {
 text-align: right;
 }
 #propertySelect #propertyInfo .editMeterGroupText {
 font-size: 12px;
 font-family: Verdana;
 }
 #propertySelect #propertyInfo #cancelMeterGroupEdit.genericBtn::after {
 content: "l";
 }
 #propertySelect #propertyInfo #saveMeterGroupEdit.genericBtn::after {
 content: "I";
 }
 #propertySelect #propertyInfo #downloadEnergyStarData.genericBtn::after {
 content: "H";
 }
 #propertySelect #propertyInfo .showMeterGroupDetails,
 #propertySelect #propertyInfo .editMeterGroup,
 #propertySelect #propertyInfo .deleteMeterGroup {
 font-family: "RobotoRegular", Helvetica, Arial, sans-serif;
 font-size: 12px;
 font-weight: normal;
 white-space: nowrap;
 }
 #propertySelect #propertyInfo .addMeterGroup {
 font-family: "RobotoRegular", Helvetica, Arial, sans-serif;
 font-size: 16px;
 font-weight: normal;
 white-space: nowrap;
 }
 #propertySelect #propertyInfo div#ToolSearch {
 padding: 10px;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 border-radius: 3px;
 -moz-background-clip: padding;
 -webkit-background-clip: padding-box;
 background-clip: padding-box;
 cursor: pointer;
 display: none;
 }
 #propertySelect #propertyInfo.active {
 cursor: pointer;
 }
 #propertySelect #propertyInfo.open h4.view-billing-property-balance {
 display: block;
 }
 #propertySelect #propertyInfo.open h4.view-billing-property-prepaydebt {
 display: block;
 }
 #propertySelect #propertyInfo.open .billing-account-edit {
 display: none;
 }
 #propertySelect #propertyInfo.open .arrow {
 display: none;
 }
 #propertySelect #propertyInfo.open div#ToolSearch {
 padding-top: 15px;
 display: block;
 border-bottom: 1px solid #bbb;
 }
 #propertySelect #propertyInfo.open .selectPropertyListContainer {
 border: 1px solid #bbb;
 border-bottom: none;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 border-radius: 3px;
 -moz-background-clip: padding;
 -webkit-background-clip: padding-box;
 background-clip: padding-box;
 overflow-y: auto;
 background-clip: unset;
 }
 #propertySelect #propertyInfo.open .selectPropertyListContainer li {
 display: block;
 padding-top: 15px;
 border-bottom: 1px solid #bbb;
 cursor: pointer;
 }
 #propertySelect #propertyInfo.open .selectPropertyListContainer li:hover,
 #propertySelect #propertyInfo.open .selectPropertyListContainer div#ToolSearch:hover {
 background: #F4F3F3;
 z-index: 99;
 }
 #propertySelect #propertyInfo.open .selectPropertyListContainer li.current:after {
 content: "s";
 position: absolute;
 z-index: 2;
 font-family: 'mainIcons';
 color: #1d70c9;
 top: 32%;
 right: 10px;
 width: 30px;
 height: 30px;
 line-height: 30px;
 background: #fff;
 border: 1px solid #fafafa;
 -webkit-border-radius: 15px;
 -moz-border-radius: 15px;
 border-radius: 15px;
 -moz-background-clip: padding;
 -webkit-background-clip: padding-box;
 background-clip: padding-box;
 text-align: center;
 }
 #propertySelect #propertyInfo.open .selectPropertyListContainer#selectMeterGroup:has(+ .default-metergroup-item) li:last-child {
 border-bottom: none;
 }
 #propertySelect #propertyInfo.open .selectPropertyListContainer.addMeterGroupItem {
 border-radius: 0;
 }
 #propertySelect #propertyInfo.open .selectPropertyListContainer.addMeterGroupItem li:last-child {
 border-bottom: 1px solid #bbb;
 }
 #propertySelect #propertyInfo h4.view-billing-property-balance {
 display: none;
 }
 #propertySelect #propertyInfo h4.view-billing-property-prepaydebt {
 display: none;
 }
 #propertySelect #propertyNav {
 margin-top: 90px;
 }
 #propertySelect #propertyNav li {
 float: left;
 width: 33%;
 height: 100%;
 border-right: 1px solid #c4beb2;
 }
 #propertySelect #propertyNav li a {
 display: block;
 text-align: center;
 padding: 5px 10px;
 font-size: 14px;
 font-family: 'RobotoMedium', Helvetica, Arial, Sans-Serif;
 font-weight: normal;
 }
 #propertySelect #propertyNav li a.selected {
 color: #222;
 }
 #propertySelect #propertyNav li a:before {
 padding-right: 5px;
 font-family: 'mainIcons';
 }
 #propertySelect #propertyNav li:last-child {
 border-right: 0 none transparent;
 }
 #propertySelect:hover #propertyInfo .select {
 top: -10px;
 }
 #propertyInfo.open .addMeterGroupItem {
 display: block;
 }
 .propertyInfo.open h4.view-billing-property-balance {
 display: block;
 }
 .propertyInfo.open h4.view-billing-property-prepaydebt {
 display: block;
 }
 .propertyInfo.open .billing-account-edit {
 display: none;
 }
 .propertyInfo.open .arrow {
 display: none;
 }
 .propertyInfo.open ul {
 border: 1px solid #bbb;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 border-radius: 3px;
 -moz-background-clip: padding;
 -webkit-background-clip: padding-box;
 background-clip: padding-box;
 overflow-y: auto;
 }
 .propertyInfo.open ul li {
 display: block;
 padding-bottom: 20px;
 border-bottom: 1px solid #bbb;
 cursor: pointer;
 }
 .propertyInfo.open ul li:hover,
 .propertyInfo.open ul div#ToolSearch:hover {
 background: #F4F3F3;
 z-index: 99;
 }
 .propertyInfo.open ul li.current:after {
 content: "s";
 position: absolute;
 z-index: 2;
 font-family: 'mainIcons';
 color: #1d70c9;
 top: 32%;
 right: 10px;
 width: 30px;
 height: 30px;
 line-height: 30px;
 background: #fff;
 border: 1px solid #fafafa;
 -webkit-border-radius: 15px;
 -moz-border-radius: 15px;
 border-radius: 15px;
 -moz-background-clip: padding;
 -webkit-background-clip: padding-box;
 background-clip: padding-box;
 text-align: center;
 }
 .propertyInfo h4.view-billing-property-balance {
 display: none;
 }
 .propertyInfo h4.view-billing-property-prepaydebt {
 display: none;
 }
 #selectMeterGroup {
 max-height: 558px;
 border-bottom: 0;
 background-clip: unset !important;
 position: relative;
 }
 ul.addMeterGroupItem {
 position: relative;
 margin-top: 0;
 border-top: 1px solid #bbbbbb;
 padding: 0;
 border-radius: 0;
 }
 li.addMeterGroup {
 padding-bottom: 20px;
 border-bottom: 0;
 margin-left: 0;
 }
 #propertyInfo.open > .addMeterGroupItem {
 display: block;
 }
 .selectPropertyContainer {
 width: 100%;
 position: absolute;
 left: -10px;
 z-index: 56;
 }
 .addMeterGroupItem {
 display: none;
 border-radius: 0;
 }
 .addMeterGroupItem ul li:last-child {
 border-bottom: 1px solid #bbb;
 }
}
@media only screen and (min-width: 375px) {
 .action-tile-title h4 {
 font-size: 17px !important;
 }
 #hoverChartFrame,
 .hoverChartContainer {
 width: 355px;
 }
}
@media only screen and (min-width: 991px) {
 .payment-results-column-item-md {
 display: block;
 }
 .payment-results-column-item-xs {
 display: none;
 }
 .payment-results-detail-value {
 text-align: right;
 }
 .payment-results-column-item-value-xs {
 text-align: right;
 }
}
@media only screen and (min-width: 411px) {
 .accountGroupFooter a.accountGroupFooterItem {
 font-size: 16px;
 }
 .panelContent {
 background-color: white;
 }
 .action-tile {
 padding-top: 15px;
 padding-bottom: 15px;
 }
 .action-row {
 padding-bottom: 12px;
 }
 .action-tile-title h4 {
 line-height: 25px;
 font-size: 20px !important;
 }
 .action-tile-image {
 padding-left: 0;
 }
 .action-tile-description-front {
 font-size: 12px !important;
 }
 .action-1x {
 margin-left: 3px;
 }
 .action-tile-one-time-text {
 font-size: 14px;
 }
 .action-pledge {
 font-size: 32px !important;
 margin-top: 12px;
 }
 .action-tile-not-pledged {
 font-size: 32px !important;
 }
 .ribbon-box-points-two-dig {
 margin-left: 12px;
 position: absolute;
 top: -34px;
 }
 .ribbon-box .ribbon:before,
 .ribbon-box .ribbon:after {
 content: "";
 display: block;
 position: absolute;
 height: 50px;
 bottom: -14px;
 border: 27px solid #ede4e4;
 }
 .ribbon-box .ribbon:before {
 border-bottom-color: transparent;
 bottom: -40px;
 }
 .ribbon-box {
 margin-left: 12px;
 top: 40px;
 position: absolute;
 }
 .ribbon-box-inside {
 margin-left: 19px;
 position: absolute;
 top: -34px;
 }
 .action-tile-repeatable {
 color: grey;
 font-size: 14px;
 }
 .action-tile-repeatable-text {
 font-size: 14px;
 }
 .action-tile-point-text {
 position: absolute;
 top: 34px;
 left: 17px;
 font-size: 1rem;
 }
 .action-learn-more-btn {
 margin-left: 0px;
 margin-right: 10px;
 display: inline-block;
 font-size: 12px;
 }
 .action-mark-complete-btn {
 margin-left: 0px;
 display: inline-block;
 font-size: 12px;
 }
 .action-click-complete-btn {
 margin-left: 0px;
 display: inline-block;
 font-size: 12px;
 }
 .action-tile-back-image {
 visibility: hidden;
 }
 .action-tile-description-back {
 position: relative;
 overflow: scroll;
 }
 #hoverChartFrame {
 left: 0;
 }
 #hoverChartFrame,
 .hoverChartContainer {
 width: 369px;
 }
 .disabled {
 cursor: not-allowed;
 color: #757575;
 }
 a.disabled {
 pointer-events: none;
 }
}
@media only screen and (min-width: 551px) {
 .action-tile-description-back {
 position: relative;
 /* max-height: unset;*/
 overflow: unset;
 }
 .action-tile-one-time-text {
 font-size: 14px;
 }
 .translateAndVersion {
 width: auto;
 float: right;
 }
 .translateAndVersion #google_translate_element {
 margin-right: 50px;
 }
 .carbonFootprintWidget .subhead > h2 {
 font-size: 20px;
 }
 .carbonFootprintWidget .subhead > h2 span {
 font-size: 10px;
 line-height: 1;
 }
 .carbonFootprintWidget .carbonFootprintSubhead {
 margin-top: 2px;
 line-height: 1.1;
 }
 .smallViewLink {
 display: none;
 }
}
@media only screen and (min-width: 535px) and (max-width: 1124px) {
 .RateAnalyzerWidget .rateComparisonWidgetText {
 font-size: 70% !important;
 }
 .RateAnalyzerWidget .rateComparisonWidgetImage {
 max-width: 30%;
 }
}
@media only screen and (min-width: 741px) {
 .RateAnalyzerWidget .rateComparisonWidgetImage {
 margin-right: 5px;
 margin-top: 0;
 width: 45%;
 }
 .RateAnalyzerWidget .rateComparisonWidgetText {
 margin-right: 0;
 }
 .translateAndVersion {
 text-align: left;
 }
 .translateAndVersion #google_translate_element {
 float: left;
 margin: 5px 10px 10px 0;
 }
 #propertySelect #propertyInfo #editMeterGroupPanel {
 width: 420px;
 }
}
@media only screen and (min-width: 768px) {
 #progressTabDetail {
 padding: 20px 30px;
 }
 ul.yourCauseTag {
 margin: 5px 5px 0 0;
 width: auto;
 }
 ul.yourCauseTag li span.heartIcon {
 font-size: 40px;
 }
 ul.yourCauseTag li span.starIcon {
 font-size: 40px;
 }
 .chartLabel {
 width: 150px;
 }
 .row.chartRow {
 padding-left: 150px;
 padding-right: 90px;
 }
 #propertyOverview ul.nav.nav-tabs {
 margin-top: 0;
 }
 #propertyOverview #energyStarDetail div#details,
 #propertyOverview #propertyDetail div#details,
 #propertyOverview #progressTabDetail div#details {
 padding-left: 0;
 padding-right: 0;
 margin-bottom: 30px;
 }
 #propertyOverview #energyStarDetail div.percentBarHousing,
 #propertyOverview #propertyDetail div.percentBarHousing,
 #propertyOverview #progressTabDetail div.percentBarHousing {
 margin-top: 30px;
 }
}
@media only screen and (min-width: 992px) {
 .carbonFootprintWidget .subhead > h2 span {
 display: inline;
 }
 .carbonFootprintWidget .carbonFootprintSubhead {
 margin-top: 5px;
 line-height: 1.25;
 }
 #propertyOverview #energyStarDetail div.percentBarHousing,
 #propertyOverview #propertyDetail div.percentBarHousing {
 margin-top: 0px;
 }
}
@media only screen and (min-width: 1000px) {
 button.loginBtn.btn {
 margin-top: 0;
 }
}
@media only screen and (min-width: 1200px) {
 .RateAnalyzerWidget .rateComparisonWidgetImage {
 margin-right: 15px;
 margin-top: 5px;
 width: auto;
 }
 .RateAnalyzerWidget .rateComparisonWidgetText {
 margin-right: 5px;
 }
 .carbonFootprintWidget .subhead > h2 span {
 font-size: 12px;
 }
}
@media print {
 .torReport {
 margin-top: -100px;
 }
 .torReport .tor-label {
 text-align: right;
 }
 .torReport .col-sm-1,
 .torReport .col-sm-2,
 .torReport .col-sm-3,
 .torReport .col-sm-4,
 .torReport .col-sm-5,
 .torReport .col-sm-6,
 .torReport .col-sm-7,
 .torReport .col-sm-8,
 .torReport .col-sm-9,
 .torReport .col-sm-10,
 .torReport .col-sm-11,
 .torReport .col-sm-12 {
 float: left;
 }
 .torReport .col-sm-8 {
 width: 66.666666667%;
 }
 .torReport .col-sm-4 {
 width: 33.333333333%;
 }
 .page-break {
 page-break-before: always;
 }
}
@media only screen and (max-width: 991px) {
 .payment-results-header,
 .payment-results-error-authorization {
 display: none;
 }
 .payment-results-column-item-xs {
 display: block;
 text-align: right;
 }
 .payment-results-column-item-value-xs {
 text-align: left;
 }
 .payment-results-detail-value {
 text-align: left;
 }
 .payment-results-row {
 margin-bottom: 20px;
 }
 .payment-results-error-authorization {
 display: none;
 }
}
#RateOptions span.emptyHeading {
 display: block;
 font-size: 14px;
 line-height: 1.1;
 margin-top: 10px;
 margin-bottom: 10px;
}
#RateOptions a.rateChangeInquiryLink {
 display: block;
 font-size: 14px;
 line-height: 1.1;
 margin-top: 10px;
 margin-bottom: 10px;
}
#RateChangeInquiryForm label.required::after {
 content: " *";
 color: #b94a48;
}
#RateChangeInquiryForm input:invalid {
 background-color: unset;
}
#RateChangeInquiryForm textarea:invalid {
 background-color: unset;
}
#RateChangeInquiryForm label {
 font-weight: bold;
}
.rateChangeInquirySuccessMessage {
 font-weight: bold;
 font-size: 16px;
}
input.form-control.ie11InputWorkaround {
 background-color: white;
}
#CampaignActionsWrapper {
 position: relative;
 left: 33%;
}
#CampaignActions {
 position: absolute;
 z-index: 100;
 border-top-left-radius: 5px;
 border-top-right-radius: 5px;
 border-bottom-right-radius: 5px;
 border-bottom-left-radius: 5px;
 box-shadow: #888888 0px 0px 20px;
 width: 250px;
 overflow: hidden;
 background-color: white;
}
#CampaignActions hr {
 margin: 0;
}
#CampaignActions .action {
 padding: 10px 0 10px 10px;
 cursor: pointer;
 display: block;
}
#CampaignActions .action:hover {
 background-color: rgba(38, 188, 215, 0.15);
}
#CampaignActions .disabled {
 cursor: default;
 background-color: lightpink;
}
.select-menu {
 box-shadow: 0px 5px 20px #888888 !important;
 width: 250px;
 z-index: 100;
 background-color: #FFF;
 border-radius: 5px;
 position: absolute;
}
.select-menu li {
 list-style-type: none;
 margin: 0;
 padding: 10px;
 border-top: none !important;
}
.select-menu li:hover {
 cursor: pointer;
 background-color: #e6e6e6 !important;
}
.select-menu li:not(:last-child) {
 border-bottom: 1px solid #d3d3d3;
}
#Leaderboard #CampaignSelect h4:hover {
 color: #005984;
}
#Leaderboard #CampaignSelectMenu {
 position: absolute;
 top: 5px;
 left: 5px;
}
#Leaderboard .tab-content tbody .rank span {
 background-color: #c5c5c5;
 color: #fff;
 border-radius: 20px;
 width: 30px;
 height: 30px;
 display: block;
 padding: 5px 0px;
 margin: 0 auto;
 box-shadow: 5px 10px 10px -5px #adadad inset;
 font-weight: bold;
}
#Leaderboard .nav-tabs li {
 margin-left: 0;
}
#Leaderboard .highlight table thead {
 background: #1d70c9;
 color: #fff;
 font-size: 16px;
}
#Leaderboard .highlight table thead td {
 vertical-align: middle;
}
#Leaderboard .highlight table tr {
 border-top: 2px solid #1d70c9;
}
#Leaderboard .highlight table img {
 padding: 5px;
}
#Leaderboard .highlight table td {
 padding: 10px;
}
#Leaderboard .highlight .achieve {
 font-weight: bold;
 text-align: center;
}
#Leaderboard .highlight .points {
 text-align: center;
 vertical-align: middle;
}
#Leaderboard .highlight .table-striped > tbody > tr:nth-child(odd) > td,
#Leaderboard .highlight .table-striped > tbody > tr:nth-child(odd) > th {
 background-color: #fff;
}
#TeamLeaderboard .sublink {
 float: right;
}
#TeamLeaderboard ol {
 padding: 0;
}
#TeamLeaderboard li {
 color: #54b948;
 max-width: 136px;
 text-overflow: ellipsis;
 white-space: nowrap;
 overflow: hidden;
 list-style-position: inside;
}
#LeaderboardModalBody .table-striped {
 border-top: none;
 border-left: none;
 border-right: none;
}
#LeaderboardModalBody div:focus {
 outline: none;
}
#OperatorCampaignPointModal .leaderboardStatement {
 text-align: center;
 font-size: 16px;
}
#OperatorCampaignPointModal .tablePointsDistribution {
 margin: 0 auto;
}
#OperatorCampaignPointModal .tablePointsDistribution tbody td {
 border-color: #0282bd;
 vertical-align: middle;
 text-align: center;
 font-size: 18px;
}
#OperatorCampaignPointModal .tablePointsDistribution tbody td.campaignLeaderboardImageCell {
 vertical-align: bottom;
 text-align: left;
 font-size: 18px;
 text-transform: uppercase;
 font-weight: bold;
 height: 100px;
 width: 165px;
}
#OperatorCampaignPointModal .leaderboardPointsBreakdownHeaderRow {
 border-top: none;
}
#OperatorCampaignPointModal .leaderboardPointsBreakdownHeaderRow td {
 border-top: none;
 text-align: center;
 font-size: 16px;
 vertical-align: middle;
 font-weight: bold;
 color: #0282bd;
 border-color: #0282bd;
 border-bottom-width: 1px;
}
#OperatorCampaignPointModal td#bronzeImageContainer {
 background-image: url(../images/campaign/leaderboard/BronzeIcon.png);
 background-repeat: no-repeat;
 background-size: 85px 85px;
 background-position: right;
}
#OperatorCampaignPointModal td#silverImageContainer {
 background-image: url(../images/campaign/leaderboard/SilverIcon.png);
 background-repeat: no-repeat;
 background-size: 85px 85px;
 background-position: right;
}
#OperatorCampaignPointModal td#goldImageContainer {
 background-image: url(../images/campaign/leaderboard/GoldIcon.png);
 background-repeat: no-repeat;
 background-size: 85px 85px;
 background-position: right;
}
#OperatorCampaignPointModal td#diamondImageContainer {
 background-image: url(../images/campaign/leaderboard/DiamondIcon.png);
 background-repeat: no-repeat;
 background-size: 85px 85px;
 background-position: right;
}
#OperatorCampaignPointModal td.achieve {
 font-style: italic;
 font-size: 16px;
 border-left: none;
 border-right: none;
}
#OperatorCampaignPointModal .noLeftBorder {
 border-left: 0;
}
#OperatorCampaignPointModal .noRightBorder {
 border-right: 0;
}
.highlight {
 padding: 9px 14px;
 margin-bottom: 14px;
 background-color: #f7f7f9;
 border: 1px solid #e1e1e8;
 border-radius: 4px;
 color: #323232;
}
.highlight a {
 color: #428bca;
}
#main {
 background: #F4F3F3;
 padding: 30px;
 position: relative;
 min-height: 350px;
}
#main #systemUsersList #dataTableHolder .btn-group {
 display: flex;
}
#main #usersList #dataTableHolder .btn-group {
 display: flex;
}
#main label.utilityOverrideName {
 font-family: 'RobotoBold', Helvetica, Arial, Sans-Serif;
 font-weight: normal;
 font-size: 20px;
 margin-top: 10px;
 margin-bottom: 10px;
 line-height: 1.1;
 color: inherit;
}
body.admin #main {
 overflow: visible;
}
footer {
 display: block;
 border-top: 1px solid #fafafa;
 padding: 0;
}
footer a {
 text-decoration: none;
 font-size: 12px;
}
footer .layout {
 float: left;
 margin-top: 10px;
}
footer .layout li {
 float: left;
 padding: 0 10px;
 border-right: 1px solid #bbb;
}
footer .layout li:last-child {
 border-right: 0 none transparent;
}
footer .mainLogo {
 font-size: 12px;
 float: right;
 position: relative;
 margin: 10px 100px 10px 0;
 color: #555;
}
footer .mainLogo span {
 display: none;
}
footer .mainLogo:after {
 position: absolute;
 top: -1px;
 right: -90px;
 width: 85px;
 margin-left: 5px;
 content: "0";
 font-family: 'mainIcons';
 font-size: 80px;
 line-height: 26px;
 height: 26px;
 overflow: hidden;
}
footer .prepayFooter {
 font-size: 11px;
 text-align: center;
 padding: 10px 0 30px 0;
}
#PrivacyModal .modal-body {
 max-height: 740px;
 overflow-y: auto;
}
#PrivacyModal .modal-body ol {
 margin: 0;
 padding: 0;
}
.settingsExpanded {
 background: #444;
}
.settingsExpanded .gear,
.settingsExpanded .rangeAlert {
 color: #fff;
}
.addressEditBlock {
 clear: both;
 background: #F4F3F3;
 padding: 10px;
 border: 1px dashed #fafafa;
 -webkit-border-radius: 6px;
 -moz-border-radius: 6px;
 border-radius: 6px;
 -moz-background-clip: padding;
 -webkit-background-clip: padding-box;
 background-clip: padding-box;
}
.addressEditBlock .fancySelect {
 min-width: 60px;
}
.addressEditBlock li {
 list-style: none outside !important;
 margin: 0;
 padding: 0;
 margin-bottom: 10px;
}
.editBankAccountBlock {
 clear: both;
 display: block;
 margin: 10px;
 padding: 10px;
}
.editBankAccountBlock label,
.editBankAccountBlock input,
.editBankAccountBlock select,
.editBankAccountBlock .fancySelect {
 display: inline-block;
}
.editBankAccountBlock .fancySelect {
 min-width: 60px;
}
.editBankAccountBlock li {
 list-style: none outside !important;
 margin: 0;
 padding: 0;
}
.editBankAccountBlock .accountHolderName label,
.editBankAccountBlock .bankRoutingNumber label,
.editBankAccountBlock .bankAccountNumber label {
 width: 170px;
 text-align: left;
}
.editBankAccountBlock .accountHolderName input,
.editBankAccountBlock .bankRoutingNumber input,
.editBankAccountBlock .bankAccountNumber input {
 width: 200px;
}
.editBankAccountBlock #BankAccountPaymentPageForm_ScheduledPaymentDate {
 margin-left: 5px;
}
.editBankAccountBlock .saveAccountOption label,
.editBankAccountBlock .recurringPaymentOption label,
.editBankAccountBlock .recurringPaymentOption input {
 display: inline-block;
 vertical-align: middle;
}
.ie8 .welcome .signupHome .signupGroup select {
 height: auto;
}
.welcome .genericBtn.nextBtn.registrationBtn {
 background: #1d70c9;
 border: 1px solid #1d70c9;
 color: #fff;
}
.welcome .genericBtn.nextBtn:after {
 color: #fff;
}
.welcome .genericBtn.nextBtn.registrationBtn:hover {
 background: #1d70c9;
}
.welcome h4 {
 margin: 0;
 padding: 0;
 font-size: 16px;
 margin-bottom: 5px;
 color: #222;
}
.welcome p {
 margin: 0;
 padding: 0;
 font-size: 12px;
 line-height: 16px;
}
.welcome #partner .partnerText {
 display: none;
}
.welcome #partner .partnerLogo {
 height: 94px;
 background: url('../../css/../images/mmLogoLg.png') no-repeat center center;
}
.welcome #login h5 {
 margin: 10px;
 padding: 0;
 font-size: 16px;
}
.welcome #login .loginMain a {
 width: 14%;
 min-width: 80px;
}
.welcome #login .loginMain .loginSub input {
 width: auto;
}
.welcome #login .loginMain .loginSub h6 {
 float: left;
 margin-right: 5px;
 margin-top: 3px;
 font-size: 12px;
 line-height: 1.4;
}
.welcome #login .loginMain .loginSub label {
 top: -3px;
}
.welcome #login .loginMain .loginSub a {
 width: auto;
 float: left;
 margin-left: 10px;
 margin-top: 3px;
 min-width: 0;
}
.welcome #login .loginMain #LoginContainer {
 margin: 5px 0 0;
}
.welcome #login .loginMain #LoginContainer .loginContainer div.form-group.col {
 padding-left: 0px;
 padding-right: 0.25rem;
}
.welcome #login .loginMain .form-group {
 margin-left: 0px;
}
.welcome #login .openAuth span {
 font-family: 'RobotoBold', Helvetica, Arial, Sans-Serif;
 font-weight: normal;
 margin-right: 30px;
}
.welcome #login .openAuth a {
 font-family: 'mainIcons';
 margin-left: 3px;
 font-size: 110%;
 color: #000;
}
.welcome #login .openAuth a:hover {
 color: #1d70c9;
}
.welcome #login #PasswordResetModal .modal-header {
 background-color: #1d70c9;
 color: #fff;
 border-radius: 6px 6px 0 0;
 bottom: 1px;
}
.welcome #login #PasswordResetModal .modal-header .close {
 position: absolute;
 right: 15px;
 top: 15px;
 border-radius: 25px;
 height: 24px;
 width: 24px;
 opacity: 1 !important;
 text-shadow: none;
 color: #fff;
}
.welcome #login #PasswordResetModal .modal-header .close:hover {
 background: #fff;
 color: #1d70c9;
}
.welcome #login #PasswordResetModal .modal-content {
 border: 0;
}
.welcome #login #PasswordResetModal h5 {
 margin: 0;
}
.welcome #login #PasswordResetModal label {
 font-weight: bold;
 margin-bottom: 5px;
}
.welcome #fma {
 text-align: center;
 padding: 20px;
 margin-top: 20px;
}
.welcome #fma h1 {
 width: 70%;
 margin: 10px auto;
}
.welcome #fma p {
 width: 70%;
 margin: 0 auto;
}
.welcome #fma .welcomeImage {
 background-image: url(../images/welcome_hero.png);
 background-position: center;
 background-repeat: no-repeat;
 background-size: contain;
 width: 100%;
 height: 450px;
 margin: 15px auto;
}
.welcome #pitch {
 background: #F4F3F3;
}
.welcome #pitch h4 {
 margin: 10px 0 0 170px;
}
.welcome #pitch p {
 margin: 0 0 0 170px;
 padding-right: 10px;
}
.welcome #pitch .contentWrap {
 padding: 10px;
}
.welcome #pitch ul {
 margin: 10px 0 0;
}
.welcome #pitch li {
 float: left;
 width: 49.5%;
 min-height: 128px;
 padding: 0 30px 0 10px;
 margin-top: 5px;
}
.welcome #pitch img {
 float: left;
 margin-right: 20px;
}
.welcome #pitch li:nth-child(3) img {
 margin-left: 24px;
 margin-top: 10px;
}
.welcome #pitch li:nth-child(4) img {
 margin-left: 26px;
}
.welcome .ie8 .signupHome .signupGroup select {
 padding: 5px 0;
 height: auto;
 border: 1px solid #777;
}
.welcome .signupHome .signupGroup select:not(.form-control):not(.form-select) {
 color: #2e2a24;
 margin-left: 2%;
 margin-top: 10px;
 line-height: 110%;
 height: 26px;
}
.welcome .signupHome {
 background: #F4F3F3;
}
.welcome .signupHome h2 {
 text-align: center;
 margin-bottom: 10px;
}
.welcome .signupHome .contentWrap {
 padding: 20px 0;
}
.welcome .signupHome .signupGroup {
 float: left;
 width: 49.5%;
}
.welcome .signupHome .signupGroup li {
 padding-bottom: 10px;
}
.welcome .signupHome .signupGroup label {
 display: inline-block;
 margin-left: 2%;
 width: 150px;
}
.welcome .signupHome .signupGroup input:not([class*="form-control"]),
.welcome .signupHome .signupGroup select:not(.form-control):not(.form-select) {
 width: 65%;
 margin-left: 2%;
 min-width: 200px;
}
.welcome .signupHome .signupGroup .externalSystemLink {
 margin-left: 2%;
 line-height: 27px;
}
.welcome .signupHome .error {
 text-align: left;
 margin-bottom: 10px;
}
.welcome .signupHome .btnWrap {
 clear: both;
 text-align: center;
 padding: 20px 0 0 0;
}
.welcome .signupHome .cancelBtn {
 margin-right: 10px;
}
.welcome .signupHome .registerUsingExternalSystem {
 color: #1d70c9;
 text-align: center;
}
.welcome .signupHome .uncheckedBox {
 color: #F00;
}
#requiredSecretQuestion #SecretQuestionContainer .loginForm label.control-label {
 font-weight: bold;
 margin-bottom: 5px;
}
.noPlaceholder #welcome header .loginMain label {
 display: inline;
}
.genericSubhead {
 background-color: #fff;
 padding: 20px;
}
.genericSubhead .number {
 color: #1d70c9;
}
.genericSubhead span#lastReported {
 margin: 0;
 padding: 0;
 font-family: 'RobotoMedium', Helvetica, Arial, Sans-Serif;
 font-weight: normal;
 font-size: 14px;
 line-height: 1.1;
 color: inherit;
}
.genericSubhead h2,
.genericSubhead h3,
.genericSubhead h5 {
 margin: 0;
 padding: 0;
}
.genericSubhead .left {
 float: left;
}
.genericSubhead .right {
 float: right;
}
.genericSubhead .genericBtn {
 margin-top: 10px;
}
.genericSubhead .genericBtn:after {
 content: "3";
}
.genericSubhead h3 {
 font-family: 'RobotoLight', Helvetica, Arial, Sans-Serif;
 font-weight: normal;
}
h1.topLvlHeading {
 margin: 0;
 padding: 0;
 font-family: 'RobotoBlack', Helvetica, Arial, Sans-Serif;
 font-weight: normal;
 font-size: 30px;
 color: #262626;
}
.editNotificationIconCell {
 text-align: center;
}
.ie8 .contentContainer #secHeader #markers .openWizard .wizard .steps > li,
.ie8 .contentContainer #secHeader .legend .openWizard .wizard .steps > li,
.ie8 .contentContainer #secHeader #export .openWizard .wizard .steps > li {
 padding-bottom: 0px;
}
.ie8 .contentContainer #secHeader #markers .openWizard .wizard .steps > li input,
.ie8 .contentContainer #secHeader .legend .openWizard .wizard .steps > li input,
.ie8 .contentContainer #secHeader #export .openWizard .wizard .steps > li input {
 margin-left: 0px;
}
.ie8 .contentContainer #secHeader .wizard .meterFilter .meterDescription {
 color: #777;
}
.outage-alert {
 background-color: red;
 color: white;
 text-align: center;
 margin-top: -30px;
 margin-bottom: 5px;
}
#WeekendLegendKey .keyColor {
 background-color: #fcedec !important;
}
.legend-meter-dates {
 font-size: 12px;
 font-weight: normal;
 white-space: nowrap;
 color: #666666;
 font-family: 'RobotoRegular', Helvetica, Arial, Sans-Serif;
 margin: 0;
}
.contentContainer {
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 border-radius: 3px;
 -moz-background-clip: padding;
 -webkit-background-clip: padding-box;
 background-clip: padding-box;
 background-color: #fff;
 -webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.3);
 -moz-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.3);
 box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.3);
}
.contentContainer .keyColor {
 display: inline-block;
 width: 15px;
 height: 15px;
 border: 1px solid #fff;
 margin-top: -1px;
 -webkit-print-color-adjust: exact !important;
 color-adjust: exact;
}
.contentContainer #secHeader {
 border-bottom: 1px solid #bbb;
 position: relative;
}
.contentContainer #secHeader .options {
 float: right;
 margin: 0 0 5px 0;
 padding: 0;
}
.contentContainer #secHeader .options > li {
 float: left;
 border-left: 1px solid #bbb;
 padding: 10px 10px 0 10px;
 min-height: 44px;
 font-size: 12px;
 color: #000;
}
.contentContainer #secHeader .options > li h5 {
 font-family: 'RobotoRegular', Helvetica, Arial, Sans-Serif;
 font-weight: normal;
 font-size: 12px;
 color: #000;
 padding-top: 4px;
}
.contentContainer #secHeader .options > li .downloadBtn:after {
 display: none;
}
.contentContainer #secHeader .options #legend {
 padding-top: 12px;
}
.contentContainer #secHeader #mainSelect {
 float: left;
 padding: 0;
 color: #000;
 border: 1px solid transparent;
 -moz-background-clip: padding;
 -webkit-background-clip: padding-box;
 background-clip: padding-box;
}
.contentContainer #secHeader #mainSelect h1 {
 font-size: 18px;
 font-family: 'RobotoMedium', Helvetica, Arial, Sans-Serif;
 font-weight: normal;
 line-height: 18px;
 padding: 10px;
 margin: 0;
}
.contentContainer #secHeader #mainSelect h1 .meterName {
 color: #000;
}
.contentContainer #secHeader #mainSelect h1 .meterName:before {
 padding-left: 5px;
 color: #1d70c9;
 font-size: 22px;
 font-family: 'mainIcons';
 margin-right: 10px;
 font-size: 20px;
 line-height: 18px;
}
.contentContainer #secHeader #mainSelect h1 .none:before {
 content: ' ';
}
.contentContainer #secHeader #mainSelect h1 .electric:before {
 font-family: FontAwesome6ProSolid;
 content: "\f1e6";
}
.contentContainer #secHeader #mainSelect h1 .billing:before {
 font-family: FontAwesome6ProSolid;
 content: "\f571";
}
.contentContainer #secHeader #mainSelect h1 .gas:before {
 font-family: FontAwesome6ProSolid;
 content: "\f46a";
}
.contentContainer #secHeader #mainSelect h1 .water:before {
 font-family: FontAwesome6ProSolid;
 content: "\e006";
}
.contentContainer #secHeader #mainSelect h1 .districthotwater:before {
 font-family: FontAwesome6ProSolid;
 content: "\e00c";
}
.contentContainer #secHeader #mainSelect h1 .districtchilledwaterother:before {
 font-family: FontAwesome6ProSolid;
 content: "\f768";
}
.contentContainer #secHeader #mainSelect h1 .refuse:before {
 font-family: FontAwesome6ProSolid;
 content: "\f2ed";
}
.contentContainer #secHeader #mainSelect h1 .sewer:before {
 font-family: FontAwesome6ProSolid;
 content: "\e439";
}
.contentContainer #secHeader #mainSelect h1 .broadband:before {
 font-family: FontAwesome6ProSolid;
 content: "\f0ac";
}
.contentContainer #secHeader #mainSelect h1 .energyStar:before {
 content: "A";
}
.contentContainer #secHeader #mainSelect h1 span {
 color: #1d70c9;
}
.contentContainer #secHeader #mainSelect .menu {
 display: none;
 position: absolute;
 z-index: 55;
}
.contentContainer #secHeader #mainSelect .select-menu {
 display: none;
 position: absolute;
 z-index: 55;
}
.contentContainer #secHeader #mainSelect ul {
 margin: 0;
 padding: 0;
 width: 100%;
}
.contentContainer #secHeader #mainSelect ul li {
 border-top: 1px solid #fafafa;
 width: 200px;
 padding: 10px;
 font-size: 14px;
 cursor: pointer;
 -webkit-transition: all 0.18s ease-in-out;
 -moz-transition: all 0.18s ease-in-out;
 transition: all 0.18s ease-in-out;
}
.contentContainer #secHeader #mainSelect ul li:before {
 content: "";
 display: inline-block;
 width: 25px;
 text-align: center;
 font-family: 'mainIcons';
 color: #1d70c9;
 font-size: 12px;
 line-height: 14px;
}
.contentContainer #secHeader #mainSelect ul li.current:before {
 content: "s";
}
.contentContainer #secHeader #mainSelect ul li:hover {
 background: #fff;
}
.contentContainer #secHeader #mainSelect.open .menu {
 display: block;
 border: 1px solid #fafafa;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 border-radius: 3px;
 -moz-background-clip: padding;
 -webkit-background-clip: padding-box;
 background-clip: padding-box;
 background: #ffffff;
 -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.33);
 -moz-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.33);
 box-shadow: 0 5px 5px rgba(0, 0, 0, 0.33);
}
.contentContainer #secHeader #mainSelect.open .select-menu {
 display: block;
 border: 1px solid #fafafa;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 border-radius: 3px;
 -moz-background-clip: padding;
 -webkit-background-clip: padding-box;
 background-clip: padding-box;
 background: #ffffff;
 -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.33);
 -moz-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.33);
 box-shadow: 0 5px 5px rgba(0, 0, 0, 0.33);
}
.contentContainer #secHeader #mainSelect.active {
 cursor: pointer;
}
.contentContainer #secHeader #mainSelect.active h1 span:after {
 content: "2";
 color: #1d70c9;
 font-family: 'mainIcons';
}
.contentContainer #secHeader .chartControlForm .chartControlContainer .inputContainer,
.contentContainer #secHeader .tableControlForm .chartControlContainer .inputContainer,
.contentContainer #secHeader .chartControlForm .tableControlContainer .inputContainer,
.contentContainer #secHeader .tableControlForm .tableControlContainer .inputContainer {
 float: right;
 margin-left: 10px;
 padding: 9px 10px;
 border-left: 1px solid #D4CFC4;
 min-height: 44px;
}
.contentContainer #secHeader .chartControlForm .chartControlContainer .inputContainer > label:not(.modernSwitch):not(.fancySelect),
.contentContainer #secHeader .tableControlForm .chartControlContainer .inputContainer > label:not(.modernSwitch):not(.fancySelect),
.contentContainer #secHeader .chartControlForm .tableControlContainer .inputContainer > label:not(.modernSwitch):not(.fancySelect),
.contentContainer #secHeader .tableControlForm .tableControlContainer .inputContainer > label:not(.modernSwitch):not(.fancySelect) {
 display: block;
 float: left;
 line-height: 24px;
 margin-left: 0;
}
.contentContainer #secHeader .chartControlForm .chartControlContainer .inputContainer .modernSwitch,
.contentContainer #secHeader .tableControlForm .chartControlContainer .inputContainer .modernSwitch,
.contentContainer #secHeader .chartControlForm .tableControlContainer .inputContainer .modernSwitch,
.contentContainer #secHeader .tableControlForm .tableControlContainer .inputContainer .modernSwitch {
 float: left;
 margin-left: 10px;
}
.contentContainer #secHeader .chartControlForm .chartControlContainer .inputContainer .fancySelect,
.contentContainer #secHeader .tableControlForm .chartControlContainer .inputContainer .fancySelect,
.contentContainer #secHeader .chartControlForm .tableControlContainer .inputContainer .fancySelect,
.contentContainer #secHeader .tableControlForm .tableControlContainer .inputContainer .fancySelect {
 margin-left: 5px;
}
.contentContainer #secHeader .chartControlForm .chartControlContainer .inputContainer.vertAlign,
.contentContainer #secHeader .tableControlForm .chartControlContainer .inputContainer.vertAlign,
.contentContainer #secHeader .chartControlForm .tableControlContainer .inputContainer.vertAlign,
.contentContainer #secHeader .tableControlForm .tableControlContainer .inputContainer.vertAlign {
 padding: 12px 10px 6px 10px;
}
.contentContainer #secHeader .chartControlForm .chartControlContainer #legend.inputContainer,
.contentContainer #secHeader .tableControlForm .chartControlContainer #legend.inputContainer,
.contentContainer #secHeader .chartControlForm .tableControlContainer #legend.inputContainer,
.contentContainer #secHeader .tableControlForm .tableControlContainer #legend.inputContainer {
 padding: 9px 10px 16px 10px;
}
.contentContainer #secHeader .chartControlForm .chartControlContainer,
.contentContainer #secHeader .tableControlForm .chartControlContainer {
 margin-right: 161px;
}
.contentContainer #secHeader .chartControlForm .tableControlContainer,
.contentContainer #secHeader .tableControlForm .tableControlContainer {
 margin-right: 161px;
}
.contentContainer #secHeader .wizard {
 background: #D9D9D9;
}
.contentContainer #secHeader .outside.wizard {
 overflow: hidden;
}
.contentContainer #secHeader .outside.wizard .keyColor {
 margin: 0px 3px 3px;
 float: left;
}
.contentContainer #secHeader .outside.wizard .meterDescription {
 display: inline-block;
 white-space: nowrap;
 text-overflow: ellipsis;
 overflow: hidden;
 padding-left: 5px;
}
.contentContainer #secHeader .outside.wizard .meterRateCodeDescription {
 overflow: hidden;
}
.contentContainer #secHeader .outside.wizard .meterRateCodeSeries {
 margin-top: 5px;
 padding-left: 60px;
}
.contentContainer #secHeader .outside.wizard .meterFilter {
 display: block;
 float: none;
 overflow: hidden;
 padding: 20px 30px 5px 15px;
 margin-top: 10px;
}
.contentContainer #secHeader .outside.wizard .meterFilter .modernSwitch {
 display: inline-block;
}
.contentContainer #secHeader .outside.wizard .meterFilter .keyColor {
 margin: 3px;
}
.contentContainer #secHeader .outside.wizard .meterFilter .meterDescription {
 display: inline-block;
 white-space: nowrap;
 text-overflow: ellipsis;
 overflow: hidden;
 padding-left: 15px;
}
.contentContainer #secHeader .outside.wizard .meterFilter > * {
 float: left;
}
.contentContainer #secHeader .outside.wizard .meterFilter > span {
 line-height: 24px;
 padding: 0 3px;
}
.contentContainer #secHeader #markers,
.contentContainer #secHeader .legend,
.contentContainer #secHeader #export,
.contentContainer #secHeader .range {
 position: absolute;
 top: 0;
}
.contentContainer #secHeader #markers .openWizard,
.contentContainer #secHeader .legend .openWizard,
.contentContainer #secHeader #export .openWizard,
.contentContainer #secHeader .range .openWizard {
 background: #fff;
 margin: 0;
 padding: 0 !important;
 position: relative;
 width: 50px;
}
.contentContainer #secHeader #markers .openWizard .wizard,
.contentContainer #secHeader .legend .openWizard .wizard,
.contentContainer #secHeader #export .openWizard .wizard,
.contentContainer #secHeader .range .openWizard .wizard {
 display: none;
 position: absolute;
 z-index: 61;
 min-width: 300px;
}
.contentContainer #secHeader #markers .openWizard .wizard .actionsBar,
.contentContainer #secHeader .legend .openWizard .wizard .actionsBar,
.contentContainer #secHeader #export .openWizard .wizard .actionsBar,
.contentContainer #secHeader .range .openWizard .wizard .actionsBar {
 background: #D9D9D9;
 text-align: right;
 padding: 20px 10px;
}
.contentContainer #secHeader #markers .openWizard .wizard .actionsBar a,
.contentContainer #secHeader .legend .openWizard .wizard .actionsBar a,
.contentContainer #secHeader #export .openWizard .wizard .actionsBar a,
.contentContainer #secHeader .range .openWizard .wizard .actionsBar a {
 font-family: 'RobotoBlack', Helvetica, Arial, Sans-Serif;
 font-weight: normal;
 margin-right: 20px;
 font-size: 18px;
}
.contentContainer #secHeader #markers .openWizard .wizard .actionsBar a.submit,
.contentContainer #secHeader .legend .openWizard .wizard .actionsBar a.submit,
.contentContainer #secHeader #export .openWizard .wizard .actionsBar a.submit,
.contentContainer #secHeader .range .openWizard .wizard .actionsBar a.submit {
 font-size: 19px;
 font-weight: bold;
}
.contentContainer #secHeader #markers .openWizard .wizard .actionsBar a.cancel,
.contentContainer #secHeader .legend .openWizard .wizard .actionsBar a.cancel,
.contentContainer #secHeader #export .openWizard .wizard .actionsBar a.cancel,
.contentContainer #secHeader .range .openWizard .wizard .actionsBar a.cancel {
 font-size: 14px;
 color: #333;
}
.contentContainer #secHeader #markers .openWizard .mainButton,
.contentContainer #secHeader .legend .openWizard .mainButton,
.contentContainer #secHeader #export .openWizard .mainButton,
.contentContainer #secHeader .range .openWizard .mainButton {
 display: block;
 text-align: center;
 font-size: 9px;
 min-width: 0;
 padding: 8px 10px 4px 10px;
 cursor: pointer;
}
.contentContainer #secHeader #markers .openWizard .mainButton:before,
.contentContainer #secHeader .legend .openWizard .mainButton:before,
.contentContainer #secHeader #export .openWizard .mainButton:before,
.contentContainer #secHeader .range .openWizard .mainButton:before {
 text-align: center;
 font-family: 'mainIcons';
 display: block;
 font-size: 14px;
 color: #1d70c9;
}
.contentContainer #secHeader #markers .openWizard.open,
.contentContainer #secHeader .legend .openWizard.open,
.contentContainer #secHeader #export .openWizard.open,
.contentContainer #secHeader .range .openWizard.open {
 /*background: @base-color-darker;*/
 background: #D9D9D9;
}
.contentContainer #secHeader #markers .openWizard.open .wizard,
.contentContainer #secHeader .legend .openWizard.open .wizard,
.contentContainer #secHeader #export .openWizard.open .wizard,
.contentContainer #secHeader .range .openWizard.open .wizard {
 display: block;
}
.contentContainer #secHeader .legend {
 right: 50px;
}
.contentContainer #secHeader .legend .openWizard .wizard {
 right: -51px;
}
.contentContainer #secHeader .legend .openWizard .wizard .meterFilter {
 display: block;
 width: 100%;
 float: none;
 white-space: nowrap;
 border-top: 1px solid #333;
 padding: 5px 15px;
}
.contentContainer #secHeader .legend .openWizard .wizard .meterFilter .modernSwitch {
 float: right;
 margin-right: 0;
 margin-top: 7px;
}
.contentContainer #secHeader .legend .openWizard .wizard .meterFilter .keyColor {
 margin: 3px;
}
.contentContainer #secHeader .legend .openWizard .wizard .meterFilter .meterDescription {
 display: inline-block;
}
.contentContainer #secHeader .legend .openWizard .wizard .meterFilter:first-child {
 border-top: 0 none transparent;
 padding-top: 15px;
}
.contentContainer #secHeader .legend .openWizard .wizard .actionsBar {
 padding: 15px 5px;
 margin-top: 10px;
}
.contentContainer #secHeader .legend .openWizard .mainButton:before {
 content: "o";
}
.contentContainer #secHeader .range {
 right: 100px;
}
.contentContainer #secHeader .range .openWizard .wizard {
 right: -51px;
}
.contentContainer #secHeader .range .openWizard .wizard .actionsBar {
 padding: 15px 5px;
 margin-top: 10px;
}
.contentContainer #secHeader .data-range {
 right: 110px;
}
.contentContainer #secHeader #markers {
 right: 0;
}
.contentContainer #secHeader #markers .openWizard .wizard {
 right: 0;
 top: 44px;
}
.contentContainer #secHeader #markers .openWizard .wizard #Description,
.contentContainer #secHeader #markers .openWizard .wizard #StartDate,
.contentContainer #secHeader #markers .openWizard .wizard #EndDate,
.contentContainer #secHeader #markers .openWizard .wizard #EndTime,
.contentContainer #secHeader #markers .openWizard .wizard .energy-marker-type-container {
 float: right;
 margin-left: 10px;
 border: 0 none transparent;
 max-width: 150px;
}
.contentContainer #secHeader #markers .openWizard .wizard .markerType,
.contentContainer #secHeader #markers .openWizard .wizard #startDateDisplayName,
.contentContainer #secHeader #markers .openWizard .wizard .markerEndDate,
.contentContainer #secHeader #markers .openWizard .wizard .markerEndTime,
.contentContainer #secHeader #markers .openWizard .wizard .markerDescription,
.contentContainer #secHeader #markers .openWizard .wizard .serviceTypeDisplayText {
 float: left;
 display: block;
 min-width: 75px;
 margin: 0;
 font-family: 'RobotoMedium', Helvetica, Arial, Sans-Serif;
 font-weight: normal;
 font-size: 14px;
 color: #333;
}
.contentContainer #secHeader #markers .openWizard .wizard .markerDescription {
 margin-right: 9px;
}
.contentContainer #secHeader #markers .openWizard .wizard .energy-marker-type-container {
 margin-right: 0;
}
.contentContainer #secHeader #markers .openWizard .wizard .markerServiceType {
 clear: both;
 overflow: hidden;
 margin-bottom: 5px;
}
.contentContainer #secHeader #markers .openWizard .wizard .modernSwitch {
 float: right;
}
.contentContainer #secHeader #markers .openWizard .wizard .steps {
 counter-reset: li;
}
.contentContainer #secHeader #markers .openWizard .wizard .steps > li {
 padding: 15px 30px;
 margin: 0;
 border-top: 1px solid #333;
 position: relative;
 min-height: 60px;
}
.contentContainer #secHeader #markers .openWizard .wizard .steps > li:first-child {
 padding-top: 25px;
 border-top: 0 none transparent;
}
.contentContainer #secHeader #export {
 right: 50px;
}
.contentContainer #secHeader #export .openWizard {
 width: 60px;
}
.contentContainer #secHeader #export .openWizard .wizard {
 margin-left: 1px;
 min-width: 59px;
}
.contentContainer #secHeader #export .openWizard .wizard .steps li {
 padding: 5px;
 text-align: center;
}
.contentContainer #secHeader #export .mainButton:before {
 content: "H";
}
.contentContainer #secFooter {
 padding: 10px;
 background-color: #fff;
}
.contentContainer #secFooter .chartControlForm {
 width: 95%;
 margin: 0 auto;
}
.contentContainer #secFooter .chartControlForm .chartControlContainer .dropDown {
 bottom: 22px;
}
.contentContainer #secFooter .chartControlForm .chartControlContainer select {
 margin-left: 8px;
}
.contentContainer #secFooter .weatherInformation {
 font-size: 80%;
 padding-top: 5px;
}
.contentContainer #secFooter .weatherInformation span {
 color: #000;
}
.contentContainer #secFooter .weatherInformation a {
 color: #1d70c9;
}
span.tooltipChart {
 margin-top: 3px;
 float: left;
}
.downloadPageHeader {
 display: inline-block;
 margin-top: 0;
 margin-bottom: 20px;
}
.downloadOptionsHeader {
 margin-top: 15px;
 margin-bottom: 5px;
 display: inline-block;
}
.downloadOptionsInstructions {
 margin-bottom: 10px;
}
.downloadOptionsInstructions p {
 margin-bottom: 2px;
}
ul.downloadColumnOptions li {
 margin-left: 0;
}
ul.downloadColumnOptions input[type="checkbox"] {
 margin-left: 5px;
}
.downloadButtonsHousing {
 margin-left: 30px;
}
.highcharts-tooltip-container {
 z-index: 9999;
}
.chartDateRange,
.heatmapDateRange {
 cursor: pointer;
 margin-left: 1px !important;
}
.chartDateRange span:after,
.heatmapDateRange span:after {
 content: "2";
 font-family: "mainIcons";
}
.chartDateRange.open span:after,
.heatmapDateRange.open span:after {
 content: "1";
 font-family: "mainIcons";
}
.dataDisclaimer {
 margin-top: 15px;
 margin-bottom: -15px;
 text-align: center;
 font-size: 10px;
}
.tooltipTotal {
 float: right;
}
.genericTable {
 width: 100%;
 font-size: 14px;
 clear: both;
 margin-top: 20px;
}
.genericTable thead tr {
 border-bottom: 1px solid #bbb;
 font-size: 13px;
 font-family: 'RobotoMedium', Helvetica, Arial, Sans-Serif;
 font-weight: normal;
 color: #555;
}
.genericTable thead tr td,
.genericTable thead tr th {
 text-align: left;
 padding-left: 10px;
}
.genericTable tbody tr {
 border-bottom: 1px solid #bbb;
 font-size: 12px;
}
.genericTable tbody tr:hover {
 background: #F4F3F3 !important;
 background-image: none !important;
}
.genericTable tbody td {
 padding: 10px;
}
.dataTable {
 border: 0 none transparent;
 font-size: 12px;
 background-color: #fff;
}
.dataTable td {
 padding: 5px;
}
.dataTable tr {
 border-bottom: 1px solid #bbb;
}
.dataTable thead {
 font-family: 'RobotoMedium', Helvetica, Arial, Sans-Serif;
 font-weight: normal;
 color: #fff;
 background: #999;
}
.dataTable .dataTableBodyOdd {
 background: rgba(232, 228, 220, 0.5);
}
.dataTable .firstCol {
 border-right: 1px solid #bbb;
 font-size: 12px;
 font-family: 'RobotoMedium', Helvetica, Arial, Sans-Serif;
 font-weight: normal;
 color: #222;
}
.dataTable .hover {
 background: #0085CA;
}
.dataTable .makeNewComparisonTableBody {
 margin: 0 -20px;
 background: #222;
 color: #777;
}
.dataTable .makeNewComparisonTableBody .dataTableComparisonRow {
 color: #444;
}
.dataTable .makeNewComparisonTableBody tr {
 border-bottom: 1px solid #000;
}
.dataTable .makeNewComparisonTableBody .firstCol {
 padding-top: 10px;
 background: transparent;
 border-right: 0 none transparent;
}
.dataTable .makeNewComparisonTableBody .firstCol label {
 font-family: 'RobotoMedium', Helvetica, Arial, Sans-Serif;
 font-weight: normal;
 color: #666;
 padding-right: 5px;
}
.dataTable .makeNewComparisonTableBody .firstCol select {
 width: 150px;
}
/*.dataTableStartDate {width: 90px; text-align: center;}
.dataTableEndDate {width: 90px; text-align: center;}*/

.ie8 #tabularData #secHeader #legend > label:after {
 top: 0;
}
#tabularData #secHeader #popout {
 cursor: pointer;
 color: #000;
 padding: 0 !important;
 height: 44px;
}
#tabularData #secHeader #legend .legendContainer {
 float: left;
 /*/> div{.icons(); clear:both; height:12px; line-height:12px; margin-right:20px;
 &:after{height: 8px;width: 12px;position: absolute;right: -15px; top:1px; content: ' ';}
 }
 */

}
#tabularData #secHeader #legend .legendUnitContainer {
 float: left;
 height: 24px;
 line-height: 24px;
 font-size: 13px;
}
#tabularData #dataTableHolder {
 margin-top: 10px;
 overflow: hidden;
 height: 600px;
 width: inherit;
}
#tabularData #dataTableHolder .box {
 display: inline-block;
}
#tabularData #dataTableHolder .row {
 clear: both;
}
#tabularData #dataTableHolder .pinnedHeader {
 background: #fff;
 z-index: 20;
 float: left;
 -webkit-box-shadow: 5px 0px 5px 1px rgba(0, 0, 0, 0.3);
 -moz-box-shadow: 5px 0px 5px 1px rgba(0, 0, 0, 0.3);
 box-shadow: 5px 0px 5px 1px rgba(0, 0, 0, 0.3);
}
#tabularData #dataTableHolder .pinnedHeader .dataTable {
 border-right: none;
 border-left: none;
}
#tabularData #dataTableHolder .pinnedHeader .dataTable th,
#tabularData #dataTableHolder .pinnedHeader .dataTable td {
 white-space: nowrap;
}
#tabularData #dataTableHolder .pinnedHeader .dataTable .dataDropdownLg {
 max-width: 140px;
}
#tabularData #dataTableHolder .pinnedHeader .dataTable .dataDropdownSm {
 max-width: 90px;
}
#tabularData #dataTableHolder .pinnedHeader .dataTable .makeNewComparisonTableBody tr {
 border-bottom: 1px solid #222;
}
#tabularData #dataTableHolder .pinnedData {
 overflow: hidden;
 background: #fff;
 z-index: 20;
 float: left;
 -webkit-box-shadow: 5px 0px 5px 1px rgba(0, 0, 0, 0.3);
 -moz-box-shadow: 5px 0px 5px 1px rgba(0, 0, 0, 0.3);
 box-shadow: 5px 0px 5px 1px rgba(0, 0, 0, 0.3);
}
#tabularData #dataTableHolder .pinnedData .dataTable {
 border-right: none;
 border-left: none;
}
#tabularData #dataTableHolder .pinnedData .dataTable th,
#tabularData #dataTableHolder .pinnedData .dataTable td {
 white-space: nowrap;
}
#tabularData #dataTableHolder .pinnedData .dataTable .makeNewComparisonTableBody tr {
 border-bottom: 1px solid #222;
}
#tabularData #dataTableHolder .scrollableHeader {
 overflow: hidden;
 z-index: 19;
 position: absolute;
}
#tabularData #dataTableHolder .scrollableHeader thead {
 background: none;
}
#tabularData #dataTableHolder .scrollableHeader.days {
 margin-left: 162px;
}
#tabularData #dataTableHolder .scrollableHeader.months {
 margin-left: 155px;
}
#tabularData #dataTableHolder .scrollableHeader.weeks {
 margin-left: 162px;
}
#tabularData #dataTableHolder .scrollableHeader.years {
 margin-left: 155px;
}
#tabularData #dataTableHolder .scrollableHeader table {
 margin-bottom: 0;
 width: 100%;
}
#tabularData #dataTableHolder .scrollableHeader td,
#tabularData #dataTableHolder .scrollableHeader th {
 position: relative;
 white-space: nowrap;
 overflow: visible;
}
#tabularData #dataTableHolder .scrollableHeader td {
 border-left: solid 1px #D4CFC4;
 background: #767676;
 background-clip: padding-box !important;
}
#tabularData #dataTableHolder .scrollableData {
 position: absolute;
 /*margin-bottom: 20px; margin-left: 197px;*/
 overflow: auto;
 z-index: 19;
}
#tabularData #dataTableHolder .scrollableData.days {
 margin-left: 162px;
}
#tabularData #dataTableHolder .scrollableData.months {
 margin-left: 155px;
}
#tabularData #dataTableHolder .scrollableData.weeks {
 margin-left: 162px;
}
#tabularData #dataTableHolder .scrollableData.years {
 margin-left: 155px;
}
#tabularData #dataTableHolder .scrollableData table {
 margin-bottom: 0;
 width: 100%;
}
#tabularData #dataTableHolder .scrollableData td,
#tabularData #dataTableHolder .scrollableData th {
 position: relative;
 white-space: nowrap;
 overflow: visible;
}
#tabularData #dataTableHolder .scrollableData td {
 border-left: solid 1px #D4CFC4;
}
#tabularData #dataTableHolder .scrollableData .marker::after {
 display: block;
 text-align: center;
 font-size: 6px;
 line-height: 11px;
 z-index: 10;
 content: 's';
 font-family: 'mainIcons';
 position: absolute;
 top: -7px;
 right: -14px;
 cursor: default;
 color: #666;
 height: 14px;
 width: 14px;
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
 border-radius: 10px;
 -moz-background-clip: padding;
 -webkit-background-clip: padding-box;
 background-clip: padding-box;
 border: 2px solid #fafafa;
 -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
 -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
 box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
 background: #564f46;
 background: -moz-linear-gradient(top, #564f46 0%, #34302b 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #564f46), color-stop(100%, #34302b));
 background: -webkit-linear-gradient(top, #564f46 0%, #34302b 100%);
 background: -ms-linear-gradient(top, #564f46 0%, #34302b 100%);
 background: linear-gradient(to bottom, #564f46 0%, #34302b 100%);
}
#tabularData #dataTableHolder .scrollableData .tooltip {
 display: none;
 opacity: 1;
 position: absolute;
 z-index: 21;
 background: #EBE8E1 url(../images/noise.png) top left repeat;
 padding: 3px;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 border-radius: 3px;
}
#tabularData #dataTableHolder .scrollableData .tooltip .popupMarkerLabel {
 color: #1d70c9;
}
#tabularData #dataTableHolder .popup {
 color: #3491bc;
 background-color: #e8e4dc;
}
#tabularData #dataTableHolder .popup-content {
 opacity: 1;
}
#tabularData #dataTableHolder .popup-content.dropdown {
 z-index: 50;
 opacity: 1;
 position: absolute;
 background: #e8e4dc;
 color: #1d70c9;
 font-family: "RobotoMedium", Helvetica, Arial, sans-serif;
 font-weight: normal;
 border: 1px solid gray;
 font-size: 12px;
 overflow-y: auto;
 overflow-x: hidden;
 box-shadow: 0px 2px 10px -1px #000;
}
#tabularData #dataTableHolder .popup-content.dropdown ul {
 list-style: none;
 padding: 0;
 margin: 0px;
}
#tabularData #dataTableHolder .popup-content.dropdown li {
 margin: 0px;
 padding: 4px 10px;
 white-space: nowrap;
 width: 100%;
}
#tabularData #dataTableHolder .popup-content.dropdown li:hover {
 cursor: pointer;
 background-color: #1d70c9;
 color: #fff;
}
#tabularData #dataTableHolder .popup-content.dropdown li.selected {
 text-decoration: underline;
}
.ie8 #propertyOverview select {
 padding: 5px 0;
 height: auto;
}
#propertyOverview select {
 line-height: 110%;
}
#propertyOverview h4 {
 margin: 0;
 padding: 0;
 font-family: 'RobotoBold', Helvetica, Arial, Sans-Serif;
 font-weight: normal;
 font-size: 20px;
}
#propertyOverview #energyStarDetail,
#propertyOverview #propertyDetail {
 padding: 20px 30px 0;
 background: #fff;
}
#propertyOverview #energyStarDetail > div,
#propertyOverview #propertyDetail > div {
 float: left;
 margin-bottom: 15px;
}
#propertyOverview #energyStarDetail h6,
#propertyOverview #propertyDetail h6 {
 color: #22baca;
 margin: 0;
 padding: 0;
 line-height: 18px;
 -webkit-text-shadow: 0px 0px 4px #777;
 text-shadow: 0px 0px 4px #777;
}
#propertyOverview #energyStarDetail .energyStarDetails,
#propertyOverview #propertyDetail .energyStarDetails {
 margin-top: 30px;
 margin-bottom: 0px !important;
 padding-bottom: 0px !important;
}
#propertyOverview #energyStarDetail div.location .adr,
#propertyOverview #propertyDetail div.location .adr {
 font-size: 14px;
 font-family: 'RobotoMedium', Helvetica, Arial, Sans-Serif;
 font-weight: normal;
}
#propertyOverview #energyStarDetail div.location .adr:before,
#propertyOverview #propertyDetail div.location .adr:before {
 content: "e";
 font-family: 'mainIcons';
 font-size: 45px;
 margin-right: 10px;
 float: left;
 color: #1d70c9;
}
#propertyOverview #energyStarDetail div.location .editLink,
#propertyOverview #propertyDetail div.location .editLink {
 font-size: 12px;
 display: block;
 margin-top: 10px;
 padding-left: 60px;
}
#propertyOverview #energyStarDetail div.location #propertyProfileDetails,
#propertyOverview #propertyDetail div.location #propertyProfileDetails,
#propertyOverview #energyStarDetail div.location #details,
#propertyOverview #propertyDetail div.location #details {
 width: 100%;
}
#propertyOverview #energyStarDetail div.location #propertyProfileDetails > div,
#propertyOverview #propertyDetail div.location #propertyProfileDetails > div,
#propertyOverview #energyStarDetail div.location #details > div,
#propertyOverview #propertyDetail div.location #details > div {
 margin-bottom: 2px;
}
#propertyOverview #energyStarDetail div.location #propertyProfileDetails form,
#propertyOverview #propertyDetail div.location #propertyProfileDetails form,
#propertyOverview #energyStarDetail div.location #details form,
#propertyOverview #propertyDetail div.location #details form {
 margin: 5px 0;
}
#propertyOverview #energyStarDetail div.location #propertyProfileDetails label,
#propertyOverview #propertyDetail div.location #propertyProfileDetails label,
#propertyOverview #energyStarDetail div.location #details label,
#propertyOverview #propertyDetail div.location #details label {
 display: inline-block;
 min-width: 90px;
}
#propertyOverview #energyStarDetail div.location #propertyProfileDetails input,
#propertyOverview #propertyDetail div.location #propertyProfileDetails input,
#propertyOverview #energyStarDetail div.location #details input,
#propertyOverview #propertyDetail div.location #details input,
#propertyOverview #energyStarDetail div.location #propertyProfileDetails select,
#propertyOverview #propertyDetail div.location #propertyProfileDetails select,
#propertyOverview #energyStarDetail div.location #details select,
#propertyOverview #propertyDetail div.location #details select {
 width: 50%;
 min-width: 130px;
 font-size: 12px;
}
#propertyOverview #energyStarDetail div.location #propertyProfileDetails button,
#propertyOverview #propertyDetail div.location #propertyProfileDetails button,
#propertyOverview #energyStarDetail div.location #details button,
#propertyOverview #propertyDetail div.location #details button {
 margin: 5px 0;
}
#propertyOverview #energyStarDetail div.location #propertyProfileDetails .genericBtn,
#propertyOverview #propertyDetail div.location #propertyProfileDetails .genericBtn,
#propertyOverview #energyStarDetail div.location #details .genericBtn,
#propertyOverview #propertyDetail div.location #details .genericBtn {
 margin: 15px 0 0 122px;
 min-width: 130px;
}
#propertyOverview #energyStarDetail div.location .locationNaturalGas,
#propertyOverview #propertyDetail div.location .locationNaturalGas {
 width: 75%;
 margin-top: 10px;
}
#propertyOverview #energyStarDetail #propertyProfileDetails > div,
#propertyOverview #propertyDetail #propertyProfileDetails > div,
#propertyOverview #energyStarDetail #details > div,
#propertyOverview #propertyDetail #details > div {
 margin-bottom: 2px;
}
#propertyOverview #energyStarDetail #propertyProfileDetails form,
#propertyOverview #propertyDetail #propertyProfileDetails form,
#propertyOverview #energyStarDetail #details form,
#propertyOverview #propertyDetail #details form {
 margin: 2px 0;
}
#propertyOverview #energyStarDetail #propertyProfileDetails label,
#propertyOverview #propertyDetail #propertyProfileDetails label,
#propertyOverview #energyStarDetail #details label,
#propertyOverview #propertyDetail #details label {
 display: inline-block;
 min-width: 90px;
}
#propertyOverview #energyStarDetail #propertyProfileDetails input,
#propertyOverview #propertyDetail #propertyProfileDetails input,
#propertyOverview #energyStarDetail #details input,
#propertyOverview #propertyDetail #details input,
#propertyOverview #energyStarDetail #propertyProfileDetails select,
#propertyOverview #propertyDetail #propertyProfileDetails select,
#propertyOverview #energyStarDetail #details select,
#propertyOverview #propertyDetail #details select {
 width: 50%;
 min-width: 130px;
 font-size: 12px;
}
#propertyOverview #energyStarDetail #espm_connect_imported_flow > ol > li,
#propertyOverview #propertyDetail #espm_connect_imported_flow > ol > li {
 margin-bottom: 0.25rem;
}
#propertyOverview #energyStarDetail #portfolioManager,
#propertyOverview #propertyDetail #portfolioManager {
 padding-left: 0;
}
#propertyOverview #energyStarDetail #portfolioManager > div,
#propertyOverview #propertyDetail #portfolioManager > div {
 margin-bottom: 10px;
}
#propertyOverview #energyStarDetail #portfolioManager label,
#propertyOverview #propertyDetail #portfolioManager label {
 display: inline-block;
 min-width: 100px;
}
#propertyOverview #energyStarDetail #portfolioManager input[type=checkbox],
#propertyOverview #propertyDetail #portfolioManager input[type=checkbox] {
 font-size: 12px;
 margin-left: 20px;
 width: unset;
 min-width: unset;
}
#propertyOverview #energyStarDetail #portfolioManager .genericBtn,
#propertyOverview #propertyDetail #portfolioManager .genericBtn {
 float: left;
 min-width: 100px;
}
#propertyOverview #energyStarDetail #portfolioManager #energyStarComplete,
#propertyOverview #propertyDetail #portfolioManager #energyStarComplete {
 font-size: 14px;
 color: #4d473d;
}
#propertyOverview #energyStarDetail #portfolioManager #energyStarComplete a,
#propertyOverview #propertyDetail #portfolioManager #energyStarComplete a {
 color: #1d70c9;
 text-decoration: underline;
}
#propertyOverview #energyStarDetail #portfolioManager #energyStarComplete a:hover,
#propertyOverview #propertyDetail #portfolioManager #energyStarComplete a:hover {
 font-weight: bold;
}
#propertyOverview #energyStarDetail #portfolioManager .energyScoreLabel,
#propertyOverview #propertyDetail #portfolioManager .energyScoreLabel {
 color: #1d70c9;
 float: left;
 width: 160px;
 min-width: 80px;
 z-index: 1;
}
#propertyOverview #energyStarDetail #portfolioManager .energyScoreLabel a,
#propertyOverview #propertyDetail #portfolioManager .energyScoreLabel a {
 color: #1d70c9;
 float: left;
 width: 160px;
 min-width: 80px;
 z-index: 1;
}
#propertyOverview #energyStarDetail #portfolioManager .useEnergyScoreLabel,
#propertyOverview #propertyDetail #portfolioManager .useEnergyScoreLabel {
 font-size: 14px;
 color: #1d70c9;
 height: 24px;
}
#propertyOverview #energyStarDetail .percentComplete .progress,
#propertyOverview #propertyDetail .percentComplete .progress {
 margin-bottom: 10px;
 font-size: 22px;
 line-height: 22px;
 color: #1d70c9;
 font-family: 'RobotoMedium', Helvetica, Arial, Sans-Serif;
 font-weight: normal;
 background: none;
 box-shadow: none;
}
#propertyOverview #energyStarDetail .percentComplete p,
#propertyOverview #propertyDetail .percentComplete p {
 float: left;
 font-size: 11px;
 color: #555;
}
#propertyOverview #energyStarDetail .percentComplete .progressBar,
#propertyOverview #propertyDetail .percentComplete .progressBar {
 clear: both;
 height: 20px;
 padding: 2px;
 position: relative;
 background: #fff;
 border: 2px solid #bbb;
}
#propertyOverview #energyStarDetail .percentComplete .progressBar span,
#propertyOverview #propertyDetail .percentComplete .progressBar span {
 display: block;
 width: 28%;
 height: 100%;
 background: #1d70c9;
}
#propertyOverview #energyStarDetail #energyStarPercentCompleteContainer,
#propertyOverview #propertyDetail #energyStarPercentCompleteContainer {
 padding-left: 0;
}
#propertyOverview #energyStarDetail #energyStarPercentComplete .progress,
#propertyOverview #propertyDetail #energyStarPercentComplete .progress {
 margin-bottom: 10px;
 font-size: 22px;
 line-height: 22px;
 color: #1d70c9;
 font-family: 'RobotoMedium', Helvetica, Arial, Sans-Serif;
 font-weight: normal;
 background: none;
 box-shadow: none;
}
#propertyOverview #energyStarDetail #energyStarPercentComplete p,
#propertyOverview #propertyDetail #energyStarPercentComplete p {
 float: left;
 font-size: 11px;
 color: #555;
}
#propertyOverview #energyStarDetail #energyStarPercentComplete .progressBar,
#propertyOverview #propertyDetail #energyStarPercentComplete .progressBar {
 clear: both;
 height: 20px;
 padding: 2px;
 position: relative;
 background: #fff;
 border: 2px solid #bbb;
}
#propertyOverview #energyStarDetail #energyStarPercentComplete .progressBar span,
#propertyOverview #propertyDetail #energyStarPercentComplete .progressBar span {
 display: block;
 width: 28%;
 height: 100%;
 background: #1d70c9;
}
#propertyOverview hr {
 clear: both;
 margin: 0 -30px;
}
#propertyOverview #propertyMid .percentComplete {
 float: left;
 width: 63%;
 margin-right: 3%;
 padding-top: 10px;
}
#propertyOverview #propertyMid p.serviceInfo {
 float: left;
 width: 33%;
 padding: 10px 0;
 font-size: 12px;
 text-align: center;
}
#propertyOverview #propertyProfileM,
#propertyOverview #propertyOverviewTab,
#propertyOverview #campaignsTab {
 background: #fff;
}
#propertyOverview #propertyProfileM .contentWrap,
#propertyOverview #propertyOverviewTab .contentWrap,
#propertyOverview #campaignsTab .contentWrap {
 padding: 10px 0;
}
#propertyOverview #propertyProfileM h4,
#propertyOverview #propertyOverviewTab h4,
#propertyOverview #campaignsTab h4 {
 margin: 0;
 padding: 0;
}
#propertyOverview #propertyProfileM .gridTable table,
#propertyOverview #propertyOverviewTab .gridTable table,
#propertyOverview #campaignsTab .gridTable table,
#propertyOverview #propertyProfileM .gridTable tr,
#propertyOverview #propertyOverviewTab .gridTable tr,
#propertyOverview #campaignsTab .gridTable tr,
#propertyOverview #propertyProfileM .gridTable td,
#propertyOverview #propertyOverviewTab .gridTable td,
#propertyOverview #campaignsTab .gridTable td {
 border: solid black 1px;
 border-spacing: 2px;
}
#propertyOverview #propertyProfileM #energyStarQuestionCategory .questionSet,
#propertyOverview #propertyOverviewTab #energyStarQuestionCategory .questionSet,
#propertyOverview #campaignsTab #energyStarQuestionCategory .questionSet {
 float: left;
 margin: 0 2% 10px 0;
 padding: 0 8px 0 0;
 font-size: 12px;
 background-color: #fff;
 border: 1px solid #bbb;
}
#propertyOverview #propertyProfileM #energyStarQuestionCategory .questionSet .question,
#propertyOverview #propertyOverviewTab #energyStarQuestionCategory .questionSet .question,
#propertyOverview #campaignsTab #energyStarQuestionCategory .questionSet .question {
 float: left;
 margin-left: 2%;
 margin-bottom: 2%;
}
#propertyOverview #propertyProfileM #energyStarQuestionCategory .questionSet label,
#propertyOverview #propertyOverviewTab #energyStarQuestionCategory .questionSet label,
#propertyOverview #campaignsTab #energyStarQuestionCategory .questionSet label {
 float: left;
 font-size: 12px;
}
#propertyOverview #propertyProfileM #energyStarQuestionCategory .questionSet .inputContainer,
#propertyOverview #propertyOverviewTab #energyStarQuestionCategory .questionSet .inputContainer,
#propertyOverview #campaignsTab #energyStarQuestionCategory .questionSet .inputContainer {
 clear: both;
 height: 26px;
}
#propertyOverview #propertyProfileM #energyStarQuestionCategory .questionSet .inputContainer input,
#propertyOverview #propertyOverviewTab #energyStarQuestionCategory .questionSet .inputContainer input,
#propertyOverview #campaignsTab #energyStarQuestionCategory .questionSet .inputContainer input {
 font-size: 12px;
 line-height: 12px;
 float: left;
 width: 100%;
 display: inline-block;
}
#propertyOverview #propertyProfileM #energyStarQuestionCategory .questionSet .inputContainer .prefix,
#propertyOverview #propertyOverviewTab #energyStarQuestionCategory .questionSet .inputContainer .prefix,
#propertyOverview #campaignsTab #energyStarQuestionCategory .questionSet .inputContainer .prefix {
 display: inline-block;
 float: left;
 line-height: 25px;
 padding-right: 3px;
}
#propertyOverview #propertyProfileM #energyStarQuestionCategory .questionSet .inputContainer .suffix,
#propertyOverview #propertyOverviewTab #energyStarQuestionCategory .questionSet .inputContainer .suffix,
#propertyOverview #campaignsTab #energyStarQuestionCategory .questionSet .inputContainer .suffix {
 display: inline-block;
 float: left;
 line-height: 25px;
 padding-left: 3px;
}
#propertyOverview #propertyProfileM #energyStarQuestionCategory .energyStarHeading,
#propertyOverview #propertyOverviewTab #energyStarQuestionCategory .energyStarHeading,
#propertyOverview #campaignsTab #energyStarQuestionCategory .energyStarHeading {
 width: 100%;
 background-color: #F4F3F3;
 display: inline-block;
 height: 30px;
 border-color: #dbd6cc;
 padding: 2px;
 font-size: 16px;
}
#propertyOverview #propertyProfileM #manageQuestions,
#propertyOverview #propertyOverviewTab #manageQuestions,
#propertyOverview #campaignsTab #manageQuestions,
#propertyOverview #propertyProfileM #campaignQuestions,
#propertyOverview #propertyOverviewTab #campaignQuestions,
#propertyOverview #campaignsTab #campaignQuestions,
#propertyOverview #propertyProfileM #propertyOverviewQuestions,
#propertyOverview #propertyOverviewTab #propertyOverviewQuestions,
#propertyOverview #campaignsTab #propertyOverviewQuestions {
 float: none;
 clear: both;
 width: 100%;
 margin-right: 0%;
 padding: 10px;
 background: #F4F3F3;
 border: 1px solid #fafafa;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 border-radius: 3px;
 -moz-background-clip: padding;
 -webkit-background-clip: padding-box;
 background-clip: padding-box;
 -webkit-box-shadow: inset 0px 0px 3px 0px rgba(255, 255, 255, 0.6);
 -moz-box-shadow: inset 0px 0px 3px 0px rgba(255, 255, 255, 0.6);
 box-shadow: inset 0px 0px 3px 0px rgba(255, 255, 255, 0.6);
}
#propertyOverview #propertyProfileM #manageQuestions h4,
#propertyOverview #propertyOverviewTab #manageQuestions h4,
#propertyOverview #campaignsTab #manageQuestions h4,
#propertyOverview #propertyProfileM #campaignQuestions h4,
#propertyOverview #propertyOverviewTab #campaignQuestions h4,
#propertyOverview #campaignsTab #campaignQuestions h4,
#propertyOverview #propertyProfileM #propertyOverviewQuestions h4,
#propertyOverview #propertyOverviewTab #propertyOverviewQuestions h4,
#propertyOverview #campaignsTab #propertyOverviewQuestions h4 {
 padding-left: 5px;
}
#propertyOverview #propertyProfileM #manageQuestions .nav-tabs,
#propertyOverview #propertyOverviewTab #manageQuestions .nav-tabs,
#propertyOverview #campaignsTab #manageQuestions .nav-tabs,
#propertyOverview #propertyProfileM #campaignQuestions .nav-tabs,
#propertyOverview #propertyOverviewTab #campaignQuestions .nav-tabs,
#propertyOverview #campaignsTab #campaignQuestions .nav-tabs,
#propertyOverview #propertyProfileM #propertyOverviewQuestions .nav-tabs,
#propertyOverview #propertyOverviewTab #propertyOverviewQuestions .nav-tabs,
#propertyOverview #campaignsTab #propertyOverviewQuestions .nav-tabs {
 margin: 0px;
}
#propertyOverview #propertyProfileM #manageQuestions #tabList,
#propertyOverview #propertyOverviewTab #manageQuestions #tabList,
#propertyOverview #campaignsTab #manageQuestions #tabList,
#propertyOverview #propertyProfileM #campaignQuestions #tabList,
#propertyOverview #propertyOverviewTab #campaignQuestions #tabList,
#propertyOverview #campaignsTab #campaignQuestions #tabList,
#propertyOverview #propertyProfileM #propertyOverviewQuestions #tabList,
#propertyOverview #propertyOverviewTab #propertyOverviewQuestions #tabList,
#propertyOverview #campaignsTab #propertyOverviewQuestions #tabList {
 float: left;
 margin-top: 5px;
}
#propertyOverview #propertyProfileM #manageQuestions #tabList li,
#propertyOverview #propertyOverviewTab #manageQuestions #tabList li,
#propertyOverview #campaignsTab #manageQuestions #tabList li,
#propertyOverview #propertyProfileM #campaignQuestions #tabList li,
#propertyOverview #propertyOverviewTab #campaignQuestions #tabList li,
#propertyOverview #campaignsTab #campaignQuestions #tabList li,
#propertyOverview #propertyProfileM #propertyOverviewQuestions #tabList li,
#propertyOverview #propertyOverviewTab #propertyOverviewQuestions #tabList li,
#propertyOverview #campaignsTab #propertyOverviewQuestions #tabList li {
 float: left;
 min-width: 100px;
 font-size: 12px;
 font-family: 'RobotoBold', Helvetica, Arial, Sans-Serif;
 font-weight: normal;
}
#propertyOverview #propertyProfileM #manageQuestions #tabList li a,
#propertyOverview #propertyOverviewTab #manageQuestions #tabList li a,
#propertyOverview #campaignsTab #manageQuestions #tabList li a,
#propertyOverview #propertyProfileM #campaignQuestions #tabList li a,
#propertyOverview #propertyOverviewTab #campaignQuestions #tabList li a,
#propertyOverview #campaignsTab #campaignQuestions #tabList li a,
#propertyOverview #propertyProfileM #propertyOverviewQuestions #tabList li a,
#propertyOverview #propertyOverviewTab #propertyOverviewQuestions #tabList li a,
#propertyOverview #campaignsTab #propertyOverviewQuestions #tabList li a {
 display: block;
 text-align: center;
 padding: 10px 5px 5px 5px;
 margin: 0 5px 5px 5px;
 border: 1px solid #bbb;
 background: #fff;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 border-radius: 3px;
 -moz-background-clip: padding;
 -webkit-background-clip: padding-box;
 background-clip: padding-box;
 line-height: 18px;
 -webkit-box-shadow: inset 0px 0px 3px 0px rgba(255, 255, 255, 0.6);
 -moz-box-shadow: inset 0px 0px 3px 0px rgba(255, 255, 255, 0.6);
 box-shadow: inset 0px 0px 3px 0px rgba(255, 255, 255, 0.6);
}
#propertyOverview #propertyProfileM #manageQuestions #tabList li.active,
#propertyOverview #propertyOverviewTab #manageQuestions #tabList li.active,
#propertyOverview #campaignsTab #manageQuestions #tabList li.active,
#propertyOverview #propertyProfileM #campaignQuestions #tabList li.active,
#propertyOverview #propertyOverviewTab #campaignQuestions #tabList li.active,
#propertyOverview #campaignsTab #campaignQuestions #tabList li.active,
#propertyOverview #propertyProfileM #propertyOverviewQuestions #tabList li.active,
#propertyOverview #propertyOverviewTab #propertyOverviewQuestions #tabList li.active,
#propertyOverview #campaignsTab #propertyOverviewQuestions #tabList li.active {
 background: #ffffff;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 border-radius: 3px;
 -moz-background-clip: padding;
 -webkit-background-clip: padding-box;
 background-clip: padding-box;
 margin-bottom: 5px;
}
#propertyOverview #propertyProfileM #manageQuestions #tabList li.active a,
#propertyOverview #propertyOverviewTab #manageQuestions #tabList li.active a,
#propertyOverview #campaignsTab #manageQuestions #tabList li.active a,
#propertyOverview #propertyProfileM #campaignQuestions #tabList li.active a,
#propertyOverview #propertyOverviewTab #campaignQuestions #tabList li.active a,
#propertyOverview #campaignsTab #campaignQuestions #tabList li.active a,
#propertyOverview #propertyProfileM #propertyOverviewQuestions #tabList li.active a,
#propertyOverview #propertyOverviewTab #propertyOverviewQuestions #tabList li.active a,
#propertyOverview #campaignsTab #propertyOverviewQuestions #tabList li.active a {
 border: 1px solid transparent;
 color: #555;
 background: transparent;
 padding-bottom: 0;
}
#propertyOverview #propertyProfileM #manageQuestions .tabContent,
#propertyOverview #propertyOverviewTab #manageQuestions .tabContent,
#propertyOverview #campaignsTab #manageQuestions .tabContent,
#propertyOverview #propertyProfileM #campaignQuestions .tabContent,
#propertyOverview #propertyOverviewTab #campaignQuestions .tabContent,
#propertyOverview #campaignsTab #campaignQuestions .tabContent,
#propertyOverview #propertyProfileM #propertyOverviewQuestions .tabContent,
#propertyOverview #propertyOverviewTab #propertyOverviewQuestions .tabContent,
#propertyOverview #campaignsTab #propertyOverviewQuestions .tabContent {
 clear: both;
 -webkit-border-top-right-radius: 0;
 -webkit-border-bottom-right-radius: 3px;
 -webkit-border-bottom-left-radius: 3px;
 -webkit-border-top-left-radius: 3px;
 -moz-border-radius-topright: 0;
 -moz-border-radius-bottomright: 3px;
 -moz-border-radius-bottomleft: 3px;
 -moz-border-radius-topleft: 3px;
 border-top-right-radius: 0;
 border-bottom-right-radius: 3px;
 border-bottom-left-radius: 3px;
 border-top-left-radius: 3px;
 -moz-background-clip: padding;
 -webkit-background-clip: padding-box;
 background-clip: padding-box;
 border: 10px solid #ebe8e1;
 margin-top: 20px;
}
#propertyOverview #propertyProfileM #manageQuestions .tabContent.residential,
#propertyOverview #propertyOverviewTab #manageQuestions .tabContent.residential,
#propertyOverview #campaignsTab #manageQuestions .tabContent.residential,
#propertyOverview #propertyProfileM #campaignQuestions .tabContent.residential,
#propertyOverview #propertyOverviewTab #campaignQuestions .tabContent.residential,
#propertyOverview #campaignsTab #campaignQuestions .tabContent.residential,
#propertyOverview #propertyProfileM #propertyOverviewQuestions .tabContent.residential,
#propertyOverview #propertyOverviewTab #propertyOverviewQuestions .tabContent.residential,
#propertyOverview #campaignsTab #propertyOverviewQuestions .tabContent.residential {
 padding-right: 0;
}
#propertyOverview #propertyProfileM #manageQuestions .tabContent.residential .tabContentSection.noSplash .splash,
#propertyOverview #propertyOverviewTab #manageQuestions .tabContent.residential .tabContentSection.noSplash .splash,
#propertyOverview #campaignsTab #manageQuestions .tabContent.residential .tabContentSection.noSplash .splash,
#propertyOverview #propertyProfileM #campaignQuestions .tabContent.residential .tabContentSection.noSplash .splash,
#propertyOverview #propertyOverviewTab #campaignQuestions .tabContent.residential .tabContentSection.noSplash .splash,
#propertyOverview #campaignsTab #campaignQuestions .tabContent.residential .tabContentSection.noSplash .splash,
#propertyOverview #propertyProfileM #propertyOverviewQuestions .tabContent.residential .tabContentSection.noSplash .splash,
#propertyOverview #propertyOverviewTab #propertyOverviewQuestions .tabContent.residential .tabContentSection.noSplash .splash,
#propertyOverview #campaignsTab #propertyOverviewQuestions .tabContent.residential .tabContentSection.noSplash .splash {
 display: none;
}
#propertyOverview #propertyProfileM #manageQuestions .tabContent.residential .tabContentSection.noSplash .questionSetWrapper,
#propertyOverview #propertyOverviewTab #manageQuestions .tabContent.residential .tabContentSection.noSplash .questionSetWrapper,
#propertyOverview #campaignsTab #manageQuestions .tabContent.residential .tabContentSection.noSplash .questionSetWrapper,
#propertyOverview #propertyProfileM #campaignQuestions .tabContent.residential .tabContentSection.noSplash .questionSetWrapper,
#propertyOverview #propertyOverviewTab #campaignQuestions .tabContent.residential .tabContentSection.noSplash .questionSetWrapper,
#propertyOverview #campaignsTab #campaignQuestions .tabContent.residential .tabContentSection.noSplash .questionSetWrapper,
#propertyOverview #propertyProfileM #propertyOverviewQuestions .tabContent.residential .tabContentSection.noSplash .questionSetWrapper,
#propertyOverview #propertyOverviewTab #propertyOverviewQuestions .tabContent.residential .tabContentSection.noSplash .questionSetWrapper,
#propertyOverview #campaignsTab #propertyOverviewQuestions .tabContent.residential .tabContentSection.noSplash .questionSetWrapper {
 display: block;
}
#propertyOverview #propertyProfileM #manageQuestions .tabContent.residential .questionSetWrapper,
#propertyOverview #propertyOverviewTab #manageQuestions .tabContent.residential .questionSetWrapper,
#propertyOverview #campaignsTab #manageQuestions .tabContent.residential .questionSetWrapper,
#propertyOverview #propertyProfileM #campaignQuestions .tabContent.residential .questionSetWrapper,
#propertyOverview #propertyOverviewTab #campaignQuestions .tabContent.residential .questionSetWrapper,
#propertyOverview #campaignsTab #campaignQuestions .tabContent.residential .questionSetWrapper,
#propertyOverview #propertyProfileM #propertyOverviewQuestions .tabContent.residential .questionSetWrapper,
#propertyOverview #propertyOverviewTab #propertyOverviewQuestions .tabContent.residential .questionSetWrapper,
#propertyOverview #campaignsTab #propertyOverviewQuestions .tabContent.residential .questionSetWrapper {
 display: none;
}
#propertyOverview #propertyProfileM #manageQuestions .tabContent.residential .splash,
#propertyOverview #propertyOverviewTab #manageQuestions .tabContent.residential .splash,
#propertyOverview #campaignsTab #manageQuestions .tabContent.residential .splash,
#propertyOverview #propertyProfileM #campaignQuestions .tabContent.residential .splash,
#propertyOverview #propertyOverviewTab #campaignQuestions .tabContent.residential .splash,
#propertyOverview #campaignsTab #campaignQuestions .tabContent.residential .splash,
#propertyOverview #propertyProfileM #propertyOverviewQuestions .tabContent.residential .splash,
#propertyOverview #propertyOverviewTab #propertyOverviewQuestions .tabContent.residential .splash,
#propertyOverview #campaignsTab #propertyOverviewQuestions .tabContent.residential .splash {
 background-color: #fff;
 width: 98%;
 padding: 30px 10%;
 margin-top: 10px;
}
#propertyOverview #propertyProfileM #manageQuestions .tabContent.residential .splash h2,
#propertyOverview #propertyOverviewTab #manageQuestions .tabContent.residential .splash h2,
#propertyOverview #campaignsTab #manageQuestions .tabContent.residential .splash h2,
#propertyOverview #propertyProfileM #campaignQuestions .tabContent.residential .splash h2,
#propertyOverview #propertyOverviewTab #campaignQuestions .tabContent.residential .splash h2,
#propertyOverview #campaignsTab #campaignQuestions .tabContent.residential .splash h2,
#propertyOverview #propertyProfileM #propertyOverviewQuestions .tabContent.residential .splash h2,
#propertyOverview #propertyOverviewTab #propertyOverviewQuestions .tabContent.residential .splash h2,
#propertyOverview #campaignsTab #propertyOverviewQuestions .tabContent.residential .splash h2 {
 color: #333;
 margin: 0;
}
#propertyOverview #propertyProfileM #manageQuestions .tabContent.residential .splash .content,
#propertyOverview #propertyOverviewTab #manageQuestions .tabContent.residential .splash .content,
#propertyOverview #campaignsTab #manageQuestions .tabContent.residential .splash .content,
#propertyOverview #propertyProfileM #campaignQuestions .tabContent.residential .splash .content,
#propertyOverview #propertyOverviewTab #campaignQuestions .tabContent.residential .splash .content,
#propertyOverview #campaignsTab #campaignQuestions .tabContent.residential .splash .content,
#propertyOverview #propertyProfileM #propertyOverviewQuestions .tabContent.residential .splash .content,
#propertyOverview #propertyOverviewTab #propertyOverviewQuestions .tabContent.residential .splash .content,
#propertyOverview #campaignsTab #propertyOverviewQuestions .tabContent.residential .splash .content {
 color: #222;
 margin: 0 50px 10px 0;
}
#propertyOverview #propertyProfileM #manageQuestions .tabContent.residential .splash .icons,
#propertyOverview #propertyOverviewTab #manageQuestions .tabContent.residential .splash .icons,
#propertyOverview #campaignsTab #manageQuestions .tabContent.residential .splash .icons,
#propertyOverview #propertyProfileM #campaignQuestions .tabContent.residential .splash .icons,
#propertyOverview #propertyOverviewTab #campaignQuestions .tabContent.residential .splash .icons,
#propertyOverview #campaignsTab #campaignQuestions .tabContent.residential .splash .icons,
#propertyOverview #propertyProfileM #propertyOverviewQuestions .tabContent.residential .splash .icons,
#propertyOverview #propertyOverviewTab #propertyOverviewQuestions .tabContent.residential .splash .icons,
#propertyOverview #campaignsTab #propertyOverviewQuestions .tabContent.residential .splash .icons {
 font-size: 80px;
 position: absolute;
 right: 30px;
 top: 50%;
 margin-top: -56px;
 -moz-opacity: 0.4;
 -khtml-opacity: 0.4;
 -webkit-opacity: 0.4;
 opacity: 0.4;
}
#propertyOverview #propertyProfileM #manageQuestions .tabContent .questionSet,
#propertyOverview #propertyOverviewTab #manageQuestions .tabContent .questionSet,
#propertyOverview #campaignsTab #manageQuestions .tabContent .questionSet,
#propertyOverview #propertyProfileM #campaignQuestions .tabContent .questionSet,
#propertyOverview #propertyOverviewTab #campaignQuestions .tabContent .questionSet,
#propertyOverview #campaignsTab #campaignQuestions .tabContent .questionSet,
#propertyOverview #propertyProfileM #propertyOverviewQuestions .tabContent .questionSet,
#propertyOverview #propertyOverviewTab #propertyOverviewQuestions .tabContent .questionSet,
#propertyOverview #campaignsTab #propertyOverviewQuestions .tabContent .questionSet {
 float: left;
 margin: 0 2% 10px 0;
 padding: 0 8px 0 0;
 font-size: 12px;
 background-color: #fff;
 border: 1px solid #bbb;
}
#propertyOverview #propertyProfileM #manageQuestions .tabContent .questionSet .questionSetHeader,
#propertyOverview #propertyOverviewTab #manageQuestions .tabContent .questionSet .questionSetHeader,
#propertyOverview #campaignsTab #manageQuestions .tabContent .questionSet .questionSetHeader,
#propertyOverview #propertyProfileM #campaignQuestions .tabContent .questionSet .questionSetHeader,
#propertyOverview #propertyOverviewTab #campaignQuestions .tabContent .questionSet .questionSetHeader,
#propertyOverview #campaignsTab #campaignQuestions .tabContent .questionSet .questionSetHeader,
#propertyOverview #propertyProfileM #propertyOverviewQuestions .tabContent .questionSet .questionSetHeader,
#propertyOverview #propertyOverviewTab #propertyOverviewQuestions .tabContent .questionSet .questionSetHeader,
#propertyOverview #campaignsTab #propertyOverviewQuestions .tabContent .questionSet .questionSetHeader {
 margin: 0 -8px 8px 0;
 padding: 5px;
 line-height: 19px;
 background-color: #F4F3F3;
}
#propertyOverview #propertyProfileM #manageQuestions .tabContent .questionSet .questionSetHeader .inputContainer,
#propertyOverview #propertyOverviewTab #manageQuestions .tabContent .questionSet .questionSetHeader .inputContainer,
#propertyOverview #campaignsTab #manageQuestions .tabContent .questionSet .questionSetHeader .inputContainer,
#propertyOverview #propertyProfileM #campaignQuestions .tabContent .questionSet .questionSetHeader .inputContainer,
#propertyOverview #propertyOverviewTab #campaignQuestions .tabContent .questionSet .questionSetHeader .inputContainer,
#propertyOverview #campaignsTab #campaignQuestions .tabContent .questionSet .questionSetHeader .inputContainer,
#propertyOverview #propertyProfileM #propertyOverviewQuestions .tabContent .questionSet .questionSetHeader .inputContainer,
#propertyOverview #propertyOverviewTab #propertyOverviewQuestions .tabContent .questionSet .questionSetHeader .inputContainer,
#propertyOverview #campaignsTab #propertyOverviewQuestions .tabContent .questionSet .questionSetHeader .inputContainer {
 min-width: 130px;
 margin-right: 42px;
}
#propertyOverview #propertyProfileM #manageQuestions .tabContent .questionSet .subSetHeader,
#propertyOverview #propertyOverviewTab #manageQuestions .tabContent .questionSet .subSetHeader,
#propertyOverview #campaignsTab #manageQuestions .tabContent .questionSet .subSetHeader,
#propertyOverview #propertyProfileM #campaignQuestions .tabContent .questionSet .subSetHeader,
#propertyOverview #propertyOverviewTab #campaignQuestions .tabContent .questionSet .subSetHeader,
#propertyOverview #campaignsTab #campaignQuestions .tabContent .questionSet .subSetHeader,
#propertyOverview #propertyProfileM #propertyOverviewQuestions .tabContent .questionSet .subSetHeader,
#propertyOverview #propertyOverviewTab #propertyOverviewQuestions .tabContent .questionSet .subSetHeader,
#propertyOverview #campaignsTab #propertyOverviewQuestions .tabContent .questionSet .subSetHeader {
 background-color: #F4F3F3;
 width: 100%;
 text-align: center;
 font-size: small;
 font-weight: bold;
 margin-bottom: 5px;
 margin-top: 10px;
 padding: 5px;
}
#propertyOverview #propertyProfileM #manageQuestions .tabContent .questionSet .question,
#propertyOverview #propertyOverviewTab #manageQuestions .tabContent .questionSet .question,
#propertyOverview #campaignsTab #manageQuestions .tabContent .questionSet .question,
#propertyOverview #propertyProfileM #campaignQuestions .tabContent .questionSet .question,
#propertyOverview #propertyOverviewTab #campaignQuestions .tabContent .questionSet .question,
#propertyOverview #campaignsTab #campaignQuestions .tabContent .questionSet .question,
#propertyOverview #propertyProfileM #propertyOverviewQuestions .tabContent .questionSet .question,
#propertyOverview #propertyOverviewTab #propertyOverviewQuestions .tabContent .questionSet .question,
#propertyOverview #campaignsTab #propertyOverviewQuestions .tabContent .questionSet .question {
 float: left;
 margin-left: 2%;
}
#propertyOverview #propertyProfileM #manageQuestions .tabContent .questionSet label,
#propertyOverview #propertyOverviewTab #manageQuestions .tabContent .questionSet label,
#propertyOverview #campaignsTab #manageQuestions .tabContent .questionSet label,
#propertyOverview #propertyProfileM #campaignQuestions .tabContent .questionSet label,
#propertyOverview #propertyOverviewTab #campaignQuestions .tabContent .questionSet label,
#propertyOverview #campaignsTab #campaignQuestions .tabContent .questionSet label,
#propertyOverview #propertyProfileM #propertyOverviewQuestions .tabContent .questionSet label,
#propertyOverview #propertyOverviewTab #propertyOverviewQuestions .tabContent .questionSet label,
#propertyOverview #campaignsTab #propertyOverviewQuestions .tabContent .questionSet label {
 float: left;
 font-size: 12px;
}
#propertyOverview #propertyProfileM #manageQuestions .tabContent .questionSet .selectWrapper,
#propertyOverview #propertyOverviewTab #manageQuestions .tabContent .questionSet .selectWrapper,
#propertyOverview #campaignsTab #manageQuestions .tabContent .questionSet .selectWrapper,
#propertyOverview #propertyProfileM #campaignQuestions .tabContent .questionSet .selectWrapper,
#propertyOverview #propertyOverviewTab #campaignQuestions .tabContent .questionSet .selectWrapper,
#propertyOverview #campaignsTab #campaignQuestions .tabContent .questionSet .selectWrapper,
#propertyOverview #propertyProfileM #propertyOverviewQuestions .tabContent .questionSet .selectWrapper,
#propertyOverview #propertyOverviewTab #propertyOverviewQuestions .tabContent .questionSet .selectWrapper,
#propertyOverview #campaignsTab #propertyOverviewQuestions .tabContent .questionSet .selectWrapper {
 height: 26px;
 display: block;
 float: left;
}
#propertyOverview #propertyProfileM #manageQuestions .tabContent .questionSet .selectWrapper .fancySelect,
#propertyOverview #propertyOverviewTab #manageQuestions .tabContent .questionSet .selectWrapper .fancySelect,
#propertyOverview #campaignsTab #manageQuestions .tabContent .questionSet .selectWrapper .fancySelect,
#propertyOverview #propertyProfileM #campaignQuestions .tabContent .questionSet .selectWrapper .fancySelect,
#propertyOverview #propertyOverviewTab #campaignQuestions .tabContent .questionSet .selectWrapper .fancySelect,
#propertyOverview #campaignsTab #campaignQuestions .tabContent .questionSet .selectWrapper .fancySelect,
#propertyOverview #propertyProfileM #propertyOverviewQuestions .tabContent .questionSet .selectWrapper .fancySelect,
#propertyOverview #propertyOverviewTab #propertyOverviewQuestions .tabContent .questionSet .selectWrapper .fancySelect,
#propertyOverview #campaignsTab #propertyOverviewQuestions .tabContent .questionSet .selectWrapper .fancySelect {
 line-height: 13px;
 max-width: 98%;
}
#propertyOverview #propertyProfileM #manageQuestions .tabContent .questionSet .inputContainer,
#propertyOverview #propertyOverviewTab #manageQuestions .tabContent .questionSet .inputContainer,
#propertyOverview #campaignsTab #manageQuestions .tabContent .questionSet .inputContainer,
#propertyOverview #propertyProfileM #campaignQuestions .tabContent .questionSet .inputContainer,
#propertyOverview #propertyOverviewTab #campaignQuestions .tabContent .questionSet .inputContainer,
#propertyOverview #campaignsTab #campaignQuestions .tabContent .questionSet .inputContainer,
#propertyOverview #propertyProfileM #propertyOverviewQuestions .tabContent .questionSet .inputContainer,
#propertyOverview #propertyOverviewTab #propertyOverviewQuestions .tabContent .questionSet .inputContainer,
#propertyOverview #campaignsTab #propertyOverviewQuestions .tabContent .questionSet .inputContainer {
 clear: both;
}
#propertyOverview #propertyProfileM #manageQuestions .tabContent .questionSet .inputContainer input,
#propertyOverview #propertyOverviewTab #manageQuestions .tabContent .questionSet .inputContainer input,
#propertyOverview #campaignsTab #manageQuestions .tabContent .questionSet .inputContainer input,
#propertyOverview #propertyProfileM #campaignQuestions .tabContent .questionSet .inputContainer input,
#propertyOverview #propertyOverviewTab #campaignQuestions .tabContent .questionSet .inputContainer input,
#propertyOverview #campaignsTab #campaignQuestions .tabContent .questionSet .inputContainer input,
#propertyOverview #propertyProfileM #propertyOverviewQuestions .tabContent .questionSet .inputContainer input,
#propertyOverview #propertyOverviewTab #propertyOverviewQuestions .tabContent .questionSet .inputContainer input,
#propertyOverview #campaignsTab #propertyOverviewQuestions .tabContent .questionSet .inputContainer input {
 font-size: 12px;
 line-height: 12px;
 float: left;
 width: 100%;
 display: inline-block;
}
#propertyOverview #propertyProfileM #manageQuestions .tabContent .questionSet .inputContainer .prefix,
#propertyOverview #propertyOverviewTab #manageQuestions .tabContent .questionSet .inputContainer .prefix,
#propertyOverview #campaignsTab #manageQuestions .tabContent .questionSet .inputContainer .prefix,
#propertyOverview #propertyProfileM #campaignQuestions .tabContent .questionSet .inputContainer .prefix,
#propertyOverview #propertyOverviewTab #campaignQuestions .tabContent .questionSet .inputContainer .prefix,
#propertyOverview #campaignsTab #campaignQuestions .tabContent .questionSet .inputContainer .prefix,
#propertyOverview #propertyProfileM #propertyOverviewQuestions .tabContent .questionSet .inputContainer .prefix,
#propertyOverview #propertyOverviewTab #propertyOverviewQuestions .tabContent .questionSet .inputContainer .prefix,
#propertyOverview #campaignsTab #propertyOverviewQuestions .tabContent .questionSet .inputContainer .prefix {
 display: inline-block;
 float: left;
 line-height: 25px;
 padding-right: 3px;
}
#propertyOverview #propertyProfileM #manageQuestions .tabContent .questionSet .inputContainer .suffix,
#propertyOverview #propertyOverviewTab #manageQuestions .tabContent .questionSet .inputContainer .suffix,
#propertyOverview #campaignsTab #manageQuestions .tabContent .questionSet .inputContainer .suffix,
#propertyOverview #propertyProfileM #campaignQuestions .tabContent .questionSet .inputContainer .suffix,
#propertyOverview #propertyOverviewTab #campaignQuestions .tabContent .questionSet .inputContainer .suffix,
#propertyOverview #campaignsTab #campaignQuestions .tabContent .questionSet .inputContainer .suffix,
#propertyOverview #propertyProfileM #propertyOverviewQuestions .tabContent .questionSet .inputContainer .suffix,
#propertyOverview #propertyOverviewTab #propertyOverviewQuestions .tabContent .questionSet .inputContainer .suffix,
#propertyOverview #campaignsTab #propertyOverviewQuestions .tabContent .questionSet .inputContainer .suffix {
 display: inline-block;
 float: left;
 line-height: 25px;
 padding-left: 3px;
}
#propertyOverview #propertyProfileM #manageQuestions .tabContent .commercial,
#propertyOverview #propertyOverviewTab #manageQuestions .tabContent .commercial,
#propertyOverview #campaignsTab #manageQuestions .tabContent .commercial,
#propertyOverview #propertyProfileM #campaignQuestions .tabContent .commercial,
#propertyOverview #propertyOverviewTab #campaignQuestions .tabContent .commercial,
#propertyOverview #campaignsTab #campaignQuestions .tabContent .commercial,
#propertyOverview #propertyProfileM #propertyOverviewQuestions .tabContent .commercial,
#propertyOverview #propertyOverviewTab #propertyOverviewQuestions .tabContent .commercial,
#propertyOverview #campaignsTab #propertyOverviewQuestions .tabContent .commercial {
 clear: both;
 *zoom: 1;
}
#propertyOverview #propertyProfileM #manageQuestions .tabContent .commercial .questionSet,
#propertyOverview #propertyOverviewTab #manageQuestions .tabContent .commercial .questionSet,
#propertyOverview #campaignsTab #manageQuestions .tabContent .commercial .questionSet,
#propertyOverview #propertyProfileM #campaignQuestions .tabContent .commercial .questionSet,
#propertyOverview #propertyOverviewTab #campaignQuestions .tabContent .commercial .questionSet,
#propertyOverview #campaignsTab #campaignQuestions .tabContent .commercial .questionSet,
#propertyOverview #propertyProfileM #propertyOverviewQuestions .tabContent .commercial .questionSet,
#propertyOverview #propertyOverviewTab #propertyOverviewQuestions .tabContent .commercial .questionSet,
#propertyOverview #campaignsTab #propertyOverviewQuestions .tabContent .commercial .questionSet {
 margin-top: 10px;
}
#propertyOverview #propertyProfileM #manageQuestions .tabContent .commercial .questionSet.col1,
#propertyOverview #propertyOverviewTab #manageQuestions .tabContent .commercial .questionSet.col1,
#propertyOverview #campaignsTab #manageQuestions .tabContent .commercial .questionSet.col1,
#propertyOverview #propertyProfileM #campaignQuestions .tabContent .commercial .questionSet.col1,
#propertyOverview #propertyOverviewTab #campaignQuestions .tabContent .commercial .questionSet.col1,
#propertyOverview #campaignsTab #campaignQuestions .tabContent .commercial .questionSet.col1,
#propertyOverview #propertyProfileM #propertyOverviewQuestions .tabContent .commercial .questionSet.col1,
#propertyOverview #propertyOverviewTab #propertyOverviewQuestions .tabContent .commercial .questionSet.col1,
#propertyOverview #campaignsTab #propertyOverviewQuestions .tabContent .commercial .questionSet.col1 {
 width: 18%;
}
#propertyOverview #propertyProfileM #manageQuestions .tabContent .commercial .questionSet.col1 .question,
#propertyOverview #propertyOverviewTab #manageQuestions .tabContent .commercial .questionSet.col1 .question,
#propertyOverview #campaignsTab #manageQuestions .tabContent .commercial .questionSet.col1 .question,
#propertyOverview #propertyProfileM #campaignQuestions .tabContent .commercial .questionSet.col1 .question,
#propertyOverview #propertyOverviewTab #campaignQuestions .tabContent .commercial .questionSet.col1 .question,
#propertyOverview #campaignsTab #campaignQuestions .tabContent .commercial .questionSet.col1 .question,
#propertyOverview #propertyProfileM #propertyOverviewQuestions .tabContent .commercial .questionSet.col1 .question,
#propertyOverview #propertyOverviewTab #propertyOverviewQuestions .tabContent .commercial .questionSet.col1 .question,
#propertyOverview #campaignsTab #propertyOverviewQuestions .tabContent .commercial .questionSet.col1 .question {
 width: 98%;
}
#propertyOverview #propertyProfileM #manageQuestions .tabContent .commercial .questionSet.col2,
#propertyOverview #propertyOverviewTab #manageQuestions .tabContent .commercial .questionSet.col2,
#propertyOverview #campaignsTab #manageQuestions .tabContent .commercial .questionSet.col2,
#propertyOverview #propertyProfileM #campaignQuestions .tabContent .commercial .questionSet.col2,
#propertyOverview #propertyOverviewTab #campaignQuestions .tabContent .commercial .questionSet.col2,
#propertyOverview #campaignsTab #campaignQuestions .tabContent .commercial .questionSet.col2,
#propertyOverview #propertyProfileM #propertyOverviewQuestions .tabContent .commercial .questionSet.col2,
#propertyOverview #propertyOverviewTab #propertyOverviewQuestions .tabContent .commercial .questionSet.col2,
#propertyOverview #campaignsTab #propertyOverviewQuestions .tabContent .commercial .questionSet.col2 {
 width: 38%;
}
#propertyOverview #propertyProfileM #manageQuestions .tabContent .commercial .questionSet.col2 .question,
#propertyOverview #propertyOverviewTab #manageQuestions .tabContent .commercial .questionSet.col2 .question,
#propertyOverview #campaignsTab #manageQuestions .tabContent .commercial .questionSet.col2 .question,
#propertyOverview #propertyProfileM #campaignQuestions .tabContent .commercial .questionSet.col2 .question,
#propertyOverview #propertyOverviewTab #campaignQuestions .tabContent .commercial .questionSet.col2 .question,
#propertyOverview #campaignsTab #campaignQuestions .tabContent .commercial .questionSet.col2 .question,
#propertyOverview #propertyProfileM #propertyOverviewQuestions .tabContent .commercial .questionSet.col2 .question,
#propertyOverview #propertyOverviewTab #propertyOverviewQuestions .tabContent .commercial .questionSet.col2 .question,
#propertyOverview #campaignsTab #propertyOverviewQuestions .tabContent .commercial .questionSet.col2 .question {
 width: 48%;
}
#propertyOverview #propertyProfileM #manageQuestions .tabContent .commercial .questionSet.col3,
#propertyOverview #propertyOverviewTab #manageQuestions .tabContent .commercial .questionSet.col3,
#propertyOverview #campaignsTab #manageQuestions .tabContent .commercial .questionSet.col3,
#propertyOverview #propertyProfileM #campaignQuestions .tabContent .commercial .questionSet.col3,
#propertyOverview #propertyOverviewTab #campaignQuestions .tabContent .commercial .questionSet.col3,
#propertyOverview #campaignsTab #campaignQuestions .tabContent .commercial .questionSet.col3,
#propertyOverview #propertyProfileM #propertyOverviewQuestions .tabContent .commercial .questionSet.col3,
#propertyOverview #propertyOverviewTab #propertyOverviewQuestions .tabContent .commercial .questionSet.col3,
#propertyOverview #campaignsTab #propertyOverviewQuestions .tabContent .commercial .questionSet.col3 {
 width: 58%;
}
#propertyOverview #propertyProfileM #manageQuestions .tabContent .commercial .questionSet.col3 .question,
#propertyOverview #propertyOverviewTab #manageQuestions .tabContent .commercial .questionSet.col3 .question,
#propertyOverview #campaignsTab #manageQuestions .tabContent .commercial .questionSet.col3 .question,
#propertyOverview #propertyProfileM #campaignQuestions .tabContent .commercial .questionSet.col3 .question,
#propertyOverview #propertyOverviewTab #campaignQuestions .tabContent .commercial .questionSet.col3 .question,
#propertyOverview #campaignsTab #campaignQuestions .tabContent .commercial .questionSet.col3 .question,
#propertyOverview #propertyProfileM #propertyOverviewQuestions .tabContent .commercial .questionSet.col3 .question,
#propertyOverview #propertyOverviewTab #propertyOverviewQuestions .tabContent .commercial .questionSet.col3 .question,
#propertyOverview #campaignsTab #propertyOverviewQuestions .tabContent .commercial .questionSet.col3 .question {
 width: 31%;
}
#propertyOverview #propertyProfileM #manageQuestions .tabContent .commercial .questionSet.col4,
#propertyOverview #propertyOverviewTab #manageQuestions .tabContent .commercial .questionSet.col4,
#propertyOverview #campaignsTab #manageQuestions .tabContent .commercial .questionSet.col4,
#propertyOverview #propertyProfileM #campaignQuestions .tabContent .commercial .questionSet.col4,
#propertyOverview #propertyOverviewTab #campaignQuestions .tabContent .commercial .questionSet.col4,
#propertyOverview #campaignsTab #campaignQuestions .tabContent .commercial .questionSet.col4,
#propertyOverview #propertyProfileM #propertyOverviewQuestions .tabContent .commercial .questionSet.col4,
#propertyOverview #propertyOverviewTab #propertyOverviewQuestions .tabContent .commercial .questionSet.col4,
#propertyOverview #campaignsTab #propertyOverviewQuestions .tabContent .commercial .questionSet.col4 {
 width: 78%;
}
#propertyOverview #propertyProfileM #manageQuestions .tabContent .commercial .questionSet.col4 .question,
#propertyOverview #propertyOverviewTab #manageQuestions .tabContent .commercial .questionSet.col4 .question,
#propertyOverview #campaignsTab #manageQuestions .tabContent .commercial .questionSet.col4 .question,
#propertyOverview #propertyProfileM #campaignQuestions .tabContent .commercial .questionSet.col4 .question,
#propertyOverview #propertyOverviewTab #campaignQuestions .tabContent .commercial .questionSet.col4 .question,
#propertyOverview #campaignsTab #campaignQuestions .tabContent .commercial .questionSet.col4 .question,
#propertyOverview #propertyProfileM #propertyOverviewQuestions .tabContent .commercial .questionSet.col4 .question,
#propertyOverview #propertyOverviewTab #propertyOverviewQuestions .tabContent .commercial .questionSet.col4 .question,
#propertyOverview #campaignsTab #propertyOverviewQuestions .tabContent .commercial .questionSet.col4 .question {
 width: 23%;
}
#propertyOverview #propertyProfileM #manageQuestions .tabContent .commercial .questionSet.col5,
#propertyOverview #propertyOverviewTab #manageQuestions .tabContent .commercial .questionSet.col5,
#propertyOverview #campaignsTab #manageQuestions .tabContent .commercial .questionSet.col5,
#propertyOverview #propertyProfileM #campaignQuestions .tabContent .commercial .questionSet.col5,
#propertyOverview #propertyOverviewTab #campaignQuestions .tabContent .commercial .questionSet.col5,
#propertyOverview #campaignsTab #campaignQuestions .tabContent .commercial .questionSet.col5,
#propertyOverview #propertyProfileM #propertyOverviewQuestions .tabContent .commercial .questionSet.col5,
#propertyOverview #propertyOverviewTab #propertyOverviewQuestions .tabContent .commercial .questionSet.col5,
#propertyOverview #campaignsTab #propertyOverviewQuestions .tabContent .commercial .questionSet.col5 {
 width: 100%;
 margin-right: 0;
}
#propertyOverview #propertyProfileM #manageQuestions .tabContent .commercial .questionSet.col5 .question,
#propertyOverview #propertyOverviewTab #manageQuestions .tabContent .commercial .questionSet.col5 .question,
#propertyOverview #campaignsTab #manageQuestions .tabContent .commercial .questionSet.col5 .question,
#propertyOverview #propertyProfileM #campaignQuestions .tabContent .commercial .questionSet.col5 .question,
#propertyOverview #propertyOverviewTab #campaignQuestions .tabContent .commercial .questionSet.col5 .question,
#propertyOverview #campaignsTab #campaignQuestions .tabContent .commercial .questionSet.col5 .question,
#propertyOverview #propertyProfileM #propertyOverviewQuestions .tabContent .commercial .questionSet.col5 .question,
#propertyOverview #propertyOverviewTab #propertyOverviewQuestions .tabContent .commercial .questionSet.col5 .question,
#propertyOverview #campaignsTab #propertyOverviewQuestions .tabContent .commercial .questionSet.col5 .question {
 width: 18%;
}
#propertyOverview #propertyProfileM #manageQuestions .tabContent .gridQuestionSet,
#propertyOverview #propertyOverviewTab #manageQuestions .tabContent .gridQuestionSet,
#propertyOverview #campaignsTab #manageQuestions .tabContent .gridQuestionSet,
#propertyOverview #propertyProfileM #campaignQuestions .tabContent .gridQuestionSet,
#propertyOverview #propertyOverviewTab #campaignQuestions .tabContent .gridQuestionSet,
#propertyOverview #campaignsTab #campaignQuestions .tabContent .gridQuestionSet,
#propertyOverview #propertyProfileM #propertyOverviewQuestions .tabContent .gridQuestionSet,
#propertyOverview #propertyOverviewTab #propertyOverviewQuestions .tabContent .gridQuestionSet,
#propertyOverview #campaignsTab #propertyOverviewQuestions .tabContent .gridQuestionSet {
 float: left;
 margin: 0 2% 10px 0;
 padding: 2px 8px 0 8px;
 font-size: 12px;
 background-color: #fff;
 border: 1px solid #bbb;
}
#propertyOverview #propertyProfileM #manageQuestions .tabContent .gridQuestionSet .questionSetHeader,
#propertyOverview #propertyOverviewTab #manageQuestions .tabContent .gridQuestionSet .questionSetHeader,
#propertyOverview #campaignsTab #manageQuestions .tabContent .gridQuestionSet .questionSetHeader,
#propertyOverview #propertyProfileM #campaignQuestions .tabContent .gridQuestionSet .questionSetHeader,
#propertyOverview #propertyOverviewTab #campaignQuestions .tabContent .gridQuestionSet .questionSetHeader,
#propertyOverview #campaignsTab #campaignQuestions .tabContent .gridQuestionSet .questionSetHeader,
#propertyOverview #propertyProfileM #propertyOverviewQuestions .tabContent .gridQuestionSet .questionSetHeader,
#propertyOverview #propertyOverviewTab #propertyOverviewQuestions .tabContent .gridQuestionSet .questionSetHeader,
#propertyOverview #campaignsTab #propertyOverviewQuestions .tabContent .gridQuestionSet .questionSetHeader {
 margin: 0 -8px 8px 0;
 padding: 5px;
 line-height: 19px;
 background-color: #F4F3F3;
}
#propertyOverview #propertyProfileM #manageQuestions .tabContent .gridQuestionSet .questionSetHeader .inputContainer,
#propertyOverview #propertyOverviewTab #manageQuestions .tabContent .gridQuestionSet .questionSetHeader .inputContainer,
#propertyOverview #campaignsTab #manageQuestions .tabContent .gridQuestionSet .questionSetHeader .inputContainer,
#propertyOverview #propertyProfileM #campaignQuestions .tabContent .gridQuestionSet .questionSetHeader .inputContainer,
#propertyOverview #propertyOverviewTab #campaignQuestions .tabContent .gridQuestionSet .questionSetHeader .inputContainer,
#propertyOverview #campaignsTab #campaignQuestions .tabContent .gridQuestionSet .questionSetHeader .inputContainer,
#propertyOverview #propertyProfileM #propertyOverviewQuestions .tabContent .gridQuestionSet .questionSetHeader .inputContainer,
#propertyOverview #propertyOverviewTab #propertyOverviewQuestions .tabContent .gridQuestionSet .questionSetHeader .inputContainer,
#propertyOverview #campaignsTab #propertyOverviewQuestions .tabContent .gridQuestionSet .questionSetHeader .inputContainer {
 min-width: 130px;
 margin-right: 42px;
}
#propertyOverview #propertyProfileM #manageQuestions .tabContent .residential .overlay > .add,
#propertyOverview #propertyOverviewTab #manageQuestions .tabContent .residential .overlay > .add,
#propertyOverview #campaignsTab #manageQuestions .tabContent .residential .overlay > .add,
#propertyOverview #propertyProfileM #campaignQuestions .tabContent .residential .overlay > .add,
#propertyOverview #propertyOverviewTab #campaignQuestions .tabContent .residential .overlay > .add,
#propertyOverview #campaignsTab #campaignQuestions .tabContent .residential .overlay > .add,
#propertyOverview #propertyProfileM #propertyOverviewQuestions .tabContent .residential .overlay > .add,
#propertyOverview #propertyOverviewTab #propertyOverviewQuestions .tabContent .residential .overlay > .add,
#propertyOverview #campaignsTab #propertyOverviewQuestions .tabContent .residential .overlay > .add {
 position: absolute;
 z-index: 10;
 font-size: 72px;
 margin: -50px 0 0 -36px;
 top: 50%;
 left: 50%;
}
#propertyOverview #propertyProfileM #manageQuestions .tabContent .questionSetWrapper .questionSetHeader,
#propertyOverview #propertyOverviewTab #manageQuestions .tabContent .questionSetWrapper .questionSetHeader,
#propertyOverview #campaignsTab #manageQuestions .tabContent .questionSetWrapper .questionSetHeader,
#propertyOverview #propertyProfileM #campaignQuestions .tabContent .questionSetWrapper .questionSetHeader,
#propertyOverview #propertyOverviewTab #campaignQuestions .tabContent .questionSetWrapper .questionSetHeader,
#propertyOverview #campaignsTab #campaignQuestions .tabContent .questionSetWrapper .questionSetHeader,
#propertyOverview #propertyProfileM #propertyOverviewQuestions .tabContent .questionSetWrapper .questionSetHeader,
#propertyOverview #propertyOverviewTab #propertyOverviewQuestions .tabContent .questionSetWrapper .questionSetHeader,
#propertyOverview #campaignsTab #propertyOverviewQuestions .tabContent .questionSetWrapper .questionSetHeader {
 margin-bottom: 5px;
 border-bottom: 1px solid #777;
}
#propertyOverview #propertyProfileM #manageQuestions .tabContent .questionSetWrapper .questionSetHeader .add,
#propertyOverview #propertyOverviewTab #manageQuestions .tabContent .questionSetWrapper .questionSetHeader .add,
#propertyOverview #campaignsTab #manageQuestions .tabContent .questionSetWrapper .questionSetHeader .add,
#propertyOverview #propertyProfileM #campaignQuestions .tabContent .questionSetWrapper .questionSetHeader .add,
#propertyOverview #propertyOverviewTab #campaignQuestions .tabContent .questionSetWrapper .questionSetHeader .add,
#propertyOverview #campaignsTab #campaignQuestions .tabContent .questionSetWrapper .questionSetHeader .add,
#propertyOverview #propertyProfileM #propertyOverviewQuestions .tabContent .questionSetWrapper .questionSetHeader .add,
#propertyOverview #propertyOverviewTab #propertyOverviewQuestions .tabContent .questionSetWrapper .questionSetHeader .add,
#propertyOverview #campaignsTab #propertyOverviewQuestions .tabContent .questionSetWrapper .questionSetHeader .add {
 margin-left: 3px;
}
#propertyOverview #propertyProfileM #manageQuestions .tabContent .questionSetWrapper .questionSetHeader .remove,
#propertyOverview #propertyOverviewTab #manageQuestions .tabContent .questionSetWrapper .questionSetHeader .remove,
#propertyOverview #campaignsTab #manageQuestions .tabContent .questionSetWrapper .questionSetHeader .remove,
#propertyOverview #propertyProfileM #campaignQuestions .tabContent .questionSetWrapper .questionSetHeader .remove,
#propertyOverview #propertyOverviewTab #campaignQuestions .tabContent .questionSetWrapper .questionSetHeader .remove,
#propertyOverview #campaignsTab #campaignQuestions .tabContent .questionSetWrapper .questionSetHeader .remove,
#propertyOverview #propertyProfileM #propertyOverviewQuestions .tabContent .questionSetWrapper .questionSetHeader .remove,
#propertyOverview #propertyOverviewTab #propertyOverviewQuestions .tabContent .questionSetWrapper .questionSetHeader .remove,
#propertyOverview #campaignsTab #propertyOverviewQuestions .tabContent .questionSetWrapper .questionSetHeader .remove {
 position: absolute;
 top: 0;
 right: 0;
 line-height: 36px;
 font-size: 16px;
 padding: 0 10px;
 margin: -5px -5px 0 0;
}
#propertyOverview #propertyProfileM #manageQuestions .tabContent h5,
#propertyOverview #propertyOverviewTab #manageQuestions .tabContent h5,
#propertyOverview #campaignsTab #manageQuestions .tabContent h5,
#propertyOverview #propertyProfileM #campaignQuestions .tabContent h5,
#propertyOverview #propertyOverviewTab #campaignQuestions .tabContent h5,
#propertyOverview #campaignsTab #campaignQuestions .tabContent h5,
#propertyOverview #propertyProfileM #propertyOverviewQuestions .tabContent h5,
#propertyOverview #propertyOverviewTab #propertyOverviewQuestions .tabContent h5,
#propertyOverview #campaignsTab #propertyOverviewQuestions .tabContent h5 {
 font-family: 'RobotoLight', Helvetica, Arial, Sans-Serif;
 font-weight: normal;
 font-size: 18px;
 margin: 0;
}
#propertyOverview #propertyProfileM #manageQuestions .tabContent h6,
#propertyOverview #propertyOverviewTab #manageQuestions .tabContent h6,
#propertyOverview #campaignsTab #manageQuestions .tabContent h6,
#propertyOverview #propertyProfileM #campaignQuestions .tabContent h6,
#propertyOverview #propertyOverviewTab #campaignQuestions .tabContent h6,
#propertyOverview #campaignsTab #campaignQuestions .tabContent h6,
#propertyOverview #propertyProfileM #propertyOverviewQuestions .tabContent h6,
#propertyOverview #propertyOverviewTab #propertyOverviewQuestions .tabContent h6,
#propertyOverview #campaignsTab #propertyOverviewQuestions .tabContent h6 {
 font-size: 12px;
 font-family: 'RobotoRegular', Helvetica, Arial, Sans-Serif;
 font-weight: normal;
 padding-right: 25%;
 color: #555;
 margin-bottom: 10px;
}
#propertyOverview #propertyProfileM #manageQuestions .tabContent .inputWrap,
#propertyOverview #propertyOverviewTab #manageQuestions .tabContent .inputWrap,
#propertyOverview #campaignsTab #manageQuestions .tabContent .inputWrap,
#propertyOverview #propertyProfileM #campaignQuestions .tabContent .inputWrap,
#propertyOverview #propertyOverviewTab #campaignQuestions .tabContent .inputWrap,
#propertyOverview #campaignsTab #campaignQuestions .tabContent .inputWrap,
#propertyOverview #propertyProfileM #propertyOverviewQuestions .tabContent .inputWrap,
#propertyOverview #propertyOverviewTab #propertyOverviewQuestions .tabContent .inputWrap,
#propertyOverview #campaignsTab #propertyOverviewQuestions .tabContent .inputWrap {
 border-top: 1px solid #fafafa;
 border-bottom: 1px solid #fafafa;
 padding: 10px 0;
 margin-bottom: 10px;
}
#propertyOverview #propertyProfileM #manageQuestions .tabContent .inputWrap .colThird > li,
#propertyOverview #propertyOverviewTab #manageQuestions .tabContent .inputWrap .colThird > li,
#propertyOverview #campaignsTab #manageQuestions .tabContent .inputWrap .colThird > li,
#propertyOverview #propertyProfileM #campaignQuestions .tabContent .inputWrap .colThird > li,
#propertyOverview #propertyOverviewTab #campaignQuestions .tabContent .inputWrap .colThird > li,
#propertyOverview #campaignsTab #campaignQuestions .tabContent .inputWrap .colThird > li,
#propertyOverview #propertyProfileM #propertyOverviewQuestions .tabContent .inputWrap .colThird > li,
#propertyOverview #propertyOverviewTab #propertyOverviewQuestions .tabContent .inputWrap .colThird > li,
#propertyOverview #campaignsTab #propertyOverviewQuestions .tabContent .inputWrap .colThird > li {
 margin-bottom: 10px;
}
#propertyOverview #propertyProfileM #manageQuestions .tabContent .inputWrap .colThird > li label,
#propertyOverview #propertyOverviewTab #manageQuestions .tabContent .inputWrap .colThird > li label,
#propertyOverview #campaignsTab #manageQuestions .tabContent .inputWrap .colThird > li label,
#propertyOverview #propertyProfileM #campaignQuestions .tabContent .inputWrap .colThird > li label,
#propertyOverview #propertyOverviewTab #campaignQuestions .tabContent .inputWrap .colThird > li label,
#propertyOverview #campaignsTab #campaignQuestions .tabContent .inputWrap .colThird > li label,
#propertyOverview #propertyProfileM #propertyOverviewQuestions .tabContent .inputWrap .colThird > li label,
#propertyOverview #propertyOverviewTab #propertyOverviewQuestions .tabContent .inputWrap .colThird > li label,
#propertyOverview #campaignsTab #propertyOverviewQuestions .tabContent .inputWrap .colThird > li label {
 display: block;
 margin-bottom: 5px;
}
#propertyOverview #propertyProfileM #manageQuestions .tabContent .inputWrap .colThird > li input[type="text"],
#propertyOverview #propertyOverviewTab #manageQuestions .tabContent .inputWrap .colThird > li input[type="text"],
#propertyOverview #campaignsTab #manageQuestions .tabContent .inputWrap .colThird > li input[type="text"],
#propertyOverview #propertyProfileM #campaignQuestions .tabContent .inputWrap .colThird > li input[type="text"],
#propertyOverview #propertyOverviewTab #campaignQuestions .tabContent .inputWrap .colThird > li input[type="text"],
#propertyOverview #campaignsTab #campaignQuestions .tabContent .inputWrap .colThird > li input[type="text"],
#propertyOverview #propertyProfileM #propertyOverviewQuestions .tabContent .inputWrap .colThird > li input[type="text"],
#propertyOverview #propertyOverviewTab #propertyOverviewQuestions .tabContent .inputWrap .colThird > li input[type="text"],
#propertyOverview #campaignsTab #propertyOverviewQuestions .tabContent .inputWrap .colThird > li input[type="text"],
#propertyOverview #propertyProfileM #manageQuestions .tabContent .inputWrap .colThird > li input[type="email"],
#propertyOverview #propertyOverviewTab #manageQuestions .tabContent .inputWrap .colThird > li input[type="email"],
#propertyOverview #campaignsTab #manageQuestions .tabContent .inputWrap .colThird > li input[type="email"],
#propertyOverview #propertyProfileM #campaignQuestions .tabContent .inputWrap .colThird > li input[type="email"],
#propertyOverview #propertyOverviewTab #campaignQuestions .tabContent .inputWrap .colThird > li input[type="email"],
#propertyOverview #campaignsTab #campaignQuestions .tabContent .inputWrap .colThird > li input[type="email"],
#propertyOverview #propertyProfileM #propertyOverviewQuestions .tabContent .inputWrap .colThird > li input[type="email"],
#propertyOverview #propertyOverviewTab #propertyOverviewQuestions .tabContent .inputWrap .colThird > li input[type="email"],
#propertyOverview #campaignsTab #propertyOverviewQuestions .tabContent .inputWrap .colThird > li input[type="email"],
#propertyOverview #propertyProfileM #manageQuestions .tabContent .inputWrap .colThird > li input[type="password"],
#propertyOverview #propertyOverviewTab #manageQuestions .tabContent .inputWrap .colThird > li input[type="password"],
#propertyOverview #campaignsTab #manageQuestions .tabContent .inputWrap .colThird > li input[type="password"],
#propertyOverview #propertyProfileM #campaignQuestions .tabContent .inputWrap .colThird > li input[type="password"],
#propertyOverview #propertyOverviewTab #campaignQuestions .tabContent .inputWrap .colThird > li input[type="password"],
#propertyOverview #campaignsTab #campaignQuestions .tabContent .inputWrap .colThird > li input[type="password"],
#propertyOverview #propertyProfileM #propertyOverviewQuestions .tabContent .inputWrap .colThird > li input[type="password"],
#propertyOverview #propertyOverviewTab #propertyOverviewQuestions .tabContent .inputWrap .colThird > li input[type="password"],
#propertyOverview #campaignsTab #propertyOverviewQuestions .tabContent .inputWrap .colThird > li input[type="password"],
#propertyOverview #propertyProfileM #manageQuestions .tabContent .inputWrap .colThird > li input[type="search"],
#propertyOverview #propertyOverviewTab #manageQuestions .tabContent .inputWrap .colThird > li input[type="search"],
#propertyOverview #campaignsTab #manageQuestions .tabContent .inputWrap .colThird > li input[type="search"],
#propertyOverview #propertyProfileM #campaignQuestions .tabContent .inputWrap .colThird > li input[type="search"],
#propertyOverview #propertyOverviewTab #campaignQuestions .tabContent .inputWrap .colThird > li input[type="search"],
#propertyOverview #campaignsTab #campaignQuestions .tabContent .inputWrap .colThird > li input[type="search"],
#propertyOverview #propertyProfileM #propertyOverviewQuestions .tabContent .inputWrap .colThird > li input[type="search"],
#propertyOverview #propertyOverviewTab #propertyOverviewQuestions .tabContent .inputWrap .colThird > li input[type="search"],
#propertyOverview #campaignsTab #propertyOverviewQuestions .tabContent .inputWrap .colThird > li input[type="search"],
#propertyOverview #propertyProfileM #manageQuestions .tabContent .inputWrap .colThird > li select,
#propertyOverview #propertyOverviewTab #manageQuestions .tabContent .inputWrap .colThird > li select,
#propertyOverview #campaignsTab #manageQuestions .tabContent .inputWrap .colThird > li select,
#propertyOverview #propertyProfileM #campaignQuestions .tabContent .inputWrap .colThird > li select,
#propertyOverview #propertyOverviewTab #campaignQuestions .tabContent .inputWrap .colThird > li select,
#propertyOverview #campaignsTab #campaignQuestions .tabContent .inputWrap .colThird > li select,
#propertyOverview #propertyProfileM #propertyOverviewQuestions .tabContent .inputWrap .colThird > li select,
#propertyOverview #propertyOverviewTab #propertyOverviewQuestions .tabContent .inputWrap .colThird > li select,
#propertyOverview #campaignsTab #propertyOverviewQuestions .tabContent .inputWrap .colThird > li select {
 width: 85%;
}
#propertyOverview #propertyProfileM #manageQuestions .tabContent .inputWrap .colThird > li h6,
#propertyOverview #propertyOverviewTab #manageQuestions .tabContent .inputWrap .colThird > li h6,
#propertyOverview #campaignsTab #manageQuestions .tabContent .inputWrap .colThird > li h6,
#propertyOverview #propertyProfileM #campaignQuestions .tabContent .inputWrap .colThird > li h6,
#propertyOverview #propertyOverviewTab #campaignQuestions .tabContent .inputWrap .colThird > li h6,
#propertyOverview #campaignsTab #campaignQuestions .tabContent .inputWrap .colThird > li h6,
#propertyOverview #propertyProfileM #propertyOverviewQuestions .tabContent .inputWrap .colThird > li h6,
#propertyOverview #propertyOverviewTab #propertyOverviewQuestions .tabContent .inputWrap .colThird > li h6,
#propertyOverview #campaignsTab #propertyOverviewQuestions .tabContent .inputWrap .colThird > li h6 {
 padding-bottom: 0;
 border-bottom: 0 none transparent;
 margin-bottom: 5px;
}
#propertyOverview #propertyProfileM #manageQuestions .tabContent .btnWrap,
#propertyOverview #propertyOverviewTab #manageQuestions .tabContent .btnWrap,
#propertyOverview #campaignsTab #manageQuestions .tabContent .btnWrap,
#propertyOverview #propertyProfileM #campaignQuestions .tabContent .btnWrap,
#propertyOverview #propertyOverviewTab #campaignQuestions .tabContent .btnWrap,
#propertyOverview #campaignsTab #campaignQuestions .tabContent .btnWrap,
#propertyOverview #propertyProfileM #propertyOverviewQuestions .tabContent .btnWrap,
#propertyOverview #propertyOverviewTab #propertyOverviewQuestions .tabContent .btnWrap,
#propertyOverview #campaignsTab #propertyOverviewQuestions .tabContent .btnWrap {
 text-align: right;
}
#propertyOverview #propertyProfileM #manageQuestions .tabContent .btnWrap a,
#propertyOverview #propertyOverviewTab #manageQuestions .tabContent .btnWrap a,
#propertyOverview #campaignsTab #manageQuestions .tabContent .btnWrap a,
#propertyOverview #propertyProfileM #campaignQuestions .tabContent .btnWrap a,
#propertyOverview #propertyOverviewTab #campaignQuestions .tabContent .btnWrap a,
#propertyOverview #campaignsTab #campaignQuestions .tabContent .btnWrap a,
#propertyOverview #propertyProfileM #propertyOverviewQuestions .tabContent .btnWrap a,
#propertyOverview #propertyOverviewTab #propertyOverviewQuestions .tabContent .btnWrap a,
#propertyOverview #campaignsTab #propertyOverviewQuestions .tabContent .btnWrap a {
 font-size: 12px;
 color: #444;
}
#propertyOverview #propertyProfileM #manageQuestions .tabContent .btnWrap button,
#propertyOverview #propertyOverviewTab #manageQuestions .tabContent .btnWrap button,
#propertyOverview #campaignsTab #manageQuestions .tabContent .btnWrap button,
#propertyOverview #propertyProfileM #campaignQuestions .tabContent .btnWrap button,
#propertyOverview #propertyOverviewTab #campaignQuestions .tabContent .btnWrap button,
#propertyOverview #campaignsTab #campaignQuestions .tabContent .btnWrap button,
#propertyOverview #propertyProfileM #propertyOverviewQuestions .tabContent .btnWrap button,
#propertyOverview #propertyOverviewTab #propertyOverviewQuestions .tabContent .btnWrap button,
#propertyOverview #campaignsTab #propertyOverviewQuestions .tabContent .btnWrap button {
 margin-right: 10px;
}
#propertyOverview #propertyProfileM #manageQuestions .tabContent .colThird,
#propertyOverview #propertyOverviewTab #manageQuestions .tabContent .colThird,
#propertyOverview #campaignsTab #manageQuestions .tabContent .colThird,
#propertyOverview #propertyProfileM #campaignQuestions .tabContent .colThird,
#propertyOverview #propertyOverviewTab #campaignQuestions .tabContent .colThird,
#propertyOverview #campaignsTab #campaignQuestions .tabContent .colThird,
#propertyOverview #propertyProfileM #propertyOverviewQuestions .tabContent .colThird,
#propertyOverview #propertyOverviewTab #propertyOverviewQuestions .tabContent .colThird,
#propertyOverview #campaignsTab #propertyOverviewQuestions .tabContent .colThird {
 margin: 0px 0;
 padding-left: 10px;
}
#propertyOverview #propertyProfileM #manageQuestions .tabContent .question,
#propertyOverview #propertyOverviewTab #manageQuestions .tabContent .question,
#propertyOverview #campaignsTab #manageQuestions .tabContent .question,
#propertyOverview #propertyProfileM #campaignQuestions .tabContent .question,
#propertyOverview #propertyOverviewTab #campaignQuestions .tabContent .question,
#propertyOverview #campaignsTab #campaignQuestions .tabContent .question,
#propertyOverview #propertyProfileM #propertyOverviewQuestions .tabContent .question,
#propertyOverview #propertyOverviewTab #propertyOverviewQuestions .tabContent .question,
#propertyOverview #campaignsTab #propertyOverviewQuestions .tabContent .question {
 margin-bottom: 10px;
}
#propertyOverview #propertyProfileM #communication,
#propertyOverview #propertyOverviewTab #communication,
#propertyOverview #campaignsTab #communication {
 width: 34%;
 float: right;
}
#propertyOverview #propertyProfile #profileQuestions .tabContent.residential .splash .icons,
#propertyOverview #equipmentDetails #profileQuestions .tabContent.residential .splash .icons {
 font-size: 80px;
}
#propertyOverview #propertyProfile #profileQuestions .tabContent.residential .tabContentSection.noSplash .splash,
#propertyOverview #equipmentDetails #profileQuestions .tabContent.residential .tabContentSection.noSplash .splash {
 display: none;
}
#propertyOverview #propertyProfile #profileQuestions .tabContent.residential .tabContentSection.noSplash .questionSetWrapper,
#propertyOverview #equipmentDetails #profileQuestions .tabContent.residential .tabContentSection.noSplash .questionSetWrapper {
 display: block;
}
#propertyOverview #propertyProfile #profileQuestions .tabContent.residential .questionSetWrapper,
#propertyOverview #equipmentDetails #profileQuestions .tabContent.residential .questionSetWrapper {
 display: none;
}
#propertyOverview #propertyProfile #profileQuestions .tabContent .residential .overlay > .add,
#propertyOverview #equipmentDetails #profileQuestions .tabContent .residential .overlay > .add {
 position: absolute;
 z-index: 10;
 font-size: 72px;
 margin: -50px 0 0 -36px;
 top: 50%;
 left: 50%;
}
#propertyOverview #propertyProfile #communication,
#propertyOverview #equipmentDetails #communication {
 width: 34%;
 float: right;
}
#energyStartab .question {
 width: 30%;
}
#alertsOptionsScreen.communication {
 padding-top: 30px;
}
#balanceAlertsOptionsScreen.communication {
 padding-top: 30px;
}
.communication {
 width: 100%;
}
.communication h4 {
 margin-top: 12px;
}
.communication p {
 font-size: 12px;
 max-width: 80%;
}
.communication .tip {
 width: 70%;
 margin: 30px auto;
}
.communication table {
 width: 100%;
 font-size: 14px;
 clear: both;
 margin-top: 20px;
}
.communication table thead tr {
 border-bottom: 1px solid #bbb;
 font-size: 13px;
 font-family: 'RobotoMedium', Helvetica, Arial, Sans-Serif;
 font-weight: normal;
 color: #555;
}
.communication table tbody tr {
 border-bottom: 1px solid #bbb;
 font-size: 12px;
}
.communication table tbody tr:hover {
 background: #F4F3F3;
}
.communication table tbody td {
 padding: 10px;
 padding-left: 0;
}
.communication table .active {
 width: 90px;
}
.communication table .action {
 width: 15px;
}
.communication table .action a {
 font-family: 'mainIcons';
}
.communication .addType {
 padding: 10px;
 background: #fafafa;
}
.communication .addType label,
.communication .addType .fancySelect,
.communication .addType input,
.communication .addType a {
 margin-right: 10px;
}
.communication .addType select {
 margin-right: 5px;
}
.communication .addType label {
 font-size: 12px;
 line-height: 26px;
}
.communication .addType input {
 width: 130px;
 padding-bottom: 3px;
}
.communication .addType #EmailAddress {
 width: 275px;
}
.communication .addType .fancySelect .selectMain,
.communication .addType input {
 border: 1px solid #bbb;
}
.communication .addType .genericBtn:after {
 content: "m";
}
.communication #Balance,
.communication #alertPeakNumber {
 width: 65px;
}
#communication.communication .tip {
 width: 100%;
 max-width: 100%;
}
.notificationCenter #messageCount {
 display: block;
 text-align: right;
 font-size: 12px;
 margin: 0;
 margin-bottom: 10px;
}
.notificationCenter #MarkNotificationsRead {
 display: block;
 text-align: right;
}
.notificationCenter .notificationMessages {
 width: 100%;
 float: left;
 z-index: 10;
}
.notificationCenter .notificationMessages .panel-heading {
 overflow: auto;
}
.notificationCenter .notificationMessages .panel-title {
 cursor: pointer;
 font-size: 16px;
 line-height: 20px;
 font-weight: normal;
}
.notificationCenter .notificationMessages .panel-title a {
 text-decoration: none;
}
.notificationCenter .notificationMessages .panel-title a:visited {
 color: #555555;
}
.notificationCenter .notificationMessages .panel-title .date {
 font-size: 12px;
 line-height: 20px;
 margin: 0;
 padding: 0;
}
.notificationCenter .notificationMessages .panel-body {
 font-size: 12px;
}
.notificationCenter .notificationMessages .message {
 -ms-word-wrap: break-word;
 word-wrap: break-word;
 padding: 0 10px;
 margin: 0;
 font-size: 12px;
 line-height: 20px;
}
.notificationCenter .select {
 right: 10px;
 position: absolute;
 z-index: 1;
 font-size: 11px;
 color: #ffffff;
 background: #1d70c9;
 padding: 5px 8px;
 -webkit-border-top-right-radius: 0;
 -webkit-border-bottom-right-radius: 6px;
 -webkit-border-bottom-left-radius: 6px;
 -webkit-border-top-left-radius: 0;
 -moz-border-radius-topright: 0;
 -moz-border-radius-bottomright: 6px;
 -moz-border-radius-bottomleft: 6px;
 -moz-border-radius-topleft: 0;
 border-top-right-radius: 0;
 border-bottom-right-radius: 6px;
 border-bottom-left-radius: 6px;
 border-top-left-radius: 0;
 -moz-background-clip: padding;
 -webkit-background-clip: padding-box;
 background-clip: padding-box;
 -webkit-transition: all 0.2s ease-out;
 -moz-transition: all 0.2s ease-out;
 transition: all 0.2s ease-out;
}
.notificationCenter .select:hover {
 padding-top: 15px;
}
.notificationCenter .notificationAlerts {
 float: left;
 width: 33%;
}
.notificationCenter .notificationAlerts h4 {
 margin: 0;
 margin-bottom: 10px;
 text-align: center;
 font-size: 16px;
 font-family: 'RobotoLight', Helvetica, Arial, Sans-Serif;
 font-weight: normal;
 color: #22baca;
}
.notificationCenter .notificationAlerts #notificationsList {
 margin: 10px 0 10px 20px;
 background: #ffffff;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 border-radius: 3px;
 -moz-background-clip: padding;
 -webkit-background-clip: padding-box;
 background-clip: padding-box;
 border: 1px solid #bbb;
}
.notificationCenter .notificationAlerts #notificationsList h6 {
 border-top: 1px solid #777;
 font-family: 'RobotoMedium', Helvetica, Arial, Sans-Serif;
 font-weight: normal;
 font-size: 11px;
 color: #777;
 text-align: center;
 margin-bottom: 0;
 margin-top: 10px;
}
.notificationCenter .notificationAlerts #notificationsList h6 span {
 background: white;
 padding: 0 10px;
 top: -10px;
}
.notificationCenter .notificationAlerts #notificationsList ul {
 padding: 10px;
}
.notificationCenter .notificationAlerts #notificationsList ul li {
 font-size: 12px;
 padding: 5px 3px;
 margin-bottom: 10px;
 border-top: 2px solid #666;
}
.notificationCenter .notificationAlerts #notificationsList ul li h5 {
 margin: 0;
 padding: 0;
 font-family: 'RobotoMedium', Helvetica, Arial, Sans-Serif;
 font-weight: normal;
 font-size: 11px;
}
.notificationCenter .notificationAlerts #notificationsList ul li h5 span {
 font-size: 11px;
 font-family: 'RobotoLight', Helvetica, Arial, Sans-Serif;
 font-weight: normal;
 display: inline-block;
 padding-left: 10px;
}
.notificationCenter .notificationAlerts #notificationsList ul li p {
 margin: 0;
 padding: 0;
 font-size: 14px;
}
.notificationCenter .notificationAlerts #notificationsList ul li div {
 font-size: 11px;
 padding: 5px 0;
}
.notificationCenter .notificationAlerts #notificationsList ul li.notificationActive {
 border-top: 4px solid #22baca;
 background: #fff;
}
.notificationCenter .notificationAlerts #notificationsList ul li.emptyAlert {
 border-top: 0 none transparent;
}
.notificationCenter .notificationAlerts #notificationsList ul li.emptyAlert p {
 text-align: center;
 color: #555;
 font-size: 12px;
}
.notificationCenter .notificationAlerts .tip {
 margin: 30px 0 20px 20px;
}
.notificationCenter .notificationAlerts .tip p {
 font-size: 12px;
 border-top: 1px dashed #bbb;
 margin-top: 0;
 padding-top: 10px;
}
.manageAccountsPropertySelect .accountPropertySelect {
 max-height: 400px;
 overflow-x: hidden;
 overflow-y: auto;
}
#ManageAccountsDynamicModal .billing-account-edit {
 display: none;
}
#EnergyAssistanceContainer .pdfIcon {
 text-align: center;
 font-size: 1.3rem;
 color: red;
}
#viewBill .userGroupButtons button,
#EnergyAssistanceContainer .userGroupButtons button {
 height: 34px;
 width: 34px;
 background-color: #dadada;
}
#viewBill .userGroupButtons .deleteGroup:hover,
#EnergyAssistanceContainer .userGroupButtons .deleteGroup:hover {
 background-color: red;
 color: white;
}
#viewBill .userGroupButtons .editGroup:hover,
#EnergyAssistanceContainer .userGroupButtons .editGroup:hover {
 background-color: #ffc107;
 color: white;
}
#viewBill .genericBtn:after,
#EnergyAssistanceContainer .genericBtn:after {
 content: "3";
}
#viewBill .genericBtn.open:after,
#EnergyAssistanceContainer .genericBtn.open:after {
 content: "1";
}
#viewBill .genericBtn.closed:after,
#EnergyAssistanceContainer .genericBtn.closed:after {
 content: "2";
}
#viewBill .genericBtn.downloadBtn:after,
#EnergyAssistanceContainer .genericBtn.downloadBtn:after {
 content: "H";
 font-size: 100%;
}
#viewBill .viewBillPropertyListing,
#EnergyAssistanceContainer .viewBillPropertyListing {
 background-color: #fff;
 margin-bottom: 30px;
}
#viewBill .viewBillPropertyListing h2,
#EnergyAssistanceContainer .viewBillPropertyListing h2,
#viewBill .viewBillPropertyListing h3,
#EnergyAssistanceContainer .viewBillPropertyListing h3,
#viewBill .viewBillPropertyListing h4,
#EnergyAssistanceContainer .viewBillPropertyListing h4 {
 margin: 0;
 padding: 0;
}
#viewBill .viewBillPropertyListing h2,
#EnergyAssistanceContainer .viewBillPropertyListing h2 {
 padding-bottom: 4px;
}
#viewBill .viewBillPropertyListing ul.infoBlock li,
#EnergyAssistanceContainer .viewBillPropertyListing ul.infoBlock li {
 font-size: 12px;
}
#viewBill .viewBillPropertyListing ul.infoBlock li span,
#EnergyAssistanceContainer .viewBillPropertyListing ul.infoBlock li span {
 color: #333;
 font-family: 'RobotoBold', Helvetica, Arial, Sans-Serif;
 font-weight: normal;
}
#viewBill .viewBillPropertyListing ul.infoBlock li:first-child,
#EnergyAssistanceContainer .viewBillPropertyListing ul.infoBlock li:first-child {
 font-family: 'RobotoMedium', Helvetica, Arial, Sans-Serif;
 font-weight: normal;
 font-size: 26px;
}
#viewBill .viewBillPropertyListing ul.infoBlock .genericBtn,
#EnergyAssistanceContainer .viewBillPropertyListing ul.infoBlock .genericBtn {
 margin: 10px;
}
#viewBill .viewBillPropertyListing h3,
#EnergyAssistanceContainer .viewBillPropertyListing h3 {
 background: #F4F3F3;
 padding: 10px;
}
#viewBill .viewBillPropertyListing h3 span,
#EnergyAssistanceContainer .viewBillPropertyListing h3 span {
 font-size: 18px;
 font-family: 'RobotoLight', Helvetica, Arial, Sans-Serif;
 font-weight: normal;
}
#viewBill .viewBillPropertyListing h3 .genericBtn,
#EnergyAssistanceContainer .viewBillPropertyListing h3 .genericBtn {
 float: right;
}
#viewBill .viewBillPropertyListing #subHead,
#EnergyAssistanceContainer .viewBillPropertyListing #subHead {
 margin: 0;
 border-bottom: 1px solid #F4F3F3;
}
#viewBill .viewBillPropertyListing #subHead #propertySelect,
#EnergyAssistanceContainer .viewBillPropertyListing #subHead #propertySelect {
 min-height: 125px;
 width: 35%;
 margin: 0;
}
#viewBill .viewBillPropertyListing #subHead #propertySelect #propertyInfo,
#EnergyAssistanceContainer .viewBillPropertyListing #subHead #propertySelect #propertyInfo {
 margin: 0;
}
#viewBill .viewBillPropertyListing #subHead #propertySelect #propertyInfo .select,
#EnergyAssistanceContainer .viewBillPropertyListing #subHead #propertySelect #propertyInfo .select {
 top: 0;
}
#viewBill .viewBillPropertyListing #subHead #propertySelect #propertyInfo ul,
#EnergyAssistanceContainer .viewBillPropertyListing #subHead #propertySelect #propertyInfo ul {
 left: 0;
 padding-top: 10px;
 padding-bottom: 10px;
}
#viewBill .viewBillPropertyListing #subHead #propertySelect #propertyInfo .mailing,
#EnergyAssistanceContainer .viewBillPropertyListing #subHead #propertySelect #propertyInfo .mailing {
 margin: 3px 0;
 font-weight: bold;
}
#viewBill .viewBillPropertyListing #subHead #propertySelect:hover #propertyInfo .select,
#EnergyAssistanceContainer .viewBillPropertyListing #subHead #propertySelect:hover #propertyInfo .select {
 top: 0;
}
#viewBill .viewBillPropertyListing #subHead #propertySelect::after,
#EnergyAssistanceContainer .viewBillPropertyListing #subHead #propertySelect::after {
 background: none;
}
#viewBill .viewBillPropertyListing #subHead a.genericBtn,
#EnergyAssistanceContainer .viewBillPropertyListing #subHead a.genericBtn {
 float: right;
 margin: 22px 22px 0 0;
}
#viewBill .viewBillPropertyListing .billDeliveryRow,
#EnergyAssistanceContainer .viewBillPropertyListing .billDeliveryRow {
 padding-bottom: 5px;
}
#viewBill .viewBillPropertyListing .billDeliveryRow .deliveryIcon,
#EnergyAssistanceContainer .viewBillPropertyListing .billDeliveryRow .deliveryIcon {
 text-align: center;
 font-size: 1.3rem;
}
#viewBill .viewBillPropertyListing .billDeliveryRow .eBillLabel,
#EnergyAssistanceContainer .viewBillPropertyListing .billDeliveryRow .eBillLabel {
 display: inline-block;
 vertical-align: middle;
}
#viewBill .viewBillPropertyListing .autoPayRow,
#EnergyAssistanceContainer .viewBillPropertyListing .autoPayRow {
 vertical-align: middle;
 margin-bottom: 10px;
}
#viewBill .viewBillPropertyListing .autoPayRow .autoPayIcon,
#EnergyAssistanceContainer .viewBillPropertyListing .autoPayRow .autoPayIcon {
 text-align: center;
 font-size: 1.3rem;
 color: #95c801;
}
#viewBill .viewBillPropertyListing .ManageAutoPayAccountTileContainer,
#EnergyAssistanceContainer .viewBillPropertyListing .ManageAutoPayAccountTileContainer {
 padding-bottom: 5px;
}
#viewBill .viewBillPropertyListing .AutoPayRestrictionMessageContainer,
#EnergyAssistanceContainer .viewBillPropertyListing .AutoPayRestrictionMessageContainer {
 margin-top: 5px;
}
#viewBill .viewBillPropertyListing .viewPdfRow,
#EnergyAssistanceContainer .viewBillPropertyListing .viewPdfRow {
 margin-bottom: 10px;
}
#viewBill .viewBillPropertyListing .pdfIcon,
#EnergyAssistanceContainer .viewBillPropertyListing .pdfIcon {
 text-align: center;
 font-size: 1.3rem;
 color: red;
}
#viewBill .viewBillPropertyListing .paymentCol,
#EnergyAssistanceContainer .viewBillPropertyListing .paymentCol {
 text-align: right;
 display: inline;
}
#viewBill .viewBillPropertyListing .paymentCol .scheduledPaymentRow,
#EnergyAssistanceContainer .viewBillPropertyListing .paymentCol .scheduledPaymentRow {
 text-align: left;
}
#viewBill .viewBillPropertyListing .paymentCol .scheduledPaymentRow .paymentArrangmentIcon,
#EnergyAssistanceContainer .viewBillPropertyListing .paymentCol .scheduledPaymentRow .paymentArrangmentIcon {
 display: inline-block;
 vertical-align: middle;
 font-size: 1.3rem;
 color: green;
}
#viewBill .viewBillPropertyListing .paymentCol .scheduledPaymentRow .paymentArrangment,
#EnergyAssistanceContainer .viewBillPropertyListing .paymentCol .scheduledPaymentRow .paymentArrangment {
 display: inline-block;
 vertical-align: middle;
}
#viewBill .viewBillPropertyListing .paymentCol .AccountBalanceContainer,
#EnergyAssistanceContainer .viewBillPropertyListing .paymentCol .AccountBalanceContainer {
 text-align: right;
}
#viewBill .viewBillPropertyListing .paymentCol .payBillLink,
#EnergyAssistanceContainer .viewBillPropertyListing .paymentCol .payBillLink {
 padding: 10px 0 0 0;
}
#viewBill .viewBillPropertyListing .payOptions,
#EnergyAssistanceContainer .viewBillPropertyListing .payOptions {
 text-align: center;
 right: 0;
}
#viewBill .viewBillPropertyListing .viewHistory .viewHistoryLink .viewHistoryLinkIcon,
#EnergyAssistanceContainer .viewBillPropertyListing .viewHistory .viewHistoryLink .viewHistoryLinkIcon {
 text-align: center;
}
#viewBill a.viewPaymentDetails i.fal.fa-info-square,
#EnergyAssistanceContainer a.viewPaymentDetails i.fal.fa-info-square {
 font-size: 17px;
}
#viewBill a.viewExternalBill i.fal.fa-file-alt,
#EnergyAssistanceContainer a.viewExternalBill i.fal.fa-file-alt {
 font-size: 17px;
}
#viewBill a.viewExternalBill i.fal.fa-file-pdf,
#EnergyAssistanceContainer a.viewExternalBill i.fal.fa-file-pdf {
 color: red;
 font-size: 17px;
}
#viewBill a.viewPdfBill i.fal.fa-file-pdf,
#EnergyAssistanceContainer a.viewPdfBill i.fal.fa-file-pdf {
 color: red;
 font-size: 17px;
}
#viewBill .summary,
#EnergyAssistanceContainer .summary {
 width: auto;
 float: left;
 z-index: 1;
}
#viewBill .viewBillUsageChartHolder,
#EnergyAssistanceContainer .viewBillUsageChartHolder {
 width: 100%;
 padding: 10px;
}
#viewBill .viewBillUsageChartHolder .viewBillUsageChart,
#EnergyAssistanceContainer .viewBillUsageChartHolder .viewBillUsageChart,
#viewBill .viewBillUsageChartHolder .viewBillUsageChartNOJS,
#EnergyAssistanceContainer .viewBillUsageChartHolder .viewBillUsageChartNOJS {
 font-size: 12px;
 width: 100%;
 border: 1px solid #fafafa;
}
#viewBill .viewBillUsageChartHolder .viewBillUsageChart tr,
#EnergyAssistanceContainer .viewBillUsageChartHolder .viewBillUsageChart tr,
#viewBill .viewBillUsageChartHolder .viewBillUsageChartNOJS tr,
#EnergyAssistanceContainer .viewBillUsageChartHolder .viewBillUsageChartNOJS tr,
#viewBill .viewBillUsageChartHolder .viewBillUsageChart thead,
#EnergyAssistanceContainer .viewBillUsageChartHolder .viewBillUsageChart thead,
#viewBill .viewBillUsageChartHolder .viewBillUsageChartNOJS thead,
#EnergyAssistanceContainer .viewBillUsageChartHolder .viewBillUsageChartNOJS thead,
#viewBill .viewBillUsageChartHolder .viewBillUsageChart td,
#EnergyAssistanceContainer .viewBillUsageChartHolder .viewBillUsageChart td,
#viewBill .viewBillUsageChartHolder .viewBillUsageChartNOJS td,
#EnergyAssistanceContainer .viewBillUsageChartHolder .viewBillUsageChartNOJS td {
 border: 2px solid #fafafa;
}
#viewBill .viewBillUsageChartHolder .viewBillUsageChart th,
#EnergyAssistanceContainer .viewBillUsageChartHolder .viewBillUsageChart th,
#viewBill .viewBillUsageChartHolder .viewBillUsageChartNOJS th,
#EnergyAssistanceContainer .viewBillUsageChartHolder .viewBillUsageChartNOJS th,
#viewBill .viewBillUsageChartHolder .viewBillUsageChart tfoot td,
#EnergyAssistanceContainer .viewBillUsageChartHolder .viewBillUsageChart tfoot td,
#viewBill .viewBillUsageChartHolder .viewBillUsageChartNOJS tfoot td,
#EnergyAssistanceContainer .viewBillUsageChartHolder .viewBillUsageChartNOJS tfoot td {
 border: 2px solid #bbb;
 background-color: #fafafa;
}
#viewBill .viewBillUsageChartHolder .viewBillUsageChart td,
#EnergyAssistanceContainer .viewBillUsageChartHolder .viewBillUsageChart td,
#viewBill .viewBillUsageChartHolder .viewBillUsageChartNOJS td,
#EnergyAssistanceContainer .viewBillUsageChartHolder .viewBillUsageChartNOJS td {
 font-family: 'RobotoMedium', Helvetica, Arial, Sans-Serif;
 font-weight: normal;
 text-align: center;
}
#viewBill .viewBillUsageChartHolder .viewBillChart,
#EnergyAssistanceContainer .viewBillUsageChartHolder .viewBillChart,
#viewBill .viewBillUsageChartHolder .highcharts-container,
#EnergyAssistanceContainer .viewBillUsageChartHolder .highcharts-container {
 background-color: #fff;
}
#viewBill .viewBillUsageChartHolder .viewBillChart .highcharts-tracker rect,
#EnergyAssistanceContainer .viewBillUsageChartHolder .viewBillChart .highcharts-tracker rect,
#viewBill .viewBillUsageChartHolder .highcharts-container .highcharts-tracker rect,
#EnergyAssistanceContainer .viewBillUsageChartHolder .highcharts-container .highcharts-tracker rect {
 background-color: red;
}
#viewBill #prepayDetails,
#EnergyAssistanceContainer #prepayDetails,
#viewBill .standardBillingDetails,
#EnergyAssistanceContainer .standardBillingDetails {
 border-radius: 0;
 -webkit-border-radius: 6px;
 -moz-border-radius: 6px;
}
#viewBill #viewBill #prepayDetails .debt,
#EnergyAssistanceContainer #viewBill #prepayDetails .debt {
 color: #4D473D;
 border-right: 1px solid transparent;
}
#viewBill .rangeSelect,
#EnergyAssistanceContainer .rangeSelect {
 margin-top: 3px;
}
#viewBill .billOptionsLabel,
#EnergyAssistanceContainer .billOptionsLabel {
 float: left;
 margin-right: 5px;
 font-size: 12px;
 line-height: 22px;
}
#viewBill .standBillDownloadContainer,
#EnergyAssistanceContainer .standBillDownloadContainer {
 margin: 10px;
 margin-top: 30px;
 float: right;
}
#viewBill .notices .message,
#EnergyAssistanceContainer .notices .message {
 margin: 0px 20px;
 padding: 0px;
 color: #3c763d;
 background-color: #d0e9c6;
 border: 1px solid #3c763d;
 padding: 8px;
 border-radius: 4px;
}
#viewBill .notices .paymentPlanMessage,
#EnergyAssistanceContainer .notices .paymentPlanMessage {
 margin: 0px 20px;
 padding: 0px;
 color: #31708f;
 background-color: #d9edf7;
 border: 1px solid #31708f;
 padding: 8px;
 border-radius: 4px;
}
#createPaymentArrangementForm .control-label {
 font-weight: bold;
}
#paymentArrangmentLoading .modal-header {
 background-color: #1d70c9;
}
#paymentArrangmentLoading .modal-header .modal-title {
 color: #fff;
}
.paymentArrangementCheckmark {
 text-align: center;
 padding-top: 0.5rem;
 font-size: 130px;
 color: #1d70c9;
}
#UpdateAllBillDeliveryOptionsForm .inline-element {
 display: inline;
}
.accountPropertySelect .accountPropertySelectItem li {
 padding: 10px;
}
.accountPropertySelect .accountPropertySelectItem h4 {
 font-size: 12px;
 font-weight: normal;
 white-space: nowrap;
 color: #666666;
 font-family: 'RobotoRegular', Helvetica, Arial, Sans-Serif;
 margin: 0;
}
.accountPropertySelect .accountPropertySelectItem h2 {
 font-family: "RobotoRegular", Helvetica, Arial, sans-serif;
 font-size: 16px;
 white-space: nowrap;
 margin: 0;
 padding: 0;
 overflow: hidden;
 -ms-text-overflow: ellipsis;
 -o-text-overflow: ellipsis;
 text-overflow: ellipsis;
 font-weight: normal;
}
.acceptedCreditCards {
 background-image: url('../../css/../images/sprite-cards.png');
 display: inline-block;
 vertical-align: middle;
 margin-right: 10px;
}
.Visa {
 background-position: -3px -8px;
 width: 46px;
 height: 15px;
}
.Discover {
 background-position: -175px -4px;
 width: 35px;
 height: 23px;
}
.Diners {
 background-position: -229px -4px;
 width: 35px;
 height: 23px;
}
.MasterCard {
 background-position: -65px -5px;
 width: 34px;
 height: 22px;
}
.AmericanExpress {
 background-position: -121px -5px;
 width: 34px;
 height: 22px;
}
.customBillingHtml {
 font-size: 16px;
 margin: 10px;
 float: left;
}
.customPaymentHtml {
 font-size: 16px;
 padding: 10px;
 margin: 6px auto;
}
.autoPaymentAlert {
 font-size: 16px;
 padding: 10px;
 margin: 6px auto;
 color: crimson;
}
.autoPaymentAlert span {
 font-weight: bold;
}
.auto-pay-description {
 display: inline-block;
 font-size: 11px;
}
.auto-pay-description a {
 text-decoration: underline;
}
.btnWrap {
 margin-left: 10px;
 margin-top: 10px;
}
.btnWrap .genericBtn {
 margin-top: 20px;
}
.btnWrap .cancelBtn {
 margin: 20px;
}
.payBillBtn {
 float: right;
}
#BankAccountInformation .billingColumn,
#ModalBankAccountInformation .billingColumn {
 background-color: #fff;
 margin-bottom: 20px;
}
#BankAccountInformation .billingColumn h4,
#ModalBankAccountInformation .billingColumn h4 {
 margin: 0;
 padding: 10px;
 float: left;
 font-size: 16px;
}
#BankAccountInformation .billingColumn .saved,
#ModalBankAccountInformation .billingColumn .saved {
 float: right;
 padding: 10px;
}
#BankAccountInformation .billingColumn .saved label,
#ModalBankAccountInformation .billingColumn .saved label {
 font-size: 12px;
}
#BankAccountInformation .billingColumn .saved .fancySelect,
#ModalBankAccountInformation .billingColumn .saved .fancySelect {
 min-width: 125px !important;
}
.billBankPaymentInfo {
 background-color: #fff;
 float: left;
 width: 49.5%;
 min-height: 310px;
 margin-bottom: 20px;
}
.billBankPaymentInfo h4 {
 margin: 0;
 padding: 10px;
 float: left;
 font-size: 16px;
}
.billBankPaymentInfo .saved {
 float: right;
 padding: 10px;
}
.billBankPaymentInfo .saved label {
 font-size: 12px;
}
.billBankPaymentInfo .saved .fancySelect {
 min-width: 125px !important;
}
.bill-bank-payment-info {
 clear: both;
 background: #fafafa;
 display: block;
 margin: 10px;
 border: 1px dashed #fafafa;
 -webkit-border-radius: 6px;
 -moz-border-radius: 6px;
 border-radius: 6px;
 -moz-background-clip: padding;
 -webkit-background-clip: padding-box;
 background-clip: padding-box;
}
.bill-bank-payment-info h4 {
 margin: 0;
 padding: 10px;
 float: left;
 font-size: 16px;
}
.bill-bank-payment-info .saved {
 float: right;
 padding: 10px;
}
.bill-bank-payment-info .saved label {
 font-size: 12px;
}
.bill-bank-payment-info .saved .fancySelect {
 min-width: 125px !important;
}
.bill-bank-payment-info .accountWrapper {
 padding: 0px;
 border: 1px solid black;
 border-radius: 10px;
}
.bill-bank-payment-info .accountWrapper .accountWrapperHeader {
 top: -10px;
 background: #fafafa;
 padding: 0 5px;
 margin: 0 20px;
}
.bill-bank-payment-info .firstBlock {
 margin: 0 0 20px;
}
.bank-account-input-group {
 margin: 5px 0;
}
.bank-account-input-group.account-holders-name {
 clear: both;
}
.bank-account-input-group.empty-row {
 clear: both;
}
.remove-bank-account:hover {
 cursor: pointer;
}
.auto-pay-description {
 display: inline-block;
 font-size: 11px;
}
.auto-pay-description a {
 text-decoration: underline;
}
.auto-pay-account-description {
 margin-top: 2px;
}
#paymentConfirmationModal,
.payment-confirmation-content .payment-items li {
 list-style: none;
}
#paymentConfirmationModal .header,
.payment-confirmation-content .payment-items li .header {
 font-weight: bold;
}
.payment-results .header {
 font-weight: bold;
}
.payment-schedule-additional-info {
 background: yellow;
 border: 1px solid lightslategrey;
 border-radius: 3px;
 padding: 5px;
 min-height: 90px;
}
#bankAccountHelpInfo:hover {
 cursor: pointer;
}
#routingAccountNumberHelpModal li {
 margin-top: 10px;
}
#routingAccountNumberHelpModal .modal-dialog {
 background-color: white;
}
#routingAccountNumberHelpModal .modal-content {
 box-shadow: none !important;
}
.accountsList {
 clear: both;
}
.accountsList li.account-info {
 width: auto;
}
.accountsList h3 {
 padding: 10px;
 float: left;
 margin: 0;
 width: 50%;
}
.accountsList h3 span {
 font-size: 80%;
 font-family: 'RobotoLight', Helvetica, Arial, Sans-Serif;
 font-weight: normal;
}
.accountsList .balanceBox.payment-item {
 width: 30%;
}
.accountsList .accepttermsandconditionsbox {
 float: right;
 margin-top: 10px;
}
.accountsList .accepttermsandconditionsbox input,
.accountsList .accepttermsandconditionsbox #TermsAndConditionsAccepted {
 width: 25px;
 display: inline-block;
 text-align: right;
}
.accountsList li[data-can-make-payment='false'] input.balanceAmount {
 background-color: lightgray;
}
.accountsList .tip {
 display: none;
}
.accountsList .enableEbill {
 clear: right;
 font-size: 10px;
 width: 67%;
}
.accountsList .enableEbill a {
 text-decoration: underline;
}
span.payment-restriction-message {
 font-size: 12px;
 display: block;
 color: darkred;
}
.modernSwitch {
 float: left;
}
.removeCard {
 font-family: 'mainIcons';
}
.padding-all-normal {
 padding: 10px;
}
.padding-top-right-left-normal {
 padding: 10px 10px 0 10px;
}
.border-top-dark {
 border-top: 1px solid #bbb;
}
#communication .contentWrap {
 background: #fff;
 padding: 20px;
}
#communication h2 {
 float: left;
}
#communication .tip {
 width: 35%;
 float: right;
 margin-left: 30px;
 font-size: 12px;
}
#communication hr {
 clear: both;
 margin: 20px 0;
}
#communication #NotificationTypeSelect {
 min-width: 185px !important;
}
#communication .clickable {
 cursor: pointer;
}
#communication .notification-settings-list .notification-setting {
 border-top: 1px solid #bbb;
}
#communication .notification-settings-list .notification-setting td {
 border: none;
}
#communication .notification-settings-list .notification-setting .notify {
 font-size: 13px;
 max-width: 400px;
 text-overflow: ellipsis;
 overflow: hidden;
 white-space: nowrap;
}
#communication .notification-recipient-detail.row,
#communication .notification-setting-option.row {
 margin-bottom: 3px;
}
#communication #ManageNotificationSettingModal {
 overflow-y: auto;
}
#communication #ManageNotificationSettingModal .modal-error {
 font-weight: bold;
 color: crimson;
}
#communication #ManageNotificationSettingModal .validation-error-label {
 border: none !important;
}
#communication #ManageNotificationSettingModal .validation-error-control {
 border: 1px solid crimson;
}
#communication #ManageNotificationSettingModal .sentence {
 float: left;
 margin: 5px;
}
.accountInfoHeaderContainer #EditLogin {
 margin-top: 5px;
}
.accountInfoHeaderContainer #EditLogin .row.form-group {
 margin-bottom: 5px;
}
span.pseudoH3 {
 font-weight: normal;
 font-size: 24px;
 margin: 0;
 font-family: 'RobotoLight', Helvetica, Arial, Sans-Serif;
 line-height: 30px;
 display: block;
}
span.pseudoH5 {
 font-family: 'RobotoMedium', Helvetica, Arial, Sans-Serif;
 font-weight: normal;
 margin: 0;
 padding: 0;
 font-size: 14px;
 line-height: 1.1;
}
h3.actionHeading {
 margin-bottom: 0;
 color: #123a7a;
 font-size: 20px;
}
.ModalBorderStyle {
 border-radius: 0 30px 0 30px;
 overflow: hidden;
}
.ModalBorderStyle .close {
 position: absolute;
 right: 15px;
 top: 15px;
 border-radius: 25px;
 height: 25px;
 width: 25px;
 opacity: 1 !important;
 text-shadow: none;
}
.ModalBorderStyle .h4 {
 margin: 0px;
}
.ModalBorderStyle .h5 {
 margin: 0px;
}
.ModalBorderStyle .heading {
 margin: 0;
}
.ModalBorderStyle .heading h1 {
 margin: 0px;
 padding: 20px 30px;
}
.ModalBorderStyle .heading .top,
.ModalBorderStyle .heading .bottom {
 padding: 10px;
}
.ModalBorderStyle .heading .top h2,
.ModalBorderStyle .heading .bottom h2 {
 font-size: 18px;
 margin: 5px 0;
}
.ModalBorderStyle .heading .top p,
.ModalBorderStyle .heading .bottom p {
 margin: 0;
}
.ModalBorderStyle .heading .top img,
.ModalBorderStyle .heading .bottom img {
 margin: 10px auto;
 display: block;
}
.ModalBorderStyle .heading .bottom {
 padding-bottom: 15px;
}
#Documents .contentWrap {
 background: #fff;
 padding: 20px;
}
#Documents .introText {
 margin: 10px 0 30px;
 font-size: 18px;
}
#Documents a {
 font-size: 17px;
}
#Documents a .glyphicon-triangle-bottom {
 padding-right: 7px;
}
#Documents .folderToggle {
 color: #333;
}
#Documents .folderToggle:hover {
 text-decoration: underline;
}
#Documents .glyphicon {
 font-size: 11px;
 padding-right: 2px;
 vertical-align: text-top;
}
#userPassword {
 margin-left: 50px;
 padding-left: 50px;
 border-left: 1px dashed #666;
}
#userPassword label {
 width: 100px;
 display: inline-block;
 margin-right: 5px;
 font-size: 12px;
 color: #444;
}
#userPassword input {
 width: 150px;
}
#userPassword .updateBtn {
 position: absolute;
 right: -100px;
 top: -10px;
}
.userProfile {
 clear: both;
 background: #F4F3F3;
 display: block;
 margin: 10px;
 padding: 10px;
 border: 1px dashed #fafafa;
 -webkit-border-radius: 6px;
 -moz-border-radius: 6px;
 border-radius: 6px;
 -moz-background-clip: padding;
 -webkit-background-clip: padding-box;
 background-clip: padding-box;
}
.userProfile label,
.userProfile select,
.userProfile .fancySelect {
 width: 155px;
 display: inline-block;
 margin-right: 5px;
}
.userProfile .fancySelect {
 min-width: 60px;
}
.userProfile li {
 list-style: none outside !important;
 margin: 0;
 padding: 0;
 margin-bottom: 10px;
}
.editFormGroup {
 background: #fafafa;
 max-width: 420px;
}
.editFormGroup .modernSwitch {
 float: left;
 margin-right: 10px;
}
.editFormGroup .toggleSwitchLabel {
 font-size: 12px;
 float: left;
}
#UpdateUsernameError-error {
 font-weight: bold;
}
#currentPassword {
 margin: 2% 0;
}
#communicationOptionsScreen .editFields {
 display: none;
}
.thresholdAverage span {
 font-weight: bold;
 color: #1d70c9;
}
.AccountScorecard .rangeAlert {
 padding-top: 3px;
}
.AccountScorecard img {
 padding: 3px 10px 3px 3px;
}
#WholeBuildingRequestModal #WholeBuildingSearch {
 display: inline;
 width: 90%;
 margin: 10px 0;
}
#WholeBuildingRequestModal .wholeBuildingAddAddress,
#WholeBuildingRequestModal .removeStreetAddress {
 margin: 0 5px;
}
#energyChallenge .introduction {
 color: #fff;
 background-color: #178A00;
 -webkit-border-top-right-radius: 3px;
 -webkit-border-bottom-right-radius: 0;
 -webkit-border-bottom-left-radius: 0;
 -webkit-border-top-left-radius: 3px;
 -moz-border-radius-topright: 3px;
 -moz-border-radius-bottomright: 0;
 -moz-border-radius-bottomleft: 0;
 -moz-border-radius-topleft: 3px;
 border-top-right-radius: 3px;
 border-bottom-right-radius: 0;
 border-bottom-left-radius: 0;
 border-top-left-radius: 3px;
 -moz-background-clip: padding;
 -webkit-background-clip: padding-box;
 background-clip: padding-box;
}
#energyChallenge .introduction .top {
 padding: 20px 30px;
}
#energyChallenge .introduction .top h2 {
 font-family: 'RobotoLight', Helvetica, Arial, Sans-Serif;
 font-weight: normal;
 margin: 0;
}
#energyChallenge .introduction .top p {
 margin-top: 5px;
 font-family: 'RobotoBold', Helvetica, Arial, Sans-Serif;
 font-weight: normal;
 color: #000;
 line-height: 1.5em;
}
#energyChallenge .introduction .top .share {
 display: block;
 clear: both;
}
#energyChallenge .introduction .top .share textarea {
 display: block;
 float: left;
}
#energyChallenge .introduction .top .share .systems {
 display: block;
 float: left;
}
#energyChallenge .introduction .top .share .systems a {
 display: block;
 float: left;
 margin: 4px 0 0 4px;
 color: #fff;
}
#energyChallenge .introduction .top .share .systems a:after {
 content: attr(data-share-text);
 display: block;
 float: left;
}
#energyChallenge .introduction .top .share .systems a:first-child {
 margin-top: 0;
}
#energyChallenge .introduction .bottom {
 margin: 10px 0;
 padding: 15px 10px;
 border: 1px solid rgba(255, 255, 255, 0.21);
 -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);
 -moz-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);
 box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 border-radius: 3px;
 -moz-background-clip: padding;
 -webkit-background-clip: padding-box;
 background-clip: padding-box;
}
#energyChallenge .introduction .bottom .start {
 height: 100%;
}
#energyChallenge .introduction .bottom .start h4 {
 margin: 0;
}
#energyChallenge .introduction .bottom .start b {
 font-size: 14px;
}
#energyChallenge .introduction .bottom .start .genericBtn {
 float: right;
 margin: 10px 0;
}
#energyChallenge .introduction .bottom .goal h3 {
 margin: 0;
 padding-left: 10px;
 float: left;
}
#energyChallenge .introduction .bottom .goal .legend {
 color: #000;
 font-size: 12px;
 float: right;
}
#energyChallenge .introduction .bottom .goal .legend .item {
 display: block;
 clear: both;
}
#energyChallenge .introduction .bottom .goal .legend .item .special {
 font-family: 'mainIcons';
}
#energyChallenge .introduction .bottom .goal button {
 float: right;
 margin-right: 20px;
}
#energyChallenge .introduction .bottom .goal .slider {
 padding: 0 3% 10px;
 width: 73%;
 float: left;
}
#energyChallenge .introduction .bottom .goal .slider .callout {
 position: absolute;
 top: -60px;
 left: -19px;
 margin: 0 18px 0 0;
 border: 1px solid #C5D9E8;
 padding: 2px 8px 0;
 background-color: #fff;
 -webkit-border-radius: 4px;
 -moz-border-radius: 4px;
 border-radius: 4px;
 -moz-background-clip: padding;
 -webkit-background-clip: padding-box;
 background-clip: padding-box;
 zoom: 1;
 text-align: center;
}
#energyChallenge .introduction .bottom .goal .slider .callout .value {
 color: #82C149;
 font-size: 20px;
 line-height: 20px;
 font-weight: bold;
}
#energyChallenge .introduction .bottom .goal .slider .callout .notch {
 position: absolute;
 z-index: 1;
 bottom: -10px;
 left: 17px;
 margin: 0;
 padding: 0;
 width: 0;
 height: 0;
 font-size: 0;
 line-height: 0;
 border-bottom: 0;
 border-left: 10px solid transparent;
 border-right: 10px solid transparent;
 border-top: 10px solid #fff;
}
#energyChallenge .introduction .bottom .goal .slider .tickContainer {
 padding: 0 15px;
 margin: 20px -2% 0;
}
#energyChallenge .introduction .bottom .goal .slider .tickContainer .tick {
 display: block;
 float: left;
 text-align: center;
 color: #000;
 font-size: 60%;
 font-family: 'mainIcons';
}
#energyChallenge .introduction .bottom .goal .slider .tickContainer .tick.special {
 font-size: 70%;
}
#energyChallenge .introduction .bottom .goal .slider .barContainer {
 padding: 3px 15px 4% 4%;
 margin: 0 -2%;
 background-color: #94ca64;
 -webkit-box-shadow: inset -5px 5px 20px rgba(0, 0, 0, 0.35);
 -moz-box-shadow: inset -5px 5px 20px rgba(0, 0, 0, 0.35);
 box-shadow: inset -5px 5px 20px rgba(0, 0, 0, 0.35);
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 border-radius: 3px;
 -moz-background-clip: padding;
 -webkit-background-clip: padding-box;
 background-clip: padding-box;
}
#energyChallenge .introduction .bottom .goal .slider .ui-slider-handle {
 height: 30px;
 top: -0.5em;
}
#energyChallenge .introduction .bottom .goal .goalBtn {
 bottom: 16px;
 position: absolute;
 right: 1%;
 margin-right: 0;
}
#energyChallenge .introduction .bottom .tips {
 margin: 10px 0;
 float: left;
 white-space: nowrap;
 float: none;
 clear: both;
}
#energyChallenge .introduction .bottom .tips .challengeTip {
 width: auto;
 margin: 0 -10px -15px;
 text-align: center;
}
#energyChallenge .introduction .bottom .tips .challengeTip img {
 width: 98%;
}
#energyChallenge .statistics {
 height: 110px;
}
#energyChallenge .statistics .left {
 float: left;
 width: 8%;
 text-align: right;
 line-height: 110px;
}
#energyChallenge .statistics .right {
 width: 89%;
 float: right;
 margin-left: 3%;
}
#energyChallenge .statistics .right h3 {
 position: absolute;
}
#energyChallenge .statistics .right div {
 float: left;
 color: #82C149;
 width: 18%;
 line-height: 110px;
}
#energyChallenge .statistics .right .total {
 width: 25%;
}
#energyChallengeHistory,
#currentEnergyChallengeHistory {
 margin-top: 15px;
 background-color: #fff;
}
#energyChallengeHistory table:first-child,
#currentEnergyChallengeHistory table:first-child {
 margin-top: 0;
}
#energyChallengeHistory table,
#currentEnergyChallengeHistory table {
 font-size: 90%;
 width: 100%;
 margin-top: 15px;
 background-color: #F4F3F3;
}
#energyChallengeHistory table thead,
#currentEnergyChallengeHistory table thead {
 color: #111;
 font-family: 'RobotoBold', Helvetica, Arial, Sans-Serif;
 font-weight: normal;
}
#energyChallengeHistory table tbody,
#currentEnergyChallengeHistory table tbody {
 color: #222;
}
#energyChallengeHistory table tbody tr,
#currentEnergyChallengeHistory table tbody tr {
 background-color: #efece6;
}
#energyChallengeHistory table tbody tr:nth-child(2n),
#currentEnergyChallengeHistory table tbody tr:nth-child(2n) {
 background-color: #fff;
}
#energyChallengeHistory table td,
#currentEnergyChallengeHistory table td {
 padding: 15px;
}
#energyChallengeHistory .total,
#currentEnergyChallengeHistory .total {
 font-weight: bold;
 border-top: 2px solid #E1DCD2;
}
#browserWarning {
 display: none;
}
#browserWarning p {
 height: 31px;
 line-height: 31px;
}
.freshwidget-dialog .widget-close {
 z-index: 900010;
}
.dataTable.dark,
.k-grid table {
 width: 100%;
}
.dataTable.dark tr,
.k-grid table tr {
 border-bottom: none;
}
.dataTable.dark th,
.k-grid table th,
.dataTable.dark td,
.k-grid table td {
 padding: 10px;
 text-align: left;
 font-size: 13px;
}
.dataTable.dark thead tr,
.k-grid table thead tr {
 background: #333;
}
.dataTable.dark thead th,
.k-grid table thead th {
 font-size: 11px;
 font-family: 'RobotoBold', Helvetica, Arial, Sans-Serif;
 font-weight: normal;
 color: #555;
}
.dataTable.dark thead th span::after,
.k-grid table thead th span::after {
 font-size: 18px;
 font-family: 'mainIcons';
 color: #1d70c9;
 position: absolute;
 line-height: 15px;
}
.dataTable.dark thead th span.k-i-arrow-n::after,
.k-grid table thead th span.k-i-arrow-n::after {
 content: '1';
}
.dataTable.dark thead th span.k-i-arrow-s::after,
.k-grid table thead th span.k-i-arrow-s::after {
 content: '2';
}
.dataTable.dark thead th a,
.k-grid table thead th a {
 color: inherit;
}
.dataTable.dark tbody tr td .content,
.k-grid table tbody tr td .content {
 background-color: #E1DCD2;
 position: absolute;
 border: solid;
 z-index: 1;
}
.dataTable.dark tbody tr td .content li,
.k-grid table tbody tr td .content li {
 margin-left: -10px;
}
.dataTable.dark tbody tr:nth-child(2n),
.k-grid table tbody tr:nth-child(2n) {
 background: #fff;
}
.dataTable.dark tbody tr.inactive td,
.k-grid table tbody tr.inactive td,
.dataTable.dark tbody tr.inactive a,
.k-grid table tbody tr.inactive a {
 color: #666;
}
.dataTable.dark tbody tr.inactive a:hover,
.k-grid table tbody tr.inactive a:hover {
 text-decoration: underline;
}
.table-dark thead tr {
 background: #333;
}
.table-dark thead th {
 color: #bbb;
 font-size: 13px;
}
.table-dark thead th .icon-white {
 color: #fff;
}
.table-dark tbody td {
 font-size: 13px;
}
.table-dark tbody ul:not(.dropdown-menu) {
 padding: 0;
 margin: 0;
}
.table-striped > tbody > tr:nth-child(odd) {
 background-color: #fff;
}
.table-striped > tbody > tr:nth-child(odd) > th {
 background-color: #fff;
}
#widgetScroller.activity {
 width: 63%;
}
#propertySelect.activity {
 width: 35%;
}
#propertySelect.activity #propertyInfo {
 min-height: 60px;
 padding: 10px 10px 10px 0;
}
#propertySelect.activity #propertyNav {
 margin-top: 18px;
 padding-bottom: 10px;
}
#propertySelect.activity ul {
 min-height: 70px;
}
#propertySelect.activity.l1:after {
 display: block;
 left: 16.5%;
}
#propertySelect.activity.l2:after {
 display: block;
 left: 49.5%;
}
#propertySelect.activity.l3:after {
 display: block;
 left: 82.5%;
}
#Action .table-fixed {
 table-layout: fixed;
}
#Action .table-fixed td {
 text-overflow: ellipsis;
 overflow: hidden;
}
#ActionModal .action-tile-title h4 {
 overflow: hidden;
 text-overflow: ellipsis;
}
#ActionModal .action-tile-description-front {
 overflow-x: hidden;
 text-overflow: ellipsis;
}
#ActionHistory {
 background-color: #FFF;
 padding: 10px;
}
#ActionHistory a,
#ActionHistory .genericBtn {
 cursor: pointer;
}
#ActionHistory .controls {
 margin: 0 0 10px 0;
}
#ActionHistory .controls .control-set {
 display: inline-block;
 vertical-align: bottom;
 margin: 0 10px 0 0;
}
#ActionHistory .controls .control-set > * {
 float: left;
 clear: both;
}
#ActionHistory #csv {
 margin: 22px 0 0 0;
}
#ManageTeamUsers #Modal .modal-content .modal-header .modal-title {
 font-weight: bold;
}
#ManageTeamUsers .btn-success {
 background-color: #54b948;
 border-color: #54b948;
 margin: 10px;
}
#ManageTeamUsers .panel-heading {
 background-color: #fff;
}
#ManageTeamUsers {
 background-color: #fff;
 padding: 10px;
}
#ManageTeamUsers li {
 margin-left: 0;
}
#MailingOverlay .requiredField:after {
 content: "*";
 color: #f00;
 margin-left: 3px;
}
.TeamsDialog {
 padding: 15px 15px 0px 15px;
 position: absolute;
 z-index: 1000;
 background-color: #E1DCD2;
 box-shadow: 0 0 10px #807869;
 width: 50%;
 display: none;
 border-radius: 20px;
}
.TeamsDialog .TeamsDialogHeader {
 margin-bottom: 5px;
 text-align: center;
}
.TeamsDialog .TeamsDialogBody {
 margin-bottom: 5px;
 text-align: center;
}
.TeamsDialog .TeamsDialogChoices {
 text-align: center;
 margin-bottom: 15px;
}
.TeamsDialog .TeamsDialogChoices select {
 margin: 20px auto;
 padding: 0px;
 background-color: lightgray;
 border-radius: 3px;
 font-size: 14px;
}
.TeamsDialog .TeamsDialogChoices #btnContinue {
 padding-bottom: 5px;
}
#messageCenter h3,
#messageLists h3,
#messageCenter h4,
#messageLists h4,
#messageCenter h5,
#messageLists h5 {
 margin: 0;
 padding: 0;
}
#messageCenter #customCriteria,
#messageLists #customCriteria {
 position: absolute;
 z-index: 10;
 width: 480px;
 left: 50%;
 top: 0%;
 margin: 42px 0 0 -240px;
 background-color: #F4F3F3;
 min-height: 75px;
 -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
 -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
 box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
}
#messageCenter #customCriteria .tabs,
#messageLists #customCriteria .tabs {
 position: absolute;
 width: 30%;
 left: -30%;
 -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
 -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
 box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
}
#messageCenter #customCriteria .tabs h4,
#messageLists #customCriteria .tabs h4 {
 display: block;
 cursor: pointer;
 font-size: 14px;
 width: 100%;
 color: #777;
 background-color: #111;
 padding: 3px 10px;
 -webkit-transition: all 0.2s ease-out;
 -moz-transition: all 0.2s ease-out;
 transition: all 0.2s ease-out;
}
#messageCenter #customCriteria .tabs .active,
#messageLists #customCriteria .tabs .active {
 width: 110%;
 left: -10%;
 background-color: #1d70c9;
 color: #fff;
}
#messageCenter #customCriteria .tabs h4:hover,
#messageLists #customCriteria .tabs h4:hover {
 width: 110%;
 left: -10%;
 background-color: #1d70c9;
 color: #ffffff;
}
#messageCenter #customCriteria .pane,
#messageLists #customCriteria .pane {
 display: none;
 padding: 10px;
}
#messageCenter #customCriteria .pane a.toggle,
#messageLists #customCriteria .pane a.toggle {
 font-size: 14px;
}
#messageCenter #customCriteria .pane a.toggle:not(.last)::after,
#messageLists #customCriteria .pane a.toggle:not(.last)::after {
 content: '|';
 margin: 0 0 0 3px;
 color: #333;
 font-size: 16px;
}
#messageCenter #customCriteria .pane .inputContainer,
#messageLists #customCriteria .pane .inputContainer {
 float: left;
 padding: 2px 5px;
}
#messageCenter #customCriteria .pane .inputContainer label,
#messageLists #customCriteria .pane .inputContainer label {
 float: left;
 overflow: hidden;
 -ms-text-overflow: ellipsis;
 -o-text-overflow: ellipsis;
 text-overflow: ellipsis;
}
#messageCenter #customCriteria .pane .inputContainer input[type='checkbox'],
#messageLists #customCriteria .pane .inputContainer input[type='checkbox'] {
 float: left;
 margin: 3px 5% 0 0;
}
#messageCenter #customCriteria .pane.rateCode .inputContainer,
#messageLists #customCriteria .pane.rateCode .inputContainer {
 width: 33%;
}
#messageCenter #customCriteria .pane.rateCode .inputContainer label,
#messageLists #customCriteria .pane.rateCode .inputContainer label {
 max-width: 79%;
}
#messageCenter #customCriteria .pane.idle .inputContainer,
#messageLists #customCriteria .pane.idle .inputContainer {
 width: 20%;
}
#messageCenter #customCriteria .pane.property .inputContainer,
#messageLists #customCriteria .pane.property .inputContainer {
 width: 33%;
}
#messageCenter #customCriteria .pane.property .inputContainer label,
#messageLists #customCriteria .pane.property .inputContainer label {
 max-width: 85%;
}
#messageCenter #customCriteria .pane.role .inputContainer,
#messageLists #customCriteria .pane.role .inputContainer {
 width: 33%;
}
#messageCenter #customCriteria .pane.role .inputContainer label,
#messageLists #customCriteria .pane.role .inputContainer label {
 max-width: 85%;
}
#messageCenter #customCriteria .pane.active,
#messageLists #customCriteria .pane.active {
 display: block;
}
#messageCenter #customCriteria .buttonContainer,
#messageLists #customCriteria .buttonContainer {
 padding: 10px;
 background-color: #333;
}
#messageCenter #customCriteria .buttonContainer a,
#messageLists #customCriteria .buttonContainer a {
 color: #fff;
 font-size: 90%;
}
#messageCenter #customCriteria .buttonContainer *,
#messageLists #customCriteria .buttonContainer * {
 float: right;
}
#messageCenter #customCriteria .buttonContainer :last-child,
#messageLists #customCriteria .buttonContainer :last-child {
 margin-right: 10px;
}
#messageCenter #customCriteria .k-treeview,
#messageLists #customCriteria .k-treeview {
 overflow: visible;
}
#messageCenter #customCriteria .k-checkbox,
#messageLists #customCriteria .k-checkbox {
 margin-top: 0.2em;
}
#messageCenter .messageArea h3,
#messageLists .messageArea h3 {
 margin-bottom: 20px;
}
#messageCenter .messageArea .messageOptions,
#messageLists .messageArea .messageOptions {
 margin-bottom: 10px;
}
#messageCenter .messageArea .messageOptions .messageType,
#messageLists .messageArea .messageOptions .messageType {
 float: left;
 width: 60%;
}
#messageCenter .messageArea .messageOptions .messageType input,
#messageLists .messageArea .messageOptions .messageType input {
 width: 70%;
}
#messageCenter .messageArea .messageOptions #messageListControl,
#messageLists .messageArea .messageOptions #messageListControl {
 float: right;
 font-size: 16px;
 font-family: 'RobotoLight', Helvetica, Arial, Sans-Serif;
 font-weight: normal;
}
#messageCenter .messageArea .messageOptions #messageListControl strong,
#messageLists .messageArea .messageOptions #messageListControl strong {
 color: #22baca;
}
#messageCenter .messageArea .messageOptions #messageListControl a,
#messageLists .messageArea .messageOptions #messageListControl a {
 font-family: 'mainIcons';
 font-size: 14px;
 margin-left: 15px;
}
#messageCenter .messageArea textarea,
#messageLists .messageArea textarea {
 width: 100%;
 height: 150px;
}
#messageCenter .messageArea .buttonWrap,
#messageLists .messageArea .buttonWrap {
 margin-top: 20px;
 text-align: right;
}
#messageCenter .messageTo h5,
#messageLists .messageTo h5 {
 margin-bottom: 20px;
}
#messageCenter .messageTo a,
#messageLists .messageTo a {
 font-size: 12px;
}
#messageCenter .tipArea,
#messageLists .tipArea {
 float: left;
 max-width: 200px;
 padding-top: 70px;
}
#messageCenter .tipArea p,
#messageLists .tipArea p {
 font-size: 12px;
 margin-right: 0;
}
#messageCenter .filteredList,
#messageLists .filteredList {
 display: block;
 width: 80%;
 margin: 20px 0;
 padding-top: 10px;
 border-top: 1px dashed #bbb;
}
#messageCenter .filteredList label,
#messageLists .filteredList label {
 float: left;
 margin-right: 10px;
}
#messageCenter .filteredList #batchNotifyFilter,
#messageLists .filteredList #batchNotifyFilter {
 float: left;
}
#messageCenter .filteredList #batchNotifyFilter li,
#messageLists .filteredList #batchNotifyFilter li {
 padding-bottom: 10px;
}
#messageCenter .filteredList #batchNotifyFilter .batchNotifyRemoveFilter,
#messageLists .filteredList #batchNotifyFilter .batchNotifyRemoveFilter {
 font-family: 'mainIcons';
}
#messageCenter .smsMessageTo,
#messageLists .smsMessageTo {
 margin-bottom: 13px;
 height: 25px;
 font-size: 16px;
 font-weight: normal;
 font-family: 'RobotoLight', Helvetica, Arial, Sans-Serif;
}
#messageCenter .smsText,
#messageLists .smsText {
 resize: none;
 font-size: 100%;
 -webkit-border-radius: 0 !important;
 -moz-border-radius: 0 !important;
 border-radius: 0 !important;
 line-height: normal !important;
}
#messageCenter .k-editor-button .k-state-hover,
#messageLists .k-editor-button .k-state-hover,
#messageCenter .k-editor-button .k-state-active,
#messageLists .k-editor-button .k-state-active {
 background-color: #0085CA;
 vertical-align: middle;
}
#messageCenter .k-state-hover,
#messageLists .k-state-hover,
#messageCenter .k-splitbar-horizontal-hover:hover,
#messageLists .k-splitbar-horizontal-hover:hover,
#messageCenter .k-splitbar-vertical-hover:hover,
#messageLists .k-splitbar-vertical-hover:hover,
#messageCenter .k-list > .k-state-hover,
#messageLists .k-list > .k-state-hover,
#messageCenter .k-marquee,
#messageLists .k-marquee,
#messageCenter .k-pager-wrap .k-link:hover,
#messageLists .k-pager-wrap .k-link:hover,
#messageCenter .k-dropdown .k-state-focused,
#messageLists .k-dropdown .k-state-focused,
#messageCenter .k-imagebrowser-dropzone,
#messageLists .k-imagebrowser-dropzone {
 color: #fff;
 background-color: #1d70c9;
 border-color: #1d70c9;
}
#messageCenter .k-state-selected.k-state-focused,
#messageLists .k-state-selected.k-state-focused,
#messageCenter .k-state-selected.k-state-highlight,
#messageLists .k-state-selected.k-state-highlight {
 background-color: #1d70c9;
 border-color: #1d70c9;
}
.chartContainer #Progress {
 padding-top: 1%;
 border-left: 1px solid #d4cfc4;
 float: right;
 width: 300px;
 height: 50px;
}
.chartContainer #Progress span {
 float: left;
 padding-left: 5px;
 position: relative;
 font-family: "RobotoBold", Helvetica, Arial, sans-serif;
 font-size: 100%;
 font-weight: normal;
}
.chartContainer #Progress .horizontalProgressBar {
 background: none repeat scroll 0 0 #a6a094;
 float: left;
 margin-left: 5px;
 height: 25px;
 width: 100px;
 position: relative;
}
.chartContainer #Progress .horizontalProgressBar .barFill {
 background: none repeat scroll 0 0 #3491bc;
 left: 0;
 position: absolute;
 width: 100%;
 height: 25px;
}
.chartContainer #CountdownTimer {
 padding-top: 1%;
 border-left: 1px solid #d4cfc4;
 float: right;
 width: 300px;
 height: 50px;
}
.chartContainer #CountdownTimer span {
 float: left;
 padding-left: 10px;
 position: relative;
 font-family: "RobotoBold", Helvetica, Arial, sans-serif;
 font-size: 100%;
 font-weight: normal;
}
.actionDataModalTemplate {
 position: absolute;
 z-index: 200;
 background-color: #fff;
 box-shadow: 0 0 10px #333;
 width: 500px;
 padding: 10px;
 border-radius: 20px;
 color: #333;
}
/*.actionDataModalTemplate a {
 background-color: lightgray;
 border: 1px solid gray;
 padding: 5px;
 border-radius: 3px;
 font-size: 16px;
}*/

.actionDataModalTemplate .actionDataItems {
 padding-bottom: 10px;
}
.actionDataModalTemplate .action {
 padding-bottom: 5px;
}
.actionDataModalActions {
 text-align: right;
 padding-bottom: 10px;
}
#SystemMessagingModal #EditMessagingModal .tab-pane {
 max-height: 300px;
 overflow-y: auto;
 overflow-x: hidden;
}
#SystemMessagingModal #AddMessagingModal .tab-pane {
 max-height: 300px;
 overflow-y: auto;
 overflow-x: hidden;
}
.summernote .note-editable {
 color: gray;
 background-color: white;
}
.summernote .note-color ul {
 background-color: #f5f5f5;
}
.summernote .note-color .note-palette-title {
 color: #636363;
}
.summernote .note-color .note-color-reset {
 color: #636363;
 background-color: #a5c6ce;
}
.summernote .note-color .note-color-reset :hover {
 background-color: #4a7b8c !important;
}
.summernote .modal {
 background-color: transparent;
}
.summernote .note-dialog .note-link-dialog {
 height: 500px;
}
.summernote .note-dialog .note-help-dialog {
 height: 500px;
 border-radius: 25px 25px;
}
.summernote .note-dialog .note-help-dialog a {
 text-decoration: underline;
}
.summernote .note-dialog label {
 color: gray !important;
}
.summernote .note-dialog .in {
 max-width: 625px;
 overflow-y: auto;
}
#AuthorizationRequest p {
 color: #333333;
}
input[type='time'].form-control,
input[type='datetime-local'].form-control,
input[type='month'].form-control {
 line-height: normal !important;
}
.btn.btn-close {
 background-color: #dddddd;
 color: #333333;
}
.btn.btn-close:hover,
.btn.btn-close:focus {
 background-color: #bfbfbf;
 outline-color: #bfbfbf;
 box-shadow: none;
}
.jsAjaxLink:focus {
 outline: none;
}
span.icon-UserProfile:before {
 content: "r";
 font-family: 'mainIcons';
 font-size: 18px;
}
span.icon-Chart:before {
 content: "f";
 font-family: 'mainIcons';
 padding-right: 4px;
}
span.icon-Data:before {
 content: "g";
 font-family: 'mainIcons';
 padding-right: 4px;
}
span.icon-Property:before {
 content: "e";
 font-family: 'mainIcons';
 padding-right: 4px;
}
span.icon-Marker:before {
 content: "\f041";
 font-family: FontAwesome5ProRegular !important;
}
span.icon-Marker {
 padding: 8px 10px 4px 8px !important;
}
span.icon-Download:before {
 content: "H";
 font-family: 'mainIcons';
}
span.icon-Range:before {
 content: "N";
 font-family: 'mainIcons';
}
span.icon-Fullscreen:before {
 content: "q";
 font-family: 'mainIcons';
}
span.icon-Comparison:before {
 content: "m";
 font-family: 'mainIcons';
}
/* #region Level A WCAG 2 Compliance*/

.txtWCAGComp {
 display: none;
 transition: none;
}
.txtDark {
 color: #333333;
}
.btnWCAGComp {
 display: none;
}
.valMsgComp {
 display: none;
}
span.boldedText {
 font-family: 'RobotoBold', Helvetica, Arial, Sans-Serif;
 font-weight: normal;
}
a.btnDeleteRole {
 color: #1d70c9;
}
a.btnDeleteRole:hover {
 color: #555555;
}
td.name,
td.accountNumber {
 color: #262626;
}
#accountList table.dataTable.dark {
 padding: 0;
 border-spacing: 0;
 border-collapse: separate;
 border: none;
 width: 100%;
}
#manualAdjustment table.dataTable.dark {
 padding: 0;
 border-spacing: 0;
 border-collapse: separate;
 border: none;
 width: 100%;
}
/* #endregion */

.container {
 padding: 0;
 margin: 0;
 width: initial;
}
.tooltip {
 opacity: initial;
 filter: initial;
}
.sticky {
 position: fixed;
 top: 0;
 width: 100%;
 z-index: 9999;
}
.pagination > .disabled > a {
 color: #757575;
}
.form-control.input-validation-error {
 background-color: #f0dddd;
}
.was-validated .form-control:invalid {
 background-color: #f0dddd;
}
#AddDeviceModal .form-group {
 margin-bottom: 15px;
}
#AddDeviceModal .form-group .control-label {
 padding-top: 7px;
 text-align: right;
}
#AddDeviceSuccessAlertContainer {
 margin-bottom: 0px;
 margin-top: 10px;
}
#AddRealtimeDeviceBtn {
 margin-top: 5px;
 margin-bottom: 25px;
}
#AddDeviceForm input[type="text"] {
 width: 400px;
}
#AddDeviceForm select {
 width: 400px;
}
#AddDeviceModal .AddDeviceError {
 color: red;
}
th.sort {
 cursor: pointer;
}
th.dataLoadSort {
 cursor: pointer;
}
.ActionChallenge-ExpandableRow-Cell {
 padding-bottom: 65px !important;
}
.ActionChallenge-ExpandableRow-Header {
 padding-top: 20px;
 color: #005984;
 text-align: center;
}
.PaymentResults-Header {
 background-color: #005984;
 color: white;
}
.PaymentResults-GrayText {
 color: #888;
 font-size: 13px;
}
#StartStopTransferModalForm label.required::after {
 content: " *";
 color: #b94a48;
}
#StartStopTransferModalForm h5.required::after {
 content: " *";
 color: #b94a48;
}
#StartStopTransferModalForm h4.required::after {
 content: " *";
 color: #b94a48;
}
#StartStopTransferModalForm div.required::after {
 content: " *";
 color: #b94a48;
}
.StartStopTransferModalHeader {
 background-color: #1d70c9;
}
.StartStopTransferModalHeader .modal-title {
 color: #fff;
 float: left;
}
.StartStopTransferModalHeader .close {
 color: #fff;
 opacity: 1 !important;
}
.sstSelectPlaceholder:invalid {
 color: gray;
 font-style: italic;
 font-size: 13px;
 height: 38px;
}
.sstSelectPlaceholder option {
 color: initial;
 font-style: initial;
 font-size: initial;
}
.sstSelectValidationError.input-validation-error {
 background-color: #f0dddd;
}
#ServiceOrdersRequestModalBody input[type=time] {
 width: 140px;
}
#ServiceOrdersRequestModalBody input[type=date] {
 width: 160px;
 margin-bottom: 10px;
}
#DynamicFormsPreviewContent label.required::after {
 content: " *";
 color: #b94a48;
}
#DynamicFormsPreviewContent input:invalid {
 background-color: unset;
}
#DynamicFormsPreviewContent textarea:invalid {
 background-color: unset;
}
.adminList li {
 position: relative;
}
.adminList .dropdown-submenu {
 display: none;
 position: absolute;
 left: 30%;
 top: -7px;
}
.adminList .dropdown-submenu-left {
 right: 100%;
 left: auto;
}
.adminList > li:hover > .dropdown-submenu {
 display: block;
}
.secondNav .dropdown-menu li {
 position: relative;
}
.secondNav .dropdown-menu .dropdown-submenu {
 display: none;
 position: absolute;
 left: 100%;
 top: -7px;
}
.secondNav .dropdown-menu .dropdown-submenu-left {
 right: 100%;
 left: auto;
}
.secondNav .dropdown-menu > li:hover > .dropdown-submenu {
 display: block;
}
#ProgramSignUpContainer .required::after {
 content: " *";
 color: red;
}
#ProgramSignUpContainer .checkboxColor {
 border-color: #8c8f91 !important;
}
#ProgramSignUpContainer .programCostTable td {
 vertical-align: middle;
}
@media only screen and (min-width: 0) {
 #impersonateBar .search .form-group {
 margin-left: 0;
 }
}
@media only screen and (min-width: 768px) {
 #subHeaderContainer {
 margin-top: 0px;
 }
 .tor-label {
 text-align: right;
 }
}
@media only screen and (min-width: 1600px) {
 .genericModal label {
 text-align: right;
 }
}
@media only screen and (max-width: 1200px) {
 header .welcome #partner .partnerLogo {
 margin: 0 auto;
 }
 #propertySelect #propertyInfo .select {
 top: -10px;
 margin-top: 10px;
 }
 #widgetScroller {
 width: 67%;
 margin-right: -20px;
 }
 #widgetScroller #widgets h2 {
 font-size: 220%;
 }
 #widgetScroller #widgets > li .prepayWidget .rangeAlert {
 font-size: 80%;
 }
 #widgetScroller #widgets > li .energyChallengeWidget.started .top .months,
 #widgetScroller #widgets > li .energyChallengeWidget.started .top .challenge,
 #widgetScroller #widgets > li .energyChallengeWidget.started .top .savings {
 padding: 5px 5px 0;
 }
 #widgetScroller #widgets > li .energyChallengeWidget.started .bottom h2 {
 font-size: 165%;
 }
 #widgetScroller #widgets > li .energyChallengeWidget.started .bottom .rangeAlert {
 padding-top: 10px;
 }
 #widgetScroller #widgets > li .energyChallengeWidget:not(.started) S.bottom h3,
 #widgetScroller #widgets > li .energyChallengeWidget:not(.started) h4 {
 font-size: 100%;
 }
 #widgetScroller #widgets > li .RateAnalyzerWidget h4 {
 font-size: 100%;
 }
 #widgetScroller #widgets > li .billPayWidget h2 {
 font-size: 16px;
 }
 #widgetScroller.activity {
 width: 70%;
 }
 #propertySelect.activity {
 width: 30%;
 }
 #CampaignActionsWrapper {
 left: 70%;
 }
 #Leaderboard .tab-content tbody td {
 max-width: 130px;
 }
 #messageCenter .messageArea .messageOptions #batchNotifyMemberCount {
 float: left;
 clear: both;
 margin-top: 10px;
 }
 #messageCenter .messageArea .messageOptions #batchNotifyMemberCount > label {
 min-width: 52px;
 display: inline-block;
 }
 #energyChallengeHistory,
 #currentEnergyChallengeHistory {
 overflow-x: scroll;
 }
 #energyChallengeHistory table,
 #currentEnergyChallengeHistory table {
 min-width: 1185px;
 }
 .specialHeader .contentWrap .message {
 width: 25%;
 }
 .peakDemandEventsWidget .subhead {
 font-size: 10px;
 }
 .genericModal label {
 width: 90%;
 float: left;
 padding-right: 10px;
 }
 .genericModal input[type=text],
 .genericModal input[type=email],
 .genericModal input[type=url],
 .genericModal input[type=password],
 .genericModal textarea {
 width: 90%;
 }
 .genericModal .error {
 text-align: left;
 }
 #profileQuestions .masonry-columns.masonry-3-columns {
 columns: 2 auto;
 }
}
@media only screen and (max-width: 1127px) {
 .contentContainer #secHeader .chartControlForm .daterangeselector-panel,
 .contentContainer #secHeader .tableControlForm .daterangeselector-panel {
 top: 87px;
 }
 .AccountScorecard img {
 max-height: 60px;
 }
 .contentContainer #secHeader .chartControlForm .chartControlContainer,
 .contentContainer #secHeader .tableControlForm .tableControlContainer {
 margin-right: 0px;
 }
 .contentContainer #secHeader .chartControlForm .chartControlContainer .inputContainer,
 .contentContainer #secHeader .tableControlForm .tableControlContainer .inputContainer {
 float: left;
 clear: left;
 margin-left: 5px;
 border: none;
 }
 .contentContainer #secHeader .chartControlForm .chartControlContainer .inputContainer#legend label,
 .contentContainer #secHeader .tableControlForm .tableControlContainer .inputContainer#legend label {
 min-width: 0;
 }
 .contentContainer #secHeader .chartControlForm .chartControlContainer .inputContainer ~ .inputContainer,
 .contentContainer #secHeader .tableControlForm .tableControlContainer .inputContainer ~ .inputContainer {
 float: left;
 clear: none;
 margin-left: 5px;
 border: none;
 }
 .contentContainer #secHeader .chartControlForm .chartControlContainer .inputContainer ~ .inputContainer#legend label,
 .contentContainer #secHeader .tableControlForm .tableControlContainer .inputContainer ~ .inputContainer#legend label {
 min-width: 0;
 }
}
@media only screen and (max-width: 1000px) {
 .welcome #signup .signupGroup {
 padding-left: 5%;
 }
 .welcome #signup .signupGroup input,
 .welcome #signup .signupGroup select {
 width: 95%;
 }
 .welcome #signup .signupGroup.externalSystemGroup label {
 display: block;
 clear: both;
 }
 .specialHeader .contentWrap .search {
 float: right;
 clear: right;
 }
 .specialHeader .contentWrap a.exitImpersonate {
 clear: right;
 margin-top: 5px;
 }
 #messageCenter .messageArea .messageOptions .messageType {
 width: 50%;
 }
 #propertyOverview #energyStar #energyStarQuestionCategory {
 width: 57%;
 }
 #energyStartab .question {
 width: 30%;
 }
}
@media only screen and (min-width: 992px) {
 .nav-deprecated .contentWrap .navbar-collapse {
 margin-left: auto;
 }
}
@media only screen and (max-width: 992px) {
 #Alerts .masonry-columns.masonry-2-columns {
 columns: 1 auto;
 }
 .nav-deprecated .contentWrap .collapse {
 display: none !important;
 flex-basis: 100%;
 flex-grow: 1;
 align-items: center;
 }
 .nav-deprecated .contentWrap .collapse .navbar-nav {
 align-items: start !important;
 flex-direction: column;
 padding-left: 0;
 margin-bottom: 1rem !important;
 list-style: none;
 }
 .nav-deprecated .contentWrap {
 flex-wrap: wrap;
 }
 .nav-deprecated .contentWrap .collapse.in {
 display: block !important;
 }
 .nav-deprecated .navbar-toggle {
 display: block;
 margin-left: auto;
 }
 .nav-deprecated .dropdown-menu-right {
 left: 0;
 right: auto;
 }
 .pay-cancel-row .pull-right,
 .termsandconditions .pull-right {
 float: none !important;
 }
}
@media only screen and (max-width: 899px) {
 select {
 font-size: 12px;
 margin: 0;
 padding: 0;
 }
 .specialHeader .contentWrap h5,
 .specialHeader .contentWrap a {
 font-size: 90%;
 }
 #main {
 padding: 30px 10px;
 }
 .contentWrap {
 width: 100%;
 min-width: 600px;
 max-width: 899px;
 margin: 0;
 }
 #widgetScroller {
 width: 60%;
 overflow-x: scroll;
 overflow-y: hidden;
 -webkit-box-shadow: inset -6px 0 10px rgba(0, 0, 0, 0.15);
 -moz-box-shadow: inset -6px 0 10px rgba(0, 0, 0, 0.15);
 box-shadow: inset -6px 0 10px rgba(0, 0, 0, 0.15);
 }
 #messageCenter .messageArea,
 #messageCenter .messageTo {
 float: none;
 width: 100%;
 }
 #propertyOverview #profileQuestions,
 #propertyOverview #communication {
 padding: 10px;
 }
 #widgetScroller.activity {
 width: 100%;
 margin: 18px 0 0 0;
 overflow: visible;
 }
 #propertySelect.activity {
 width: 100%;
 float: none;
 min-height: 60px;
 }
 #CampaignActionsWrapper {
 left: 33%;
 }
 #energyStar .tabContent .residential {
 width: 31%;
 }
 #energyStar .tabContent .residential.set2 {
 width: 98%;
 }
 #energyStar .tabContent .residential.set2 .question {
 width: 31%;
 }
 #energyStar .tabContent .residential.set1 .question {
 width: 31%;
 }
 #propertySelect #propertyInfo ul {
 max-height: 480px;
 }
 .notificationCenter {
 padding: 10px 0 0;
 }
 .notificationCenter .notificationMessages,
 .notificationCenter .notificationAlerts {
 float: none;
 width: 98%;
 margin: 0 auto;
 }
 .notificationCenter .notificationMessages .tip,
 .notificationCenter .notificationAlerts .tip {
 margin-left: 0;
 }
 #communicationOptionsScreen,
 #alertsOptionsScreen {
 width: 98%;
 margin: 0 auto;
 }
 #viewBill .viewBillPropertyListing #subHead #propertySelect {
 width: 50%;
 }
 #viewBill #prepayDetails {
 width: auto;
 float: none;
 }
 .customPaymentHtml {
 margin: 6px auto;
 }
 #energyChallenge .introduction .colHalf {
 width: auto;
 float: none;
 margin: 10px;
 }
 #energyChallenge .introduction .right .goal .slider {
 width: 78%;
 }
 .welcome #pitch li {
 width: 100%;
 }
 .formatted-balance {
 padding-top: 10px;
 }
 .formatted-balance-past-due {
 padding-bottom: 10px;
 }
 .auto-pay-toggle-and-text {
 padding-top: 10px;
 }
}
@media only screen and (max-width: 849px) {
 body #propertyOverview #energyStarDetail #portfolioManager,
 body #propertyOverview #propertyDetail #portfolioManager {
 margin-bottom: 30px;
 }
 body #propertyOverview #energyStarDetail #propertyProfileDetails,
 body #propertyOverview #propertyDetail #propertyProfileDetails,
 body #propertyOverview #energyStarDetail #details,
 body #propertyOverview #propertyDetail #details {
 margin-right: 0;
 padding-bottom: 15px;
 border-bottom: 1px dashed #ffffff;
 }
 body #propertyOverview #energyStarDetail #energyStarPercentComplete,
 body #propertyOverview #propertyDetail #energyStarPercentComplete {
 width: 98%;
 }
 body #propertyOverview #energyStarDetail #energyStartab .question,
 body #propertyOverview #propertyDetail #energyStartab .question {
 width: 50%;
 }
 body #propertyOverview #propertyProfile #profileQuestions #tabList li {
 width: 45%;
 }
 body #propertyOverview #propertyProfileM #manageQuestions .tabContent {
 padding: 0px;
 }
 body #propertyOverview #propertyProfileM #manageQuestions .nav-tabs {
 padding-bottom: 20px;
 margin-bottom: 10px;
 }
 body #propertyOverview #propertyProfileM #manageQuestions .nav-tabs li {
 width: 55%;
 margin: 5px 0;
 }
 body #propertyOverview #propertyProfileM #manageQuestions .nav-tabs li a {
 border-radius: 5px;
 padding: 5px 15px;
 }
 body #propertyOverview #propertyProfileM #manageQuestions .nav-tabs > li.active a {
 border: 1px solid #1d70c9;
 background-color: #1d70c9;
 color: #fff;
 }
}
@media only screen and (max-width: 797px) {
 .contentContainer #secHeader .chartControlForm .daterangeselector-panel,
 .contentContainer #secHeader .tableControlForm .daterangeselector-panel {
 top: 130px;
 }
}
@media only screen and (max-width: 770px) {
 #propertyOverview #energyStar #energyStarQuestionCategory {
 width: 96%;
 margin: 0px;
 }
 #propertyOverview #energyStar #energyStarComplete {
 width: 96%;
 }
 .specialHeader .contentWrap .search .form-inline .form-group {
 display: inline-block;
 }
 .contentContainer #secHeader #dataDatePickerContainer {
 text-align: left;
 }
}
@media only screen and (max-width: 740px) {
 .specialHeader .contentWrap h5 {
 width: 25%;
 margin: 3px 0 8px;
 }
 .specialHeader .contentWrap .message {
 width: 75%;
 min-height: 0;
 padding: 2px 0 1px 10px;
 margin: 3px 0 8px;
 }
 .specialHeader .contentWrap a.exitImpersonate {
 width: auto;
 font-size: 80%;
 border: 0;
 padding: 3px;
 min-height: 0;
 float: right;
 }
 .specialHeader .contentWrap .search {
 float: left;
 clear: left;
 }
 .specialHeader .contentWrap .email {
 float: left;
 }
 #messageCenter {
 padding: 15px 10px;
 }
 #messageCenter .messageOptions .messageType input {
 width: 75%;
 }
 .contentWrap {
 width: 100%;
 min-width: 290px;
 max-width: 740px;
 }
 #main {
 margin: 0;
 padding: 0;
 }
 .welcome #partner {
 float: none;
 height: auto;
 width: auto;
 }
 .welcome #partner .partnerLogo {
 background-repeat: no-repeat;
 height: 120px;
 }
 .welcome #fma h1 {
 font-size: 1.75em;
 width: 100%;
 }
 .welcome #fma img {
 width: 100%;
 max-width: 467px;
 }
 .genericSubhead.dashboard {
 padding: 0;
 }
 .genericSubhead.dashboard #propertySelect {
 width: 100%;
 padding: 20px;
 margin-bottom: 0px;
 border-bottom: 1px solid #dbd6cc;
 }
 .genericSubhead.dashboard #widgetScroller {
 float: none;
 clear: both;
 margin: 0;
 width: 100%;
 overflow: hidden;
 -webkit-box-shadow: 0 0 0 #000;
 -moz-box-shadow: 0 0 0 #000;
 box-shadow: 0 0 0 #000;
 }
 .genericSubhead.dashboard #widgetScroller #widgets .widget .rangeAlert {
 font-size: 80%;
 }
 #propertyOverview #profileQuestions .masonry-columns.masonry-3-columns {
 columns: 1 auto;
 }
 #propertyOverview #propertyProfile #profileQuestions .nav-pills li {
 margin: 5px;
 width: 45%;
 }
 #propertyOverview #propertyProfile #profileQuestions .tabContent .splash {
 padding: 20px;
 }
 #propertyOverview #propertyProfile #profileQuestions .tabContent .splash .content {
 margin: 0 !important;
 }
 #propertyOverview #propertyProfile #profileQuestions .tabContent .splash .icons {
 display: none;
 }
 #propertyOverview #propertyProfileM #manageQuestions .tabContent .residential {
 padding: 2%;
 width: 46%;
 }
 #propertyOverview #propertyProfileM #manageQuestions .tabContent .residential.set3 {
 width: 46%;
 }
 #propertyOverview #propertyProfileM #manageQuestions .tabContent .residential.set2 {
 width: 46%;
 }
 #propertyOverview #propertyProfileM #manageQuestions .tabContent .residential.set2 .question {
 width: 98%;
 }
 #propertyOverview #propertyProfileM #manageQuestions .tabContent .residential.set1 .question {
 width: 48%;
 }
 #propertyOverview #equipmentDetails #profileQuestions .tabContent .residential {
 padding: 2%;
 width: 46%;
 }
 #propertyOverview #equipmentDetails #profileQuestions .tabContent .residential.set3 {
 width: 46%;
 }
 #propertyOverview #equipmentDetails #profileQuestions .tabContent .residential.set2 {
 width: 46%;
 }
 #propertyOverview #equipmentDetails #profileQuestions .tabContent .residential.set2 .question {
 width: 98%;
 }
 #propertyOverview #equipmentDetails #profileQuestions .tabContent .residential.set1 .question {
 width: 48%;
 }
 #propertyOverview #equipmentDetails #profileQuestions .tabContent .splash {
 padding: 20px;
 }
 #propertyOverview #equipmentDetails #profileQuestions .tabContent .splash .content {
 margin: 0 !important;
 }
 #propertyOverview #equipmentDetails #profileQuestions .tabContent .splash .icons {
 display: none;
 }
 #propertyOverview #campaignsTab #campaignQuestions .tabContent .residential {
 padding: 2%;
 width: 46%;
 }
 #propertyOverview #campaignsTab #campaignQuestions .tabContent .residential.set3 {
 width: 46%;
 }
 #propertyOverview #campaignsTab #campaignQuestions .tabContent .residential.set2 {
 width: 46%;
 }
 #propertyOverview #campaignsTab #campaignQuestions .tabContent .residential.set2 .question {
 width: 98%;
 }
 #propertyOverview #campaignsTab #campaignQuestions .tabContent .residential.set1 .question {
 width: 48%;
 }
 #propertyOverview #energyStar .tabContent .residential {
 width: 31%;
 }
 #propertyOverview #energyStar .tabContent .residential .question {
 width: 40%;
 }
 #propertyOverview #energyStar .tabContent .residential .question {
 width: 40%;
 }
 #energyStartab .question {
 width: 100%;
 }
 #widgetScroller.activity {
 float: none;
 margin: 18px 0 0 0;
 width: 100%;
 -webkit-box-shadow: inset -6px 0 10px rgba(0, 0, 0, 0.15);
 -moz-box-shadow: inset -6px 0 10px rgba(0, 0, 0, 0.15);
 box-shadow: inset -6px 0 10px rgba(0, 0, 0, 0.15);
 overflow: visible;
 }
 #widgetScroller.activity #widgets .widget .rangeAlert {
 font-size: 80%;
 }
 #communication .tip {
 width: 95%;
 float: none;
 margin: 10px;
 }
 #communication .add-notification-setting-selector {
 margin: 0px 8px 0px;
 }
 #communication .notification-settings-list .notification-setting span.notification-setting-metergroup {
 border: none;
 background: none;
 }
 #main .communication .addType #Property {
 width: 25%;
 margin-bottom: 5px;
 }
 #main .communication .addType #EmailAddress {
 width: 25%;
 }
 #main .communication .addType #Meter {
 margin: 5px;
 }
 .errorContainer {
 width: 90%;
 margin-left: -45%;
 top: 55px;
 }
 #viewBill .summary {
 width: auto;
 float: none;
 }
 #viewBill .viewBillUsageChartHolder {
 float: none;
 width: auto;
 }
 #viewBill #prepayDetails {
 width: 98%;
 margin: 10px 1%;
 max-width: 740px;
 float: none;
 }
 #viewBill #prepayDetails .download {
 display: none;
 }
 #viewBill .viewBillPropertyListing #subHead #propertySelect {
 width: 70%;
 }
 #paybill .billingColumn {
 margin-right: 0;
 margin-bottom: 20px;
 width: auto;
 float: none;
 min-height: 0;
 }
 #paybill .addressEditBlock .AddressLine1 input,
 #paybill .editCCBlock .AddressLine1 input,
 #paybill .addressEditBlock .AddressLine2 input,
 #paybill .editCCBlock .AddressLine2 input {
 width: 95%;
 }
 footer {
 padding-bottom: 10px;
 }
 footer a {
 font-size: 10px;
 }
 footer .mainLogo {
 display: none;
 float: left;
 margin: 0;
 margin-top: 10px;
 text-indent: -999px;
 }
 footer .mainLogo:after {
 font-size: 70px;
 text-indent: 0px;
 }
}
@media only screen and (max-width: 640px) {
 body #propertyOverview #energyStarDetail div.location,
 body #propertyOverview #propertyDetail div.location {
 width: 98%;
 }
 #prepayDetails table .meter,
 .standardBillingDetails table .meter,
 #prepayDetails table .from,
 .standardBillingDetails table .from,
 #prepayDetails table .to,
 .standardBillingDetails table .to {
 display: none;
 }
 .notificationMessages .panel-heading {
 padding: 20px;
 }
 .AccountScorecard .rangeAlert {
 padding-top: 8px;
 }
}
@media screen and (max-width: 550px) {
 .specialHeader .contentWrap h5 {
 width: 50%;
 margin-bottom: 5px;
 }
 .specialHeader .contentWrap .message {
 width: 50%;
 padding: 3px 0 5px;
 border: 0;
 text-align: right;
 }
 .specialHeader .contentWrap .message span {
 display: none;
 }
 .specialHeader .contentWrap .search {
 float: left;
 clear: both;
 }
 .specialHeader .contentWrap .search .form-group:first-child {
 width: 50%;
 }
 .specialHeader .contentWrap a.exitImpersonate {
 padding: 3px;
 width: auto;
 display: block;
 float: right;
 }
 .siteNav .logoWrap .utility .presentedBy {
 display: none;
 }
 .welcome #partner .partnerLogo {
 background-size: initial;
 }
 .welcome #fma .welcomeImage {
 background-size: 100% auto;
 background-repeat: no-repeat;
 width: 100%;
 }
 .welcome #signup .signupGroup input:not(.form-control),
 .welcome #signup .signupGroup select:not(.form-control) {
 width: 100%;
 margin-left: 0;
 }
 #messageCenter .messageArea .messageOptions .messageType {
 width: 100%;
 margin-bottom: 10px;
 }
 #messageCenter .messageArea .messageOptions .messageType input {
 width: 80%;
 }
 #messageCenter .messageArea .messageOptions #messageListControl {
 float: left;
 }
 .contentContainer #secHeader .chartControlForm .daterangeselector-panel,
 .contentContainer #secHeader .tableControlForm .daterangeselector-panel {
 top: 216px;
 }
 #widgetScroller {
 overflow: visible;
 height: auto;
 width: 100%;
 }
 #widgetScroller .more {
 display: block;
 }
 #widgetScroller #widgets.open {
 height: 260px;
 }
 #widgetScroller .more.open::after {
 content: "Less";
 }
 #widgetScroller #widgets {
 height: 130px;
 min-width: 0;
 overflow: hidden;
 -webkit-box-shadow: inset 0px -6px 10px rgba(0, 0, 0, 0.15);
 -moz-box-shadow: inset 0px -6px 10px rgba(0, 0, 0, 0.15);
 box-shadow: inset 0px -6px 10px rgba(0, 0, 0, 0.15);
 -webkit-transition: height 0.4s ease-out;
 -moz-transition: height 0.4s ease-out;
 transition: height 0.4s ease-out;
 }
 #widgetScroller #widgets > li {
 width: 50%;
 border-bottom: 1px solid #fafafa;
 }
 #widgetScroller #widgets > li:nth-child(3) {
 clear: left;
 }
 #widgetScroller #widgets > li.energyChallenge .bottom .rangeAlert {
 display: block;
 }
 #tabularData #secHeader #mainSelect {
 margin-top: 7px;
 }
 #tabularData #dataTableHolder {
 width: 520px;
 height: 400px;
 }
 body #propertyOverview #energyStarDetail div.location,
 body #propertyOverview #propertyDetail div.location {
 float: none;
 width: 98%;
 border-right: 0;
 }
 body #propertyOverview #energyStarDetail #propertyProfileDetails,
 body #propertyOverview #propertyDetail #propertyProfileDetails,
 body #propertyOverview #energyStarDetail #details,
 body #propertyOverview #propertyDetail #details {
 float: none;
 width: 98%;
 padding-left: 0;
 }
 #widgetScroller.activity {
 top: 20px;
 overflow: visible;
 }
 #propertySelect.activity {
 width: 100%;
 }
 #propertySelect.activity #propertyNav li {
 width: 33% !important;
 float: left;
 clear: both;
 width: 100%;
 border-top: 1px solid #c4beb2;
 border-left: none;
 margin: 0 0 10px 0;
 }
 #propertySelect.activity #propertyNav li:first-child {
 border-top: none;
 }
 #propertySelect.activity #propertyNav li a {
 padding: 10px 0 0 0;
 }
 #propertySelect.activity.l1:after {
 left: 14%;
 top: 100%;
 }
 #propertySelect.activity.l2:after {
 left: 47%;
 top: 100%;
 }
 #propertySelect.activity.l3:after {
 left: 80%;
 top: 100%;
 }
 #CampaignActions {
 top: -200px;
 width: 80%;
 }
 #CampaignActionsWrapper {
 left: 10%;
 }
 #ManageTeamUsers #Modal .modal-content .modal-body label {
 text-align: left;
 }
 #energyStar .tabContent .residential {
 width: 31%;
 }
 #energyStar .tabContent .residential .question {
 width: 90%;
 }
 #energyStar .tabContent .residential .question {
 width: 90%;
 }
 #viewBill .viewBillPropertyListing #subHead #propertySelect {
 float: none;
 width: 100%;
 }
 #viewBill .viewBillPropertyListing #subHead a.genericBtn {
 float: left;
 margin: 0 0 22px 22px;
 }
 #viewBill #prepayDetails .prepayDetailsSort .rangeSelect {
 border-right: 0;
 }
 #viewBill #prepayDetails table .tax,
 #viewBill #prepayDetails table .balance,
 #viewBill #prepayDetails table .transaction {
 display: none;
 }
 #viewBill .standardBillingDetails table {
 font-size: 12px;
 }
 #viewBill .standardBillingDetails table tr td:not(.billing-history-date):not(.billing-history-description):not(.billing-history-amount) {
 display: none;
 }
 #viewBill .standardBillingDetails table tr th:not(.billing-history-date):not(.billing-history-description):not(.billing-history-amount) {
 display: none;
 }
 #viewBill #prepayDetails table {
 font-size: 12px;
 }
 #viewBill #prepayDetails table tr td:not(.date):not(.description):not(.total) {
 display: none;
 }
 #viewBill #prepayDetails table tr th:not(.date):not(.description):not(.total) {
 display: none;
 }
 #paybill .accountsList h3 span {
 display: block;
 }
 #paybill #paymentConfirmationModal .modal-dialog {
 width: 500px;
 }
 #energyChallenge .introduction .right .goal .slider {
 width: 73%;
 }
 .TeamsDialog {
 width: 70%;
 }
 #energyStartab .question {
 width: 100%;
 }
 .serviceOrdersTable th,
 .serviceOrdersTable td {
 font-size: 0.7rem;
 }
}
@media screen and (max-width: 480px) {
 .welcome #signup .signupGroup {
 float: none;
 width: 98%;
 margin: 0 auto;
 padding-right: 5%;
 }
 .welcome #signup .signupGroup input,
 .welcome #signup .signupGroup select {
 width: 98%;
 }
 .welcome #fma {
 padding: 20px 0;
 }
 .specialHeader .contentWrap a.exitImpersonate {
 padding: 3px;
 width: auto;
 display: block;
 float: left;
 clear: both;
 margin-top: 10px;
 }
 #tabularData #secHeader .options li {
 float: none;
 clear: right;
 }
 #tabularData #secHeader .options li label {
 min-width: 60px;
 }
 #tabularData #dataTableHolder {
 width: 440px;
 height: 350px;
 }
 #propertyOverview #propertyProfileM .energyStarHeader {
 font-size: 12px;
 }
 #propertyOverview #propertyProfileM #manageQuestions .tabContent .residential {
 width: 94%;
 padding: 3%;
 }
 #propertyOverview #propertyProfileM #manageQuestions .tabContent .residential.set3,
 #propertyOverview #propertyProfileM #manageQuestions .tabContent .residential.set2,
 #propertyOverview #propertyProfileM #manageQuestions .tabContent .residential.set1 {
 width: 94%;
 }
 #propertyOverview #propertyProfileM #manageQuestions .tabContent .residential.set3 .question,
 #propertyOverview #propertyProfileM #manageQuestions .tabContent .residential.set2 .question,
 #propertyOverview #propertyProfileM #manageQuestions .tabContent .residential.set1 .question {
 width: 98%;
 }
 #propertyOverview #equipmentDetails #profileQuestions .tabContent .residential {
 width: 94%;
 padding: 3%;
 }
 #propertyOverview #equipmentDetails #profileQuestions .tabContent .residential.set3,
 #propertyOverview #equipmentDetails #profileQuestions .tabContent .residential.set2,
 #propertyOverview #equipmentDetails #profileQuestions .tabContent .residential.set1 {
 width: 94%;
 }
 #propertyOverview #equipmentDetails #profileQuestions .tabContent .residential.set3 .question,
 #propertyOverview #equipmentDetails #profileQuestions .tabContent .residential.set2 .question,
 #propertyOverview #equipmentDetails #profileQuestions .tabContent .residential.set1 .question {
 width: 98%;
 }
 #propertyOverview #campaignsTab #campaignQuestions .tabContent .residential {
 width: 94%;
 padding: 3%;
 }
 #propertyOverview #campaignsTab #campaignQuestions .tabContent .residential.set3,
 #propertyOverview #campaignsTab #campaignQuestions .tabContent .residential.set2,
 #propertyOverview #campaignsTab #campaignQuestions .tabContent .residential.set1 {
 width: 94%;
 }
 #propertyOverview #campaignsTab #campaignQuestions .tabContent .residential.set3 .question,
 #propertyOverview #campaignsTab #campaignQuestions .tabContent .residential.set2 .question,
 #propertyOverview #campaignsTab #campaignQuestions .tabContent .residential.set1 .question {
 width: 98%;
 }
 #viewBill #prepayDetails .debtBalance {
 display: none;
 }
 #viewBill #prepayDetails table thead tr td {
 padding: 0px;
 font-size: 11px;
 }
 .genericSubhead .lastLogin {
 display: none;
 }
 #notifications .type {
 display: none;
 }
 #alertsOptionsScreen .lastOccurance {
 display: none;
 }
 #alertsOptionsScreen .occurance {
 display: none;
 }
 #editLogin input,
 #editLogin label {
 display: block;
 clear: both;
 }
 #energyChallenge .introduction .right .goal .slider {
 width: 100%;
 margin-bottom: 42px;
 }
 .TeamsDialog {
 width: 80%;
 }
 .actionDataModalTemplate {
 width: 95%;
 }
 #main .communication .addType #Property {
 width: 55%;
 margin-bottom: 5px;
 }
 #main .communication .addType #DeliveryMethod {
 float: right;
 width: 23%;
 }
 #main .communication .addType #EmailAddress {
 width: 65%;
 }
 #main .communication .addType #PhoneCarrier {
 width: 22%;
 }
 #main .communication .addType #PhoneNumber {
 width: 40%;
 }
 #main .communication .addType a {
 float: right;
 }
 #main .communication .addType #Balance {
 margin-top: 5px;
 width: 40%;
 }
 #main .communication .addType #Meter {
 margin: 5px 0;
 width: 65%;
 }
 #main .communication .addType #Frequency {
 float: right;
 }
 #main .communication .addType #AlertProperty {
 width: 75%;
 }
 #main .communication .addType #alertThresholdSelect {
 width: 22%;
 }
 #main .communication .lastOccurance {
 display: none;
 }
 #main .communication .occurance {
 display: none;
 }
 #main .communication .created {
 display: none;
 }
 #Leaderboard .tab-content .highlight img {
 margin: 10px auto;
 display: block;
 }
 #paybill #paymentConfirmationModal .modal-dialog {
 width: 400px;
 }
}
@media screen and (max-width: 400px) {
 .specialHeader .contentWrap h5 {
 width: 100%;
 }
 .specialHeader .contentWrap .message {
 width: 100%;
 border: 0;
 padding: 0;
 text-align: left;
 }
 .specialHeader .contentWrap .search {
 float: left;
 clear: both;
 width: 100%;
 }
 #widgetScroller .more {
 right: 46%;
 }
 #widgetScroller #widgets .widget .gear {
 right: 10px;
 }
 #widgetScroller #widgets > li .widget .widgetWrap {
 width: auto;
 margin: 20px 0 20px 10px;
 }
 #widgetScroller #widgets > li .prepayWidget {
 min-width: 0;
 }
 #widgetScroller #widgets > li .prepayWidget h2 {
 font-size: 230%;
 }
 #widgetScroller #widgets > li .prepayWidget .widget .widgetWrap {
 margin: 20px 0 20px 10px;
 }
 #widgetScroller #widgets > li .energyChallengeWidget .widgetWrap {
 margin: 0;
 }
 #widgetScroller #widgets > li .energyChallengeWidget .widgetWrap .bottom .rangeAlert {
 display: none;
 }
 #widgetScroller .activity {
 overflow: visible;
 }
 .inputContainer .daterangeselector-text {
 font-size: 12px;
 }
 .contentContainer #secHeader .chartControlForm .daterangeselector-panel,
 .contentContainer #secHeader .tableControlForm .daterangeselector-panel {
 width: 194px;
 }
 .contentContainer #secHeader .chartControlForm .daterangeselector-panel .start,
 .contentContainer #secHeader .tableControlForm .daterangeselector-panel .start {
 width: 100%;
 }
 .contentContainer #secHeader .chartControlForm .daterangeselector-panel .end,
 .contentContainer #secHeader .tableControlForm .daterangeselector-panel .end {
 width: 100%;
 float: left;
 }
 #communication #communicationOptionsScreen .details {
 max-width: 45px;
 -ms-text-overflow: ellipsis;
 -o-text-overflow: ellipsis;
 text-overflow: ellipsis;
 overflow: hidden;
 }
 #tabularData #dataTableHolder {
 width: 360px;
 height: 300px;
 }
 #viewBill #prepayDetails .prepayDetailsSort .dateRange label,
 #viewBill #prepayDetails .prepayDetailsSort .dateRange input {
 display: block;
 float: left;
 }
 #viewBill #prepayDetails .prepayDetailsSort .dateRange label {
 clear: left;
 min-width: 50px;
 }
 #propertyOverview #energyStar #energyStarQuestionCategory #energyStartab .residential .question {
 width: 90%;
 }
 body #propertyOverview div[role="tabpanel"] .nav-tabs li {
 margin: 0 5px -1px 5px;
 }
 body #propertyOverview div[role="tabpanel"] .nav-tabs a {
 font-size: 13px;
 padding: 10px;
 }
 .TeamsDialog {
 width: 90%;
 }
 .actionDataModalTemplate {
 width: 95%;
 }
 #paybill #paymentConfirmationModal .modal-dialog {
 width: 320px;
 }
}
@media screen and (max-width: 320px) {
 .TeamsDialog {
 width: 95%;
 }
 .actionDataModalTemplate {
 width: 95%;
 }
 #tabularData #dataTableHolder {
 width: 280px;
 height: 200px;
 }
 #ManageTeamUsers #Modal .modal-content .modal-body label {
 width: auto;
 }
 #ManageTeamUsers #Modal .modal-content .modal-body input {
 min-width: 160px;
 }
 #paybill #paymentConfirmationModal .modal-dialog {
 width: 300px;
 }
}
/*#region Buttons*/

.btn.btn-primary {
 color: #fff;
 background-color: #1d70c9;
 -webkit-box-shadow: inset 0 0 6px #1d70c9;
 -moz-box-shadow: inset 0 0 6px #1d70c9;
 box-shadow: inset 0 0 6px #1d70c9;
 border: 1px solid #1d70c9;
 border-radius: 4px;
}
.border-primary {
 border-color: #1d70c9;
}
.border-primary:checked {
 background-color: #1d70c9;
 border-color: #1d70c9;
}
.border-primary:focus {
 border-color: #1d70c9;
 outline: 0;
 box-shadow: 0 0 0 0.25rem rgba(29, 112, 201, 0.25);
}
/*.border-primary:focus {
 box-shadow: 0 0 0 0rem @default-button-background-color;
}*/

.btn.btn-primary:hover {
 background-color: #fff;
 border-color: #1d70c9;
 color: #1d70c9;
 -webkit-box-shadow: inset 0 0 6px #fff;
 -moz-box-shadow: inset 0 0 6px #fff;
 box-shadow: inset 0 0 6px #fff;
}
.btn.btn-primary:focus {
 background-color: #fff;
 border-color: #1d70c9;
 color: #1d70c9;
 -webkit-box-shadow: inset 0 0 6px #fff;
 -moz-box-shadow: inset 0 0 6px #fff;
 box-shadow: inset 0 0 6px #fff;
}
.btn.btn-success {
 color: #FFF;
 background-color: #218739;
 -webkit-box-shadow: insert 0 0 6px #218739;
 -moz-box-shadow: insert 0 0 6px #218739;
 box-shadow: insert 0 0 6px #218739;
 border: 1px solid #218739;
 border-radius: 4px;
}
.btn.btn-success :hover {
 background-color: #218739;
 border-color: #218739;
 color: #FFF;
 -webkit-box-shadow: inset 0 0 6px #218739;
 -moz-box-shadow: inset 0 0 6px #218739;
 box-shadow: inset 0 0 6px #218739;
}
.btn.btn-danger {
 color: #FFF;
 background-color: #d43f3a;
 -webkit-box-shadow: inset 0 0 6px #d43f3a;
 -moz-box-shadow: inset 0 0 6px #d43f3a;
 box-shadow: inset 0 0 6px #d43f3a;
 border: 1px solid #d43f3a;
 border-radius: 4px;
}
.btn.btn-danger :hover {
 background-color: #c9302c;
 border-color: #ac2925;
 color: #FFF;
 -webkit-box-shadow: inset 0 0 6px #c9302c;
 -moz-box-shadow: inset 0 0 6px #c9302c;
 box-shadow: inset 0 0 6px #c9302c;
}
/*#endregion Buttons*/

.welcome #fma h1 {
 font-family: sans-serif, helvetica, arial;
}
.welcome #partner .partnerLogo {
 background-image: url('https://mymeter-skins.s3.us-west-2.amazonaws.com/377/logoLg.jpg');
 background-size: contain;
 height: 135px;
}
.siteNav .mainLogo {
 padding: 0;
}
.siteNav .mainLogo span.logo {
 background-image: url('https://mymeter-skins.s3.us-west-2.amazonaws.com/377/logoSm.png');
 background-size: contain;
 height: 50px;
}