/* iPad Landscape Styles (Default Styles) */
@font-face {
  font-family: 'Open Sans';
  src: local('Open Sans'), local('OpenSans'), url('font.woff') format('truetype');
}
* { 
	 font-family: 'Open Sans';
	  -moz-user-select: none;
	  -khtml-user-select: none;
	  -webkit-user-select: none;
	  user-select: none;
}
body {
	margin: 0px;
	padding: 0px;
	color: #fff;
}


.icon-ac { background: url('../../images/icon-ac-hv.png') top left no-repeat; display: inline-block; margin-right: 10px;}
/*.icon-ac:hover { background: url('../../images/icon-ac-hv.png') top left no-repeat;} */
.icon-light { background: url('../../images/icon-light.png') top left no-repeat; display: inline-block; margin-right: 10px;}
.icon-light:hover { background: url('../../images/icon-light-hv.png') top left no-repeat; }
.icon-energy { background: url('../../images/icon-energy.png') top left no-repeat; display: inline-block; margin-right: 10px;}
.icon-energy:hover { background: url('../../images/icon-energy-hv.png') top left no-repeat;}

#container {
	width: 100%;
	min-height: 100%;
	position: absolute;
	overflow: hidden;
}
#top {
	height: 80px;
	background: #0f1e2f;
}
#logo {
	margin-left: 24px;
}
#logo img { 
	height: 65px;
	margin-top: 5px;
}
#zones {
	width: 30%;
	float: left;
	background: url('../images/trans.png');
}
.zone {
	width: 100%;
	background: url('../images/trans.png');
	border-bottom: solid 1px #195290;
	text-transform: uppercase;
	font-size: 14px;
}
#zonex-tset-slider,#zonex-fset-slider { 
	margin-bottom: 15px;
}
#zonex-fset-temp { 
	
}
.acsystem {
	width: 100%;
	background: url('../images/trans.png');
	border-bottom: solid 1px #195290;
	text-transform: uppercase;
	font-size: 14px;
}
#summary {
	width: 70%;
	float: left;
	background: url('../images/shade.png') repeat-y;
	display: block;
	min-height: 100%;
}
#zonex {
	width: 70%;
	float: left;
	background: url('../images/shade.png') repeat-y;
	display: none;
}
.masthead {
	background: url('../images/trans.png');
	padding: 10px;
	padding-bottom: 17px;
	padding-left: 40px;
	padding-top: 15px;
	padding-bottom: 20px;
	height: 65px;
	
}
.heading {
	color: #fff;
	font-size: 29px;
}
#zones-top-buttons {
	background: #18528f;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 20px;
	padding-bottom: 0px;
	border-bottom: solid 1px #174579;
}
.btn-all-on {
	cursor: pointer;
	background: #16a603 url('../images/btn-green-bg.jpg') repeat-x;

	color: #fff;
	font-size: 20px;
	text-transform: uppercase;
	box-shadow: 1px 1px 2px #333;
	border-radius: 5px;
	margin-bottom: 13px;
	width: 48%;
	float: left;
	text-align: center;
	margin-right: 2%;
	padding-top: 10px;
	padding-bottom: 10px;
}
.btn-all-off {
	cursor: pointer;
	background: #d40e0e;
	color: #fff;
	font-size: 20px;
	text-transform: uppercase;
	box-shadow: 1px 1px 2px #333;
	border-radius: 5px;
	margin-bottom: 10px;
	width: 48%;
	float: left;
	text-align: center;
	margin-left: 2%;
	padding-top: 10px;
	padding-bottom: 10px;
}
.btn-overview {
	cursor: pointer;
	background: #006dcd url('../images/btn-blue-bg.jpg') repeat-x;
	padding: 11px;
	color: #fff;
	font-size: 20px;
	text-transform: uppercase;
	box-shadow: 1px 1px 2px #333;
	border-radius: 5px;
	margin-bottom: 13px;
	text-align: center;

}
.btn-grey {
	cursor: pointer;
	background: #8b8b8b url('../images/btn-grey-bg.jpg') repeat-x;
	float: left;
	width: 49%;
	padding-bottom: 5px;
	padding-top: 5px;
	font-size: 12px;
	text-transform: uppercase;
	box-shadow: 1px 1px 2px #333;
	border-radius: 5px;
	text-align: center;
	margin-bottom: 15px;
	color: #4a4a4a;
	margin-right: 2%;
}
.btn-grey:nth-child(even) {
	margin-right: 0px;
}

