@CHARSET "UTF-8";

}
html, body {
	height: 100%;
	overflow: auto;
	width: 100%;
	overflow-x: hidden;
	margin: 0px;
}
#buttons {
	padding: 10px;
}

#disagree-privacy,  #disagree-terms {
	float: right;
	padding: 10px;
}
#agree-privacy, #agree-terms {
	float: right;
	margin-right: 20px;
}
::-webkit-scrollbar {
	-webkit-appearance: visible;
	background-color: #EEFFFF;
	width: 10px;
	z-index: 100;
}

::-webkit-scrollbar-track {
	background-color: #28416a;
	border-radius: 8px;
	z-index: 100;
}

::-webkit-scrollbar-thumb {
	border-radius: 8px;
	background-color: rgba(156, 156, 156, .6);
	-webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}

::-webkit-scrollbar-corner {
	background: #1A1A1A;
}

.login-error, .error {
	font-size: small;
	color: red;
	text-align: left;
}

.login-message-to-display {
	font-size: large;
	font-weight: bold;
}

#version {
	color: lightgrey;
	margin-left: 38%;
	display: none;
}

.valid {
	font-size: small;
	color: #21ff02;
	text-align: left;
}

#navbar-breadcrumbs {
	margin: 8px 0px 0px 0px;
}

.panel-container {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.panel-content {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.panel-title {
	margin: 4px 0px 0px 0px;
	line-height: 0.7;
	display: inline-block;

	/* width: 250px; */
}

.panel-body {
	font-size: small;
}

#site-data-table-area {
	
}

#datatablebutton #inverter-details-button #event-details-button {
	padding-left: 7px;
	margin-left: 8px;
}

.table-responsive {
	min-height: .01%;
	overflow-x: hidden;
	height: 540px;
	overflow-y: auto !IMPORTANT;
}

.floatThead-wrapper {
	margin-right: 1px;
	z-index: 1;
}

.floatThead-table {
	margin-right: 1px;
}

#portfolioheading {
	border-top-color: white;
	border-left-color: white;
	border-right-color: white;
}

#projectsheading {
	border-top-color: white;
	border-left-color: white;
	border-right-color: white;
}

#statusheading {
	border-top-color: white;
	border-left-color: white;
	border-right-color: white;
}

#sizeheading {
	border-top-color: white;
	border-left-color: white;
	border-right-color: white;
}

#nowheading {
	border-top-color: white;
	border-left-color: white;
	border-right-color: white;
}

#todayheading {
	border-top-color: white;
	border-left-color: white;
	border-right-color: white;
}

#lifetimeheading {
	border-top-color: white;
	border-left-color: white;
	border-right-color: white;
	padding-right: 2px;
}

.map {
	height: 400px;
	width: 100%;
	position: relative;
}

/* overwriting for alert status */
.nodata {
	background-color: #D0D0D0 !important;
	border-color: #D0D0D0 !important;
}

.glyphicon-signal {
	color: white;
}

.project-button-row, .project-content-row, .portfolio-button-row {
	display: inline-block;
	margin-top: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: right;
	margin-right: 43%;
}

.project-content-items {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.content-panel-body {
	font-size: 0.9vw;
	padding: 6px 10px 6px 10px;
}

.content-panel {
	background-color: #EEFFFF;
}

.content-panel, .content-panel-body {
	margin: 0px 4px 0px 4px;
}

.back, .fwd {
	paddding: 0px 0px 10px 0px;
}

.input-group date {
	margin-right: 30px;
}

input:invalid {
	border: 1px solid red;
}

input:valid {
	border: 1px solid green;
}

#site-evbenefit-content {
	margin-left: -45px;
	-moz-margin-end: -10%;
}

#site-summary-content {
	margin-right: 7%;
}

.benefitimages {
	margin-left: 53px;
	-moz-margin-start: 420%;
}

#project-panel-table-1 {
	font-size: 8.95px;
	margin-left: -53%;
}

#project-panel-table-2 {
	font-size: 10.2px;
}

#declinewarning {
	color: white;
	background-color: red;
	margin-top: 15%;
	border-color: black;
	border: 2px;
}

/* Terms and agreement */
#termsandconditionsmodal {
	margin-top: 200px;
}

#terms-header {
	color: white;
}

#terms-content {
	background: #28416a;
	color: black;
}

#terms-modal {
	background: white;
	overflow-y: scroll;
}

#terms-body {
	background: white;
}

#terms-dialog {
	
}

#terms-footer {
	
}

#upload-avatar-title {
	
}

#project-list {
	
}

#portfolio-projects-table {
	
}

tr#projecttableheaders {
	background: white;
	font-size: 6.4px;
}

tbody#portfoliobody {
	font-size: 7px;
}

#portfolio-projects-table {
	margin-right: 1px;
	font-size: 14px;
}

.tableheading {
	
}

tbody#portfoliobody {
	font-size: 8px;
}

#all-sites-overview-row-wrapper {
	font-size: smaller;
}

.small, small {
	font-size: 95%;
}
.panel-header {
	text-align: center;
}
.energysavings {
	margin-top: 10px;
}
#pieSavingDaily, #pieSavingMonthly, #pieSavingYearly{
	width: 49%;
	height:100%;
	display: inline-block;
	border-right: 1px solid black;
}

#pieSavingDay, #pieSavingMonth, #pieSavingYear {
	width: 100%;
	height:85%;
	display: inline-block;
}

#calcSavingDaily, #calcSavingMonthly, #calcSavingYearly {
	width: 49%;
	padding-top: 20px;
	padding: 10px;
	height:100%;
	display: inline-block;
	vertical-align: top;
}
.calcSavingDailyTop, .calcSavingMonthlyTop, .calcSavingYearlyTop {
   border-bottom: 1px solid black;

}
.calcSavingDailyTop, .calcSavingDailyBottom, .calcSavingMonthlyTop, .calcSavingMonthlyBottom, .calcSavingYearlyTop, .calcSavingYearlyBottom {
    text-align: center;
    margin: 20px 30px 0 30px;
}
.pieTitle {
	text-align: center;
	font-size: 25px;
	padding-top: 30px;
}
.savingTitle {
	font-size: 25px;
}
.amount{
	font-size: 45px;
	font-color: blue;
}
.amount_value {
	display: inline;
}
.disclaimer, .instruction{
	font-size: 10px;
	margin: 20px 0px 20px 0px;
}
.billcycle, .utilrate, .updateButton {
	width:30%;
	display: inline-block;
} 
input#cyclevalueday, input#ratevalueday, input#cyclevaluemonth, input#ratevaluemonth, input#cyclevalueyear, input#ratevalueyear   {
	width: 40%;
    padding: 5px;
    margin: 0;
    -webkit-box-sizing: border-box;
}
.updateButton {
    vertical-align: middle;
    padding-bottom: 10px;
}
.panel-graph {
	/* for savings graph 
	padding-top: 0px !important; */
}
#datepicker_dash_daily, #datepicker_dash_monthly,
	#datepicker_dash_yearly, #datepicker_dash_total, #datepicker_top_daily,
	#datepicker_top_monthly, #datepicker_top_yearly, #datepicker_top_total
	{
	float: right;
	width: 130px;
	height: 30px;
	text-align: center;
	background-color: #eee;
	border: 1px solid #ccc;
}

#site-overview-row-wrapper {
	display: none;
}

#site-graphs-row-wrapper {
	display: none;
}

/* A little text snippet in the base of the CSV Download Modal */
.csv-guide {
	width: 350px;
	float: left;
	text-align: left;
}

/** BEGIN :- set locations and sizes of graph datepickers and CSV Download */

#site-graphs-row-wrapper .dailydate,
#site-graphs-row-wrapper .monthlydate,
#site-graphs-row-wrapper .yearlydate,
#site-graphs-row-wrapper .totaldate,
#site-graphs-row-wrapper .csvdownloadwrapper {
	
	/* for savings graph 
	top: 35px !important; */
	height: 35px !important;
	width: 180px !important;
}

#site-graphs-row-wrapper .dailydate input,
#site-graphs-row-wrapper .monthlydate input,
#site-graphs-row-wrapper .yearlydate input,
#site-graphs-row-wrapper .totaldate input,
#site-graphs-row-wrapper .dailydate span,
#site-graphs-row-wrapper .monthlydate span,
#site-graphs-row-wrapper .yearlydate span,
#site-graphs-row-wrapper .totaldate span  {
	height: 35px;
}

#site-graphs-row-wrapper .csvdownloadwrapper a {
	vertical-align: middle;
	line-height: 35px;
	padding-right: 15px;
}

#site-graphs-row-wrapper .dailydate span .glyphicon,
#site-graphs-row-wrapper .monthlydate span .glyphicon,
#site-graphs-row-wrapper .yearlydate span .glyphicon,
#site-graphs-row-wrapper .totaldate span .glyphicon {
	height: 15px;
}

#site-graphs-row-wrapper .dailydate,
#site-graphs-row-wrapper .monthlydate,
#site-graphs-row-wrapper .yearlydate,
#site-graphs-row-wrapper .totaldate {
	position: absolute;
	right: 35px;
	/* graph savings right: 25px; */
}

#site-graphs-row-wrapper .csvdownloadwrapper {
	position: absolute;
	right: 210px;
	/* graph savings right: 190px; */
}

#site-graphs-row-wrapper .dailydate a,
#site-graphs-row-wrapper .monthlydate a,
#site-graphs-row-wrapper .yearlydate a,
#site-graphs-row-wrapper .totaldate a,
#site-graphs-row-wrapper .csvdownloadwrapper a,
#site-graphs-row-wrapper .dailydate span,
#site-graphs-row-wrapper .monthlydate span,
#site-graphs-row-wrapper .yearlydate span,
#site-graphs-row-wrapper .totaldate span,
#site-graphs-row-wrapper .csvdownloadwrapper span,
#site-graphs-row-wrapper .dailydate input,
#site-graphs-row-wrapper .monthlydate input,
#site-graphs-row-wrapper .yearlydate input,
#site-graphs-row-wrapper .totaldate input,
#site-graphs-row-wrapper .csvdownloadwrapper input {
	position: relative;
	top: 1px;
}

#site-graphs-row-wrapper .csvdownloadwrapper a {
	vertical-align: middle;
}

/** END :- set locations and sizes of graph datepickers and CSV Download */

#site-production-summary {
	z-index: 10;
}

#site-production-evbenefit {
	flex-flow: inherit;
	padding-left: 2%;
	width: 108%;
	font-size: x-small;
	margin-bottom: -15.5%;
	margin-top: 0%;
	margin-bottom: -7%;
	-moz-padding-end: 3%;
	-moz-padding-start: -0.5%;
}

#sidebar-collapse-button {
	z-index: 100;
	position: relative !important;
	left: inherit !important;
	top: inherit !important;
	color: white !important;
	width: 30px;
	height: 30px;
	outline: none;
	border-bottom-left-radius: inherit !important;
	border-top-left-radius: inherit !important;
	background-color: #28416a;
	background-image: linear-gradient(to bottom, #28416a 0, #28416a 100%);
	background-color: #28416a;
	margin-left: -.8% !Important;
	border-color: #28416a;
	box-shadow: none;
}

#sidebar-collapse-button span.glyphicon.glyphicon-chevron-right {
	color: white !Important;
}

#sidebar-collapse-button span.glyphicon.glyphicon-chevron-left {
	color: white !Important;
}

.inverter-topology-segment-button {
	padding: 1%;
}

#project-list-area {
	margin-top: 2%;
}

#sidebar-button-area-1 {
	margin-top: -1px;
	border-top-left-radius: 4px !important;
	border-bottom-left-radius: 4px !important;
	-webkit-padding-after: 1.15em;
	margin-left: -7%;
	display: table-caption;
}

#sidebar-button-area-2 {
	margin-top: -1px;
	margin-bottom: 22%;
	border-top-right-radius: 4px !important;
	border-bottom-right-radius: 4px !important;
}

#show_all_projects_button {
	border-radius: 4px !important;
}

#hide_all_projects_button {
	border-radius: 4px !important;
}

#hide_show_map_button {
	border-radius: 4px !important;
}

#add_portfolio_button {
	border-radius: 4px !important;
}

#add_project_button {
	border-radius: 4px !important;
}

#add_account_button {
	border-radius: 4px !important;
}

button.btn.btn-default.edit-proj-btn {
	border-radius: 4px !important;
}

button.btn.btn-default.show-sys-btn {
	border-radius: 4px !important;
}

button.btn.btn-default.show-evt-btn {
	border-radius: 4px !important;
}

button.btn.btn-default.show-svc-btn {
	border-radius: 4px !important;
}

#site-production-summary.floating {
	position: fixed;
	width: 66.8%;
	top: 70px;
}

#dashboard-navbar.floating {
	position: fixed;
	width: 100%;
	top: 0px;
}

#site-breadcrumb-row-wrapper.floating {
	position: fixed;
	width: 100%;
	z-index: 9;
	top: 50px;
}

#all-sites-overview-row-wrapper {
	margin-top: 4%;
}

#site-weather-results-summary {
	display: none;
}

#site-weather-results-summary {
	display: none;
}

.lead text-left site-production-value {
	margin-left: 1%;
}

.lead {
	font-size: 9.2px;
	padding-left: 8%;
}

.small, small {
	font-size: 9.7px;
}

div#inverter-details, div#event-details {
	font-size: inherit;
	overflow-y: auto;
	height: auto;
	overflow-x: hidden;
}

table#table {
	font-size: inherit;
}

/* 

Tried making classes for the following two styles, but

     could not get them to take effect (Gary ) */
#project-panel-table-1, #project-panel-table-2 {
	margin: 0px 0px 0px 0px;
	border: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#project-panel-table-1 td, #project-panel-table-2 td {
	border: none;
	margin: 0px 0px 0px 0px;
	border: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.project-panel-label {
	font-weight: bold;
}

#site-production-performance-ratio {
	color: lightgray;
}

#site-photo img, .site-photo img {
	float: left;
	width: 56%;
	height: auto;
	margin-left: -12%;
}

div.fill {
	width: 100%;
	height: 100%;
}

#device-id-div, #assign-button-div {
	display: none;
}

#matchpass {
	text-align: left;
}

#header-row {
	margin-top: 50px;
	margin-bottom: 50px;
}

#centered-row {
	margin-top: 50px;
	text-align: center;
}

#project-table {
	padding-top: 0px;
	padding-bottom: 0px;
}

#portfolio-projects-table {
	margin-right: 1px;
	font-size: smaller;
}

#error-text {
	font-size: small;
	color: red;
	text-align: left;
}

#buttons-center {
	margin-top: 200px;
}

#buttons-left {
	margin: 20px 0px 0px 0px;
}

#buttons-row, .buttons-row {
	margin: 30px 0px 0px 0px;
}

#battery-PR {
	display: none;
}

.pv-label {
	text-align: center;
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: large;
	font-weight: bold;
	color: #009900;
}

.pv-value {
	float: left;
	margin-right: 10px;
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 400%;
	font-weight: bold;
	color: #0033CC;
}

.pv-units {
	float: left;
	margin-right: 5px;
	transform: translateY(150%);
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: large;
	font-weight: bold;
}

.pv-valfield {
	margin-left: 30%;
}

.navbar-right {
	margin-right: 0px;
}

/* #navbar-logo {

width: 33%;

padding-left: 16%;

} */
#navbar-logo {
	width: 29%;
	padding-left: 12%;
}

.button-space {
	display: block;
	float: left;
}

#logo-img-top {
	width: 20%;
	display: block;
	margin: 50px 0px 0px 0px;
	margin-left: auto;
	margin-right: auto;
}

body#dashboard-new {
	background-color: #e4ebf5;
	overflow-x: hidden;
}

/* Ensure no gap between breadcrumb and the main area */
body#dashboard-new #site-breadcrumb-row-wrapper, body#dashboard-new #dashboard-main-wrapper,
	body#dashboard-new #dashboard-navbar {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
}

body#dashboard-new #dashboard-navbar .container-fluid, body#dashboard-new #main-container
	{
	padding-right: 0px;
	padding-left: 0px;
	margin-left: 0px;
	margin-right: 0px;
}

body#dashboard-new #dashboard-navbar {
	vertical-align: middle;
}

body#dashboard-new #dashboard-navbar .navbar-brand {
	padding-top: 0px;
	padding-bottom: 0px;
}

body#dashboard-new #site-breadcrumb {
	background-color: #1a222f;
	color: white;
	width: 33.35%;
}

body#dashboard-new #site-breadcrumb .breadcrumb {
	background-color: inherit;
	margin-bottom: 0px;
	font-size: x-small;
}

body#dashboard-new #project-selection-sidebar {
	display: flex;
	flex-flow: column;
	background-color: #28416a;
	padding-top: 5px;
	padding-right: 10px;
	height: 100%;
	padding-bottom: 2%;
}

body#dashboard-new #project-selection-sidebar #portfolio-map-area {
	flex: 0 1 350px;
}

/* body#dashboard-new #portfolio-map-area, */
body#dashboard-new #portfolio-map-area .panel-body, body#dashboard-new #portfolio-map-area #map
	{
	height: 350px;
}

body#dashboard-new #portfolio-map-area .panel-body {
	background-color: #28416a;
	padding: 0px;
}

body#dashboard-new #project-selection-sidebar #sidebar-button-area-1 {
	flex: 0 1 40px;
}

body#dashboard-new #project-selection-sidebar #sidebar-button-area-2 {
	flex: 0 1 80px;
}

body#dashboard-new #project-selection-sidebar #project-list-area .panel-heading,
	body#dashboard-new #project-selection-sidebar #project-list-area .panel-body
	{
	padding: 0px;
	height: 520px;
}

#sidebar-collapse-button {
	background-color: rgb(40, 65, 106);
	position: relative;
	color: rgb(0, 0, 0);
	top: inherit;
}

body#dashboard-new #project-selection-sidebar #project-list-area #portfolio-projects-table
	{
	table-layout: fixed;
}

body#dashboard-new #project-selection-sidebar #project-list-area #portfolio-projects-table .project-column
	{
	vertical-align: middle;
	text-align: center;
}

body#dashboard-new #project-selection-sidebar #project-list-area #portfolio-projects-table .portfolio-name-column
	{
	text-align: left;
}

body#dashboard-new #project-selection-sidebar #project-list-area #portfolio-projects-table .portfolio-project-status-column
	{
	vertical-align: middle;
	text-align: center;
	padding: 7px;
}

body#dashboard-new #project-selection-sidebar #project-list-area #portfolio-projects-table .portfolio-project-numerical-column
	{
	vertical-align: middle;
	text-align: right;
}

body#dashboard-new #project-display-area {
	margin-top: 19.5%;
	height: 220vh;
}

#cloud {
	left-margin: 1%;
}

.thunderbolt {
	margin-left: 0%;
}

#site-last_update {
	width: 7%;
}

#site-real-power {
	width: 7%;
}

#site-voltage {
	width: 6%;
}

#site-reactive-power {
	width: 8%;
}

body#dashboard-new #site-meter-data {
	display: flex;
	flex-flow: column;
	font-size: smaller;
	position: fixed;
	border-color: #e4ebf5;
	border-style: solid;
	border-width: 64px 0px 0px 7px;
	width: 110%;
	top: 0;
}

