@import
	url(//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css);

@font-face {
    font-family: 'Loew';
   src: url("/javax.faces.resource/fonts/Loew-Regular.otf.xhtml?ln=ei3&v=5.3.032") format('opentype'),
}
@font-face {
    font-family: "Loew Heavy";
    src: url("/javax.faces.resource/fonts/Loew-Heavy.otf.xhtml?ln=ei3&v=5.3.032") format("opentype");
}
@font-face {
    font-family: "Loew Black";
    src: url("/javax.faces.resource/fonts/Loew-Black.otf.xhtml?ln=ei3&v=5.3.032") format("opentype");
}

/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v16/S6uyw4BMUTPHjxAwXjeu.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v16/S6uyw4BMUTPHjx4wXg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/*********/
.loader {
	border: 4px solid #f3f3f3;
	border-radius: 50%;
	border-top: 4px solid #00A8E1;
	width: 28px;
	height: 28px;
	-webkit-animation: spin 2s linear infinite;
	animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/** reset **/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,
	blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn,
	em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
	b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas,
	details, embed, figure, figcaption, footer, header, .hgroup, menu, nav,
	output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	/*vertical-align: baseline;*/
	outline: none;
}

.width150wordwrap {
    max-width: 150px;
    white-space: normal;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, .hgroup,
	menu, nav, section {
	display: block;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

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

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

a,a:link,a:visited {
	text-decoration: none;
	font-weight: bold;
	color: #00A8E1;
}
a:hover {
	color: #EF7622;
}
.menuLink {
	height: 30px;
	width: 85px;
}

.wfNodeName {
	position: fixed;
	color: white;
	padding: 5px;
	right: 10px;
	top: 5px;
	z-index: 100;
}

/* apply a natural box layout model to all elements */
*, *:before, *:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
/** end reset **/

/*======== COLORS ========*/
/*== grey:		#5a5551 ==*/
/*== gold:		#00A8E1 ==*/

/*== green:		#9cbc80 ==*/
/*== yellow:	#f5c24d ==*/
/*== red:		#e65252 ==*/
/*== blue:		#638da0 ==*/
/*

all percentage & em calculations notated with target/context
e.g. width: 90.625%;/* 1160px/1280px */
/*
1160/1280 = .90625 = 90.625%
*/

/* PropertyDashBoard  */
.flex-row {
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
}

.flex-column {
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}

#tile-header {
	height: 25px;
	width: 90%;
	color: white;
}

.tile-min-height {
	height: 200px
}

/* css animations */
.bun, .burger, .bun-new {
	-webkit-transition: all .1s ease-in;
	-moz-transition: all .1s ease-in;
	-o-transition: all .1s ease-in;
	-ms-transition: all .1s ease-in;
	transition: all .1s ease-in;
}

div[id^=addBtn] {
	padding-top: 21px;
}

div[id$=addBtnDiv] {
	padding-top: 10px;
}

div[id$=admin-addBtnDiv] {
	padding-top: 22px;
}

input {
	font-family: 'Loew', 'proxima-nova', Helvetica, Arial, sans-serif;
}

select {
	font-family: 'Loew', 'proxima-nova', Helvetica, Arial,
		sans-serif !important;
}

input[type="radio"] {
	border: 0px !important;
}

input[type="checkbox"] {
	border: 0px !important;
}

.quickLinks {
	position: fixed;
	background-color: white;
	border-color: #777;
	border-width: 1px;
	border-style: solid;
	padding: 5px;
	right: 10px;
	bottom: 10px;
	z-index: 10;
}

input, .rf-sel-cntr, textarea {
	border-radius: 5px;
	border: 1px solid #aaa;
	padding-left: 5px;
}

.rf-sel-cntr {
	border: 1px solid #aaa !important;
	background-color: white;
}

img.rf-cal-btn {
	position: absolute;
	right: 5px;
	top: -3px;
}

div.rf-cal>span {
	position: relative;
}

div#canvasLoader {
	text-align: center;
}
/*
tr:hover {
	background-color: #f0f0f0;
}
*/
.hoverColor:hover {
	background-color: #f0f0f0;
}

.hiddenRow {
	display: none;
}

nav#primary, #overlay, #primary>div>div, #suggestedtip>div, #suggestedtip_projects>div {
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}
/* * * */
body {
	margin: 0;
	background-color: #f0f0f0;
	font-family: 'Loew', 'proxima-nova', Helvetica, Arial, sans-serif;
	font-size: 62.5%;
	font-weight: normal;
	font-weight: 400;
}

body.navopen {
	/* overflow: hidden; */
	/* margin-left: 143px; */
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}

strong {
	font-weight: 700;
}

.databaseStatus {
	background-color: red;
	padding: 1px 10px 1px 10px;
}

.btn {
	display: inline-block;
	background-color: #ccc;
	/* border-radius: 2px;
	-webkit-box-shadow: 0px -1px 1px 0px rgba(29, 27, 27, 0.15) inset;
	box-shadow: 0px -1px 1px 0px rgba(29, 27, 27, 0.15) inset; */
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: 700;
	color: white;
	margin: 0 5px;
}

.actionButtonsPanel {
	height: 25px !important;
}
.btn.green {
	background-color: #00A8E1; /*#9cbc80;*/
}
.btn.green:link {
	color: #fff
}
.btn.green:hover {
	background-color: #104C97
}
.btn.green.small {
	font-size: 0.6em;
}
.btn.green.small:link {
	color: #fff
}

.simple {
	text-decoration: none;
	font-size: 1.4em;
	color: #00A8E1 !important;
}

/*.rf-cal-inp, .inputtxt {
	border: 1px solid #eee;
}*/
input.rf-sel-dflt-lbl {
	color: #444;
}

.unitsControl input.rf-sel-dflt-lbl {
	color: #444;
}

input[id$=consumptionUnitsInput] {
	width: 70px !important;
}

.consumptionUnits input.rf-sel-inp {
	width: 50px;
}

.consumptionInput {
	width: 90px;
	height: 30px;
	display: inline-block !important;
}

.consumptionInputAdmin {
	text-align: right;
	padding-right: 10px;
}

.newBadge {
	color: white;
	background-color: #ff3300;
	padding: .25em;
	font-weight: 700;
	margin-right: .5em;
}

.videoBadge {
	font-family: FontAwesome;
}

input[id$=currencyTypeInput] {
	width: 40px !important;
}

/*input[id$=consumption] {
	width: 90px;
}*/
div.requiredLabel {
	display: block;
}

.simpleUnselected {
	text-decoration: none;
	font-size: 1.4em;
	color: #858585;
}

.sortHeader {
	text-decoration: none;
	color: #000;
}

.sortIndicator {
	font-family: 'HiltonFont';
	font-size: .4em;
	color: #777;
	vertical-align: middle;
	padding-left: 1em;
}

.booleanIndicatorTrue {
	font-family: 'HiltonFont';
	color: #9cbc80
}

.booleanIndicatorFalse {
	font-family: 'HiltonFont';
	color: #bc9c80
}

.headerProperties {
	display: block;
	/*	width: 60%;*/
}

.headerDate {
	display: block;
	font-size: .75em;
	text-align: right;
	margin-bottom: 5px;
}

.headerDateLarge {
	display: inline-block;
	vertical-align: top;
	margin: 1% 3.8461538% 1.8461538% 0;
	text-transform: uppercase;
	font-size: 1.8em;
	font-weight: 700;
	white-space: nowrap;
	color: #444;
}

.scoreMessage {
	display: inline-block;
	vertical-align: top;
	margin: 0.1% 3.8461538% 0.1461538% 0;
	font-size: 1.8em;
	font-weight: 500;
	color: #444;
}

.scoreMessage label {
	font-size: .85em;
}

.headerTiles {
	width: 100%;
}

.tblHeader {
	font-weight: bold;
}

.dropdownItem {
	padding: 5px !important;
	color: #444;
}

.nowidth {
	width: auto;
}

.dropdownMenu {
	margin-top: 10px;
}

.non-imported-value {
	color: #e65252;
}

.overlapping-bill-value {
	color: #ffb300;
}

header {
	height: 78px;
	background-color: #5a5551;
	text-align: center;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 10;
	-webkit-box-shadow: 0 7px 8px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0 7px 8px rgba(0, 0, 0, 0.12);
	box-shadow: 0 7px 8px rgba(0, 0, 0, 0.12);
}

header h1 {
	/* 	position: absolute;
	top: 1.5em;
	left: 70px; */
	font-size: 2.2em;
	font-weight: 700;
	color: white;
}

#summaryMenu {
	background-color: white;
	box-shadow: none;
	padding-left: 5.3%;
	margin-top: 0px;
}

section.summaryHeading {
	border-bottom: 1px solid #eee;
	display: inline-block;
	vertical-align: top;
}

#propfinder {
	align-items: center;
	position: relative;
	display: inline-flex;
	vertical-align: top;
	/*width: 495px; */
	/*margin: .2em 0 0;*/
	/* padding: 1em 26px 1em 0px;  */ /* 36px/1240px */
	/* 	border: 1px solid #47423e; */
	border-radius: 3px;
	box-shadow: 0px 1px 5px 0px rgba(1, 1, 1, 0.15) inset;
	text-align: left;
	color: #ccc;
	/* top: -50px; */
}

#propfinder2 {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 38.064516%; /* 472px/1240px */
	margin: .2em 0 0;
	padding: 1em 26px 1em 0; /*2.9032258%;/* 36px/1240px */
	border: 1px solid #47423e;
	border-radius: 3px;
	background-color: red;
	box-shadow: 0px 1px 5px 0px rgba(1, 1, 1, 0.15) inset;
	text-align: left;
	color: #ccc;
}

#usersSearchbtn {
	display: inline-block;
	float: right;
	width: 20%;
	text-align: right;
}

#usersSearchInput {
	float: right;
	width: 30%;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-right: 5px;
	text-align: right;
}

.ico-inputAlert {
	padding: 9px;
	font-size: .5em;
	color: #303030;
	font-family: HiltonFont;
	background-color: white;
	padding-color: transparent;
}

.ico-inputAlert:hover {
	color: #00A8E1;
}

div.ico-inputUser :before {
	font-size: .75em;
	text-color: #000000;
	font-family: HiltonFont;
	background-color: white;
}

.search-input:focus {
	outline: none;
}

.search-input {
	top: 0px;
	border: 0px;
	height: 29px;
	float: right;
}

span.ico-inputUser {
	padding: 0px 0px 0px 8px;
	margin-top: 10px;
	color: #bbbbbb;
	position: absolute;
	font-size: .5em;
}

div.ico-inputUser {
	border-color: #303030;
	border-style: solid;
	border-width: 1px;
	border-radius: 3px;
	padding-bottom: 10px;
	color: #000000;
	font-family: HiltonFont;
	background-color: white;
	width: 50%;
	position: relative;
	vertical-align: middle;
	float: left;
	text-align: left;
	display: table;
	max-height: 31px;
}

#alertcenterMulti span.ico-inputUser {
	font-size: 1em;
}

#propfinder.ico-propertyselect:before {
	position: absolute;
	left: 15px;
	top: 1.5em;
}

#propfinder2.ico-propertyselect:before {
	position: absolute;
	left: 3%;
	top: 1.3em;
}

#propfinder .dropdown {
	/*
	position: absolute;
	right: 0;
	*/
	/* top: 0;
	display: block;
	height: 100%;
	width: 30px;
	color: #00A8E1; */
	cursor: pointer;
}

#propfinder .dropdown:before {
	/* content: "\44";
	position: absolute;
	left: 10px;
	top: 15px;
	font-family: 'HiltonFont';
	font-size: 1.2em; */
	
}

#propfinder .dropdown.open:before {
	/* content: "\3b"; */
	
}

#propfinder .autocomplete {
	width: 100%; /*495px;*/
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
	font-size: 1.4em;
	font-weight: 700;
	color: #444;
}

.autocompletepopup {
	text-align: left;
	background-color: white;
	font-size: 1.4em;
	color: black;
}

#propfinder input {
	width: 100%;
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
	font-size: 1.4em; /*font-weight: 700;*/
	color: #f0f0f0;
}

#propfinder2 input {
	width: 100%;
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
	font-size: 1.4em; /*font-weight: 700;*/
	color: #444;
	background-color: orange;
}

#propInputs\:autoComplPropName {
	font-size: 1.4em;
	width: 100%;
	border: none;
}

#mPropInputs\:autoComplPropName {
	font-size: 1.2em;
	width: 100%;
	border: none;
}

/*#propfinder2 .rf-au-lst-cord {
	position: relative;
	left: -50px !important;
	background-color: yellow;
	display: inline-block;
}*/

/* dropdown box */
/* #propInputs\:autoComplPropNameList {
	width: 100%;
}

#mPropInputs\:autoComplPropNameList {
	width: 98.5%;	
} */
#mPropInputs\:autoComplPropNameList .rf-au-lst-dcrtn,
	#propInputs\:autoComplPropNameList .rf-au-lst-dcrtn {
	border: none;
	box-shadow: none;
	position: relative;
	left: -2px;
	max-height: 300px; /* Bigger than this shows scroller */
	background-color: white;
}

#propInputs\:autoComplPropNameList .rf-au-lst-dcrtn {
	width: 493px;
}

#mPropInputs\:autoComplPropNameList .rf-au-lst-dcrtn {
	width: 100%;
}

#mPropInputs\:autoComplPropNameList .rf-au-shdw,
	#propInputs\:autoComplPropNameList .rf-au-shdw {
	position: relative;
	top: 2px;
	border: none;
	width: 100%;
	box-shadow: none;
}

#propInputs\:autoComplPropNameList .rf-au-shdw {
	left: -40px;
}

#mPropInputs\:autoComplPropNameList .rf-au-shdw {
	left: -44.5px;
}

#mPropInputs\:autoComplPropNameList .rf-au-lst-scrl,
	#propInputs\:autoComplPropNameList .rf-au-lst-scrl {
	width: 100% !important; /*493px;*/
	max-height: 300px;
	/*display: block;*/
	box-shadow: none;
}

#mPropInputs\:autoComplPropNameItems .rf-au-itm,
	#propInputs\:autoComplPropNameItems .rf-au-itm {
	color: #444;
	display: block;
	font: 600 1.4em 'Loew', 'proxima-nova', Helvetica, Arial, sans-serif;
	padding: 22px 18px;
	width: 100%; /*495px;*/
	border-bottom: 1px solid #eee;
}

#mPropInputs\:autoComplPropNameItems .rf-au-itm:hover,
	#propInputs\:autoComplPropNameItems .rf-au-itm:hover {
	margin: 0;
	border: none;
	font-weight: 600;
	background-color: #fcf9f0;
}

/* .notesBlock {
	padding-left: 59px;
} */
.hovered {
	margin: 0;
	border: none;
	font-weight: 600;
	background-color: #fcf9f0;
}

.paragraphSingle {
	margin-top: 1em;
	line-height: 1.3em;
	font-size: 1.7em;
	padding-left: 3em;
	padding-right: 3em;
}

.paragraphSingleBoxed {
	margin-top: 1em;
	margin-left: 3.5em;
	margin-right: 3.5em;
	line-height: 1.3em;
	font-size: 1.7em;
	padding-left: 1em;
	padding-top: 1em;
	padding-bottom: 1em;
	padding-right: 2em;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #333;
}

.paragraph {
	margin-top: 1em;
	margin-bottom: 1em;
	line-height: 1.3em;
	font-size: 1.7em;
	padding-left: 3em;
	padding-right: 3em;
}

.paragraphBullet {
	line-height: 1.3em;
	font-size: 1.7em;
	padding-left: 6em;
	padding-right: 3em;
}

.paragraphDashboard {
	margin-top: 1em;
}

.paragraphDashboardBullet {
	padding-left: 3em;
	padding-right: 3em;
	margin-top: 1em;
}

.paragraphText {
}

.paragraphText-white {
	color: white;
}

.paragraphText_1 {
	font-weight: bold;
}
.paragraphText_2 {
	font-style:italic;
}

.paragraphBottomBorder {
	border-bottom: 1px solid #f3f3f3;
	padding-top: 2em;
	padding-bottom: 2em;
}

#alertCenterForm .paragraphText {
	
}

#alertCenterForm .paragraphNumberText {
	font-weight: bold;
}

.paragraphBulletTextAlertCenter {
	
}

.paragraphBulletTextAlertCenter2 {
	margin-left: .8em;
}

.alertCenterList {
	list-style: circle;
	margin-left: 2em;
}

.alertCenterCallout {
	padding-top: 1em;
	padding-left: 3em;
	padding-right: 3em;
	padding-bottom: 1em;
}

.paragraphBulletText {
	margin-left: -0.5em;
}

.paragraphBulletText1 {
	margin-left: -0.7em;
}

.paragraphHeader {
	margin-top: 1em;
	line-height: 1.2em;
	font-size: 1.4em;
}

.paragraphHeader-Help {
	margin-top: 1em;
	line-height: 1.2em;
	font-size: 1.5em;
	font-weight: bold;
}

.paragraphLink {
	line-height: 2em;
	font-size: 1.8em;
}

.meetingCarbonOffsetMatters {
	font-size: 13px;
	line-height: 1.2em;
}

.meetingCarbonOffsetMattersBullet {
	font-size: 13px;
	line-height: 1.2em;
	padding-left: 2em;
	padding-top: .25em;
	padding-bottom: .25em;
}

#adminUploadDataFile .outputText {
	font-size: 1.5em;
	padding-left: 1em;
	padding-top: 1em;
	display: flex;
	padding-right: 1em;
}

#adminUploadDataFile .outputText div {
	width: 40%;
}

#adminUploadDataFile .outputText strong {
	width: 60%;
}

#adminUploadDataFile .outputText textarea {
	vertical-align: top;
	width: 100%;
}

#adminUploadDataFile .buttonPanel {
	padding-left: 17px;
	padding-top: 2em;
	border-top: 1px solid #eee;
	margin-top: 2em;
	color: #444;
}

#billDateRange .outputText {
	font-size: 1.5em;
	padding-left: 1em;
	padding-top: 1em;
}

#billDateRange .outputText div {
	width: 15%;
	display: inline-block;
}

#billDateRange .buttonPanel {
	padding-left: 17px;
	padding-top: 2em;
	border-top: 1px solid #eee;
	margin-top: 2em;
	color: #444;
}

#nonUtilDateRange .outputText {
	font-size: 1.5em;
	padding-left: 1em;
	padding-top: 1em;
	padding-right: 1em;
	display: flex;
}

#nonUtilDateRange .outputText .label {
	width: 50%;
}

#nonUtilDateRange .outputText .field {
	width: 50%;
}

#nonUtilDateRange .buttonPanel {
	padding-left: 17px;
	padding-top: 2em;
	border-top: 1px solid #eee;
	margin-top: 2em;
	color: #444;
}

#dailyOccupancyInput .outputText {
	font-size: 1.5em;
	padding-left: 2em;
	padding-top: 1em;
	padding-right: 1em;
	display: flex;
}

#dailyOccupancyInput div.outputText .label {
	width: 50%;
}

#dailyOccupancyInput div.outputText .field {
	width: 50%;
}

#dailyOccupancyInput .rf-dt-nd-c {
	color: red;
}

#propFilters {
	position: absolute;
	left: 0;
	top: 39px;
	z-index: 1;
	display: none;
	width: 100%;
	padding: 28px;
	-webkit-box-shadow: 0px 1px 4px 0px rgba(1, 1, 1, 0.1);
	box-shadow: 0px 1px 4px 0px rgba(1, 1, 1, 0.1);
	border-radius: 3px;
	background-color: white;
	font-family: 'Loew', 'proxima-nova', Helvetica, Arial, sans-serif;
}

#propFilters.open, #clearFilters.open {
	display: block;
}

#propFilters, #mpropfinder>div {
	position: absolute;
	left: 0;
	top: 47px;
	z-index: 15;
	display: none;
	width: 100%;
	padding: 13px;
	-webkit-box-shadow: 0px 1px 4px 0px rgba(1, 1, 1, 0.1);
	box-shadow: 0px 1px 4px 0px rgba(1, 1, 1, 0.1);
	border-radius: 3px;
	background-color: white;
	font-family: 'Loew', 'proxima-nova', Helvetica, Arial, sans-serif;
}

#propFilters.open, #mpropfinder>div.open {
	display: block;
}

#propFilters ul li {
	margin-bottom: 14px;
}

#propFilters label {
	display: block;
	line-height: 1.625em;
	font-size: 1.4em;
	color: white;
	padding-left: 8px;
	overflow: hidden;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 100%;
	text-align: left;
}
/*
.filterSelection td {
	width: 50%;	
}
.filterSelection tr {
	width: 50%;	
}
*/
#propFilters select {
	width: 100%;
	font-size: 16px;
}

#propFilters div {
	text-align: right;
}

#propfinder .btn {
	padding: 12px 20px;
}

#propfinder .btn.green {
	margin-left: 12px;
}
/*
#propfinder .simple {
	float: left;
	padding: 12px 0 0;
}
*/
header #alertbox {
	/* position: absolute;
	top: 2em;
	right: 1.6129032%; */ /* 20px/1240px */
	
}

.alertPropertyMessage {
	display: block;
	margin-top: 1em;
	line-height: 1.4em;
}

.loadingText {
	padding-top: 1em;
	padding-bottom: 1em;
	display: block;
	text-align: center;
	font-size: 1.8em;
	color: #808080;
}

.loadingText:BEFORE {
	content: "Loading...";
}

#info {
	padding-top: 1em;
	padding-bottom: 1em;
	padding-left: 3em;
}

#alertbox h2 {
	display: inline-block;
	vertical-align: middle;
	text-align: right;
	line-height: 1.3em;
	font-size: 1.4em;
	color: #9f9f9f;
}

#alertbox h2 span {
	font-weight: bold;
	color: white;
}

#alertbox a {
	position: relative;
	display: inline-block;
	margin-left: 6px;
	vertical-align: middle;
	text-decoration: none;
	color: #f0f0f0;
}

#alertbox #alert {
	font: 2.4em 'HiltonFont';
}

#alertbox #note {
	position: absolute;
	top: -12px;
	left: -8px;
	display: none;
	width: 20px;
	height: 20px;
	border-radius: 10px;
	background-color: #ce3261;
	text-align: center;
	font: 1em/1.8em 'HiltonFont';
	color: white;
}

#alertbox #note.unread {
	display: block;
}

#alertcenterMulti {
	position: relative;
	/* 	right: 45px; */
	display: inline-block;
	width: 100%;
	border-radius: 2px;
	-webkit-box-shadow: 0px 1px 4px 0px rgba(1, 1, 1, 0.1);
	box-shadow: 0px 1px 4px 0px rgba(1, 1, 1, 0.1);
	background-color: white;
	text-align: left;
}

#alertcenter {
	position: absolute;
	right: 1px; top : 93px;
	z-index: 1;
	display: none;
	width: 500px;
	border-radius: 2px;
	-webkit-box-shadow: 0px 1px 4px 0px rgba(1, 1, 1, 0.1);
	box-shadow: 0px 1px 4px 0px rgba(1, 1, 1, 0.1);
	background-color: white;
	text-align: left;
	top: 93px;
}

#messagecenter {
	position: absolute;
	right: 3px;
	top: 98px;
	z-index: 1;
	display: none;
	width: 500px;
	border-radius: 2px;
	-webkit-box-shadow: 0px 1px 4px 0px rgba(1, 1, 1, 0.1);
	box-shadow: 0px 1px 4px 0px rgba(1, 1, 1, 0.1);
	background-color: white;
	text-align: left;
}

#alertcenter.open, #messagecenter.open {
	display: block;
}

#alertcenter:after {
	content: "\49";
	position: absolute;
	right: 43px; top : -7px;
	display: block;
	font-family: 'HiltonFont';
	color: white;
	top: -7px;
}

#messagecenter:after {
	content: "\49";
	position: absolute;
	right: 9px;
	top: -7px;
	display: block;
	font-family: 'HiltonFont';
	color: white;
}

#alertcenter h3, #messagecenter h3 {
	padding: 22px 18px;
	font-size: 2em;
	color: black;
}

#alertcenter .listitems, #messagecenter .listitems {
	border-bottom: 1px solid #eee;
}

#alertcenterMulti .numbercircle, #alertcenter .numbercircle,
	#complianceSection .numbercirclered, #messagebox2 .numbercircled,
	#messagecenter .numbercircle, #messagecenter .numbercircled {
	width: 25px;
	height: 25px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	font-size: 14px;
	font-weight: bold;
	color: white;
	line-height: 25px;
	text-align: center;
	background-color: #ce3261;
	display: inline-block;
	/* margin-right: 10px; */
}

#dataEntrySummary .numbercirclered {
	width: 15px;
	height: 15px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	font-size: 8px;
	font-weight: bold;
	color: white;
	line-height: 15px;
	text-align: center;
	background-color: #ce3261;
	display: inline-block;
	margin-right: 10px;
}

.dataEntryUtilityDescription {
	margin-left: 30px; line-height: 2em;
}
.dataEntryUtilityDescriptionWaste {
	margin-left: 53px; line-height: 2em;
}
#complianceSection .countPanel {
	text-align: left;
	padding-left: 35%;
	display: block;
}

.warningTriangle {
	position: relative; /* So we can position the content as absolute */
	/* Using the borders to create a triangle  */
	border-left: 1em solid transparent;
	border-right: 1em solid transparent;
	border-bottom: 1.732em solid #e5b23d;
	border-radius: .25em;
	text-align: center;
	display: inline;
	top: -1.5em; /* Correction because of the CSS Triangle trick*/
}

.warningTriangle::before {
	/*
	position: absolute;
	content: " ";
	border-left: 0.7em solid transparent;
	border-right: 0.7em solid transparent;
	border-bottom: 1.2022em solid white;
	top: 1.475em;
	left: -0.6em;
*/
	
}

.warningTriangle::after {
	content: "!";
	font-family: 'Loew', 'proxima-nova', Helvetica, Arial, sans-serif;
	font-weight: 700;
	position: absolute;
	top: 1.5em;
	left: -0.5em;
	font-size: 1.1em;
	color: white;
	height: 0.99em;
	width: 1.077em;
}

#complianceSection .numbercirclered {
	margin-right: 2px;
}

#complianceSection .numbercircleredsmall {
	width: 10px;
	height: 10px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	font-size: 10px;
	font-weight: bold;
	color: white;
	line-height: 10px;
	text-align: center;
	background-color: #ce3261;
	display: inline-block;
	margin-right: 2px;
	vertical-align: top;
}

#alertcenterMulti .numbercirclegreen, #alertcenter .numbercirclegreen,
	#complianceSection .numbercirclegreen, #messagecenter .numbercirclegreen
	{
	width: 25px;
	height: 25px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	font-size: 14px;
	font-weight: bold;
	color: white;
	line-height: 25px;
	text-align: center;
	background-color: #32ce8d;
	display: inline-block;
	margin-right: 10px;
}

#complianceSection .numbercirclegreen {
	margin-right: 2px;
}

#complianceSection .badbaseline {
	font-size: 16px;
	border: 5px solid #EF7622;
	border-radius: 0px 0px 0px 0px;
	padding: 1em;
	background-color: #fafafa;
	line-height: 18px;
	margin-top: 1em;
}

.alertCenterDateWidth {
	width: 15%;
}

.alertCenterMessageWidth {
	width: 70%;
}

.alertCenterActionWidth {
	width: 15%;
}

.alertCenterComplianceEmailEmail {
	width: 70%;
	text-align: left !important;
	padding-left: 1em !important;
}

.alertCenterComplianceEmailActions {
	width: 15%;
}

#alertForm\:alerts .rf-dt-nd-c {
	color: red;
}

.listitems li {
	border-top: 1px solid #eee;
}

form#propUtilEditForm>div {
	white-space: nowrap;
	font-size: 12px;
}

form#propUtilEditForm>div>:nth-child(2) {
	vertical-align: middle;
	display: inline-block;
}

form#propUtilEditForm>div>:nth-child(3) {
	vertical-align: middle;
	display: inline-block;
}

form#propUtilEditForm>div>label+div.rf-sel {
	width: 200px;
}

form#propUtilEditForm>div>label+input[type=text] {
	width: 190px;
	padding: 5px;
	margin-top: 10px;
}

form#propUtilEditForm>div>label+table {
	margin-bottom: 15px;
	width: 700px;
}

form#propUtilEditForm>div>label+input[type=checkbox] {
	vertical-align: middle;
	margin-top: 20px;
}

form#propUtilEditForm>div>span:nth-child(2) {
	padding-top: 20px;
	width: 200px;
}

form#propUtilEditForm>div>span:nth-child(3) {
	padding-top: 20px;
	width: 200px;
}

form#propUtilEditForm>div>label {
	width: 200px;
	vertical-align: top;
	display: inline-block;
	padding: 20px;
}

.unitsControl {
	display: inline-block;
	white-space: nowrap;
}