.zone-item {
	padding: 6px;
	padding-bottom: 7px;
	margin-left: 20px;
}
.acsystem-item {
	padding: 6px;
	padding-bottom: 7px;
	margin-left: 20px;
}
#gbl-hvac {
	background: #2b5791;
	border-radius: 5px;
	padding: 3px;
	padding-right: 0px;
	margin-bottom: 10px;
}
.zonex-sched-text {
	padding-left: 10px;	
}
#return-air-temp {
	background: #2c5e9a;
	border-radius: 5px;
	padding-right: 0px;
	text-align: center;
	float: left;
	font-size: 11px;
	text-transform: uppercase;
	margin-right: 1%;
	width: 10%;
	padding-bottom: 8px;
	padding-top: 8px;
}
#gbl-tset {
	background: #2c5e9a;
	border-radius: 5px;
	padding-bottom: 15px;
	padding-top: 15px;
	text-align: center;
	float: left;
	font-size: 13px;
	text-transform: uppercase;
	width: 89%;
	margin-bottom: 10px;
}
#gbl-hvac-text {
	float: left;
	font-size: 18px;
	text-transform: uppercase;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 8px;
}
#gbl-hvac-btns {
	float: right;
}
.gbl-hvac-btn {
	border-radius: 5px;
	background: #fff;
	padding: 10px;
	padding-left: 28px;
	padding-right: 28px;
	color: #4a4a4a;
	text-transform: uppercase;
	font-size: 14px;
	margin-right: 3px;
	float: right;
	font-weight: bold;
}
.gbl-hvac-btn-on { 
	background: #16a603 url('../images/btn-green-bg.jpg') repeat-x;
	color: #fff;
	cursor: pointer;
}
#summary-container {
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 10px;
}
.temp {
	font-size: 20px;
	width: 100px; 
	text-align: center;
	margin-right: 7px;
}
#return-air-temp-text { 
	float: left;
	width: 100px;
}
#gbl-tset-temp {
	float: right;
	padding: 7px;
	background: #205590;
	font-size: 16px;
	text-align: center;
	border-radius: 5px;
	margin-left: 15px;
	margin-right: 15px;
}
#gbl-tset-bar {
	float: left;
	width: 89%;
	font-size: 13px;
	clear: both;
	font-weight: bold;
	margin-left: 2%;
}
.inset-summary {
	float: left;
	background: #30619c;
	margin-right: 1%;
	border-radius: 5px;
	text-transform: uppercase;
	width: 15.8%;
	margin-bottom: 10px;
}
.inset-summary-title {
	float: left;
	font-size: 12px;
	width: 48%;
	margin-right: 2%;
}
.inset-summary-container { 
	margin: 10px;
}
.inset-summary-value {
	float: left;
	width: 50%;
	font-size: 20px;
	text-align: center;
}
#btn-icon-on {
	float: right;
	margin-top: -3px;
}
#btn-icon-overview {
	float: right;
	margin-top: -1px;
}
#logo {
	float: left;
	width: 30%;
}
#nav {
	float: left;
	width: 300px;
	padding-top: 10px;
}
#time {
	float: right;
	font-size: 18px;
	padding-top: 25px;
	padding-right: 20px;
}
#green {
	background: url('../images/green-bg.png');
	border-radius: 5px;
	padding-bottom: 0px;
	font-size: 12px;
	margin-bottom: 10px;
	padding-top: 10px;
}
.green-temp {
	background: #197458;
	border-radius: 5px;
}

.green-temp {
	font-size: 19px;
	width: 40px;
}
.green-label, .green-slider, .green-value {
	float: left;
}
.green-set {
	padding-bottom: 7px;
}