.site-meter-value {
	font-weight: bold;
}

#site-last_update, #site-real-power, #site-reactive-power, #site-voltage,
	#site-energy-today, #site-energy-ytd {
	border: 1px solid black;
	margin-right: 5px;
}

#site-meter-title {
	padding-left: 35px;
	padding-top: 15px;
	font-weight: bold;
}

.btn-md {
	width: 2%;
	display: inline-table;
	border-radius: 3px;
}

.portfolio-name-content {
	font-size: smaller;
}

#project-display-area {
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	overflow-x: hidden;
}

#notenabled {
	margin-top: 4%;
}

div#site-inverter-details-area.row {
	margin-top: 4%;
}

#inverter-details-button {
	background-image: linear-gradient(to bottom, #e0e0e0 0, #e0e0e0 100%);
}

#datatablebutton {
	background-image: linear-gradient(to bottom, #e0e0e0 0, #e0e0e0 100%);
}

#event-details-button {
	background-image: linear-gradient(to bottom, #e0e0e0 0, #e0e0e0 100%);
}

body#dashboard-new #site-data-table-area #table, body#dashboard-new #site-inverter-details-area #table,
	body#dashboard-new #site-event-details-area #table {
	border: 1px solid #ddd;
	width: 100%;
	text-align: center;
}

body#dashboard-new #site-data-table-area #table th, body#dashboard-new #site-inverter-details-area #table th,
	body#dashboard-new #site-event-details-area #table th {
	text-align: center;
}

body#dashboard-new #site-data-table-area .expand-data-table, body#dashboard-new #site-inverter-details-area .expand-data-table,
	body#dashboard-new #site-event-details-area {
	float: right;
}

body#dashboard-new #project-display-area #site-overview-row-wrapper {
	margin-top: 2%;
}

body#dashboard-new #graphperformancerow {
	padding-left: 2px;
	padding-right: 2px;
}

body#dashboard-new #site-production-summary {
	display: flex;
	flex-flow: column;
	font-size: smaller;
	position: fixed;
	border-color: #e4ebf5;
	border-style: solid;
	border-width: 64px 0px 0px 7px;
	width: 65.5%;
	top: 0;
}

.glyphicon glyphicon-plus {
	padding: 1px;
}

.event-dropdown {
	margin-left: 10px;
	margin-top: -8px;
}

#performance-title, #events-title {
	padding: 1px;
}

.expand-data-table {
	display: none;
}

#perf {
	display: none;
}

#dashboard-main-wrapper#project-display-area {
	overflow-y: scroll !important;
	display: table;
}

#project-selection-sidebar {
	
}

body#dashboard-new #site-system-details-area, body#dashboard-new #site-inverter-details-area,
	body#dashboard-new #site-event-details-area {
	padding-left: 15px;
	padding-right: 15px;
}

/* Keep Display None until site-systems-details displays completely */
body#dashboard-new #site-system-details-area {
	display: none !important;
}

/* For causing these table cells to look disabled */
body#dashboard-new #site-system-details-area .td_disabled, body#dashboard-new #site-inverter-details-area .td_disabled,
	body#dashboard-new #site-event-details-area .td_disabled {
	color: lightgray;
}

#ajax_load_busy {
	top: 40%;
	left: 40%;
}

#ajax_load_busy ajax_load_busy, #ajax_load_busy ajax_load_busy .img {
	padding: 20px;
}

/* Login page */
#login-0001 {
	height: 100vh;
}

#login-0001 #login-wrapper {
	width: 400px;
	height: 600px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 10px;
	padding-right: 10px;
}

#login-0001 #login-wrapper #login-banner {
	height: 185px;
	padding-top: 85px;
}

#login-0001 #login-wrapper #login-banner #login-banner-text {
	height: 100px;
	line-height: 100px;
	text-align: center;
	vertical-align: middle;
	color: white;
	font-size: 200%;
}

#change_password_button {
	width: 140px;
	margin-left: -50px;
}

#login-0001 #login-wrapper #login-form-area {
	height: 325px;

	/* width: 325px; */

	/* margin-right: 10px; */
}

/* See http://stackoverflow.com/questions/8865458/how-to-align-text-vertically-center-in-div-with-css */
#login-0001 #login-wrapper #login-form-area-content {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

#login-0001 #login-wrapper form {
	height: 100%;
	/* width: 100%; */
	padding-left: 30px;
	padding-right: 30px;
}

#user {
	margin-top: -18%;
	margin-left: 8%;
}

#login-0001 .btn {
	color: white;
	background-color: #073a93;
}

#editpage {
	padding-right: 0px;
	padding-left: 0px;
	margin-right: 0px;
	margin-left: 0px;
	width: 100%;
}

#rememberMe2 {
	width: 7%;
	height: 25px;
	margin-top: 5px;
}

#remembermelable {
	font-size: small;
	width: 35%;
}

/* TO DELETE */
#duck-img-bottom {
	width: 50%;
	margin: 50px 0px 0px 0px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

@media screen and (max-width: 350px) {
	/* -- If the view port is less than 350px wide (portrait on phone) then display the following styles -- */
	tr#projecttableheaders {
		background: white;
		font-size: 6px;
	}
	#portfolio-projects-table {
		margin-right: 1px;
		font-size: 14px;
	}
}

/*Ipad Portrait */
@media only screen and (min-device-width: 768px) and (max-device-width:
	1024px) and (orientation: portrait) and
	(-webkit-min-device-pixel-ratio: 1) {
	/* Login page */
	#login-0001 #login-wrapper {
		width: 361px;
		height: 600px;
		margin-left: auto;
		margin-right: auto;
	}
	#login-banner-text2 {
		height: 100px;
		line-height: 100px;
		text-align: center;
		vertical-align: middle;
		color: white;
		font-size: 200%;
		margin-top: -6%;
	}
	#site-breadcrumb-row-wrapper {
		width: 102%
	}
	body#dashboard-new #site-breadcrumb {
		background-color: #1a222f;
		color: white;
		width: 100% !important;
	}
	#navbar-logo {
		width: 24%;
		padding-left: 4%;
	}
	#sidebar-collapse-button {
		display: none;
	}
	.col-xs-8 {
		width: 100%
	}
	body#dashboard-new #project-selection-sidebar {
		width: 100%;
		padding-bottom: 120px;
	}
	.btn-group-vertical>.btn, .btn-group>.btn {
		position: relative;
		float: left;
		width: 100%;
	}
	body#dashboard-new #project-selection-sidebar #project-list-area #portfolio-projects-table .project-column
		{
		vertical-align: middle;
		text-align: center;
	}
	.btn-md {
		width: 2%;
		display: initial;
		border-radius: 3px;
	}
	.panel-title {
		margin: 4px 0px 0px 0px;
		line-height: 0.7;
		display: inline-block;
	}
	.panel-body {
		font-size: 69%;
	}
	body#dashboard-new #site-production-summary {
		border-color: #e4ebf5;
		border-style: solid;
		border-width: 0px 0px 0px 0px;
		font-size: xx-large;
		margin-top: 1%;
		margin-left: 2px;
		margin-bottom: 9%;
	}
	body#dashboard-new #project-selection-sidebar #project-list-area {
		flex: 1 1 auto;
		margin-top: 5px;
		font-size: large;
	}
	body#dashboard-new #project-display-area {
		/* height: 100%; */
		margin-top: 1%;

		/* height: 240vh; */
	}
	#project-display-area {
		overflow-y: visible;
	}
	tr#projecttableheaders {
		background: white;
		font-size: 14.5px;
	}
	tbody#portfoliobody {
		font-size: 16px;
	}
	#site-production-summary {
		width: 100% !important;
		position: initial !important;
		margin-bottom: -25%;
		margin-top: -3%;
		margin-right: 2.5%;
	}
	.lead {
		font-size: 16px;
	}
	.small {
		font-size: 12px;
		margin-left: 17%;
	}
	body#dashboard-new #site-production-evbenefit {
		padding-top: 0%;
		margin-top: -8%;
		margin-bottom: %;
		margin-left: -1.7%;
		width: 101.7%;
	}
	#site-overview-row-wrapper {
		margin-right: 1px;
	}
	#all-sites-overview-row-wrapper {
		padding-top: 0%;
	}
	#site-photo img, .site-photo img {
		float: left;
		width: 60%;
		height: auto;
		margin-left: -5%;
	}
	.project-button-row, .project-content-row, .portfolio-button-row {
		display: flex;
		margin-top: none;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		float: right;
		margin-right: 29%;
	}
	#project-panel-table-1 {
		font-size: small;
		margin-left: -39%;
	}
	#project-panel-table-2 {
		font-size: small;
	}
	.cust-dash-btn {
		font-size: small;
	}
	.sys-dash-btn {
		font-size: small;
	}
	.kiosk-dash-btn {
		font-size: small;
	}
	#site-data-table-area {
		width: 103.8%;
		padding-right: 28px;
	}
	#sidebar-button-area-1 {
		margin-top: -1px;
		margin-bottom: 20.5%;
		margin-left: -1.5%;
		width: 102.4%;
		display: flex;
	}
	#sidebar-button-area-2 {
		margin-top: 2%;
		margin-bottom: -14.5%;
		z-index: 1;
		background-color: #28416a;
	}
	#show_all_tree {
		border-radius: 4px !important;
	}
	#hide_all_tree {
		border-radius: 4px !important;
	}
	#show_all_projects_button {
		border-radius: 4px !important;
	}
	#hide_all_projects_button {
		border-radius: 4px !important;
	}
	#hide_show_map_button {
		border-radius: 4px !important;
	}
	#add_portfolio_button {
		border-radius: 4px !important;
	}
	#add_project_button {
		border-radius: 4px !important;
	}
	#add_account_button {
		border-radius: 4px !important;
	}
	button.btn.btn-default.edit-proj-btn {
		border-radius: 4px !important;
	}
	button.btn.btn-default.show-evt-btn {
		border-radius: 4px !important;
	}
	button.btn.btn-default.show-svc-btn {
		border-radius: 4px !important;
	}
	div#site-graphs-row-wrapper.row {
		margin-right: 1px;
	}
	body#dashboard-new #site-system-details-area {
		font-size: xx-large;
		margin-right: 0px;
	}
	.navbar-default .navbar-nav>li>a {
		font-size: 80%;
	}
	.navbar-default .navbar-brand {
		font-size: small;
	}
	body#dashboard-new #site-system-details-area, body#dashboard-new #site-inverter-details-area,
		body#dashboard-new {
		margin-top: 22%;
	}
	table#table {
		font-size: inherit;
	}
	#editpage {
		padding-right: 0px;
		padding-left: 0px;
		margin-right: 0px;
		margin-left: 0px;
		width: 100%;
	}
	#editpagebuttons {
		margin-left: 169px;
		margin-right: 12px;
	}
	#rememberMe2 {
		width: 20%;
		height: 22px;
		right: 3%;
		border-radius: 4px;
	}
	#remembermelable {
		font-size: small;
		width: 42%;
	}
	.benefitimages {
		margin-left: 55%;
	}
	#user {
		margin-top: -23%;
		margin-left: 2%;;
	}
	#ajax_load_busy {
		top: 40%;
		left: 15%;
	}
}

/* Ipad Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width:
	1024px) and (orientation: landscape) and
	(-webkit-min-device-pixel-ratio: 1) {
	/* Login page */
	#login-0001 #login-wrapper {
		width: 361px;
		height: 600px;
		margin-left: auto;
		margin-right: auto;
	}
	#login-banner-text2 {
		height: 100px;
		line-height: 100px;
		text-align: center;
		vertical-align: middle;
		color: white;
		font-size: 200%;
		margin-top: -7%;
	}
	#user {
		margin-top: -21%;
	}
	#navbar-logo {
		width: 18%;
		padding-left: 3%;
	}
	body#dashboard-new #project-display-area {
		margin-top: 0%;
		height: 187vh;
	}
	body#dashboard-new #site-production-summary {
		display: flex;
		flex-flow: column;
		font-size: smaller;
		position: fixed;
		border-color: #e4ebf5;
		border-style: solid;
		border-width: 92px 0px 0px 7px;
		top: 0;
		z-index: 10;
		width: 66%;
	}
	#site-photo img, .site-photo img {
		float: left;
		width: 55%;
		height: auto;
		margin-left: -5%;
	}
	div#site-production-summary.row.col-xs-13.floating {
		border-width: 80px 0px 0px 7px;
	}
	.btn-md {
		width: 2%;
		display: inline-table;
		border-radius: 3px;
	}
	td, th {
		padding: 0;
		font-size: 8px;
	}
	#project-list-area {
		width: 105% !important;
		margin-left: -3%;
	}
	.btn-group-vertical>.btn, .btn-group>.btn {
		width: 100%;
		border_radius: 0;
	}
	#all-sites-overview-row-wrapper {
		margin-bottom: -10%;
		margin-top: 26%;
		margin-right: -2%;
		width: 104.5%;
	}
	#site-production-evbenefit {
		flex-flow: inherit;
		padding-right: 10px;
		width: 105.8%;
		margin-bottom: -18%;
		margin-top: 20%;
		padding-left: 12px;
		margin-left: -3%;
	}
	tr#projecttableheaders {
		font-size: 7px;
	}
	tbody#portfoliobody {
		font-size: 9px;
	}
	.btn-md {
		width: 2%;
		display: inline-table;
		border-radius: 3px;
	}
	body#dashboard-new #site-breadcrumb {
		background-color: #1a222f;
		color: white;
		width: 100%;
	}
	#sidebar-collapse-button {
		z-index: 100;
		position: fixed;
		/* top: 17.8%; */
		/* left: 34.1%; */
		width: 30px;
		height: 30px;
		outline: none;
		/* top: 17.8%; */
		/* left: 34.1%; */
		width: 30px;
		height: 30px;
	}
	#sidebar-collapse-button:active {
		position: relative;
		color: white;
	}
	.benefitimages {
		margin-left: 110px;
	}
	.btn-md {
		width: 2%;
		display: initial;
		border-radius: 3px;
	}
	.lead {
		font-size: 12px;
	}
	.small, small {
		font-size: 11px;
		margin-left: 8%;
	}
	body#dashboard-new #project-display-area #site-overview-row-wrapper {
		width: 105%;
	}
	div#bs-example-navbar-collapse-1.collapse.navbar-collapse {
		width: 95%;
	}
	body#dashboard-new #project-selection-sidebar #project-list-area #portfolio-projects-table .project-column
		{
		vertical-align: middle;
		text-align: center;
	}
	#project-panel-table-1 {
		font-size: 18.5px;
		margin-left: -45%
	}
	#project-panel-table-2 {
		font-size: 14.5px;
	}
	#system-details {
		font-size: 18.5px;
	}
	#site-data-table {
		margin: 6px;
	}
	#site-data-table-area {
		width: 100%;
		margin-top: 5%;
	}
	body#dashboard-new #site-graphs-row-wrapper {
		padding-left: 15px;
		padding-right: 15px;
		width: 105%;
	}
	#sidebar-button-area-1 {
		margin-top: -1px;
		margin-bottom: 30%;
		display: flex;
	}
	.btn-md {
		width: 2%;
		display: inline-table;
		border-radius: 3px;
	}
	#sidebar-button-area-2 {
		margin-top: -2px;
		margin-bottom: -3%;
		z-index: 1;
		background-color: #28416a;
	}
	#show_all_projects_button {
		border-radius: 4px !important;
		font-size: 7px;
	}
	#hide_all_projects_button {
		border-radius: 4px !important;
		font-size: 7px;
	}
	#hide_show_map_button {
		border-radius: 4px !important;
		font-size: 5px;
	}
	#add_portfolio_button {
		border-radius: 4px !important;
		font-size: 7px;
	}
	#add_project_button {
		border-radius: 4px !important;
		font-size: 7px;
	}
	#add_account_button {
		border-radius: 4px !important;
		font-size: 7px;
	}
	button.btn.btn-default.edit-proj-btn {
		border-radius: 4px !important;
		font-size: 7px;
	}
	button.btn.btn-default.show-sys-btn {
		border-radius: 4px !important;
		font-size: 7px;
	}
	button.btn.btn-default.show-sys-btn {
		border-radius: 4px !important;
		font-size: 7px;
	}
	button.btn.btn-default.show-evt-btn {
		border-radius: 4px !important;
		font-size: 7px;
	}
	button.btn.btn-default.show-svc-btn {
		border-radius: 4px !important;
		font-size: 7px;
	}

	/* Edit user page */
	.navbar-default {
		
	}
	#editpage {
		padding-right: 0px;
		padding-left: 0px;
		margin-right: 0px;
		margin-left: 0px;
		width: 100%;
	}
	#editbuttons {
		margin-left: 221px;
		margin-right: 114px;
	}
	#rememberMe2 {
		width: 12%;
		height: 20px;
		right: 1.5%;
		margin-top: 3%;
		border-radius: 4px;
	}
	#remembermelable {
		width: 35%;
		font-size: small;
		display: inline;
	}
	#ajax_load_busy {
		top: 40%;
		left: 20%;
	}
}