.unitsControl div {
	vertical-align: top;
}

/* .unitsControl .rf-sel {
	padding-right: 0;
} */
#rollover table {
	margin: 0 auto;
}

#rollover th {
	font-size: 1.6em;
	font-weight: 700;
	padding-bottom: 1em;
	padding-top: 1em;
}

#rollover.container {
	width: 55%;
}

/* #meterRollOver table { */
/* 	font-size: 1.5em; */
/* } */
#meterRollOver td {
	padding-left: 1em;
	padding-bottom: 1em;
}

#meterRollOver a {
	margin-top: .5em;
}

#meterRollOver\:rolloverlastreading {
	font-weight: 700;
}

.rolloverfont {
	font-size: 1.5em;
}

.rollovercalendarfont {
	font-size: .6em;
}

/*#dataEntryForm\:currencyType {
	width: 50px;
}

#dataEntryForm\:consumptionUnits {
	width: 65px;
}*/
#dataEntrySummary td {
	padding-top: 10px;
	padding-bottom: 10px;
}

#dataEntrySummary .lbltextright {
	width: 8%;
}

input.costInput {
	width: 70px;
}

input.costInputAlertCenter {
	width: 90px;
}

input.costInputAdmin {
	width: 100px;
	text-align: right;
	padding-right: 10px;
}

.unitsControl .rf-sel-cntr {
	height: 30px;
	border-right: none;
	padding-left: 10px;
	vertical-align: top;
	border-radius: 5px 5px 5px 5px;
/*	border-radius: 5px 0 0 5px;*/
}

.unitsControl input {
/*	border-radius: 0 5px 5px 0; */
	border-radius: 5px 5px 5px 5px;
	border-left: none;
}

.consUnits {
	padding-left: 5px;
}

.consUnitsDataEntry {
    font-size: 1.5em;
    padding-left: 5px;
    padding-top: 10px;
}

.notesEdit {
	margin-right: 5px;
	display: inline-block;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

h4.alertCenterSingle {
	-webkit-transform: translateY(-30%);
	-ms-transform: translateY(-30%);
	transform: translateY(-30%)
}

div.special .rf-cal-popup {
	background-color: white;
	box-shadow: none;
}

div.special .rf-cal-hdr {
/*	background-color: white; */
}

div.special .rf-cal-edtr-cntr {
	background-color: transparent;
}

div.special .rf-cal-monthpicker-cnt {
	border: 1px solid #aaa;
	background-color: white;
	z-index: 20;
}

div.special .rf-cal-monthpicker-split {
	border-right: 1px solid #aaa;
}

div.special .rf-cal-edtr-btn {
	margin: 5px;
	padding: 5px;
	width: 39px;
}

div.special tr:hover {
/*	background-color: white; */
}

div.special .rich-calendar-hover {
	background-color: red;
}

div.special .rf-cal-edtr-btn-over {
/* 	background-color: #bddcbe; */
	background-color: #EF7622;
	border: none;
}

div.special .rf-cal-edtr-btn-sel {
/* 	background-color: #9cbc80; */
	background-color: #00A8E1;
}

div.special td.rf-cal-monthpicker-ok, div.special td.rf-cal-monthpicker-cancel
	{
	border-top: 1px solid #aaa;
	padding: 10px 5px;
}

div.special td.rf-cal-monthpicker-ok .rf-cal-time-btn {
/* 	background-color: #9cbc80; */
	background-color: #00A8E1;
	padding: 5px;
	color: white;
	font-weight: bold;
	border: none;
}

div.special td.rf-cal-monthpicker-cancel .rf-cal-time-btn {
	background-color: #ccc;
/* 	color: white; */
	color: #303030;
	padding: 5px;
	width: 60px !important;
	font-weight: bold;
	border: none;
}

div.special tr[id$="DateEditorLayoutTR"]
{
	display: table-row;
}

.special tr[id] {
	display: none;
}

div[id$=dataEntrySelect] {
	width: 90px;
}

.unitsControl input[id$=cost] {
	width: 80px;
}

.rf-sel-opt {
	padding: 5px 2px !important;
}

#alertcenter a, .acsingle, #messagecenter a {
	display: block;
	padding: 22px 18px;
	text-decoration: none;
	font: 300 1.6em 'Loew', 'proxima-nova', Helvetica, Arial, sans-serif;
	color: #444;
}

#alertcenter a:hover, .acsingle:hover, #messagecenter a:hover {
	margin: 0;
	border: none;
	background-color: #fff; /*#fcf9f0;*/
}

#alertcenterMulti a strong, #alertcenter a strong, .acsingle strong,
	#messagecenter a strong {
	display: inline-block;
	font-weight: 600;
	color: #777;
}

#alertcenterMulti a strong em, #alertcenter a strong em, .acsingle strong em,
	#messagecenter a strong em {
	font-weight: 600;
}

#alertcenterMulti .alertcenterMultiLink {
	float: right;
	display: inline-block;
	font-size: .875em;
	color: #303030;
}

#alertcenter a span.alertCenterPropertyName {
	float: none;
}
#alertcenter a span {
	float: right;
	display: inline-block;
	font-size: .875em;
	color: #303030;
}

#messagecenter a span.messageCenterPropertyName {
	float: none;
}
#messagecenter a span {
	float: right;
	display: inline-block;
	font-size: .875em;
	color: #303030;
}

#alertcenterMulti .alertcenterMultiLink:hover, #alertcenter a span:hover,
	#messagecenter a span:hover {
	color: #00A8E1;
}

#alertcenterMulti>a, #alertcenter>a, #messagecenter>a {
	display: block;
	padding: 22px 18px;
	text-decoration: none;
}

#alertcenterMulti i, #alertcenter i, #messagecenter i {
	display: inline-block;
	vertical-align: middle;
	width: 26px;
	height: 26px;
	margin: 0 6px 0 0;
	padding: 4px 0 0;
	border-radius: 13px;
	background-color: #ce3261;
	text-align: center;
	font-size: 15px;
	font-weight: 600;
	color: white;
}

#alertcenterMulti>a em, #alertcenter>a em, #messagecenter>a em {
	display: inline-block;
	vertical-align: middle;
}

.alert-btn-small {
	background-color: #bcbcbc;
	width: 80px;
	padding: 6px 15px;
	text-align: center;
	font-size: 1.0em;
}

nav#secondary {
	height: 60px;
	padding: 0 4.6875%; /* 60px/1280px */
	background-color: white;
	box-shadow: 0px 1px 4px 0px rgba(1, 1, 1, 0.1);
}

nav#secondary ul {
	padding: 2.2em 0 0;
}

nav#secondary li {
	display: inline-block;
	vertical-align: top;
	margin: 0 1.0344828%; /* 12px/1160px */
}

nav#secondary li a {
	text-decoration: none;
	font-size: 1.5em;
	color: #777;
}

nav#secondary li a.on {
	color: #00A8E1;
}

nav#secondary li a.on:hover {
	color: #00A8E1;
}

.footerMessage {
	font-size: 1.5em;
	margin-left: 0.5em;
}

.container {
	position: relative;
	width: 90.625%; /* 1160px/1280px */
	max-width: 1160px;
	margin: 3.0em auto 0;
	background-color: white;
	/* 	-webkit-box-shadow: 0px 1px 3px 0px rgba(1, 1, 1, 0.15);
	box-shadow: 0px 1px 3px 0px rgba(1, 1, 1, 0.15); */
}
.container-fullwidth {
	position: relative;
	width: 90.625%; /* 1160px/1280px */
	margin: 3.0em auto 0;
	background-color: white;
	/* 	-webkit-box-shadow: 0px 1px 3px 0px rgba(1, 1, 1, 0.15);
	box-shadow: 0px 1px 3px 0px rgba(1, 1, 1, 0.15); */
}
.container-halfwidth {
	position: relative;
	width: 45.325%; /* 1160px/1280px */
	max-width: 580px;
	margin: 3.0em auto 0;
	background-color: white;
	/* 	-webkit-box-shadow: 0px 1px 3px 0px rgba(1, 1, 1, 0.15);
	box-shadow: 0px 1px 3px 0px rgba(1, 1, 1, 0.15); */
}
.blueframe {
	border-style: solid;
	border-width: 14px;
	border-color: #00A8E1;
}
.meetWithPurposeContainer {
	float: right;
}
.meetWithPurposeImage{
	width: 600px; 
	padding: 20px;
}
/* div[id^=projectsSingleForm] {
	margin-bottom: 10px;
}
 */
.project-search-input {
	padding-top: 5px;
	padding-bottom: 5px;
	margin-right: 5px;
}

.languages-search-input {
	padding: 5px;
	width: 50%;
	margin-right: 5px;
}

#dataEntry.container {
	position: relative;
	width: 90.625%; /* 1160px/1280px */
	max-width: 1160px;
	margin: 3.0em auto 0;
	background-color: transparent;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

#dataEntryOpt.container {
	position: relative;
	width: 90.625%; /* 1160px/1280px */
	max-width: 1160px;
	margin: 3.0em auto 0;
	background-color: transparent;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.container h1 {
	display: inline-block;
	font-size: 2em;
	color: black;
	font-weight: bold;
	text-align: left;
}

.container-fullwidth h1 {
	display: inline-block;
	font-size: 2em;
	color: black;
	font-weight: bold;
	text-align: left;
}

.container .numComplete {
	float: right;
	font-size: 1.6em;
	color: black;
	margin-top: 0.4em;
}

.container .numCompleteBelow {
	margin-top: 0.5em;
	font-size: 1.5em;
	color: black;
}

#dataEntry h1 {
	color: #444;
	font-size: 1.8em;
}


.container .head {
	padding: 2em 1.7241379%; /* 25px/10px */
	border-bottom: 0px solid #eee;
	border-top: 1px solid #eee;
	justify-content: space-between;
	text-align: center;
	align-items: center;
	flex-wrap: wrap;
}

.container .head div {
	float: right;
	margin: .5em 0 0;
	font-size: 1.4em;
	color: #f3f3f3;
}

.container .headerSection div a {
	/* color: white; */
	text-decoration: none;
}

.container .head div a {
	text-decoration: none;
	color: #303030;
}

.container .head div a:hover,
.container .head div a:visited {
	color: #00A8E1;
}

.containerMenu {
	position: relative;
	width: 100.0%; /* 1160px/1280px max-width: 1160px; */
	margin: 0em auto 0;
	background-color: white;
	-webkit-box-shadow: 0px 1px 3px 0px rgba(1, 1, 1, 0.15);
	box-shadow: 0px 1px 3px 0px rgba(1, 1, 1, 0.15);
	margin-top: 73px;
}

.containerMenu h1 {
	display: inline-block;
	font-size: 2em;
	color: black;
}

.containerMenu .head {
	padding: 2.5em 1.7241379%; /* 25px/10px */
	border-bottom: 1px solid #eee;
}

.containerMenu .head div {
	float: right;
	margin: .3em 0 0;
	font-size: 1.4em;
	color: #f3f3f3;
}

.containerMenu .head div a {
	text-decoration: none;
	color: #303030;
}

.containerMenu .head div a:hover {
	color: #00A8E1;
}

.tip {
	position: relative;
	display: inline-block;
	vertical-align: top;
	color: #303030;
}

.tip:hover {
	color: #00A8E1;
}

.tooltip-nohover {
	position: relative;
	display: inline-block;
	/*vertical-align: top;*/
	color: #00A8E1;
	font-size: 16px !important;
	bottom: 1px;
	padding-left: .2em;
}

.tooltip {
	position: relative;
	display: inline-block;
	/*vertical-align: top;*/
	color: #00A8E1;
	font-size: 16px !important;
	bottom: 1px;
	padding-left: .2em;
}
.tooltip:hover {
	color: #104C97;
}
.tooltip-orange {
	position: relative;
	display: inline-block;
	color: #EF7622;
	font-size: 16px !important;
	bottom: 1px;
	padding-left: .2em;
}
.tooltip-orange:hover {
	color: #aF6612;
}

.tooltipGrey {
	color: #1d1d1d;
}

.tooltipLightGrey {
	color: #7d7d7d;
}

.tooltipGreen {
	color: #00e1a8;
}

.tooltipBlue {
	color: #00A8E1;
}

.iconYellow {
	color: #c8e872;
}
.iconWater{
	color: #00A8E1;
}
.iconNaturalGas{
	color: #79bbdb;
}

.energyTypeIcon {
	padding-left: .25em;
}

.wasteIcon {
	padding-right: .25em;
}

.tooltipWhite {
	position: relative;
	display: inline-block;
	vertical-align: top;
	color: #fff;
	font-size: 16px !important;
}

#projectsEditForm .tip {
	left: 10px;
}

#projectParagraph {
	text-align: left;
}

#projectParagraph label {
	white-space: normal !important;
	font-weight: 400 !important;
	display: inline;
}

#tipholder {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 0;
	z-index: 25;
}

.tipmessage {
	position: absolute;
	width: 420px;
	margin-left: -160px;
	padding: 15px 20px;
	background-color: #777;
	font: 300 14px 'Loew', 'proxima-nova', Helvetica, Arial, sans-serif;
	color: white;
}

.tiparrow {
	position: absolute;
	width: 20px;
	height: 10px;
	margin-left: -10px;
}

.tiparrow:before {
	content: "\49";
	font-family: 'HiltonFont';
	color: #777;
}

.supercontainer {
	text-align: center;
}

.calendarDiv {
	float: right;
}

.calendarDiv table {
	color: black;
}

#kpi .container .head  .calendarDiv div {
	color: black;
	font-size: 1.0em;
	float: none;
	margin-top: 0.0px;
}

#lsscore .container .head  .calendarDiv div {
	color: black;
	font-size: 1.0em;
	float: none;
	margin-top: 0.0px;
}

.containerTransp {
	position: relative;
	width: 90.625%; /* 1160px/1280px */
	max-width: 1160px;
	margin: 0px auto 0px;
	background-color: #EBE9E6;
}

.containerhalf {
	display: inline-block;
	text-align: left;
	position: relative;
	width: 45.1%; /* 1160px/1280px */
	max-width: 580px;
	/* margin: 5.0em auto 0; */
	background-color: white;
	-webkit-box-shadow: 0px 1px 3px 0px rgba(1, 1, 1, 0.15);
	box-shadow: 0px 1px 3px 0px rgba(1, 1, 1, 0.15);
}

.containerhalf h1 {
	display: inline-block;
	font-size: 2em;
	color: black;
}

.containerhalf .head {
	padding: 2.5em 1.7241379%; /* 25px/10px */
	border-bottom: 1px solid #eee;
}

.containerhalf .head div {
	float: right;
	margin: .3em 0 0;
	font-size: 1.4em;
	color: #f3f3f3;
}

.containerhalf .head div a {
	text-decoration: none;
	color: #303030;
}

.containerhalf .head div a:hover {
	color: #00A8E1;
}

.containerhalf .scorespan {
	display: inline;
}

#performerhead-block {
	display: block;
	position: relative;
	width: 100%;
}

.containerhalf div .dropdownleft {
	display: none;
	margin-top: -5px;
}

.containerhalf div .dropdownright {
	display: block;
	float: right;
	margin-top: -5px;
}

.errMsg {
	display: block;
	white-space: nowrap;
	color: red;
	padding: 10px;
	font-size: 13px;
}

.errMsg_di {
	display: block;
	white-space: nowrap;
	color: red;
	padding: 10px;
	font-size: 13px;
}

.errMsgWrap {
	display: block;
	color: red;
	padding: 10px;
	font-size: 13px;
}

[class^="validationMsg"] {
	display: none;
	/* white-space: nowrap; */
	color: red;
	font-size: 18px;
	font-weight: bold;
	margin: 30px;
	text-align: left;
}

.ui-input-invalid {
	border-color: red;
}

#summary {
	background-color: transparent;
	box-shadow: none;
}

#summary h1 {
	display: block;
	/*	padding: 1.25em 1.7241379%; */ /* 25px/20px */
	padding-bottom: 1.25em;
	background-color: white;
	-webkit-box-shadow: 0px 1px 3px 0px rgba(1, 1, 1, 0.15);
	box-shadow: 0px 1px 3px 0px rgba(1, 1, 1, 0.15);
	font-weight: bold;
}

#baselinePeriod {
	padding: 1.25em 1.7241379%;
	font-size: 14px;
}

#catpicker {
	display: none;
}

#summary h1 .selector {
	display: none;
}

#blocks {
	position: relative;
	/*width: 90.625%; max-width: 1160px; margin: 0 auto;*/
	letter-spacing: -3.5px;
}

#blocks div {
	position: relative;
	/* display: inline-block; */
	vertical-align: top;
	width: 25%;
	/* height: 0; */
	/* padding-bottom: 20%;*/
	letter-spacing: normal;
	cursor: pointer;
}

#blocks div.active {
	top: -4px;
	border: 4px solid;
	height: 208px;
}

#blocks div .hover, #blocks div.active:hover .hover {
	display: none;
}

#blocks div:hover .hover {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	height: 100%;
	border: 4px solid;
}

#blocks h2 {
	margin: 0% 0 0;
	padding: 0 8.6206897%; /* 20px/232px */
	/*font-size: 2em;*/
	font-weight: 700;
	color: white;
	white-space: nowrap;
}

#blocks h2 span {
	display: inline-block;
	vertical-align: middle;
	font-size: 1.4em;
	color: rgba(0, 0, 0, .6);
}

#blocks h2 strong {
	display: inline-block;
	vertical-align: middle;
	font-weight: 700;
}

#blocks h3 {
	margin: 8% 0 0;
	text-align: center; /* 66px/232px */
	padding: 0 8.6206897%;
	font-size: 3.8em;
	font-weight: 700;
	color: white;
	text-transform: uppercase;
}

.singlepropertyh3 {
	margin: 2% 0 0 !important;
}

#blocks h3 strong {
	/*font-size: 2.1em;*/ /* 58px/18px */
	font-size: 1.93em; /* 58px/18px */
	font-weight: 600;
}

.singlepropertyh4 {
	margin: 0.4482759% 0 0;
}

#blocks h4 {
	text-align: center;
}

.environmentTileHeader {
	text-transform: uppercase;
	width: 100%;
	font-size: 24px;
	position: absolute;
	top: 5px;
	text-align: center;
	color: white !important;
}
.environmentTileSubHeader {
    font-size: 20px !important;
    color: white !important;
    width: 90%;
    font-weight: 100;
}

.environmentTileIcon {
	position: absolute;
	font-size: 0.75em;
	top: 18px;
	left: 5px;
	z-index: 0;
	color: #555;
	/*
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: #555;
    -webkit-text-stroke-width: 2px;
*/
}

.socialHeaderText {
    font-size: 25px;
    color: black; 
}

.goalTileIcon {
	font-size: 4em;
    color: #ddd;
    right: 5px;
    z-index: 0;
    position: absolute;
}

.goalTile1 {
	margin-bottom: 1em;
	z-index:9;
}
.goalTile2 {
	margin-bottom: 1em;
	z-index:9;
}
.goalTileNumber {
	font-size:2em;	
}
.goalImpacts {
	display: flex; 
	flex-direction: row;
}
.goalImpactsItems {
	display: flex; 
	flex-direction: column; 
	min-width: 425px; 
	width: 45%
}

.goalTileUnits {
}

.environmentTileValue {
	position: relative;
	left: 20px;
	font-size: 60px;
}

.socialImpactIcon {
	font-size: 5em;
	color: #950e68;
	margin-right: 10px;
	/*
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: #950e68;
    -webkit-text-stroke-width: 2px;	
*/
}

.cs-text {
	font-size: 18px;
}

.cs-text-header {
	font-size: 20px;
}

.fontsize-0 {
	font-size: .8em;
}

.fontsize-1 {
	font-size: 1.1em;
}

.fontsize-2 {
	font-size: 1.2em;
}

.fontsize-3 {
	font-size: 1.3em;
}

.indent-1 {
	margin-left: 1em;
	display: block;
}

.lineheight-1 {
	line-height: 1.3em;
}

#blocks .dashboardTileh3 {
	width: 100%;
	font-size: 36px;
	position: absolute;
	top: 35px;
	text-align: center;
	color: white !important;
}

#blocks .dashboardTileh4 {
	width: 100%;
	font-size: 17.5px;
	position: absolute;
	bottom: 10px;
	text-align: center;
	color: white !important;
}

#blocks h4, #blocks .entrySection {
	margin: 8% 0 0; /* 8px/232px */
	padding: 0 8%;
	line-height: 1.35714286em;
	font-size: 15px;
	font-weight: 400;
	color: rgba(255, 255, 255, .6);
	position: relative;
}

#blocks h4 strong, #blocks .entrySection strong {
	display: block;
	/*text-transform: uppercase;*/
	color: white;
	margin-bottom: 0.5em;
}

#blocks h4 span, #blocks .entrySection span {
	display: inline-block;
	margin-left: 1em;
}

#blocks .good.active h4, #blocks .warn.active h4, #blocks .danger.active h4
	{
	color: white;
}

#blocks .good.active .entrySection, #blocks .warn.active .entrySection,
	#blocks .danger.active .entrySection {
	color: white;
}

h6 {
	font-weight: bold;
	display: inline;
}

.boldText {
	font-weight: bold;
	display: inline;
}
.largerText {
	font-size: 16px;
}
.evenlargerText {
	font-size: 18px;
}
.underlineText {
	text-decoration: underline;
	display: inline;
}

#blocks .good.active, #blocks .good:hover .hover {
	border-color: #3e9f77;
}

#blocks .warn.active, #blocks .warn:hover .hover {
	border-color: #c39a3d;
}

#blocks .danger.active, #blocks .danger:hover .hover {
	border-color: #b74141;
}

#blocks .active:after {
	content: "\48";
	position: absolute;
	left: 50%;
	bottom: -22px;
	width: 20px;
	margin-left: -16px;
	font-family: 'HiltonFont';
	font-size: 20px;
}

#blocks .good.active:after {
	color: #3e9f77;
}

#blocks .warn.active:after {
	color: #c39a3d;
}

#blocks .danger.active:after {
	color: #ce3261;
}

#blocks .good {
	background-color: #32ce8d;
}

#blocks .warn {
/*	background-color: #EF7622; Orange */
	background-color: #f5c24d;
}

#blocks .danger {
	background-color: #ce3261;
}

#blocks .nodata.active h4, #blocks .nodata.active .entrySection {
	color: white;
}

#blocks .nodata.active, #blocks .nodata:hover .hover {
	border-color: #8d8d8d;
}

#blocks .nodata.active:after {
	color: #8d8d8d;
}

#blocks .nodata {
	background-color: #c2c2c2;
}

#blocks .loading.active h4, #blocks .loading.active .entrySection {
	color: white;
}

#blocks .loading.active, #blocks .loading:hover .hover {
	border-color: #8d8d8d;
}

#blocks .loading.active:after {
	color: #8d8d8d;
}

#blocks .loading {
	background-color: #e2e2e2;
}

.dashboardCompletePanel {
	display: flex;
	flex-direction: column;
}
.dashboardCompletePanelTitle {
	line-height: 1.4em;
}
.dashboardCompletePanelBody {
	font-weight: normal;
	padding-top: 0.4em;
	display: flex;
	flex-direction: row;
}
.dashboardCompletePanelLink {
	padding-left: 0.4em;
}
.dashboardCompletePanelBodyNormal {
	font-weight: normal;
	padding-top: 0.4em;
	line-height: 1.5em;
}

section.buttons {
	padding: 10px;
}

/* #operationsscore {
	padding: 0;
} */

.surveydashboardcontainer {
	display:flex; 
	flex-direction: row;
}

#operationsscore h2 {
	/* display: inline-block;
	width: 12.019231%;
	margin: 0 0 0 0;
	padding: 1.6923077%; */
	background-color: #f7f7f7;
	/* border: 2px solid #f3f3f3;
	letter-spacing: normal;
	color: #444;
	vertical-align: top; */
}

#operationsscore h2 strong {
	/* display: block; */
	font-size: 3.6em;
}

#operationsscore h2 strong span {
	font-size: .72222222em;
}

#operationsscore h2 span.label {
	display: block;
	text-transform: uppercase;
	font-size: 1.4em;
	font-weight: 700;
	color: #777;
	padding-bottom: .25em !important;
}

#operationsscore .placement {
	display: block;
	text-transform: uppercase;
	font-size: 2em;
	font-weight: 700;
	color: #777;
	padding-bottom: .25em;
}

#operationsscore h3 {
	display: inline-block;
	vertical-align: top;
	letter-spacing: normal;
	color: #444;
}

#operationsscore h3.points {
	
}

#operationsscore h3 span.label {
	display: block;
	text-transform: uppercase;
	font-size: 1.4em;
	font-weight: 700;
	color: #777;
	padding-bottom: .25em;
}

#operationsscore h3 strong {
	display: inline-block;
	color: #9cbc80;
	font-size: 3.4em;
	font-weight: 700;
}

#operationsscore h3 strong span {
	font-size: .72222222em;
}

#operationsscore green {
	color: #9cbc80;
}

#operationsscore div.heading {
	padding-top: 0;
	padding-bottom: 0;
	padding-right: 10%;
	padding-left: 15%;
}

#operationsscore div.bulletlist {
	display: inline-block;
	width: 59%;
	padding: 0%;
	vertical-align: baseline;
	/* 	padding-top: 1%; */
	padding-left: 4%;
}

div.headblock {
	display: inline-block;
	width: 15%;
}

#operationsscore div.ptsblock {
	display: inline-block;
	width: 73%;
	padding: 0%;
	margin-left: 2%;
	padding: 1.6923077%;
}

#operationsscore ul {
	vertical-align: top;
	list-style-position: inside;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	/* 	padding: 1.75em 1em 2em 1em; */
}

#operationsscore li {
	vertical-align: middle;
	font-size: 1.4em;
	color: #777;
	letter-spacing: normal;
	padding-bottom: .5em
}

#operationsscore table {
	margin-top: 2em;
	margin-left: 1em;
	width: 100%;
}

#operationsscore td {
	padding-left: 0.8em;
	/* 	vertical-align: middle; */
	font-size: 1.4em;
	color: #777;
	letter-spacing: normal;
}

#operationsscore .selector {
	display: inline-block;
}

#operationsscore div .opsurvey {
	padding: 0.6923077%;
	letter-spacing: normal;
}

#operationsscore div .survey-btn {
	margin-left: 3.9215686%;
	font-weight: 800;
	letter-spacing: normal;
	font-size: 0.8em;
	width: 200px;
	color: white;
	padding: 10px 10px;
	text-align: center;
}

#operationsscore div .donut {
	display: inline-block;
	overflow: hidden;
	position: relative;
	width: 100%;
}

#operationsscore div#currentscore {
	display: inline-block;
	margin-left: 5em;
	margin-top: 2em;
}

#operationsscore div#brandscore {
	display: inline-block;
	float: right;
	margin-right: 5em;
	margin-top: 7em;
}

#operationsscore div#brandscore h3 {
	width: 125px;
	font-size: 1em;
}

#operationsscore div donutchartone {
	width: 270px;
	height: 270px;
	border: none;
	border-color: white;
}

#operationsscore div donutcharttwo {
	width: 270px;
	height: 270px;
}

/* Start Survey Needs Review Checkbox */
/* This is the important part. */
#questionnaireForm .example-container label {line-height:25px;}
#questionnaireForm .example-container input[type=checkbox] {height:13px; width:13px; padding:0; margin-top:6px; margin-bottom:6px;}
#questionnaireForm .unindented input[type=checkbox] {float:left;}

/* The rest depends on which layout you prefer. */
#questionnaireForm .one-per-line    label {display:block;}
#questionnaireForm .many-per-line   label {display:inline-block;}
#questionnaireForm .indented   span.checkbox-label-text {display:inline-block;}
#questionnaireForm .unindented span.checkbox-label-text {display:inline;}

/* The less important or more obvious stuff. */
#questionnaireForm .example-container {max-width:463px;}
#questionnaireForm .example-container input[type=checkbox] {margin-left:0; margin-right:6px;}

#questionnaireForm .many-per-line label {margin-right:10px; vertical-align:middle;}

#questionnaireForm .indented span.checkbox-label-text {max-width:250px;}
#questionnaireForm .indented input[type=checkbox] {vertical-align:top;}


.needs-review {
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
	color: white;
	background-color: red;
	padding: 4px 15px;
	margin: 0 5px;
}
/* End Survey Needs Review Checkbox */
.optips {
	margin-top: 0px;
	border-bottom: 1px solid #eee;
}

#surveytips {
	height: 300px;
}

.operations {
	border-bottom: 1px solid #eee;
}
/*.overview{display: inline-block; overflow: hidden; position: relative;width: 100%;padding: 2.7241379%;border-bottom: 1px solid #eee;}*/
.goalHeaderText {
	display: inline-block;
	overflow: hidden;
	position: relative;
	width: 100%;
	padding: 10px 20px;
	font-size: 1.3em;
}

.overviewAdmin {
	width: 80%;
}