.green-slider { 
	width: 78%;
	float: left;
}
.green-value { 
	margin-left: 1%;
	padding: 5px;
}
.green-label-right { 
	float: left;
	margin-left: 1%;
	width: 9%;
}
.green-label { 
	float: left;
	width: 9%;
	margin-left: 1%;
	margin-right: 2%;
}

.jclock {
	padding-right: 10px;
}
#sync, .jclock {
	float: left;
}

#summary-bottom {
	text-transform: uppercase;
}
#global {
	font-size: 20px;
	width: 100%;
}
#global-head {
	background: url('../images/trans-bottom.png');
	padding: 11px;
	padding-left: 20px;
	padding-right: 20px;
	overflow: hidden;
}

.global-open {
	position: absolute;
	width: 70% !important;
	/*height: 593px !important; */
	/*
	margin-top: -545px;
	*/
	top: 80px;
	z-index: 50;
	height: 100% !important;
	background: #2f67a8 url('../images/shade.png') repeat-y;
}

#gbl-sched {
	margin: 20px;
	font-size: 12px;
}
.global-inset {
	padding: 3px;
	background: #385e84;
	border-radius: 5px;
	text-transform: uppercase;
	margin-bottom: 10px;
}
.global-inset-title { 
	float: left;
	font-size: 14px;
	padding-top: 7px;
	padding-right: 20px;
	width: 70px;
	padding-left: 10px;
}	
.sched-time { 
	float: left !important;
}
.global-set { 
	float: right;
}
#zones-bottom {
	text-align: center;
	padding-top: 5px;
	background: url('../images/trans-bottom.png');
	
	padding: 10px;
}
#gbl-sched-hideshow, #zonex-sched-toggle {
	padding-top: 3px;
}
#zonex-sched-toggle { 
	float: right;
	padding-right: 10px;
}
.tgl-120x24-showhide, .tgl-77x24-onoff {
	cursor: pointer;
}
.zone-toggle {
	float: right;
	margin-top: -2px;
	padding-right: 20px;
	cursor: pointer;
}
#gbl-tset-slider .ui-slider-range {
	background: #029f11;
	box-shadow: 2px 1px 2px #444;
}
#gbl-tset-slider-amount {
	border: 0;
	padding: 0px;
	background: none;
	color: #fff;
	width: 40px;
	font-size: 20px;
	text-align: center;
}
#zonex-fset-temp {
	margin: 0px auto;
	margin-top: 10px;
	background: #4e79ac;
	padding: 10px;
	width: 60px;
	border-radius: 5px;
	font-size: 22px;
}
#zonex-fset-bar {
	text-align: center;
	text-transform: uppercase;
}
#zonex-fset-slider, #zonex-tset-slider {
	margin-top: 15px;
	box-shadow: 2px 1px 2px #444;
	border: 0px;
}
#zonex-fset-slider .ui-slider-range {
	background: #48abff;
	box-shadow: 2px 1px 2px #444;
}
#zonex-fset-slider-amount {
	border: 0;
	padding: 0px;
	background: none;
	color: #fff;
	width: 38px;
	font-size: 22px;
	text-align: center;
}
#zonex-tset-temp {
	margin: 0px auto;
	margin-top: 10px;
	background: #4e79ac;
	padding: 10px;
	width: 90px;
	border-radius: 5px;
	font-size: 22px;
	margin-top: 7px;
}
#zonex-tset-bar {
	text-align: center;
	text-transform: uppercase;
}
#zonex-tset-slider {
	margin-top: 15px;
}
#zonex-tset-slider .ui-slider-range {
	background: #00ae08;
	box-shadow: 2px 1px 2px #444;
}
#zonex-tset-slider-amount {
	border: 0;
	padding: 0px;
	background: none;
	color: #fff;
	width: 50px;
	font-size: 22px;
	text-align: right;
}
#gbl-runtimer-slider-amount {
	border: 0;
	padding: 0px;
	background: none;
	color: #fff;
	width: 100%;
	font-size: 18px;
	text-align: center;
}