/*Mobile Phone Portrait View CSS */
@media screen and (max-device-width: 767px) {
	html, body {
		height: 100%;
		width: 100%;
		overflow: initial;
	}
	body {
		margin-left: 1px;
		margin-right: 1px;
	}

	/* Login Page */
	#login-0001 {
		height: 100vh;
		padding-left: 10px
	}
	tr#projecttableheaders {
		background: white;
		font-size: 12px;
	}
	#wrap {
		width: 100%;
		background-image: url("");
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
	}
	#login-0001 #login-wrapper {
		width: 300px;
		height: 600px;
		margin-left: auto;
		margin-right: auto;
	}
	#login-0001 #login-wrapper #login-banner {
		height: 185px;
		padding-top: 85px;
	}
	#login-0001 #login-wrapper #login-banner #login-banner-text {
		height: 100px;
		line-height: 100px;
		text-align: center;
		vertical-align: middle;
		color: white;
		font-size: 160%;
	}
	#login-0001 #login-wrapper #login-form-area {
		height: 325px;
		width: 97%;
		margin-right: 10px;
	}
	#rememberMe2 {
		width: 39%;
		height: 36px;
		margin-left: 35%;
		margin-top: -5px;
		border-radius: 4px;
	}
	#rememberlabel {
		font-size: 20px;
	}

	/* See http://stackoverflow.com/questions/8865458/how-to-align-text-vertically-center-in-div-with-css */
	#login-0001 #login-wrapper #login-form-area-content {
		position: relative;
		top: 50%;
		transform: translateY(-50%);
	}
	#login-0001 #login-wrapper form {
		height: 100%;
		width: 100%;
		padding-left: 10px;
		padding-right: 10px;
	}
	#login-0001 .btn {
		color: white;
		background-color: #073a93;
	}
	#user {
		margin-top: -21%;
	}

	/* Dashboard */
	#navbar-logo {
		display: none;
	}
	body#dashboard-new #project-selection-sidebar #project-list-area {
		margin-top: 5px;
		overflow-y: none;
		overflow-x: none;
	}
	body#dashboard-new #site-breadcrumb {
		background-color: #1a222f;
		color: white;
		width: 100%;
	}
	#dashboard-new #project-selection-sidebar {
		display: flex;
		flex-flow: column;
		background-color: #28416a;
		padding-top: 5px;
		padding-bottom: 5px;
		padding-right: 10px;
		height: 100%;
		width: 100%;
		font-size: small;
	}
	body#dashboard-new #project-selection-sidebar #project-list-area {
		flex: 1 1 auto;
		margin-top: 5px;
		margin-left: -5px;
		overflow-x: auto;
		overflow-y: hidden;
		width: 101%;
	}
	div#site-overview-row-wrapper.row {
		font-size: large;
	}
	#all-sites-overview-row-wrapper {
		margin-top: 3%;
	}
	body#dashboard-new #project-display-area {
		display: flex;
		flex-flow: column;
		padding-top: 5px;
		padding-bottom: 5px;
		padding-right: 10px;
		height: 100%;
		width: 100%;
		font-size: smaller;
	}
	#project-list {
		font-size: larger;
	}
	#sidebar-collapse-button {
		display: none;
	}
	#sidebar-button-area-1 {
		margin-top: -1px;
		margin-bottom: 9%;
		display: flex;
	}
	#sidebar-button-area-2 {
		margin-top: 2px;
		margin-bottom: 11%;
	}
	#show_all_tree {
		border-radius: 4px !important;
	}
	#hide_all_tree {
		border-radius: 4px !important;
	}
	#show_all_projects_button {
		border-radius: 4px !important;
	}
	#hide_all_projects_button {
		border-radius: 4px !important;
	}
	#hide_show_map_button {
		border-radius: 4px !important;
	}
	#add_portfolio_button {
		border-radius: 4px !important;
	}
	#add_project_button {
		border-radius: 4px !important;
	}
	#add_account_button {
		border-radius: 4px !important;
	}
	button.btn.btn-default.edit-proj-btn {
		border-radius: 4px !important;
	}
	button.btn.btn-default.show-evt-btn {
		border-radius: 4px !important;
	}
	button.btn.btn-default.show-svc-btn {
		border-radius: 4px !important;
	}
	body#dashboard-new #site-production-summary {
		display: flex;
		flex-flow: column;
		font-size: smaller;
		position: inherit;
		width: 103%;
		padding-bottom: 0px;
		margin-bottom: 0%;
		font-size: smaller;
	}

	/* Site Summary page*/
	div#site-production-summary.row.col-xs-13 {
		padding: 0px;
	}
	#site-production-evbenefit {
		font-size: large;
		padding-left: 45px;
		padding-right: -26px;
		width: 113.5%;
		margin-bottom: 2%;
		margin-top: 5%
	}
	div#site-overview-row-wrapper.row {
		font-size: small;
	}
	#site-data-table {
		margin-left: -11px;
		margin-right: -18px;
		font-size: smaller;
	}
	#site-production-co2-lifetime {
		margin-right: -33px;
	}
	.thunderbolt {
		margin-left: -34px;
		margin-right: -5px;
	}
	#car {
		margin-right: 25px;
	}
	.benefitimages {
		margin-right: -20px;
	}
	.panel-title {
		margin: 4px 2px 0px 0px;
		line-height: 0.7;
		display: inline-block;
		font-size: 70%;
		font-size: initial;
	}
	.panel-heading {
		font-size: 10px;
	}
	.panel-body {
		font-size: 65%;
		background: white;
	}
	#project-display-area {
		overflow-y: visible;
		margin-top: -5%;
	}
	#project-list {
		width: 100%;
		height: 100%;
	}
	.project-button-row, .project-content-row, .portfolio-button-row {
		margin-top: 5px;
		margin-bottom: 2px;
	}
	#show_all_tree {
		border-radius: 4px !important;
	}
	#hide_all_tree {
		border-radius: 4px !important;
	}
	#show_all_projects_button #hide_all_projects_button {
		margin-left: 10px;
		padding-right: 10px;
	}
	#show_all_projects_button {
		border-radius: 4px !important;
	}
	#hide_all_projects_button {
		border-radius: 4px !important;
	}
	#hide_show_map_button {
		border-radius: 4px !important;
	}
	#add_portfolio_button {
		border-radius: 4px !important;
	}
	#add_project_button {
		border-radius: 4px !important;
	}
	#add_account_button {
		border-radius: 4px !important;
	}
	button.btn.btn-default.edit-proj-btn {
		border-radius: 4px !important;
	}
	button.btn.btn-default.show-evt-btn {
		border-radius: 4px !important;
	}
	button.btn.btn-default.show-svc-btn {
		border-radius: 4px !important;
	}
	#site-graph-tablist {
		font-size: 10px;
	}
	#site-data-table-area {
		width: 104%;
		padding-right: 16px;
		margin-bottom: 21%;
	}
	.lead {
		margin-bottom: 20px;
		font-size: 10px;
		font-weight: 300;
		line-height: 1.4;
	}
	.navbar-default .navbar-toggle {
		margin-right: 18px;
	}

	/* Edit user page */
	.navbar navbar-default navbar-static-top {
		font-size: x-small;
	}
	#editpage {
		padding-right: 0px;
		padding-left: 0px;
		margin-right: 0px;
		margin-left: 0px;
		width: 100%;
	}
	#editdetails {
		width: 140%;
	}
	#editpagebuttons {
		margin-left: 29px;
		margin-right: 31px;
	}
	#ajax_load_busy {
		top: 40%;
		left: 21%;
	}
}

/*Mobile Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width:
	736px) and (-webkit-min-device-pixel-ratio: 2) and (orientation:
	landscape) {
	/* Dashboard */
	#dashboard-new #project-selection-sidebar {
		display: flex;
		flex-flow: column;
		background-color: #28416a;
		padding-top: 5px;
		padding-bottom: 5px;
		padding-right: 10px;
		height: 100%;
		widgth: 50%;
		font-size: smaller;
	}
	#all-sites-overview-row-wrapper {
		margin-bottom: 0%;
	}
	body#dashboard-new #site-breadcrumb {
		width: 100% !important;
	}
	body#dashboard-new #site-production-summary {
		display: flex;
		flex-flow: column;
		font-size: smaller;
		position: inherit !Important;
		margin-left: 1px;
		border: 0px;
		width: 101% !important;
		background-color: rgb(228, 235, 245);
		display: initial !important;
	}
	tbody#portfoliobody {
		font-size: 12px;
	}
	body#dashboard-new #project-display-area {
		margin-top: 2%;
		height: 100%;
	}
	div#site-production-evbenefit.row.col-xs-13 {
		margin-bottom: -30%;
		width: 101.8%;
		margin-right: -10px;
	}
	.lead {
		font-size: 15px;
	}
	.small {
		font-size: 12px;
	}
	tr#projecttableheaders {
		background: white;
		font-size: 12px;
	}
	#site-production-evbenefit {
		flex-flow: inherit;
		font-size: x-small;
		margin-left: -24px;
	}
	#project-panel-table-1 {
		margin-left: -3.3%;
		font-size: 10px;
	}
	#project-panel-table-2 {
		font-size: 12px;
	}
	.navbar-default .navbar-toggle {
		margin-right: 18px;
	}
	#system-details {
		font-size: 11px;
		width: 101%;
	}
	.panel-title {
		margin: 4px 0px 0px 0px;
		line-height: 0.7;
		display: inline-block;
		/* width: 250px; */
		font-size: small;
	}
	.panel-body {
		font-size: x-small;
	}
	.benefitimages {
		margin-left: -34px;
	}
	#site-production-co2-lifetime {
		margin-right: -33px;
	}
	#user {
		margin-top: -46%;
		margin-left: 2%;
	}
}

}
@media only screen and (max-device-width: 320px) {
	#site-production-summary {
		display: flex;
		flex-flow: column;
		font-size: smaller;
		position: inherit;
		margin-left: 1px;
		border: 0px;
		width: 100%;
		margin-bottom: 3%;
		border-raduis: 3px;
	}
	#site-production-evbenefit {
		flex-flow: inherit;
		margin-bottom: 5px;
		margin-bottom: -24%;
		margin-top: 12% !important;
		margin-left: -36px !important;
		width: 115%;
	}
	#site-system-details-area {
		margin-top: 10%;
	}
	#site-overview-row-wrapper {
		font-size: smaller;
		margin-bottom: 12%;
	}
	tr#projecttableheaders {
		background: white;
		font-size: 14px;
	}
	.benefitimages {
		margin-left: -22px;
	}
	body#dashboard-new #site-system-details-area {
		margin-right: 0px;
		margin-left: 0px;
		font-size:
	}
	#system-details {
		margin-right: -39px;
		margin-left: -40px;
		font-size: 16px;
	}
	#project-panel-table-1 {
		margin-left: -3.3%;
		font-size: 7.6px;
	}
	#project-panel-table-2 {
		font-size: 8px;
	}
	#site-data-table-area {
		width: 105%;
	}
	.panel panel-default {
		margin-right: 1%;
		font-size: larger;
	}
	.panel-body {
		font-size: 54%;
		padding-right: 22px;
	}
	#ajax_load_busy {
		top: 40%;
		left: 18%;
	}
}

/* ----------- iPhone 6 ----------- */

/* Portrait */
@media only screen and (min-device-width: 375px) and (max-device-width:
	667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation:
	portrait) {
	#login-banner-text2 {
		height: 100px;
		line-height: 100px;
		text-align: center;
		vertical-align: middle;
		color: white;
		font-size: 200%;
		margin-top: -14%;
	}
	div#site-overview-row-wrapper.row {
		margin-top: 5%;
	}
	#all-sites-overview-row-wrapper {
		margin-top: 6% !Important;
	}
	.panel-content site-photo {
		width: 70%;
	}
	body#dashboard-new #site-production-summary {
		margin-top: 2%;
		border-width: 25px 0px 0px 9px;
		background-color: #e4ebf5;
	}
	#site-production-summary.row.col-xs-13 {
		background: white;
		bottom-padding: 0px;
		width: 103%;
		border-raduis: 3px;
		background: white;
	}
	.portfolio-name-content {
		font-size: 8px;
	}
	#site-production-evbenefit {
		margin-top: 40%;
		flex-flow: inherit;
		margin-bottom: 5px;
		width: 90% !important;
		font-size: x-small;
	}
	div#site-system-details-area.row {
		display: block;
		margin-top: 120%;
	}
	#project-panel-table-1 {
		margin-left: -45.3% !important;
		font-size: 8.9px !important;
	}
	#project-panel-table-2 {
		font-size: 10px !important;
		margin-left: 11.3% !important;
	}
	tr#projecttableheaders {
		background: white;
		font-size: 12px;
	}
	#system-details {
		font-size: small;
	}
	div#site-graphs-row-wrapper.row {
		margin-bottom: 45%;
	}
	div.button-space {
		margin-left: -17%;
	}
	#site-graphs {
		display: block;
		margin-bottom: 126%;
	}
	#site-data-table-area {
		margin-top: -62%;
	}
	#sidebar-button-area-1 {
		width: 100%;
		margin-bottom: 18%;
		display: flex;
	}
	#sidebar-button-area-2 {
		margin-bottom: 60%;
	}
	#show_all_tree {
		border-radius: 4px !important;
	}
	#hide_all_tree {
		border-radius: 4px !important;
	}
	#show_all_projects_button {
		border-radius: 4px !important;
	}
	#hide_all_projects_button {
		border-radius: 4px !important;
	}
	#hide_show_map_button {
		border-radius: 4px !important;
	}
	#add_portfolio_button {
		border-radius: 4px !important;
	}
	#add_project_button {
		border-radius: 4px !important;
	}
	#add_account_button {
		border-radius: 4px !important;
	}
	button.btn.btn-default.edit-proj-btn {
		border-radius: 4px !important;
	}
	button.btn.btn-default.show-evt-btn {
		border-radius: 4px !important;
	}
	button.btn.btn-default.show-svc-btn {
		border-radius: 4px !important;
	}
	#ajax_load_busy {
		top: 40%;
		left: 18%;
	}
	#site-graphs {
		margin-bottom: 60%;
	}
}

/* Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width:
	667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation:
	landscape) {
	#login-banner-text2 {
		height: 100px;
		line-height: 100px;
		text-align: center;
		vertical-align: middle;
		color: white;
		font-size: 200%;
		margin-top: -14%;
	}
	body#dashboard-new #project-selection-sidebar #project-list-area {
		width: 100%;
	}
	div#project-display-area.col-xs-8 {
		margin-top: 5%;
		height: 100%;
	}
	#site-production-summary.row.col-xs-13 {
		background: white;
		padding-top: 0px;
		width: 103%;
		border-radius: 2px;
	}
	div#site-overview-row-wrapper.row {
		font-size: large;
	}
	div#site-system-details-area.row {
		margin-top: 35%;
	}
	div#system-details {
		font-size: larger;
	}
	tr#projecttableheaders {
		background: white;
		font-size: 11px !important;
	}
	tbody#portfoliobody {
		font-size: 10px !important;
	}
	div#site-graphs-row-wrapper.row {
		margin-bottom: 5%;
	}
	.portfolio-name-column {
		font-size: 9px;
	}
	panel-body system-panel-body {
		font-size: small;
	}
	div.button-space {
		margin-left: -4%;
	}
	#site-graphs {
		display: block;
		margin-bottom: 56%;
	}
	#site-data-table-area {
		
	}
	.panel panel-primary {
		font-size: large;
	}
	#system-details {
		font-size: small;
	}
	#site-production-evbenefit {
		flex-flow: inherit;
		margin-bottom: 5px;
		width: 103.5%;
		padding-left: 25px;
		padding-right: 5px;
		font-size: large;
	}
	.panel panel-default {
		font-size: large;
	}
	.navbar-default .navbar-toggle {
		margin-right: 35px;
	}
	#all-sites-overview-row-wrapper {
		margin-top: 10%;
		font-size: x-large;
	}
	#project-list-area {
		width: 102.3%;
	}
	#site-data-table-area {
		width: 102.5%;
		padding-right: 16px;
	}
	#sidebar-button-area-1 {
		width: 100%;
		margin-bottom: 5%;
		display: flex;
	}
	#sidebar-button-area-2 {
		margin-bottom: 2%;
	}
	#show_all_tree {
		border-radius: 4px !important;
	}
	#hide_all_tree {
		border-radius: 4px !important;
	}
	#show_all_projects_button {
		border-radius: 4px !important;
	}
	#hide_all_projects_button {
		border-radius: 4px !important;
	}
	#hide_show_map_button {
		border-radius: 4px !important;
	}
	#add_portfolio_button {
		border-radius: 4px !important;
	}
	#add_project_button {
		border-radius: 4px !important;
	}
	#add_account_button {
		border-radius: 4px !important;
	}
	button.btn.btn-default.edit-proj-btn {
		border-radius: 4px !important;
	}
	button.btn.btn-default.show-evt-btn {
		border-radius: 4px !important;
	}
	button.btn.btn-default.show-svc-btn {
		border-radius: 4px !important;
	}
	#ajax_load_busy {
		top: 40%;
		left: 45%;
	}
}

/* ----------- iPhone 6+ ----------- */

/* Portrait */
@media only screen and (min-device-width: 414px) and (max-device-width:
	736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation:
	portrait) {
	#login-banner-text2 {
		height: 100px;
		line-height: 100px;
		text-align: center;
		vertical-align: middle;
		color: white;
		font-size: 200%;
		margin-top: -14%;
	}
	body#dashboard-new #project-display-area {
		display: flex;
		flex-flow: column;
		padding-top: 5px;
		padding-bottom: 5px;
		padding-right: 10px;
		height: 100%;
		width: 100%;
		margin-top: 7% !important;
		height: 298vh;
		overflow-x: hidden;
	}
	body#dashboard-new #site-production-summary {
		padding-bottom: 0px;
		margin-bottom: -1%;
		margin-top: 2%;
		border-width: 4px 0px 0px 9px;
		width: 100% !important;
		position: inherit !important;
		border-top-width: 0px !important;
	}
	#site-production-summary.row.col-xs-13 {
		width: 102%;
		border-radius: 2px;
	}
	#site-production-evbenefit {
		padding-top: 0px;
		margin-bottom: 5px;
		width: 96.1% !important;
		margin-left: -2%;
		font-size: x-small;
		margin-bottom: -20%;
		margin-top: 35%;
		padding-right: 18px;
	}
	#body#dashboard-new #project-display-area {
		margin-top: 25%;
		height: 298vh;
		overflow-x: hidden;
	}
	div#site-overview-row-wrapper.row {
		font-size: large;
	}
	.portfolio-name-content {
		font-size: xx-small;
	}
	#all-sites-overview-row-wrapper {
		margin-top: 1%;
		font-size: large;
	}
	tr#projecttableheaders {
		background: white;
		font-size: 12px;
	}
	#sidebar-button-area-1 {
		width: 100%;
		margin-bottom: 18%;
		display: flex;
	}
	#sidebar-button-area-2 {
		margin-top: -12px;
		margin-bottom: 45%;
		background-color: #28416a;
	}
	#show_all_tree {
		border-radius: 4px !important;
	}
	#hide_all_tree {
		border-radius: 4px !important;
	}
	#show_all_projects_button {
		border-radius: 4px !important;
	}
	#hide_all_projects_button {
		border-radius: 4px !important;
	}
	#hide_show_map_button {
		border-radius: 4px !important;
	}
	#add_portfolio_button {
		border-radius: 4px !important;
	}
	#add_project_button {
		border-radius: 4px !important;
	}
	#add_account_button {
		border-radius: 4px !important;
	}
	button.btn.btn-default.edit-proj-btn {
		border-radius: 4px !important;
	}
	button.btn.btn-default.show-evt-btn {
		border-radius: 4px !important;
	}
	button.btn.btn-default.show-svc-btn {
		border-radius: 4px !important;
	}
	#system-details {
		font-size: small;
	}
	#site-data-table {
		font-size: xx-small;
	}
	div#site-graphs-row-wrapper.row {
		margin-bottom: -20%;
	}
	div.button-space {
		margin-left: -6%;
	}
	#site-graphs {
		display: block;
		margin-bottom: 126%;
	}
	#site-data-table-area {
		margin-top: -27%;
	}
	#site-data-table-area {
		margin-top: 12px;
		margin-right: 25px;
	}
	.panel-body {
		font-size: 52%;
		padding-right: 26px;
	}
	#portfolio-projects-table {
		font-size: small;
	}
	.navbar-default .navbar-toggle {
		margin-right: 18px;
	}
	#ajax_load_busy {
		top: 40%;
		left: 17%;
	}
	.lead {
		margin-left: 1%;
	}
	.small, small {
		margin-left: 1%;
	}
}

