body, html {
	font-family: helvetica, arial, sans-serif;
	margin: 0;
	height: 100%;
	width: 100%;
	font-size: 2.5vh;
}

.font-tiny {
	font-size: 1.85vh;
}

.font-xs {
	font-size: 1.5vh;
}

.font-smaller {
	font-size: 2vh;
}

.font-small {
	font-size: 2.25vh;
}

.font-normal {
	font-size: 2.5vh;
}

.font-big {
	font-size: 3vh;
}

.font-bigger {
	font-size: 3.25vh;
}

.font-huge {
	font-size: 3.5vh;
}

.centered-flex-container {
	display: flex;
	justify-content: center;
	align-items: center;
}

.centered-spaced-flex-container {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.centered-container {
	position: relative;
}

.centered-content {
	margin: auto;
	position: absolute;
	top: 0; left: 0; bottom: 0; right:0;
}

.vertically-aligned-text-container {
	display: table;
}

.bottom-aligned-text {
	display: table-cell;
	vertical-align: bottom;
}

.top-aligned-text {
	display: table-cell;
	vertical-align: top;
}

.vertically-centered-text {
	display: table-cell;
	vertical-align: middle;
}

.clearfix {
	clear: both;
}

pre {
    white-space: pre-wrap;       /* CSS 3 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

/* BEGIN input/select */

input[type=text]:focus,
input[type=password]:focus,
select:focus,
option:focus {
	background: #fff;
	border-color: #5fabe7;
	outline: none;
}

input[type=text]:ng-invalid,
input[type=password]:ng-invalid,
select:ng-invalid,
option:ng-invalid {
	background: #fff;
	border: 1px solid #DD1F1F;
}

input[type=text]:ng-invalid:focus,
input[type=password]:ng-invalid:focus,
select:ng-invalid:focus,
option:ng-invalid:focus {
	-webkit-border-radius: 5px;
	border-color: #5fabe7
}

select::-ms-expand {
	display: none;
}

select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: url("../images/down-arrow.png") no-repeat 97% 50% #FFFFFF;
	background-size: 20px 10px;
	color: #009999;
}

input[type="text"],
input[type=password],
select,
option {
	box-sizing: border-box;
	border: 1px solid #009999;
	border-radius: 5px;
	padding: 0 2.5vw;
	cursor: pointer;
}

option {
	border-radius: 0;
}

/* END input/select */

/* BEGIN pretty-checkbox */
input[type=checkbox] {
	display:none;
}

.div-checkbox-wrapper {
	background-color: #FFFFFF;
	border: 1px solid #009999;
	border-radius: 5px;
	height: 2.75vh;
	width: 2.75vh;
}

.div-checkbox-wrapper.checked {
	background: url("../images/checkmark.png") no-repeat 0 bottom;
	background-size: 100%;
	background-color: #FFFFFF;
}

.div-checkbox-wrapper:focus {
	border-color: #5fabe7;
	outline: none;
}

.div-checkbox-wrapper.unchecked:focus {
	border: 1px solid #5fabe7;
	outline: none;
}
/* END pretty-checkbox */

/* BEGIN Buttons */

input[type="button"]:disabled,
input[type="button"].btn:disabled,
.btn:disabled,
.reset-button:disabled,
.cool-button:disabled,
.heat-button:disabled,
.off-button:disabled,
.on-button:disabled,
.device-select-override-button:disabled {
	opacity: 0.5;
	pointer-events: none;
}

input[type="button"]:focus,
input[type="button"].btn:focus,
.btn:focus,
.reset-button:focus,
.cool-button:focus,
.heat-button:focus,
.off-button:focus,
.on-button:focus,
.cancel-override-button:focus,
.device-select-override-button:focus {
	outline: none;
}

input[type=button]:hover,
.reset-button:hover,
.on-button:hover,
.cancel-override-button:hover,
.telephone-button:hover {
    background-color:#66c2c2;
    color: #FFFFFF;
}

input[type="button"].btn:hover,
.btn:hover,
.cool-button:hover,
.heat-button:hover,
.off-button:hover,
.device-select-override-button:hover  {
	background: rgba(0,0,0,0.2);
}

input[type="button"].btn,
.btn,
.reset-button,
.cool-button,
.heat-button,
.off-button,
.on-button,
.cancel-override-button,
.device-select-override-button,
.telephone-button,
input[type=button] {
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	cursor: pointer;
	border-radius: 5px;
	box-sizing: border-box;
}

input[type=button],
.cancel-override-button,
.on-button,
.telephone-button {
	background: #009999;
	border: 1px solid #009999;
	color: #FFFFFF;
}

input[type="button"].btn,
.btn,
.reset-button,
.device-select-override-button {
	background: #FFFFFF;
	border: 1px solid #009999;
	color: #009999;
}

.heat-button,
.off-button {
	background: rgba(232,110,121,1);
	color: #FFFFFF;
	margin-left:5%;
	float:left;
}

.cool-button,
.on-button {
	margin-right:5%;
	float:right;
}

.cool-button {
	background: rgba(97,169,236,1);
	color: #FFFFFF;
}

.reset-button {
	margin: 4vh auto;
	margin-bottom: 0;
}

.heat-button,
.cool-button,
.reset-button {
	text-align: center;
}

.off-button img,
.on-button img {
	padding-right: 4%;
	height: 45%;
}

.off-button,
.on-button,
.heat-button,
.cool-button,
.reset-button {
	height: 7%;
	width: 37%;
}

.off-button,
.on-button {
	margin-bottom: 4vh;
}

.device-select-override-button {
	margin-bottom: 2vh;
	height: 10%;
	width: 100%;
}

.device-select-override-button > span,
.device-select-override-button > p,
.cancel-override-button > span {
	text-align: center;
}

.cancel-override-button {
	margin: auto;
	margin-bottom: 2vh;
	height: 6vh;
	width: 80%;
	border-radius: 5px;
}

/* END Buttons */

a {
	color: #009999;
	text-decoration: none;
}

a:link:hover {
	color: #384A59;
}

.siemens-logo {
	max-height: 36%;
	max-width: 36%;
}

.siemens-logo-header-container {
	height: 8vh;
	background-color: #FFFFFF;
}

.login_form {
	display: flex !important;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	gap: 16px;
	height: 100%;
}

.siemens-id {
	display: flex;
	align-items: center;
	background: #009999;
	border: 1px solid #009999;
	border-radius: 12px;
	padding: 16px 48px;
}

.siemens-id .login-input {
	background: transparent !important;
	border: none;
}

.background-for-login-form {
    background-image:url('../images/siemens-building.png');
	background-size: cover;
	background-position: left;
	background-repeat: no-repeat;
}

.background-for-login-form,
.background-for-siteselect-form {
	height: 79vh;
	width: 100%;
}

.login-form-background,
.siteselect-form-background {
	background-color: #FFFFFF;
	width: 75%;
	height: 66vh;
	border-radius: 5px;
}

.login-form-container,
.siteselect-form-container {
	height: 100%;
	width: 90%;
	margin: auto;
}

.login-site-controls {
	height: 18%;
}

.login-site-portal {
	height: 10%;
}

.login-title {
	text-transform: uppercase;
}

.login-title,
.choose-site-title {
	width: 100%;
	color: #666666;
	font-weight: bold;
	text-align: center;
}

.login-form-product-version {
	color: #9B9B9B;
	font-weight: normal;
	height: 5%;
	width: 100%;
	text-align: right;
}

.login-form-link {
	color: #009999;
	cursor: pointer;
}

#resetPwdDiv {
	display: none;
}