.overview label {
	color: #444;
	display: block;
	font-size: 13px;
	font-weight: 500;
	padding: 5px;
	text-align: left;
}

/* chart Start  */
section#chartsContent {
	margin-top: 40px;
	/* display: table !important; */
	display: flex;
}

#chartsForm\:chartsMenu {
	width: 20%;
	display: flex;
	flex-direction: column;
}

#chartsForm\:chartPanel {
	width: 80%;
	display: flex;
	flex-direction: column;
}

section#chartsContent>div {
	/* 	display: table-cell;
	height: 100%; */
	color: #444;
}

#chartsForm\:chartsMenu>div>label {
	font-weight: 600;
	font-size: 1.2em;
	display: block;
	margin-bottom: 10px;
}

#chartsForm\:chartsMenu {
	background-color: #f7f7f7;
	border-right: 1px solid #eee;
}

#chartsForm\:chartsMenu>div {
	padding: 20px;
	border-bottom: 1px solid #eee;
}

#chartsForm\:chartsMenu>div:empty {
	display: none;
}

#chartsForm\:chartsMenu>div label {
	/*vertical-align: top;*/
	
}

#chartsForm\:chartsMenu div.checkboxWithLbl {
	padding-bottom: 10px;
}

#chartsForm\:chartsMenu div.checkboxWithLbl input,
	#chartsForm\:chartsMenu div.checkboxWithLbl label {
	display: inline-block;
	margin-bottom: 0; /* I added this after I posted my reply */
	vertical-align: middle; /* Fixes any weird issues in Firefox and IE */
}

#chartsForm\:chartsMenu .btn {
	width: 180px;
}

#chartsForm\:chartsMenu .cancel-btn-small {
	margin-top: 10px;
	margin-bottom: 5px;
}

#chartsForm\:chartsMenu .primary-btn-small {
	margin-top: 10px;
	margin-bottom: 10px;
}

#chartsContent {
	
}

#chartsContent .footerText {
	font-size: 1.5em;
}

div[id$=timeRangeSelect] {
	padding-right: 0;
}

div#chartsForm\:propAccts {
	/* width: 200px; */
	width: 100%;
}

/* chart END  */
.adminDataEntryNoBills {
	font-size: 12px;
	font-weight: 700;
	border-top: 1px solid #eee;
}

/* #goalForm\:goalEditPanel div {
	color: #444;
	font-size: 13px;
	font-weight: 500;
	margin-right: 10px;
	text-align: left;
	padding: 0;
	display: inline-block;
}
 */
/* input#goalForm\:goalAmt {
	margin-right: 10px;
	height: 30px;
} */
#goalForm .goalPercentage {
	font-weight: 800;
	font-size: 2em;
}

#goalForm .errorMessage {
	padding-top: 1em;
	color: red;
}

.errorStatusMsg {
	padding-top: 1em;
	color: red;
	display: none;
	font-size: 14px;
	margin: 10px 40px;
	padding-top: 1em;
}

#charts div#goalHistory {
	padding: 10px 10px 10px 10px;
}

.projectList {
	display: inline-block;
	overflow: hidden;
	position: relative;
	width: 100%;
	/* padding: 1% 0% 1% 0%; */
	margin-bottom: 20px;
}

div#operationssubcategoryone,
div#propertysubcategoryone {
	width: 100%;
	height: auto;
	/* float: left; border-right: 1px solid #eee; */
	padding: 3em;
}

div#operationssubcategoryone h3,
div#propertysubcategoryone h3 {
	width: 225px;
	font-size: 1.2em;
	font-weight: 700;
	text-align: center;
	display: inline-block;
	vertical-align: middle;
	letter-spacing: normal;
	color: #444;
}

div#operationssubcategorytwo,
div#propertysubcategorytwo {
	width: 100%; /*margin-left: 50%;color: #444; */
	/*  padding-top: 4.7241379%; 
	float: right;
	border-left: 1px solid #eee;
	*/
	height: auto;
	padding-bottom: 2em; /* padding: 2.5em 1.7241379%; */
}

#operationsscore div p {
	line-height: 1.625em;
	font-size: 1.3em;
	color: #777;
	padding: 2em;
}

#operationsscore section div h4 {
	margin: 0 0 3.3962264% 0;
	font-size: 1.6em;
	font-weight: 700;
	color: #444;
}

#operationsscore .blue {
	color: #00A8E1;
}

#operationssubcategorytwo .overviewbtn,
#propertysubcategorytwo .overviewbtn {
	float: right;
	margin-right: 4em;
	margin-top: 1em;
}

/* Goal Page */
#reduction {
	display: inline-block;
	overflow: hidden;
	position: relative;
}

#reduction .btn {
	width: 100px; /* 176px/510px */
	padding: 0.83529412% 0;
	margin-left: 3%;
}

#goalreductionheader .btn {
	width: 100px; /* 176px/510px */
	padding: 0.83529412% 0;
	margin-left: 3%;
}

#goalhistory {
	margin-top: 0;
}

.defaultext {
	display: inline-block;
	vertical-align: middle;
	padding-left: 3%;
	font-size: 1.0em;
	font-weight: 400;
	color: #444;
	font-style: normal;
}

#goalhead-block {
	display: inline-block;
	overflow: hidden;
	position: relative;
	width: 20%;
}

div#goals-selector div.selector {
	width: 100% !important;
	border: 1px solid #ddd;
	border-radius: 3px;
}

div#goals-selector div.selector:before {
	content: "\44";
	float: left;
	padding-right: 5px;
	font-family: 'HiltonFont';
	color: #00A8E1;
}

div#goals-selector div.selector span {
	position: absolute;
	left: 0;
	top: 0;
	width: 100% !important;
}

h1#goalheader {
	
}

h4#goalreductionheader {
	
}

#kpi {
	
}

#kpi h1 .tip, #dataEntry h1 .tip, #lsscore h1 .tip {
	margin-left: 10px;
	cursor: pointer;
}

#kpi .defaulttext, #dataEntry .defaulttext {
	font-size: 1.5em;
}
/*	#kpi select {width:40%;}*/
#dataComplete {
	padding: 0.1724% 3.1724%; /* 60px/1160px */
	vertical-align: top;
}

#reductionGoal {
	padding: 0% 2% 0% 0%;
	font-size: 130%;
}

#reductionGoal span.label {
	display: block;
	text-transform: uppercase;
	font-size: 1.4em;
	font-weight: 700;
	color: #777;
}

.invisible {
	color: white !important;
}

#goals {
	padding: 3.1724%; /* 60px/1160px */
	letter-spacing: -3px;
	vertical-align: top;
}

.goals-carbon {
	padding: 1.1724% 3.1724% 3.1724% 3.1724% !important;
}

#goals h2 {
	display: inline-block;
	width: 32.019231%; /* 333px/1040px */
	margin: 0 0 0 1.9230769%; /* 20px/1040px */
	padding: 2.6923077%; /* 28px/1040px */
	background-color: #f7f7f7;
	border: 2px solid #f3f3f3;
	letter-spacing: normal;
}

#goals h2 strong .blue {
	display: block;
	font-size: 100%;
	color: #00A8E1;
}

#goals h2 strong .pos,
#progressstats h2 strong .pos {
	display: block;
	font-size: 100%;
	color: #32ce8d;
}

#goals h2 strong .posproj {
	display: block;
	font-size: 100%;
	color: #b6cda3;
}

#goals h2 strong .neg,
#progressstats h2 strong .neg {
	display: block;
	font-size: 100%;
	color: #ce3261;
}

#goals h2 strong .negproj {
	display: block;
	font-size: 100%;
	color: #f7acac;
}

#kpi h2:first-child, .accordionHeader:first-child {
	margin: 0;
	vertical-align: top;
	background-color: #fff !important;
}

#kpi h2 strong, .accordionHeader strong {
	display: block;
	font-size: 3.4em;
	color: #9cbc80;
	padding-bottom: .25em;
}

#kpi h2 strong span, .accordionHeader strong span {
	font-size: .7em; /* 26px/36px */
}

#kpi h2 span.label, .accordionHeader span.label {
	display: block;
	text-transform: uppercase;
	font-size: 1.4em;
	font-weight: 700;
	color: #777;
}

#kpi h2 span.label_offset {
	display: block;
	text-transform: uppercase;
	font-size: 1.4em;
	font-weight: 700;
	color: #777;
	margin-top:1em;
}
	
#kpi h2 span.labelsmall, .accordionHeader span.labelsmall {
	display: block;
	text-transform: uppercase;
	font-size: 1.2em;
	font-weight: 700;
	line-height: 15px;
	color: #777;
}

#kpi h2 span.labelsmall_error {
	display: block;
	font-size: 1.1em;
	font-weight: 700;
	line-height: 14px;
	color: red;
	margin-top: .5em;
}

#progress, #progressTM, #progressHCMI, #progressHWMI, #progressHWMM, #progressEnergy {
	padding: 0 3.1724% 5.1724%; /* 60px/1160px */
	border-bottom: 1px solid #f3f3f3;
	margin-bottom: 1em;
}

#progressHCMI, #progressHWMI, #progressHWMM, #progressEnergy {
	padding-bottom: 2%;
}

#progress h2, #progressTM h2, #progressHCMI h2, #progressHWMI h2, #progressHWMM h2, #progressEnergy h2 {
	display: inline-block;
	width: 22.019231%; /* 333px/1040px */
	/* margin: 0 0 0 1.9230769%; */ /* 20px/1040px */
	padding: 2.6923077%; /* 28px/1040px */
	background-color: #f7f7f7;
	border: 2px solid #f3f3f3;
	letter-spacing: normal;
}

#progresskey h3, #progresskeyHCMI h3, #progresskeyHWMI h3, #progresskeyHWMM h3, #progressEnergy h3 {
	display: inline-block;
	vertical-align: top;
	margin: 1% 3.8461538% 1.8461538% 0; /* 40px/1040px */
	text-transform: uppercase;
	font-size: 1.8em;
	font-weight: 700;
	white-space: nowrap;
	color: #444;
}

#progresskey  h3.multigoal {
	width: 37%;
	margin-left: 0%;
}

#progresskey h3 .goal {
	font-size: 1.8em;
}

#progresskey .actual {
	margin: 0 0 0 5%;
	color: #9cbc80;
}

.actualneg {
	margin: 0 0 0 5%;
	color: #e65252;
}

.actual .point {
	background-color: #9cbc80;
}

.actualneg .point {
	background-color: #e65252;
}

#progresskey .projected {
	margin: 0 0 0 5%;
	color: #b6cda3;
}

.projectedneg {
	margin: 0 0 0 5%;
	color: #f7acac;
}

.projected .point {
	background-color: #b6cda3;
}

.projectedneg .point {
	background-color: #f7acac;
}

#progresskey .hazardous {
	margin: 0 0 0 5%;
	color: #EF7622;
}

#progresskey .recycled {
	margin: 0 0 0 5%;
	color: #32ce8d;
}

#progresskey .landfill {
	margin: 0 0 0 5%;
	color: #ce3261;
}

#progresskey .donations {
	margin: 0 0 0 5%;
	color: #00A8E1;
}

.point {
	position: relative;
	display: inline-block;
	width: 14px;
	height: 14px;
	border-radius: 7px;
}

.point span {
	position: absolute;
	left: 4px;
	top: 4px;
	display: inline-block;
	width: 6px;
	height: 6px;
	border-radius: 3px;
	background-color: white;
}

#progressgraph {
	position: relative;
	height: 30px;
	margin: 0 0 3.8461538% 0; /* 40px/1040px */
	background-color: #ddd;
	border-radius: 6px;
}

#progressgraph .point {
	position: absolute;
	top: 8px;
}

#progressgraph .projected {
	position: absolute;
	left: 50%;
	top: 0;
	display: inline-block;
	width: 40.5%;
	height: 30px;
	background-color: #ccc;
}

#progressgraph .actual {
	position: absolute;
	left: 50%;
	top: 0;
	display: inline-block;
	width: 20.83333333%;
	height: 30px;
	background-color: #9cbc80;
}

#progressgraph .actualneg {
	position: absolute;
	left: 50%;
	top: 0;
	display: inline-block;
	width: 20.83333333%;
	height: 30px;
	background-color: #e65252;
}

#progressgraph .neg .point {
	left: -7px;
}

#progressgraph .pos .point {
	right: -7px;
}

#progressgraph .range {
	position: absolute;
	top: 8px;
	font-size: 1.4em;
	font-weight: 600;
	color: white;
}

#progressgraph #min {
	left: 1%;
}

#progressgraph #mid {
	left: 47%;
}

#progressgraph #max {
	right: 1%;
}

#progressstats, #progressstatsTM, #progressstatsHCMI, #progressstatsHWMI, #progressstatsHWMM, #progressstatsEnergy {
	letter-spacing: -3px;
	display: flex;
	justify-content: space-between;
}

#progressstatsHWMMFootnote {
	margin-top: 1em;
	font-size: 12px;
}

#progressstats h2, #progressstatsTM h2, #progressstatsHCMI h2, #progressstatsHWMI h2, #progressstatsHWMM h2, #progressstatsEnergy h2 {
	display: inline-block;
	padding: 5px 0 5px 3%; /* 30px/1040px */
	background-color: #fff;
	border-width: 0px 0px 0px 2px;
	border-style: solid;
	border-color: #f7f7f7;
	letter-spacing: normal;
}

#progressstats h2.h2wide, #progressstatsTM h2.h2wide, #progressstatsHCMI h2.h2wide, #progressstatsHWMI h2.h2wide, #progressstatsHWMM h2.h2wide, #progressstatsEnergy h2.h2wide {
	width: 26%;
	display: flex;
	flex-direction: column;
}

#progressstats h2.h2narrow, #progressstatsTM h2.h2narrow, #progressstatsHCMI h2.h2narrow, #progressstatsHWMI h2.h2narrow, #progressstatsHWMM h2.h2narrow {
	width: 17%;
	display: flex;
	flex-direction: column;
}

#progressstatsHCMI h2.h2narrow, #progressstatsHWMI h2.h2narrow, #progressstatsHWMM h2.h2narrow, #progressstatsEnergy h2.h2narrow {
	justify-content: space-between;
}

#progressstats h2:first-child, #progressstatsTM h2:first-child, #progressstatsHCMI h2:first-child, #progressstatsHWMI h2:first-child, #progressstatsHWMM h2:first-child, #progressstatsEnergy h2:first-child {
	margin: 0;
}

#progressstats h2 strong, #progressstatsTM h2 strong, #progressstatsHCMI h2 strong, #progressstatsHWMI h2 strong, #progressstatsHWMM h2 strong, #progressstatsEnergy h2 strong {
	color: #00A8E1;
}

#progressstats h3, #progressstatsTM h3, #progressstatsHCMI h3, #progressstatsHWMI h3, #progressstatsHWMM h3, #progressstatsEnergy h3 {
	display: inline-block;
	vertical-align: top;
	margin: 0 3.8461538% 3.8461538% 0; /* 40px/1040px */
	background-color: #ddd;
	text-transform: uppercase;
	font-size: 1.8em;
	font-weight: 700;
	white-space: nowrap;
	color: #444;
}

.rfp-upper-case {
	text-transform: uppercase;
}

#projectstats {
	letter-spacing: -3px;
	padding-top: 10px;
	justify-content: space-between;
	display: flex;
}

#projectstats h2 {
	display: inline-block;
	padding: 5px 0px 0px 0.8846154%; /* 30px/1040px */
	background-color: #fff;
	border-width: 0px 0px 0px 0px;
	border-style: solid;
	border-color: #f7f7f7;
	letter-spacing: normal;
}

#projectstats h2:first-child {
	margin: 0;
}

#projectstats h2 strong {
	color: #00A8E1;
}

#projectstats h3 {
	display: inline-block;
	vertical-align: top;
	margin: 0 3.8461538% 3.8461538% 0; /* 40px/1040px */
	background-color: #ddd;
	text-transform: uppercase;
	font-size: 1.8em;
	font-weight: 700;
	white-space: nowrap;
	color: #444;
}

#kpi aside {
	padding: 3.4482759% 4.3103448%; /* 40px/50px/1160px */
	letter-spacing: -3px;
}

#kpi aside>div {
	position: relative;
	overflow: hidden;
	height: 100px;
}

#kpi aside ul {
	position: relative;
	width: 300%;
	height: 100%;
}

#kpi aside ul li {
	position: absolute;
	width: 33.333333%;
}

#kpi aside ul li div {
	display: inline-block;
	vertical-align: middle;
	letter-spacing: normal;
}

#kpi aside #tipinfo {
	width: 50.961538%; /* 530px/1040px */
	padding-left: 1px;
}

#kpi aside #tipinfoForecast
 {
	width: 100%; /* 530px/1040px */
	padding-left: 1px;
}

#kpi aside h1 {
	margin: 0 0 1.509434% 0; /* 8px/530px */
	text-transform: uppercase;
	font-size: 1.4em;
	font-weight: 700;
	color: #303030;
}

#kpi aside h2 {
	margin: 0 0 3.3962264% 0; /* 18px/530px */
	font-size: 2.0em;
	font-weight: 700;
	color: #444;
}

#kpi aside h2 span {
	color: #9cbc80;
}

#kpi aside p {
	line-height: 1.625em; /* 26px/16px */
	font-size: 1.6em;
	color: #999;
}

#kpi aside #tipaction {
	width: 49.038462%; /* 510px/1040px */
	text-align: right;
}

#tipaction .btn {
	width: 34.509804%; /* 176px/510px */
	padding: 2.3529412% 0; /* 12px/510px */
}

#tipaction .green {
	margin-left: 3.9215686%; /* 20px/510px */
}

.column {
	display: inline-block;
}

#tipaction .surveybtn {
	background-color: #9cbc80;
	color: white;
	float: right;
	width: 200px;
	padding: 4.35294% 0px;
	font-size: 1em;
	margin-right: 1em;
}

#kpi #controls {
	position: absolute;
	right: 0;
	top: 0;
	display: block;
	font-size: 1.6em;
	color: #eee;
	letter-spacing: normal;
}

#kpi #controls a {
	text-decoration: none;
	color: #303030;
}

#kpi #controls a:hover {
	color: #00A8E1;
}

#alertCenterOutsideRange\:controls-alert,
	#alertCenterMissingData\:controls-alert,
	#alertCenterMissingProjects\:controls-alert,
	#alertCenterMessages\:controls-alert,
	#alertCenterComplianceEmails\:controls-alert,
	#alertCenterActiveProjects\:controls-alert {
	display: block;
	font-size: 1.6em;
	color: #eee;
	letter-spacing: normal;
	text-align: right;
	padding-bottom: 1em;
	padding-right: 1em;
	padding-top: 1em;
	font-weight: 600;
}

#alertCenterOutsideRange\:controls-alert a,
	#alertCenterMissingData\:controls-alert a,
	#alertCenterMissingProjects\:controls-alert a,
	#alertCenterMessages\:controls-alert a,
	#alertCenterComplianceEmails\:controls-alert a,
	#alertCenterActiveProjects\:controls-alert a {
	text-decoration: none;
	color: #00A8E1;
	font-size: 80%;
}

#alertCenterOutsideRange\:controls-alert .countMessage,
	#alertCenterMissingData\:controls-alert .countMessage, utilityBill
	#alertCenterMissingProjects\:controls-alert .countMessage,
	#alertCenterMessages\:controls-alert .countMessage,
	#alertCenterComplianceEmails\:controls-alert .countMessage,
	#alertCenterActiveProjects\:controls-alert .countMessage {
	padding-right: 1em;
	font-size: 80%;
	color: #00A8E1;
}

#alertCenterOutsideRange .subTitle {
	background-color: #f7f7f7;
	color: #777;
	font-weight: bold;
}

#alertCenterOutsideRange .yellowRow,
#alertCenterComplianceEmails .yellowRow {
	background-color: #fdfbd3;
}

#alertCenterOutsideRange .yellowHeader {
	padding-top: 1em;
}

#kpi #goalhead-block a.disabled {
	text-decoration: none;
	color: #777;
}

.disabledText {
	color: #777;
}

.impactSection {
	background-color: #ebeae8;
	text-align: center;
}

.impactImage {
	background-color: #ebeae8;
	text-align: center;
}

.impactImageElt {
	width: 98%;
	padding-left: 1%;
}

.impactWorld {
	background-color: #cccccc;
	width: 97%;
	padding-top: 1em;
	padding-left: 3em;
	padding-right: 3em;
	padding-bottom: .5em;
	margin-left: 1%;
	height: 3.5em;
}

.impactWorldText1L {
	color: #ffffff;
	font-size: 1.5em;
	font-weight: bold;
	text-transform: uppercase;
	float: left;
}

.impactWorldText1R {
	color: #ffffff;
	font-size: 1.5em;
	font-weight: bold;
	text-transform: uppercase;
	float: right;
}

.impactWorldText2L {
	color: #ffffff;
	font-size: 1.6em;
	font-weight: bold;
	text-transform: uppercase;
	float: left;
}

.impactWorldText2R {
	color: #ffffff;
	font-size: 1.6em;
	font-weight: bold;
	text-transform: uppercase;
	float: right;
}

.impactValue {
	color: white;
	font-size: 3.6em;
	font-weight: bold;
	background-color: #cccccc;
	width: 97%;
	margin-left: 1%;
}

.impactLabel {
	color: #7d7d7d;
	font-size: 1.4em;
	font-weight: bold;
	text-transform: uppercase;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #cccccc;
	width: 97%;
	margin-left: 1%;
}

.impactInfo {
	text-align: right;
	height: 2.5em;
	background-color: #cccccc;
	width: 97%;
	margin-left: 1%;
	padding-right: 3%
}

.impactTip {
	position: relative;
	display: inline-block;
	vertical-align: top;
	color: #bbbbbb;
	font-size: 2.0em;
}

.goalImpactPanel  {
	display: inline-flex;
	flex-direction: column;
	color: #00A8E1;
	font-size: 2em;
	font-weight: 700;
	margin: 1em;
	border-width: 2px;
	border-style: solid;
	border-color: #DDD;
	padding: 10px;
	position: relative;
}

.goalImpactPanelBetween  {
	color: #00A8E1;
	font-size: 1.8em;
	font-weight: 700;
	padding-left: 25px;
	position: relative;
}

table.admin-main-table .sortHeader {
	text-align: center;
	font-weight: bold;
}

.twpTitle {
	font-size: .7em;
	color: #444;
}

#projects {
	
}

#projects ol {
	padding: 0 2.5862069%; /* 30px/1160px */
	border-top: 1px solid #eee;
	letter-spacing: -3px;
}

#projects .headings {
	border-top: none;
	background-color: #f7f7f7;
}

.headings li {
	display: inline-block;
	vertical-align: middle;
	padding: 1em 0;
	font-size: 1.4em;
	color: #777;
	letter-spacing: normal;
}

#projects ol .status {
	width: 19.09090909%; /* 210px/1100px */
}

#projects ol .name {
	width: 30.09090909%; /* 340px/1100px */
}

#projects ol .type {
	width: 13.09090909%; /* 144px/1100px */
}

#projects ol .cost {
	width: 13.09090909%; /* 144px/1100px */
}

#projects ol .rating {
	width: 11%; /* 112px/1100px */
}

#projects ol .actions {
	width: 13.63636364%; /* 150px/1100px */
	/* text-align: right; */
}

#projects ol .txtright {
	width: 13.67%; /* 150px/1100px */
	text-align: right;
}

#projects ol .lbltext {
	width: 13.67%; /* 340px/1100px */
}

.project {
	
}

.project li {
	display: inline-block;
	vertical-align: top;
	padding: 2.72727273% 2% 2.72727273% 0; /* 30px/1100px */
	letter-spacing: normal;
}

.project li.actions {
	padding-right: 0;
}

.projlabel {
	display: none;
}

.dashpad {
	padding-left: 3%;
}

.dashnopad {
	padding-left: 0%;
}

.statusbox {
	display: inline-block;
	vertical-align: middle;
	width: 30px;
	height: 30px;
	padding-top: 6px;
	padding-left: 5px;
	border-radius: 3px;
	text-align: left;
}

.statusbox span {
	font-family: 'HiltonFont';
	color: white;
}

form#meterEntryForm span.statusboxSmall {
	padding-top: 1.5px !important;
	padding-left: 5px !important;
}

.statusboxSmall {
	width: 22px !important;
	height: 22px !important;
	padding-top: 1.0px !important;
	padding-left: 4.6px !important;
}
.statusboxSmall span {
	font-size: 1.2em;
}
.statusboxSmallest {
	width: 20px !important;
	height: 20px !important;
	padding-top: 0px !important;
	padding-left: 3px !important;	
}

.statusboxSmallest span {
	font-size: 1.2em;
}

.errRow {
	text-align: left;
	padding: 10px 40px 10px 16px;
}

.errRow div {
	display: inline-block;
}

.statuscircle {
	display: inline-block;
	vertical-align: middle;
	width: 10px;
	height: 10px;
	border-radius: 5px;
}

.red    .statuscircle {
	background-color: #e65252;
}

.yellow .statuscircle {
	background-color: #f5c24d;
}

.green  .statuscircle {
	background-color: #9cbc80;
}

.text {
	display: inline-block;
	vertical-align: middle;
	padding-left: 3%;
	font-size: 1.6em;
	font-weight: 600;
}

.statusbox span:before {
	font-size: 20px;
} /* was 2.2 but data entry panel needs it smaller */
.statusboxSmall span:before {
	font-size: 13px;
} /* was 1.8 but data entry panel needs it smaller */
.statusboxSmallest span:before {
	font-size: 14px;
} /* was 1.8 but data entry panel needs it smaller */
.recommended .statusbox {
	background-color: #00A8E1;
}

.recommended .statusbox span:before {
	content: "\35";
}

.planned .statusbox {
	background-color: #ce3261;
}

.planned .statusbox span:before {
	content: "\37";
}

.activeProject .statusbox {
	background-color: #EF7622;
}

.activeProject .statusbox span:before {
	content: "$";
}

.resolved .statusbox {
	background-color: #f5c24d;
}

.resolved .statusbox span:before {
	content: "\37";
}

.completed .statusbox {
	background-color: #32ce8d;
}

.completed .statusbox span:before {
	content: "\3a";
}

.abandoned .statusbox {
	background-color: #e65252;
}

.abandoned .statusbox span:before {
	content: "\38";
}

.failed .statusbox {
	background-color: #ce3261;
}

.failed .statusbox:hover {
	background-color: #00A8E1;
}

.failed .statusbox span:before {
	content: "\38";
}

.underInvestigation .statusbox {
	background-color: #00A8E1;
}

.underInvestigation .statusbox span:before {
	content: "\36";
}

.archived .statusbox {
	background-color: #3d3d3d;
}

.archived .statusbox span:before {
	content: "\31";
}

.recommended .text {
	color: #00A8E1;
}

.planned .text {
	color: #e65252;
}

.activeProject .text {
	color: #EF7622;
}

.completed .text {
	color: #9cbc80;
}

.abandoned .text {
	color: #ccc;
}

.archived .text {
	color: #ccc;
}

.underInvestigation .text {
	color: #e65252;
}

.statusbox-multi {
	display: inline-block;
	vertical-align: middle;
	width: 40px;
	height: 40px;
	padding-top: 8px;
	padding-left: 8px;
	border-radius: 3px;
	float: left;
}

.statusbox-multi span {
	font-family: 'HiltonFont';
	color: white;
}

.statusbox-multi span:before {
	font-size: 2.4em;
}

.statusbox-label {
	display: inline;
	text-transform: uppercase;
	font-size: 1.4em;
	font-weight: 700;
	color: #777;
	margin-left: 15px;
}

.statusbox-number {
	display: inline;
	text-transform: uppercase;
	font-size: 24px;
	font-weight: 700;
	color: #333;
	margin-left: 15px;
	line-height: 1.5em;
}

.completed .statusbox-multi {
	background-color: #32ce8d;
}

.completed .statusbox-multi span:before {
	content: "\3a";
}

.activeProject .statusbox-multi {
	background-color: #EF7622;
}

.activeProject .statusbox-multi span:before {
	content: "\37";
}

.cost .statusbox-multi {
	background-color: #a17e70;
}

.cost .statusbox-multi span:before {
	content: "\30";
}

.projlabel, .name h1, .name p, .type p, .lbltext p, .txtright p, .cost p
	{
	line-height: 1.625em; /* 26px/16px */
	font-size: 1.6em;
	font-weight: 400;
	color: #444;
}

.rating p {
	line-height: 1.625em; /* 26px/16px */
	font-size: 1.6em;
	font-weight: 400;
	color: #444;
}

.name p {
	color: #bbb;
}

.rating .ico-star {
	color: #EF7622;
	line-height: 2em;
}

.rating .ico-star-not {
	color: #e4e4e4;
	line-height: 2em;
}

.actions select {
	width: 90px;
}

.projectsSelectionPane {
	padding-left: 10px;
}

