/*#titles {
	display: none!important;
}*/

/*nav ul {
	display: block;
}*/



.datarow.settings.mobile-settings {
	cursor: pointer;
}

.data-dropdown.mobile-settings .data-dropdown-row {
	margin-top: 10px;
}

.data-dropdown.mobile-settings .data-dropdown-divider {
	width: 90%;
	height: 1px;
	background: #CCC;
	margin: 10px auto 15px;
}

.data-dropdown.mobile-settings .data-dropdown-element-label,
.data-dropdown.mobile-settings .data-dropdown-element-value {
	display: table-cell;
}

#users-settings .data-dropdown-element-value {
	display: table-cell;
	font-size: 1.3rem;
}

.data-dropdown.mobile-settings .data-dropdown-element-value {
	font-size: 1.3rem;
}

.data-dropdown.mobile-settings .data-dropdown-element-label {
	text-align: center;
}

.data-dropdown.mobile-settings .data-dropdown-element-value .setting-label,
.data-dropdown.mobile-settings .data-dropdown-element-value .temperature {
	line-height: 40px;
}

.data-dropdown.mobile-settings .data-dropdown-element-value .setting-label {
	line-height: 40px;
	font-size: 1rem;
}

.data-dropdown.mobile-settings .data-dropdown-element-value.hvacmode,
.data-dropdown.mobile-settings .data-dropdown-element-value.hvacfan,
.data-dropdown.mobile-settings .data-dropdown-element-value.hvac-lock,
.data-dropdown.mobile-settings .data-dropdown-element-value .setting-label {
	width: 84px;
}

.data-dropdown.mobile-settings .data-dropdown-element-label .hvac-occ-cooling-icon,
.data-dropdown.mobile-settings .data-dropdown-element-label .hvac-unocc-cooling-icon,
.data-dropdown.mobile-settings .data-dropdown-element-label .hvac-occ-heating-icon,
.data-dropdown.mobile-settings .data-dropdown-element-label .hvac-unocc-heating-icon,
.data-dropdown.mobile-settings .data-dropdown-element-label .hvac-mode-icon,
.data-dropdown.mobile-settings .data-dropdown-element-label .hvac-fan-icon {
	display: inline-block;
	width: 70px;
	height: 40px;
	vertical-align: middle;
	background: url("../images/sprite_hvac-settings.png") no-repeat;
	background-size: cover;
}

.data-dropdown.mobile-settings .data-dropdown-element-label .hvac-occ-cooling-icon {
	background-position: 0px -40px;
}

.data-dropdown.mobile-settings .data-dropdown-element-label .hvac-unocc-cooling-icon {
	background-position: 0px -120px;
}

.data-dropdown.mobile-settings .data-dropdown-element-label .hvac-occ-heating-icon {
	background-position: 0px 0px;
}

.data-dropdown.mobile-settings .data-dropdown-element-label .hvac-unocc-heating-icon {
	background-position: 0px -80px;
}

.data-dropdown.mobile-settings .data-dropdown-element-label .hvac-mode-icon {
	background-position: 0px -160px;
}

.data-dropdown.mobile-settings .data-dropdown-element-label .hvac-fan-icon {
	background-position: 15px -200px;
}


/* ------- 	MOVED FROM EVIEW.CSS -------------*/

/** Mobile alarms **/
.alarminfo,
.multiinfo,
.cautioninfo,
.infoinfo,
.alarminfo {
	display: none;
}

.alarms-mobile > .alarm-group > ul {
	display: table;
	width: 100%;
	height: 55px;
	list-style: none;
	cursor: pointer;
}

.alarms-mobile > .alarm-group > ul > li {
	display: table-cell;
	width: 33.333333333%;
	height: 54px;
	text-align: center;
	vertical-align: middle;
}

.alarms-mobile > .alarm-group > ul > li:first-child {
	text-align: left;
	padding-left: 10px;
	font-weight: bold;
}

.alarms-mobile > .alarm-group > ul > li.alarm-details {
	background-image: url("../images/tier1bar_arrow_open.png") ;
	background-position: center center;
	background-repeat: no-repeat;
	text-align: right;
	padding-right: 10px;
}

.alarms-mobile > .alarm-group > ul > li.alarm-details.open {
	background-image: url("../images/tier1bar_arrow_close.png");
}

.alarms-mobile > .alarm-group > div.alarm-message-container {
	display: none;
}

.alarms-mobile > .alarm-group > div.alarm-message-container.open {
	display: table;
	width: 100%;
	height: 70px;
	text-align: left;
}