#auto-control-setpoint-temp {
	margin: 0px auto;
	margin-top: 10px;
	background: #4e79ac;
	padding: 10px;
	width: 70px;
	border-radius: 5px;
	font-size: 22px;
}
#auto-control-setpoint-bar {
	text-align: center;
	text-transform: uppercase;
}
#auto-control-setpoint-slider {
	margin-top: 15px;
}
#auto-control-setpoint-slider .ui-slider-range {
	background: #00ae08;
	box-shadow: 2px 1px 2px #444;
}
#auto-control-setpoint-slider-amount {
	border: 0;
	padding: 0px;
	background: none;
	color: #fff;
	width: 43px;
	font-size: 22px;
	text-align: center;
}
#gbl-cbandset-temp {
	margin: 0px auto;
	margin-top: 10px;
	background: #4e79ac;
	padding: 10px;
	width: 70px;
	border-radius: 5px;
	font-size: 22px;
}
#gbl-cbandset-bar {
	text-align: center;
	text-transform: uppercase;
}
#gbl-cbandset-slider .ui-slider-range {
	background: #48abff;
	box-shadow: 2px 1px 2px #444;
}
#gbl-cbandset-slider-amount {
	border: 0;
	padding: 0px;
	background: none;
	color: #fff;
	width: 43px;
	font-size: 22px;
	text-align: center;
}
#gbl-hbandset-temp {
	margin: 0px auto;
	margin-top: 10px;
	background: #4e79ac;
	padding: 10px;
	width: 70px;
	border-radius: 5px;
	font-size: 22px;
}
#gbl-hbandset-bar {
	text-align: center;
	text-transform: uppercase;
}
#gbl-hbandset-slider {
	
}
#gbl-hbandset-slider .ui-slider-range {
	background: #9f0b00;
	box-shadow: 2px 1px 2px #444;
}
#gbl-hbandset-slider-amount {
	border: 0;
	padding: 0px;
	background: none;
	color: #fff;
	width: 43px;
	font-size: 22px;
	text-align: center;
}
#auto-off-slider-amount {
	border: 0;
	padding: 0px;
	background: none;
	color: #fff;
	width: 40px;
	font-size: 18px;
	text-align: center;
}
#gbl-cbandset-slider-amount {
	border: 0;
	padding: 0px;
	background: none;
	color: #fff;
	width: 40px;
	font-size: 18px;
	text-align: center;
}
#gbl-hbandset-slider-amount {
	border: 0;
	padding: 0px;
	background: none;
	color: #fff;
	width: 40px;
	font-size: 18px;
	text-align: center;
}
#auto-off-slider, #gbl-cbandset-slider, #gbl-hbandset-slider, #gbl-tset-slider, #zonex-mode-flow-slider,#gbl-runtimer-slider {
	margin-top: 15px;
	border: 0px;
}
#auto-off-slider .ui-slider-range {
	background: #cacaca;
	box-shadow: 2px 1px 2px #444;
}
#gbl-cbandset-slider .ui-slider-range {
	background: #48abff;
	box-shadow: 2px 1px 2px #444;
	
}
#gbl-hbandset-slider .ui-slider-range {
	background: #9f0b00;
	box-shadow: 2px 1px 2px #444;
}