.background-for-siteselect-form {
    background-image:url('../images/login-image.jpg');
	background-size: 100% 100%;
}

.disclaimer-container {
	height: 13vh;
	width: 85%;
	margin: auto;
}

.disclaimer {
	text-align: center;
}

.disclaimer,
.forgot-pw-text {
	color: #9B9B9B;
}

/* BEGIN nav menu */

.menu-portals {
	height: 60%;
}

.menu-portals li {
	height: 10.67%;
}

.menu-portals li.separation {
	margin-top: 6%;
	height: 10.67%;
}

.menu-portals li.force-separation {
	margin-top: 6%;
	height: 10.67%;
}

.menu-goback {
	height: 20%;
}

.menu-goback li {
	height: 32%;
}

.menu-goback li.standalone {
	height: 100%;
}

.menu-goback li.standalone a .logout-img {
	height: 20%;
}

nav {
	background: rgba(228,245,245,1);
}

nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

nav ul li {
	box-sizing: border-box;
	padding-left: 7%;
	width: 100%;
	cursor: pointer;
}

nav ul li.logo {
	background-color: #FFFFFF;
	cursor: auto;
}

nav ul li.logo:hover {
	background-color: #FFFFFF;
	cursor: auto;
}

nav ul li.logo > img {
	height: 30%;
}