h1#projectheader {
	padding-top: 0.5em;
}

#projecthead-block {
	display: inline-block;
	overflow: hidden;
	position: relative;
	width: 25%;
}

.container .projecthead {
	padding: 1em 0em 3em 1.5em;
	border-bottom: 1px solid #eee;
}

.container .projecthead div {
	float: right;
	margin: .3em 0 0;
	font-size: 1.4em;
	color: #f3f3f3;
}

.container .projecthead div a {
	text-decoration: none;
	color: #fff;
	padding: 10px;
}

.project_spacer_top {
	padding-top: 0.3em;
}

.project_spacer_bottom {
	padding-bottom: 0.3em;
}

#charts .head>div>a {
	display: inline-block;
	vertical-align: top;
}

#charts .head>div>span {
	/* 	position: relative;
	top: -.85714286em; */
	display: inline-block;
	vertical-align: top;
	margin-left: 12px;
	letter-spacing: -3px;
}

#charts .headerSection .toggle, #charts .head .toggle {
	display: inline-block;
	vertical-align: top;
	width: 126px;
	padding: .85714286em 0; /* 12px/14px */
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	background-color: #f3f3f3;
	text-align: center;
	font-weight: 700;
	color: #ccc;
	letter-spacing: normal;
	font-size: 13px;
}

#charts .headerSection .toggle:first-child, #charts .head .toggle:first-child
	{
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}

#charts .headerSection .toggle.on, #charts .head .toggle.on {
	background-color: #00A8E1;
	color: white;
}

#charts figure {
	padding: 5.1724138% 2.5862069%; /* 60/30 /1160px */
}

#charts canvas#consumption {
	width: 100% !important;
	max-width: 1100px;
	height: auto !important;
}

#charts figcaption {
	width: 90.72727273%; /* 998/1100 */
	margin: 3.4482759% auto 0;
	padding: 2.36363636% 0; /* 26/1100 */
	border: 1px solid #eee;
	border-radius: 3px;
	background-color: #f7f7f7;
	text-align: center;
}

#charts figcaption b {
	display: inline-block;
	vertical-align: middle;
	width: 13px;
	height: 13px;
	border-radius: 2px;
}

#charts figcaption span {
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
	font-size: 1.6em;
	color: #777;
}

#charts figcaption .actual {
	background-color: rgb(151, 187, 205);
}

#charts figcaption .benchmark {
	background-color: rgb(220, 220, 220);
}

#surveyoverview {
	padding: 1.5em 1.7241379%;
	border-top: 1px dotted rgb(220, 231, 235);
}

#surveyoverview h2 span.statusBadge {
	display: inline-block;
}

#surveyoverview h2 span.label {
	display: inline-block;
	text-transform: uppercase;
	font-size: 1.4em;
	font-weight: 700;
	color: #777;
	padding-left: .5em;
}

#surveyoverview h2 span.label a {
	text-decoration: none;
	color: #777;
}

footer {
	width: 90.625%; /* 1160px/1280px */
	max-width: 1160px;
	margin: 3.0em auto;
}

.twpFooterImage{
	display: flex;
}

footer>div {
	padding: 0 1.7241379%;
	letter-spacing: -3px;
}

footer h1 {
	display: inline-block;
	vertical-align: middle;
	width: 144px;
	letter-spacing: normal;
}

footer h1 a {
	display: block;
	width: 144px;
	height: 57px;
	text-decoration: none;
	text-indent: -99999px;
	background-image: url("/javax.faces.resource/images/footer-logo.png.xhtml?ln=ei3&v=5.3.032");
	/*url("../resources/images/footer-logo.png");*/
}

footer nav {
	display: inline-block;
	vertical-align: middle;
	width: calc(100% - 144px); /*86.160714% 965px/1120px */
	/* 	margin: 2.4em 0 0; */
	text-align: right;
}

footer h2 {
	display: inline-block;
	vertical-align: middle;
	margin-right: 1em;
	font-size: 1.8em;
	font-weight: 700;
	color: #444;
	letter-spacing: normal;
}

footer ul {
	display: inline-block;
	vertical-align: middle;
	text-align: right;
	white-space: nowrap;
}

footer ul li {
	float: left; /*display: inline-block; vertical-align: middle;*/
	margin-left: 8px;
	padding-left: 8px;
	font-size: 1.6em;
	border-left: 1px solid #d9d9d1;
	letter-spacing: normal;
}

footer ul li:first-child {
	padding-left: 0;
	margin-left: 0;
	border: none;
}

footer ul li a {
	text-decoration: none;
	color: #00A8E1;
}

a[id$=saveOccupancyButton] {
	margin: 5px;
}

div#errorMsg {
	color: red;
	font-size: 12px;
	margin: 20px 20px 5px;
	font-weight: 600;
}

#overlay {
	/* 	position: fixed;
	left: 248px;
	top: 0;
	z-index: 9;
	width: 100%;
	height: 100%;
	background-color: rgba(53, 47, 54, .6) !important; */
	
}

nav#primary {
	position: fixed;
	left: -258px;
	top: 100px;
	z-index: 99;
	width: 258px;
	height: 100%;
	background-color: #6d6763;
}

nav#primary.open {
	left: 0;
}

#menu {
	position: absolute;
	right: -20.16129%; /* 50px/248px */
	top: 32px;
	display: block;
	width: 34px;
	text-align: center;
	cursor: pointer;
}

.bun {
	display: block;
	width: 22px;
	height: 3px;
	margin: 0 auto;
	background-color: #00A8E1;
	cursor: pointer;

}

.bun-new {
	display: block;
	width: 0px;
	height: 3px;
	margin: 0 auto;
	background-color: #00A8E1;
	cursor: pointer;
}

.burger {
	display: block;
	/* padding: 1px 0; */
	padding-top: 1px;
	padding-bottom: 2px;
	text-transform: uppercase;
	font-size: 1em;
	font-weight: 600;
	color: #00A8E1;
	cursor: pointer;
}

#menu:hover .bun {
	width: 100%;
	background-color: #c2a776;
}

#homeLink:hover .bun-new, #alertbox2:hover .bun-new, #messagebox2:hover .bun-new, #settingbox:hover .bun-new
	{
	width: 100%;
	background-color: #c2a776;
}

#menu:hover .burger {
	color: #c2a776;
}

nav#primary.open #menu {
	width: 30px;
	height: 22px;
}

nav#primary.open #menu .bun {
	position: absolute;
	left: 0;
	top: 6px;
}

nav#primary.open #menu:hover .bun {
	width: 22px;
}

nav#primary.open #menu .bun:first-child {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

nav#primary.open #menu .bun:last-child {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

nav#primary.open #menu .burger {
	display: none;
}

nav#primary h1 {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 72px;
	padding: 8px 0 0 30px;
	background-color: #5a5551;
}

nav#primary h1 span {
	display: block;
	width: 120px;
	height: 47px;
	background: transparent url("/javax.faces.resource/images/lightstay.png.xhtml?ln=ei3&v=5.3.032") 0
		0 no-repeat;
	text-indent: -99999px;
}

nav#primary>div {
	/* height: 100%; */
	height: calc(100vh - 100px) !important;
	/* padding-top: 72px; */
	overflow-y: scroll;
}
/*nav#primary > div > div.open { padding-bottom: 116%; }*/
nav#primary #mpropfinder {
	display: none;
}

#mpropfinder>div ul li {
	margin-bottom: 14px;
}

#mpropfinder>div label {
	display: block;
	line-height: 1.625em; /* 26px/16px */
	font-size: 1.6em;
	color: #444;
}

#mpropfinder>div select {
	width: 100%;
}

#mpropfinder>div div {
	text-align: right;
}

#mpropfinder .btn {
	padding: 12px 20px;
}

#mpropfinder .btn.green {
	margin-left: 12px;
}

#mpropfinder .simple {
	float: left;
	padding: 12px 0 0;
}

nav#primary ul li a {
	display: block;
	padding: 20px 30px;
	border-bottom: 1px solid #5a5551;
	text-decoration: none;
	font-size: 1.6em;
	color: white;
}

nav#primary ul li a:hover {
	background-color: rgba(0, 0, 0, 0.8);
}

nav#primary ul li a.on, nav#primary ul li a.on:hover {
	background-color: #a98d5a;
	border-color: #a98d5a;
}

nav#primary ul li a span {
	float: right;
	color: #a98d5a;
}

nav#primary ul li a.on span {
	color: white;
}

nav#primary ul li.label {
	background-color: #5a5551;
	padding: 10px 30px;
	font-size: 1.4em;
	font-weight: 700;
	text-transform: uppercase;
	color: white;
}

nav#primary ul li ul li a {
	border-color: #514d49;
	background-color: #5a5551;
	font-size: 1.4em;
}

div.selector {
	width: 100% !important;
	border: 1px solid #616161;
	border-radius: 3px;
}

div.selector:before {
	content: "\44";
	float: right;
	padding-right: 5px;
	font-family: 'HiltonFont';
	color: #00A8E1;
}

div.selector span {
	position: absolute;
	left: 0;
	top: 0;
	width: 100% !important;
}

.ui-helper-hidden-accessible {
	display: none;
}

.ui-autocomplete {
	z-index: 100;
	background-color: white;
	border: none;
	border-radius: 3px;
}

#ui-id-1 {
	/*width: 36.7% !important; /* 472px/1280px */
	max-height: 350px;
	overflow-y: auto;
	overflow-x: hidden;
}

#ui-id-2 {
	width: calc(100% - 30px) !important;
	max-height: 506px;
	overflow-y: auto;
	overflow-x: hidden;
}

.ui-menu .ui-menu-item {
	border-top: 1px solid #eee;
}

.ui-menu .ui-menu-item:first-child {
	border: none;
}

.ui-menu .ui-menu-item a {
	display: block;
	padding: 22px 18px;
	font: 600 1.4em 'Loew', 'proxima-nova', Helvetica, Arial, sans-serif;
	color: #444;
}

.ui-menu .ui-menu-item a:hover {
	margin: 0;
	border: none;
	font-weight: 600;
	background-color: #00ff00; /*#fcf9f0;*/
}

/** screen resolution bubble **/
#resolution { /*display: none;*/
	position: fixed;
	right: 30px;
	bottom: 20px;
	z-index: 99999;
	padding: 6px 10px;
	background-color: rgba(90, 85, 81, 0.75);
	border: 2px solid white;
	border-radius: 10px;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.8);
	text-shadow: 1px 1px 2px rgba(0, 0, 0, .21);
	letter-spacing: normal;
	font: 600 1.4em 'Loew', 'proxima-nova', Helvetica, Arial;
	color: white;
}

h4, .entrySection {
	/* margin: 5px 0 5px 0; */
	font-size: 1.4em;
	font-weight: 700;
	color: #fff; /*#444;*/
	padding: 1%;
}

/** table styles **/
/*statussmall,lbltextsmall,lbltextsmall,cost2,cost2,cost2,updatedby,actions*/
table.block-subtable-container {
	width: 100%;
}

table.block-subtable-container .rf-dt-c {
	padding: 0 0 0 0;
}

table.block-subtable {
	width: 100%;
	border-collapse: collapse;
	padding: 0 0;
	border-top: 1px solid #eee;
}

/*letter-spacing:-3px;}*/
table.block-subtable th, table.block-subtable td {
	vertical-align: middle;
	padding: 1em 0;
	font-size: 1.4em;
	font-weight: normal;
	color: #777;
	letter-spacing: normal;
	text-align: left;
}

table.block-subtable .statussmall {
	width: 60px;
	padding-left: 10px;
	vertical-align: middle;
	text-align: left;
}

table.block-subtable .lbltextsmall {
	width: 12%; /* 340px/1100px */
	vertical-align: middle;
	padding: 1em 0;
	font-size: 1.4em;
	font-weight: normal;
	letter-spacing: normal;
	text-align: left;
}

table.block-subtable .lbltextfull {
	width: 95%; /* 340px/1100px */
	color: #e65252;
	vertical-align: middle;
	padding: 1em 0;
	font-size: 1.4em;
	font-weight: bold;
	letter-spacing: normal;
	text-align: left;
}

table.block-subtable .cost2 {
	width: 12%; /* 144px/1100px */
	vertical-align: middle;
	padding: 1em 0;
	font-size: 1.4em;
	font-weight: normal;
	letter-spacing: normal;
	text-align: right;
}

table.block-subtable .rate {
	width: 12%; /* 144px/1100px */
	vertical-align: middle;
	padding: 1em 0;
	font-size: 1.4em;
	font-weight: normal;
	letter-spacing: normal;
	text-align: center;
}

table.block-subtable div.rateright {
	width: 100%; /* 144px/1100px */
	vertical-align: middle;
	text-align: right;
}

table.block-table td.actions div.rateright {
	margin-right: 0;
	padding-right: 5px;
}

table.block-table div.rateright {
	width: 100%; /* 144px/1100px */
	vertical-align: middle;
	text-align: right;
	padding-right: 20px;
}

table.block-table div.rateright a {
	margin: 5px;
}

table.block-table td.statusIcon span {
	
}
/* drop down menu hover color */
/*
table.block-table tr:hover  input.rf-sel-inp {
	background-color: #fcf9f0;
}
*/
.midAlign {
	vertical-align: middle;
}

table.block-subtable .updatedby {
	width: 25%; /* 144px/1100px */
	padding-left: 2%;
	vertical-align: middle;
	font-size: 1.4em;
	font-weight: normal;
	letter-spacing: normal;
	text-align: left;
}

table.block-subtable .meterspacer {
	width: 35%;
}

table.block-subtable .actions {
	width: 10%; /* 144px/1100px */
	text-align: right;
	padding-right: 2%;
	vertical-align: middle;
	font-size: 1.4em;
	font-weight: normal;
	letter-spacing: normal;
}

table.block-subtable-container .alertMessage {
	width: 100%;
	background-color: #fafafa;
	border-top: 1px solid #eee;
	color: #777;
	padding: 1%;
	font-weight: normal;
	font-size: 1.4em;
	letter-spacing: normal;
}

table.block-table {
	width: 100%;
	border-collapse: collapse;
	padding: 0 2.5862069%;
	border: 0px solid #eee;
	/* 	margin: 10px 0; */
}

table.block-table td.alertmessage {
	padding: 14px 10px 10px 30px;
}

table.block-table td.alertStatus {
	vertical-align: top;
}

table.block-table td.alertDate {
	vertical-align: middle;
	padding-top: 14px;
	padding-bottom: 10px;
	white-space: nowrap;
}

table.block-table div.alertDate {
	vertical-align: middle;
	line-height: 1.5;
}

table.block-table div.alertMessage {
	text-align: left;
	line-height: 1.5;
}

table.block-table div.alertMessagePadded {
	text-align: left;
	padding-left: 3.0em;
	line-height: 1.5;
}

table.block-table div.alertMessage2 {
	vertical-align: top;
	padding-right: 1em;
}

table.block-table div.alertMessage3 {
	vertical-align: top;
	padding-right: 1em;
	display: block;
	padding-top: 0.5em;
}

table.block-table div.alertMessage4 {
	vertical-align: top;
	padding-right: 1em;
	display: block;
	width: 75%;
	line-height: 1.2em;
}

div.alertMessage div {
	display: inline-block;
}
/*
letter-spacing:-3px;
}*/
table.block-table th {
	background-color: #fff; /*#f7f7f7;*/
	border-bottom: 1px solid #eee;
	color: #000 !important; /*#777*/
}

table.block-table thead {
	background-color: #fff; /*#f7f7f7;*/
	border-bottom: 1px solid #eee;
	font-weight: bold;
}

table.block-table tbody {
	border-bottom: 0px solid #eee;
}

table.block-table>thead>tr>th, table.block-table>tbody>tr>td {
	vertical-align: middle;
	padding: 1em 0;
	font-size: 14px;
	color: #000;
	letter-spacing: normal;
	text-align: center;
}

table.block-table[id^=projectsSingleForm\:project] tr {
	border: none;
}

table.block-table[id^=projectsSingleForm\:project] td {
	border-bottom: 1px solid #eee;
	vertical-align: top;
	padding-top: 20px;
	padding-bottom: 10px;
	line-height: 150%;
}

table.block-table[id^=reportsForm\:reportsTable] td, table.block-table[id^=reportsForm\:userReportsTable] td
	{
	vertical-align: top;
	padding-top: 20px;
	padding-bottom: 20px;
	line-height: 150%;
}

table.block-table td {
	font-weight: normal;
	padding: 5px;
	border-top: 0px solid #eee;
}

table.block-table .status {
	width: 20%;
	padding-left: 1.02%;
	vertical-align: top;
}

.italicText {
	font-style: italic;
}

table.block-table .alertRow {
	text-align: left;
	/*	padding: 15px;
	background-color: #fafafa;*/
}

table.block-table .statusmed {
	width: 10%;
	padding-left: 1.02%;
	vertical-align: top;
}

table.block-table .statussmall {
	width: 60px;
	padding-left: 1.02%;
}

table.block-table .statussmallLeft {
	width: 18%;
	padding-left: 2.2%;
	text-align: left;
}

table#projectsSingleForm\:project .statussmallLeft {
	width: 140px;
	padding-left: 1.8%;
	text-align: left;
}

table#projectsSingleForm\:project tr {
	border-bottom: 1px solid #eee;
}

table.block-table .date {
	width: 120px;
	padding-left: 1.02%;
}

table.block-table .description {
	width: 15.09090909%;
	padding-left: 1.02%;
}

table.block-table .statusmedium {
	width: 25.09090909%;
	padding-left: 1.02%;
}

table.block-table .txtright {
	width: 13.67%; /* 150px/1100px */
	text-align: right;
	padding-right: 2%;
}

table.block-table .lbltext {
	width: 13.67%; /* 340px/1100px */
	vertical-align: top;
}

table.block-table .lbltextmed {
	width: 9.67%; /* 340px/1100px */
}

table.block-table div.statusMsg {
	text-align: left;
	padding-left: 5%;
}

table.block-table .lbltextfirst {
	width: 15%;
	padding-left: 1.02%;
}

table.block-table .lbltextlarge {
	width: 25%;
}

table.block-table .lbltextsmall {
	width: 12%; /* 340px/1100px */
}

table.block-table .lbltextright {
	width: 10%; /* 150px/1100px */
	text-align: right;
	padding-right: 2%;
	vertical-align: middle;
}

table.block-table .lbltextrightWide {
	text-align: right;
	padding-right: 2%;
	vertical-align: middle;
}

table.block-table .lbltextrightsmall {
	width: 5.67%;
	text-align: right;
	padding-right: 2%;
	padding-bottom: 1em;
}

table.block-table .lbltextrightaction {
	padding-right: 3%;
}

.tableRowUnderline {
	border-bottom: 1px solid #eee;
}
#numAlertsUnresolved {
	width: 10%;
}

#brand {
	width: 20%;
}

#propertyName {
	width: 50%;
}

table.block-table .lbltextleft {
	width: 10%; /* 150px/1100px */
	text-align: left;
	padding-left: 2%;
}

#distribution table.block-table .lblTypeCol, .lblNameCol {
	width: 20% !important; /* 150px/1100px */
}

table.block-table .statusMsg {
	padding: 15px 5px;
	text-align: left;
	color: #e65252;
	font-weight: bold;
}

table.block-table .lbltextleftsmall {
	width: 5.67%;
	text-align: left;
	padding: 1.727273% 0% 1.727273% 1%;
	padding-left: 2.2%;
}
table.block-table-utilities .lbltextleftsmall {
	width: 5.67%;
	text-align: left;
	padding: 0.5% 0% 0.5% 1%;
	padding-left: 2.2%;
}

table.block-table .data-import-preview {
	font-size: 12px;
}

table.block-table .dateCol {
	text-align: center;
}

table.block-table .dateColLeft {
	text-align: left;
}

table.block-table .lbltext {
	width: 15%; /* 340px/1100px */
}

table.block-table .lblyear {
	width: 5%; /* 340px/1100px */
}

/*.lbltextcenter {
	width:100%;
	Font-size:12pt;
	text-align:center;
}*/
span.lbltextcenter {
	width: 100%;
}

table.block-table .lbltextcenter {
	width: 15%; /* 340px/1100px */
	text-align: center;
	padding-right: 2%;
	padding-left: 2%;
}

table.block-table .lbltextcentersmall {
	width: 8%;
	text-align: center;
	padding-bottom: 1em;
}

table.block-table .rf-cal-inp {
	width: 110px;
}

table.block-table .lbltextcentermed {
	width: 9.67%; /* 340px/1100px */
	font-size: 2em;
	text-align: center;
	padding-bottom: 1em;
	background-color: #5a5551;
	color: white;
}

table.block-table .lbltextcentersmallheading {
	width: 8%;
	text-align: center;
	padding-bottom: 1em;
	background-color: #f7f7f7;
	border-bottom: 1px solid #eee;
}

table.block-table .lbltextproject {
	width: 23%;
}

table.block-table .cost {
	width: 15%; /* 144px/1100px */
	text-align: right;
	vertical-align: top;
}

table.block-table .cost2 {
	width: 170px;
	text-align: center; /* 144px/1100px */
}

table.block-table .rate {
	width: 12%;
	text-align: center; /* 144px/1100px */
}

table.block-table .updated {
	width: 10.09090909%; /* 144px/1100px */
}

table.block-table .updatedby {
	width: 25%; /* 144px/1100px */
	padding-left: 2%;
}

table.block-table .dataentrydonationdesc {
	width: 45%; /* 144px/1100px */
	padding-left: 2%;
	text-align: left;
}

table.block-table .lbltextfontsize12px {
	font-size: 12px;
}

div[id*=cancelBtnDiv] a {
	margin: 5px;
}

table.block-table .meterspacer {
	width: 35%;
}

table.block-table td.actions {
	/*width: 200px;  144px/1100px */
	text-align: right;
	padding-right: 20px;
	vertical-align: middle;
}

table.block-table td.actionsRight {
	/*width: 200px;  144px/1100px */
	text-align: right;
	padding-left: 20px;
	vertical-align: middle;
}

table[id*=meterReading] td.actions {
	width: 230px;
}

table.block-table .projects_status {
	vertical-align: top;
}

table#projectsSingleForm\:project .updatedBy {
	width: 120px;
	line-height: 100%;
}

table#projectsSingleForm\:project .complDate {
	width: 110px;
	line-height: 100%;
}

table.block-table .projects_lbltextlarge {
	vertical-align: top;
	line-height: 150%;
}

table.block-table .projects_areawidth {
	width: 125px;
}

table.block-table .projects_estimatedsavings {
	width: 130px;
}

table.block-table .projects_simplepayback {
	width: 75px;
}

table.block-table .projects_lbltextlarge a {
	text-decoration: none;
	color: #444;
	padding-bottom: 10px;
}

table.block-table .projName {
	text-align: left;
	padding-left: 0;
}

table.block-table .leftAligned {
	text-align: left;
	padding-left: 30px;
	padding-top: 10px;
}

table.block-table .descCol div {
	padding: 8px 0;
}

table.block-table .propName {
	text-align: left;
	padding-left: 0;
	width: 200px
}

table.block-table .projects_lbltext {
	/*width: 180px;
	vertical-align: top;*/
	
}

table.block-table .projects_cost {
	width: 12%;
	text-align: right;
	padding-right: 2%;
	vertical-align: top;
}

table.block-table .projects_action {
	text-align: right;
	padding-right: 2%;
}

table#projectsSingleForm\:project .projActions {
	vertical-align: top;
	padding-top: 20px;
	line-height: 100%;
}

table#projectsSingleForm\:project .projActions .rf-sel {
	width: 90px;
}

table.block-table span.defaultextname {
	font-size: 1.0em;
	font-weight: 500;
	color: #444;
}

table.block-table span.defaultextstatus {
	font-size: 1.0em;
	font-weight: 500;
	color: #444;
	padding-left: 5px;
}

table.block-table span.defaultextdesc {
	font-size: 1.0em;
	font-weight: 400;
	color: #aaa;
	padding-top: 4px;
	line-height: 1.2em;
}

table.block-table .alertstatus {
	/*width: 6%;
	padding-left: 1em;*/
	vertical-align: top;
}

table.block-table .alertdate {
	width: 14%;
	padding-left: 1em;
	vertical-align: top;
}

table.block-table .alertmessage {
	/*width: 60%;
	padding-left: 0%;*/
	vertical-align: top;
}

table.block-table .alertaction {
	width: 20%;
	text-align: right;
	padding-right: 0.5em;
}

table.block-table a.alertlink {
	text-decoration: none;
	color: #00A8E1;
	padding: 10px;
	white-space: nowrap;
	font-weight: 600;
}

table.block-table .alertlinkdesc {
	margin-top: 1em;
}

table.block-table .alertresponseAlertCenter {
	background-color: white;
	font-family: inherit;
	text-align: left;
}

table.block-table .alertresponseAlertCenterParagraph {
	margin-top: 5px;
}

table.block-table .alertresponse {
	background-color: white;
	font-family: inherit;
	text-align: left;
	position: absolute;
}

table.block-table .alertresponseInstructionMessage {
	margin-top: -15px;
	font-style: italic;
}

table.block-table .alertresponseAlertMessage {
	margin-top: -5px;
	color: red;
	font-weight: bold;
}

table.block-table tr:hover .alertresponse {
	background-color: #ffff00; /*#fcf9f0;*/
}

table.block-table .alertresponse input {
	width: 90%;
	margin-left: .5em;
	margin-top: 3%;
	background-color: white;
	padding: .5em;
}

table.block-table .alertresponse label {
	color: #444;
	display: block;
	font-size: 12.5px;
	font-weight: 500;
	padding-top: 10px;
	text-align: left;
}

table.block-table .alertresponse textarea {
	width: 100%;
	margin: 10px 0;
	background-color: white;
	padding: .5em;
	border: 1px solid #777;
}

table.block-table .alertbuttonpanel {
	
}
/*table.block-table .alertlink a:hover { margin: 0; border: none; color: #fcf9f0; }*/
table.block-table div {
	height: inherit;
}

/* table row hover color */
/*
table.block-table tr:hover {
	background-color: #fcf9f0;
}
*/
table.block-table div span.defaultext {
	font-size: 1.0em;
	font-weight: 400;
	color: #444;
}

/*table.block-table div .statusbox span:before {
	font-size: 1.0em;
}*/
table.block-table-inline {
	width: 100%;
	border-collapse: collapse;
	padding: 0 0;
	border-top: 1px solid #eee;
	letter-spacing: -3px;
}

table.block-table-inline th {
	background-color: #f7f7f7;
	border-bottom: 1px solid #eee;
}

table.block-table-inline th, table.block-table-inline td {
	vertical-align: middle;
	padding: 1em 0;
	font-size: 1.4em;
	color: #777;
	letter-spacing: normal;
	text-align: left;
}

table.block-table-inline td {
	border-top: 1px solid #eee;
	padding: 2.72727% 2% 2.72727% 0px;
	font-size: 1.6em;
	font-weight: 400;
	color: #444;
}

table.block-table-inline .status {
	width: 20%;
	padding-left: 1.02%;
}

table.block-table-inline .statussmall {
	width: 5.09090909%;
	padding-left: 1.02%;
}

table.block-table-inline .description {
	width: 15.09090909%;
	padding-left: 1.02%;
}

table.block-table-inline .statusmedium {
	width: 25.09090909%;
	padding-left: 1.02%;
}

table.block-table-inline .txtright {
	width: 13.67%; /* 150px/1100px */
	text-align: right;
	padding-right: 2%;
}

table.block-table-inline .lbltext { /* 340px/1100px */
	padding-left: 10px;
}

table.block-table-inline .lbltextmed {
	width: 9.67%; /* 340px/1100px */
}

table.block-table-inline .lbltextsmall {
	width: 5.67%; /* 340px/1100px */
}

table.block-table-inline .lbltextright { /* 150px/1100px */
	text-align: right;
	padding-right: 2%;
}

table.block-table-inline .lbltextleft { /* 150px/1100px */
	text-align: left;
	padding-left: 2%;
}

table.block-table-inline .lbltextcenter {
	width: 15%; /* 340px/1100px */
	text-align: center;
	padding-bottom: .1em;
}

table.block-table-inline .cost {
	width: 15%; /* 144px/1100px */
	text-align: right;
}

table.block-table-inline .cost2 {
	width: 7.09090909%; /* 144px/1100px */
}

table.block-table-inline .updated {
	width: 10.09090909%; /* 144px/1100px */
}

table.block-table-inline .actions {
	width: 15.09090909%; /* 144px/1100px */
	text-align: right;
	padding-right: 2%;
}

table.block-table-inline div {
	height: inherit;
}

table.block-table-inline div span.defaultext {
	font-size: 1.0em;
	font-weight: 400;
	color: #444;
}

table.block-table-inline div span.defaultext a {
	font-size: 1.0em;
	font-weight: 400;
	color: #416284;
	text-decoration: none;
}