.zone-name:hover {
	color: #89ccff;
	cursor: pointer;
}
.zone:hover {
	background: url('../images/zone-hover.png');
}
.zone-selected {
	background: #1d4b7d;	
}
.zone-selected:hover {
	background: #1d4b7d;	
}
#gbl-sched { 
	display: none;
}
.zone-button {
	cursor: pointer;
	color: #cccccc;
	font-size: 18px;
	text-transform: uppercase;
	border-radius: 5px;
	width: 48%;
	float: left;
	text-align: center;
	padding-top: 11px;
	padding-bottom: 11px;
	margin-left: 1%;
	margin-right: 1%;
}
.zone-button-on {
	cursor: pointer;
	background: #16a603 url('../images/btn-green-bg.jpg') repeat-x;
	color: #fff;
	font-size: 18px;
	text-transform: uppercase;
	border-radius: 5px;
	width: 48%;
	float: left;
	text-align: center;
	padding-top: 11px;
	padding-bottom: 11px;
}
#zone-content {
	margin: 20px;
}
#zonex-mode {
	background: #284c74;
	border-radius: 5px;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.zone-inset {
	background: #305e9a;
	padding: 15px;
	border-radius: 5px;
	margin-bottom: 10px;
}
.zonex-mode-temp {
	width: 100px;
	float: left;
}
.zone-inset-label {
	font-size: 14px;
	text-transform: uppercase;
	float: left;
	padding-top: 5px;
}
.zone-inset-amount {
	float: right;
	font-size: 20px;
}
#zonex-sched {
	font-size: 20px;
	width: 100%;
	background: url('../images/shade.png') repeat-y;
}
#zonex-sched-head {
	background: url('../images/trans-bottom.png');
	padding: 11px;
	padding-left: 20px;
	padding-right: 20px;
	text-transform: uppercase;
}
#zonex-sched-content {
	margin: 20px;
	font-size: 12px;
	display: none;
}
.zonex-sched-switch {
	margin-left: 30px;
}
.select-div {
	margin-right: 3px;
	width: 120px;
	height: 34px;
	overflow: hidden;
	background: url(../images/arrow.png) no-repeat right #FFFFFF;
	border: 1px solid #919daa;
	border-radius: 5px;
	float: left;
}
.select-div select {
	background: transparent;
    width: 268px;
	padding: 7px;
	font-size: 14px;
	line-height: 1;
	border: 0;
	border-radius: 0;
	height: 34px;
	-webkit-appearance: none;
}
.chk-dow { 
	border-radius: 5px;
	background: #fff;
	padding: 13px;
	padding-top: 7px;
	padding-bottom: 7px;
	color: #4a4a4a;
	text-transform: uppercase;
	text-align: center;
	font-size: 15px;
	margin-right: 3px;
	width: 59px;
	float: left;
}

.chk-dow-on { 
	background: #16a603 url('../images/btn-green-bg.jpg') repeat-x;
	color: #fff;
	cursor: pointer;
}
.schedule { 
	background: #577fa8;
	padding: 10px;
	margin-bottom: 10px;
	border-radius: 3px;	
}
.schedule h1  {
	width: 100%;
	text-align: center;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	font-size: 19px;
	margin-bottom: 7px;
	text-transform: uppercase;
}
#acsystem {
	width: 680px;
	float: left;
	background: url('../images/shade.png') repeat-y;
	display: none;
	height: 600px;
}
#acsystem-container {
	margin: 20px;
}
.ui-slider-horizontal { 
	height: 6px;
}
.ui-slider .ui-slider-handle { 
	height: 18px;
	width: 18px;
	border: solid 1px #ddd;
	border-radius: 15px;
	box-shadow: 1px 1px 2px #333;
	margin-top: -4px;
}
#sync { 
	cursor: pointer;
}
.zonex-onoff { 
	float: right;
	margin-right: 10px;
	cursor: pointer;
	margin-top: -3px;
}
input { 
	padding: 0px;
	margin: 0px;
	font-size: 18px;
	-webkit-text-fill-color: #fff;
	opacity: 1;

}
.zonehead { 
	height: 40px;
}
.nomargin { 
	margin-right: 0px;
}
.global-schedule { 
	padding-left: 10px;
	float: left;
}
.global-switch { 
	padding-top: 3px;
}
#all-sched-obey { 
	float: left;
}
#gbl-sched-hideshow { 
	float: right;
}
#zonex-sched-flip {
	padding-top: 3px; 
	float: left;
}
#zonex-sched-toggle { 
	float: right;
}
a { 
	color: #fff;
	text-decoration: none;
}
.energy { 
	font-weight: bold;
	text-align: center;
	font-size: 14px;
}
#loading-bg { 
	background: #000; 
	position: fixed; 
	width: 100%; 
	height: 100%; 
	opacity: 0.7; 
	z-index: 99999;
}
#loading-icon img { 
	margin-bottom: 7px;
}
#loading-icon { 
	padding: 10px; 
	border-radius: 10px; 
	background: #000; 
	position: fixed;
	z-index: 99999999;
	left: 550px;
	top: 300px;
	font-size: 11px;
	text-align: center;
	color: #ccc;
}
.zone-temp { 
	margin-top: 2px;
	margin-right: 7px;
	background: #1f558c;
	padding: 3px;
	border-radius: 5px;
	padding-left: 5px;
	padding-right: 5px;
	vertical-align: middle;
	
}
.global-switch { 
	margin-left: 30px;
}