/* Landscape */
@media only screen and (min-device-width: 414px) and (max-device-width:
	736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation:
	landscape) {
	#login-banner-text2 {
		height: 100px;
		line-height: 100px;
		text-align: center;
		vertical-align: middle;
		color: white;
		font-size: 200%;
		margin-top: -14%;
	}
	#site-production-summary.row.col-xs-13 {
		background: white;
		padding-top: 0px;
		padding-bottom: 35%;
		width: 102%;
		border-radius: 3px;
	}
	div#site-production-evbenefit.row.col-xs-13 {
		width: 100%;
		margin-top: 0%;
		font-size: xx-large;
	}
	#site-production-evbenefit {
		flex-flow: inherit;
		padding-top: 19px;
		margin-bottom: -20%;
	}
	.benefitimages {
		maring-right: -42px;
	}
	#all-sites-overview-row-wrapper {
		margin-top: 12%;
	}
	#project-panel-table-1 {
		font-size: 10.5px;
	}
	#project-panel-table-2 {
		font-size: 11.5px;
	}
	#site-data-table-area {
		padding-right: 16px;
		margin-bottom: -20%;
	}
	.navbar-default .navbar-toggle {
		margin-right: 36px;
		margin-top: 12px;
	}
	body#dashboard-new #project-selection-sidebar #project-list-area {
		flex: 1 1 auto;
		margin-top: 5px;
		margin-left: -5px;
		overflow-y: scroll;
		overflow-x: hidden;
		width: 101%;
	}
	div#project-list.project-list {
		font-size: small;
	}
	tr#projecttableheaders {
		background: white;
		font-size: 12px;
	}
	#sidebar-button-area-1 {
		margin-bottom: 4%;
		display: flex;
	}
	#sidebar-button-area-2 {
		margin-top: -12px;
		margin-bottom: 3%;
	}
	#show_all_tree {
		border-radius: 4px !important;
	}
	#hide_all_tree {
		border-radius: 4px !important;
	}
	#show_all_projects_button {
		border-radius: 4px !important;
	}
	#hide_all_projects_button {
		border-radius: 4px !important;
	}
	#hide_show_map_button {
		border-radius: 4px !important;
	}
	#add_portfolio_button {
		border-radius: 4px !important;
	}
	#add_project_button {
		border-radius: 4px !important;
	}
	#add_account_button {
		border-radius: 4px !important;
	}
	button.btn.btn-default.edit-proj-btn {
		border-radius: 4px !important;
	}
	button.btn.btn-default.show-evt-btn {
		border-radius: 4px !important;
	}
	button.btn.btn-default.show-svc-btn {
		border-radius: 4px !important;
	}
	div#site-system-details-area.row {
		margin-top: 72%;
		font-size: large;
	}
	div#site-overview-row-wrapper.row {
		font-size: x-large;
		margin-bottom: 12%;
	}
	#site-graphs {
		display: block;
		margin-bottom: 126%;
	}
	#ajax_load_busy {
		top: 40%;
		left: 18%;
	}
}

/* Iphone 5 and smaller Portrait mobile views */
@media only screen and (min-device-width: 320px) and (max-device-width:
	568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation:
	portrait) {
	body {
		overflow: none;
	}
	#login-banner-text2 {
		height: 100px;
		line-height: 100px;
		text-align: center;
		vertical-align: middle;
		color: white;
		font-size: 200%;
		margin-top: -14%;
	}
	.navbar-default .navbar-toggle {
		margin-right: 18px;
	}
	body#dashboard-new #site-breadcrumb {
		width: 100% !important;
	}
	body#dashboard-new #site-production-summary {
		margin-top: 0px;
		padding-bottom: 1%;
		border-width: 0px 0px 0px 0px;
		position: inherit !important;
		width: 94% !important;
		margin-right: 1%;
		margin-left: 7%;
		display: initial;

		/* margin-bottom: -10%; */
	}
	.benefitimages {
		margin-left: -37px;
	}
	.panel-content site-photo {
		width: 70%;
	}
	#site-production-summary.row.col-xs-13 {
		padding-top: 0px;
		padding-bottom: 37%;
		width: 104%;
		border-raduis: 3px;
		padding-right: 6px;
	}
	#site-production-evbenefit {
		flex-flow: inherit;
		margin-left: 38px !important;
		margin-right: -9px !important;
		font-size: large;
		margin-bottom: 10%;
		padding-top: 5%;
		margin-top: 0%;
	}
	.lead {
		margin-bottom: 20px;
		font-size: 11px;
		font-weight: 300;
		line-height: 1.4;
		margin-left: -13px;
	}
	#all-sites-overview-row-wrapper {
		margin-top: 53%;
	}
	div#site-overview-row-wrapper.row {
		margin-top: 10%;
	}
	#project-panel-table-1 {
		font-size: 6.5px;
	}
	#project-panel-table-2 {
		font-size: 7.5px;
	}
	#system-details {
		font-size: small;
	}
	div#site-graphs-row-wrapper.row {
		margin-bottom: 0%;
	}
	div.button-space {
		margin-left: -10%;
	}
	.row project-button-row {
		margin-left: -26%;
	}
	#site-graphs {
		display: block;
		margin-bottom: 126%;
	}
	#site-data-table-area {
		margin-top: 0%;
	}
	tr#projecttableheaders {
		background: white;
		font-size: 6.9px;
	}
	tbody#portfoliobody {
		font-size: 8px;
	}
	#portfolioheading {
		border-top-color: white;
		border-left-color: white;
		border-right-color: white;
	}
	#projectsheading {
		border-top-color: white;
		border-left-color: white;
		border-right-color: white;
	}
	#statusheading {
		border-top-color: white;
		border-left-color: white;
		border-right-color: white;
	}
	#sizeheading {
		border-top-color: white;
		border-left-color: white;
		border-right-color: white;
	}
	#nowheading {
		border-top-color: white;
		border-left-color: white;
		border-right-color: white;
	}
	#todayheading {
		border-top-color: white;
		border-left-color: white;
		border-right-color: white;
	}
	#lifetimeheading {
		border-top-color: white;
		border-left-color: white;
		border-right-color: white;
		padding-right: 2px;
	}
	.btn-group-vertical>.btn, .btn-group>.btn {
		width: 100%;
		border_radius: 0;
	}
	#user {
		margin-top: -46%;
		margin-left: 2%;
	}
	.portfolio-name-content {
		font-size: 7px;
	}
	.panel-heading {
		width: 100%;
	}
	.panel-body system-panel-body {
		margin-left: 21%;
	}
	#site-data-table-area {
		width: 104.1%;
		padding-right: 16px;
	}
	#sidebar-button-area-1 {
		margin-top: -1px;
		margin-bottom: 5%;
		display: flex;
	}
	#sidebar-button-area-2 {
		margin-top: -2px;
		margin-bottom: 1% !important;
		z-index: 1;
		margin-left: -1%;
		background-color: #28416a;
	}
	#dashboard-new #project-selection-sidebar {
		padding-bottom: 0px !important;
	}
	div#sidebar-button-area-1.btn-group {
		margin-left: -1%;
		width: 109% !important;
		margin-left: -5% !important;
	}
	#show_all_tree {
		border-radius: 4px !important;
	}
	#hide_all_tree {
		border-radius: 4px !important;
	}
	#show_all_projects_button {
		border-radius: 4px !important;
	}
	#hide_all_projects_button {
		border-radius: 4px !important;
	}
	#hide_show_map_button {
		border-radius: 4px !important;
	}
	#add_portfolio_button {
		border-radius: 4px !important;
	}
	#add_project_button {
		border-radius: 4px !important;
	}
	#add_account_button {
		border-radius: 4px !important;
	}
	button.btn.btn-default.edit-proj-btn {
		border-radius: 4px !important;
	}
	button.btn.btn-default.show-evt-btn {
		border-radius: 4px !important;
	}
	button.btn.btn-default.show-svc-btn {
		border-radius: 4px !important;
	}
	#ajax_load_busy {
		top: 40%;
		left: 22%;
	}
}

/* Iphone 5 and smaller Landscape mobile views */
@media only screen and (min-device-width: 320px) and (max-device-width:
	568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation:
	landscape) {
	#rememberMe2 {
		width: 30%;
		height: 22px;
		margin-top: 8px;
	}
	#login-banner-text2 {
		height: 100px;
		line-height: 100px;
		text-align: center;
		vertical-align: middle;
		color: white;
		font-size: 200%;
		margin-top: -14%;
	}
	#sidebar-collapse-button {
		z-index: 100;
		position: fixed;
		top: 9.8%;
		left: 34.1%;
		width: 30px;
		height: 30px;
		outline: none;
		top: 9.8%;
		left: 34.1%;
		width: 30px;
		height: 30px;
	}
	#site-production-summary.row.col-xs-13 {
		background: white;
		padding-top: 0px;
		padding-bottom: 35%;
		width: 103%;
		border-radius: 2px;
		margin-left: -7px;
	}
	#site-production-evbenefit {
		flex-flow: inherit;
		padding-left: 1%;
		width: 101%;
		font-size: x-large;
		margin-bottom: -11.5%;
		margin-top: 0%;
		margin-left: -4px;
	}
	div#site-overview-row-wrapper.row {
		font-size: x-large;
		margin-bottom: -20%;
		margin-top: 20% !important;
	}
	div#site-production-evbenefit.row.col-xs-13 {
		margin-bottom: -30%;
		width: 102%;
		margin-right: 10%;
	}
	#site-evbenefit-content {
		margin-left: 0px !important;
	}
	#project-panel-table-1 {
		margin-left: -8.5% !important;
		margin-left: 25%;
	}
	tr#projecttableheaders {
		background: white;
		font-size: 12px;
	}
	.panel panel-default {
		font-size: larger;
	}
	div#system-details {
		font-size: larger;
	}
	div#site-graphs-row-wrapper.row {
		margin-bottom: 5%;
		margin-top: 24%;
	}
	panel-body system-panel-body {
		font-size: small;
	}
	div.button-space {
		margin-left: -4%;
	}
	#site-graphs {
		display: block;
		margin-bottom: 56%;
	}
	.panel panel-primary {
		font-size: large;
	}
	#site-production-summary {
		padding-top: 10px;
	}
	div#site-production-summary.row.col-xs-13 {
		
	}
	.panel panel-default {
		font-size: large;
	}
	#sidebar-button-area-1 {
		width: 100%;
		margin-bottom: 0.5% !important;
		margin-left: -2% !important;
		display: flex;
	}
	#show_all_tree {
		border-radius: 4px !important;
	}
	#hide_all_tree {
		border-radius: 4px !important;
	}
	#show_all_projects_button {
		border-radius: 4px !important;
	}
	#hide_all_projects_button {
		border-radius: 4px !important;
	}
	#hide_show_map_button {
		border-radius: 4px !important;
	}
	#add_portfolio_button {
		border-radius: 4px !important;
	}
	#add_project_button {
		border-radius: 4px !important;
	}
	#add_account_button {
		border-radius: 4px !important;
	}
	button.btn.btn-default.edit-proj-btn {
		border-radius: 4px !important;
	}
	button.btn.btn-default.edit-proj-btn {
		border-radius: 4px !important;
	}
	button.btn.btn-default.show-evt-btn {
		border-radius: 4px !important;
	}
	button.btn.btn-default.show-svc-btn {
		border-radius: 4px !important;
	}
	#system-details {
		width: 100%;
		margin-left: 1px;
	}
	#site-data-table-area {
		width: 102.5%;
		margin-top: 1%;
	}
	.alert alert-danger {
		margin-top: 25%;
	}
	#portfolio-projects-table {
		margin-right: 1px;
		font-size: larger;
	}
	.panel-body {
		font-size: 45%;
		padding-right: 19px;
	}
	#ajax_load_busy {
		top: 40%;
		left: 30%;
	}
}

@media only screen and (min-width : 250px) and (max-width : 458px) {
	#rememberMe2 {
		width: 16%;
		height: 30px;
		margin-top: -18%;
		margin-left: 91%;
		-moz-margin-end: -96%;
	}
	#remembermelable {
		width: 42%;
		font-size: small;
		-moz-margin-start: 4%;
		display: inline;
	}
	#navbar-logo {
		width: 18%;
		padding-left: 1%;
	}
	body#dashboard-new #project-display-area {
		margin-top: 16%;
		overflow-x: hidden;
		-webkit-padding-before: -4px;
	}
	body#dashboard-new #site-breadcrumb {
		background-color: #1a222f;
		color: white;
		width: 33.3%;
	}
	#sidebar-collapse-button {
		z-index: 100;
		top: inherit !important;
		width: 30px;
		height: 30px;
		outline: none;
		margin-left: -0.66%;
	}
	.portfolio-name-column {
		font-size: smaller;
	}
	.body#dashboard-new #site-production-summary {
		display: flex;
		flex-flow: column;
		font-size: smaller;
		position: fixed;
		width: 65%;
		border-width: 55px 0px 0px 2px;
		padding-bottom: 0px;
		margin-left: -11px;
	}
	.site-production-value {
		font-size: medium;
	}
	#site-data-table {
		font-size: medium;
	}
	.breadcrumb>li {
		font-size: 8px;
	}
	.lead {
		font-size: 8.5px;
		margin-left: 30%;
	}
	.small, small {
		font-size: 8.5px;
		margin-left: 34%;
	}
	.thunderbolt {
		margin-left: -185%;
		-moz-margin-start: -185%;
	}
	.benefitimages {
		margin-left: -30px;
		-moz-margin-start: -35px;
	}
	#site-production-tree-lifetime {
		margin-left: -10%;
	}
	#clouds {
		margin-right: 10%;
		moz-margin-start: -1%;
	}
	#site-photo img, .site-photo img {
		float: left;
		width: 0%;
		height: auto;
		margin-left: -35%;
	}
	#site-production-co2-lifetime {
		margin-left: -9%;
	}
	#project-panel-table-1 {
		font-size: 7.45px;
		margin-left: -104.1%;
		-moz-margin-start: -120%;
	}
	#project-panel-table-2 {
		font-size: 6.5px;
		margin-left: -17%;
		-moz-margin-start: -22%;
	}
	.cust-dash-btn {
		font-size: x-small;
	}
	.sys-dash-btn {
		font-size: x-small;
	}
	.kiosk-dash-btn {
		font-size: x-small;
	}
	#site-production-co2-lifetime #site-production-tree-lifetime {
		margin-left: 10%;
	}
	.project-button-row {
		margin-right: 49%;
	}
	#site-summary-content {
		margin-left: -36px;
	}
	.table-responsive {
		min-height: .01%;
		overflow-x: hidden;
		height: 415px;
		overflow-y: auto !IMPORTANT;
	}
	tr#projecttableheaders {
		background: white;
		font-size: 6.7px;
	}
	#portfolio-projects-table {
		margin-right: 1px;
		font-size: 7px;
	}
	.btn-md {
		width: 2%;
		display: inline-table;
		border-radius: 3px;
	}
	#portfolioheading {
		border-top-color: white;
		border-left-color: white;
		border-right-color: white;
	}
	#projectsheading {
		border-top-color: white;
		border-left-color: white;
		border-right-color: white;
	}
	#statusheading {
		border-top-color: white;
		border-left-color: white;
		border-right-color: white;
	}
	.portfolio-project-status-column {
		width: 100%;
	}
	.btn btn-primary btn-md btn-success {
		width: 100%;
	}
	#sizeheading {
		border-top-color: white;
		border-left-color: white;
		border-right-color: white;
	}
	#nowheading {
		border-top-color: white;
		border-left-color: white;
		border-right-color: white;
	}
	#todayheading {
		border-top-color: white;
		border-left-color: white;
		border-right-color: white;
	}
	#lifetimeheading {
		border-top-color: white;
		border-left-color: white;
		border-right-color: white;
		padding-right: 2px;
	}
	#hide_show_map_button {
		margin-bottom: 3%;
	}
	#sidebar-button-area-1 {
		margin-top: -1px;
		margin-left: 0%;
		-moz-margin-start: 0%;
		display: block;
	}
	#sidebar-button-area-2 {
		margin-top: -1px;
		margin-bottom: 104%;
		border-top-right-radius: 4px !important;
		border-bottom-right-radius: 4px !important;
		background-color: #28416a;
	}
	#show_all_projects_button {
		border-radius: 4px !important;
		font-size: 7px;
	}
	#hide_all_projects_button {
		border-radius: 4px !important;
		font-size: 7px;
	}
	#hide_show_map_button {
		border-radius: 4px !important;
		font-size: 7px;
	}
	#add_portfolio_button {
		border-radius: 4px !important;
		font-size: 7px;
	}
	#add_project_button {
		border-radius: 4px !important;
		font-size: 7px;
	}
	#add_account_button {
		border-radius: 4px !important;
		font-size: 7px;
	}
	button.btn.btn-default.edit-proj-btn {
		border-radius: 4px !important;
		font-size: 7px;
	}
	button.btn.btn-default.edit-proj-btn {
		border-radius: 4px !important;
		font-size: 7px;
	}
	button.btn.btn-default.show-sys-btn {
		border-radius: 4px !important;
		font-size: 7px;
	}
	button.btn.btn-default.show-evt-btn {
		border-radius: 4px !important;
		font-size: 7px;
	}
	button.btn.btn-default.show-svc-btn {
		border-radius: 4px !important;
		font-size: 7px;
	}
	#all-sites-overview-row-wrapper {
		margin-top: 29%;
	}
	.site-photo {
		width: 65%;
	}
	.panel-title {
		font-size: 8px;
	}
	body#dashboard-new #project-display-area #site-overview-row-wrapper {
		margin-top: -4%;
	}
	#site-evbenefit-content {
		margin-left: -58px;
		-moz-margin-end: -3%;
	}
	#site-production-evbenefit {
		flex-flow: inherit;
		padding-left: 0%;
		margin-right: 1%;
		margin-left: -3%;
		font-size: x-small;
		margin-bottom: -24.7%;
		margin-top: 5%;
		-moz-margin-end: 26%;
		-moz-margin-start: -3%;
		-moz-padding-end: 0%;
	}
	.panel-title {
		font-size: 11px;
	}
	#ajax_load_busy {
		top: 39%;
		left: 30%;
	}
	div#site-inverter-details-area.row {
		margin-top: 36%;
	}
}