table.block-table-inline div span.defaultext a:hover {
	font-size: 1.0em;
	font-weight: 400;
	color: #a86145;
	text-decoration: none;
}

table.block-table-inline div span.defaultextright {
	font-size: 1.0em;
	font-weight: 400;
	color: #444;
}

table.block-table-inline div .statusbox span:before {
	font-size: 20px;
}

table.inline-block {
	width: 100%;
	border-collapse: collapse;
	padding: 0 2.5862069%;
	letter-spacing: normal;
}

table.inline-block tr:hover {
	background-color: transparent;
}

table.block-inner-table {
	width: 100%;
	border-collapse: collapse;
	padding: 0 0;
	margin: 0;
}

table.block-inner-table td {
	border-top: 0px;
	font-size: 1.0em;
	font-weight: 400;
	color: #444;
}

table.block-table-inline .lbltext {
	
}

select.goals {
	width: 200px
}

/* login page css */
div#loginform {
	background-color: #333;
}

.outer {
	width: 100%;
	padding: 0;
	display: table;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	margin: auto;
}

.middle {
	padding: 0;
	vertical-align: middle;
	display: table-cell !important;
	margin: 0;
}

.content {
	width: 90%;
	text-align: center;
	vertical-align: middle;
	padding: 10px;
	position: inherit;
	margin: 0 auto;
}

/* section#meetCalc div.subheader {
	background-color: #f7f7f7;
	white-space: nowrap;
	padding-left: 20px;
} */

/* section#meetCalc h4 {
	margin: 5px;
}
 */
section#meetCalc h4 span.subheading {
	color: #999;
}

section#meetCalc .labelTextLargeBold {
    font-size: 17px;
    font-weight: bold;
    padding-left: 1.5em;
    padding-right: 1em;
    padding-top: 1em;
    padding-bottom: 1em;
    color: #444;
    line-height: 180%;
}

section#meetCalc .labelTextBold {
    font-size: 15px;
    font-weight: bold;
    padding-left: 2em;
    padding-right: 1em;
    padding-top: 1em;
    padding-bottom: 1em;
    color: #444;
    line-height: 180%;
}

section#meetCalc .labelText {
    font-size: 15px;
    padding-left: 2em;
    padding-right: 1em;
    padding-top: 1em;
    padding-bottom: 1em;
    color: #444;
    line-height: 180%;
}

section#meetCalc .labelTextCarbon {
    font-size: 15px;
    padding-left: 2em;
    padding-right: 1em;
    padding-top: 1em;
    padding-bottom: 1em;
    color: #444;
    line-height: 180%;
    width: 60%;
}

section#meetCalc .inputText {
	font-size: 15px;
	color: #000;
	line-height: 180%;
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 1em;
	padding-bottom: 1em;
}

section#meetCalc div.textContent {
	text-align: left;
	margin: 30px;
	font-size: 16px;
	color: #444;
	line-height: 180%;
}

section#meetCalc div.textContent div:first-of-type {
	padding-bottom: 20px;
}

section#meetCalc div.inputFields {
	padding: 20px;
	border-top: 1px solid #eee;
	padding-left: 30px;
	font-size: 12px;
	color: #444;
}

section#meetCalc div.inputFields div.row {
	margin: 10px 0;
}

section#meetCalc div.inputFields div.row>div {
	display: inline-block;
	vertical-align: top;
}

section#meetCalc div.inputFields div.row>div>div {
	vertical-align: bottom;
}

label.spaceFiller {
	height: 10px;
}

section#meetCalc div.inputFields div.row>div>input, section#meetCalc div.inputFields div.row>div>div>input {
	height: 30px;
	vertical-align: bottom;
	margin-right: 10px;
}

section#meetCalc input.rf-cal-inp, section#meetCalc div.inputFields div.row>div>input, section#meetCalc div.inputFields div.row>div>div>input
	{
	width: 170px;
}

section#meetCalc div.inputFields>div div.rf-sel {
	
}

section#meetCalc div.inputFields div.row>div div.rf-sel {
	width: 80px;
	height: 30px;
}

section#meetCalc div.inputFields div.row>div div.rf-sel, section#meetCalc div.inputFields div.row>div span.rf-sel-cntr
	{
	vertical-align: top;
	height: 30px;
}

section#meetCalc div.inputFields div.row>div label {
	color: #444;
	display: block;
	font-size: 13px;
	font-weight: 600;
	padding: 5px;
	text-align: left;
}

section#meetCalc div.inputFields div.row>div .readonly {
	color: #444;
	display: block;
	font-size: 13px;
	font-weight: 200;
	padding: 5px;
	text-align: left;
}

section#meetCalc div.inputFields div.row>label {
	color: #444;
	display: block;
	font-size: 13px;
	font-weight: 600;
	padding: 5px;
	text-align: left;
	padding-left: 2em;
}

section#meetCalc table.checkboxes {
	margin-top: 20px;
	font-size: 12px;
	color: #444;
}

section#meetCalc table.checkboxes td {
	padding-top: 10px;
	padding-bottom: 10px;
}

section#meetCalc table.checkboxes td:first-child {
	padding-right: 60px;
}

section#meetCalc .block-table a.actionLink {
	color: #00A8E1;
	float: none;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

section#meetCalc .block-table .leftAlignedCol {
	text-align: left;
	padding: 10px 10px 10px 20px;
}


#meetCalcForm\:travelTbl th.first-child, #meetCalcForm\:travelTbl td.first-child
	{
	width: 50px;
}

/* div#meetCalcForm\:laundry {
	width: 220px !important;
}
 */
div#meetCalcForm\:newTravelItemUnits {
	width: 120px !important;
}

input#meetCalcForm\:floorArea {
	width: 130px !important;
}

input#meetCalcForm\:laundryFacility {
	width: 70px !important;
}

/* div#meetCalcForm\:laundryOutsourcedSelected {
	width: 140px !important;
} */

/* div#meetCalcForm\:reportUnits {
	width: 200px !important;
}
 */
section#reports h4 {
	margin: 5px;
}

.title2info {
	padding-bottom: 1%;
	padding-left: 1%;
	padding-right: 1%;
	font-size: 16px;
	width: 100%;
	color: #eee;
}

.login-content {
	width: 350px;
	margin: 0 auto;
	text-align: center;
	padding: 10px;
	background: white !important;
	display: block;
	background-color: white;
}

.login-content .padded {
	padding-top: 5px;
	/* padding-left: 54px; */
	text-align: center;
}

.footer-content {
	width: 90%;
	text-align: center;
	vertical-align: middle;
	padding: 10px;
	position: inherit;
	margin: 0 auto;
}

.label-text {
	font-family: inherit;
	font-size: 1.4em;
	font-weight: 400;
	color: #444;
	letter-spacing: normal;
	text-align: left;
	/* 	padding: 5px 5px;
	margin-left: 40px; */
	text-align: center;
}

.login-content .input-text {
	font-family: inherit;
	width: 250px;
	/* height: 32px; */
	background: #f2f2f2;
	border: 0;
	/* margin: 0px 0 7px; */
	padding: 15px;
	box-sizing: border-box;
}

.login-btn {
	width: 250px;
	/* padding: 3px 20px 6px; */
	text-align: center;
	padding: 15px;
	outline: 0;
	border: 0;
	/* margin: 0 0 15px; */
}

.login-btn:hover {
	background: #104C97;
}

.login-btn:active {
	background: #EF7622;
}

/********************* END LOGIN PAGE **********************/

/* Styles for Data Entry*/
.textlbl {
	font-family: inherit;
	font-size: 1.0em;
	font-weight: 100;
	color: #444;
	letter-spacing: normal;
	text-align: left;
	padding: 5px 5px;
}

.inputselectlarge {
	font-family: inherit;
	width: 120px;
	height: 30px;
}

.inputselect {
	font-family: inherit;
	width: 70px;
	height: 30px;
}

.inputselectsmall {
	font-family: inherit;
	width: 60px;
	height: 30px;
}

.inputselectfull {
	font-family: inherit;
	width: 100px;
	height: 20px;
}

#dataEntryForm\3A startDateInputDate, #dataEntryForm\3A endDateInputDate,
	#currentDateInputDate {
	font-family: inherit;
	width: 100px;
	height: 30px;
}

#dataEntryForm\3A startDatePopupButton, #dataEntryForm\3A endDatePopupButton
	{
	/*width: 30px;
	height: 30px;*/
	
}

.inputtxthuge {
	font-family: inherit;
	width: 140px;
	/*height: 30px;*/
	/*border: 1px solid #eee;*/
}

.inputtxtlrg {
	font-family: inherit;
	width: 110px;
	height: 30px;
}

.inputtxt {
	font-family: inherit;
	/*width: 80px;*/
	height: 30px;
	display: inline-block;
}

.inputtxtsmall {
	font-family: inherit;
	width: 50px;
	height: 30px;
}

.link {
	text-decoration: none;
	color: #00A8E1;
	font-size: .9em;
	float: right;
}

.long-btn {
	width: 200px;
	padding: 10px 20px;
	text-align: center;
	float: right;
}

.default-btn {
	width: 100px;
	padding: 10px 20px;
	text-align: center;
	float: right;
}

.primary-btn {
	background-color: #00A8E1;
	padding: 10px 20px;
	text-align: center;
}

.primary-btn:hover {
	background: #104C97;
}

.primary-btn:active {
	background: #EF7622;
}

.primary-btn-small {
	background-color: #00A8E1;
	padding: 9px 15px;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
}

.primary-btn-small:link,.primary-btn-small:visited {
	color: #fff;
}
.primary-btn-small:hover {
	color: #fff;
	background: #104C97;
}
.primary-btn-small:active {
	color: #fff;
	background: #EF7622;
}

.primary-btn-small-admin {
	background-color: #828282;
	padding: 9px 15px;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
}
.primary-btn-small-admin:link,.primary-btn-small-admin:visited,.primary-btn-small-admin:hover {
	color: #fff;
}

.cancel-btn-small {
	background-color: #ccc;
	padding: 9px 15px;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
}
.cancel-btn-small:link,.cancel-btn-small:visited,.cancel-btn-small:hover {
	color: #303030
}
.cancel-btn-small-disabled {
	color: #303030;
	cursor: not-allowed;
	opacity: 0.5;
}

/*
.primary-admin-btn-small {
	background-color: #9cbc80;
	width: 100px;
	padding: 6px 15px;
	text-align: center;
	font-size: 1.2em;
	margin: 1em;
}
.primary-admin-btn-small:link {
	color: #fff
}
*/

.secondary-admin-btn-small {
	background-color: #ccc;
	width: 100px;
	padding: 6px 15px;
	text-align: center;
	font-size: 1.2em;
	margin: 1em;
}
.secondary-admin-btn-small:link {
	color: #fff
}

.primary-btn-smallest {
	background-color: #00A8E1;
	padding: 7px 15px;
	text-align: center;
	font-size: 12px;
	margin-right: 10px;
	font-weight: 700;
	margin-bottom: 10px;
}

.primary-btn-smallest:link,.primary-btn-smallest:visited {
	color: #fff;
}
.primary-btn-smallest:hover {
	color: #fff;
	background: #104C97;
}

.primary-btn-smallest:active {
	background: #EF7622;
}

.cancel-btn-smallest {
	background-color: #ccc;
	padding: 7px 15px;
	text-align: center;
	font-size: 12px;
	margin-right: 10px;
	font-weight: 700;
	margin-bottom: 10px;
}
.cancel-btn-smallest:link,.cancel-btn-smallest:visited,.cancel-btn-smallest:hover {
	color: #303030
}

.default-btn-small {
	background-color: #9cbc80;
	width: 100px;
	padding: 6px 15px;
	text-align: center;
	font-size: 1.2em;
}

.dataEntryShowAllButton {
	vertical-align: middle;
	font-size: 10px;
	background-color: #f7f7f7;
	color: #777;
	border: 1px solid #b3b3b3;
	padding-top: 6px;
	padding-bottom: 6px;
	margin-right: 2em;
	box-shadow: none;
	-webkit-box-shadow: none;
}

.bottom {
	padding: 5.7241379%;
	padding-top: 2%;
	padding-right: 2%;
	border-bottom: 1px solid #eee;
}

.bottombtn {
	width: 20%;
	float: right;
	padding: 1%;
}

.bottombtn2 {
	padding: 1%
}

form#wasteFrm div.head {
	padding-bottom: 3%;
	border-bottom: none;
}

.main-container {
	display: inline;
}

.sub-container {
	width: 10%;
	float: left;
	padding: 2%
}

#entryform .btn {
	width: 100px;
	padding: 8.35294%;
	margin-top: 15%;
	font-size: 1.0em !important;
	height: 30px;
}

.linklayout {
	float: right;
}

/* //accordian */
#accordion, div[id^=accordionPanel], div[id$=accordionPanel] {
	width: 100%;
	/* 	margin: 20px auto; */
/*
	-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
*/
	background-color: white;
}

div.smallAccordion {
	width: 100%;
	-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
	background-color: white;
}

div.smallAccordion .lblheader {
	cursor: pointer;
	margin: 0px 0px;
	padding: 10px 15px;
	font-size: 14px;
	background-color: #f7f7f7;
	border-bottom: 1px solid #eee;
	color: #444 !important;
	font-weight: 700;
	cursor: pointer;
}

div.smallAccordion input[type=checkbox] {
	margin: 0 5px 0 0;
	vertical-align: bottom;
	border: none;
	padding: 2px;
}

#accordion table .chart, div[id$=accordionPanel] table .chart {
	/*border-top: 1px solid #eee;*/
	/*border-left: 1px solid #eee;*/
	
}

div.accordionSection, div.accordSectionContent>div {
	border-bottom: 1px solid #eee;
	font-size: 12px;
}

div.accordionSection {
	padding: 10px 35px;
	font-weight: 700;
}

span.accordSectionHeader {
	cursor: pointer;
}

div.accordSectionContent, div.accordionContent {
	display: none;
}

div.accordSectionContent.selected {
	display: block;
}

div.accordSectionContent>div {
	padding: 10px 52px;
}

div.accordionContent ul {
	padding: 5px 15px;
	width: 100%;
}

div.accordionContent li {
	padding: 5px 15px;
	border-bottom: 1px solid #eee;
	font-size: 14px;
	width: 100%;
}

div.accordionContent li>ul {
	border-top: 1px solid #eee;
}

div.accordionContent>ul>li {
	font-weight: 700;
}

.tableNoHover tr:hover {
	background-color: transparent;
}

#accordion h2 span.label, .accordionHeader span.label {
	/* padding: 19px 15px; */
	/* height: 39px; */
	
}

#accordion h2 span.alertBadgeLeft, 
div[id^=accordionPanel] h2 span.alertBadgeLeft,
div[id$=accordionPanel] h2 span.alertBadgeLeft, 
.accordionHeader span.alertBadgeLeft
{
}

#accordion h2 span.alertBadge, div[id^=accordionPanel] h2 span.alertBadge,
	div[id$=accordionPanel] h2 span.alertBadge, .accordionHeader span.alertBadge
	{
	position: relative;
	float: right;
	right: 0px;
	top: -20px;
}
.alertBadgeAlertCenter {
	right: 4px !important;
	top: -34px !important; 
}
#accordion h2 span.uiButton, 
div[id^=accordionPanel] h2 span.uiButton,
div[id$=accordionPanel] h2 span.uiButton, 
.accordionHeader span.uiButton
	{
	position: relative;
	float: right;
/*
	right: 10px;
	top: -20px;
*/
}
.uiButtonOptionalItems {
	right: 4px !important;
	top: -34px !important; 
}

#accordion h2 .lblheader, div[id^=accordionPanel] h2 .lblheader, div[id$=accordionPanel] h2 .lblheader,
	.accordionHeader .lblheader {
	cursor: pointer;
	margin: 0px 0px;
	padding: 10px 15px;
	font-size: 1.6em;
	line-height: 16px;
	background: #fff;
	border: 0px solid #eee;
	color: #444 !important;
	font-weight: 700;
	cursor: pointer;
}

.accordionHeader .lblheaderNoClick {
	margin: 0px 0px;
	padding: 10px 15px;
	font-size: 1.6em;
	line-height: 16px;
	background: #104C97;
	border: 1px solid #eee;
	color: #444 !important;
	font-weight: 700;
	/* margin-left: 5px; */
	/* 	cursor: pointer; */
}

.labelHeaderUtilityNameDesc {
	display: flex;
	flex-direction: column;
	margin-left: 1em;
	width:90%;
}

.accordionHeader .lblheaderNoClickFlex {
	margin: 0px 0px;
	padding: 10px 15px;
	font-size: 1.6em;
	line-height: 16px;
	background: #104C97;
	border: 1px solid #eee;
	color: #444 !important;
	font-weight: 700;
	display: flex !important;
	flex-direction: row;
}

.accordionHeader .lblheaderInfo {
	margin: 0px 0px;
	padding: 10px 15px;
	font-size: 1.2em !important;
/*	line-height: 0px;*/
	background: #eee;
	border: 1px solid #eee;
	color: #444 !important;
	font-weight: 500;
	width: 100%;
	/* 	cursor: pointer; */
}

#accordion h2.active .lblheaderInfo, div[id$=accordionPanel] h2.active .lblheaderInfo,
	div[id^=accordionPanel] h2.active .lblheaderInfo, .accordionHeader.active .lblheaderInfo
	{
	background-color: #dadada;
	color: black !important;
}

.lblheaderInfoElement20 {
	width: 20%;
}

.lblheaderInfoElement25 {
	width: 25%;
}

.lblheaderInfoElement100 {
	width: 100%;
}

.lblheaderRed {
	color: white !important;
	background-color: #ce3261 !important;
	font-size: 16px;
}
.lblheaderOrange {
	color: white !important;
	background-color: #EF7622 !important;
	font-size: 16px;
}
.lblheaderPurple {
	color: white !important;
	background-color: #84235E !important;
	font-size: 16px;
}
.lblheaderBlue {
	color: white !important;
	background-color: #104C97 !important;
	font-size: 16px;
}
.lblheaderFlex {
	display: flex;
	flex-direction: column;
}
.utilityAlertDescription {
	line-height: 1.4em !important;
	font-size: 16px;
	color: white !important;
	text-transform: none !important;
	margin-top: 10px;
}
.boldFont {
	font-weight: 600 !important;
}
.lblheaderInfoPanel {
	width: 100%;
	display: flex;
	flex-direction: row;
/*
	position: absolute;
	line-height: 0em;
*/
}

.utilityInfoDesc {
	font-weight: 300;
}
.utilityInfoTitle {
	font-weight: 300;
}
.utilityInfoValue {
}

#accordion .headercontent, div[id$=accordionPanel] .headercontent, div[id^=accordionPanel] .headercontent
	{
	cursor: pointer;
}

#accordion .bodycontent, div[id$=accordionPanel] .bodycontent
div[id^=accordionPanel] .bodycontent {
	background-color: white;
	color: black;
	height: 100%;
	width: 100%;
}

#accordion h2.active .lblheader, div[id$=accordionPanel] h2.active .lblheader,
	div[id^=accordionPanel] h2.active .lblheader, .accordionHeader.active .lblheader,
	h2.active {
	background-color: #00A8E1 !important;
	color: white !important;
	border: none;
}

#accordion h2.active .lblheaderNoClick, 
div[id$=accordionPanel] h2.active .lblheaderNoClick,
div[id^=accordionPanel] h2.active .lblheaderNoClick, 
.accordionHeader.active .lblheaderNoClick,
.accordionHeader.active .lblheaderNoClickFlex
	{
	background-color: #104C97;
	color: white !important;
}

#helpSection .headercontent, #complianceSection .headercontent,
	#outsideRangeSection .headercontent, #missingDataSection .headercontent,
	#missingProjectsSection .headercontent, #messagesSection .headercontent
	{
	cursor: auto;
}

#dataEntry .charts div {
	display: inline-block;
	margin: 0;
	padding: 0;
}

#dataEntry .charts div[id^=containerConsumption] {
	border-right: 1px solid #eee;
}

#dataEntry .chartInHeader {
	width: 49%;
	height: 250px;
}

#dataEntry .headerLink {
	color: #00A8E1;
	font-size: 13px;
}

#dataEntry .newBillCancelSavePanel {
	width: 22em;
}

#dataEntry .newBillCancelSave {
	display: inline-block;
	width: 100%;
}

#dataEntry .newBillWarningIcon {
	display: inline-block;
	vertical-align: top;
	margin-right: 1em;
}

#dataEntry .newBillWarningMsg, 
#propUtilEditForm .newWarningMsg,
#noFoodWasteCookingOilUtilities.newBillWarningMsg, 
#awardsForm .noAwardsWarningMsg,
#renewableEnergyForm .noRenewableEnergyWarningMsg,
#propMeterAlertsEditForm .newAlertWarningMsg,
#corporateAwardsForm .noAwardsWarningMsg,
#twpStoriesForm .noTwpStoriesWarningMsg,
#meetPurchaseOffsetsForm .noPurchaseCarbonOffsetsWarningMsg,
#meetCalcForm .outOfRangeAlertsWarningMsg {
	font-size: 14px;
	border: 2px solid #EF7622;
	border-radius: 5px 5px 5px 5px;
	padding: 1em;
	background-color: #fafaa7;
	display: inline-block;
	line-height: 16px;
}

.meetingCalcReadFAQMsg {
	font-size: 17px;
	font-weight: bold;
	border: 2px solid #EF7622;
	border-radius: 5px 5px 5px 5px;
	padding: 1em;
	background-color: #fafaa7;
	line-height: 22px;
    width: 90.625%;
    max-width: 1160px;
    margin: 3em auto;
}

#propUtilEditForm .effectiveDateWarningPanel {
	color: black;
	padding-top: 5px;
	text-align: center;
}

#dataEntryOpt .charts div {
	display: inline-block;
	margin: 0;
	padding: 0;
}

#dataEntryOpt .charts div[id^=containerConsumption] {
	/* 	border-right: 1px solid #eee;	 */
	
}

.dataEntryFooterSection {
	text-align: right;
}

/*section#projectInfo {
	display: table;
	width: 100%;
	 border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
}*/
div[id$=inlineForm], div[id^=inlineForm] {
	padding: 5px 10px 10px 10px;
}

div[id$=inlineForm]>form>div, div[id^=inlineForm]>form>div, .datesDiv>div
	{
	display: inline-block;
	margin: 10px 5px;
	vertical-align: top;
}

div[id$=inlineForm] div label, div[id^=inlineForm] div label, .datesDiv label
	{
	display: block;
	font-size: 13px;
	color: #444;
	font-weight: bold;
	padding: 5px;
	font-weight: 500;
	text-align: left;
}

div[id$=inlineForm] input[type=text], div[id^=inlineForm] input[type=text]
	{
	vertical-align: middle;
}

div[id$=inlineForm] .link, div[id^=inlineForm] .link {
	color: #00A8E1;
	font-weight: bold;
	font-size: 12px;
	float: none;
	padding-left: 10px;
}

#goalsHeader {
	padding-bottom: 10px;
}

/* #projectsHeader {
	padding: 10px 0;
}
 */
div.rightAlignDiv1 .btn {
	vertical-align: top;
}

div.rightAlignDiv1 {
	position: relative;
	max-height: 31px;
	min-height: 31px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	min-width: 400px;
	float: right;
	vertical-align: top;
	text-align: right;
	display: inline-block;
}

div.rightAlignDiv {
    text-align: right;
}

div.datesDiv {
    text-align: right;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

div.centerAlignDiv {
	text-align: center;
}

div#multiPanel {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
}

div[id$=chartPanel] div.datesDiv>div {
	display: inline-block;
	vertical-align: bottom;
}

div#chartsForm\:chartType {
	vertical-align: bottom;
	width: 90px;
}

div[id$=chartPanel] {
	vertical-align: top;
	width: 100%;
}

div[id$=chartContainer] {
	padding: 50px 20px 20px;
}

div.chartStatus {
	text-align: center;
	font-size: 12px;
	font-weight: 600;
}

th.centerAligned {
	text-align: center !important;
	padding-right: 0px !important;
}

th.rightAligned {
	text-align: right !important;
	padding-right: 15px !important;
}

th.rightAligned2 {
	text-align: right !important;
}

td.rightAligned {
	text-align: right !important;
}

td.rightAligned2 {
	text-align: right !important;
}

input.rightAligned {
	text-align: right;
}

.rightAligned {
	text-align: right;
}

th.lAligned {
	text-align: left !important;
	padding-left: 15px !important;
}

td.lAligned {
	text-align: left !important;
}

.alertUtilityName {
	padding-left: 5px;
}

.lAligned {
	text-align: left;
}

.priorBillDisplay {
	color: #888;
}

.priorBillPanel {
	color: #888;
}

.priorBillEditLabel {
	display: block;
	margin-top: 1.5em;
	/* text-align: right; */
}

.priorBillEdit {
	display: block;
	margin-top: 1.5em;
}

#sampleImportData2 table {
	margin: 0 auto;
}

.meetingsHeaderFlex {
    flex-direction: row;
}
@media screen and (max-width: 1275px) {
    .meetingsHeaderFlex {
        flex-direction: column !important;
    }
    .meetingsAddButtonFlex {
        width: 200px;
    }
    .meetingsHeaderSearchFlex {
        width: 100% !important;
        padding-top: 1em;
        padding-bottom: 1em;
    }
}

.headerSection {
	/* 	display: table;
	width: 100%;
	border-top: 1px solid #eee; */
	border-bottom: 1px solid #eee;
}

.headerSectionWhite {
	background-color: white !important;
}

.headerSection .label {
    color: white;
    font-size: 15px;
    margin: 0.5em;
}

.headerSection .infolabel {
    color: white;
    font-size: 15px;
    margin-left: 0.5em;
    margin-top: 0.3em;
}

.headerSection .datesDiv {
	display: flex;
	justify-content: center;
}

.alertCenterHeaderSection {
	padding: 1.5em 1.7241379%;
	border-bottom: 1px solid #eee;
	border-top: 1px solid #eee;
}

section#dataEntry .headerSection {
	padding: 10px 0;
}

/* .headerSection>div {
	display: table-cell;
	vertical-align: middle;
	padding: 0px 10px 0px 17px;
} */
.twoColSection {
	display: table;
	width: 100%;
	border-bottom: 1px solid #eee;
}

.twoColSection>div {
	display: table-cell;
	vertical-align: top;
	text-align: left;
	width: 50%;
}

.twoColSection div.content {
	padding: 0px 30px 30px 30px;
}

.twoColSection div.contentProjectEnergySource {
	padding-top: 0px;
}

.twoColSection>div div.content {
	width: 100%;
}

.twoColSection>div td label {
	color: #444;
	display: inline-block;
	font-size: 13px;
	font-weight: 600;
	padding: 5px;
	padding-top: 20px;
	text-align: left;
	white-space: nowrap;
}

.twoColSection>div label {
	color: #444;
	display: block;
	font-size: 13px;
	font-weight: 600;
	padding-bottom: 5px;
	padding-top: 20px;
	text-align: left;
	/* white-space: nowrap; */
}

.twoColSection>div div.inline {
	text-align: left;
}

.twoColSection>div div.inline>div {
	display: inline-block;
	width: 45%;
	vertical-align: top;
}

.twoColSection>div div.inlineSmall>div {
	display: inline-block;
	width: 24%;
	vertical-align: top;
}

.twoColSection>div div.inlineSmall>div.buttonAlign {
	vertical-align: bottom;
}

.twoColSection>div div.inline>div>input {
	margin-right: 20px;
	width: 95%;
}

.twoColSection>div div.inline>div .rf-cal-inp {
	width: 160px;
}

form#projectsEditForm input[type=text] {
	height: 30px;
}

form#projectsViewForm input[type=text] {
	height: 30px;
}

#projectsEditForm\:projectCost {
	width: 150px;
}

#projectsViewForm\:projectCost {
	width: 150px;
}

#projectsEditForm\:costIncentive {
	width: 150px;
}

#projectsEditForm\:annualSavings {
	width: 150px;
}

#projectsEditForm\:energySourceSavingsAmt {
	width: 118px;
}

#projectsViewForm\:energySourceSavingsAmt {
	width: 118px;
}

input.rf-sel-inp {
	height: 20px !important;
	padding-right: 20px;
}

#projectsEditForm\:selectProjectPillar input.rf-sel-inp {
	height: 20px !important;
	padding-right: 20px;
	width: 500px;
}

#projectsEditForm\:selectProjectCategory input.rf-sel-inp {
	height: 20px !important;
	padding-right: 20px;
	/* width: 500px; */
}

#projectsEditForm\:selectProjectArea input.rf-sel-inp {
	height: 20px !important;
	padding-right: 20px;
}

#projectsEditForm\:costInput {
	font-family: Arial;
}

#projectsViewForm\:costInput {
	font-family: Arial;
}

#projectsEditForm\:costInput.ico-usd::before {
	left: 5px;
	position: absolute;
	top: 1.5em;
}