#zonex { 
	height: 100%;
}
#zonex-sched-toggle { 
	padding-right: 0px;
}


#global, #zonex-sched { 
	position: absolute;
	bottom: 0px;
	width: 70%;
}

.zonex-sched-open { 
	z-index: 9999999999999999;
	top: 80px !important;
	background: #2f67a8 url('../images/shade.png') repeat-y !important;
}

@media (max-height: 1024px) { 
	#summary { 
		min-height: 690px;
	}
	#zonex { 
		min-height: 690px;
	}
}

@media screen and (max-width: 992px) {
	.global-inset { 
		padding: 5px;
		padding-bottom: 0px;
	}
	.chk-dow { 
		margin-bottom: 5px;
	}
	.chk-dows{ 
		margin-bottom: 5px;
	}
	.global-inset-title { 
		padding-left: 0px;
		padding-top: 0px;
	}
	.select-div { 
		width: 70px;
		margin-bottom: 5px;
	}

	#gbl-sched { 
		margin: 10px;
	}

	.global-open, .zonex-sched-open { 
		position: absolute !important;
	}

	#global, #zonex-sched { 
		position: static;
	}

	#global-head { 
		padding-top: 6px;
		padding-bottom: 6px;
	}
	#zonex-sched-head {
		padding-top: 6px;
		padding-bottom: 6px;
	}
	
	#zonex-sched-content { 
		margin-left: 10px;
		margin-right: 10px;
	}
	#zonex, #zonex-sched, #global { 
		width: 100% !important;
	}
	.masthead { 
		padding-left: 10px;
	}
	#zones { 
		width: 100%;
		float: none;
	}

	.global-open, #zonex,.zonex-sched-open { 
		float: none;
	}
	#summary { 
		width: 100% !important;
		float: none;
	}

	.inset-summary, #return-air-temp, #gbl-tset  { 
		width: 100%;
	}
	#gbl-hvac-btns { 
		float: left;
		width: 100%;
	}
	#gbl-hvac { 
		padding: 0px;
		padding-top: 7px
	}
	.gbl-hvac-btn { 
		float: left;
		width: 48%;
		margin-left: 1%;
		margin-right: 1%;
		margin-bottom: 7px;
		padding-left: 0px;
		padding-right: 0px;
		text-align: center;
	}
	.global-schedule { 
		padding-left: 5px;
		padding-right: 10px;
	}
	#global-head { 
		padding-left: 10px;
		padding-right: 10px;
		font-size: 13px;
	}
	#return-air-temp { 
		margin-bottom: 10px;
	}
	.return-air-temp { 
		float: right;
	}
	#gbl-tset-temp { 
		float: none;
		clear: both;
		width: 40px;
		margin: 0px auto;
	}
	#gbl-tset-bar { 
		width: 95%;
		margin-bottom: 20px;
	}
	.inset-summary-value { 
		text-align: right;
	}
	#gbl-hvac-text { 
		display: none;
	}
	#summary-container { 
		margin-left: 10px;
		margin-right: 10px;
	}
	#zone-content  {
		margin-left: 10px;
		margin-right: 10px;
	}
	#time { 
		display: none;
	}
	#zones-top-buttons { 
		padding-left: 10px;
		padding-right: 10px;
	}
	.global-schedule { 
		width: 90px;
		font-size: 14px;
	}
	.chk-dow { 
		width: 43px;
		padding-left: 0px;
		padding-right: 0px;
	}

}
@media (max-width: 767px) {


	.zone { 
		background: #2c5e9a;
	}
	.zone:hover { 
		background: #28568b;
	}


	#zonex-sched-head { 
		padding-left: 10px;
		padding-right: 10px;
	}
	.global-switch { 
		margin-left: 0px;
	}
	#gbl-sched-hideshow img { 
		width: 95px;
		height: auto;
	}
	#zonex-sched-toggle { 
		padding-right: 0px;
	}
	#zonex-sched-toggle img { 
		width: 95px;
		height: auto;
	}
	#all-sched-obey img { 
		width: 65px;
		height: auto;
	}
	.green-value { 
		float: left;
		width: 15%;
		margin: 0px;
		margin-right: 1%;
		margin-left:3%;
	}
	.green-label-right { 
		float: left;
		width: 15%;
		margin-left: 5%;
		margin-right: 1%;
	}
	.green-label { 
		float: left;
		width: 25%;
		padding-left: 1%;
	}
	.green-slider { 
		width: auto;
		float: left;
		width: 48%;
	}
}