@media only screen and (min-width : 459px) and (max-width : 567px) {
	#rememberMe2 {
		width: 16%;
		height: 29px;
		margin-top: -21px;
		margin-left: 91%;
		/* margin-right: -45%; */
		-moz-margin-start: 70%;
	}
	#remembermelable {
		width: 42%;
		font-size: small;
		display: inline;
		-moz-margin-start: 4%;
	}
	#navbar-logo {
		width: 18%;
		padding-left: 1%;
	}
	body#dashboard-new #project-display-area {
		margin-top: 17%;
		overflow-x: hidden;
	}
	body#dashboard-new #site-breadcrumb {
		background-color: #1a222f;
		color: white;
		width: 33.3%;
	}
	#sidebar-collapse-button {
		z-index: 100;
		position: fixed;
		top: inherit !Important;
		width: 30px;
		height: 30px;
		outline: none;
		margin-left: -0.66%;
	}
	.portfolio-name-column {
		font-size: smaller;
	}
	body#dashboard-new #site-production-summary {
		display: flex;
		flex-flow: column;
		font-size: smaller;
		position: fixed;
		width: 65%;
		border-width: 55px 0px 0px 2px;
		padding-bottom: 0px;
		margin-left: -11px;
	}
	p.lead.text-left.site-production-value {
		margin-left: -28%;
	}
	.site-production-value {
		font-size: medium;
	}
	#site-data-table {
		font-size: medium;
	}
	.breadcrumb>li {
		font-size: 8px;
	}
	.thunderbolt {
		margin-left: -126%;
	}
	.lead {
		font-size: 8.8px;
		margin-left: -20%;
		/* margin-right: 10%; */
		-moz-margin-start: 14%;
	}
	.small, small {
		font-size: 8.4px;
		margin-left: -21%;
		-moz-margin-start: 31%;
	}
	.panel-title {
		font-size: small;
	}
	.benefitimages {
		margin-left: -38px;
		-moz-margin-start: 47px;
	}
	body#dashboard-new #project-selection-sidebar #project-list-area #portfolio-projects-table .project-column
		{
		vertical-align: middle;
		text-align: center;
	}
	#site-photo img, .site-photo img {
		float: left;
		width: 0%;
		height: auto;
		margin-left: -29%;
	}
	#project-panel-table-1 {
		font-size: 8.7px;
		margin-left: -99.6%;
		-moz-margin-start: -82%;
	}
	#project-panel-table-2 {
		font-size: 8.3px;
		margin-left: -11%;
	}
	.project-button-row {
		margin-right: 52%;
	}
	#site-summary-content {
		margin-left: -11%;
	}
	.table-responsive {
		min-height: .01%;
		overflow-x: hidden;
		height: 415px;
		overflow-y: auto !IMPORTANT;
	}
	tr#projecttableheaders {
		background: white;
		font-size: 6.7px;
	}
	#portfolio-projects-table {
		margin-right: 1px;
		font-size: 7px;
	}
	.btn-md {
		width: 2%;
		display: inline-table;
		border-radius: 3px;
	}
	#portfolioheading {
		border-top-color: white;
		border-left-color: white;
		border-right-color: white;
	}
	#projectsheading {
		border-top-color: white;
		border-left-color: white;
		border-right-color: white;
	}
	#statusheading {
		border-top-color: white;
		border-left-color: white;
		border-right-color: white;
	}
	.portfolio-project-status-column {
		width: 100%;
	}
	.btn btn-primary btn-md btn-success {
		width: 100%;
	}
	#sizeheading {
		border-top-color: white;
		border-left-color: white;
		border-right-color: white;
	}
	#nowheading {
		border-top-color: white;
		border-left-color: white;
		border-right-color: white;
	}
	#todayheading {
		border-top-color: white;
		border-left-color: white;
		border-right-color: white;
	}
	#lifetimeheading {
		border-top-color: white;
		border-left-color: white;
		border-right-color: white;
		padding-right: 2px;
	}
	#sidebar-button-area-1 {
		margin-top: -1px;
		margin-left: 0%;
		margin-bottom: 2%;
	}
	#show_all_tree {
		font-size: xx-small;
	}
	#hide_all_tree {
		font-size: xx-small;
	}
	#show_all_projects_button {
		font-size: xx-small;
	}
	#hide_all_projects_button {
		font-size: xx-small;
	}
	#hide_show_map_button {
		font-size: xx-small;
	}
	#sidebar-button-area-2 {
		margin-top: -1px;
		margin-bottom: 104%;
		border-top-right-radius: 4px !important;
		border-bottom-right-radius: 4px !important;
		background-color: #28416a;
	}
	#show_all_projects_button {
		border-radius: 4px !important;
		font-size: 8.2px;
	}
	#hide_all_projects_button {
		border-radius: 4px !important;
		font-size: 8.2px;
	}
	#hide_show_map_button {
		border-radius: 4px !important;
		font-size: 8.2px;
	}
	#add_portfolio_button {
		border-radius: 4px !important;
		font-size: 8.2px;
	}
	#add_project_button {
		border-radius: 4px !important;
		font-size: 8.2px;
	}
	#add_account_button {
		border-radius: 4px !important;
		font-size: 8.2px;
	}
	button.btn.btn-default.edit-proj-btn {
		border-radius: 4px !important;
		font-size: 8.2px;
	}
	button.btn.btn-default.show-sys-btn {
		border-radius: 4px !important;
		font-size: 8.2px;
	}
	button.btn.btn-default.show-evt-btn {
		border-radius: 4px !important;
		font-size: 8.2px;
	}
	button.btn.btn-default.show-svc-btn {
		border-radius: 4px !important;
		font-size: 8.2px;
	}
	#all-sites-overview-row-wrapper {
		margin-top: 11%;
		font-size: xx-small;
	}
	.site-photo {
		width: 65%;
	}
	body#dashboard-new #project-display-area #site-overview-row-wrapper {
		margin-top: -4%;
	}
	#site-evbenefit-content {
		margin-left: -71px;
		-moz-margin-end: 7%;
	}
	#site-production-evbenefit {
		flex-flow: inherit;
		width: 123%;
		font-size: x-small;
		margin-bottom: -5.7%;
		margin-top: 0%;
		-moz-padding-end: 6%;
		-moz-margin-end: -14%;
		-moz-padding-start: 2%;
	}
	div#site-production-co2-lifetime.col-xs-3 {
		margin-left: -5%;
	}
}

@media only screen and (min-width : 569px) and (max-width : 766px) {
	#rememberMe2 {
		width: 15.5%;
		margin-top: -15%;
		margin-left: 12px;
		float: right;
		-moz-margin-start: -5%;
	}
	#remembermelable {
		width: 15%;
		font-size: small;
		display: inline;
	}
	#navbar-logo {
		width: 21%;
		padding-left: 4%;
		-moz-padding-end: 1%;
	}
	body#dashboard-new #project-display-area {
		margin-top: 7%;
		height: 298vh;
		overflow-x: hidden;
		-webkit-padding-before: -2em;
	}
	body#dashboard-new #site-breadcrumb {
		background-color: #1a222f;
		color: white;
		width: 33.35%;
	}
	#sidebar-collapse-button {
		z-index: 100;
		position: fixed;
		top: inherit !Important;
		width: 30px;
		height: 30px;
		margin-left: -0.65%;
		outline: none;
	}
	.portfolio-name-column {
		font-size: smaller;
	}
	.panel-title {
		font-size: small;
	}
	.panel-body {
		font-size: x-small;
	}
	body#dashboard-new #site-production-summary {
		display: flex;
		flex-flow: column;
		font-size: smaller;
		position: fixed;
		width: 65%;
		border-width: 55px 0px 0px 7px;
		padding-bottom: 0px;
		border-width: 55px 0px 0px 7px;
	}
	#site-data-table {
		font-size: medium;
	}
	.thunderbolt {
		margin-left: -13%;
	}
	.lead {
		font-size: 10.7px;
		margin-left: -7%;
	}
	.small, small {
		font-size: 10px;
		margin-left: 10%;
	}
	#project-panel-table-1 {
		font-size: 11px;
		margin-left: -82%;
		-moz-margin-start: -90%;
	}
	#project-panel-table-2 {
		font-size: 11px;
	}
	.btn-md {
		width: 2%;
		display: inline-table;
		border-radius: 3px;
	}
	body#dashboard-new #project-selection-sidebar #project-list-area #portfolio-projects-table .project-column
		{
		vertical-align: middle;
		text-align: center;
	}
	tr#projecttableheaders {
		background: white;
		font-size: 6px;
	}
	#portfolio-projects-table {
		margin-right: 1px;
		font-size: 7px;
	}
	#portfolioheading {
		border-top-color: white;
		border-left-color: white;
		border-right-color: white;
	}
	#projectsheading {
		border-top-color: white;
		border-left-color: white;
		border-right-color: white;
	}
	#statusheading {
		border-top-color: white;
		border-left-color: white;
		border-right-color: white;
	}
	.portfolio-project-status-column {
		width: 100%;
	}
	.btn btn-primary btn-md btn-success {
		width: 100%;
	}
	#sizeheading {
		border-top-color: white;
		border-left-color: white;
		border-right-color: white;
	}
	#nowheading {
		border-top-color: white;
		border-left-color: white;
		border-right-color: white;
	}
	#todayheading {
		border-top-color: white;
		border-left-color: white;
		border-right-color: white;
	}
	#lifetimeheading {
		border-top-color: white;
		border-left-color: white;
		border-right-color: white;
		padding-right: 2px;
	}
	#hide_show_map_button {
		margin-bottom: 5%;
	}
	#sidebar-button-area-1 {
		margin-top: -1px;
		margin-bottom: 1%;
		-webkit-padding-after: 0em;
		margin-left: 0%;
	}
	#show_all_projects_button {
		border-radius: 4px !important;
		font-size: 9px;
	}
	#hide_all_projects_button {
		border-radius: 4px !important;
		font-size: 9px;
	}
	#hide_show_map_button {
		border-radius: 4px !important;
		font-size: 9px;
	}
	#add_portfolio_button {
		border-radius: 4px !important;
		font-size: 9px;
	}
	#add_project_button {
		border-radius: 4px !important;
		font-size: 9px;
	}
	#add_account_button {
		border-radius: 4px !important;
		font-size: 9px;
	}
	button.btn.btn-default.edit-proj-btn {
		border-radius: 4px !important;
		font-size: 9px;
	}
	button.btn.btn-default.show-evt-btn {
		border-radius: 4px !important;
		font-size: 9px;
	}
	button.btn.btn-default.show-sys-btn {
		border-radius: 4px !important;
		font-size: 9px;
	}
	button.btn.btn-default.show-svc-btn {
		border-radius: 4px !important;
		font-size: 9px;
	}
	#all-sites-overview-row-wrapper {
		margin-top: 15%;
	}
	body#dashboard-new #project-display-area #site-overview-row-wrapper {
		margin-top: -4%;
	}
	#site-production-evbenefit {
		flex-flow: inherit;
		padding-left: 1.9%;
		width: 117%;
		font-size: x-small;
		margin-bottom: 1.3%;
		-moz-padding-end: 11.8%;
		margin-top: 2%;
		margin-bottom: -8.7%;
		-webkit-padding-before: -4px;
	}
	#project-list-area {
		margin-top: 7.5%;
	}
	tbody#portfoliobody {
		font-size: 8.4px;
	}
	.portfolio-name-content {
		font-size: 6.7px;
	}
	.benefitimages {
		margin-left: -24px;
		-moz-margin-start: -33px;
	}
	#site-evbenefit-content {
		margin-left: -44px;
		-moz-margin-end: 2%;
	}
	#site-photo img, .site-photo img {
		float: left;
		width: 0%;
		height: auto;
		margin-left: -7%;
	}
	#navbar-logo {
		width: 17%;
		padding-left: 2%;
		-moz-padding-end: 1%;
	}
	.project-button-row, .project-content-row, .portfolio-button-row {
		display: inline-block;
		margin-top: none;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		float: right;
		margin-right: 41%;
	}
	#datepicker_dash_daily, #datepicker_dash_monthly,
		#datepicker_dash_yearly, #datepicker_dash_total, #datepicker_top_daily,
		#datepicker_top_monthly, #datepicker_top_yearly, #datepicker_top_total
		{
		float: right;
		width: 95px;
		height: 30px;
		text-align: center;
		background-color: #eee;
		border: 1px solid #ccc;
	}
}

@media only screen and (min-width : 769px) and (max-width : 896px) {
	#rememberMe2 {
		width: 15.5%;
		height: 21px;
		margin-top: 2%;
		margin-left: -16px;
		-moz-margin-start: -7%;
	}
	#remembermelable {
		width: 35%;
		font-size: small;
	}
	#navbar-logo {
		width: 21%;
		padding-left: 4%;
		-moz-padding-end: 1%;
	}
	body#dashboard-new #project-display-area {
		margin-top: 12%;
		height: 298vh;
		overflow-x: hidden;
	}
	body#dashboard-new #site-breadcrumb {
		background-color: #1a222f;
		color: white;
		width: 33.35%;
	}
	#sidebar-collapse-button {
		z-index: 100;
		position: fixed;
		top: inherit !Important;
		width: 30px;
		height: 30px;
		outline: none;
		margin-left: -0.66%;
	}
	.portfolio-name-column {
		font-size: smaller;
	}
	.panel-title {
		font-size: 15px;
	}
	.panel-body {
		font-size: x-small;
	}
	body#dashboard-new #site-production-summary {
		display: flex;
		flex-flow: column;
		font-size: smaller;
		position: fixed;
		width: 65%;
		border-width: 80px 0px 0px 7px !important;
		padding-bottom: 0px;
	}
	#site-data-table {
		font-size: medium;
	}
	.thunderbolt {
		margin-left: 1%;
	}
	.lead {
		font-size: 13.4px;
		margin-left: -21%;
	}
	.small, small {
		font-size: 128%;
		margin-left: -8%;
	}
	#project-panel-table-1 {
		font-size: 12px;
		margin-left: -40%;
	}
	#project-panel-table-2 {
		font-size: 12px;
	}
	.btn-md {
		width: 2%;
		display: inline-table;
		border-radius: 3px;
	}
	body#dashboard-new #project-selection-sidebar #project-list-area #portfolio-projects-table .project-column
		{
		vertical-align: middle;
		text-align: center;
	}
	tr#projecttableheaders {
		background: white;
		font-size: 7.2px;
	}
	#portfolio-projects-table {
		margin-right: 1px;
		font-size: 7px;
	}
	#portfolioheading {
		border-top-color: white;
		border-left-color: white;
		border-right-color: white;
	}
	#projectsheading {
		border-top-color: white;
		border-left-color: white;
		border-right-color: white;
	}
	#statusheading {
		border-top-color: white;
		border-left-color: white;
		border-right-color: white;
	}
	.portfolio-project-status-column {
		width: 100%;
	}
	.btn btn-primary btn-md btn-success {
		width: 100%;
	}
	#sizeheading {
		border-top-color: white;
		border-left-color: white;
		border-right-color: white;
	}
	#nowheading {
		border-top-color: white;
		border-left-color: white;
		border-right-color: white;
	}
	#todayheading {
		border-top-color: white;
		border-left-color: white;
		border-right-color: white;
	}
	#lifetimeheading {
		border-top-color: white;
		border-left-color: white;
		border-right-color: white;
		padding-right: 2px;
	}
	#hide_show_map_button {
		
	}
	#sidebar-button-area-1 {
		margin-top: -1px;
		margin-bottom: 3.8%;
		-webkit-padding-after: 0em;
		margin-left: 0%;
		display: block;
		-moz-margin-end: -5%;
	}
	#show_all_projects_button {
		border-radius: 4px !important;
		font-size: 10px;
	}
	#hide_all_projects_button {
		border-radius: 4px !important;
		font-size: 10px;
	}
	#hide_show_map_button {
		border-radius: 4px !important;
		font-size: 10px;
	}
	#add_portfolio_button {
		border-radius: 4px !important;
		font-size: 10px;
	}
	#add_project_button {
		border-radius: 4px !important;
		font-size: 10px;
	}
	#add_account_button {
		border-radius: 4px !important;
		font-size: 10px;
	}
	button.btn.btn-default.edit-proj-btn {
		border-radius: 4px !important;
		font-size: 10px;
	}
	button.btn.btn-default.show-evt-btn {
		border-radius: 4px !important;
		font-size: 10px;
	}
	button.btn.btn-default.show-sys-btn {
		border-radius: 4px !important;
		font-size: 10px;
	}
	button.btn.btn-default.show-svc-btn {
		border-radius: 4px !important;
		font-size: 10px;
	}
	#all-sites-overview-row-wrapper {
		margin-top: 6%;
		font-size: xx-small;
	}
	body#dashboard-new #project-display-area #site-overview-row-wrapper {
		margin-top: -4%;
	}
	#site-production-evbenefit {
		flex-flow: inherit;
		padding-left: 1.25%;
		width: 104.7%;
		font-size: x-small;
		margin-bottom: 3.3%;
		margin-top: 1.2%;
		-moz-padding-end: 1.2%;
		-moz-padding-start: -0.7%;
	}
	tbody#portfoliobody {
		font-size: 8.4px;
	}
	.portfolio-name-content {
		font-size: 6.7px;
	}
	.benefitimages {
		margin-left: -327%;
		-moz-margin-start: -307%;
	}
	#car {
		
	}
	#clouds {
		-moz-margin-start: -180%;
	}
	#site-evbenefit-content {
		margin-left: -13px;
		-moz-margin-end: -5%;
	}
	#site-photo img, .site-photo img {
		float: left;
		width: 64%;
		height: auto;
		margin-left: -7%;
	}
	#navbar-logo {
		width: 15%;
		padding-left: 2%;
		-moz-padding-end: 1%;
		display: none;
	}
	.project-button-row, .project-content-row, .portfolio-button-row {
		display: inline-block;
		margin-top: none;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		float: right;
		margin-right: 41%;
	}
}