nav ul li a {
	height: 100%;
	color: #005D5D;
	text-transform: uppercase;
	display:flex;
	justify-content: flex-start;
	align-items: center;
}



nav ul li:hover span {
	color: #FFFFFF;
}

nav ul li:hover {
	background-color: #009999;
}

nav ul li.active {
	background: #009999;
}

nav ul li.active a {
	color: #ffffff;
}

.overview-img {
	background: url("../images/overview.svg") no-repeat;
}

nav ul li.active a span.overview-img,
nav ul li:hover a span.overview-img {
	background: url("../images/overview-white.svg") no-repeat;
}

.hvac-img {
	background: url("../images/hvac.svg") no-repeat;
}

nav ul li.active a span.hvac-img,
nav ul li:hover a span.hvac-img {
	background: url("../images/hvac-white.svg") no-repeat;
}

.circuit-img {
	background: url("../images/circuit.svg") no-repeat;
}

nav ul li.active a span.circuit-img,
nav ul li:hover a span.circuit-img {
	background: url("../images/circuit-white.svg") no-repeat;
}

.meter-img {
	background: url("../images/meter.svg") no-repeat;
}

nav ul li.active a span.meter-img,
nav ul li:hover a span.meter-img {
	background: url("../images/meter-white.svg") no-repeat;
}

.meter-data.white-paper {
	padding: 3vh 5%;
}

.meter-data table,
.meter-data table tr {
	width:100%;
}

.meter-data table tr td {
	width: 25%;
}

.meter-data table tr td:nth-child(odd) {
	text-align: right;
	padding-right: 2%;
}

.meter-data table tr td:nth-child(even) {
	padding-left: 2%;
}

.high-energy-use {
	color: rgba(232,110,121,1);
}

.medium-energy-use {
	color: #F5A623;
}

.low-energy-use {
	color: #61A9EC;
}

.sensors-img {
	background: url("../images/sensors.svg") no-repeat;
}

nav ul li.active a span.sensors-img,
nav ul li:hover a span.sensors-img {
	background: url("../images/sensors-white.svg") no-repeat;
}

.override-img {
	background: url("../images/override.svg") no-repeat;
}

nav ul li.active a span.override-img,
nav ul li:hover a span.override-img {
	background: url("../images/override-white.svg") no-repeat;
}

.support-img {
	background: url("../images/support.svg") no-repeat;
}

nav ul li.active a span.support-img,
nav ul li:hover a span.support-img {
	background: url("../images/support-white.svg") no-repeat;
}

.switch-site-img {
	background: url("../images/switch-site.svg") no-repeat;
}

nav ul li.active a span.switch-site-img,
nav ul li:hover a span.switch-site-img {
	background: url("../images/switch-site-white.svg") no-repeat;
}

.logout-img {
	background: url("../images/logout.svg") no-repeat;
}

nav ul li.active a span.logout-img,
nav ul li:hover a span.logout-img {
	background: url("../images/logout-white.svg") no-repeat;
}

.overview-img,
.hvac-img,
.circuit-img,
.meter-img,
.sensors-img,
.override-img,
.support-img,
.switch-site-img,
.logout-img {
	background-size: contain;
	height: 60%;
	width: 10%;
	padding-right: 8%
}

nav ul li.active a span.overview-img,
nav ul li:hover a span.overview-img,
nav ul li.active a span.support-img,
nav ul li:hover a span.support-img,
nav ul li.active a span.override-img,
nav ul li:hover a span.override-img,
nav ul li.active a span.sensors-img,
nav ul li:hover a span.sensors-img,
nav ul li.active a span.meter-img,
nav ul li:hover a span.meter-img,
nav ul li.active a span.circuit-img,
nav ul li:hover a span.circuit-img,
nav ul li.active a span.hvac-img,
nav ul li:hover a span.hvac-img,
nav ul li.active a span.overview-img,
nav ul li:hover a span.overview-img,
nav ul li.active a span.switch-site-img,
nav ul li:hover a span.switch-site-img,
nav ul li.active a span.logout-img,
nav ul li:hover a span.logout-img {
	background-size: contain;
}

/* END nav menu */

.portal-site-header {
	height: 8vh;
	background-color: #FFFFFF;
	border-bottom: 1px solid #E4F5F5;
	box-sizing: border-box;
}

.portal-site-header-select {
	width: 90%;
	height: 6%;
	margin: auto;
}