#projectsViewForm\:costInput.ico-usd::before {
	left: 5px;
	position: absolute;
	top: 1.5em;
}

#projectsEditForm td.rf-dt-nd-c {
	font-size: 13px;
}

#projectsViewForm td.rf-dt-nd-c {
	color: #9f9f9f;
	font-size: 13px;
}

#projectsEditForm .categoryDescription {
	margin-top: 95px;
}

#projectsViewForm .categoryDescription {
	margin-top: 40px;
}

#projectsViewForm .currencyInput input {
	padding-left: 30px;
}

#projectsViewForm .currencyInputNoSymbol input {
	padding-left: 5px;
}

#projectsEditForm .currencyInput input {
	padding-left: 30px;
}

#projectsEditForm .currencyInputNoSymbol input {
	padding-left: 5px;
}

div.currencyInput {
	position: relative;
	color: #444;
	font-size: 14px;
}

.currencyGroup {
	display: flex;
	flex-direction: row;
}

div.currencyInputAdminGroup {
	display: inline-block;
}

div.currencyInputAdmin {
	display: inline-block;
	padding-left: 5px;
}

div.currencyInputProjectEnergySource {
	margin-top: 5px;
}

.projectInputRightJustified {
	text-align: right;
	padding-right: 10px;
}

table.block-table .projectEnergySourceFooterPadding {
	padding-bottom: 10px;
}

form[id^=dataEntryTblForm] div.currencyInput {
	display: inline-block;
	text-align: right;
	width: 90px;
}

.dataEntryTblForm > tbody > tr > td{
	/*padding: 1em 1em !important;*/
	padding-top: 1em !important;
	padding-left: 1em !important;
	padding-right: 1em !important;
	padding-bottom: 1em !important;	
}
.dataEntryTblForm > tbody > tr > td.alertMessagePanel {
	padding-top: 0.25em !important;	
	padding-bottom: 0.25em !important;	
}
.dataEntryBorderDash {
	border-bottom-width: 0px !important;
	
	border-top-width: 1px !important;
	border-top-style: dotted !important;
	border-top-color: #ddd !important;
}

.alertMessageInfo {
	line-height: 20px;
	width: 60%;
}
form[id^=dataEntryTblForm] div.currencyInput input {
	width: 100px;
}

form[id^=dataEntryTblForm] td>div {
	/*margin-top: 15px;*/
	
}

.currencyInput input {
	padding-left: 20px;
}

.currencyInput .usd {
	position: absolute;
	top: 8px;
	left: 10px;
}

.currencySymbolLabel {
	padding-top: 10px;
}
.statusIcons {
	font-size: 1.5em;
}

.statusIcons .statusbox {
	margin: 0 10px;
}

.statusIcons .planned.faded .statusbox, .statusIcons .abandoned.faded .statusbox
	{
	background-color: #fadcdc;
}

.statusIcons .activeProject.faded .statusbox {
	background-color: #fcecc9;
}

.statusIcons .completed.faded .statusbox {
	background-color: #e1ead8;
}

.statusIcons .underInvestigation.faded .statusbox, .statusIcons .archived.faded .statusbox {
	background-color: #ede8de;
}

.alertsSelect {
	width: 300px;
}

div#progressIcon {
	display: inline-block;
	vertical-align: bottom;
}

.usd::before {
	content: "$";
}

.textInfo {
	padding-top: .3em;
	font-size: 1.4em;
}

.textInfoHalf {
	padding-top: .3em;
	padding-bottom: 1.5em;
	padding-left: 1em;
	font-size: 1.4em;
	width: 50%;
}

.readOnly {
	color: #6f6f6f;
	background-color: white;
}

.readOnlyOutput {
	color: #3f3f3f;
	font-size: 1.7em;
}

.noPaddingLeft {
	padding-left: 0px;
}

.textInfoMarginLeft {
	margin-left: 2em;
}

.linkColor {
	color: #303030;
}

.linkColor:hover {
	color: #EF7622 !important;
}

.inputFieldNoBorder {
	border: none;
}

.projectAreasBlock {
	width: 100%;
	font-size: 12px;
	padding-top: 1em;
	padding-left: 2em;
	padding-bottom: 1em;
	position: relative;
}

.projectAreasBlock .listStyle {
	list-style: disc;
	padding-top: 1em;
	padding-left: 20px;
}

.projectAreasBlock .listStyle .boldFont {
	font-weight: 600;
}

section.sectionHeader {
	background-color: #f7f7f7;
	border-bottom: 1px solid #eee;
	font-size: 16px;
	color: #444;
	padding: 15px 20px;
	font-weight: 700;
}

.rightBorder {
	border-right: 1px solid #eee;
}

section.statusGroup {
	border-bottom: 1px solid #eee;
	padding: 20px;
	text-align: center;
}

input#projectsEditForm\:projectName {
	width: 80%;
}

.twoColSection>div textarea {
	width: 80%;
	height: 100px;
	/* box-shadow: 0 0 0 1px #aaa; */
	border: 5px solid transparent;
}

input, .rf-sel-cntr, textarea {
	border: 0;
	background: #f2f2f2;
}

input.ui-input-invalid {
	border: 1px solid red;
}

.twoColSection>div textarea.ui-input-invalid {
	box-shadow: 0 0 0 1px red;
}

div.rf-sel.ui-input-invalid  span.rf-sel-cntr {
	border-color: red !important;
}

.helpTextLink {
	font-size: 1.4em;
	text-decoration: none;
	color: #fff;
}

.helpTextLink a {
	color: #fff;
}

.helpTextLink:hover {
	color: #00A8E1;
}
.helpTextLink:visited {
	color: #fff;
}

div.notesHistory {
	color: #444;
	line-height: 150%;
	margin: 0px 0px;
	width: 80%;
	white-space: pre-wrap;
}

.headerSection>div.column {
	width: 50%;
	padding: 20px;
}

/* #goalsHeader.headerSection>div {
	padding-top: 10px;
} */

/* #goalsHeader h4 {
	margin: 0;
	padding: 0;
} */
#goalsHeader .goalsStatus {
	vertical-align: -1em;
	padding-right: 0.5em;
	font-size: 13px !important;
	font-weight: 600 !important;
}

.rf-cal-inp {
	font-family: inherit;
	height: 30px;
}

#dataEntry h2 {
	color: #00A8E1;
	padding: 20px 15px;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
}

.helpAndTraining {
	padding: 2em;
	line-height: 4;
	font-size: 1.5em;
}

.pdfImagePadding {
	padding-right: 1em;
}

div#kpiDonations {
	padding: 3.1724%;
}

div.perfBlock {
	display: inline-block;
	background-color: #f7f7f7;
	border: 2px solid #f3f3f3;
	width: 30.33%;
	padding: 2.69231%;
	line-spacing: normal;
	margin: 0 1.3%;
}

div.perfBlock div.total {
	color: #00A8E1;
	font-size: 3.4em;
	padding-bottom: 0.25em;
	font-weight: 700;
}

div.perfBlock div.label {
	color: #777;
	display: block;
	font-size: 1.4em;
	font-weight: 700;
	text-transform: uppercase;
	padding-bottom: 5px;
}

#donations #kpi .tip {
	cursor: pointer;
	margin-left: 10px;
	font-size: 2em;
}

.rf-sel-btn {
	border-left-width: 0 !important;
}

.radioBtns label {
	display: inline-block !important;
}

.radioBtnsApart label {
	margin-right: 30px;
}

a.very-wide-btn {
	width: 240px;
}

.inline-btns {
	width: 100%;
}

.inline-btns a {
	display: inline-block;
}

section#donations {
	padding-bottom: 20px;
}

/* section#donations section.container {
	margin: 4em auto 0;
	padding-bottom: 5px;
} */

/* form#volunteerEventForm input[type=text],
	form#volunteerCommunityEventForm input[type=text],
	form#volunteerCareerEventForm input[type=text] {
	height: 30px;
} */
.pagination {
	text-align: center;
	/* margin: 10px 30px 0; */
	margin-top: 10px;
}

#donationForm .rf-ds {
	display: block;
}

#volunteerEventsForm .rf-ds,
#volunteerCommunityEventsForm .rf-ds,
#volunteerCareerEventsForm .rf-ds {
	/* 	display: block; */
	
}

.pagination .rf-ds-btn {
	border: 1px solid #b3b3b3;
	background-color: #f7f7f7;
	padding: 5px 10px;
	color: #777;
	margin: 2px;
	font-size: 12px;
	font-weight: 800;
}

.pagination .rf-ds-dis {
	display: none;
}

.pagination .rf-ds-nmb-btn {
	color: #00A8E1;
}

.pagination .rf-ds-nmb-btn:hover {
	color: #444;
	background-color: #eee;
}

.pagination .rf-ds-act {
	font-weight: 800;
	background-color: #fcf9f0;
	color: #444;
	border: 1px solid #b3b3b3;
}

.dataEntryDataScroller {
	display: inline-block;
	margin-right: 5px;
}

.hideFooter {
	display: none;
}

.dataEntryAdminSectionOne {
	display: inline-block;
	float: right;
	vertical-align: top;
	padding-top: 35px;
	padding-right: 10px;
	padding-bottom: 10px;
}

section#volunteerEvent div.categoryDesc {
	width: 80%;
	font-size: 12px;
	margin-top: 5px;
	font-style: italic;
	line-height: 115%;
}

section#volunteerEvent textarea {
	height: 70px;
}

div#dialog-confirm,
div#dialog-confirm-md,
div#dialog-confirm-mp,
div#dialog-confirm-i {
	display: none;
}

div#dialog-confirm2 {
	display: none;
}

/*.rf-sel-sel {
	disabled: disabled;
}*/
/*footers */
section div.buttons {
	padding: 15px 10px;
}

section#donations table.block-table {
	margin: 0;
}

section#volunteerEvent .headerSection, section#donations .headerSection,
	section#meetCalc .headerSection, section#projectsSection .headerSection,
	section#donation .headerSection, section#kpi .headerSection, section#dataEntry .headerSection,
	section#reports .headerSection, section#projects .headerSection,
	section#reportsSave .headerSection, section#charts .headerSection,
	section#operationsscore .headerSection, section[id^=forecastModelScore] .headerSection,
	section#utilsEdit .headerSection, section#foodWasteDataEntry .headerSection,
	section#foodWasteHistory .headerSection, section#navigation-header .headerSection,
	section#foodWasteHistory .headerSection, section#summary .headerSection,
	section#alertcenter .headerSection, section#helpSection .headerSection,
	form section.headerSection, section#messagecenter .headerSection, section#userPreferences .headerSection,
	section#cumulativeImpact .headerSection, section#projectsDashboard .headerSection {
	padding: 1.2em 1.72414%;
	font-size: 12px;
	color: #444;
	background: #3d3d3d; /*rgba(248, 248, 248, .9);*/
	/*border-bottom: medium none;*/
}
section#volunteerEvent .subHeaderSection {
	padding: 1.2em;
	font-size: 14px;
	color: #fff;
	background: #3d3d3d; /*rgba(248, 248, 248, .9);*/
	/*border-bottom: medium none;*/
}
form div.buttons {
	/* background: rgba(248, 248, 248, .9); */
}

section#donation .validationMsg {
	margin: 30px 30px 5px 40px;
}

section#donations td.valCol {
	width: 100px;
}

section#donations td.inncodeCol {
	width: 100px;
}

section#donations td.categoryCol {
	width: 220px;
}

section#donations td.dateCol {
	width: 100px;
}

section#donations td.actions {
	width: 120px;
}

/* section#donations>section#kpi>div.headerSection {
	border-bottom: 1px solid #eee;
	padding-top: 8px;
	padding-bottom: 8px;
} */
section#disclaimer {
	padding: 20px 30px 10px;
	font-size: 13px;
	color: #444;
}

section#disclaimer div {
	padding-bottom: 10px;
}

section#donations .headerSection>div {
	
}

/* section#volunteerEvent .twoColSection div.content, section#donation .twoColSection div.content
	{
	padding: 0 0 30px 40px;
}
 */
section#volunteerEvent section.twoColSection>div.content>input,
section#donation section.twoColSection>div.content>input,
section#donationFields>div.content>div.inline>input,
section#twpStoryFields>div.content>div.inline>input {
	height: 32px;
	vertical-align: bottom;
	width: 80%;
}

/* section#volunteerEvent input.rf-cal-inp, section#donation input.rf-cal-inp
	{
	width: 80% !important;
}
 */
div.wideDropdown {
	width: 82% !important;
}

/* div#volunteerEventForm\:weightUnits, div#volunteerCommunityEventForm\:weightUnits, div#volunteerCareerEventForm\:weightUnits, div#donationForm\:currencyUnits {
	width: 27.5% !important;
} */
input#volunteerEventForm\:garbageWeight, input#volunteerCommunityEventForm\:garbageWeight, input#volunteerCareerEventForm\:garbageWeight, input#donationForm\:estValue,
	input#donationForm\:weight {
	margin-right: 4%;
	width: 50%;
}

div#volunteerEventForm\:overridePanel,
div#volunteerCommunityEventForm\:overridePanel,
div#volunteerCareerEventForm\:overridePanel,
div#internshipForm\:overridePanel {
	display: inline-block;
	font-size: 14px;
	margin-right: 5px;
}

.volunteerEventTag {
	margin-left: 2em;
	font-size: 13px;
	display: flex;
	align-items: center;
}

input.wideField {
	width: 265px;
}

section#dontations table.block-table td.actions {
	padding-right: 15px;
}

div.inline>input {
	vertical-align: bottom;
}

section#volunteerEvents, section#volunteerCommunityEvents, section#volunteerCareerEvents, section#donationItems {
	padding-bottom: 20px !important;
}

#volunteerEventForm .youngPeopleReachedLabel,
#volunteerCommunityEventForm .youngPeopleReachedLabel,
#volunteerCareerEventForm .youngPeopleReachedLabel {
	display: inline-table;
	margin-right: 10px;
}

#volunteerEventForm .youngPeopleReachedInput,
#volunteerCommunityEventForm .youngPeopleReachedInput,
#volunteerCareerEventForm .youngPeopleReachedInput {
	border: none;
	width: 45%;
}

#volunteerEventForm .youngPeopleSpecificDiv,
#volunteerCommunityEventForm .demographicDiv,
#volunteerCareerEventForm .demographicDiv {
	margin-left: 40px;
}

#volunteerEventForm .youngPeopleSpecificLabel,
#volunteerCommunityEventForm .youngPeopleSpecificLabel,
#volunteerCareerEventForm .youngPeopleSpecificLabel {
	display: inline-table;
	width: 90px;
	text-align: right;
	margin-right: 10px;
}

#volunteerEventForm .youngPeopleSpecificInput,
#volunteerCommunityEventForm .youngPeopleSpecificInput,
#volunteerCareerEventForm .youngPeopleSpecificInput {
	width: 45%;
}

.currencyExchangeFormDate {
	padding-left: 1em;
}

div#reportsForm\:reportTypeSection {
	padding-left: 2%;
	padding-top: 1%;
	padding-bottom: 1%;
}

div#reportsForm\:reportTypeSectionUser {
	padding-left: 2%;
	padding-top: 1%;
	padding-bottom: 1%;
}

.reportFilterStepContainer {
	margin-top: 2em;
}

.reportStepName {
	margin-left: 1em;
}

.reportFilterButtonContainer {
	margin-top: 0;
}

.reportFilterCustomizationButtonPadding {
	padding-top: 1em;
	padding-bottom: 1em;
}

.reportEMailSection, .reportSaveInfoSection {
	padding-top: 2em;
	padding-bottom: 2em;
	padding-left: 2em;
	padding-right: 2em;
}

input[id="reportsCustomizationInfoForm:reportName"] {
	width: 100%;
}

testarea[id="reportsCustomizationInfoForm:description"] {
	width: 100%;
}

.reportSaveInfoTitle {
	font-size: 1.4em;
	padding-bottom: 1em;
}

.reportLabel {
	font-family: inherit;
	font-size: 1.4em;
	font-weight: 700;
	color: #444;
	letter-spacing: normal;
	text-align: left;
	padding: 5px 5px;
	font-weight: 700;
}

section#reportsSaveHeader h4 {
	margin: 5px;
}

section#reportsSave div.subheader {
	background-color: #f7f7f7;
	padding-top: .5em;
}

section#reportsSave div.inputFields {
	padding: 20px;
	border-top: 1px solid #eee;
	color: #444;
}

section#reportsSave div.inputFields div.row {
	margin: 10px 0;
	display: flex;
	flex-direction: column;
}

div[id="reportsScheduleForm:recipient"] {
	flex: 0 0 100% ! important;
}

section#reportsSave div.inputFields div.row>div {
	/* 	display: inline-block;
	vertical-align: top;
	width: 30%; */
	flex: 0 0 50%;
}

.scheduleReport {
	vertical-align: middle;
}

/* .rf-select-wide-width input[type="text"] {
	width: 450px;
} */
.rf-select-time-width input[type="text"] {
	width: 40px;
	vertical-align: middle;
}

.rf-select-day-width input[type="text"] {
	width: 40px;
	vertical-align: middle;
}

.rf-select-month-width input[type="text"] {
	width: 55px;
	vertical-align: middle;
}

.rf-select-day-of-week-width input[type="text"] {
	width: 100px;
	vertical-align: middle;
}

.timeSeparator {
	padding-right: 6px;
	/* display: inline-block; */
	padding-left: 6px;
	font-size: large;
}

.reportsWeeklyPadding {
	padding-top: 5px;
}

.reportsMonthlyDetail {
	font-size: 14px;
	font-weight: 700;
	width: 50% !important;
}

#reportsSaveForm\:optMonthlyDayOrDayOfWeek td {
	padding-bottom: 6px;
	height: 40px;
}

.reportsMonthlyRadioButton {
	margin-right: 10px;
}

.rf-select-day-of-week input[type="checkbox"] {
	vertical-align: middle;
}

.reportsStepSection {
	font-size: 1.4em;
	padding-left: 2em;
	padding-bottom: 1em;
}

.reportsStepCol {
	padding-top: 10px;
	padding-bottom: 2px;
	max-width: 350px;
}

.reportsStepColWidth {
	padding-top: 10px;
	padding-bottom: 2px;
	width: 165px;
}

.reportsDateSelectionRange {
	padding-left: 1.7em;
	padding-bottom: 1em;
}

.reportsStepTitle {
	padding-bottom: 1em;
	padding-top: 1em;
}

.reportsStepTitleSupplemental {
	padding-bottom: 1em;
	padding-top: 2em;
}

.reportsNoFilter {
	font-size: 12px;
	padding: 2%;
}

.distributionSchedule {
	font-size: 14px;
	font-weight: normal;
}

.distributionScheduleMargin {
	margin-left: 5px;
}

.exportBillsCheckboxPanel {
	font-size: 1.5em;
	padding-left: 1em;
	padding-top: 1em;
}

#languagesForm .resultsQuantity,
#meetingForm div.resultsQuantity,
#documentForm div.resultsQuantity
 {
	font-size: 14px;
	padding-left: 2.2%;
	color: #777;
}

.equationUnitColumn {
	font-size: xx-small;
}

.beRow {
	height: 50px;
	vertical-align: top;
	display: block;
}

table.block-table .lblEqAttrTable {
	width: 7.69%;
	text-align: right;
	padding-right: 1%;
	font-size: small;
}

table.block-table .lblEqBaseAttrTable {
	padding: 1%;
	font-size: small;
	vertical-align: top;
}

table.block-table .tab13Col {
	width: 7.69%;
}

table.block-table .tab11Col {
	width: 9.09%;
}

table.block-table .colCenter {
	text-align: center;
}

table.block-table .colRight {
	text-align: right;
}

table.block-table .lblEqWaterAttrTable {
	width: 9.09%;
	text-align: right;
	padding-right: 1%;
	font-size: small;
}

.btnEquationToggleUnit {
	background-color: #9cbc80;
	padding: 7px 7px;
	text-align: center;
	font-size: 11px;
	margin-bottom: 10px;
}

.energyChartlegendcolorBox {
	width: 15px;
	height: 15px;
	display: inline-block;
	vertical-align: middle;
}

.energyChartlegendPrevious {
	background-color: #ECB37C;
	margin-right: 30px;
}

.energyChartlegendCurrent {
	margin-left: 40px !important;
	background-color: #00A8E1;
}

.editEditAccountInfoLabel {
	height: 20px;
	font-size: .2em;
}

.utilityLink {
	text-decoration: none;
	color: #00A8E1;
}

table.block-table td.alertCenterComplianceGreen {
	background-color: #c6efce;
}

table.block-table td.alertCenterComplianceRed {
	background-color: #ffc7ce;
}

table.block-table th.alertCenterComplianceAlertType {
	text-align: left;
	padding-left: 1em;
}

table.block-table td.alertCenterComplianceAlertType {
	text-align: left;
	padding-left: 1em;
}

table.block-table th.alertCenterComplianceWidth {
	width: 15%;
}

.alertMessage strong {
	font-weight: 700;
	font-size: 100%;
	color: black;
}

#outsideRangeSection .alertDate {
	font-size: 14px;
}

#outsideRangeSection .alertMessage {
	font-size: 14px;
}

#outsideRangeSection .rowBorder {
	border-bottom: 1px solid #eee;
}

.bluebold {
	font-weight: 900;
	color: #3333bb;
}

#forecastModelsForm .divCenter {
	margin: auto;
}

.forecastTipText {
	line-height: 1.5em;
}

.tableAlignTop {
	vertical-align: top;
}

.tableAlignTextBottom {
	vertical-align: text-bottom;
}

#forecastModelsForm div.modelVariablesDiv {
	text-align: left;
	font-size: 15px;
	margin-top: 10px;
	margin-left: 120px;
}

#forecastModelsForm div.modelVariablesDiv .variablesLine {
	margin-top: 7px;
}

#forecastModelsForm div.modelVariablesDiv div {
	font-size: 16px;
	text-align: left;
	font-weight: bold;
}

#forecastModelsForm .sideBySideDiv {
	display: inline-block;
	width: 49%;
	text-align: center;
	vertical-align: top;
}

#forecastModelsForm .leftborder {
	border-left: 1px solid #eee;
}

#forecastModelsForm .headerDiv {
	height: 50px;
	border-bottom: 1px solid #eee;
	padding-left: 15px;
	padding-top: 15px;
	padding-right: 15px;
}

#forecastModelsForm .bottonDiv {
	height: 250px;
	border-top: 1px solid #eee;
	margin-top: 20px;
	padding-top: 20px;
}

#forecastModelsForm .headerTitle {
	display: inline-block;
}

#forecastModelsForm .needHelp {
	display: inline-block;
	float: right;
	font-family: 'Loew', 'proxima-nova', Helvetica, Arial, sans-serif;
	font-size: 13px;
	color: #00A8E1;
	text-decoration: none;
}

#forecastModelsForm .prevNextButton {
	font-size: 14px;
	color: #00A8E1;
}

#forecastModelsForm .advancedButton {
	margin-top: 10px;
	margin-bottom: 10px;
	display: block;
	float: left;
	font-size: 1.6em;
	color: #00A8E1;
}

#forecastModelsForm .buildEqDiv {
	display: inline-block;
	height: 100px;
	width: 100%;
}

#forecastModelsForm #controlsForecast {
	display: inline-block;
	float: right;
	font-size: 1.6em;
	color: #eee;
	letter-spacing: normal;
	text-decoration: none;
	border-right: 20px;
	margin-right: 30px;
	margin-top: 0px;
}

#forecastModelsForm #controlsForecast a:hover,
#forecastModelsForm #controlsForecast a:visited,
#forecastModelsForm #controlsForecast a:link,
#forecastModelsForm #controlsForecast a:active
	{
	text-decoration: none;
}

#forecastModelsForm .tipinfoForecastDiv {
	margin: 30px;
	height: 190px;
}

#forecastModelsForm .tipinfoForecastDiv H1 {
	margin: 0 0 1.509434% 0; /* 8px/530px */
	text-transform: uppercase;
	font-size: 1.6em;
	font-weight: 700;
	color: #00A8E1;
}

#forecastModelsForm .tipinfoForecastDiv H2 {
	margin: 0 0 3.3962264% 0; /* 18px/530px */
	font-size: 20px;
	font-weight: 700;
	color: #444;
}

#forecastModelsForm .tipinfoForecastDiv P {
	margin: 0 0 3.3962264% 0; /* 18px/530px */
	font-size: 15px;
	color: #444;
}

#forecastModelsForm .modelScoreSubTitle {
	font-size: 1.5em;
	line-height: 1.2em;
	color: #333;
	width: 90%;
	text-align: left;
	margin-left: 5%;
}

#forecastModelsForm .graphPlaceHolder {
	height: 250px;
}

#forecastModelsForm .forecastAlerts {
	width: 95%;
	font-size: 16px;
	border: 5px solid #EF7622;
	border-radius: 0px 0px 0px 0px;
	padding: 1em;
	background-color: #fafafa;
	line-height: 18px;
	text-align: left;
	padding: 15px;
	margin-bottom: 20px;
}

#forecastModelsForm .BaseLineText {
	margin-bottom: 20px;
	font-size: 1.5em;
	line-height: 1.2em;
	text-align: left;
	color: #333;
}

#forecastModelsForm .forecastFootnoteText {
	width: 100%;
	margin-top: 10px;
	margin-bottom: 20px;
	font-size: 1.2em;
	line-height: 1.0em;
	text-align: left;
	color: #333;
}

#forecastModelsForm .btnEquationToggleUnitForecast {
	background-color: #ffffff;
	color: #00A8E1;
	border-width: 0;
	padding: 0px 0px;
	text-align: center;
	font-size: 12px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 0;
	display: inline-block;
	float: left;
}

#homePageInfoMessage, #donationsInfoMessage {
	background-color: #fafaa7;
	border: 2px solid #e5b23d;
	border-radius: 5px 5px 5px 5px;
	padding: 15px;
	font-size: 160%;
}

/* Scale  */
#vernier-scale {
	display: flex;
	align-items: center;
	padding: 2em;
	padding: 3.5724%;
	font-size: 1.4em;
}

#vernier-scale label {
	margin-right: 1em;
	color: #888;
	font-size: 1.1em;
	margin-left: 1em;
}

.ruler-minMax {
	height: 26px !important;
	background-color: #00A8E1;
	top: 0px;
	z-index: +5;
	padding: 0;
	position: absolute !important;
}

.ruler {
	position: relative;
	width: 100%;
	margin: 8px auto;
	height: 26px;
	background-color: #A9A9A9;
	margin: .3em 0 0;
	font-size: 1.4em;
	color: #f3f3f3;
}

/* Min Max */
.marker-min>div, .marker-max>div {
	display: flex;
	position: absolute;
	bottom: -31px;
	right: -11.5px;
	color: #444;
	font-size: 0.7em;
	flex-direction: column;
	justify-items: center;
	justify-content: center;
	font-weight: 700;
}

.marker-average, .marker-min, .marker-max {
	height: 29px !important;
	width: 2px !important;
	background-color: #444;
	top: 0px;
	z-index: +6;
	padding: 0;
	position: absolute !important;
	white-space: pre;
}

/* Brand Average */
.marker-average>div {
	display: flex;
	position: absolute;
	bottom: -31px;
	right: -25.5px;
	color: #444;
	font-size: 0.7em;
	flex-direction: column;
	justify-items: center;
	justify-content: center;
	font-weight: 700;
}

.marker-average>div p, .marker-min>div p, .marker-max>div p {
	text-align: center;
}

.marker-average::after, .marker-min::after, .marker-max::after {
	content: '';
	position: absolute;
	bottom: 13px;
	right: -2.2px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	border: 1px solid #444;
	background: #444;
}

/* Tile Value  */
.marker-tileValue {
	height: 43px !important;
	width: 2px !important;
	background-color: #444;
	top: -13px;
	z-index: +6;
	padding: 0;
	position: absolute !important;
}

.marker-tileValue>div {
	display: flex;
	position: absolute;
	bottom: 74px;
	right: -33.5px;
	color: #444;
	font-size: 0.7em;
	white-space: pre;
	flex-direction: column;
	justify-items: center;
	justify-content: center;
	font-weight: 700;
}

.marker-tileValue::after {
	content: '';
	position: absolute;
	bottom: 6.5px;
	right: -8.5px;
	width: 19px;
	height: 19px;
	border-radius: 50%;
	border: 2px solid #444;
	background: white;
	z-index: +6;
}

.marker-tileValue::before {
	text-align: center;
	position: absolute;
	font-size: 1em;
	bottom: 43px;
	right: -13.5px;
	width: 35px;
	height: 23px;
	background: transparent;
	background: #e65252;
	z-index: +10;
	color: white;
	padding-top: 0.1em;
}

.no-close .ui-dialog-titlebar-close {
	display: none;
}

#meetingForm\:statusFilter label {
	display: block;
	color: white;
	padding-left: 8px;
    font-size: 15px;
}

#meetingForm\:statusFilter input {
	vertical-align: bottom;
	position: relative;
	top: -1px;
}