@media only screen and (min-width : 897px) and (max-width : 1023px) {
	#rememberMe2 {
		width: 15.5%;
		height: 21px;
		margin-top: 2.1%;
		margin-left: -17px;
		-moz-margin-start: -7%;
	}
	#remembermelable {
		width: 35%;
		font-size: small;
	}
	#navbar-logo {
		width: 21%;
		padding-left: 4%;
		-moz-padding-end: 1%;
	}
	body#dashboard-new #project-display-area {
		margin-top: 11%;
		height: 298vh;
		overflow-x: hidden;
	}
	body#dashboard-new #site-breadcrumb {
		background-color: #1a222f;
		color: white;
		width: 33.35%;
	}
	#sidebar-collapse-button {
		z-index: 100;
		position: fixed;
		top: inherit !Important;
		width: 30px;
		height: 30px;
		outline: none;
		margin-left: -0.7% !Important;
	}
	.portfolio-name-column {
		font-size: smaller;
	}
	.panel-body {
		font-size: x-small;
	}
	body#dashboard-new #site-production-summary {
		display: flex;
		flex-flow: column;
		font-size: smaller;
		position: fixed;
		width: 65%;
		border-width: 55px 0px 0px 7px;
		padding-bottom: 0px;
		border-width: 55px 0px 0px 7px;
	}
	#site-data-table {
		font-size: medium;
	}
	#project-panel-table-1 {
		font-size: 12px;
		margin-left: -40%;
		-moz-margin-start: -34%;
	}
	#project-panel-table-2 {
		font-size: 12px;
	}
	.btn-md {
		width: 2%;
		display: inline-table;
		border-radius: 3px;
	}
	body#dashboard-new #project-display-area {
		margin-top: 9.5%;
		height: 298vh;
		overflow-x: hidden;
	}
	body#dashboard-new #project-selection-sidebar #project-list-area #portfolio-projects-table .project-column
		{
		vertical-align: middle;
		text-align: center;
	}
	tr#projecttableheaders {
		background: white;
		font-size: 7.75px;
	}
	tbody#portfoliobody {
		font-size: 8.5px;
	}
	.portfolio-name-content {
		font-size: 6.7px;
	}
	#portfolio-projects-table {
		margin-right: 1px;
		font-size: 7px;
	}
	#portfolioheading {
		border-top-color: white;
		border-left-color: white;
		border-right-color: white;
	}
	#projectsheading {
		border-top-color: white;
		border-left-color: white;
		border-right-color: white;
	}
	#statusheading {
		border-top-color: white;
		border-left-color: white;
		border-right-color: white;
	}
	.portfolio-project-status-column {
		width: 100%;
	}
	.btn btn-primary btn-md btn-success {
		width: 100%;
	}
	#sizeheading {
		border-top-color: white;
		border-left-color: white;
		border-right-color: white;
	}
	#nowheading {
		border-top-color: white;
		border-left-color: white;
		border-right-color: white;
	}
	#todayheading {
		border-top-color: white;
		border-left-color: white;
		border-right-color: white;
	}
	#lifetimeheading {
		border-top-color: white;
		border-left-color: white;
		border-right-color: white;
		padding-right: 2px;
	}
	#sidebar-button-area-1 {
		margin-top: -1px;
		margin-bottom: -0.2%;
		-webkit-padding-after: 0em;
		margin-left: 0%;
		margin-right: -1%;
	}
	#show_all_projects_button {
		border-radius: 4px !important;
		font-size: 10px;
	}
	#hide_all_projects_button {
		border-radius: 4px !important;
		font-size: 10px;
	}
	#hide_show_map_button {
		border-radius: 4px !important;
		font-size: 10px;
	}
	#add_portfolio_button {
		border-radius: 4px !important;
		font-size: 10px;
	}
	#add_project_button {
		border-radius: 4px !important;
		font-size: 10px;
	}
	#add_account_button {
		border-radius: 4px !important;
		font-size: 10px;
	}
	button.btn.btn-default.edit-proj-btn {
		border-radius: 4px !important;
		font-size: 10px;
	}
	button.btn.btn-default.show-evt-btn {
		border-radius: 4px !important;
		font-size: 10px;
	}
	button.btn.btn-default.show-sys-btn {
		border-radius: 4px !important;
		font-size: 10px;
	}
	button.btn.btn-default.show-svc-btn {
		border-radius: 4px !important;
		font-size: 10px;
	}
	#all-sites-overview-row-wrapper {
		margin-top: 2%;
		font-size: xx-small;
	}
	body#dashboard-new #project-display-area #site-overview-row-wrapper {
		margin-top: -4%;
	}
	#site-production-evbenefit {
		flex-flow: inherit;
		padding-left: 1.25%;
		width: 104%;
		font-size: x-small;
		margin-bottom: 7.3%;
		margin-top: 0%;
		-moz-padding-end: 2.6%;
		-moz-padding-start: -0.5%;
	}
	.lead {
		font-size: 13.4px;
		-moz-margin-start: -5%;
	}
	.small, small {
		font-size: 128%;
		-moz-margin-start: -6%;
		margin-left: 9%;
	}
	.thunderbolt {
		margin-left: 0%;
		-moz-margin-start: 10%;
	}
	.benefitimages {
		margin-left: -90%;
		-moz-margin-start: -82%;
	}
	#site-evbenefit-content {
		margin-left: -12px;
		-moz-margin-end: -10%;
	}
	.project-button-row, .project-content-row, .portfolio-button-row {
		display: inline-block;
		margin-top: none;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		float: right;
		margin-right: 57%;
	}
	#site-photo img, .site-photo img {
		float: left;
		width: 62%;
		height: auto;
		margin-left: -5%;
	}
	#navbar-logo {
		width: 17%;
		padding-left: 2%;
		-moz-padding-end: 1%;
	}
	project-button-row, .project-content-row, .portfolio-button-row {
		display: flex;
		margin-top: none;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		float: right;
		margin-right: 39%;
	}
}

@media only screen and (min-width : 1025px) and (max-width : 1146px) {
	#rememberMe2 {
		width: 6%;
		height: 20px;
		right: 4%;
		margin-top: 7px;
		-moz-margin-start: 1%;
		margin-left: 2%;
	}
	#remembermelable {
		width: 35%;
		font-size: small;
	}
	#navbar-logo {
		width: 38%;
		padding-left: 18%;
	}
	body#dashboard-new #project-display-area {
		margin-top: 10%;
		height: 264vh;
		overflow-x: hidden;
	}
	.benefitimages {
		margin-left: -131%;
	}
	.table-responsive {
		min-height: .01%;
		overflow-x: hidden;
		height: 650px;
		overflow-y: auto !IMPORTANT;
	}
	tr#projecttableheaders {
		background: white;
		font-size: 14px;
	}
	#portfolio-projects-table {
		margin-right: 1px;
		font-size: 8px;
	}
	body#dashboard-new #site-breadcrumb {
		background-color: #1a222f;
		color: white;
		width: 33.35%;
	}
	#sidebar-collapse-button {
		z-index: 100;
		width: 30px;
		height: 30px;
		outline: none;
		margin-left: -.73% !important;
	}
	body#dashboard-new #site-production-summary {
		display: flex;
		flex-flow: column;
		font-size: smaller;
		position: fixed;
		width: 65%;
		border-width: 60px 0px 0px 7px;
		padding-bottom: 0px;
	}
	.benefitimages {
		margin-left: -55%;
		-moz-margin-start: -94%;
	}
	#all-sites-overview-row-wrapper {
		margin-bottom: -10%;
		margin-top: 5%;
		margin-right: -2%;
	}
	.project-button-row, .project-content-row, .portfolio-button-row {
		display: flex;
		margin-top: none;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		float: right;
		margin-right: 27%;
	}
	#project-panel-table-1 {
		font-size: 12px;
		margin-left: -21%;
		-moz-margin-start: -28%;
	}
	#project-panel-table-2 {
		font-size: 12px;
	}
	#sidebar-button-area-1 {
		margin-top: -1px;
		border-top-left-radius: 4px !important;
		border-bottom-left-radius: 4px !important;
		-webkit-padding-after: 0.15em;
		margin-left: 0%;
		margin-right: 0%;
	}
	#show_all_projects_button {
		border-radius: 4px !important;
		font-size: 11px;
	}
	#hide_all_projects_button {
		border-radius: 4px !important;
		font-size: 11px;
	}
	#hide_show_map_button {
		border-radius: 4px !important;
		font-size: 11px;
	}
	#add_portfolio_button {
		border-radius: 4px !important;
		font-size: 11px;
	}
	#add_project_button {
		border-radius: 4px !important;
		font-size: 11px;
	}
	#add_account_button {
		border-radius: 4px !important;
		font-size: 11px;
	}
	button.btn.btn-default.edit-proj-btn {
		border-radius: 4px !important;
		font-size: 11px;
	}
	button.btn.btn-default.show-sys-btn {
		border-radius: 4px !important;
		font-size: 11px;
	}
	button.btn.btn-default.show-sys-btn {
		border-radius: 4px !important;
		font-size: 11px;
	}
	button.btn.btn-default.show-evt-btn {
		border-radius: 4px !important;
		font-size: 11px;
	}
	button.btn.btn-default.show-svc-btn {
		border-radius: 4px !important;
		font-size: 11px;
	}
	#site-production-evbenefit {
		flex-flow: inherit;
		padding-left: 1%;
		width: 103.1%;
		font-size: x-small;
		margin-bottom: 8%;
		margin-top: 1.1%;
		-moz-padding-end: 1.4%;
		-moz-padding-start: -0.5%;
	}
	body#dashboard-new #project-selection-sidebar #project-list-area #portfolio-projects-table .project-column
		{
		vertical-align: middle;
		text-align: center;
	}
	tr#projecttableheaders {
		background: white;
		font-size: 10px;
	}
	tbody#portfoliobody {
		font-size: 9px;
	}
	#portfolio-projects-table {
		margin-right: 1px;
		font-size: 8px;
	}
	#portfolioheading {
		border-top-color: white;
		border-left-color: white;
		border-right-color: white;
	}
	#projectsheading {
		border-top-color: white;
		border-left-color: white;
		border-right-color: white;
	}
	#statusheading {
		border-top-color: white;
		border-left-color: white;
		border-right-color: white;
	}
	#sizeheading {
		border-top-color: white;
		border-left-color: white;
		border-right-color: white;
	}
	#nowheading {
		border-top-color: white;
		border-left-color: white;
		border-right-color: white;
	}
	#todayheading {
		border-top-color: white;
		border-left-color: white;
		border-right-color: white;
	}
	#lifetimeheading {
		border-top-color: white;
		border-left-color: white;
		border-right-color: white;
		padding-right: 2px;
	}
	.lead {
		font-size: 18px;
		-moz-margin-start: 6%;
		-moz-margin-end: 33%;
		margin-left: -17%;
	}
	.small, small {
		font-size: 12.5px;
		-moz-margin-start: 15%;
		margin-left: -3%;
	}
	#site-photo img, .site-photo img {
		float: left;
		width: 64%;
		height: auto;
		margin-left: 2%;
	}
}

@media only screen and (min-width : 1147px) and (max-width : 1223px) {
	#rememberMe2 {
		width: 7%;
		height: 21px;
		margin-top: 2%;
		-moz-margin-start: -2%;
		margin-left: -2%;
	}
	#remembermelable {
		width: 35%;
		font-size: small;
	}
	#navbar-logo {
		width: 38%;
		padding-left: 18%;
	}
	body#dashboard-new #project-display-area {
		margin-top: 10%;
		height: 264vh;
		overflow-x: hidden;
	}
	body#dashboard-new #site-breadcrumb {
		background-color: #1a222f;
		color: white;
		width: 33.35%;
	}
	#sidebar-button-area-1 {
		margin-top: -1px;
		border-top-left-radius: 4px !important;
		border-bottom-left-radius: 4px !important;
		-webkit-padding-after: 0.15em;
		margin-left: 0%;
		margin-bottom: 1%;
	}
	#project-panel-table-1 {
		font-size: 14.6px;
		margin-left: -32%;
		margin-top: -11%;
		-moz-margin-start: -26%;
	}
	#project-panel-table-2 {
		font-size: 15px;
	}
	.btn-md {
		width: 2%;
		display: initial;
		border-radius: 3px;
	}
	.thunderbolt {
		margin-left: 31%;
	}
	.benefitimages {
		margin-left: 34%;
	}
	.lead {
		font-size: 18.2px;
		-moz-margin-end: 45%;
		-moz-margin-start: 0%;
	}
	.small, small {
		font-size: 14px;
		-moz-margin-start: 9%;
		margin-left: 19%;
	}
	.project-button-row, .project-content-row, .portfolio-button-row {
		display: flex;
		margin-top: none;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		float: right;
		margin-right: 26%;
	}
	body#dashboard-new #project-selection-sidebar #project-list-area #portfolio-projects-table .project-column
		{
		vertical-align: middle;
		text-align: center;
	}
	.table-responsive {
		min-height: .01%;
		overflow-x: hidden;
		height: 690px;
		overflow-y: auto !IMPORTANT;
	}
	tr#projecttableheaders {
		background: white;
		font-size: 11px;
	}
	tbody#portfoliobody {
		font-size: 11px;
	}
	#portfolio-projects-table {
		margin-right: 1px;
		font-size: 8px;
	}
	tr:first-child td {
		padding-top: 24px !important;
	}
	.btn-md {
		vertical-align: middle;
		text-align: center;
		padding: 3px;
	}
	#portfolioheading {
		border-top-color: white;
		border-left-color: white;
		border-right-color: white;
	}
	#projectsheading {
		border-top-color: white;
		border-left-color: white;
		border-right-color: white;
	}
	#statusheading {
		border-top-color: white;
		border-left-color: white;
		border-right-color: white;
	}
	#sizeheading {
		border-top-color: white;
		border-left-color: white;
		border-right-color: white;
	}
	#nowheading {
		border-top-color: white;
		border-left-color: white;
		border-right-color: white;
	}
	#todayheading {
		border-top-color: white;
		border-left-color: white;
		border-right-color: white;
	}
	#lifetimeheading {
		border-top-color: white;
		border-left-color: white;
		border-right-color: white;
		padding-right: 2px;
	}
	#sidebar-collapse-button {
		z-index: 100;
		top: inherit !Important;
		left: 34%;
		margin-left: -0.95%;
	}
	body#dashboard-new #site-production-summary {
		display: flex;
		flex-flow: column;
		font-size: smaller;
		position: fixed;
		width: 65%;
		border-width: 60px 0px 0px 7px;
		padding-bottom: 0px;
	}
	#all-sites-overview-row-wrapper {
		margin-bottom: -10%;
		margin-top: 5%;
		margin-right: -2%;
	}
	#show_all_projects_button {
		border-radius: 4px !important;
		font-size: 12px;
	}
	#hide_all_projects_button {
		border-radius: 4px !important;
		font-size: 12px;
	}
	#hide_show_map_button {
		border-top-left-radius: 4px !important;
		border-bottom-left-radius: 4px !important;
		font-size: 12px;
	}
	#add_account_button {
		border-top-right-radius: 4px !important;
		border-bottom-right-radius: 4px !important;
		border-top-left-radius: 4px !important;
		border-bottom-left-radius: 4px !important;
		font-size: 12px;
	}
	#add_portfolio_button {
		border-radius: 4px !important;
		font-size: 12px;
	}
	#add_project_button {
		border-top-right-radius: 4px !important;
		border-bottom-right-radius: 4px !important;
		font-size: 12px;
	}
	button.btn.btn-default.show-sys-btn {
		border-top-right-radius: 4px !important;
		border-bottom-right-radius: 4px !important;
		font-size: 12px;
	}
	button.btn.btn-default.show-svc-btn {
		border-top-left-radius: 4px !important;
		border-bottom-left-radius: 4px !important;
		font-size: 12px;
	}
	#add_account_button {
		border-top-right-radius: 4px !important;
		border-bottom-right-radius: 4px !important;
		font-size: 12px;
	}
	button.btn.btn-default.edit-proj-btn {
		border-top-left-radius: 4px !important;
		border-bottom-left-radius: 4px !important;
		font-size: 12px;
	}
	button.btn.btn-default.show-evt-btn {
		border-top-right-radius: 4px !important;
		border-bottom-right-radius: 4px !important;
		border-top-left-radius: 4px !important;
		border-bottom-left-radius: 4px !important;
		font-size: 12px;
	}
	button.btn.btn-default.show-svc-btn {
		border-top-left-radius: 4px !important;
		border-bottom-left-radius: 4px !important;
		font-size: 12px;
	}
	#site-production-evbenefit {
		flex-flow: inherit;
		padding-left: 1%;
		width: 102.5%;
		font-size: x-small;
		margin-bottom: 9%;
		margin-top: 2%;
		-moz-padding-end: 1.6%;
		-moz-padding-start: 1%;
	}
	#site-photo img, .site-photo img {
		float: left;
		width: 65%;
		height: auto;
		margin-left: -3%;
		-moz-margin-start: 3px;
	}
}

@media only screen and (min-width : 1224px) and (max-width : 1325px) {
	#rememberMe2 {
		width: 7%;
		height: 22px;
		margin-top: 1.6%;
		-moz-margin-start: -3px;
		margin-left: -2%;
	}
	#remembermelable {
		width: 35%;
	}
	body#dashboard-new #project-display-area {
		margin-top: 9.5%;
		height: 240vh;
	}
	#site-production-evbenefit {
		flex-flow: inherit;
		padding-left: 1%;
		width: 103%;
		font-size: x-small;
		margin-bottom: -10.5%;
		margin-top: 1%;
		-moz-padding-end: 1.5%;
	}
	.benefitimages {
		margin-left: 34%;
		width: 166%;
		-moz-margin-start: 25%;
	}
	.thunderbolt {
		margin-left: 31%;
		width: 65%;
	}
	.panel-title {
		font-size: 19px;
	}
	.lead {
		font-size: 18px;
		-moz-margin-start: -9%;
		-moz-margin-end: 37%;
		margin-left: 6%;
	}
	.small, small {
		font-size: 13px;
		margin-left: 19%;
		-moz-margin-start: 16%;
	}
	.btn-md {
		width: 2%;
		display: initial;
		border-radius: 3px;
	}
	body#dashboard-new #project-selection-sidebar #project-list-area #portfolio-projects-table .project-column
		{
		vertical-align: middle;
		text-align: center;
	}
	#site-photo img, .site-photo img {
		float: left;
		width: 63%;
		height: auto;
		margin-left: 4%;
		-moz-margin-start: 3px;
	}
	#project-panel-table-1 {
		font-size: 14px;
		margin-left: -22%;
		-moz-margin-start: -30%;
	}
	#project-panel-table-2 {
		font-size: 15px;
	}
	.table-responsive {
		min-height: .01%;
		overflow-x: hidden;
		height: 660px;
		overflow-y: auto !IMPORTANT;
	}
	tr#projecttableheaders {
		background: white;
		font-size: 12px;
	}
	tbody#portfoliobody {
		font-size: 10.6px;
	}
	#portfolio-projects-table {
		margin-right: 1px;
		font-size: 8px;
	}
	#sidebar-button-area-1 {
		margin-top: -1px;
		border-top-left-radius: 4px !important;
		border-bottom-left-radius: 4px !important;
		-webkit-padding-after: 0.15em;
		margin-left: 0%;
		margin-bottom: 1%;
	}
	#show_all_projects_button {
		border-radius: 4px !important;
		font-size: 13px;
	}
	#hide_all_projects_button {
		border-radius: 4px !important;
		font-size: 13px;
	}
	#hide_show_map_button {
		border-radius: 4px !important;
		font-size: 13px;
	}
	#hide_show_map_button {
		border-top-left-radius: 4px !important;
		border-bottom-left-radius: 4px !important;
		font-size: 13px;
	}
	#add_account_button {
		font-size: 13px;
	}
	#add_portfolio_button {
		font-size: 13px;
	}
	#add_project_button {
		font-size: 13px;
	}
	button.btn.btn-default.show-sys-btn {
		font-size: 13px;
	}
	button.btn.btn-default.show-svc-btn {
		font-size: 13px;
	}
	#add_account_button {
		font-size: 13px;
	}
	button.btn.btn-default.edit-proj-btn {
		font-size: 13px;
	}
	button.btn.btn-default.show-evt-btn {
		font-size: 13px;
	}
	button.btn.btn-default.show-svc-btn {
		font-size: 13px;
	}
	#all-sites-overview-row-wrapper {
		margin-top: 8%;
	}
	.btn-md {
		width: 2%;
		display: inline-table;
		border-radius: 3px;
	}
	#sidebar-collapse-button {
		z-index: 100;
		top: inherit !Important;
		left: 33.9%;
		width: 30px;
		height: 30px;
		outline: none;
		margin-left: -.5% !important;
	}
	.project-button-row, .project-content-row, .portfolio-button-row {
		display: flex;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		float: right;
		margin-right: 19%;
	}
	div#site-inverter-details-area.row {
		margin-top: 6%;
	}
}