.portal-site-header-select select {
	width: 100%;
	height: 100%;
}

.portal-site-header-items {
    height: calc(7% + 1vh);
	color: #009999;
}

.portal-site-header-items span {
	width: 33%;
	text-align: center;
	cursor: pointer;
}

/*
*  Padding hack for proper svg scaling
*  in IE.
*  padding-left must be (svg width/svg height) * container height
*/
.menu-button {
	width: 0;
	height: 100%;
	padding-left: 7.2vh;
	position: relative;
	float: left;
}

.menu-button svg {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
}

.site-title {
	height:100%;
	overflow: hidden;
}

.site-title div span:first-of-type {
	color: #666666;
	text-align: right;
}

.site-title div span:last-of-type {
	color: #9B9B9B;
	text-align: left;
}

.portal-template-container {
	height: 93vh;
	width: 100%;
	color: #808080;
}

.portal-template {
	height: 100%;
	width: 100%;
}

.portal-template:after {
    display: block;
    content: "";
    height: 4vh;
    background-color: #F8F9F8;
}

.device-loading-container {
	width: 100%;
	height: 8%;
}

.device-loading-container > img {
	width: 8%;
}

.device-no-data-container,
.site-unresponsive-container {
	width: 100%;
	height: 25%;
}

.device-no-data-container > span,
.site-unresponsive-container > span {
	white-space: pre-line;
	text-align: center;
	font-weight: 700;
}

.device-unresponsive-container {
	width: 80%;
	height: 10%;
	margin: auto;
}

.device-unresponsive-container > span {
	 white-space: pre-line;
	 text-align: center;
	 font-weight: 550;
}

.portal-page-header {
	height:7%;
}

.modal-portal-page-header {
	height: 5vh;
}

.portal-page-header,
.modal-portal-page-header {
	box-sizing: border-box;
	padding-bottom: 1vh;
}

.portal-page-header img {
	padding-right: 1%;
	height: 80%;
}

.modal-portal-page-header img {
	padding-right: 3%;
	height: 100%;
}

.portal-page-header span,
.modal-portal-page-header  {
	color: #005D5D;
}

.general-overview.white-paper {
	height: 30%;
	color: #666666;
	margin-bottom: 3vh;
}

.general-overview div {
	display: table;
}

.documents-icon {
	cursor: pointer;
	float:right;
	padding-top:3vh;
	height: 12%;
}

.street-address,
.city-state {
	height: 17.75%;
}

.commission-dates {
	 height: 11%;
	 width: 100%;
}

.commission-dates span {
	display: table-cell;
	width: 50%;
	vertical-align: bottom;
}

.commission-dates span:last-of-type {
	text-align: right;
}

a:link.telephone-button:hover {
	color: #FFFFFF;
}

.telephone-button {
	height: 60%;
	width: 100%;
}

.telephone-button img {
	padding-right: 3%;
	height: 40%;
}

.notes-ticket-container {
	width: 90%;
	margin: auto;
}

.notes-ticket-container > div span {
	color: #009999;
	cursor: pointer;
}

.exceptions-container-container.white-paper {
	margin: 3vh auto;
	margin-bottom: 0;
}

.exceptions-title {
	padding: 2vh 0;
	color: #666666
}

.exceptions-container {
	padding-bottom: 2vh;
}

.exception {
	padding-left: 2vw;
	margin-bottom: 2vh;
	border: 1px solid #009999;
	cursor: pointer;
	border-radius: 5px;
}

.exception-short-description {
	color: #009999;
	height: 6.5vh;
	width: 100%;
}

.exception-long-container {
	color: #666666;
}

.exception-long-container table {
	padding-right: 2vw;
	padding-bottom: 4vh;
	width: 100%;
}

.exception-long-container table tr td {
	text-align: left;
	vertical-align: top;
	padding-top: 5%;
}

.exception-long-container table tr td:first-of-type {
	 padding-right:3%;
}