@media (min-width: 992px) and (max-width: 1600px) { 
	.green-value { 
		float: left;
		margin: 0px;
		margin-left: 2%;
	}
	.green-label-right { 
		float: right;
		width: 10%;
		margin-right: 1%;
	}
	.green-label { 
		float: left;
		width: auto;
		width: 10%;
		margin-left: 1%;
	}
	.green-slider { 
		width: auto;
		float: left;
		width: 72%;
	}
	#return-air-temp { 
		width: 100%;
		margin-bottom: 10px;
	}
	#gbl-tset { 
		width: 100%;
	}
	#gbl-tset-temp { 
		width: 60px;
		float: right;
		margin-top: 10px;
		margin-left: 15px;
		margin-right: 15px;
		margin-top: 10px;
	}
	
	.temp { 
		float: right;
	}
	#zones-top-buttons { 
		padding-left: 20px;
		padding-right: 20px;
	}
	.inset-summary {
		float: left;
		background: #30619c;
		margin-right: 1%;
		border-radius: 5px;
		text-transform: uppercase;
		width: 32.6%;
		margin-bottom: 10px;
	}
	.inset-summary:nth-child(3n) {
		margin-right: 0;
	}
	#gbl-tset-bar { 
		width: 86%;
	}

}
@media (min-width: 992px) and (max-width: 1300px) {  
	#gbl-tset-bar { 
		width: 82%;
	}
}

@media (max-width: 768px) {  
	#logo { 
		margin-left: 10px;
		width: 95px;
		margin-top: 5px;
	}
	#logo img { 
		width: 90px;
		height: auto;
	}
	#nav { 
		width: 190px;
		text-align: right;
		float: right;
		margin-right: 10px;
		margin-top: 3px;
	}
	.icon-energy, .icon-light, .icon-ac {
		margin-right: 0px; 
	}
}
@media (max-width: 300px) {   
	#nav { 
		display: none;
	}
}

/* Hides the Green active state of the grey buttons on iphone - Do not remove */
/* iOS has a bug where Jquery toggle does not work if active states are used, so we leave this out from iphone */
@media only screen and (min-device-width: 480px) {
	.btn-grey:active {
		cursor: pointer;
		color: #ffffff;
		background: #16a603 url('../images/btn-green-bg.jpg') repeat-x;
		float: left;
		padding-bottom: 5px;
		padding-top: 5px;
		font-size: 12px;
		text-transform: uppercase;
		box-shadow: 1px 1px 2px #333;
		border-radius: 5px;
		text-align: center;
		margin-bottom: 15px;
	}

/* Login Screen */
body { 
	background: #0f1e2f;
	
}
#login-form { 
	padding: 24px;
	padding-top: 0px;
	width: 300px;
}
#login-form p { 
	margin-top: 5px;
}
#login-form input { 
	width: 75%;
	border: 0px;
	padding: 5px;
	margin-top: 10px;
	-webkit-text-fill-color: #333;
}
#login-form input[type='text'],#login-form input[type='password'] {
	border-radius: 7px;	
}
#login-form .btn-grey { 
	width: 100px;
	margin-top: 0px;
}
}