@media only screen and (min-width : 1420px) and (max-width : 1424px) {
	#rememberMe2 {
		width: 7%;
		height: 20px;
		margin-top: 7px;
		/* right: 3.8%; */
		margin-left: -3%;
	}
	#remembermelable {
		width: 35%;
		font-size: small;
	}
	#navbar-logo {
		width: 47%;
		padding-left: 29%;
	}
	body#dashboard-new #site-breadcrumb {
		width: 33.35%;
	}
	body#dashboard-new #project-selection-sidebar #project-list-area {
		flex: 1 1 auto;
	}
	.panel-title {
		margin: 4px 0px 0px 0px;
		line-height: 0.7;
		display: inline-block;
		font-size: 17px;
	}
	#project-panel-table-1 {
		font-size: small;
		margin-left: -18%;
	}
	#project-panel-table-2 {
		font-size: small;
	}
	.btn-md {
		width: 2%;
		display: initial;
		border-radius: 3px;
	}
	tr#projecttableheaders {
		background: white;
		font-size: 14px;
	}
	tbody#portfoliobody {
		font-size: 7px;
	}
	#portfolio-projects-table {
		margin-right: 1px;
		font-size: 14px;
	}
	#sidebar-collapse-button {
		z-index: 100;
		top: inherit !important;
		left: 33.9%;
		width: 31px;
		height: 30px;
		outline: none;
		margin-left: -1%;
	}
	.breadcrumb>li {
		font-size: small;
	}
	body#dashboard-new #site-production-summary {
		width: 66%;
	}
	.thunderbolt {
		margin-left: 41%;
	}
	body#dashboard-new #project-display-area {
		margin-top: 7%;
		height: 186vh;
	}
	.project-button-row, .project-content-row, .portfolio-button-row {
		display: flex;
		margin-top: none;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		float: right;
		margin-right: 19%;
	}
	#site-production-evbenefit {
		flex-flow: inherit;
		font-size: x-small;
		margin-bottom: -5.5%;
		margin-top: 2%;
		/* margin-right: 28px; */
		width: 103.2%;
		padding-left: 1%;
	}
	#site-photo img, .site-photo img {
		float: left;
		width: 78%;
		height: auto;
		margin-left: -1%;
	}
	.benefitimages {
		margin-left: 29%;
	}
	.lead {
		font-size: 18px;
	}
	.small, small {
		font-size: 14px;
		margin-left: 13%;
	}
	#all-sites-overview-row-wrapper {
		margin-top: 4%;
	}
	#project-display-area {
		margin-top: 3%;
		height: 110vh;
	}
	.btn-md {
		width: 2%;
		border-radius: 3px;
		display: initial;
	}
	body#dashboard-new #project-selection-sidebar #project-list-area #portfolio-projects-table .project-column
		{
		vertical-align: middle;
		text-align: center;
	}
	.table-responsive {
		min-height: .01%;
		overflow-x: hidden;
		height: 681px;
		overflow-y: auto !IMPORTANT;
	}
	tr#projecttableheaders {
		background: white;
		font-size: 12px;
	}
	tbody#portfoliobody {
		font-size: 11px;
	}
	#portfolio-projects-table {
		margin-right: 1px;
		font-size: 12px;
	}
	#sidebar-button-area-1 {
		margin-top: -1px;
		border-top-left-radius: 4px !important;
		border-bottom-left-radius: 4px !important;
		-webkit-padding-after: 0.15em;
		margin-left: 0%;
		margin-bottom: 0%;
	}
	#sidebar-button-area-2 {
		margin-top: -1px;
		margin-bottom: 6%;
	}
	#show_all_projects_button {
		border-radius: 4px !important;
		font-size: 15px;
	}
	#hide_all_projects_button {
		border-radius: 4px !important;
		font-size: 15px;
	}
	#hide_show_map_button {
		border-radius: 4px !important;
		font-size: 15px;
	}
	#add_portfolio_button {
		border-radius: 4px !important;
		font-size: 15px;
	}
	#add_project_button {
		border-radius: 4px !important;
		font-size: 15px;
	}
	#add_account_button {
		border-radius: 4px !important;
		font-size: 15px;
	}
	button.btn.btn-default.edit-proj-btn {
		border-radius: 4px !important;
		font-size: 15px;
	}
	button.btn.btn-default.show-sys-btn {
		border-radius: 4px !important;
		font-size: 15px;
	}
	button.btn.btn-default.show-evt-btn {
		border-radius: 4px !important;
		font-size: 15px;
	}
	button.btn.btn-default.show-svc-btn {
		border-radius: 4px !important;
		font-size: 15px;
	}
	table#table {
		font-size: medium;
	}
}

@media only screen and (min-width : 1326px) and (max-width : 1420px) {
	#rememberMe2 {
		width: 7%;
		height: 20px;
		margin-top: 2.1%;
		/* right: 3.8%; */
		margin-left: -3%;
		-moz-margin-start: -1%;
	}
	#remembermelable {
		width: 35%;
		font-size: small;
		-moz-margin-end: -3%;
	}
	#navbar-logo {
		width: 47%;
		padding-left: 29%;
	}
	.breadcrumb>li {
		font-size: 12px;
	}
	.lead {
		font-size: 18px;
		-moz-margin-start: -5%;
	}
	.small, small {
		font-size: 13px;
		margin-left: 13%;
		-moz-margin-start: 8%;
	}
	body#dashboard-new #site-breadcrumb {
		width: 33.4%;
	}
	body#dashboard-new #project-selection-sidebar #project-list-area {
		flex: 1 1 auto;
	}
	body#dashboard-new #project-selection-sidebar #project-list-area #portfolio-projects-table .project-column
		{
		vertical-align: middle;
		text-align: center;
	}
	.table-responsive {
		min-height: .01%;
		overflow-x: hidden;
		height: 660px;
		overflow-y: auto !IMPORTANT;
	}
	tr#projecttableheaders {
		background: white;
		font-size: 11px;
	}
	tbody#portfoliobody {
		font-size: 10.5px;
	}
	.portfolio-project-status-column {
		width: 100%;
	}
	.btn-md {
		width: 2%;
		display: initial;
		border-radius: 3px;
	}
	#portfolioheading {
		border-top-color: white;
		border-left-color: white;
		border-right-color: white;
	}
	#projectsheading {
		border-top-color: white;
		border-left-color: white;
		border-right-color: white;
	}
	#statusheading {
		border-top-color: white;
		border-left-color: white;
		border-right-color: white;
	}
	#sizeheading {
		border-top-color: white;
		border-left-color: white;
		border-right-color: white;
	}
	#nowheading {
		border-top-color: white;
		border-left-color: white;
		border-right-color: white;
	}
	#todayheading {
		border-top-color: white;
		border-left-color: white;
		border-right-color: white;
	}
	#lifetimeheading {
		border-top-color: white;
		border-left-color: white;
		border-right-color: white;
	}
	#portfolio-projects-table {
		margin-right: 1px;
		font-size: 14px;
	}
	#add_account_button {
		border-top-right-radius: 4px !important;
		border-bottom-right-radius: 4px !important;
	}
	button.btn.btn-default.edit-proj-btn {
		border-top-left-radius: 4px !important;
		border-bottom-left-radius: 4px !important;
	}
	button.btn.btn-default.show-evt-btn {
		border-top-right-radius: 4px !important;
		border-bottom-right-radius: 4px !important;
	}
	button.btn.btn-default.show-svc-btn {
		border-top-left-radius: 4px !important;
		border-bottom-left-radius: 4px !important;
	}
	#sidebar-collapse-button:active {
		z-index: 100;
		top: inherit !Important;
		left: 33.9%;
		width: 30px;
		height: 30px;
		outline: none;
	}
	#sidebar-collapse-button {
		z-index: 100;
		top: inherit !Important;
		width: 30px;
		height: 30px;
		outline: none;
		margin-left: -0.5% !Important;
	}
	body#dashboard-new #site-production-summary {
		width: 66%;
	}
	#site-photo img, .site-photo img {
		float: left;
		width: 52%;
		height: auto;
		margin-left: -1%;
		-moz-margin-start: 3px;
	}
	.thunderbolt {
		margin-left: 37%;
		width: 54%;
	}
	.benefitimages {
		margin-left: 19%;
		width: 166%;
	}
	.project-button-row, .project-content-row, .portfolio-button-row {
		display: flex;
		margin-top: none;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		float: right;
		margin-right: 40%;
	}
	body#dashboard-new #project-display-area {
		margin-top: 8.5%;
		height: 194vh;
	}
	#site-production-evbenefit {
		flex-flow: inherit;
		font-size: x-small;
		margin-bottom: -5.5%;
		margin-top: 0.4%;
		/* margin-right: -13px; */
		width: 104.2%;
		padding-left: %;
		margin-left: -3%;
		-moz-padding-end: 1%;
	}
	#all-sites-overview-row-wrapper {
		margin-top: 4%;
	}
	#project-display-area {
		margin-top: 3%;
		height: 110vh;
	}
	.panel-title {
		margin: 4px 0px 0px 0px;
		line-height: 0.7;
		display: inline-block;
		font-size: 18px;
	}
	#project-panel-table-1 {
		font-size: 15px;
		margin-left: -42%;
	}
	#project-panel-table-2 {
		font-size: 15px;
		margin-left: -4%;
	}
	#sidebar-button-area-1 {
		-webkit-padding-after: 0em;
		margin-bottom: 1%;
		margin-left: 0%;
	}
	#sidebar-button-area-2 {
		margin-top: -1px;
		margin-left: -1%;
	}
	#show_all_projects_button {
		border-radius: 4px !important;
		font-size: 14px;
	}
	#hide_all_projects_button {
		border-radius: 4px !important;
		font-size: 14px;
	}
	#hide_show_map_button {
		border-radius: 4px !important;
		font-size: 14px;
	}
	#add_portfolio_button {
		border-radius: 4px !important;
		font-size: 14px;
	}
	#add_project_button {
		border-radius: 4px !important;
		font-size: 14px;
	}
	#add_account_button {
		border-radius: 4px !important;
		font-size: 14px;
	}
	button.btn.btn-default.edit-proj-btn {
		border-radius: 4px !important;
		font-size: 14px;
	}
	button.btn.btn-default.show-sys-btn {
		border-radius: 4px !important;
		font-size: 14px;
	}
	button.btn.btn-default.show-evt-btn {
		border-radius: 4px !important;
		font-size: 14px;
	}
	button.btn.btn-default.show-svc-btn {
		border-radius: 4px !important;
		font-size: 14px;
	}
	#hide_show_map_button {
		margin-bottom: 0%;
	}
	.cust-dash-btn {
		font-size: small;
	}
	.sys-dash-btn {
		font-size: small;
	}
	.kiosk-dash-btn {
		font-size: small;
	}
}

/* Small Laptop/desktop views */
@media only screen and (min-width : 1425px) and (max-width : 1623px) {
	#remembermelable {
		font-size: small;
		width: 35%;
		-moz-margin-end: -12%;
	}
	#rememberMe2 {
		width: 6%;
		height: 22px;
		margin-top: 2.1%;
		/* right: 3.6%; */
		margin-left: -6px;
		-moz-margin-start: 32px;
	}
	body#dashboard-new #project-display-area {
		margin-top: 8.2%;
		height: 176.3vh;
	}
	body#dashboard-new #project-display-area #site-overview-row-wrapper {
		margin-top: 1%;
	}
	#navbar-logo {
		width: 47%;
		padding-left: 35%;
	}
	#all-sites-overview-row-wrapper {
		margin-top: 4%;
	}
	#site-production-evbenefit {
		flex-flow: inherit;
		font-size: x-small;
		width: 102.1%;
		margin-bottom: -5.5%;
		padding-left: .7%;
		-moz-padding-end: 1%;
	}
	.panel-title {
		margin: 4px 0px 0px 0px;
		line-height: 0.7;
		display: inline-block;
		font-size: 19px;
	}
	.thunderbolt {
		margin-left: 42%;
		width: 56%;
	}
	.benefitimages {
		margin-left: 25%;
		width: 137%;
	}
	.lead {
		font-size: 19px;
		-moz-margin-start: -17%;
	}
	.small, small {
		font-size: 14px;
		margin-left: 14%;
	}
	.project-button-row, .project-content-row, .portfolio-button-row {
		display: flex;
		margin-top: none;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		float: right;
		margin-right: 29%;
	}
	#project-panel-table-1 {
		font-size: 16px;
		margin-left: -24%;
	}
	#project-panel-table-2 {
		font-size: 17px;
	}
	tr#projecttableheaders {
		background: white;
		font-size: 14px;
	}
	#site-photo img, .site-photo img {
		float: left;
		width: 65%;
		height: auto;
		margin-left: 0%;
	}
	.btn-md {
		width: 2%;
		display: initial;
		border-radius: 3px;
	}
	body#dashboard-new #project-selection-sidebar #project-list-area #portfolio-projects-table .project-column
		{
		vertical-align: middle;
		text-align: center;
	}
	.table-responsive {
		min-height: .01%;
		overflow-x: hidden;
		height: 698px;
		overflow-y: auto !IMPORTANT;
	}
	tbody#portfoliobody {
		font-size: 12.2px;
	}
	#portfolio-projects-table {
		margin-right: 1px;
		font-size: 14px;
	}
	#sidebar-button-area-1 {
		margin-top: -1px;
		margin-bottom: 1%;
		margin-left: 0%;
		-webkit-padding-after: 0em;
	}
	#sidebar-button-area-2 {
		margin-top: -1px;
		margin-bottom: 3%;
	}
	#show_all_projects_button {
		border-radius: 4px !important;
		font-size: 15px;
	}
	#hide_all_projects_button {
		border-radius: 4px !important;
		font-size: 15px;
	}
	#hide_show_map_button {
		border-radius: 4px !important;
		font-size: 15px;
		margin-bottom: 0%;
	}
	#add_portfolio_button {
		border-radius: 4px !important;
		font-size: 15px;
	}
	#add_project_button {
		border-radius: 4px !important;
		font-size: 15px;
	}
	#add_account_button {
		border-radius: 4px !important;
		font-size: 15px;
	}
	button.btn.btn-default.edit-proj-btn {
		border-radius: 4px !important;
		font-size: 15px;
	}
	button.btn.btn-default.show-evt-btn {
		border-radius: 4px !important;
		font-size: 15px;
	}
	button.btn.btn-default.show-sys-btn {
		border-radius: 4px !important;
		font-size: 15px;
	}
	button.btn.btn-default.show-svc-btn {
		border-radius: 4px !important;
		font-size: 15px;
	}
	.project-button-row, .project-content-row, .portfolio-button-row {
		display: flex;
		margin-top: none;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		float: right;
		margin-right: 25%;
		-moz-margin-end: 23%;
	}
	.cust-dash-btn {
		font-size: small;
	}
	.sys-dash-btn {
		font-size: small;
	}
	.kiosk-dash-btn {
		font-size: small;
	}
	#sidebar-collapse-button {
		z-index: 100;
		top: inherit !Important;
		left: 33.8%;
		width: 30px;
		height: 30px;
		outline: none;
		margin-left: -.6% !important;
	}
}

/* Regular Laptop/desktop views */
@media only screen and (min-width : 1624px) and (max-width : 1824px) {
	#remembermelable {
		font-size: small;
		width: 35%;
	}
	#rememberMe2 {
		width: 6%;
		height: 31px;
		margin-top: 3px;
		margin-left: -9px;
		-moz-margin-start: -3%;
	}
	body#dashboard-new #project-display-area {
		margin-top: 8%;
		height: 179vh;
	}
	#navbar-logo {
		width: 47%;
		padding-left: 35%;
	}
	#sidebar-collapse-button:active {
		z-index: 100;
		top: inherit !Important;
		left: 33.9%;
		width: 30px;
		height: 30px;
		outline: none;
	}
	#sidebar-collapse-button {
		z-index: 100;
		top: inherit !Important;
		left: 33.7%;
		width: 30px;
		height: 30px;
		outline: none;
		margin-left: -.4% !important;
	}
	#all-sites-overview-row-wrapper {
		margin-top: 2%;
	}
	.thunderbolt {
		margin-left: 42%;
	}
	.lead {
		font-size: 21.2px;
		-moz-margin-start: -9%;
	}
	.small, small {
		font-size: 15px;
		margin-left: 15%;
		-moz-margin-start: 12%;
	}
	.btn-md {
		width: 2%;
		display: initial;
		border-radius: 3px;
	}
	#project-panel-table-1 {
		font-size: 16.5px;
		margin-left: -16%;
	}
	#project-panel-table-2 {
		font-size: 16px;
	}
	.local_weather {
		font-size: 20px;
		font-family: inherit;
		font-weight: bold;
	}
	#site-photo img, .site-photo img {
		float: left;
		width: 70%;
		height: auto;
		margin-left: 3%;
	}
	.table-responsive {
		min-height: .01%;
		overflow-x: hidden;
		height: 795px;
		overflow-y: auto !IMPORTANT;
	}
	.project-button-row, .project-content-row, .portfolio-button-row {
		display: inline-block;
		margin-top: none;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		float: right;
		margin-right: 68%;
	}
	tr#projecttableheaders {
		background: white;
		font-size: 15px;
	}
	tbody#portfoliobody {
		font-size: 14.2px;
	}
	#portfolio-projects-table {
		margin-right: 1px;
		font-size: 14px;
	}
	#site-production-summary {
		display: flex;
		flex-flow: column;
		font-size: smaller;
		position: fixed;
		border-color: #e4ebf5;
		border-style: solid;
		border-width: 64px 0px 0px 7px;
		width: 65.9%;
		top: 0;
	}
	#site-production-evbenefit {
		flex-flow: inherit;
		font-size: x-small;
		width: 102.2%;
		padding-left: .6%;
		margin-bottom: -4%;
		-moz-padding-end: .8%;
		margin-top: 1%;
	}
	.panel-title {
		margin: 4px 0px 0px 0px;
		line-height: 0.7;
		display: inline-block;
		font-size: 20px;
	}
	.thunderbolt {
		margin-left: 40%;
		width: 65%;
	}
	.benefitimages {
		margin-left: 30%;
		width: 150%;
	}
	.project-button-row, .project-content-row, .portfolio-button-row {
		display: flex;
		margin-top: none;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		float: right;
		margin-right: 15%;
	}
	.cust-dash-btn {
		font-size: medium;
	}
	.sys-dash-btn {
		font-size: medium;
	}
	.kiosk-dash-btn {
		font-size: medium;
	}
	#sidebar-button-area-1 {
		margin-top: -1px;
		margin-bottom: 1%;
		margin-left: 0%;
		-webkit-padding-after: 0em;
	}
	#sidebar-button-area-2 {
		margin-top: -1px;
		margin-bottom: 2%;
	}
	#show_all_projects_button {
		border-radius: 4px !important;
	}
	#hide_all_projects_button {
		border-radius: 4px !important;
	}
	#hide_show_map_button {
		border-radius: 4px !important;
	}
	#add_portfolio_button {
		border-radius: 4px !important;
	}
	#add_project_button {
		border-radius: 4px !important;
	}
	#add_account_button {
		border-radius: 4px !important;
	}
	button.btn.btn-default.edit-proj-btn {
		border-radius: 4px !important;
	}
	button.btn.btn-default.show-evt-btn {
		border-radius: 4px !important;
	}
	button.btn.btn-default.show-svc-btn {
		border-radius: 4px !important;
	}
	#hide_show_map_button {
		margin-bottom: 0%;
	}
}