#propertyRecsEditForm\:autoComplInnCodeItems {
	background-color: #ffffff;
}

@media screen and (max-width: 1450px) {
	#blocks div {
		/*		font-size: .95em;*/
		
	}
	#blocks div h4, #blocks div .entrySection {
		font-size: 2em;
	}
	div.bottombtn, div.bottombtn2 {
		padding: 5%;
		width: 100%;
	}
	div.bottombtn .primary-btn, .default-btn {
		width: 100%;
	}
	div.bottom {
		padding: 5%;
		width: 100%;
		display: inline-block;
	}
	.btn {
		display: inline-block;
	}
	.long-btn {
		display: inline-block;
	}
	form#wasteFrm div.head {
		padding-bottom: 4%;
		border-bottom: none;
	}
	.singlepropertyh3 {
		margin: 5% 0 0 !important;
	}
	#blocks h3 strong {
		/*font-size: 2.4em; */ /* 58px/18px */
		font-weight: 600;
	}
}

@media screen and (max-width: 1300px) {
	#blocks h3 {
		margin: 10% 0 0;
	}
	#blocks h4 {
		margin: 9% 0 0;
	}
	#blocks div {
		/*		font-size: .9em;*/
		
	}
	#operationsscore h2 {
		width: 11.019231%;
	}
	#kpi h2 strong span, #dataEntry .accordionHeader strong span {
		font-size: .62222222em; /* 26px/36px */
	}
	#blocks div h4, #blocks div .entrySection {
		font-size: 2em;
	}
	.environmentTileIcon {
		font-size: 0.65em;
	}
	#propFilters label {
		width: 100%;
	}
	
}

@media screen and (max-width: 1200px) {
	.dataEntryBorderDash {
		border-bottom-width: 0px !important;
	}
	.meetWithPurposeImage{
		width: 550px; 
	}	
	#goals h2 {
		display: inline-block;
	}
	header h1 {
		left: 70px;
	}
	.environmentTileValue {
		font-size: 50px;
	}
	/* #summaryMenu {
		background-color: white;
		box-shadow: none;
		padding-left: 6.5%;
		margin-top: 73px;
	} */
	#summary h1 {
		font-size: 2em;
	}
	#blocks div {
		font-size: .85em;
	}
	/*	#blocks div h4, 
	#blocks div .entrySection {
		font-size: 1.0em;
	}
*/
	#kpi, #projects, #charts, #dataEntry, #projectList, #projectGalleryList,
		#donationItems, #volunteerEvents, #volunteerCommunityEvents, #volunteerCareerEvents, #forecastModelScoreFuels,
		#forecastModelScoreElectricity, #forecastModelScoreWater,
		#distribution, #complianceSection, #missingDataSection,
		#outsideRangeSection {
/*		font-size: .8em;*/
	}
	.statusbox-multi span:before {
		font-size: 24px; /*2.9em;*/
	}
	#blocks .dashboardTileh4 {
		font-size: 16px;
	}
	.statusbox-number {
		font-size: 20px;
		line-height: 1.5em;
	}
	/*.statusbox span:before {
		font-size: 20px;
	} 
	.statusboxSmall span:before {
		font-size: 1.8em;
	}
	table.block-table-inline div .statusbox span:before {
		font-size: 1.3em;
	}
	table.block-table div .statusbox span:before {
		font-size: 14px;
	}*/
	.marker-tileValue::before {
		font-size: 1em;
		padding-top: 0.2em;
	}
	#vernier-scale {
		padding: 4.0724%;
	}
}

@media screen and (max-width: 1100px) {
	.surveydashboardcontainer {
		flex-direction: column;
	}
	.meetWithPurposeImage{
		width: 500px; 
	}	
	#blocks h3 {
		margin: 10% 0 0;
	}
	#blocks h4 {
		margin: 12% 0 0;
	}
	.environmentTileValue {
		font-size: 46px;
	}
	#blocks div h4 {
		font-size: 1.6em;
	}
	/*
	#blocks h2 strong {
		display: inline-block;
		vertical-align: middle;
		font-size: .9em;
	}
	#blocks div h4, #blocks div .entrySection {
		font-size: 1.1em;
	}
*/
	.statusbox-multi span:before {
		/*		font-size: 2.9em;*/
		font-size: 24px;
	}
	.statusbox-number {
		font-size: 18px;
		line-height: 1.5em;
	}
	#vernier-scale {
		padding: 4.5724%;
	}
}

@media screen and (max-width: 1024px) {
	.meetWithPurposeImage{
		width: 450px; 
	}	
	#blocks .dashboardTileh4 {
		font-size: 15px;
	}
	section#chartsContent {
		display: flex;
		flex-direction: column;
	}
	#chartsForm\:chartsMenu {
		width: 100%;
		flex-direction: row;
		flex-wrap: wrap;
	}
	/* #chartsForm\:chartsMenu>div {
		width: 30%;
	} */
	#chartsForm\:chartPanel {
		width: 100%;
	}

	/* Report*/
	#reports .headerSection {
		display: flex;
		flex-direction: column;
	}
	#reports .headerSection>#buttonGroup {
		display: flex;
		justify-content: center;
	}
}

@media screen and (max-width: 950px) {
	footer h1 {
		text-align: center;
		width: 100%;
	}
	footer nav { 
		text-align: center;
	}
	.twpFooterImage{
		width: 50%;
		text-align: center;
		padding-bottom: 2em;
	}
	
	.goalImpacts {
		flex-direction: column;
	}
	.goalImpactsItems {
		width: 100%;
		/*max-width: 600px;*/
		min-width: 300px; 
	}
	header h1 {
		left: 70px;
	}
	.environmentTileIcon {
		font-size: 1.15em;
	}
	#goals h2 {
		display: inline-block;
	}
	#propfinder>div ul {
		font-size: .9em;
	}
	/*
	#propfinder .simple {
		padding: 6px 0 0;
	}
	*/
	/*	#propfinder .btn { padding: 6px 10px; }
	#propfinder .green { margin-left: 6px; }
*/
	#propfinder>div div {
		text-align: left;
	}
	/*
	#propfinder .simple {
		float: none;
		display: block;
		margin-bottom: 1em;
	}
*/
	#summary h1 .selector {
		display: block !important;
		margin: 14px 0 4px;
	}
	#summary h1 select {
		display: block;
		width: 100%;
		height: 100%;
	}
	#blocks div {
		display: none;
		width: 100%;
		padding: 0;
		height: 232px;
		font-size: 1em;
	}
	#blocks div h3 {
		font-size: 2.9em;
	}
	#blocks div.active {
		display: block;
	}
	#blocks h2 {
		margin: 0px 0 0;
		padding: 0 26px;
	}
	.singlepropertyh3 {
		margin: 5% 0 0 !important;
	}
	#blocks h3 {
		margin: 12px 0 0;
		padding: 0 16px;
	}
	#blocks h4, #blocks .entrySection {
		margin: 18px 0 0;
		padding: 0 26px;
	}
	#kpi h2 strong, .accordionHeader strong {
		font-size: 3.2em
	}
	#kpi h2 span.label, .accordionHeader span.label {
		font-size: 12px;
	}
	.statusbox-number {
		font-size: 16px;
		line-height: 1.5em;
	}
	#dataComplete {
		padding: 0.1724% 1.9%;
	}
	#goals {
		padding: 5.1724% 1.9%;
	}
	#progress {
		padding: 0 1.9% 5.1724%;
	}
	#kpi aside {
		padding: 3.4482759% 3.5%
	}
	#tipaction .btn {
		padding: 9px 4px;
	}
	table.inline-block, table.inline-block thead, table.inline-block tbody,
		table.inline-block th, table.inline-block td, table.inline-block tr {
		display: block;
		width: 100%;
	}
	table.inline-block thead {
		display: none;
	}
	table.inline-block td:nth-of-type(1):before {
		content: "Start Date : ";
		display: inline-block;
		min-width: 100%;
		font-size: 17px;
	}
	table.inline-block td:nth-of-type(2):before {
		content: "End Date : ";
		display: inline-block;
		min-width: 100%;
	}
	table.inline-block td:nth-of-type(3):before {
		content: "Consumption : ";
		display: inline-block;
		min-width: 100%;
	}
	table.inline-block td:nth-of-type(4):before {
		content: "Cost : ";
		display: inline-block;
		min-width: 100%;
	}
	table.inline-block td:nth-of-type(5):before {
		content: "    ";
		display: inline-block;
		min-width: 100%;
	}
	table.inline-block td:nth-of-type(6):before {
		content: "    ";
		display: inline-block;
		min-width: 100%;
	}
	table.inline-block td {
		border: none;
	}
	table.inline-block td:before {
		font-size: 1.6em;
		padding: 3.5%;
		font-weight: 600;
	}
	/*.inputtxt, .inputtxtsmall {
		width: 80%;
		height: 40px;
	}*/
	.inputselectsmall, .inputselect {
		width: 20%;
		height: 40px;
	}
	/*	.primary-btn-small {
		padding: 10px 25px;
	}*/
	.primary-admin-btn-small {
		padding: 15px 25px;
	}
	.secondary-admin-btn-small {
		padding: 15px 25px;
	}
	#dataEntryForm\3A startDateInputDate, #dataEntryForm\3A endDateInputDate,
		#currentDateInputDate {
		width: 95%;
		height: 40px;
	}
	.linklayout {
		float: left;
		padding-bottom: 3%;
	}
	.link {
		font-size: 1.6em;
		font-weight: 100;
	}
	div#goalhead-block {
		display: none;
	}
	#propfinder {
		width: 400px;
	}
	#vernier-scale {
		padding: 5.5724%;
	}
}

@media screen and (max-width: 850px)
{
	.lblheaderInfoPanel {
		flex-direction: column;
		line-height: 1.5em;
	}
	.lblheaderInfo {
/*		height: 110px;*/
	}
	.lblheaderInfoElement20 {
		width: 100%;
	}
	.meetWithPurposeImage{
		width: 350px; 
	}	

	.alertUtilityName {
		padding-left: 0px;
	}
	
#summaryMenu {
	background-color: white;
	box-shadow: none;
	padding-left: 7.5%;
	margin-top: 0px;
}

#goals h2 {
	vertical-align: middle;
	padding-top: 22px;
}
/*#kpi h2 span.label, .accordionHeader span.label {
		font-size: 1.4em;
	}*/
#kpi aside h2 {
	line-height: 1.5em;
}

#kpi aside h2 span {
	display: block;
}

#projects ol .status {
	width: 9.09090909%;
}

#projects ol .name {
	width: 36.09090909%;
}

#projects ol .rating {
	width: 15%;
}
/*.text { display: none; }*/
#operationsscore h2 {
	width: 12.019231%;
}

#operationsscore h3.points {
	
}

#operationsscore h3 strong {
	font-size: 4.6em;
	font-weight: 700;
}

#operationsscore div.bulletlist {
	display: none;
}

#operationsscore div.ptsblock {
	text-align: center;
	padding: 1%;
}

#kpi h2 strong span, .accordionHeader strong span {
	font-size: .52em; /* 26px/36px */
}

#kpi h2 strong, .accordionHeader strong {
	font-size: 3.0em;
}

.statusbox {
	width: 25px;
	height: 25px;
	/*padding-top: 3px;*/
	padding-left: 4.5px;
	border-radius: 2px;
	padding-top: 4px;
}

.statusbox span::before {
	font-size: 16px;
}

.statusbox-number {
	font-size: 12px;
	line-height: 1.5em;
}

.accordionHeader span.alertBadge {
/*	top: -32px;*/
}

.accordionHeader span.uiButton {
/*	top: -32px;*/
}
/*.statusbox span:before {
		font-size: 1.8em;
	}*/ /* was 2.2 but data entry panel needs it smaller */
table.block-table-inline div .statusbox span:before {
	font-size: 16px;
}

table.block-table div .statusbox span:before {
	font-size: 16px;
}

table[id*=dataList] .updatedby {
	display: none;
}

table#projectsSingleForm\:project td.statusIcon span.defaultextstatus {
	display: none;
}

table#projectsSingleForm\:project .statussmallLeft {
	width: 60px;
}

/* DataEntry  OCCUPANCY*/
table#rowform\:dataList, table#rowform\:dataList, table#rowform\:dataList thead,
	table#rowform\:dataList tbody, table#rowform\:dataList th, table#rowform\:dataList td,
	table#rowform\:dataList tr {
	display: block;
	width: 100% !important;
}

table#rowform\:dataList {
	padding: 0;
}

table#rowform\:dataList thead, table#rowform\:dataList tfoot {
	display: none;
}

table#rowform\:dataList tr td:last-child {
	padding-bottom: 10px;
}

table#rowform\:dataList td:before {
	position: absolute;
	left: 17%;
	padding-right: 10px;
	white-space: nowrap;
	font-weight: bold;
}

table#rowform\:dataList td {
	padding-left: 60%;
	border: none;
	position: relative;
	text-align: left;
	font-size: 1.5em;
	padding-top: 10px;
	min-height: 40px;
}

table#rowform\:dataList td.statusMsg {
	padding-left: 17% !important;
}

table#rowform\:dataList tr {
	border-top: 1px solid #eee;
}

table#rowform\:dataList td.statusIcon span.defaultext {
	display: none;
}

table[id*='rowform:dataList'] td:nth-of-type(1):before {
	content: "Date:";
}

table[id*='rowform:dataList'] td:nth-of-type(2):before {
	content: "Total Rooms:";
}

table[id*='rowform:dataList'] td:nth-of-type(3):before {
	content: "Occupied Rooms:";
}

table[id*='rowform:dataList'] td:nth-of-type(4):before {
	content: "Guest Nights:";
}

table[id*='rowform:dataList'] td:nth-of-type(5):before {
	content: "Updated:";
}

table[id*='rowform:dataList'] td:nth-of-type(6):before {
	content: "Actions:";
}

/* occupancyDailyMissing  */
table#occupancyDailyMissing, table#occupancyDailyMissing, table#occupancyDailyMissing thead,
	table#occupancyDailyMissing tbody, table#occupancyDailyMissing th,
	table#occupancyDailyMissing td, table#occupancyDailyMissing tr {
	display: block;
	width: 100% !important;
}

table#occupancyDailyMissing {
	padding: 0;
}

table#occupancyDailyMissing thead, table#occupancyDailyMissing tfoot {
	display: none;
}

table#occupancyDailyMissing tr td:last-child {
	padding-bottom: 10px;
}

table#occupancyDailyMissing td:before {
	position: absolute;
	left: 17%;
	padding-right: 10px;
	white-space: nowrap;
	font-weight: bold;
}

table#occupancyDailyMissing td {
	padding-left: 60%;
	border: none;
	position: relative;
	text-align: left;
	font-size: 1.5em;
	padding-top: 10px;
	min-height: 40px;
}

table#occupancyDailyMissing td.statusMsg {
	padding-left: 17% !important;
}

table#occupancyDailyMissing tr {
	border-top: 1px solid #eee;
}

table#occupancyDailyMissing td.statusIcon span.defaultext {
	display: none;
}

/* table[id*='occupancyDailyMissing'] td:nth-of-type(1):before
		{
		content: "Date:";
	}
	table[id*='occupancyDailyMissing'] td:nth-of-type(2):before
		{
		content: "Rooms Sold:";
	}
	table[id*='occupancyDailyMissing'] td:nth-of-type(3):before
		{
		content: "Rooms Avail:";
	}
	table[id*='occupancyDailyMissing'] td:nth-of-type(4):before
		{
		content: "Comp:";
	}
	table[id*='occupancyDailyMissing'] td:nth-of-type(5):before
		{
		content: "Home Use:";
	}
	table[id*='occupancyDailyMissing'] td:nth-of-type(6):before
		{
		content: "Actions:";
	} */
}
@media screen and (max-width: 720px)
{
	.meetWithPurposeContainer {
		text-align: center;
		width: 100%;
		float: none;
	}
	.twpFooterImage{
		width: 70%;
	}
	
	/*  dashboard*/
	header h1 {
		left: 70px;
	}
	/* 	#summaryMenu {
			background-color: white;
			box-shadow: none;
			padding-left: 8.5%;
			margin-top: 73px;
		} */
	#propfinder {
		/*padding-left: 4%;
			width: 270px;
			display: none;
			*/
		
	}
	
	#operationsscore h2 {
		width: 17.019231%;
	}
	
	#operationsscore div.ptsblock {
		width: 60%;
		text-align: center;
		padding: 0%;
	}
	
	#operationsscore h3 span.label {
		padding: 1%;
	}
	
	#kpi h2 strong span, .accordionHeader strong span {
		font-size: .40em; /* 26px/36px */
	}
	
	#kpi h2 strong, .accordionHeader strong {
		font-size: 2.8em;
	}
	
	form#wasteFrm div.head {
		padding: 10%;
		border-bottom: none;
	}
	
	form#nonUtility div.head {
		padding: 10%;
		border-bottom: none;
	}
	
	.containerhalf {
		display: block;
		width: 90.625%;
		max-width: 720px;
	}
	
	.containerhalf>h1 {
		font-size: 2.5em
	}
	
	.containerhalf .head {
		padding: 2.5em 4%;
	}
	
	.containerhalf .head div {
		float: none;
	}
	
	.containerhalf .head div {
		font-size: 1.875em;
	}
	
	.containerhalf div .dropdownright {
		display: none;
		margin-top: -5px;
	}
	
	.containerhalf div .dropdownleft {
		display: block;
		float: right;
		margin-top: -5px;
	}
	
	table.block-table-inline .lbltextright { /* 150px/1100px */
		text-align: right;
		padding-right: 2%;
	}
	
	table.block-table-inline td.actions {
		text-align: left;
	}
	
	table.block-table-inline th {
		display: table-cell;
		border-left: 0px solid #eee;
		border-right: 0px solid #eee;
		padding-right: 2%;
	}
	
	table.block-table-inline tr {
		border-left: 1px solid #eee;
		border-right: 1px solid #eee;
	}
	
	table.block-table-inline td {
		display: table-cell;
		border-top: 1px solid #eee;
		position: relative;
	}
	
	.statusbox {
		padding-left: 4.8px;
		padding-top: 4.8px;
	}
	
	.statusbox span::before {
		font-size: 15px;
	}
	
	table[id*=goalsTbl] td:nth-of-type(2):before {
		content: "Year:";
	}
	
	table[id*=goalsTbl] td:nth-of-type(3):before {
		content: "Goal:";
	}
	
	table[id*=goalsTbl] td:nth-of-type(4):before {
		content: "Actual:";
	}
	
	table[id*=goalsTbl] td:nth-of-type(5):before {
		content: "Est. Consumption:";
	}
	
	table[id*=goalsTbl] td:nth-of-type(6):before {
		content: "Act. Consumption:";
	}
	
	table[id*=goalsTbl] td:nth-of-type(7):before {
		content: "Over/Under:";
	}
	
	table#goalForm\:goalsTbl td.statusMsg:before {
		content: "";
	}
	
	table#goalForm\:goalsTbl td.statusIcon {
		padding-left: 10px !important;
		position: absolute;
	}
	
	table#goalForm\:goalsTbl, table#goalForm\:goalsTbl thead, table#goalForm\:goalsTbl tbody,
		table#goalForm\:goalsTbl th, table#goalForm\:goalsTbl td, table#goalForm\:goalsTbl tr
		{
		display: block;
		width: 100% !important;
	}
	
	table#goalForm\:goalsTbl {
		padding: 0;
	}
	
	table#goalForm\:goalsTbl thead, table#goalForm\:goalsTbl tfoot {
		display: none;
	}
	
	table#goalForm\:goalsTbl tr td:last-child {
		padding-bottom: 10px;
	}
	
	table#goalForm\:goalsTbl td:before {
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		/*top: 10px;*/
		left: 17%;
		padding-right: 10px;
		white-space: nowrap;
	}
	
	table#goalForm\:goalsTbl td {
		padding-left: 60%;
		/* Behave  like a "row" */
		border: none;
		/*border-bottom: 1px solid #eee;*/
		position: relative;
		text-align: left;
		font-size: 1.5em;
		padding-top: 10px;
	}
	
	table#goalForm\:goalsTbl td.statusMsg {
		padding-left: 17% !important;
	}
	
	table#goalForm\:goalsTbl tr {
		border-left: 1px solid #eee;
		border-right: 1px solid #eee;
	}
	
	table#goalForm\:goalsTbl td.statusIcon span.defaultext {
		display: none;
	}
	
	table#goalForm\:goalsTbl td.yearCol {
		padding-top: 15px;
	}
	
	table#goalForm\:goalsTbl td.lbltextrightWide {
		padding-bottom: 15px;
	}
	
	table#projectsSingleForm\:project td:nth-of-type(2):before {
		content: "Name & Description:";
	}
	
	table#projectsSingleForm\:project td:nth-of-type(3):before {
		content: "Area:";
	}
	
	table#projectsSingleForm\:project td:nth-of-type(4):before {
		content: "Completion Date:";
	}
	
	table#projectsSingleForm\:project td:nth-of-type(5):before {
		content: "Last Updated:";
	}
	
	table#projectsSingleForm\:project td.statusIcon span.defaultextstatus {
		display: none;
	}
	
	table#projectsSingleForm\:project td {
		padding-left: 50%;
	}
	
	table#projectsSingleForm\:project td.statusMsg:before {
		content: "";
	}
	
	table#projectsSingleForm\:project td.statusIcon {
		padding-left: 10px !important;
		position: absolute;
	}
	
	table#projectsSingleForm\:project, table#projectsSingleForm\:project thead,
		table#projectsSingleForm\:project tbody, table#projectsSingleForm\:project th,
		table#projectsSingleForm\:project td, table#projectsSingleForm\:project tr
		{
		display: block;
		width: 100% !important;
	}
	
	table#projectsSingleForm\:project {
		padding: 0;
	}
	
	table#projectsSingleForm\:project thead, table#projectsSingleForm\:project tfoot
		{
		display: none;
	}
	
	table#projectsSingleForm\:project tr td:last-child {
		padding-bottom: 10px;
	}
	
	table#projectsSingleForm\:project td:before {
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		/*top: 10px;*/
		left: 14%;
		padding-right: 10px;
		white-space: nowrap;
	}
	
	table#projectsSingleForm\:project td {
		padding-left: 50%;
		/* Behave  like a "row" */
		border: none;
		/*border-bottom: 1px solid #eee;*/
		position: relative;
		text-align: left;
		font-size: 1.5em;
		padding-top: 10px;
	}
	
	table#projectsSingleForm\:project td.statusMsg {
		padding-left: 17% !important;
	}
	
	table#projectsSingleForm\:project .projActions {
		display: none;
	}
	
	nav#primary #mpropfinder {
		position: relative;
		display: inline-block;
		vertical-align: top;
		width: 100%; /* 472px/1240px */
		margin: .2em 0 0;
		padding: 1em 26px 1em 8%;
		border: 1px solid #47423e;
		border-radius: 3px;
		background-color: white;
		box-shadow: 0px 1px 5px 0px rgba(1, 1, 1, 0.15) inset;
		text-align: left;
		color: #ccc;
	}
	
	#mpropfinder.ico-propertyselect:before {
		position: absolute;
		left: 15px;
		top: 1.3em;
	}
	
	#mpropfinder .dropdown {
		position: absolute;
		right: 0;
		top: 0;
		display: block;
		height: 100%;
		width: 30px;
		color: #00A8E1;
		cursor: pointer;
	}
	
	#mpropfinder .dropdown:before {
		content: "\44";
		position: absolute;
		left: 10%;
		top: 13px;
		font-family: 'HiltonFont';
		font-size: 1.2em;
	}
	
	#mpropfinder .dropdown.open:before {
		content: "\3b";
	}
	
	#mpropfinder input {
		width: 100%;
		margin: 0;
		padding: 0;
		border: none;
		outline: none;
		font-size: 1.4em;
		font-weight: 700;
		color: #444;
		padding-left: 5px;
	}
	
	nav#primary {
		width: 70%;
		left: -70%;
	}
	
	nav#primary.open {
		left: 0;
	}
	
	nav#primary #menu {
		right: -46px;
	}
	
	nav#primary.open #menu {
		right: 2%;
		z-index: 9;
	}
	
	nav#primary h1 {
		padding-left: 18px;
		z-index: 2;
	}
	
	nav#primary>div>div {
		padding: 1% 14px 6%;
		background-color: #5a5551;
	}
	
	nav#primary>div>div.open {
		padding-bottom: 580px;
	}
	
	#mPropInputs\:autoComplPropNameList {
		width: 69%;
	}
	
	#mPropInputs\:autoComplPropNameList .rf-au-shdw {
		/*left: 1px;*/
		
	}
	
	.marker-average>div {
		font-size: 0.5em !important;
		right: -18px !important;
		bottom: -25px !important;
	}
	
	.marker-min>div, .marker-max>div {
		font-size: 0.5em !important;
		right: -8px !important;
		bottom: -25px !important;
	}
	
	.marker-tileValue>div {
		font-size: 0.5em !important;
		right: -24px !important;
		bottom: 71px !important;
	}

}
@media screen and (max-width: 620px) {
	.twpFooterImage{
		width: 80%;
	}
	table[id*=dataList] td.updatedby {
		display: block;
		padding-bottom: 10px;
	}
	/* table[id*=dataList] .actions {
		display: none;
	} */
	#dataEntry .charts div {
		display: block;
		margin: 0;
		padding: 0;
	}
	header h1 {
		left: 70px;
	}
	.accordionHeader span.label {
		font-size: 1.8em;
	}
	/* 	#summaryMenu {
		background-color: white;
		box-shadow: none;
		padding-left: 65px;
		margin-top: 73px;
	} */
	/*
	#propfinder {
		display: none;
	}
*/
	header #alertbox {
		top: 1.2em;
	}
	#alertbox h2 {
		/*		display: none;*/
		
	}
	#alertbox a {
		margin-top: 11px;
	}
	#alertcenter, #messagecenter {
		width: 100%
	}
	#summary h1 {
		padding: 1.25em 4%;
	}
	.container>h1 {
		font-size: 2.5em
	}
	.container .head {
		padding: 2.5em 4%;
	}
	.container .head div {
		float: none;
	}
	.container .head div {
		font-size: 1.875em;
	}
	#dataEntry .container .head div {
		
	}
	#kpi h2 strong, .accordionHeader strong {
		font-size: 3.5em
	}
	#dataComplete {
		padding: 0.1724% 3%;
	}
	#goals {
		padding: 5.1724% 3%;
	}
	#goals h2 {
		display: block;
		width: 100%;
		margin: 2% 0;
		height: auto;
		padding: 4%;
	}
	#progress {
		padding: 0 3% 5.1724%;
	}
	#progresskey h3 {
		display: block;
	}
	.point {
		display: none;
	}
	#progressgraph #min {
		left: 2%;
	}
	#progressgraph #mid {
		left: 45%;
	}
	#progressgraph #max {
		right: 2%;
	}
	#progressstats h2, #progressstatsTM h2 {
		display: block;
		width: 100%;
		margin-top: 5%;
	}
	#progressstats h3, #progressstats h3 {
		display: block;
	}
	#kpi aside {
		font-size: 1.25em;
	}
	#kpi aside h2 {
		max-width: 75%;
	}
	#kpi aside #tipinfo, #kpi aside #tipaction, #kpi aside #tipaction .btn {
		display: block;
		width: 100%;
	}
	#kpi aside #tipaction .btn {
		margin: 3% 0 2%;
	}
	#tipaction span {
		text-align: center;
	}
	#kpi #controls {
		font-size: 1.4em;
	}
	.headerSection {
		padding-top: 10px;
		border-top: 1px solid #eee;
		border-bottom: 1px solid #eee;
	}
	/*	.headerSection>div {
		display: inline-block !important;
		vertical-align: middle;
		padding: 0px 10px 0px 17px;
	}*/
	#dataEntry h1 {
		font-size: 1.6em;
		font-weight: bold;
	}
	table.block-table-inline div .statusbox span::before {
		font-size: 14px;
	}
	.statusbox {
		padding-left: 4.5px;
		padding-top: 4.5px;
	}
	.statusbox span:before {
		font-size: 20px;
	}
	#projects .headings {
		display: none;
	}
	#projects ol {
		font-size: 1.25em;
		padding: 0 4% 3%;
	}
	#projects .project:first-child {
		border: none;
	}
	#projects ol .status, #projects ol .name, #projects ol .type, #projects ol .cost,
		#projects ol .rating, #projects ol .actions {
		display: block;
		width: 100%;
	}
	#projects ol .status {
		padding: 28px 0 14px;
	}
	#projects ol .name {
		/* padding: 0 0 22px; */
		padding: 0;
	}
	#projects ol .name p {
		margin-left: 47%;
	}
	#projects ol .type, #projects ol .cost, #projects ol .rating, #projects ol .actions
		{
		padding: 0;
	}
	.type p, .cost p, .name p, .rating p {
		display: inline-block;
		color: #bbb;
	}
	.projlabel {
		display: inline-block;
		width: 70px;
		color: #444;
		width: 50%;
	}
	.text {
		display: inline-block;
	}
	#charts .head>div>span {
		top: 0;
		display: block;
		margin: 1em 0 0;
	}
	footer h1 {
		position: relative;
		display: block;
		margin: 0 auto;
	}
	footer h1 a {
		position: relative;
		right: -6px;
	}
	footer nav {
		display: block;
		width: 100%;
		line-height: 4em;
		text-align: center;
	}
	footer h2 {
		display: block;
		margin: 0;
	}
	footer ul {
		display: block;
		text-align: center;
	}
	footer ul li {
		float: none;
		margin: 0;
		padding: 0;
		border: 0;
	}
	nav#primary {
		width: 100%;
		left: -100%;
	}
	nav#primary.open {
		left: 0;
	}
	nav#primary #menu {
		right: -46px;
	}
	nav#primary.open #menu {
		right: 2%;
		z-index: 9;
	}
	nav#primary h1 {
		padding-left: 18px;
		z-index: 2;
	}
	nav#primary>div>div {
		padding: 1% 14px 6%;
		background-color: #5a5551;
	}
	nav#primary>div>div.open {
		padding-bottom: 580px;
	}
	nav#primary #mpropfinder {
		position: relative;
		display: inline-block;
		vertical-align: top;
		width: 100%; /* 472px/1240px */
		margin: .2em 0 0;
		padding: 1em 26px 1em 8%;
		border: 1px solid #47423e;
		border-radius: 3px;
		background-color: white;
		box-shadow: 0px 1px 5px 0px rgba(1, 1, 1, 0.15) inset;
		text-align: left;
		color: #ccc;
	}
	#mpropfinder.ico-propertyselect:before {
		position: absolute;
		left: 10px;
		top: 2.3em;
	}
	#mpropfinder .dropdown {
		position: absolute;
		right: 0;
		top: 0;
		display: block;
		height: 100%;
		width: 30px;
		color: #00A8E1;
		cursor: pointer;
	}
	#mpropfinder .dropdown:before {
		content: "\44";
		position: absolute;
		left: 10%;
		top: 21px;
		font-family: 'HiltonFont';
		font-size: 1.2em;
		padding-left: 8px;
	}
	#mpropfinder .dropdown.open:before {
		content: "\3b";
	}
	#mpropfinder input {
		width: 100%;
		margin: 0;
		padding: 0;
		border: none;
		outline: none;
		font-size: 1.4em;
		font-weight: 700;
		color: #444;
		padding-left: 5px;
	}
	nav#primary ul li a {
		padding: 20px 18px;
	}
	nav#primary ul li.label {
		padding: 10px 18px;
	}
	#operationsscore h2 {
		width: 16.019231%;
	}
	#operationsscore div.ptsblock {
		width: 60%;
	}
	#operationsscore h3 span.label {
		padding: 1%;
	}
	#operationsscore h2 strong span {
		font-size: .52222222em;
	}
	#operationsscore h2 span.label {
		font-size: 0.8em;
	}
	#operationsscore h3 strong {
		font-size: 3.6em;
	}
	#operationsscore h3 strong span {
		font-size: .52222222em;
	}
	#dataEntry .charts div[id^=containerCost] {
		border-top: 1px solid #eee;
	}
	.statusboxSmall {
		width: 22px !important;
		height: 22px !important;
		padding-top: 3.2px !important;
		padding-left: 3.2px !important;
	}
	.inputselectfull {
		height: 20px;
	}
	.inputtxt, .inputtxtsmall {
		height: 30px !important;
		/*width: 30% !important;*/
	}
	.hideColumn {
		display: none;
	}
	.primary-btn-smallest {
		font-size: 1em;
	}
	.hiddenCol {
		height: 20px !important;
	}
	div.bottombtn, div.bottombtn2 {
		padding: 5%;
		width: 100%;
	}
	div.bottombtn .primary-btn, .default-btn {
		width: 100%;
	}
	div.bottom {
		padding: 5%;
		width: 100%;
		display: inline-block;
	}
	.btn {
		display: inline-block;
	}
	.long-btn {
		width: 100%;
		display: inline-block;
	}
	.head {
		border-bottom: none;
	}

	/* 	Styles for table.inline-block */
	table.inline-block thead {
		display: none;
	}
	table.inline-block td:nth-of-type(1):before {
		content: "Start Date";
		display: inline-block;
		min-width: 100%;
	}
	table.inline-block td:nth-of-type(2):before {
		content: "End Date";
		display: inline-block;
		min-width: 100%;
	}
	table.inline-block td:nth-of-type(3):before {
		content: "Consumption";
		display: inline-block;
		min-width: 100%;
	}
	table.inline-block td:nth-of-type(4):before {
		content: "Cost";
		display: inline-block;
		min-width: 100%;
	}
	table.inline-block td:nth-of-type(5):before {
		content: "    ";
		display: inline-block;
		min-width: 100%;
	}
	table.inline-block td:nth-of-type(6):before {
		content: "    ";
		display: inline-block;
		min-width: 100%;
	}
	table.inline-block td {
		border: none;
	}
	table.inline-block td:before {
		font-size: 1.6em;
		padding: 3.5%;
		font-weight: 600;
	}
	.inputtxt, .inputtxtsmall {
		/*width: 80%;*/
		height: 40px;
	}
	.inputselectsmall, .inputselect {
		width: 20%;
		height: 40px;
	}
	/*.primary-btn-small {
		padding: 10px 25px;
		font-size: 1.4em;
	}*/
	.primary-admin-btn-small {
		padding: 10px 25px;
	}
	.secondary-admin-btn-small {
		padding: 10px 25px;
	}
	#dataEntryForm\3A startDateInputDate, #dataEntryForm\3A endDateInputDate,
		#currentDateInputDate {
		width: 95%;
		height: 40px;
	}
	.linklayout {
		float: left;
		padding-bottom: 3%;
	}
	.link {
		font-size: 1.6em;
		font-weight: 100;
	}
	div#goalhead-block {
		display: none;
	}
	#dataEntrySummary .lbltextright {
		text-align: left;
	}
	.statusbox {
		height: 28px;
		width: 28px;
	}
	/* #goalForm\:goalEditPanel div {
		margin-right: 10px;
		margin-bottom: 10px;
		line-height: 160%;
	} */
	.headerSection>div {
		display: block;
		width: 100%;
		text-align: left;
		/* margin-bottom: 10px; */
	}
	#mPropInputs\:autoComplPropNameList {
		width: 98.75%;
	}
	#mPropInputs\:autoComplPropNameList .rf-au-shdw {
		left: -50.7px;
	}

	/* charts */
	.headerSection .datesDiv {
		display: flex;
		flex-direction: column;
	}

	/* end date calender */
	#chartsForm\:endDateHeader table tr {
		display: flex;
		flex-direction: row;
	}

	/* Report Schedule */
	section#reportsSave div.inputFields div.row {
		display: flex;
		flex-direction: column;
	}
	section#reportsSave div.inputFields div.row>div {
		padding-bottom: 8px;
	}
	div[id='dateRangeForm:dateRangePanel'] tbody>tr {
		padding-bottom: 8px;
	}
	#vernier-scale {
		padding: 6.5724%;
	}
}