.alarms-mobile > .alarm-group > div.alarm-message-container > .alarm-message {
	display: table-cell;
	height: 100%;
	width: 90%;
	font-size: 0.95em;
	font-weight: bold;
	padding: 5px 5%;
	vertical-align: middle;
	background: #FFFFFF;
	color: #444;
}

.alarms-mobile > .alarm-group > div.alarm-message-container.critical .alarm-message {
	border-left: 3px solid #EC1A23;
	border-right: 3px solid #EC1A23;
	border-bottom: 3px solid #EC1A23;
}

.alarms-mobile > .alarm-group > div.alarm-message-container.caution .alarm-message {
	border-left: 3px solid #F7B614;
	border-right: 3px solid #F7B614;
	border-bottom: 3px solid #F7B614;
}

.alarms-mobile > .alarm-group > div.alarm-message-container.info .alarm-message {
	border-left: 3px solid #28A9E0;
	border-right: 3px solid #28A9E0;
	border-bottom: 3px solid #28A9E0;
}

.alarms-mobile > .alarm-group > ul > li > .helper {
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}

.alarms-mobile > .alarm-group > ul > li > img,
.alarms-mobile > .alarm-group > ul > li > a > img {
	vertical-align: middle;
	max-width: 55px;
	max-height: 41px;
	margin-left: auto;
	margin-right: auto;
}

/* Settings Styles */
#settings-mobile {
    display: none;
}
#settings-mobile.open, .main.open {
    display: block;
}

#settings-mobile ul {
	list-style: none outside;
}

#settings-mobile ul li {
	display: block;
	width: 88%;
	padding: 3% 0;
	max-width: none;
}

#settings-mobile ul li.settings-mobile-li {
	margin-left: 12%;
}

#settings-mobile ul li a {
	display: block;
	height: 100%;
	padding-left: 30%;
	color: #000000;
	font-size: 1.2em;
	text-decoration: none;
	white-space: nowrap;
}

#settings-mobile	ul li a span.helper {
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}

#settings-mobile .gear {
	display: inline-block;
	width: 30px;
	height: 30px;
	background: url("../images/phone/menuicon_settings.png") no-repeat;
	background-size: 100%;
	vertical-align: middle;
	margin: 0px 15px 0px 20px;
}

#settings-mobile .gear,
#settings-mobile h2	{
	margin-top: 10px;
	margin-bottom: 10px;
}

#settings-mobile h2	{
	display: inline-block;
	max-width: 300px;
	vertical-align: middle;
}

#settings-mobile .li-content {
	display: inline-block;
	margin-left: 10px;
	font-size: 1.2em;
	cursor: pointer;
}

#settings-mobile .hvac-icon {
	display: inline-block;
	width: 38px;
	height: 24px;
	background: url("../images/phone/menuicon_hvac.png") center center no-repeat;
	background-size: 100%;
	vertical-align: middle;
}

#settings-mobile .refrigeration-icon {
	display: inline-block;
	width: 38px;
	height: 32px;
	background: url("../images/phone/menuicon_refrig.png") center center no-repeat;
	background-size: 100%;
	vertical-align: middle;
}

#settings-mobile .lighting-icon {
	display: inline-block;
	width: 30px;
	height: 35px;
	background: url("../images/phone/menuicon_lighting.png") center center no-repeat;
	background-size: 100%;
	vertical-align: middle;
}
#settings-mobile .location-icon {
	display: inline-block;
	width: 30px;
	height: 35px;
	background: url("../images/phone/menuicon_location.png") center center no-repeat;
	background-size: 100%;
	vertical-align: middle;
}
#settings-mobile .energy-icon {
	display: inline-block;
	width: 30px;
	height: 29px;
	background: url("../images/phone/menuicon_energy.png") center center no-repeat;
	background-size: 100%;
	vertical-align: middle;
}

#settings-mobile .users-icon {
	display: inline-block;
	width: 29px;
	height: 41px;
	background: url("../images/icon_users.png") center center no-repeat;
	background-size: 100%;
	vertical-align: middle;
}

#settings-mobile .alerts-icon {
	display: inline-block;
	width: 32px;
	height: 30px;
	background: url("../images/icon_alerts.png") center center no-repeat;
	background-size: 100%;
	vertical-align: middle;
}

.data-dropdown.mobile-settings.users .data-dropdown-row {
	box-sizing: border-box;
	margin: 0;
	overflow: hidden;
}

.data-dropdown-element-wrapper .enablebox .mobile-lighting-caption {
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 0.6rem;
	font-weight: bold;
}