/* Large Monitor Screen */
@media only screen and (min-width : 1825px) and (max-width : 2025px) {
	#remembermelable {
		font-size: small;
		width: 35%;
		-moz-margin-end: -16%;
	}
	#rememberMe2 {
		width: 8%;
		height: 21px;
		margin-top: 7px;
		margin-left: -9px;
		-moz-margin-start: 12%;
	}
	#navbar-logo {
		width: 47%;
		padding-left: 35%;
	}
	#sidebar-collapse-button {
		z-index: 100;
		left: 34.1%;
		width: 30px;
		height: 30px;
		outline: none;
		top: inherit !Important;
		margin-left: -.4% !important;
	}
	body#dashboard-new #site-production-summary {
		display: flex;
		flex-flow: column;
		font-size: smaller;
		position: fixed;
		border-color: #e4ebf5;
		border-style: solid;
		border-width: 58px 0px 0px 15px;
		width: 65.9%;
		top: 0;
	}
	.thunderbolt {
		margin-left: 39%;
		width: 54%;
	}
	.benefitimages {
		margin-left: 32%;
		width: 122%;
	}
	body#dashboard-new #project-display-area #site-overview-row-wrapper {
		margin-top: 4%;
	}
	#site-production-evbenefit {
		flex-flow: inherit;
		font-size: x-small;
		margin-bottom: -22%;
		width: 102.6%;
		margin-left: -1.9%;
		margin-bottom: -7.5%;
		-moz-padding-end: 1%;
	}
	.panel-title {
		margin: 4px 0px 0px 0px;
		line-height: 0.7;
		display: inline-block;
		font-size: 21px;
	}
	.btn-md {
		width: 2%;
		display: initial;
		border-radius: 3px;
	}
	#all-sites-overview-row-wrapper {
		
	}
	.lead {
		font-size: 25px;
		-moz-margin-start: -7%;
	}
	.small, small {
		font-size: 20px;
		margin-left: 13%;
	}
	.project-button-row, .project-content-row, .portfolio-button-row {
		display: flex;
		margin-top: none;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		float: right;
		margin-right: 43%;
	}
	.cust-dash-btn {
		font-size: medium;
	}
	.sys-dash-btn {
		font-size: medium;
	}
	.kiosk-dash-btn {
		font-size: medium;
	}
	.table-responsive {
		min-height: .01%;
		overflow-x: hidden;
		height: 794px;
		overflow-y: auto !IMPORTANT;
	}
	#site-photo img, .site-photo img {
		float: left;
		width: 56%;
		height: auto;
		margin-left: -2%;
	}
	#project-panel-table-2 {
		font-size: 17px;
	}
	#project-panel-table-1 {
		font-size: 18px;
		margin-left: -41%;
	}
	#site-data-table-area {
		
	}
	body#dashboard-new #project-display-area {
		margin-top: 8%;
		height: 177.5vh;
	}
	tr#projecttableheaders {
		background: white;
		font-size: 14px;
	}
	tbody#portfoliobody {
		font-size: 14.5px;
	}
	#portfolio-projects-table {
		margin-right: 1px;
		font-size: 14px;
	}
	body#dashboard-new #project-selection-sidebar #project-list-area #portfolio-projects-table .project-column
		{
		text-align: center;
	}
	body#dashboard-new #site-breadcrumb {
		background-color: #1a222f;
		color: white;
		width: 33.4%;
	}
	#datatablebutton #inverter-details-button #event-details-button {
		margin-left: 96%;
		margin-top: -1.5%;
	}
	body#dashboard-new #project-selection-sidebar #project-list-area #portfolio-projects-table .portfolio-name-column
		{
		padding-top: 22px;
	}
	body#dashboard-new #project-selection-sidebar #project-list-area #portfolio-projects-table
		{
		overflow-y: scroll;
		margin-top: -31px;
	}
	#sidebar-button-area-1 {
		margin-top: -1px;
		margin-bottom: 2%;
		margin-left: 0%;
		-webkit-padding-after: 0em;
	}
	#sidebar-button-area-2 {
		margin-top: -1px;
		margin-bottom: 2%;
	}
	#show_all_projects_button {
		border-radius: 4px !important;
		font-size: 15px;
	}
	#hide_all_projects_button {
		border-radius: 4px !important;
		font-size: 15px;
	}
	#hide_show_map_button {
		border-radius: 4px !important;
		font-size: 15px;
		margin-bottom: 0%;
	}
	#add_portfolio_button {
		border-radius: 4px !important;
		font-size: 15px;
	}
	#add_project_button {
		border-radius: 4px !important;
		font-size: 15px;
	}
	#add_account_button {
		border-radius: 4px !important;
		font-size: 15px;
	}
	button.btn.btn-default.edit-proj-btn {
		border-radius: 4px !important;
		font-size: 15px;
	}
	button.btn.btn-default.show-sys-btn {
		border-radius: 4px !important;
		font-size: 15px;
	}
	button.btn.btn-default.show-evt-btn {
		border-radius: 4px !important;
		font-size: 15px;
	}
	button.btn.btn-default.show-svc-btn {
		border-radius: 4px !important;
		font-size: 15px;
	}
	#project-list {
		margin-top: 4.9%;
	}
}

/* large laptop screens portrait laptop/desktop views */
@media only screen and (min-width : 2026px) and (max-width : 2300px) {
	#remembermelable {
		font-size: small;
		width: 35%;
	}
	#rememberMe2 {
		width: 8%;
		height: 23px;
		margin-top: 1.6%;
		margin-left: -9px;
	}
	.breadcrumb>li {
		display: inline-block;
		font-size: small;
	}
	#navbar-logo {
		width: 47%;
		padding-left: 35%;
	}
	body#dashboard-new #site-breadcrumb {
		background-color: #1a222f;
		color: white;
		width: 33.34%;
	}
	.breadcrumb>li {
		font-size: 14px;
	}
	body#dashboard-new #site-production-summary {
		display: flex;
		flex-flow: column;
		font-size: smaller;
		position: fixed;
		border-color: #e4ebf5;
		border-style: solid;
		border-width: 54px 0px 0px 4px;
		top: 0;
		width: 66.3%;
	}
	.thunderbolt {
		margin-left: 51%;
		width: 45%;
	}
	.benefitimages {
		margin-left: 41%;
		width: 98%;
	}
	.project-button-row, .project-content-row, .portfolio-button-row {
		display: flex;
		margin-top: flex;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		float: right;
		margin-right: 50%;
	}
	.table-responsive {
		min-height: .01%;
		overflow-x: hidden;
		height: 770px;
		overflow-y: auto !IMPORTANT;
	}
	body#dashboard-new #project-selection-sidebar {
		display: flex;
		flex-flow: column;
		background-color: #28416a;
		padding-top: 5px;
		padding-bottom: 0px;
		padding-right: 10px;
		height: 100%;
	}
	body#dashboard-new #project-display-area {
		margin-top: 5%;
		height: 196vh;
	}
	#site-production-summary {
		margin-top: 6px;
		width: 102.2%;
	}
	.portfolio-name-content {
		font-size: small;
	}
	#site-production-evbenefit {
		flex-flow: inherit;
		margin-bottom: -8.5%;
		margin-top: 0.5%;
		margin-left: -2.8%;
		/* padding-left: 1.8%; */
		width: 103.6%;
	}
	.lead {
		font-size: 22px;
	}
	.small, small {
		font-size: 16.5px;
		margin-left: 13%;
	}
	#site-photo img, .site-photo img {
		float: left;
		width: 54%;
		height: auto;
		margin-left: 0%;
	}
	#project-panel-table-1 {
		font-size: 20px;
		margin-left: -41%;
	}
	#project-panel-table-2 {
		font-size: 22px;
	}
	#all-sites-overview-row-wrapper {
		margin-top: 6%;
	}
	.table-responsive {
		min-height: .01%;
		overflow-x: hidden;
		height: 720px;
		overflow-y: auto !IMPORTANT;
	}
	tr#projecttableheaders {
		background: white;
		font-size: 13px;
	}
	tbody#portfoliobody {
		font-size: 13px;
	}
	body#dashboard-new #project-selection-sidebar #project-list-area #portfolio-projects-table .project-column
		{
		vertical-align: middle;
		text-align: center;
	}
	.btn-md {
		width: 2%;
		display: initial;
		border-radius: 3px;
	}
	#portfolio-projects-table {
		margin-right: 1px;
		font-size: 14px;
	}
	.panel-title {
		margin: 4px 0px 0px 0px;
		line-height: 0.7;
		display: inline-block;
		font-size: 23px;
	}
	.panel-heading {
		width: 100%;
	}
	.panel-body system-panel-body {
		margin-left: 21%;
	}
	#site-data-table-area {
		
	}
	#datatablebutton #inverter-details-button #event-details-button {
		margin-left: 98%;
		margin-top: -1.3%;
	}
	#performance-title, #events-title {
		margin-right: 40px;
	}
	#sidebar-button-area-1 {
		margin-top: -1px;
		margin-bottom: 1%;
		margin-left: 0%;
		-webkit-padding-after: 0.15em;
	}
	#sidebar-button-area-2 {
		margin-top: -1px;
		margin-bottom: 5%;
	}
	#show_all_projects_button {
		border-radius: 4px !important;
		font-size: large;
	}
	#hide_all_projects_button {
		border-radius: 4px !important;
		font-size: large;
	}
	#hide_show_map_button {
		border-radius: 4px !important;
		font-size: large;
	}
	#add_portfolio_button {
		border-radius: 4px !important;
		font-size: large;
	}
	#add_project_button {
		border-radius: 4px !important;
		font-size: large;
	}
	#add_account_button {
		border-radius: 4px !important;
		font-size: large;
	}
	button.btn.btn-default.edit-proj-btn {
		border-radius: 4px !important;
		font-size: large;
	}
	button.btn.btn-default.show-evt-btn {
		border-radius: 4px !important;
		font-size: large;
	}
	button.btn.btn-default.show-sys-btn {
		border-radius: 4px !important;
		font-size: large;
	}
	button.btn.btn-default.show-svc-btn {
		border-radius: 4px !important;
		font-size: large;
	}
	#sidebar-collapse-button:active {
		
	}
	.cust-dash-btn {
		font-size: medium;
	}
	.sys-dash-btn {
		font-size: medium;
	}
	.kiosk-dash-btn {
		font-size: medium;
	}
	#sidebar-collapse-button {
		z-index: 100;
		top: inherit !important;
		left: 33.5%;
		width: 30px;
		height: 30px;
		outline: none;
		margin-left: -0.41% !important;
	}
}

@media only screen and (min-width : 2301px) and (max-width : 2558px) {
	#remembermelable {
		font-size: small;
		width: 42%;
	}
	#rememberMe2 {
		width: 6%;
		height: 29px;
		margin-top: 4px;
		right: 4%;
	}
	.breadcrumb>li {
		display: inline-block;
		font-size: medium;
	}
	#navbar-logo {
		width: 47%;
		padding-left: 35%;
	}
	#sidebar-collapse-button {
		z-index: 100;
		top: inherit !important;
		left: 33.5%;
		width: 30px;
		height: 30px;
		outline: none;
		margin-left: -.4% !important;
	}
	#project-panel-table-1 {
		font-size: 18px;
		margin-left: -24%;
	}
	#project-panel-table-2 {
		font-size: 17px;
	}
	.panel-title {
		margin: 4px 0px 0px 0px;
		line-height: 0.7;
		display: inline-block;
		/* width: 250px; */
		font-size: x-large;
	}
	.btn-md {
		width: 2%;
		display: initial;
		border-radius: 3px;
	}
	.table-responsive {
		min-height: .01%;
		overflow-x: hidden;
		height: 760px;
		overflow-y: auto !IMPORTANT;
	}
	#sidebar-button-area-1 {
		margin-top: -1px;
		margin-bottom: 0%;
		border-top-left-radius: 4px !important;
		border-bottom-left-radius: 4px !important;
		margin-left: 0%;
	}
	#show_all_projects_button {
		border-radius: 4px !important;
		font-size: 22px;
	}
	#hide_all_projects_button {
		border-radius: 4px !important;
		font-size: 22px;
	}
	#hide_show_map_button {
		border-radius: 4px !important;
		font-size: 22px;
	}
	#add_portfolio_button {
		border-radius: 4px !important;
		font-size: 22px;
	}
	#add_project_button {
		border-radius: 4px !important;
		font-size: 22px;
	}
	#add_account_button {
		border-radius: 4px !important;
		font-size: 22px;
	}
	button.btn.btn-default.edit-proj-btn {
		border-radius: 4px !important;
		font-size: 22px;
	}
	button.btn.btn-default.show-sys-btn {
		border-radius: 4px !important;
		font-size: 22px;
	}
	button.btn.btn-default.show-evt-btn {
		border-radius: 4px !important;
		font-size: 22px;
	}
	button.btn.btn-default.show-svc-btn {
		border-radius: 4px !important;
		font-size: 22px;
	}
	body#dashboard-new #project-selection-sidebar #project-list-area #portfolio-projects-table .project-column
		{
		vertical-align: middle;
		text-align: center;
	}
	.project-button-row, .project-content-row, .portfolio-button-row {
		display: inherit;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		float: left;
		margin-left: -29%;
	}
	.lead {
		font-size: 23px;
	}
	.small, small {
		font-size: 16px;
		margin-left: 10%;
	}
	tr#projecttableheaders {
		background: white;
		font-size: 15px;
	}
	tbody#portfoliobody {
		font-size: 15px;
	}
	#portfolio-projects-table {
		margin-right: 1px;
		font-size: 14px;
	}
	body#dashboard-new #site-production-summary {
		display: flex;
		flex-flow: column;
		font-size: smaller;
		position: fixed;
		border-color: #e4ebf5;
		border-style: solid;
		border-width: 52px 0px 0px 5px;
		top: 0;
		width: 66.5%;
	}
	#sidebar-button-area-2 {
		margin-top: -1px;
		margin-bottom: 3%;
	}
	#sidebar-button-area-2 {
		margin-top: -1px;
		margin-bottom: 4%;
	}
	body#dashboard-new #project-display-area {
		margin-top: 5%;
		height: 94vh;
	}
	.cust-dash-btn {
		font-size: large;
	}
	.sys-dash-btn {
		font-size: large;
	}
	.kiosk-dash-btn {
		font-size: large;
	}
	#navbar-logo {
		width: 46%;
		padding-left: 37%;
	}
	.benefitimages {
		margin-left: 33%;
	}
	#site-photo img, .site-photo img {
		float: left;
		width: 69%;
		height: auto;
		margin-left: 2%;
	}
	#site-production-evbenefit {
		flex-flow: inherit;
		font-size: x-small;
		margin-top: 0%;
		width: 101.6%;
		padding-left: .4%;
	}
	#all-sites-overview-row-wrapper {
		margin-top: 4%;
	}
}

@media only screen and (min-width : 2559px) {
	#remembermelable {
		font-size: small;
		width: 42%;
	}
	#rememberMe2 {
		width: 5%;
		height: 19px;
	}
	.breadcrumb>li {
		display: inline-block;
		font-size: medium;
	}
	#navbar-logo {
		width: 47%;
		padding-left: 35%;
	}
	body#dashboard-new #site-breadcrumb {
		background-color: #1a222f;
		color: white;
		width: 33.33%;
	}
	#sidebar-collapse-button {
		z-index: 100;
		top: inherit !important;
		left: 33.9%;
		width: 30px;
		height: 30px;
		outline: none;
		margin-left: -0.3% !important;
	}
	body#dashboard-new #project-selection-sidebar #project-list-area {
		flex: 1 1 auto;
		margin-left: -8px;
		width: 100.5%;
	}
	body#dashboard-new #site-production-summary {
		display: flex;
		flex-flow: column;
		font-size: smaller;
		position: fixed;
		border-color: #e4ebf5;
		border-style: solid;
		border-width: 55px 1px 0px 1px;
		top: 0;
		width: 65.5%;
		margin-left: -2px;
	}
	.panel-title {
		font-size: 26px;
	}
	#site-production-evbenefit {
		flex-flow: inherit;
		/* font-size: x-small; */
		width: 101.2% !important;
		/* width: 101%; */
		padding-left: 1%;
	}
	.thunderbolt {
		margin-left: 48%;
		width: 43%;
	}
	.benefitimages {
		width: 100%;
	}
	#all-sites-overview-row-wrapper {
		margin-top: 2%;
	}
	body#dashboard-new #project-display-area {
		margin-top: 6.5%;
	}
	.lead {
		font-size: 34px;
	}
	.small {
		font-size: 22px;
		margin-left: 14%;
	}
	#project-panel-table-1 {
		font-size: 23px;
		margin-left: -40%;
	}
	#project-panel-table-2 {
		font-size: 24px;
	}
	body#dashboard-new #project-selection-sidebar #project-list-area #portfolio-projects-table .project-column
		{
		vertical-align: middle;
		text-align: center;
	}
	tr#projecttableheaders {
		background: white;
		font-size: 15.5px;
	}
	tbody#portfoliobody {
		font-size: 15.5px;
	}
	#portfolio-projects-table {
		margin-right: 1px;
		font-size: 14.5px;
	}
	.btn-md {
		width: 2%;
		display: initial;
		border-radius: 3px;
	}
	#navbar-logo {
		width: 46%;
		padding-left: 37%;
	}
	#sidebar-button-area-1 {
		margin-top: -1px;
		margin-left: 0%;
	}
	#sidebar-button-area-2 {
		margin-top: -1px;
		margin-bottom: 2%;
	}
	#show_all_projects_button {
		border-radius: 4px !important;
		font-size: 25px;
	}
	#hide_all_projects_button {
		border-radius: 4px !important;
		font-size: 25px;
	}
	#hide_show_map_button {
		border-radius: 4px !important;
		font-size: 25px;
	}
	#add_portfolio_button {
		border-radius: 4px !important;
		font-size: 25px;
	}
	#add_project_button {
		border-radius: 4px !important;
		font-size: 25px;
	}
	#add_account_button {
		border-radius: 4px !important;
		font-size: 25px;
	}
	button.btn.btn-default.edit-proj-btn {
		border-radius: 4px !important;
		font-size: 25px;
	}
	button.btn.btn-default.show-sys-btn {
		border-radius: 4px !important;
		font-size: 25px;
	}
	button.btn.btn-default.show-evt-btn {
		border-radius: 4px !important;
		font-size: 25px;
	}
	button.btn.btn-default.show-svc-btn {
		border-radius: 4px !important;
		font-size: 25px;
	}
	.panel-heading {
		font-size: xx-large;
	}
	#site-photo img, .site-photo img {
		float: left;
		width: 57%;
		height: auto;
		margin-left: -1%;
	}
	.table-responsive {
		min-height: .01%;
		overflow-x: hidden;
		height: 800px;
		overflow-y: auto !IMPORTANT;
	}
	.project-button-row, .project-content-row, .portfolio-button-row {
		display: flex;
		margin-top: none;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		float: right;
		margin-right: 54%;
	}
	.cust-dash-btn {
		font-size: large;
	}
	.sys-dash-btn {
		font-size: large;
	}
	.kiosk-dash-btn {
		font-size: large;
	}
}