.clipped-exception-text {
	width: 90%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.exception-device-link {
	color: #009999;
	height: 10vh;
	width: 100%;
}

.exception-device-link div {
	text-align: center;
}

.plus-sign {
	background: url("../images/plus-sign.svg") no-repeat;
}

.minus-sign {
	background: url("../images/minus-sign.svg") no-repeat;
}

.plus-sign,
.minus-sign {
	background-size: contain;
	height: 70%;
	width: 10%;
}

.white-paper,
.comments,
.notes,
.modal-exception,
.documents-container,
.device-select-container {
	border-radius: 5px;
	border: none;
	box-shadow: 0px 1px 4px rgba(204, 204, 204, 0.35);
	background-color: #FFFFFF;
}

.white-paper {
	width: 90%;
	margin: auto;
	box-sizing: border-box;
	padding: 0 5%;
}

.sensor-container {
	padding-top: 2vh;
	width: 100%;
}

.sensor-container:last-of-type {
	padding-bottom: 2vh;
}

.sensor-desc {
	width: 50%;
}

.sensor-val {
	font-weight: bold;
	width: 35%;
	text-align: center;
}

.sensor-no-comms {
	color: rgba(232,110,121,1);
}

.osa-cloud-img {
	background: url("../images/outside-cloud.png") no-repeat;
	background-size: 97% 80%; height: 3vh; width: 3vh;
}

.ppm-img {
	background: url("../images/ppm.png") no-repeat center;
	background-size: 80% 80%; height: 3vh; width: 3vh;
}

.rh-img {
	background: url("../images/rh.png") no-repeat center;
	background-size: 80% 80%; height: 3vh; width: 3vh;
}

.power-img {
	background: url("../images/power.png") no-repeat center;
	background-size: 80% 80%; height: 3vh; width: 3vh;
}

.generic-sensor-img {
	background: url("../images/generic-sensor.svg") no-repeat center;
	background-size: 100% 100%; height: 3vh; width: 3vh;
}

.override-container.white-paper {
	padding: 0 5%;
	padding-bottom: 6vh;
	margin: 3vh auto;
	margin-top: 0;
	height: 75%;
}

.override-step {
	height: 11%;
	color: #666666;
}

.fail-count {
	color: #CA5C54;
}

.override-select-box {
	color: #009999;
	width: 100%;
	height: 10%;
	margin-bottom: 2vh;
}

.override-button-container {
	height: 10%;
	width: 100%;
	margin-top: 3vh;
}

.override-button-container input[type="button"]{
	height: 100%;
	width: 35%;
}

.override-button-container img {
	position: relative;
	left: 75%;
	top: 22.5%;
}

.support {
	height: 22%;
}

.contact-us-heading {
	height: 23%;
	color: #666666;
}

.toc-text {
	height: 16%;
}

.telephone-button-container {
	height: 12vh;
	width: 100%;
}

/* BEGIN MODAL TEMPLATES */
.ticket-number,
.modal-exception-title {
	color:#005D5D;
	text-align:center;
	width: 100%;
	padding-bottom: 2vh;
}

.comments,
.notes,
.modal-exception,
.documents-container,
.device-select-container {
	padding: 2.5vh;
	margin-top: 2vh;
}

.device-select label {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.ticket,
.notes {
	color: #666666;
}

.note {
	margin-top: 2vh;
	word-wrap: normal;
}

.note div {
	overflow: hidden;
	text-overflow: ellipsis;
}

.comments pre {
	 font-family:Helvetica;
}

.documents-container div {
	padding-bottom: 2vh;
}

.device-select-container > div {
	padding-bottom: 2vh;
	color: #009999;
}

.device-select-button-container {
	 height: 7vh;
	 padding: 5vh 0;
}

.device-select-button-container input[type="button"] {
	height: 100%;
	width: 35%;
}

.device-select-button-container input[type="button"]:first-of-type {
	float: left;
	margin-left: 8%;
}

.device-select-button-container input[type="button"]:last-of-type {
	float: right;
	margin-right: 8%;
}

.attachment-img {
	max-width:8%;
	max-height:8%;
}

.analog-override-duration-label {
	display:block;
	padding: 2vh 10%;
}

.analog-override-duration-select {
	 display: block;
	 padding: 1.5vh;
	 width: 80%;
	 margin:auto;
}

.analog-override-immediate-checkbox {
	padding: 3vh 0;
}

.analog-override-or-label {
	display:block;
	text-align: center;
	padding-bottom: 2vh;
}

/* END Modal Templates*/

/* If and when internet explorer supports vmax
* below styles can be removed and above vh units
* can be changed to vmax
*/
@media (orientation: landscape) {
	body {
		font-size: 2.5vw;
		-webkit-text-size-adjust: 100%;
	}

	.div-checkbox-wrapper {
		height: 2.75vw;
		width: 2.75vw;
	}

	.menu-button {
		padding-left: 7.2vw;
	}

	.menu-portals {
		height: 80%;
	}

	.menu-portals li {
		height: 12.5%;
	}

	.menu-portals li.separation {
		margin-top: 0;
		height: 12.5%;
	}

	.menu-portals li.force-separation {
		margin-top: 6%;
		height: 12.5%;
	}

	.menu-goback {
		height: 20%;
	}

	.menu-goback li {
		height: 50%;
	}

	.font-tiny {
		font-size: 1.85vw;
	}

	.font-smaller {
		font-size: 2vw;
	}

	.font-small {
		font-size: 2.25vw;
	}

	.font-normal {
		font-size: 2.5vw;
	}

	.font-big {
		font-size: 3vw;
	}

	.font-bigger {
		font-size: 3.25vw;
	}

	.font-huge {
		font-size: 3.5vw;
	}

	.siemens-logo-header-container {
		height: 8vw;
	}

	.background-for-login-form,
	.background-for-siteselect-form {
		height: 79vw;
	}

	.login-form-background,
	.siteselect-form-background {
		height: 66vw;
	}

	.disclaimer-container {
		height: 13vw;
	}

	.portal-site-header {
		height: 8vw;
	}

	.portal-site-header-items {
	    height: calc(7% + 1vw);
	}

	.portal-template-container {
		height: 93vw;
	}

	.portal-template:after {
	    height: 4vw;
	}

	.portal-page-header,
	.modal-portal-page-header {
		padding-bottom: 1vw;
	}

	.general-overview.white-paper {
		margin-bottom: 3vw;
	}

	.documents-icon {
		padding-top: 3vw;
	}

	.exceptions-container-container.white-paper {
		margin: 3vw auto;
		margin-bottom: 0;
	}

	.exceptions-title {
		padding: 2vw 0;
	}

	.exceptions-container {
		padding-bottom: 2vw;
	}

	.exception {
		padding-left: 2vh;
		margin-bottom: 2vw;
	}

	.exception-short-description {
		height: 6.5vw;
	}

	.exception-long-container table {
		padding-right: 2vh;
		padding-bottom: 4vw;
	}

	.exception-device-link {
		height: 10vw;
	}

	.meter-data.white-paper {
		padding: 3vw 5%;
	}

	.sensor-container {
		padding-top: 2vw;
	}

	.sensor-container:last-of-type {
		padding-bottom: 2vw;
	}

	.osa-cloud-img {
		background-size: 97% 80%; height: 3vw; width: 3vw;
	}

	.ppm-img {
		background-size: 80% 80%; height: 3vw; width: 3vw;
	}

	.rh-img {
		background-size: 80% 80%; height: 3vw; width: 3vw;
	}

	.power-img {
		background-size: 80% 80%; height: 3vw; width: 3vw;
	}

	.generic-sensor-img {
		background-size: 100% 100%; height: 3vw; width: 3vw;
	}

	.override-container.white-paper {
		padding-bottom: 6vw;
		margin: 3vw auto;
	}

	.override-select-box {
		margin-bottom: 2vw;
	}

	.override-button-container {
		margin-top: 3vw;
	}

	.telephone-button-container {
		height: 12vw;
	}

	.reset-button {
		margin: 4vw auto;
		margin-bottom: 0;
	}

	.off-button,
	.on-button {
		margin-bottom: 4vw;
	}

	/* BEGIN Modal Templates */
	.device-select-override-button {
		margin-bottom: 2vw;
	}

	.cancel-override-button {
		margin-bottom: 2vw;
		height: 6vw;
	}

	.comments,
	.notes,
	.modal-exception,
	.documents-container,
	.device-select-container {
		padding: 2.5vw;
		margin-top: 2vw;
	}

	.ticket-number,
	.modal-exception-title {
		color:#005D5D;
		text-align:center;
		width: 100%;
		padding-bottom: 2vw;
	}

	.note {
		margin-top: 2vw;
	}

	.documents-container div,
	.device-select-container > div {
		padding-bottom: 2vw;
	}

	.device-select-button-container {
		 height: 7vw;
		 padding: 5vw 0;
	}

	.modal-portal-page-header {
		height: 5vw;
	}

	.analog-override-duration-label {
		padding: 2vw 10%;
	}

	.analog-override-duration-select {
		 padding: 1.5vw;
	}

	.analog-override-immediate-checkbox {
		padding: 2vw 0;
	}

	.analog-override-or-label {
		padding-bottom: 2vw;
	}

	.cancel-override-button {
		margin-bottom: 2vw;
		height: 6vw;
	}
	/* END Modal templates */
}