@media screen and (max-width: 480px) {
	.meetWithPurposeImage{
		width: 300px; 
	}	
	.twpFooterImage{
		width: 100%;
	}
	div#canvasLoader {
		text-align: left;
	}
	#alertcenter, #messagecenter {
		font-size: .9em;
	}
	#alertcenter a span, #messagecenter a span {
		display: none;
	}
	#operationsscore h2 {
		width: 25%;
	}
	#operationsscore div.ptsblock {
		display: inline-block;
		width: 45%;
		padding: 0%;
		margin-left: 2%;
	}
	#operationsscore h2 strong span {
		font-size: .32222222em;
	}
	#operationsscore h2 span.label {
		font-size: 0.8em;
	}
	#operationsscore h3 span.label {
		font-size: 1.2em;
	}
	#operationsscore h3 strong {
		font-size: 2.6em;
	}
	#operationsscore h3 strong span {
		font-size: .72222222em;
	}
	#accordion h2 span.alertBadge, div[id^=accordionPanel] span.alertBadge,
		div[id$=accordionPanel] span.alertBadge, .accordionHeader span.alertBadge
		{
/*		top: -29px !important;*/
	}
	#accordion h2 span.uiButton, div[id^=accordionPanel] span.uiButton, div[id$=accordionPanel] span.uiButton,
		.accordionHeader span.uiButton {
/*		top: -34px !important;*/
	}
	/* .inputtxthuge {
		height: 20px !important;
	} */
	#inlineForm div label, .datesDiv label {
		font-size: 14px !important;
	}
	#dataEntrySummary {
		display: none;
	}

	/*table.block-table td {
		font-size: 1.4em;
	}*/
	table.block-table td.dateCol {
		padding-top: 15px;
		text-align: left;
	}
	table[id*=dataList] td.updatedby {
		padding-bottom: 15px;
	}
	.statusbox {
		padding-left: 3px;
		padding-top: 3px;
	}
	table.block-table td.statusIcon {
		padding-left: 10px !important;
		position: absolute;
	}
	table[id*=dataList] td.updateBy {
		padding-bottom: 10px;
	}
	table[id*=dataList] td:nth-of-type(2):before {
		content: "Start Date:";
	}
	table.block-table td.statusMsg:before {
		content: "";
	}
	table[id*=dataList] td:nth-of-type(3):before {
		content: "End Date:";
	}
	table[id*=dataList] td:nth-of-type(4):before {
		content: "Consumption:";
	}
	table[id*=dataList] td:nth-of-type(5):before {
		content: "Cost:";
	}
	table[id*=dataList] td:nth-of-type(6):before {
		content: "Rate:";
	}
	table[id*=dataList] td:nth-of-type(7):before {
		content: "Updated:";
	}
	table#alertCenterForm\:project td:nth-of-type(2):before {
		content: "Date:";
	}
	table#alertCenterForm\:project td:nth-of-type(3):before {
		content: "Message:";
	}
	table#alertCenterForm\:project td:nth-of-type(4):before {
		content: "Actions:";
	}
	table#alertCenterForm\:project td {
		padding-left: 40%;
	}
	table#alertCenterForm\:project td:before {
		left: 12%;
	}
	table#alertCenterForm\:project td.actions {
		text-align: left;
	}
	/* table[id*=dataList] td.actions {
		display: none;
	} */
	table, thead, tbody, th, td, tr {
		display: block;
		width: 100% !important;
	}
	table.block-table {
		padding: 0;
	}
	/* table.block-table thead, table.block-table tfoot {
		display: none;
	} */
	table.block-table>tbody>tr>td {
		/* Behave  like a "row" */
		border: none;
		/*border-bottom: 1px solid #eee;*/
		position: relative;
		text-align: left;
		font-size: 1.5em;
		padding-top: 10px;
	}
	table.block-table tr {
		border-bottom: 1px solid #eee;
	}
	table.block-table tr td:last-child {
		padding-bottom: 10px;
	}
	td:before {
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		/*top: 10px;*/
		left: 17%;
		padding-right: 10px;
		white-space: nowrap;
	}
	#dataEntrySummary {
		display: none;
	}
	#dataEntry table.block-table td {
		padding-left: 50%;
	}
	#dataEntry table.block-table td.statusMsg {
		padding-left: 17% !important;
	}
	#dataEntrySummary td {
		padding-left: 50%;
	}
	#dataEntry .actions select {
		width: 30%;
	}
	#dataEntry table.block-table td.alertRow {
		padding-left: 10px;
	}

	/* table.block-table tr {
		border-left: 1px solid #eee;
		border-right: 1px solid #eee;
	} */
	#mPropInputs\:autoComplPropNameList {
		width: 98.5%;
	}
	#mPropInputs\:autoComplPropNameList .rf-au-shdw {
		left: -40px;
	}
	#vernier-scale {
		padding: 9.5724%;
	}
}

@media screen and (max-width: 390px) {
	#loginform .login-content {
		width: 100%
	}
	#projects .projlabel {
		width: 43%;
	}
	#projects ol .name p {
		margin-left: 43%;
	}
	table#alertCenterForm\:project td:before {
		left: 15%;
	}
	nav#primary>div>div.open {
		padding-bottom: 620px;
	}
	#mpropfinder>div div {
		text-align: left;
	}
	#mpropfinder .simple {
		float: none;
		display: block;
		margin-bottom: 1em;
	}
	#inlineForm>form>div {
		display: inline-block;
		margin: 10px 5px;
		width: 100%;
	}
	/* #inlineForm input[id$="consumption"] {
		width: 95%;
		height: 40px !important;
		padding: 10px;
	} */

	/* #inlineForm>form>div .rf-cal-inp, #inlineForm>form>div .inputtxt {
		height: 40px !important;
		padding: 10px;
	} */
	.unitsControl .rf-sel-cntr {
		/*width: 70px;
		height: 40px;
		padding: 10px;*/
		
	}
	.unitsControl input[id$=currencyTypeInput] {
		width: 50px;
	}
	.unitsControl input[id$=cost] {
		/*width:  70% !important;*/
		
	}
	.unitsControl input[id$=consumption] {
		/*width:  70% !important;*/
		
	}
	/* #inlineForm>form>div .rf-cal-inp {
		width: 90%;
	} */
	/* #inlineForm .primary-btn-small {
		width: 95%;
		font-size: 1.7em;
		padding: 15px 25px;
	} */
	#inlineForm .link {
		font-size: 1.8em !important;
	}

	/*table[id*=dataList] td:nth-of-type(1):before {
		content: "Status";
	}*/

	/*table[id=dataEntrySummary] td:nth-of-type(1):before {
		content: "Type";
	}
	table[id=dataEntrySummary] td:nth-of-type(2):before {
		content: "Account Name";
	}
	table[id=dataEntrySummary] td:nth-of-type(3):before {
		content: "Complete Through";
	}
	table[id=dataEntrySummary] td:nth-of-type(4):before {
		content: "% Energy";
	}
	table[id=dataEntrySummary] td:nth-of-type(5):before {
		content: "% Cost";
	}*/

	/*.rf-cal-inp {
		font-family: inherit;
		height: 20px !important;
	}*/

	/*table.block-table td.description, table.block-table td.statusmedium,
		table.block-table td.actions {
		width: 100%;
		padding: 5%;
		font-weight: 800;
	}*/
	/*table.block-table td.statussmall, table.block-table td.lbltextsmall,
		table.block-table td.cost2, table.block-table td.updated {
		width: 100%;
		padding: 5%;
		font-weight: 800;
	}*/

	/*
		table.block-table td { border-top: 1px solid #eee;	position: relative;	padding-left: 50%; padding :2%;	}
*/
	/*table.block-table td:before {
		white-space: nowrap;
		font-weight: 400;
	}*/
	.inputtxt, .inputtxtsmall {
		width: 50%;
		vertical-align: middle;
	}
	table#wasteFrm\3A project.block-table td:nth-of-type(1):before {
		content: "# Units : ";
	}
	table#wasteFrm\3A project.block-table td:nth-of-type(2):before {
		content: "Description of Container : ";
	}
	table#wasteFrm\3A project.block-table td:nth-of-type(3):before {
		content: "Times Emptied : ";
	}
	table#wasteFrm\3A project.block-table td:nth-of-type(4):before {
		content: "% Filed : ";
	}
	table#wasteFrm\3A project.block-table td:nth-of-type(5):before {
		content: "Total weight (lbs) : ";
	}
	table#nonUtility\3A tblUtility.block-table td:nth-of-type(1):before {
		content: "Description : ";
	}
	table#nonUtility\3A tblUtility.block-table td:nth-of-type(2):before {
		content: "Quantity : ";
	}
	table#nonUtility\3A tblUtility.block-table td:nth-of-type(3):before {
		content: "Weight Per Item (lbs) : ";
	}
	table#nonUtility\3A tblUtility.block-table td:nth-of-type(4):before {
		content: "Total weight (lbs) : ";
	}

	/*table#dataList.block-table td:nth-of-type(2):before {
		content: "Start Date : ";
		display: inline-block;
		min-width: 50%;
	}
	table#dataList.block-table td:nth-of-type(1):before {
		content: "       ";
	}
	table#dataList.block-table td:nth-of-type(3):before {
		content: "End Date : ";
		display: inline-block;
		min-width: 50%;
	}
	table#dataList.block-table td:nth-of-type(4):before {
		content: "Consumption : ";
		display: inline-block;
		min-width: 50%;
	}
	table#dataList.block-table td:nth-of-type(5):before {
		content: "Cost : ";
		display: inline-block;
		min-width: 50%;
	}
	table#dataList.block-table td:nth-of-type(6):before {
		content: "Rate : ";
		display: inline-block;
		min-width: 50%;
	}
	table#dataList.block-table td:nth-of-type(7):before {
		content: "Updated : ";
		display: inline-block;
		min-width: 50%;
	}
	table#dataList.block-table td:before {
		padding-left: 15%;
	}
	table#dataList.block-table td {
		border: none;
		font-size: 2.0em;
		padding: 2%;
	}
	table#dataList div .statusbox span:before {
		font-size: 1.6em;
		font-weight: 100;
	}
	table#dataList .statusbox {
		width: 40px;
		height: 40px;
		padding-top: 8px;
	}*/
	/* .statusbox {
		padding-left: 4px;
		padding-top: 3.5px;
	} */
	table.block-table tr:nth-child(even) {
		/*background-color: #f7f7f7;*/
		
	}
	table.block-table tr:nth-child(even) .rf-sel-inp {
		/*background-color: #f7f7f7;*/
		
	}
	/* 	input#goalForm\:goalAmt {
		width: 70px;
	} */
	/* 	#goalForm\:txtGoalId {
		width: 120px;
	} */
	#goalForm\:txtGoalId .rf-au-lst-dcrtn, #goalForm\:txtGoalId .rf-sel-lst-scrl
		{
		width: 120px;
	}
	/* 	#goalForm\:editGoalButton {
		width: 100%;
	} */
	#charts .headerSection .toggle, #charts .head .toggle {
		width: 110px;
	}
	#goalcontainer {
		width: 99%;
	}
	#mPropInputs\:autoComplPropNameList {
		width: 100%;
	}
	#mPropInputs\:autoComplPropNameList .rf-au-shdw {
		left: -32px;
	}
	#vernier-scale {
		padding: 12%;
	}
}

.tipContainer *:not(.fas) {
	font-family: 'Loew', 'proxima-nova', Helvetica, Arial, sans-serif !important; 
}

.redBorder {
	border: 1px solid red !important
}

.greenBorder {
	border: 1px solid green !important
}


.flexLine {
	display: flex !important;
	align-items: center !important;
}

  .tipContainer{
      transition: 0.3s;
      position:relative;
      margin: 0 !important;
      width: min-content !important;
      float: none !important;
      font-family: 'Loew', 'proxima-nova', Helvetica, Arial, sans-serif;
  }
  .tipClick>a{
    font-size: 20px;
    line-height: 21px
  }
  .tipClick{
   float: none !important;
    margin: 0 !important;
    position:relative
  }
  .tipClick > a:focus + .tooltipT{
      display:block!important; /*TOOLTIP VISIBLE ON CLICKING THE ICON*/
  }
  .tooltipT{
      display: none;/*=====INITIAL HIDDEN STATE=====*/
      position: absolute;
      background: #fff;
      color-stop(0%,rgba(51,51,51,0.85)), color-stop(100%,rgba(0,0,0,0.85))); /* webkit */
      -moz-box-shadow: 0 0 6px 1px #666666;
      -webkit-box-shadow: 0 0 6px 1px #666666;
      box-shadow: 0 0 6px 1px #666666;
      border:solid #FFFFFF;
      color: #636363;
      padding:10px 25px 10px 10px !important;
      margin: 0 !important;
      font-family:Arial;
      font-size: 15px;
      text-align: center;
      text-align:left;
      bottom:31px;
      z-index: 10;
      text-transform: initial;
      visibility: hidden;
  }
  
  header {
  	z-index: 99;
  }
  
  .meetingCalcTip a{
  display: flex;
  align-items: center;
  min-height: 18.19px;
  }
  
  .meetingCalcLabel {
	display: none;
  }
  
  .meetingCalcTipTop {
  margin-top: 3px !important;
  }
  
  .tipClick > a > span {
  	pointer-events: none;
  }
  
  .questionBlock.container {
  	margin: initial;
  	max-width: initial;
  	margin: 0;
  	background-color: initial
  }
  
  .tooltipT p{
       margin:10px !important;
       padding: 0 !important;
       color: #636363 !important;
       font-size: 15px !important;
       white-space: normal !important;
       font-weight: bold !important;
       line-height: initial !important;
    }
    /*=====CLOSE BUTTON=====*/
  .tooltipT span{
      position: absolute;
      top:10px;
      right: 10px;
      font-size: 20px;
      line-height: 1;
  }
  .tooltipT span a{
      text-decoration: none;
      color: #00529B;
  }
  .tooltipT span:focus .tooltipT{
      display: none;/*CLOSE TOOLTIP ON CLICK*/
  }
  /*======ARROW=====*/
  .tooltipT>.arrow, .tooltipT>.arrow:after {
      position: absolute;
      display: block;
      width: 0;
      height: 0;
      border-color: transparent;
      border-style: solid
  }
  .tipClick>.tooltipT>.arrow {
      border-width: 11px;
      bottom: -14px;
      border-top-color: #999;
      border-top-color: rgba(0, 0, 0, .25);
      border-bottom-width: 0;
  }
  .tipClick>.tooltipT>.arrow:after {
      content: "";
      border-width: 10px;
      bottom: 1px;
      margin-left: -10px;
      content: " ";
      border-top-color: #fff;
      border-bottom-width: 0
  }
  
  #meterAlertMain .tipContainer{
  	padding-top: 18px;
  }
  
  .tipContainer-orange .tooltip {
    color: #EF7622
  }
  

	.tipContainer .statusbox {
	font-family: 'HiltonFont' !important;
	color: white;
	padding-left: 0 !Important;
}

.tipContainer span.statusboxSmall {
	padding-top: 1.5px !important;
	padding-left: 5px !important;
}

.tipContainer .statusboxSmall {
	width: 22px !important;
	height: 22px !important;
	padding-top: 1.0px !important;
	padding-left: 4.6px !important;
}
.tipContainer .statusboxSmall {
	font-size: 1.2em;
}
.tipContainer .statusboxSmallest {
	width: 20px !important;
	height: 20px !important;
	padding-top: 0px !important;
	padding-left: 3px !important;	
}

.tipContainer .statusboxSmallest {
	font-size: 1.2em;
}

.tipContainer .statusbox:before {
	font-size: 20px;
	    display: flex;
    align-items: center;
    justify-content: center;
} /* was 2.2 but data entry panel needs it smaller */
.tipContainer .statusboxSmall:before {
	font-size: 13px;
} /* was 1.8 but data entry panel needs it smaller */
.tipContainer .statusboxSmallest:before {
	font-size: 14px;
} /* was 1.8 but data entry panel needs it smaller */


.tipContainer.recommended .statusbox {
	background-color: #00A8E1;
}

.tipContainer.recommended .statusbox:before {
	content: "\35";
}

.tipContainer.planned .statusbox {
	background-color: #ce3261;
}

.tipContainer.planned .statusbox:before {
	content: "\37";
}

.tipContainer.activeProject .statusbox {
	background-color: #EF7622;
}

.tipContainer.activeProject .statusbox:before {
	content: "$";
}

.tipContainer.resolved .statusbox {
	background-color: #f5c24d;
}

.tipContainer.resolved .statusbox:before {
	content: "\37";
}

.tipContainer.completed .statusbox {
	background-color: #32ce8d;
}

.tipContainer.completed .statusbox:before {
	content: "\3a";
}

.tipContainer.abandoned .statusbox {
	background-color: #e65252;
}

.tipContainer.abandoned .statusbox:before {
	content: "\38";
}

.tipContainer.archived .statusbox {
	background-color: #e65252;
}

.tipContainer.archived .statusbox:before {
	content: "\38";
}

.tipContainer.failed .statusbox {
	background-color: #ce3261;
}

.tipContainer.failed .statusbox:hover {
	background-color: #00A8E1;
}

.tipContainer.failed .statusbox:before {
	content: "\38";
}

.tipContainer.underInvestigation .statusbox {
	background-color: #00A8E1;
}

.tipContainer.underInvestigation .statusbox:before {
	content: "\36";
}


.head {
	overflow: visible !important;
}

  
  .energy.container > .head:first-child {
  overflow: visible !important;
  }

table.block-table-document thead {
    border-bottom: 1px solid #3d3d3d;
}

table.block-table-document th {
    background-color: #3d3d3d;
    border-bottom: 1px solid #3d3d3d;
    color: #fff !important;
}

/* === Generic Documents === */
.document-tag-not-selected {
	border-radius: 25px;
	padding: 10px 15px;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	background-color: #ccc;
	color: #303030;
	width: 80%;
	margin: auto;
}
.document-tag {
    background: #ccc;
	color: #303030 !important;
	border-radius: 25px;
	padding: 10px 15px;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	display: block;
}
.document-tag:hover {
    background: #104C97;
	color: #fff !important;
}
.document-tag:active {
    background: #EF7622;
}
.document-tag.filter-on {
	background: #104C97;
	color: #fff !important;
}

/* === Social Impact === */
#socialImpactParentTiles {
	justify-content: space-between;
}

#socialImpactParentTiles div[id$=Tile] {
    height: 100px;
	width: 32%;
	max-height: 100px;
	max-width: 32%;
    display: flex;
    align-items: center;
}

#socialImpactParentTiles div[id$=Tile] a {
	width: 100%;
    text-align: center;
    line-height: 100px;
}

#socialImpactParentTiles div[id$=Tile] a:link,
#socialImpactParentTiles div[id$=Tile] a:visited {
	background-color: #bebebe;
	color: black;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	margin: auto;
	font-size: 28px;
	font-weight: 900;
	border: 4px solid #5d5d5d;
}

#socialImpactParentTiles div[id$=Tile] a:hover,
#socialImpactParentTiles div[id$=Tile] a:active {
	border-color: #303030;
}

.social-impact-tile.selected {
	border-color: #303030 !important;
	background-color: #00a8e1 !important;
}

#socialImpactChildTiles {
	justify-content: center;
	margin-top: 5em;
	column-gap: 10px;
}

#socialImpactChildTiles div.eachSlide {
	width: 19%;
	max-width: 19%;
	max-height: 208px;
	border-left: 0;
	border-right: 0;
}

#socialImpactChildTilesSlider span.eachSlide {
	width: 290px !important;
	max-width: 290px;
	max-height: 208px;
}

.social-impact-demographic-info {
	display: flex;
	align-items: center;
}

.social-impact-demographic-info-regional {
	display: flex;
	align-items: baseline;
	margin-bottom: 5px;
	justify-content: space-between;
}

.social-impact-demographic-info-yn {
	width: 60%;
	font-size: 13px;
}

.social-impact-demographic-info-num {
	width: 75%;
}

hr.rounded {
  border-top: 1px solid #c2c2c2;
}

.meeting-calc-purchase-offsets-col1 {
	width: 20%;
}

.meeting-calc-purchase-offsets-col2 {
	width: 70%;
	font-weight: 800;
}

/* === TwP Stories === */
.twp-story-category-grouping-container {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	margin-top: 10px;
}

.twp-story-category-grouping-header-container {
	display: flex;
	flex-direction: row;
	width: 32%;
	justify-content: center;
	text-align: center;
}

.twp-story-category-grouping-header {
	width: 95%;
	height: 40px;
	color: white;
	font-size: 15px;
	line-height: 40px;
}

.twp-story-category-grouping-header-environmental {
	background-color: #00A8E1;
}

.twp-story-category-grouping-header-social {
	background-color: #84235E;
}

.twp-story-category-grouping-header-governance {
	background-color: #EF7622;
}

.twp-story-category-row-header {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin-top: 10px;
}

.twp-story-category-column {
	display: flex;
	flex-direction: column;
	width: 32%;
}

.twp-story-category-header {
	display: flex;
	flex-direction: row;
	width: 100%;
	margin-left: 5px;
}

.twp-story-category-name {
	text-transform: uppercase;
	line-height: 40px;
	font-size: 15px;
	font-weight: 800;
	margin-left: 5px;
}

.twp-story-color-icon {
	color: white;
}

.twp-story-color-environment {
	color: #00A8E1;
}

.twp-story-color-social {
	color: #84235E;
}

.twp-story-color-governance {
	color: #EF7622;
}

.twp-story-subcategory-column {
	display: flex;
	flex-direction: column;
}

.twp-story-subcategory-text {
	display: flex;
	align-items: center;
	margin-left: 4em !important;
}

.twp-story-subcategory-text > input[type=checkbox][checked][disabled] {
  outline: 2px solid blue;
}